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

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

}
@media screen and (max-width:1199px){
.navigation ul li {
    margin: 0 25px!important;
}
.inner_reliable_a p {
    font-size: 28px!important;
}
.bunch_construction ul li {
    font-size: 15px!important;
    padding: 0 10px!important;
}
.services h4 {
    font-size: 18px!important;
    line-height: 22px!important;
}
.choose_bunch h4 {
    font-size: 24px!important;
}
.choose_bunch p {
    font-size: 20px!important;
}
.main_who_we_are {
    min-height: 324px!important;
}
.address_text p {
    font-size: 16px!important;
}
.footer_item {
    align-items: end!important;
}
.address_icon img {
    width: 40px!important;
}
.address_text h3 {
    font-size: 20px!important;
}
.address_text a {
    font-size: 20px!important;
}
.footer_item {
	align-items: end!important;
	display: block!important;
}
.address_text {
	padding-left: 0px!important;
	margin-top: 20px!important;
}
.address_text p {
	font-size: 15px!important;
	text-align: center!important;
}
.address_icon {
	float: none!important;
	margin: 0 0px 0 0!important;
	text-align: center!important;
	min-height: 50px!important;
}
.address_text h3 {
	font-size: 20px!important;
	text-align: center!important;
}
.address_text {
	padding-left: 0px!important;
	margin-top: 20px!important;
	text-align: center!important;
}
.watch_icon {
	float: none!important;
	margin: 0 0 15px!important;
	text-align: center!important;
}
	.main_latest_projects {
min-height: auto !important;
}
}
@media screen and (max-width:991px){
.main_who_we_are {
padding: 31px 9px!important;
min-height: auto !important;
}
.latest_projects h3 {
padding-bottom: 70px !important;
}
.our_gallery a {
font-family: 'Conv_GOTHIC'!important;
font-size: 13px!important;
font-weight: 700!important;
color: #fff!important;
background: #a57a4f!important;
padding: 10px 15px!important;
border-radius: 4px!important;
display: inline-block!important;
text-transform: uppercase!important;
}
.our_gallery {
display: inline-block;
width: 50%;
text-align: right;
position: absolute;
top: 42px !important;
left: 0 !important;
}
.top_header {
    margin: 0!important;
}
.header_logo {
    position: initial!important;
    top: 0!important;
    width: 100%;
    text-align: left!important;
    margin-top: 20px!important;
}

.logo_cl a.logo img {
    width: 50%;
}
.logo_cl {
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
}
.navigation ul li {
    display: block!important;
}


.navigation {
	height: 100%;
	width: 0;
	position: fixed!important;
	z-index: 1!important;
	top: 0!important;
	left: 0!important;
	background-color: #e1e1e1!important;
	overflow-x: hidden!important;
	overflow-y: scroll!important;
	transition: 0.5s!important;
	padding-top: 60px!important;
	z-index: 9999!important;
	overflow-y: scroll!important;
	margin:0!important;
}

a.closebtn {
	position: absolute!important;
	top: 10px!important;
	right: 10px!important;
	font-size: 36px!important;
	margin-left: 0!important;
	color: #fff!important;
	display: block!important;
	padding: 0!important;
	width: 40px!important;
	height: 40px!important;
	text-align: center!important;
	line-height: 34px!important;
	text-decoration:none!important;
}
h1.mobile-menu {
	display: block!important;
	margin: 18px 0 0!important;
	font-size: 25px!important;
	cursor: pointer!important;
	color: #000!important;
	float: left!important;
}

.navigation ul {
    width: 100%;
    float: none!important;
	padding:0!important;
	text-align:center!important;
}

.navigation ul li a.active {
	color:#fff!important;
	border:none!important;
}
h1.mobile-menu {
    display: block!important;
    margin: 10px 0 0 12px!important;
    float: right!important;
}
.navigation_header {
    margin-bottom: 0!important;
}
.banner-text h1 {
    font-size: 50px!important;
}
.banner-text p {
    padding: 20px 0!important;
}
.inner_reliable_a p {
    font-size: 22px!important;
}
.bunch_construction ul li {
    font-size: 18px!important;
    padding: 0 12px!important;
}
.bunch_construction {
    padding-bottom: 40px!important;
}
.construction {
    text-align: center!important;
}
.services h4 {
    font-size: 20px!important;
    line-height: 30px!important;
}
.services.text-center {
    padding-bottom: 50px!important;
}
.services h4 br {
    display: none!important;
}
.services_sec {
    padding: 50px 0 0 0!important;
}
.choose_bunch {
    padding-bottom: 50px!important;
}
.choose_bunch_sec {
    padding: 90px 0 40px 0!important;
}
.main_who_we_are {
margin-bottom: 0px!important;
padding-bottom: 138px !important;
}
.footer_item {
    display: block!important;
    text-align: center!important;
    padding: 20px 0!important;
}
.address_icon img {
    width: auto!important;
    padding-bottom: 15px!important;
}
.address_text {
    padding-left: 0!important;
}
}
@media screen and (max-width:767px){
.our_gallery {
display: inline-block;
width: 100% !important;
text-align: center !important;
position: absolute;
}
.Project_Images ul li {
display: inline-block;
width: 100%;
max-width: 30%;
margin: 0px 6px 5px 6px;
border: 1px solid #777;
height: 102px;
object-fit: cover;
}
.latest_projects h3 {
padding-bottom: 70px !important;
text-align: center;
}
.banner-text h1 {
    font-size: 40px!important;
}
.banner-text p {
    font-size: 18px!important;
    line-height: 24px!important;
    padding: 15px 0!important;
}
.left.carousel-control {
    left: 20px!important;
}
.right.carousel-control {
    right: 20px!important;
}
.main_reliable {
    display: block!important;
}
.inner_reliable_a {
    display: block!important;
    width: 100%;
    text-align: center!important;
}
.inner_reliable_a p {
    text-align: center!important;
    padding-bottom: 20px!important;
}
.inner_reliable_b {
    display: block!important;
    width: 100%;
    padding-left: 0!important;
    text-align: center!important;
}
.bunch_construction_sec, .latest_projects_sec {
    padding: 60px 0!important;
}
.provide_services_sec {
    padding: 0!important;
}
.choose_bunch_sec {
    padding: 60px 0 10px 0!important;
}
.new_home_sec {
    padding: 60px 0 40px 0!important;
}
.projects_img {
	display: block!important;
}
.projects_a {
	float: none!important;
	margin: 0 0 20px 0!important;
}
/*.main_who_we_are {
	background: #e1e1e1!important;
	padding: 30px 15px!important;
	border-bottom: 2px solid #a57a4f!important;
	min-height: 220px!important;
}*/
.main_who_we_are {
background: #e1e1e1!important;
padding: 30px 5px 0px!important;
border-bottom: 2px solid #a57a4f!important;
min-height: 220px!important;
margin: 0 -15px 20px !important;
}
.projects_a img {
	padding: 5px!important;
	border: 1px solid #ccc!important;
	width: 100%;
}
.latest_projects_img {
	display: inline-block!important;
	width: 47%;
	margin: 0 1%;
	vertical-align: middle!important;
}
}
@media screen and (max-width:630px){
.banner-text h1 {
    font-size: 30px!important;
}
.banner-text p {
    font-size: 16px!important;
    line-height: 22px!important;
}
.banner-text a {
    font-size: 16px!important;
}
.carousel-control {
    top: 40%;
    width: 40px!important;
    height: 40px!important;
}
.left.carousel-control:after {
    font-size: 30px!important;
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
}
.right.carousel-control:after {
    font-size: 30px!important;
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
}
}
@media screen and (max-width: 575px){
.Project_Images {
text-align: center;
}
.latest_projects h3 {
 padding-bottom: 15px !important;
 text-align: center;
}
.page-id-7 .our_gallery {
    display: block !important;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    position: static;
}
.page-id-7 .latest_projects h3 {
    text-align: center !important;
	font-size: 18px!important;
}	
	
	
}
@media screen and (max-width:479px){

}
@media screen and (max-width:420px){
.banner-text h1 {
    font-size: 26px!important;
}
.banner-text p {
    font-size: 17px!important;
    line-height: normal!important;
    padding: 10px 30px!important;
}
.banner-text p br{
	display:none!important;
}
.banner-slider img {
    width: 100%;
    height: 300px!important;
    object-fit: cover!important;
}
}
@media screen and (max-width:375px){
.left-header p {
    font-size: 16px!important;
}
.right-header ul li a {
    font-size: 15px!important;
    width: 34px!important;
    padding: 4px 0!important;
}
.right-header ul li.content_no a {
    font-size: 16px!important;
}
li.content_no a {
    padding: 4px 0 !important;
}
.top_header {
    padding: 10px 0!important;
}

}
