@media screen and (min-width: 1600px) and (max-width: 1920px) {
.slider img{ height:auto !important;}	
	
}

@media screen and (min-width: 1400px) and (max-width: 1920px) {
	
/*.slider img{ height:auto !important;}*/	

.lastbox li{ float:left;}
.lastbox li a{ padding:0 7px;}
.youtube img{ width:80%;}
.socail li img{ width:auto;}
	
	
}


@media screen and (min-width:320px) and (max-width: 1499px) {
	
	.menu li p img{ width:10%;}
	.toll{ font-size:12px;}
	.sms{ font-size:12px;}
	.locate_us_middle{ float:left; width:94%; margin:0 3%;}
	.innter_page_middle_box{float:left; width:94%; margin:0 3%;}
	
}

@media screen and (max-width: 1280px) {
	
	.state_city_loc li{ width:30%;}
	.layout2{ width:1160px;}
	.infra li img{ width:100%;}
	.infrastructre li p.infra_Tag{ padding:0;}
	.right_sliding{ width:33%;}

}

@media screen and (max-width: 1199px) {
	
	.layout2{ width:98%;}
	/* door */
	.left_slide{ width:28%;}
	.no_banner{ margin-top:8% !important;}
}


@media screen and (min-width: 980px) and (max-width: 1024px) {

	.window_slider .window_details .more{ width:110px;}
	.window_slider .window_details .compare{ width:110px;}
	.imgs{ height:254px;}
	.main_comp{ margin-right:3%;}
	.sliding_tabbing li a{ padding:10px 13%;}
	.socail li img{ width:70%;}
	.state_city_loc li{ margin-left:1%;}
	.state_city_loc li .name{ font-size:12px; width:26%;}
	
	.locate_us_middle{ width:85%;}
	.bottom_name{ font-size:18px;}
	.locate_us { width:100%; margin-bottom:0;}
	.locate_us li{ width:33.3%;}
	.right_map{ width:100%; float:left;}
	
	.blck_bg_text{ width:450px; height:200px;}
	.blck_bg_text h4{ font-size:40px;}
	
	.white_bg{ width:450px; height:200px;}
	.white_bg h4{ font-size:40px;}
	
	.result_box .res img{ width:98%; height:199px;}
	.result_box .res_bg{ height:190px; font-size:14px;}
	.benefit_page .left_benefit_tab a{ font-size:12px;}
	.middlebg p{ font-size:13px;}
	.latest_news .blck_bg_box{ height:100%;}
	.latest_news h3{ font-size:25px;}
	
	.glass_page li{ width:15%; padding-left:1%;}
	.glazing_glass li{ width:30%; padding-left:0;}
	
	/* hotels */
	
	.destination ol li{ font-size:12px;  width:42%;}

	
}




@media screen and (min-width: 0px) and (max-width: 1024px) {
	
.middlemenu .layout{ width:100%;}	
.layout{ width:100%;}
.layout2{ width:98%;}
.slider img{ height:auto !important;}	
.footerbox p{ line-height:18px; text-align:justify;}
.searchbox input[type="search"]{ width:52% !important;}	

.lastbox li a{ padding:0 10px;}
.hovermenu .sol{ background-position:90% 12px;}
.searchbox{ float:right; width:65%; margin:10px 2%;}
.middle_tab{ position:static;}
.middle_tab ul{ width:99.6%;}
.window_slider .window_img{ width:45%;}
.imgs{ height:246px;}
.lastbox{ width:28.6% !important;}
	

/* for home oweners */

.six_thumb li{ width:32.5%; margin-bottom:20px;}
.points li{ width:90%; margin-bottom:1px;}

.thumb_title{ width:100%;}

.review_inn_box .bx-wrapper{ max-width:70% !important;}
.review_inn_box .bx-wrapper li{ width:250px !important;}



}
@media screen  and (max-width:1023px) {
	
	.left_slide { width: 50%;}
	.middle_tab_thumb{ float:right; margin-left:0;}
	.middle_tab{ text-align:center; font-size:0;}
	.middle_tab li{ float:none; display:inline-block;}
	.right_sliding{ float:left; width:90%;}
.sliding h4{ text-align:left;} 
.right_sliding .recom li{ text-align:left; float:left; padding-left:0;}
.more_ava{ text-align:left;}

.right_side{ text-align:left !important;}
.desg li{ text-align:left; float:left; margin-left:0; margin-right:3%;}
/* door */
.right_door li{ float:left;}
.door_point li{ text-align:left; padding-left:0;}
.box1_door .door_point li{ padding-left:20px;}
.box1_door{ height:auto;}
.tabbing_inn_gallery{ margin:0 2%; width:96%;}
.tabbing_inn_gallery .big_img{ margin:10px 0 10px 0%;}
.tabbing_inn_gallery .small_img{ width:60%; float:right;}

.bottom_footer{ text-align:center;}
.bottom_footer ul{ width:100%; text-align:center;}
.bottom_footer .copy{ float:left; width:100%; text-align:center;}

}

@media screen  and (max-width:980px) {
	.sliding_tabbing li a{ padding:10px 11%;}
		.imgs{ height:237px;}
		.address{ width:36%;}
}


@media screen and (min-width: 320px) and (max-width: 979px) {
	.logo{ width:98%; text-align:center;}
	.logo img{ width:30%;}

.firstbox{ width:100% !important;}		
.footerbox{ width:100% !important; border-right:0; border-bottom:1px solid #666; padding-bottom:10px; margin-bottom:10px;}
.lastbox{ border:0;}
.searchbox{ float:left; width:94%; margin:10px 2%;}

.middlemenu{ position: relative;}
.innermenu li a{ font-size:12px;}
.footerbox{ height:auto; padding-right:0; margin-right:0;}
.topmenu{ width:100%; text-align:center;}
.topmenu ul li{ float:none; display:inline-block;}
.window_slider .window_details .compare{ margin-left:0;	display:block;}
.imgs{ height:187px;}

.sliding_tabbing .tabbing_details{ top:80px;}

.sliding_tabbing li a{ text-align:center; padding:10px 2px; height:50px;}
.sliding_tabbing li .tab_icon{ float:left; width:100%; text-align:center; height:25px;}

.footerbox{ min-height:100px;}

.state_city_loc li{ text-align:center;}
.state_city_loc li .img_icons{ width:100%; text-align:center; height:40px;}
.state_city_loc li .name{ width:100%;}
.state_city_loc li input[type="text"]{ width:100%;}
.address{ width:100%;}
.stodiu_slider{ float:left; width:100%;}
.address li{ width:96%;}

	.locate_us_middle{ width:85%;}
	.bottom_name{ font-size:18px;}
	.locate_us { width:100%; margin-bottom:0;}
	.locate_us li{ width:33.3%;}
	.right_map{ width:100%; float:left;}
	.right_map .state_city_loc li .img_icons img{ width:auto;}
	.right_map .state_city_loc li .name{ width:100%;}
	.right_map select{ float:left; width:100%;  }
	
	/* broucher page */
	
	.broucher_page .state_city_loc li .img_icons img{ width:auto;}
	.broucher_page .state_city_loc li .name{ width:100%;}
	.broucher_page .state_city_loc li:nth-child(2) .name{ line-height:30px;}
	.broucher_page .state_city_loc li .img_icons{ line-height:65px;}
	.broucher_page .state_city_loc{ padding:20px 0;}
	
	
/* gallery and client */

.gallery_box .left_tab_box{ width:98%; border:0;}
.gallery_tab{ float:left; width:100%;}
.right_client_detail li img{ width:80%;}
.gallery_chck{ float:left; width:30%;}
.gallery_box .left_tab_box h4{ margin-top:0;}

/* quality innovation */

.blck_bg_text{ width:80%; right:inherit; left:10px; bottom:0; height:auto; top:inherit;}
.white_bg{ width:80%; right:inherit; left:10px; bottom:0; height:auto; top:inherit;}
.wide56{ width:100% !important;}

/* --------------------------------benefits----------------------------------- */

.benefit_page .left_benefit_tab{ float:left; width:100%;}
.benefit_page .right_tab_details{ float:left; width:100%; margin-top:20px;}

.menu_icons{ display:block; cursor:pointer;}

#benefit_mob_menu{ position:relative;  border:0; margin:0; padding:0;}
#benefit_mob_menu ul{ position:absolute; display:none; left:0; background:#303030;}	
#benefit_mob_menu li{  width:100%; line-height:25px; padding:0;}
.benefit_page .left_benefit_tab a{ display:none; border-bottom:1px solid #545454; border-right:0; width:96%; line-height:35px; float:left; padding:0 2%; margin:0; font-size:12px; color:#fff; font-weight:normal;}


.benefit_page .left_benefit_tab li strong{ display:inline-block;}

/* whats new */

.whats_new_box .left_matter{ width:80%; margin:10px 10%;}
.whats_new_box .left_matter p{  text-align:center;}
.whats_new_box .right_thumb_box{ float:left; width:100%;}
.whats_new_box .left_border_grd{ border:0; padding:0;}
	
/* mesh grill */

.mesh_grill_page .left_benefit_tab{ text-align:center;}
.mesh_grill_page  .left_benefit_tab li{ width:20%; text-align:center; display:inline-block; float:none;}
.mesh_grill_page .left_benefit_tab a{ border:0; color:#000;}
.mesh_grill .const_macine{ text-align:center;}
.mesh_grill h3{ text-align:center;}
.mesh_grill .const_macine li{ float:none; width:25%; display:inline-block; margin:0 3%;}

/* door */

.box1_door .icons_img{ width:100%;}
.box1_door .icons_img img{ width:auto;}
.box1_door .door_point{ float:left; width:100%; margin:10px 0; text-align:center;}
.box1_door h5{ text-align:center; width:100%; margin:5px 0;}

/* style and benefits  */
.style_benefits .wide_box{ width:98%; padding:10px 1%;}
.style_benefits .right_wide ul li{ height:100px;}
.style_benefits .right_wide ul li img{ width:15%;}
.style_benefits .right_wide ul li .tags{ font-size:14px; padding-top:5px;}

.style_benefits .sceince_box{ padding:15px 0;}
.style_benefits .sceince_box .left_sceince .tit2{ font-size:25px;}
.style_benefits .sceince_box .right_sceince .icons{ width:100%; height:auto; text-align:center; height:60px;} 
.style_benefits .sceince_box .right_sceince li .work_name{ float:none; text-align:center; padding:5px 0; border:0; font-size:12px; margin-left:0;}
.style_benefits .sceince_box .right_sceince{ height:460px;}
.style_benefits .sceince_box .left_sceince{ height:460px;}
.own_window .tit2{ font-size:20px;}
.own_window .tit1{ font-size:50px;}
.own_window .start_btn{ width:30%;}


.mesh_grill .new_grill li{ width:95% !important;}

.infra .bx-wrapper{ max-width:85% !important;}
.tabbing_inn_gallery .small_img li{ height:120px;}

.dcm .two_coloum{-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;}
	
}
@media screen and (max-width: 800px) {

/*#reach_buisness, #customer_compl, #expert-window-door, #expert-architecture-interior-design{ width:600px !important;}
.lett_expert{ display:none;}
.popup_box h3{ font-size:20px;}
.right_expert{ width:90%; margin-right:5%;}	
.expert_consult{ width:97% !important;}*/
.awards_box .tabbing_box li .awards_img img{ width:60%;}
.awards_box .tabbing_box .tag1{ font-size:14px;}
.awards_box .awards_text{ font-size:14px; width:96%; padding: 10px 2%;}

.glass_page li{ width:22%;}
.glass_page h2{ font-size:17px;}
.glass_page p{ font-size:13px;}

.portfolio .title_bg_w{ font-size:14px;}
.values li.first p{ font-size:14px;}
.values li{ height:95px;}

/* color */

.color_tab li{ width:20%; vertical-align:top; }

.tab-btn1 .tab-btn{ font-size:12px;}
.review_slider_box .statename{ font-size:14px;}

/* hotels */

.destination{ height:310px;}
.destination ol li{ font-size:12px; width:41%;}

.residental_page ul{ width:48% !important}
.residental_page .destination{ height:610px !important;}


}
@media screen and (min-width: 800px) and (max-width: 900px) {
.imgs{ height:192px;}	


	
}

@media screen  and (max-width: 768px) {
	
.bottom_name{ float:left; width:100%; position:static;}
.left_arrow{ display:none;}	
.view{ position:static;}
.state_city_loc li select{ float:none;}
}


@media screen and (min-width: 320px) and (max-width: 767px) {

.desk-menu-icon{ display:none;}
.mobs-menu-icon{ display:block;}	
	
.no_banner{ margin:4% 0 !important;}	
.breadcrume{  padding:2% 0 !important; margin:0 !important; }
.breadcrume li a{ color:#000;}
.breadcrume li:last-child a{ color:#000;}
.middlemenu{ position:static;}
.logo{ position: absolute; left:0; right:0; margin:10px 0 0 0; z-index:0;}	
.logo img{ width:120px;}
.topmenu {
    float: right;
    text-align: center;
    width: 17%; display:none;
}

#explore{ float:left; width:100%; text-align: center; font-size:15px; text-transform:uppercase; display:block; font-family: 'ralewaybold';  background:#000;  }
#explore img{ display:inline-block; margin-right:5px; display:none;}
#explore a{ float:left; width:100%;  padding:10px 0; color:#fff;}
.commn_tab_det h3{ padding-left:0;}
.mobile_slid_box h3{ padding-left:0;}

#explore .plusminuss {
    background: rgba(0, 0, 0, 0) url("../images/white_plus.png") no-repeat scroll 15% 3px;
    display: inline-block;
    float: right;
    height: 27px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 7px;
    vertical-align: middle;
    width: 34px;
}

#explore.actives .plusminuss{ background-position:15% -22px;}

.searchbox{ display:none;}

.thumbmenu .parentbox{ width:100%; border-bottom:2px solid #000;}
.hovermenu{ position:static;}
.hovermenu .sol{ display:none;}

#small-menu{ top:-70px;}
.small-menu-top{ display: inline-block; background:url(../images/short-menu.jpg) center no-repeat; width:50px; height:35px; position: relative; right:5px; top:10px;cursor:pointer; z-index:10000; margin-bottom:10px;}

#small-menu-outter ul { width:96%; position: absolute; right:0px; top:45px;background:#e5e5e5; padding:5% 2%; z-index:10000;  display:none; }
#small-menu-outter li{ background:none; width:100%; line-height:25px; padding:0;}
.menu li.first{ font-size:15px; text-align:center; font-weight:bold; border-bottom:0px solid #FEDC00}
#small-menu-outter li a{ border-bottom:1px solid; border-right:0; width:100%; line-height:39px; float:left; padding:0}
.iconbox{ display:none;}
.desk{ display:none;}
.mobile{ display:block;}


#small-menu img{ height:auto;}
.menu{ width:60%; position: absolute; right:0px; top:0px; padding:2% 2% 0 2%; float:left; height:auto; min-height:auto; z-index:10000;  display:none; background-image:none; background-color:#000; }
.menu li{ text-align:left; margin-bottom:5px; padding:5px 0;}
.menu li p{ float:left; width:10%; margin-left:2%;}
.menu li p img{ width:65%;}
.submenu{ position:static; float:left; width:98%;}
.submenu li{ padding-left:17% !important; width:85%;}

.topmenu ul li{ float:left; text-align:left; border-left:0; }
.loaction, .broucher, .date, .window, .feedback{ width:15%;}
.footerbox p{ text-align:justify;}

.formobiletab{ display:block;}
.formobiletab .title{ cursor:pointer;}
.firstbox  li{ float:none; display:inline-block;}
.firstbox  li a{ padding:0 15px 0 15px; margin-right:0;}
.footerbox .copy{ text-align:center;}
.innermenu li{ width:88%;}

.mob-call{ float:right; width:auto; text-align:right; display:inline-block; margin:12px 10px 4px 0; position:relative; z-index:999;}

.hovermenu{ display:block;}
.hide{ display:none;}

.four_thumb{ position:static; width:100%; display:none;}

.four_thumb ul li .four_img{ display:none; }


.four_thumb ul li:hover .drop_menu{opacity:1; position:static; width:100%;  border:0px solid #999; float:left; width:100%; transition:none;  }
/* sliding page tabbing */
.sliding_tabbing li{ width:100%;}
.sliding_tabbing li a{ width:96%; padding:10px 2%; text-align:center;  border-top:1px solid #fff;}

.sliding_tabbing .tabbing_details{ float:left; width:100%; position:static;}
/*.sliding_tabbing .hide{ display:block;}*/
.box_height{ display:none; float:left; width:100%; min-height:auto; margin:10px 0;}
.tab_box{ margin-bottom:0;}
.tab_box li{ width:29% !important;}

.middle_tab{ position:relative; background:#fff;}
.middle_tab li{ width:auto;}	
#next_review4 a, #next_review5 a, #next_review6 a, #next_review7 a, #next_review8 a{ float:right; width:13px; background:url(../images/next11.png) 0 0 no-repeat; height:22px; margin:0px; text-indent:-100000px; }
#prev_review4 a, #prev_review5 a, #prev_review6 a, #prev_review7 a, #prev_review8 a{ float:left; width:12px; background:url(../images/prev11.png) 0 0 no-repeat; height:22px; margin: 0; text-indent:-100000px;}
.middle_tab .bx-wrapper img{ width:auto;}

.mobile_slid_box .insect_out li{ margin:0;}

.color7{ width:110px !important;}
.four_thumb ul li p:first-child{ display:none;}

.sliding_tabbing li .tab_icon{ display:none;}
.sliding_tabbing li a{ height:18px;}
.plusminus{ display: inline-block; background:url(../images/plusminus.png) right 0 no-repeat; width:17px; height:17px; text-align:right; float:right;}
.sliding_tabbing li a.tab_active{ background-color:#0098da;}

.plues .plusminus{ background-position:0 -22px;}
.main_comp{ float:left; width:100%; text-align:center;}

.main_comp{ margin-top:75px; }
.heith_desk{ height:auto;}
.pt100{ padding-top:10px;}

.locate_us_middle{ width:100%; margin:0;}
	.bottom_name{ font-size:18px;}
	.locate_us .bottom_name {width: 100%;}
	.name1{text-align: center;}
	.view{text-align: center;}
	.locate_us { width:100%; margin-bottom:0;}
	.locate_us li{ width:33.3%;}
	.locate_us_middle .locate_us li{ width:100%;}
	.right_map{ width:100%; float:left;}
	.right_map .state_city_loc li .img_icons img{ width:auto;}
	.right_map .state_city_loc li .name{ width:100%;}
	.right_map select{ float:left; width:100%;  }
	

/* client */

.right_client_detail .tab ul li{ width:31%;}	
.right_client_detail li:nth-child(5n+5){ margin-right:2%;}
.right_client_detail .tab ul li:nth-child(3n+3){ margin-right:0;}
.right_client_detail li img{ width:auto;}	


/* quality innovation */
.blck_bg_text p{ font-size:12px; line-height:20px;}
.blck_bg_text{ position:static; width:90%; float:left; padding:5%;}	
.white_bg{ position:static; width:90%; float:left; padding:5%;}	
.white_bg h4{ font-size:25px;}
.brand_heritage .anim_sect{ height:auto; float:none;}

#cbp-so-scroller .left_text{ opacity:1; float:left; width:90%; margin:5px 5%; padding:5px 0;}
#cbp-so-scroller .right_img{ display:none;}

#cbp-so-scroller .right_text{ opacity:1; float:left; width:90%; margin:5px 5%; padding:5px 0;}
#cbp-so-scroller .left_img{ display:none;}
#cbp-so-scroller p{ padding:5px 0;}


/* style and benefits */
.style_benefits .left_wide .tit2{ font-size:20px;}

.cbp-so-animate .left_wide, .cbp-so-animate .right_wide ul li{  -webkit-animation-duration: none;animation-duration: none; -webkit-animation-fill-mode: none;animation-fill-mode: none;}
.head{ display:none;}
.style_benefits .sceince_box .left_sceince{ float:left; width:100%; height:auto; text-align:center;}
.style_benefits .sceince_box .left_sceince .tit1{ float:none; display:inline-block; text-align:center; padding:10px 0;}
.style_benefits .sceince_box .left_sceince .tit2{ float:none; display:inline-block;padding:10px 0; text-align:center;}
.style_benefits .sceince_box .right_sceince{ float:left; width:100%; margin:10px 0; height:auto;}
.style_benefits .sceince_box .right_sceince li{ height:140px;}
			
/* benefits */

.window_work{ width:100%; margin:10px 0;}
.window_work .icons_box{ width:24%;}
.window_work .icons_text p{ font-size:13px;}
.contet_details .bg_title{ font-size:13px;}
.work_img{ padding:1%; float:none; display:inline-block; text-align: center; width:47% !important; margin-top:0;}
.home_sec_two_li li{ width:90%;} 
.graceful .home_sec_two_li li:nth-child(2n+2){ float:left;}
.freedom .home_sec_two_li li:last-child{ float:left;}
.freedom .home_sec_two_li .icons_box{ width:16%;}
.home_sec_two_li li:last-child{ float:left;}
.security_li .icons_text{ width:75%;}
.const_macine li{ width:92%; border-bottom:1px solid #999; padding-bottom:10px; margin-bottom:10px;}


.result_box{ width:98%;}
.result_box .res{ width:100%;}
.result_box .res img{ width:100%; padding:1%;}
.result_box .res_bg{ width:98%; height:auto; margin-top:10px; line-height:15px; font-size:12px; padding:10px 1%;}
.contet_details h3{ text-align:center; font-size:18px;}
.const_macine p{ text-align:center !important;}
.bottom_scroll{ float:left; width:100%; overflow:auto;}
.table{ width:700px;}
.radio_btn_box{ overflow-x:auto;}

/* glass */

.glass_page li{ width:46%;}
.glass_page li:nth-child(2n){ border:0;}
.chart_box{ padding:10px 2%; width:96%; overflow-x:auto;}

/* media */
.latest_news{ height:auto;}
.latest_news h3{ margin:10px 0 10px 0;}
.latest_news .white_bg_box{ width:98%; margin:0;  padding:10px 1%; height:auto;}
.latest_news .blck_bg_box{ width:98%; margin:0;  padding:10px 1%; height:auto;}
.bg_img1{ position:static;}
.bg_img1 img{ height:auto;}
.latest_news h3 strong{ display:inline-block;}


/* hotels */
.destination{ height:225px;}
.hotels_list li{ width:47%;}
.hotels_list li:nth-child(3n+3){ margin-right:3%;}
.hotels_list li:nth-child(2n+2){ margin-right:0;}

/* handles */

.handles_list li{ width:30%; height:auto;}
.handles_list li:nth-child(6n+6){ margin-right:4%;}
.handles_list li:nth-child(3n+3){ margin-right:0;}

/* dcm */
.dcm h4{ font-size:25px;}
.dcm .two_coloum{-moz-column-count:1; margin:10px 0;}
.business_port{ height:auto; background-repeat:repeat;}
.portfolio li{ width:100%; margin:0; margin-bottom:10px; height:auto; background:#fff; }
.portfolio ol{ margin:0;}
.portfolio li li{ margin:0 0 2px 0;}

.our_values{ background-repeat:repeat; height:auto;}
.values li{ width:100%; height:auto; margin:0 0 10px 0;}
.leadership li{ width:100%; margin:0 0 10px 0;}

.infrastructre{ background-repeat:repeat; height:auto;}
.infrastructre li{ width:100%; margin:0 0 10px 0;}

/* door */

.left_slide{ width:100%; height:auto;}
.middle_tab_thumb{ width:100%; margin-left:0;}
.right_sliding{ width:100%; float:left; margin:0;}
.box1_door{ width:45%;}
.door_box_middle .four_img{ margin:15px 0;}
.sliding .read_more{ position:static; margin:10px 0; float:right;}
/*.door_point li{ text-align:center; width:100%; background-image:none; padding:5px 0; }*/

.slider img, .window_slides img{ height:400px !important;}


/* knowledge center */

.tab-btn1{ float:left; width:100%;}
.tab-btn1 .tab-btn{ width:50%; padding-left:3%; height:40px; line-height:15px; background-image:none; border-left:1px solid #fff; box-sizing: border-box; text-align: center;}
.tab-btn1 li.tab-btn:nth-child(2),.tab-btn1 li.tab-btn:nth-child(5), .tab-btn1 li.tab-btn:nth-child(6){ line-height:30px;}
.tab-btn1 .tab-btn.active{ background-image:none;}
.center_tab .knlw h3{ font-size:17px; margin-bottom:0;}
.center_tab h4{ font-size:16px;}
.center_tab .mt20{ margin-top:10px;}
.center_tab{ width:99.5%;}

.residental_page ul{ width:100% !important;}
.residental_page .destination{ height:auto !important;}
.rest_residental .rest_list_footer{ width:100%}
.rest_residental .rest_india ul{ width:100%;}

.mobile-foot-locate{ display:inline-block !important;}
.bottom_footer li:nth-child(4n) a{ border-right:1px solid #666;}
.bottom_footer li:last-child a{ border:0;}

.state_city_loc li{ width:100%; margin-bottom:20px;}
.address li p{ padding:0 5px; font-size:12px;}
.address li strong{ font-size:12px;}
#tyhg{ margin-bottom:25px !important;}

.mmmm{ display:none;}
#benefit_mob_menu { display:none; }
.select_box{ display:block; width:100%; }
.select_box select{ width:100%; height:45px; background:#333; color:#fff; font-size:14px;}
.select_box h2 {font-size: 14px !important; text-transform : none !important;}
.select_box select option {text-transform:capitalize;}
.mobile_slid_box{ float:left; width:100%; position:relative; margin-bottom:30px;}
.mobile_slid_box .bx-viewport{ padding-bottom:30px;}


.middle_tab li:last-child{border-right: 0px dashed #bebebe;}
.middle_tab li:nth-child(2), .middle_tab li:nth-child(4), .middle_tab li:nth-child(6){border-right: 0px dashed #bebebe;}
.middle_tab .other_option_controls{ margin:0 5%; width:90%;}

 .energy-mob-icon{ float:left; width:100%; margin:1px 0; display:block;}
  .energy-mob-icon li{ float:left; width:33.33%; border:1px solid #e7e7e7; box-sizing:border-box; }
  .energy-mob-icon li img{ display:block; width:100%;}
  
  
  .handles_page{ margin-top:40px;}
}

@media screen and (min-width: 600px) and (max-width:640px) {
	.imgs{ height:160px;}

	/* ------------broucher page------------------------ */	
	.broucher_box li{ width:31%; float:none; display:inline-block; margin-bottom:10px;}
	.broucher_box li:nth-child(3){ margin-right:0;}
	
/* gallery */

.right_tab_detail .tab ul li{ width:33%;}	
.right_tab_detail .tab ul li:nth-child(4n+4){ margin-right:0.5%;}
.right_tab_detail .tab ul li:nth-child(3n+3){ margin-right:0;}
.handles_list li:nth-child(3n+3){ margin-right:3%;}

.infra .bx-wrapper{ max-width:85% !important;}	
	
}

@media screen  and (max-width:640px) {
	
	
.style_benefits .left_wide{ float:left; width:100%; position:relative;}
.style_benefits .left_wide .tit1, .style_benefits .left_wide .tit2, .style_benefits .left_wide .tit3{  padding:5px 1%;}
.style_benefits .left_wide .wide_img{ position:absolute; width:20%; top:10px; right:10px; margin-top:0;}
.style_benefits .right_wide{ float:left; width:100%; margin-top:20px;}

.cbp-so-animate .right_wide ul li:first-child,
.cbp-so-animate .right_wide ul li:nth-child(2n),
.cbp-so-animate .right_wide ul li:nth-child(3n),
.cbp-so-animate .right_wide ul li:nth-child(4n),
.cbp-so-animate  .right_wide .type_wide{ -webkit-animation-duration: none;animation-duration: none; -webkit-animation-fill-mode: none;animation-fill-mode: none;}
.own_window .tit1{ font-size:30px;}
.style_benefits .right_wide .type_wide h3{ padding-bottom:10px;}



.cbp-so-animate .right_sceince .work1,
.cbp-so-animate .right_sceince .close1,
.cbp-so-animate .right_sceince .work2,
.cbp-so-animate .right_sceince .clouds2,
.cbp-so-animate .right_sceince .work3,
.cbp-so-animate .right_sceince .work3_flo,
.cbp-so-animate .right_sceince .work4,
.cbp-so-animate .right_sceince .work5,
.cbp-so-animate .right_sceince .work6,
.cbp-so-animate .right_sceince .work6_flo,
.cbp-so-animate .right_sceince .work7,
.cbp-so-animate .right_sceince .work7_water,
.cbp-so-animate .right_sceince .work8,
.cbp-so-animate .right_sceince .work9, .cbp-so-animate .tags_box, .cbp-so-animate .start_btn, .cbp-so-animate .win_deg{-webkit-animation-duration: none;animation-duration: none; -webkit-animation-fill-mode: none;animation-fill-mode: none; opacity:1;}
.style_benefits .sceince_box .right_sceince .opa1{ opacity:1;}
.tags_box{ opacity:1;}
.own_window  .start_btn, .own_window .win_deg{ opacity:1;}

.own_window .win_deg{ width:100%; text-align:left;}
.tags_box{ width:100%; text-align:left;}
.own_window .start_btn{ width:50%;}


.review_slider_box .review{ height:100%;}
.review_slider_box .productsthumb li{ width:50%;}
.mobs{ display:block;}
.infra li img{ width:100%;}
	
}



@media screen and (min-width: 320px) and (max-width: 599px) {
	.layout2{ width:92%;}
	.breadcrume{ width:100%; text-align:center;}
	.breadcrume li{ float:none; display:inline-block;}
	.animate_breadcrum{ margin-left:0;}
	h2{ font-size:14px;}
	.footer{ padding:10px 2% 0 2%; width:96%;}
	.footerbox{ padding-bottom:0; }
	.firstbox{ padding-bottom:5px;}
	.socail li{ margin-bottom:10px;}

	.searchbox input[type="search"]{ padding-left:10%;}
	.mobcopy{ display:block; text-align:center !important; float:left; width:100%; font-size:12px;}
	.deskcopy{ display:none;}
	.thumbmenu{ margin-top:1px;}
	.title{ padding:10px 0; font-size:15px; background-position:90% 15px;}
	
	/* windows page */
.pb20{ padding-bottom:5px;}
.window_slider > li{ height:360px;}
.middlebg p{ line-height:18px; text-align:justify; font-size:14px; padding:5px 0; width:100%;}
.window_slider .window_img{ width:98%;}
.window_slider .window_details{ width:100%; float:left; text-align:center;}
.imgs{ height:180px; margin-bottom:10px;}
.window_slider .window_details .more{ width:100px; padding:10px 20px; font-size:14px; float:none; display:inline-block; vertical-align:top;}
.window_slider .window_details .compare{width:100px; padding:10px 20px; font-size:14px;float:none; display:inline-block; vertical-align:top;}

.window_slider{ padding:50px 0 25px 0;}
.cover_slider{ height:390px;}
.tab_box li{ width:97% !important;}
.slider img, .window_slides img{ height:190px !important;}
.left_slide{ height:auto; padding:10px 0; width:100%;}
.left_slide li{ padding:7px 0 2px 3%; width:97%; text-align:justify;}
/* ------------broucher page------------------------ */	
	.broucher_box li{ width:31%; float:none; display:inline-block; margin-bottom:10px;}
	.broucher_box li:nth-child(3){ margin-right:0;}
	.broucher_box li .brou_title{ font-size:12px;}
	input.css-checkbox.lrg[type="checkbox"] + label.css-label.lrg{ font-size:12px;}
	.state_city_loc li .name{ font-size:14px; line-height:25px;}
	
	.two_btn li a{ width:200px; margin-bottom:10px; font-size:14px;}
	
	/* gallery */

.right_tab_detail .tab ul li{ width:49%; margin-right:1%;}	
.right_tab_detail .tab ul li:nth-child(4n+4){ margin-right:1%;}
.right_tab_detail .tab ul li:nth-child(3n+3){ margin-right:1%;}
.right_tab_detail .tab ul li:nth-child(2n+2){ margin-right:0;}

/* client */

.right_client_detail .tab ul li{ width:48%;}	
.right_client_detail li:nth-child(5n+5){ margin-right:2%;}
.right_client_detail .tab ul li:nth-child(3n+3){ margin-right:2%;}
.right_client_detail .tab ul li:nth-child(2n+2){ margin-right:-0;}
.right_client_detail li img{ width:auto;}	

/* awards */
.awards_box .bttns_tab{ margin:10px 0 0 0;}
.awards_box .tabbing_box li{ width:45%;}
.awards_box .tabbing_box #tab1 li{ width:45%; margin:10px 1%;}
.awards_box .bttns_tab li a{ font-size:14px;}

/* quality and innovation */

.blck_bg_text h4{ font-size:22px;}
.brand_heritage h3{ font-size:14px;}
.brand_heritage h4{ font-size:14px;}
.brand_heritage h5{ font-size:14px;}

/* for home owners */
.on_hover_details{ top:0; position:static; height:auto;}
.upper_box{ display:none;}
.six_thumb li{ width:100%; margin-right:0; height:auto; margin-bottom:1px;}
.on_hover_details h4{ margin-top:0; padding:10px; cursor:pointer; text-align:left; font-size:14px;}
.on_hover_details .red_bdr{ display:none;}
.accordian_box{ float:left; width:100%; display:none; background-color:#333; padding-bottom:10px;}
.points{  margin:0; width:90%; padding:5px 5%;}
.points li{ width:96% !important;}
.points li a:hover{ color:#333;}
.on_hover_details .read_more a{ color:#fff;}

/* media */

.latest_news h3{ margin-top:10px; font-size:30px;}
.latest_news li img{ width:100%;}

/* whats new */

.verticale_box{ width:100%; margin-right:0;}

/* color */

.color_tab li{  width:43%;}
.color_details{ float:left; width:100%; background-color:#999999; }
.tabbing_inn_gallery{ width:98%; margin:10px 1%;}
.tabbing_inn_gallery .big_img{ width:100%;}
.tabbing_inn_gallery .big_img img{ width:95%;}
.tabbing_inn_gallery .small_img{ width:100%;}


.tabbing_inn_gallery .big_img li{ width:100%;}
.tabbing_inn_gallery .small_img li{ width:23%; height:80px; float:left;}



/* mesh and grill */
.mesh_grill .const_macine h3{ font-size:16px;}
.mesh_grill .const_macine li{ width:47%; margin:0 1% 20px 1%;}

/* door */
.door_box_middle h3{ font-size:17px;}

/* style and benefits */

.own_window .win_deg img{ width:40%;}
.own_window .tit2{ font-size:14px;}
.own_window .tit1{ font-size:30px;}
.own_window .start_btn .start{ font-size:30px;}
.style_benefits .sceince_box .right_sceince .icons{ height:50px;}
.style_benefits .sceince_box .right_sceince li .work_name{ line-height:15px; float:left; margin-top:20px; font-size:11px;}
.style_benefits .sceince_box .right_sceince .work6_flo{ bottom:0;}

.style_benefits .right_wide ul li .tags{ font-size:12px;}
.style_benefits .right_wide ul li{ height:55px;}
.style_benefits .right_wide .type_wide h3{ font-size:18px;}
/* clinete */
.gallery_chck{ width:100%;}

/* handles */

.handles_list li{ width:45%; margin-bottom:20px;}
.handles_list li:nth-child(6n+6){ margin-right:4%;}
.handles_list li:nth-child(3n+3){ margin-right:4%;}
.handles_list li:nth-child(2n+2){ margin-right:0;}

.mesh_grill .new_grill .mesh_img .imgss img{ width:100%;}
.right_sliding .two_btn{ display:none;}

.infra .bx-wrapper{ max-width:70% !important;}	
.infra_about li, .awrds_slider li{ width:340px  !important;}
.awrds_slider li img{ width:50% !important;}


.latest_news h3{ font-size:25px;}

/* feature and benefits */
.right_tab_details .benefit_text_left{ width:100%;}
.right_tab_details .benefit_img{ float:left; width:100%; text-align:center;}
.window_work .icons_box{ width:20%;}
/*.window_work .icons_box img{ width:90%;}*/

/* review */

.review_text{ width:96%; float:left;}
.work_img{ padding:1%; float:none; display:inline-block; text-align: center; width:97% !important; margin-top:0;}
.maint_icon li{ width:45%;}
.large_result .window_work li{ float:left; width:100%;}

/* hotels */

.hotels_list li{ width:100%; margin-bottom:10px; margin-right:0;}
.destination{ height:auto; padding-bottom:10px;}
.rest_list_footer{ width:48%;}
.marg_top{ margin-top:0;}

.review_inn_box .bx-wrapper{ max-width:65% !important;}
.review_inn_box .bx-wrapper li{ width:270px !important;}
.review_inn_box .bx-wrapper li iframe{ float:left; width:260px;}
.dccm .bx-wrapper{ max-width:52% !important; height:auto !important;}

.new_imprve .icons_box { width:100%; text-align:center;}
.new_imprve.security_li .icons_text{ float:left; width:100%; text-align:center;}

.imgs100 .icons_box img{ width:90%;}

.sliding .recom{ margin-bottom:25px !important;}
.explore{ margin-top:25px;}

.review_slider_box .productsthumb li{ height:145px;}
.review_by_client{ float:left; width:100%; text-align:center;}
.client_img{ display:inline-block; float:none;}
.nok {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -20px;
    transform: rotate(90deg);
}

.review_text p{ padding:5px 0 0 25px !important; width:90% !important;}
.review_slider_box .sub-box{ width:100%; height:72%;}
.review_slider_box .disc{  font-size:15px; padding-top:3px;}


}
@media screen and (min-width: 320px) and (max-width: 479px) {

	.glass_page{ width:98%; margin:0 1%;}
	.glass_text .tag3{ font-size:18px;}
	.glass_text .tag4{ font-size:14px;}
.glass_page li{ width:100%; padding-right:0; border:0; margin-right:0; margin-left:0; height:auto;}	

.hotels_list li{ width:100%; margin-right:0;}
.hotels_list li:nth-child(3n+3){ margin-right:3%;}
.hotels_list li:nth-child(2n+2){ margin-right:3%;}
.destination{ height:auto;}
.rest_india ul{ width:50%;}

.infra .bx-wrapper{ max-width:80% !important;}	
.dccm .bx-wrapper{ max-width:70% !important;}
.infra_about li, .awrds_slider li{ width:280px  !important;}
.awrds_slider li img{ width:50% !important;}

.blck_bg_text h5{ font-size:25px;}

.review_inn_box .bx-wrapper{ max-width:83% !important;}
.review_inn_box .bx-wrapper li{ width:270px !important;}
.review_inn_box .bx-wrapper li iframe{  width:260px;}

.socail li{ width:50%;}
.tabbing_inn_gallery .big_img li{ height:250px; padding:10px 2%;}

.review_slider_box .productsthumb li .pro{ width:100% !important; height:auto !important;}
.review_slider_box .statename{ font-size:12px;}
.review_slider_box .disc{ font-size:12px;}
#next_review a{ position:absolute; right:-17px;}
#prev_review a{ position:absolute; left:-17px;}
	
}

@media screen and (min-width: 320px) and (max-width: 360px) {
.broucher_page .state_city_loc li .img_icons{ float:left; width:20%; line-height:30px; height:100%;}
.broucher_page .state_city_loc li{ width:92%; margin-bottom:10px;}
.broucher_page .state_city_loc li:nth-child(2) .name{ line-height:55px;}
.broucher_page .state_city_loc li .name{ float:left; width:60%; text-align:left;}

.sms .call_icon{ width:56%; top:-32px;}
.call_icon img{ width:100%;}	
.toll .call_icon{ width:55%; top:-30px;}

.toll .call_icon img{ width:102%;}
	/* gallery */

.right_tab_detail .tab ul li{ width:100%; margin-right:0;}	
.right_client_detail li img{ width:60%;}

/* window and Door */

.sliding{ margin-top:0;}

.explore li a{ font-size:12px;}
.sliding h4{ font-size:14px;}
.dccm .bx-wrapper{ max-width:70% !important;}

.right_tab_detail .tab ul li{ height:auto;}
.review_inn_box .bx-wrapper{ max-width:86% !important;}
.bx-wrapper img{ width:100%;}
		
}

@media screen and (min-width: 320px) and (max-width: 359px) {
	.imgs{ height:160px;}
	.sms .call_icon {width:57%; top:-32px; left: -28px;}
	#benefit_mob_menu{ display: none; }
	.review_inn_box .bx-wrapper{ max-width:98% !important; }
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.locate_us .bottom_name {
	    width: 100%;
	}
	.locate_us li {
	    width: 31%;
	    margin-right: 2%;
	}
	.locate_us li:last-child{
		margin-right: 0;
	}
}