@charset "utf-8";
/* CSS Document */

@media (max-width:1351px) {
	
}

@media (max-width:1190px) {
	nav > ul > li > a{padding: 32px 4px;}
	
}
@media (min-width:991px) {
	
	.active a{ background: #a9875f; padding: 28px 23px; display: block; color: #fff;}
}

@media (min-width:992px) {
	.silider{ position: relative; padding: 27px 0px;}
	.silider:hover .sub_menu{ visibility: visible; opacity: 1; top: 100%;}
	.sub_menu{ position: absolute; top: 150%;  width: 230px; background: #fff; border-top: 5px solid #a9875f; z-index: 10;visibility: hidden; opacity: 0 ; transition: 0.3s}
	.sub_menu > ul > li{ display: block}
	.sub_menu > ul > li > a{ display: block; font-size: 15px; font-family: 'gisha_light'; color:#000; text-decoration: none; border-bottom: 1px solid #ddd; position: relative; padding:5px 15px ; transition: 0.3s}
	.sub_menu > ul > li > a::after{ display: block; position: absolute;width: 0px;height: 2px;top: 50%;left: 9px;display: block;content: "";background: #a9875f; transition: 0.3s}
	.sub_menu > ul > li > a:hover::after{  width: 10px}
	.sub_menu > ul > li > a:hover { padding-left: 25px; }	
	.inner_pages nav > ul > li > a{ color: #fff;font-family: 'gisha_light'; }
.inner_pages nav > ul > li > a:hover{ color:#fff; }
}


@media (max-width:991px) {
	.form_cotnact{ padding: 0px; margin-top: 15px; }
	.inner_pages .banner {    height: 140px;   min-height: 220px;}
	.silider:hover .sub_menu{display: block;}
	.silider{position: relative;}
	.silider span {    position: absolute;    right: 13px;    width: 23px;    overflow: hidden;    height: 31px;    padding: 4px; top: 0px; display: block}
	.silider span img{width:100%; }
	
	.sub_menu{ display: none; }
	.sub_menu > ul > li > a{ display: block; font-size: 12px; font-family: 'gisha_light'; color:#000; text-decoration: none; border-bottom: 1px solid #ddd; position: relative; padding:5px 15px 5px 35px; transition: 0.3s}
	.sub_menu > ul > li > a::after {    display: block;    position: absolute;    width: 8px;    height: 1px;    top: 50%;    left: 22px;    display: block;    content: "";    background: #5d5d5d;    transition: 0.3s;
}
	
	.link_sec > ul > li{ padding-right: 0px; }
	nav > ul {margin-top: 70px;}
	header {    border-bottom: 0px solid #aba59c; display: block; width: 100% ; float: none !important; position: relative;  background: #000000}
	nav{ position: fixed;background: #fff;width: 280px;right: -100%;top: 0px;bottom: 0px;z-index: 1000; }
	nav > ul > li {    display: block;    margin: 0px;}
	nav > ul > li > a {    padding: 4px 11px;    display: block;    border-bottom: 1px solid #e7e7e7; font-family: 'gisha_light';} 
	.nav_icon {    width: 25px;    height: 25px;    display: block;    cursor: pointer;    position: relative;    overflow: hidden;    margin-top: 35px; float: right; margin-right: 20px;} 
	.nav_icon > .top {    width: 100%;    height: 2px;    display: block;    background: #fff;    transform: rotate(0deg); position: absolute;top: 0px; transition: 0.3s;}
	.nav_icon > .mid {    width: 100%;    height: 2px;    display: block;    background: #fff;    transform: rotate(0deg);    position: absolute;    top: 7px; transition: 0.3s;}
	.nav_icon > .bottom {    width: 100%;    height: 2px;    display: block;    background: #fff;    transform: rotate(0deg);    position: absolute;    top: 14px; transition: 0.3s;}
	.nav_icon.bnt .top {    top: 10px;    transform: rotate(44deg);}
	.nav_icon.bnt .bottom {    top: 10px;    transform: rotate(-44deg);}
	.nav_icon.bnt .mid {    width: 0px;}
	.outer_nav{ width: 400px; float: right}
	.banner{ min-height: 350px; height: 100%; }
	h1{ font-size: 28px !important; line-height: 31px; }
	.mail_btn{ padding: 10px 19px; margin-top: 10px; font-size: 15px;}
	.mail_btn span::after {top: 9px;}
	.mail_btn span {margin-left: 21px;}
	.clos {margin: 10px 20px 20px 0px;border: 1px solid #a9875f;padding: 1px 9px 5px;cursor: pointer;float: right; display: block}
	
	.image_box {    position: static;    width: 100%; text-align: center;}
	.about_text{width:100%; }
	.home_about {    padding: 40px 0px;}
	.our_client_home{ padding: 20px 0px; }
	.clent_pannel > ul {    margin-top: 20px;}
	.footer_end p{ text-align: center ; float: none;}
	.inner_main {    padding: 40px 0px;}
	.group_grid{ margin-bottom: 20px; }
	
	
}


@media (max-width:768px) {
	.logo {    width: 250px;    padding: 10px 15px;}
	.logo img{ width: 100%; }
	.nav_icon{ margin-right: 15px; margin-top: 15px; }
.container {  margin-right: 15px;	margin-left: 15px;}
	.about_text{ padding: 10px 20px 19px 20px; }
	h3 {font-size: 23px;}
	h3 span{ font-size: 21px; }
	html, body{ font-size: 16px; }
	.left_ab_img{ float: none; width: 100%; margin-bottom: 30px; }
	.inner_pages .banner {       min-height: 150px;}

}


@media (max-width:575px) {
	.image_box img{ width: 100%; }
	
}

@media (max-width:479px) {}