@media only screen and (max-width: 1500px) {
.interiour_design_area, .emp_info_area{ padding: 5% 4%; }+
.emp_info_area .dtls_area .top_head .cta_area a{ padding: 5px 25px; }
}

@media only screen and (max-width: 1200px) {
.container{width:100%; max-width:100%; }	
nav ul li{ padding: 0 15px; }

.grey_bg_area .part_01  { width: 100%; clip-path: none; min-height: inherit; padding: 50px 25px;  }
.grey_bg_area .part_02 { width: 100%; clip-path: none; min-height: inherit; padding: 50px 25px; }
.grey_bg_area .part_02 .txt_dtls p{ margin-left: 0; }
.center_img_area figure .overlay_area .border_area h3{ font-size: 36px; }

.interiour_design_area .dtls_area .main_dtls .box_01{ width: 100%; }

.interiour_design_area .dtls_area ul.info_area{ justify-content: flex-start; }
.interiour_design_area .dtls_area ul.info_area li{ flex: 0 0 20%; }
.interiour_design_area .dtls_area ul.info_area li label{ display: block; }
.interiour_design_area .dtls_area ul.info_area li:nth-child(2){ flex: 0 0 80%; }
.interiour_design_area .dtls_area ul.other_tbl li{ flex:0 0 100%; }
.interiour_design_area .dtls_area ul.other_tbl li:nth-child(2), .interiour_design_area .dtls_area ul.other_tbl li:nth-child(4){ text-align: left; }
}


@media screen and (max-width: 991px) {
.logo_area{ width: auto; }	
header ul.top_nav{ padding: 10px 0 30px; }
header ul.top_nav li a{ padding:15px  10px 0 0; }

header .col-4{ position:inherit; }


nav{ padding:0;}
nav ul li.req_quote{ display:inline-block;}
.mobile_nav{ display:block; margin:0 0 0px 0; position:relative;}
nav ul{ display:none; background:#222222; margin:0; padding:0; position:absolute; width:305px; z-index:10;}
nav ul li{ width:100%; text-align:left; float:left;}
nav ul li a{ color:#fff; font-size:13px; padding:10px 15px; border-bottom:solid 1px #ccc !important; width:100% !important; float:left;}
nav ul li:hover a{ color: #fff; }
nav ul li ul.drop1_list{ position:static; display:none !important;width:100%; height:auto; float:left; border-radius:0; box-shadow:none;}
nav ul li ul.drop1_list .box_1{ width:100%; float:left; padding:0;}
nav ul li ul.drop1_list .box_1 h3{ border:none; padding:0 0 0px; margin:0 0 5px;}
nav ul li ul.drop1_list .box_1 ul{ min-height:inherit; display:block !important; width:100%; float:left; position:static; margin:0 0 15px;}
nav ul li ul.drop1_list .box_1 ul li{ display:block !important; width:100% !important; float:left !important;}
nav ul li ul.drop1_list .box_1 ul li a{ padding:7px 0;}
nav ul li:hover ul.drop1_list{ display:block !important;}

nav ul li.req_quote a{ border-radius:0; border:none;}
.hide_nav{ display: block; }

.mobile_nav span { width:28px; height:2px; background:#fff; float:right; margin:25px 0 0 20px; position:relative;transition: all .3s ease; font-size:0;}
.mobile_nav span:before { content:''; position:absolute; width:28px; height:2px; background:#fff; left:0px; top:-8px; transition: all .4s ease; }
.mobile_nav span:after { content:''; position:absolute; width:28px; height:2px; background:#fff; left:0px; bottom:-8px; transition: all .4s ease;}
.mobile_nav.close_menu span { height:auto; font-size:24px; color:#fff; background:rgba(0,0,0,0); margin-top:25px; margin-left:20px; font-weight:300; }
.mobile_nav.close_menu span:before {transform: rotate(45deg); transition: all .4s ease; top:0%; margin-top: -1px; opacity:1 }
.mobile_nav.close_menu span:after {transform: rotate(-45deg); transition: all .4s ease; bottom: 50%; margin-bottom: -1px; opacity:1; }


.infographic_area ul li{ flex: 0 0 48%; }
.grey_bg_area .part_01 .txt_dtls p{ padding: 0; }
.grey_bg_area .part_01 .txt_dtls label{ margin: 15px 0 0; }
.center_img_area figure .overlay_area .border_area h3{ font-size: 24px; }
footer .foot_bot p{ padding: 0 15px; }



.interior_inner_page .inner_dtls .main_dtls .box_02{ width: 100%; }
.interior_inner_page .inner_dtls .main_dtls .box_01{ width: 50%; }
.interior_inner_page .inner_dtls .top_head .card_top { width: 30%; }
.interior_inner_page .inner_dtls .top_head .card_top img{ max-width: 100%; }

.interiour_design_area figure{ width: 100%; }
.interiour_design_area .dtls_area{ width: 100%; padding: 25px 0; }

.interiour_design_area .dtls_area .main_dtls{ padding-left: 0; }
.about_us_page ul.call_area li{ flex: 0 0 100%; padding: 0 !important }
.about_us_page ul.call_area li .scan{ position: static; }

.emp_info_area .dtls_area .top_head .title{ width: 100%; }
.emp_info_area .dtls_area .top_head .cta_area{ width: 100%; float:left; padding: 15px 0  0 40px; }
.modal{ left: 0; }
.modal-content { width: 100%; }
}


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

header .logo_area figure{ padding: 10px 0; }
.interior_inner_page .inner_dtls .top_head .title{ width: 100%; }
.interior_inner_page .inner_dtls .top_head .card_top { width: 100%; padding: 15px 0 15px 40px !important; margin: 0 }
.interior_inner_page .inner_dtls .top_head .cta_area{ width: 100%; float: left; padding: 0 0 0 40px; }
.call_info_area .left_side{ width: 100%; }
.call_info_area .right_side{ width: 100%; padding: 70px 0 0; }
.emp_info_area figure{ width: 100%; float: left; }
.emp_info_area .dtls_area{ width: 100%; padding: 25px 0; font-size: 14px; }

}


@media only screen and (max-width: 600px) {
.logo_area{ width: 125px; }
header ul.top_nav li{ font-size: 13px; }
.top_banner .banner_form ul{ width: 100%; float: left; padding:  0 25px; }
.infographic_area ul li{ flex: 0 0 100%; }
.grey_bg_area .part_01 figure, .grey_bg_area .part_01 .txt_dtls, .grey_bg_area .part_02 figure, .grey_bg_area .part_02 .txt_dtls{ width: 100%; padding: 10px 0; float: left; }
 .grey_bg_area .part_02 .txt_dtls h3{ text-align: left; }
 .grey_bg_area .part_02 .txt_dtls label{ float: left; }

 .center_img_area .box_01, .center_img_area .box_02, .center_img_area .box_03{ width: 100%; }
 .decofrndly_area ul li { width: 100%; }
 .top_banner .banner_form{ margin: 25% 0 0;  }
.top_banner{ min-height: 600px;	}

.about_us_page{ padding: 25% 0 0; }
.interior_inner_page .inner_dtls .main_dtls .box_01 ul.info_area{ justify-content: flex-start; }
.interior_inner_page .inner_dtls .main_dtls .box_01{ width: 100%; }
.interior_inner_page .inner_dtls .main_dtls .box_01 ul.info_area li, .interior_inner_page .inner_dtls .main_dtls .box_01 ul.info_area li:nth-child(2){ flex: 0 0 auto; }
.interior_inner_page .inner_dtls .main_dtls .box_01 ul.other_tbl{ padding-left: 0; }

.interior_inner_page .inner_tab_area ul.home_listing li{ flex: 0 0 100%; }
.call_info_area .left_side li{ width: 100%; margin: 10px 0; }

.call_info_area .left_side li .scan{ position: static; }
.call_info_area .left_side li:nth-child(3){ padding-left: 0; }
.interiour_design_area .dtls_area .top_head .cta_area{ float: left; margin: 15px 0 0 40px; }
.interiour_design_area .dtls_area .other_info{ padding-left: 0; }
.interior_inner_page .cv_listing ul li{ flex: 0 0 48%; }
.about_us_page ul.form_area li label{ width: 100%; text-align: left; }
.about_us_page ul.form_area li input, .about_us_page ul.form_area li textarea{ width: 100%; }
.about_us_page ul.form_area .cta_area, .about_us_page ul.form_area .captcha_area{ width: 100%; }
.about_us_page ul.form_area .cta_area{ margin-bottom: 25px; }

}


@media only screen and (max-width: 359px) {

}