@charset "utf-8";

/* ==================MEDIA QUERIES=================*/	

/* ================= 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%;}

/* 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 13px !important; color:#fff; text-align:center;}
ul.topmenu li:hover>a, ul.topmenu li>a .act{color:#222; background:#ffc000 !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 img { width:100%; height:auto;}
/* banner */

/* GAllery*/
.gal_list ul li{float:left; width:18.555%; margin-bottom:25px;}

/*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:230px;}
.pro_thm{width:230px; height:161px;}
.pro_thm figure{width:230px; height:161px;}
.transparent-bg p{ padding:66px 40px;}
.enquiry_btn, .enquiry_btn:visited{font:700 15px/43px 'Roboto Slab', serif;height:43px; padding:0px 20px;}
/*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:59%;margin:0 0 0 2%;}
/* DETAILS */



}


/* ================= Desktop/Laptop below 1152px  ================= */
@media only screen and (max-width:1151px){

/* NAV */
ul.topmenu li>a, ul.topmenu li>a:visited{padding:0px 25px;}
/* NAV ENDS */	

/* mews */
.news_area_l{float:left;}
.news_area_r{width:58%;float:left;margin-left:15px;}
/* mews */

/* GAllery*/
.gal_list ul li{float:left; width:20.555%; margin-bottom:25px;}


}

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width: 991px) {
/* 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; background:#000; border-bottom:1px solid #222;}
ul.topmenu li:hover>a, ul.topmenu li>a .act{color:#222; background:#ffc000 !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;}
/* 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 */

/* GAllery*/
.gal_list ul li{float:left; width:24.555%; margin-bottom:25px;}

/*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:50%;}
.pro_list_o_hid{ height:270px; overflow:hidden;}
.pro_area{width:285px;}
.pro_thm{width:285px; height:199px;}
.pro_thm figure{width:285px; height:199px;}
.transparent-bg p{ padding:76px 68px;}
.enquiry_btn, .enquiry_btn:visited{font:700 15px/43px 'Roboto Slab', serif;height:43px; padding:0px 18px;}
/*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;}
/*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 */

}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width:767px) {
h1{font:28px/26px 'Roboto Slab', serif;color:#454545;}
h3{font:700 30px/36px 'Roboto Slab', serif; color:#fff; text-transform:uppercase;}


.connect_with_us img{width:10%;}

.logo_area{text-align:center;}
.logo_area img{ max-width:100%; height:auto;}
.call_sec{text-align:left; margin-top:30px; position:absolute; z-index:999; top:50px; left:0px; background:#fff; width:100%; padding:5px;}
.call_sec span{font-size:15px;color:#222 !important;}
.call_dis_b{display:block; z-index:999; top:30px; left:10px; width:100%;}
.call_dis_n{display:none;}
/* Search -Area */
.srch_area{ margin-top:20px;}
.srch_area .adv-src{ width:100%; float:none; text-align:center; margin-top:10px;}

/* 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; display:none;}
.banner_txt45{font-size:20px;}
.enquiry_btn2, .enquiry_btn2:visited{background:#db3093; 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:#45cdc7; color:#fff;}
/* banner */

/* GAllery*/
.gal_list ul li{width:50%; margin-bottom:25px;}

/* 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%;}
.pro_list_o_hid{ height:260px; overflow:hidden;}
/*listing*/


/*footer*/
.footer_sec1{width:100%; float:none; margin:0;}
.footer_sec1 .box1{width:100%; float:none}
.footer_sec1 .box2{width:100%; float:none}

.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 #222;}
.ft_link a:hover{color:#ffc000;}

.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 #222;}
.ft_link2 a:hover{color:#ffc000;}


.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;}
}

@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; }	
}

@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 */
/* GAllery*/
.gal_list ul li{ width:100%; margin-bottom:15px;}

/* 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;}

.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 */



}
