@charset "utf-8";
/* ================= Desktop/Laptop below 1280px  ================= */

@media only screen and (max-width:1279px){
.container{width:100%;}
.connect_with_us{text-align:left; margin-top:20px;}
.connect_with_us img{width:15%;}

.srch-inr{ width:85%;}

/* NAV */
ul.topmenu{font:700 13px/40px 'Roboto Slab', serif;}
ul.topmenu li{display:block; float:left; margin:0; padding:0;}
ul.topmenu li>a, ul.topmenu li>a:visited{display:block; padding:0px 21px !important; color:#fff; text-align:center;}
ul.topmenu li:hover>a, ul.topmenu li>a .act{color:#fff; background:#79a833 !important; text-decoration:none;}
/* NAV ENDS */	

/* news_list */
.news_list ul li{float:left; width:33.3333%;}
.news_area{width:320px;}
.news_img{width:320px; height:181px;}
.news_img figure{width:320px; height:181px;}
.list_o_hid{height:330px;}


.banner_txt_pos{position:absolute; z-index:9; bottom:100px; left:50px;}
.banner_btn {position:absolute; z-index:9; bottom:300px; right:14%; width:25%;}
.banner_btn img { width:100%; height:auto;}
/* banner */


/*newsletter*/
.input_sec{width:97%; margin:auto; text-align:center;}
.input_sec .sec1{width:21.5%; float:left; margin-left:10px;}
.input_sec .sec2{width:21.5%; float:left; margin-left:12px;}
.input_sec .sec3{width:8%; float:left; margin:5px 0 0 12px;}
.input_sec .sec4{width:10%; float:left; margin-left:12px;}
.input_sec .sec5{width:5%; float:left; margin:9px 0 0 12px;}
.input_sec .sec6{width:27%;float:left; margin:0 0 0 5px;}


/*listing*/
.pro_list_o_hid{height:230px; overflow:hidden;}
.pro_area{width:170px; margin:auto; background:#e2e2e2;}
.pro_thm{width:170px; height:170px; margin:auto; overflow:hidden;}
.pro_thm figure{width:170px; height:170px; display:table-cell; vertical-align:middle;}
.transparent-bg p{padding:70px 72px;}
/*listing*/










/*footer*/
.copyright_sec1{width:20%;}
.copyright_sec3{width:40%;}
/*footer*/

	
/* mews */
.news_area_l{float:left;}
.news_area_r{width:63%;float:left;margin-left:15px;}
/* mews */

/* Category_list */
.cat_area{width:310px;}
.cat_img{width:300px; height:169px;}
.cat_img figure{width:300px; height:169px;}
/* Category_list */

/* DETAILS */
.dtl_images{float:left; margin:0 0 0 5px; position:relative; width:372px; min-height:244px;}
.dtl_contents{float:left; width:63%;margin:0 0 0 2%;}
/* DETAILS */

.cate_sect{width:272px;height:350px;}
.cate_sect figure{ width:270px; height:348px;}
.cate_sect figure img{ display:block; margin:0 auto; max-width:100%; height:auto;}

.video_area{width:302px; margin:auto;}
.video_area:hover{border:1px solid #ccc;}
.video_img{width:280px; height:193px;}
.video_img figure{width:280px; height:193px;}
.video_img img{display:block; margin:auto; max-width:100%; height:auto;}
.video_play_pos{position:absolute; z-index:9; top:60px; left:110px;}
/*video*/
.filt_bar{ height:150px !important; overflow:hidden;}


}


/* ================= Desktop/Laptop below 1152px  ================= */
@media only screen and (max-width:1151px){

/* NAV */
ul.topmenu li>a, ul.topmenu li>a:visited{padding:0px 13px !important;}
/* NAV ENDS */	

/* mews */
.news_area_l{float:left;}
.news_area_r{width:58%;float:left;margin-left:15px;}
/* mews */
.call_sec .w70{ width:65% !important;}
.call_sec .mail{ font-size:11px; line-height:40px; text-transform:capitalize;}

.srch-inr{ width:83%;}
.srch_area .adv-src{float:left; margin-left:5px; width:10%;line-height:16px;}
.srch_area .adv-src a{ color:#2573ae; text-transform:uppercase; font-size:11px; font-weight:bold !important; line-height:10px !important;}


.cate_sect{width:222px;height:286px;}
.cate_sect figure{ width:220px; height:284px;}
.cate_vw .ct_dtl{position:absolute; text-align:right; z-index:9999; top:-350px; transition:ease-in .3s all;padding:20px; width:220px; height:284px;}
.ct_dtl span{font-size:22px;}
.ct_dtl .cate_list a{font:300 13px/18px 'Open Sans',Arial, Helvetica, sans-serif;}

/*listing*/
.pro_list ul li{float:left; width:20%;}
/*listing*/

.video_area{width:262px; margin:auto;}
.video_img{width:240px; height:166px;}
.video_img figure{width:240px; height:166px;}
.video_play_pos{position:absolute; z-index:9; top:45px; left:90px;}
/*video*/
.dtl_contents{float:left; width:55%;margin:0 0 0 2%;}
.filt_bar{ height:134px !important; overflow:hidden;}
.news_area .txt_h {height:94px; overflow:hidden;}


/*newsletter*/
.input_sec{width:97%; margin:auto; text-align:center;}
.input_sec .sec1{width:20.5%; float:left; margin-left:10px;}
.input_sec .sec2{width:20.5%; float:left; margin-left:12px;}
.input_sec .sec6{width:28%;float:left; margin:0 0 0 5px;}

.cat_cnt_h{height:145px; overflow:hidden;}
.cate_scrl{width:100%; height:300px; overflow:hidden;}


}



/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width: 991px) {
.logo_area{text-align: center; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}



/* NAV */
ul.topmenu{margin:0; padding:0;color:#fff; font:700 15px/40px 'Roboto Slab', serif;  text-transform:uppercase;position:relative;}
ul.topmenu li{display:block; float:none; margin:0; padding:0;}
ul.topmenu li>a, ul.topmenu li>a:visited{display:block; padding:0px; color:#fff; text-align:left; border-bottom:1px solid #21689c;}
ul.topmenu li:hover>a, ul.topmenu li>a .act{color:#fff; background:#79a833 !important; text-decoration:none;}

.nav_dis{display:block; position:absolute; z-index:99; top:6px; left:10px;}
.link_dis{display:none;width:100%; margin-top:40px;position:absolute; z-index:999999; top:-3px; left:0px; background:#115489;}
/* NAV ENDS */

/* news_list */
.news_list ul li{float:left; width:50%;}
.news_area{width:355px;}
.news_img{width:355px; height:200px;}
.news_img figure{width:355px; height:200px;}
.list_o_hid{height:350px;}

.banner_txt_pos{position:absolute; z-index:9; bottom:70px; left:50px;}
.banner_txt45{font-size:30px;}
.banner_txt18{ font-size:13px;}
.banner_btn{ display:none;}
/* banner */


/*newsletter*/
.input_sec .sec1{width:100%; float:none; margin:0px;}
.input_sec .sec2{width:100%; float:none; margin:0px; padding-top:8px;}
.input_sec .sec3{width:30%; float:left; margin:0px;padding-top:8px;}
.input_sec .sec4{width:40%; float:left; margin:0px;padding-top:8px;}
.input_sec .sec5{width:20%; float:left; margin-left:8px;padding-top:8px;}
.input_sec .sec6{width:100%;float:none; margin:0px;padding-top:18px;}
.newsletter_dis{display:none; width:50%; margin:auto;}

.newsletter_dis_n{display:block;}
.newsletter_dis_b{display:none;}

/*listing*/
.pro_list ul li{float:left; width:33.3333%;}
/*listing*/

/*footer*/
.footer_sec1{width:44%; margin:0 5% 0 1%;}
.footer_sec2{width:44%;margin:0 5% 0 1%;}
.footer_sec3{width:98%; float:none; margin:30px 0 0 12px;}
.loc_area{width:33.3333%; float:left; margin-top:18px;}

.copyright_sec1{width:100%; float:none; text-align:center;margin-top:5px; border-right:1px solid #222324;}
.copyright_sec2{width:100%; float:none;text-align:center;margin-top:5px; padding:15px 0 0 25px;}
.copyright_sec3{width:100%; float:none;text-align:center;margin-top:5px; text-align:center;}
.mail_txt{ font-size:11px;}
/*footer*/

/* mews */
.news_area_l{float:left;}
.news_area_r{width:60.5%;float:left;margin-left:15px;}

.news_img2{width:252px; height:141px; overflow:hidden; border:1px solid #666;}
.news_img2 figure{width:250px; height:141px; display:table-cell;text-align:center; vertical-align:middle;}
.news_img2 img{display:block; margin:auto; max-width:100%; height:auto;}
/* mews */

/*testimonial*/
.testimonial_box{ background:#f7f7f7; border:1px solid #e7e7e7; border-radius:5px; min-height:200px; width:92%; float:right}
.testimonial_box .thm{ background:#fff;width:90px; height:90px; border-radius:90px; padding:5px; position:absolute; z-index:9; top:50px; left:-50px; border:5px solid #fff; box-shadow:0 1px 10px rgba(204,204,204, .5)}
/*testimonial*/

/* Category_list */
.cat_list ul li{float:left; width:50%;}	

/* DETAILS */
.dtl_images{float:none; margin:0 0 0 5px; position:relative; width:49.5%; margin:auto; min-height:244px; }
.dtl_contents{float:none; width:97%; margin:auto; padding-top:20px;}
/* DETAILS */


.sitemap a{width:48%; float:left;}

/* contact */
.resume_box{width:100%; margin:50px auto; min-height:210px}
/* contact ENDS */

/*search*/
.srch-inr{width:75%;float:left; margin-right:5px; overflow:hidden}
.srch_area{width:98%; margin:auto; border-radius:0px; margin-top:0px; height:40px;}

/*category*/
.category_list ul li{float:left; width:50%; margin-bottom:25px;}
.cate_sect{width:285px;height:367px;}
.cate_sect figure{ width:283px; height:365px;}
.cate_sect figure img{ display:block; margin:0 auto;}
.cate_vw .ct_dtl{position:absolute; text-align:right; z-index:9999; top:0px; transition:ease-in .3s all;padding:20px; width:285px; height:367px;display:block; background:rgba(121,168,51,0.8);  top:0;}




/*search*/
.search_w{width:90%; margin:auto;}

.video_area{width:232px; margin:auto;}
.video_img{width:210px; height:145px;}
.video_img figure{width:210px; height:145px;}
.video_play_pos{position:absolute; z-index:9; top:40px; left:80px;}
/*video*/

.cate_scrl{width:100%; height:380px; overflow:hidden;}

}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width:767px) {
h1{font:28px/26px 'Roboto Slab', serif;color:#454545; }
h3{font:700 30px/32px 'Roboto Slab', serif; color:#2978b1; text-transform:uppercase;}

.connect_with_us img{width:10%;}

.logo_area{text-align:center;}


/* news_list */
.news_list ul li{float:none; width:100%;}
.news_area{width:290px;}
.news_img{width:290px; height:164px;}
.news_img figure{width:290px; height:164px;}
.list_o_hid{height:330px;}

.banner_txt_pos{position:absolute; z-index:9; bottom:10px; left:50px;}
.banner_txt45{font-size:20px;}
.enquiry_btn2, .enquiry_btn2:visited{background:#222; color:#fff !important; border-radius:5px; display:inline-block; text-align:center;font:700 12px/30px 'Roboto Slab', serif;height:30px; padding:0px 20px;cursor:pointer; text-transform:uppercase;}
.enquiry_btn2:hover{background:#1d6397; color:#fff;}
/* banner */

/* Customer */
.customer_area{width:60%;}
.arr_pos_l{top:100px; left:0px;}
.arr_pos_r{top:100px; right:0px;}
/* Customer */

.wc_dis_n{display:block;}
.wc_dis_b{display:none;}


/*tab*/
.list10 li a{font:700 18px/20px 'Roboto Slab', serif; color:#676767; text-transform:uppercase; display:inline-block; padding:15px 13px;}

/*listing*/
.pro_list ul li{float:none; width:100%;}
/*listing*/

/*footer*/
.footer_sec1{width:100%; float:none; margin:0;}
.footer_sec1 .box1{width:100%; float:none}
.footer_sec1 .box2{width:100%; float:none; margin-top:-11px;}

.footer_sec2{width:100%;float:none;margin:0;}
.footer_sec3{width:100%; margin:auto; float:none;}
.loc_area{width:100%; float:none; margin-top:18px;}
.loc_area img{margin-right:10px; float:left;}


.f_dd_box{display:none;}
.dd_next{margin:0; padding:5px; background:url(../images/pls.png) no-repeat 96% center; cursor:pointer;}.dd_next_act{background:url(../images/mns2.png) no-repeat 96% center; }

.ft_link{padding:7px;}
.ft_link a{font:13px/18px 'Open Sans', Arial, Helvetica, sans-serif;  border-bottom:1px solid #0a61a2;}
.ft_link a:hover{color:#74b53f;}

.ft_link2{padding:7px;}
.ft_link2 a{font:13px/34px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; display:block; float:none; width:100%; border-bottom:1px solid #0a61a2;}
.ft_link2 a:hover{color:#74b53f;}


.copyright_sec1{width:100%; float:none; text-align:center;margin-top:5px; border-right:1px solid #222324;}
.copyright_sec2{width:100%; float:none;text-align:center;margin-top:5px; padding:15px 0 0 25px;}
.copyright_sec3{width:100%; float:none;text-align:center;margin-top:5px; text-align:center;}
/*footer*/

/* CONTACT US */
.contact_box .col-xs-12{margin-bottom:20px;}
/* CONTACT US */

/* mews */
.news_area_l{float:none; margin:auto;}
.news_area_r{width:98%;float:none;margin-left:0px; margin-top:15px;}

.news_img2{width:392px; height:220px; overflow:hidden; border:1px solid #666; margin:auto;}
.news_img2 figure{width:392px; height:220px; display:table-cell;text-align:center; vertical-align:middle;}
.news_img2 img{display:block; margin:auto; max-width:100%; height:auto;}
/* mews */

/*testimonial*/
.testimonial_box{background:#f7f7f7; border:1px solid #e7e7e7; border-radius:5px; min-height:200px; width:100%; float:none}
.testimonial_box .thm{display:none;}
.test_cnt{font:400 14px/20px 'Open Sans',Arial, Helvetica, sans-serif; padding:10px;}
/*testimonial*/

/* Category_list */
.cat_list ul li{float:none; width:100%;}	


/* DETAILS */
.dtl_images{float:none; margin:0 0 0 5px; position:relative; width:80%; margin:auto; min-height:244px; }
.dtl_contents{float:none; width:97%; margin:auto; padding-top:20px;}
/* DETAILS */

.sitemap a{width:97%; float:none;}

/*category*/
.category_list ul li{float:left; width:100%; margin-bottom:25px;}
/*search*/
.srch_area .adv-src{float:none; margin-left:0px; width:100%;line-height:16px; text-align:center; padding:10px !important;}
.srch_area{height:auto;}
.srch-inr{width:78%;}




.short_form input[type=text], .short_form input[type=password], .short_form select, .short_form textarea, .short_form .fls{padding:9px; width:100%; box-shadow:0 5px 5px rgba(0,0,0,.07) inset; border-radius:2px; border:1px solid #ccc;}
.short_form .w36{float:none; width:100%; text-align:left}
.short_form .w62{float:none; width:100%}


.video_area_list ul li{float:left; width:50%;}
.video_area{width:202px; margin:auto;}
.video_img{width:180px; height:124px;}
.video_img figure{width:180px; height:124px;}
.video_play_pos{position:absolute; z-index:9; top:30px; left:60px;}
/*video*/
.video_area2{border:10px solid #eee; padding:20px; max-width:97%; height:340px;}


}





@media only screen and (max-width:600px) {
.dtl_images{float:none; margin:0 0 0 5px; position:relative; width:63.5%; margin:auto; min-height:244px; }	
.input_sec .sec3{width:15%; float:left; margin:0px;padding-top:8px;}
.input_sec .sec5{width:3%; float:left; margin-left:8px;padding-top:8px;}

}

@media only screen and (max-width:515px) {
.dtl_images{float:none; margin:0 0 0 5px; position:relative; width:74.5%; margin:auto; min-height:244px; }	
}

@media only screen and (max-width:480px) {
.dtl_images{float:none; margin:0 0 0 5px; position:relative; width:80.5%; margin:auto; min-height:244px; }	
}




/* ================= Mobile (Portrait) below 480px  ================= */
@media only screen and (max-width:479px) {
.connect_with_us img{width:15%;}

/* Customer */
.arr_pos_l{top:170px; left:0px;}
.arr_pos_r{top:170px; right:0px;}
/* Customer */


.banner_txt_pos{position:absolute; z-index:9; bottom:10px; left:10px;}
.banner_txt45{font-size:14px;}
.enquiry_btn2, .enquiry_btn2:visited{padding:0px 10px;}

/* banner */

/* mews */
.news_img2{width:272px; height:152px; overflow:hidden; border:1px solid #666;}
.news_img2 figure{width:270px; height:152px; display:table-cell;text-align:center; vertical-align:middle;}
.news_img2 img{display:block; margin:auto; max-width:100%; height:auto;}
/* mews */

/* Category_list */
.cat_area{width:290px;}
.cat_img{width:280px; height:158px;}
.cat_img figure{width:280px; height:158px;}
/* Category_list */


.dtl_images{display:none}
.dtl_contents{float:none; width:100%; margin:auto; padding-top:0px; padding-left:10px;padding-right:10px;}

.dtl_images_mob{width:280px; height:195px;margin:auto; display:block}
.dtl_images_mob figure{width:280px; height:195px;display:table-cell; text-align:center; vertical-align:middle}
.dtl_images_mob img{display:block; margin:auto;}
/* DETAILS */

/*search*/
.srch_area .adv-src{float:none; margin-left:0px; width:100%;line-height:16px; text-align:center; padding:10px !important;}
.srch_area{height:auto;}
.srch-inr{width:99%; float:none;}
.search_btn_area{margin-top:5px;}
.srch_area input[type="button"]{ background:#74b53f; border:none;float:left;border-radius:15px; height:40px; transition: all linear .3s; color:#fff; padding:0px 10px; text-transform:uppercase; width:100%;}

.call_align{ text-align:center !important;margin-bottom:10px;}
.call_align .pull-left{ float:none !important}

.soc_align{ text-align:center !important; margin-bottom:10px;}
.soc_align .pull-right{float:none !important}


.video_area_list ul li{float:none; width:100%;}

.video_area{width:272px; margin:auto;}
.video_img{width:250px; height:173px;}
.video_img figure{width:250px; height:173px;}
.video_play_pos{position:absolute; z-index:9; top:50px; left:100px;}
/*video*/

.srch_area .srch-inr input[type="text"]{width:58%; }
.srch_area .srch-inr select{ width:38%;}

.input_sec .sec3{width:15%; float:left; margin:0px;padding-top:8px;}
.input_sec .sec5{width:35%; float:left; margin-left:8px;padding-top:8px;}

}