@charset "utf-8";
/* CSS Document */
/* ================= General 1024px - 768px ================= */

body{background:#fff; margin:0px; padding:0px; font:normal 13px/18px 'Open Sans', Arial, Helvetica, sans-serif; color:#444;}

/* SHORT FORM ENDS */
.right_zone{float:right; width:75%;}
.left_zone{float:left; width:22%;}
.left_zone h2{line-height:32px;}
.cat_list a{font:normal 14px/24px 'Open Sans', Arial, Helvetica, sans-serif; color:#333; display:inline-block; padding:2px 15px; background:#eee; margin:3px 0; border-radius:15px;transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s;}
.cat_list a:hover, .cat_list a.act{color:#fff; background:#333;}
.mylinks1 a{display:block; background:url(../images/fq-b.png) no-repeat 0px 3px; font:normal 14px/18px 'Open Sans',Arial, Helvetica, sans-serif; color:#73ad38; margin-bottom:4px; padding:2px 0px 2px 20px}
.mylinks1 a:hover, .mylinks1 a.act{background:url(../images/fq-b.png) no-repeat 0px 3px; font-weight:bold; color:#73ad38;}
.mylinks1 p a, .mylinks1 p a:hover{background:none; padding:0; color:#f00 !important; font-size:13px}
.mylinks1 p b a{font-size:11px; color:#999 !important}
.color_box_n{border:1px solid #000; width:16px; height:14px; display:inline-block; overflow:hidden; vertical-align:middle; float:left; margin:2px 4px 0 0}
.dtl_images{float:left; margin:0 0 0 5px; position:relative; width:402px; min-height:329px;
    top: 0px;
    left: 0px;
}
.dtl_images_mob{border:1px solid #eee; width:99%; margin:0 auto 20px; display:none}
.dtl_images_mob img{display:block; width:100%; height:auto;}
.dtl_contents{float:right; width:56%;}
.dtl_inr_box1{ float:left; width:48%;}
.dtl_inr_box2{ float:right; width:50%; border-left:1px solid #eee;}
.pro_video{width:360px; height:240px; border:10px solid #000; float:right; margin:60px 0 10px 10px}
.pro_video iframe{width:100%; height:240px}
/* CATEGORY/SUBCATEGORY/LISTING PAGES ENDS */
/*
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$ CSS Document not to edit $$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
*/
/* Desktop/Laptop/Others - Above 980px */
.img_responsive{display:block; width:100%; line-height:0; height:auto;}
.mob_only{display:none}.tab_only{display:none}.des_only{display:block} .des_hider{display:none;}

/* floating classes */
.floater, .floater li{margin:0; padding:0; list-style:none;}
.float_2 li{width:50%; float:left}
.float_2x li{width:50%; float:left}
.float_3 li{width:33.33333%; float:left}
.float_4 li{width:25%; float:left}
.float_4x li{width:25%; float:left}

/* Tab 960px - 768px */
@media only screen and (max-width: 999px){
.mob_only{display:none}.tab_only{display:block}.des_only{display:none}.des_hider{display:block;}
.tab_hider{display:none;}
.wrapper{width:100%}
/* floating classes */
.float_2 li{width:100%; float:none}
.float_3 li, .float_4 li{width:50%; float:left}
.float_4x li{width:33.333333%; float:left}
}
/* Mobile 480px - 767px */
@media only screen and (max-width: 767px) {
.mob_only{display:block}.tab_only{display:none}.des_hider{display:block;}
.mob_hider{display:none;}.mob_shower{display:block;}
/* floating classes */
.float_2 li,.float_2x li, .float_3 li, .float_4 li, .float_4x li{width:100%; float:none}
}
/* Mobile Below 480px */
@media only screen and (max-width: 479px) {
}









.fixer1{width:100%; height:100px; background:#F00; z-index:2; 
transition:all linear .5s;-webkit-transition:all linear 
.5s;-moz-transition:all linear .5s;-ms-transition:all linear .5s;}

.fixer2{height:50px !important; background:#3C0;position:fixed; top:0}


.f_logo{width:200px; height:70px; background:#fff;
transition:all linear .5s;
-webkit-transition:all linear .5s;-moz-transition:all linear .5s
;-ms-transition:all linear .5s;}

.fixer2 .f_logo{width:100px; height:30px; background:#000;}