@media screen and (max-width: 1022px){
header {
    padding: 7px 20px;
}
.menu-toggle {
    position: absolute;
    right: 20px;
    top: 14px;
}
.menu-toggle {
    font-size: 0;
    background: none;
    box-shadow: none;
    border: 0;
}
.navbar-toggler {
    border: 0;
    right: 0;
    position: absolute;
}
.logo img {
    max-width: 180px;
}
.menu-primary-menu-container {
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: 50px;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 5px 15px;
    font-size: 15px;
}
.header-icon {
    margin-right: 45px;
}
.navbar {
    padding: 60px 0;
    position: absolute;
    width: 100%;
    left: 0;
}
.navbar-toggler:focus{box-shadow: none;}
.navbar-nav {
    background: #000;
    padding: 15px 0;
    margin-top: 10px;
}
.navbar-nav li{padding-bottom: 7px; padding-top: 7px;}

    .banner .phone {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 15px 0 0 0;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    position: absolute;
    width: 100%;
    top: 90px;
}
.sticky-top ul {
    margin-top: 0;
}
.banner-des h1 {font-size: 42px}

.testimonials{flex-wrap: wrap;}
.testimonial-slider {
    padding: 15px !important;
}
.testimonials-list {
    width: 100%;
}
.achievements-block .row > div {
	width: 100%;
}


}

@media screen and (max-width: 767px){
.inner-banner h1{font-size: 42px;}
.banner {
    position: relative;
    height: calc(70vh - 80px);
}
.banner-des{padding: 0 20px; padding-top: 80px;}
.banner-des h1 {
    font-size: 28px;
}
.banner-des p {
    font-size: 18px;
    color: #fff;
}
   .banner .fa-phone {
    padding-right: 10px;
}
 .search-box .search-btn{position: static; margin-top: 20px;}
.banner .banner-img img {
    height: 420px;
}
 .featured-listing h3, .featured-des h3 {
    font-size: 36px;
    padding: 15px 0;
}
.about-section {
    padding: 30px 20px 0;
}
.about-section > div {
    flex-wrap: wrap;
}
.about-des{max-width: 630px; padding:20px 0 0; }
.fearured-image img {
    width: 100%;
}

.fearured-image {
    position: relative;
    padding: 0px;
    margin: 0 0 30px;
}

#gallery a {
    width: 94%;
    margin: 30px 3% 0;
}
.copy-right{text-align: center;}
.footer-socialmedia {
    justify-content: center !important;
    padding: 12px 0 0;
}
.address{flex-wrap: wrap;}
.address > div {
    padding: 15px 30px;
    width: 100%;
}
.contact-form{margin-top: 30px;}


}