@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* For Old IE 7-8-9 */
}
@media only screen and (min-width: 1025px) and (max-width: 1660px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1460px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1100px) /* container size */ {
}
@media only screen and (max-width: 1240px) {
    .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (max-width: 1200px) {

    h1{font-size: 50px;}
    h2{font-size: 42px;}
    h3{font-size: 20px;}

    p { font-size: 20px; line-height: 26px; }

    body{padding-top: 79px;}

    a.btn:not(.btn-sm){line-height: 35px;}
    .btn:not(.btn-sm){height: auto; font-size: 16px; padding-left: 15px; padding-right: 15px;}

    header{padding-top: 15px; padding-bottom: 15px;}
    header .logo{max-width: 220px;}
    header .logo img{max-width: 100%;}
    header nav ul li a{font-size: 16px;}

    .banner{background-position: top center; height: calc(100vh - 79px);}

    .our_homes .swiper-slide{height: 350px;}
    .our_homes .swiper-slide .title-section{padding: 15px; font-size: 28px;}
}

@media (max-width: 1024px) {

    body{padding-top: 108px;}
    body header nav ul{padding-top: 50px;}
    body header nav ul.d-flex{display: block !important;}

    header {padding-top: 25px; padding-bottom: 25px;}
    header .mobile-menu{display: block;}
    header .logo{max-width: 310px;}
    header nav{position: fixed; min-width: 320px; width: 50%; left: 0; top: 108px; bottom: 0; z-index: 9999; background: var(--secondary); opacity: 0; visibility: hidden; transform: translateX(-50%); transition: 0.5s ease all;}
    body.show-menu nav{opacity: 1; visibility: visible; transform: translateX(0);}
    header nav ul li {margin-bottom: 50px;}
    header nav ul li a{font-size: 32px;}
    header nav ul li a.btn:not(.btn-sm){font-size: 36px;line-height: normal;padding-left: 30px;padding-right: 30px;}

    .wrapper{padding-left: 35px; padding-right: 35px;}

    .our_homes,.our_approach,.our_story,.testimonials,.our_service{padding-top: 45px; padding-bottom: 0;}
    .our_approach .steps-section .step{text-align: center;}
    .our_approach .steps-section .step .circle{margin: 0 auto;}

    .our_approach .steps-section .step p{font-size: 16px; line-height: 20px; margin-bottom: 12px;}
    .our_approach .steps-section .step .line_1{left: -6%;}
    .our_approach .steps-section .step .line_2{left: -6%;}
    .our_approach .steps-section .step .line_3{right: 5%; width: 19%;}
    .our_approach .steps-section .step .circle{position: relative; z-index: 99;}

    .our_story .right-section .image-section{height: 380px;}

    .testimonials .swiper-slide .left-section{width: 50%; padding-right: 7px;}
    .testimonials .swiper-slide .right-section{width: 50%; padding-left: 7px;}
    .testimonials .swiper-slide .right-section .top-section .item-1{display: none;}
    .testimonials .swiper-slide .right-section .top-section .item-list .item-3{display: none;}
    .testimonials .swiper-slide .right-section .bottom-section .item-4{display: none;}
    .testimonials .swiper-slide .right-section .bottom-section .item-5{width: 100%; height: 351px;}
    .testimonials .swiper-slide .right-section .top-section .item-list {width: 100%;}
    .testimonials .swiper-slide .right-section .top-section .item-list .item-2{width: 100%; height: 294px;}
    .testimonials .swiper-slide .right-section .top-section{margin-bottom: 17px;}
    .testimonials .slider-section .quote{left: -25px;}

    footer .bottom-section{padding-left: 35px; padding-right: 35px;}

    .our_service .col-6.partition-section{width: 100%;}
    .our_service .our-services-description{margin-bottom: 30px;}

    .our_homes .swiper-slide{height: 500px;}
}

@media (max-width: 992px) {
    h1 { font-size: 45px; }
    h2 { font-size: 38px; }
    h3 { font-size: 18px; }
    p { font-size: 18px; line-height: 24px; }

    .our_approach .steps-section {margin-top: 55px;}
    .our_approach .steps-section .step{width: 33.33%; margin-top: 0 !important; }
    .our_approach .steps-section .step .line_1,.our_approach .steps-section .step .line_2,.our_approach .steps-section .step .line_3{display: none;}

    footer .top-section {flex-wrap: wrap;}
    footer .top-section .left-section{width: 100%; padding-right: 0; margin-bottom: 40px;}
    footer .top-section .right-section{width: 100%;}
}

@media only screen and (min-width: 960px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
}

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

    h1 { font-size: 38px; }
    h2 { font-size: 32px; }
    h3 { font-size: 16px; }
    p { font-size: 16px; line-height: 22px; }
    body{padding-top: 64px;}

    .testimonials .wrapper,.wrapper{padding-left: 15px; padding-right: 15px;}
    header{padding-top: 15px; padding-bottom: 15px;}
    header .logo{max-width: 180px;}
    .mobile-menu .menu-toggle{padding: 0;}
    .menu-toggle span{width: 30px; margin: 7px auto;}

    .banner p{font-size: 16px;}
    .our_homes .swiper{padding-left: 25px; padding-right: 25px; padding-top: 35px; padding-bottom: 0;}
    .our_homes .swiper-slide{height: 370px;}

    .our_approach .steps-section{margin-top: 35px; flex-wrap: wrap;}
    .our_approach .steps-section .step{width: 50%; margin-bottom: 30px;}

    .our_story h2{margin-bottom: 35px; text-align: center !important;}
    .our_story .left-section{width: 100%; padding: 0;}
    .our_story .right-section{width: 100%; margin-top: 35px;}
    .our_story .right-section .image-section{border-radius: 0;}
    .our_story .right-section .black-box{width: 200px; height: 200px; left: -10px; bottom: -10px;}
    .our_story .right-section .gold-box{width: 200px; left: -10px; bottom: 198px;}
    .our_story .even .left-section{padding: 0;}

    .testimonials h2{margin-bottom: 35px;}
    .testimonials .slider-section .quote{display: none;}
    .testimonials .swiper-slide .left-section{width: 100%; padding: 0;}
    .testimonials .swiper-slide .left-section .image-section-1{display: none;}
    .testimonials .swiper-slide .right-section{display: none;}
    .testimonials .swiper-slide .left-section .image-section-2{padding: 20px;}

    .our_service {padding-bottom: 45px;}
    .our_service h2{margin-bottom: 35px; width: 100%; text-align: center !important;}
    .our_service .col-6.partition-section .col-6{width: 100%;}

    footer .top-section{padding-top: 45px; padding-bottom: 45px;}

    footer .bottom-section{flex-wrap: wrap; padding: 15px;}
    footer .bottom-section p{width: 100%; text-align: center; margin-bottom: 20px;}
    footer .bottom-section ul{width: 100%; justify-content: space-between;}
    footer .bottom-section ul li{margin: 0; padding:0 5px;}
    footer .top-section .right-section ul li a{font-size: 18px;}
    footer .top-section .left-section a img{max-width: 200px;}
    footer .top-section .right-section ul li a{font-size:16px;}

    header nav{top: 54px;}
    body header nav ul{padding-top: 30px;}
    header nav ul li {margin-left: 20px; margin-bottom: 16px;}
    header nav ul li a{font-size: 16px;}
    header nav ul li a.btn:not(.btn-sm){font-size: 16px; line-height: 35px;}

    .our_homes .swiper-slide .title-section{font-size: 18px;}
    .testimonials .swiper-button-next img, .testimonials .swiper-button-prev img{width: 35px;}
    
    

}
@media only screen and (orientation: landscape) and (max-width: 767px) {
}

@media (max-height: 500px) {
}

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