@media(max-width: 1600px) {
    /* .container {
        max-width: 1400px;
    } */

    :root {
        --fs-14: 12px;
        --fs-18: 15px;
        --fs-20: 17px;
        --fs-22: 18px;
        --fs-30: 25px;
        --fs-50: 40px;
    }

    .header-top .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 8px;
        padding-right: 8px;
    }

    .btn.btn-light {
        padding: 5px 20px;
    }

    .navbar-brand {
        max-width: 250px;
        width: 100%;
    }

    .box-three {
        gap: 100px;
    }

    .perfectly-seciton .loop-suits .suits-items:nth-child(2) {
        max-width: 50%;
        width: 100%;
    }

    img.footer-logo {
        max-width: 340px;
    }

    .dependable-con-items {
        padding: 30px 25px;
        min-height: 200px;
        overflow: hidden;
    }

    .about-content {
        min-height: 200px;
    }

    .blog-img {
        width: 220px;
    }

    .blog-items {
        column-gap: 70px;
        row-gap: 55px;
    }

    .blog-items-content .fs-22 {
        margin-bottom: 5px;
    }

    .blogitems-flex {
        margin-bottom: 0px;
    }

    .blog-items p {
        margin-bottom: 5px;
    }

    .eye-content {
        min-height: 200px;
        padding: 36px;
    }

    .form-flex .form-content:nth-child(1) {
        max-width: 790px;
    }


}

@media(max-width: 1599px) {
    :root {
        --fs-18: 16px;
        --fs-20: 18px;
        --fs-21: 19px;
        --fs-22: 20px;
        --fs-23: 21px;
        --fs-24: 22px;
        --fs-25: 23px;
        --fs-26: 24px;
        --fs-27: 25px;
        --fs-28: 26px;
        --fs-29: 27px;
        --fs-30: 28px;
        --fs-31: 29px;
        --fs-32: 30px;
        --fs-33: 31px;
        --fs-34: 32px;
        --fs-35: 33px;
        --fs-50: 40px;
    }

    .banner-flex {
        gap: 90px;
    }

    .items-content {
        padding-bottom: 40px;
    }

    .loop-suits {
        margin-bottom: 100px;
    }

    .comfortable-content {
        margin-left: 70px;
    }

    .comfortably-flex .comfortably-items {
        max-width: 50%;
    }

    .items-image img {
        max-width: 100%;
        height: auto;
    }

    .insta-section {
        padding-top: 100px;
    }

    .insta-img img {
        max-width: 100%;
        width: 100%;
        height: 100%;
    }

    .blog-content {
        max-width: 585px;
        gap: 10px;
    }

    .blog-items {
        column-gap: 60px;
        row-gap: 30px;
        margin-top: 40px;
    }

    .blog-img {
        max-width: 190px;
        width: 100%;
    }

    .blog-img img {
        max-width: 100%;
        ;
        height: 100%;
        object-fit: cover;
        width: 100%;
        border-radius: 10px;
    }

    .blog-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 30px;
        row-gap: 30px;
    }

    .blog-items-content {
        width: 100%;
    }

    .blog-content {
        max-width: 100%;
        gap: 10px;
    }

    .blog-img {
        max-width: 200px;
        width: 100%;
    }

    .partners-grid {
        gap: 40px;
    }

    .perfectly-seciton .loop-suits .suits-items:nth-child(2) {
        max-width: 799px;
        width: 100%;
    }

    .blog-items-content .fs-22,
    .blogitems-flex {
        margin-bottom: 5px;
    }

    .blog-items-content .fs-22 {
        font-size: 18px;
    }

    .inner-row {
        max-width: 93%;
    }

    .grid-builders {
        gap: 50px;
    }

    .below-inner {
        padding: 20px;
    }

    section.whymore-section .btn-holders {
        padding-top: 40px;
    }


    section.future-sec{
        padding: 60px 0px;
    }


}

@media(max-width: 1470px) {
    .perfectly-seciton .loop-suits .suits-items:nth-child(2) {
        max-width: 50%;
        width: 100%;
    }

    .insta-grid {
        max-width: 1199px;
        grid-template-columns: repeat(4, 1fr);
    }

    .blog-img {
        max-width: 270px;
        width: 100%;
    }

    img.footer-logo {
        max-width: 300px;
    }

    .comfortably-inner {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .choose-inner {
        gap: 60px;
    }

    .choose-us-sectoin {
        margin-top: 70px;
    }

    .choose-inner .choose-img:nth-child(2) {
        max-width: 628px;
    }

    .form-flex .form-content:nth-child(1) {
        max-width: 650px;
    }

    .form-flex .form-content:nth-child(1) {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media(max-width: 1399px) {
    :root {
        --fs-20: 16px;
        --fs-21: 17px;
        --fs-22: 18px;
        --fs-23: 19px;
        --fs-24: 20px;
        --fs-25: 21px;
        --fs-26: 22px;
        --fs-27: 23px;
        --fs-28: 24px;
        --fs-29: 25px;
        --fs-30: 24px;
        --fs-31: 27px;
        --fs-32: 28px;
        --fs-33: 29px;
        --fs-34: 30px;
        --fs-35: 31px;
        --fs-60: 50px
    }

    header .navbar-expand-lg .navbar-nav {
        column-gap: 25px;
    }

    header .nav-link {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    header .navbar-nav .nav-item::after {
        right: -12px;
    }

    .box-three {
        gap: 100px;
    }

    .dependable-content {
        gap: 50px;
    }

    .dependable-content .dependable-con-items {
        max-width: calc(100% / 3 - 34px);
    }

    .comfortably-inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    .comfortable-content {
        max-width: 80%;
        margin-left: 50px;
    }

    .live-loop {
        gap: 30px;
    }

    .live-loop {
        grid-template-columns: 1fr 1fr;
        margin-top: 20px;
    }

    .live-comfort {
        padding-top: 70px;
        padding-bottom: 74px;
    }

    .about-us-section .fs-60 {
        margin-bottom: 50px;
    }

    .about-content {
        min-height: 210px;
    }

    .free-image img {
        max-width: 100%;
        width: 100%;
    }

    .advfree-items {
        gap: 50px;
    }

    .free-advice {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .partners-grid {
        flex-wrap: wrap;
    }

    .perfectly-seciton .loop-suits .suits-items:nth-child(2) {
        max-width: 50%;
    }

    .blog-items {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-img {
        max-width: 250px;
        width: 100%;
    }

    .blog-img img {
        height: auto;
        object-fit: none;
    }

    .form-flex .form-content:nth-child(1) {
        max-width: 50%;
    }

    .form-flex .form-content:nth-child(2) {
        padding-left: 25px;
        padding-right: 25px;
    }

    section.customhomebuilder-sec,
    section.live-comfort.inner {
        padding: 60px 0px;
    }

    .inner-row {
        max-width: 90%;
    }
}

@media(max-width: 1199px) {
    :root {
        --fs-40: 30px;
        --fs-50: 35px;
        --fs-24: 18px;
    }

    header .navbar-brand img {
        max-width: 270px;
        width: 100%;
    }

    .btn.btn-light {
        padding: 7px 18px;
    }

    .btn.btn-primary {
        padding: 5px 20px;
    }

    header .navbar-brand img {
        max-width: 200px;
        width: 100%;
    }

    header .navbar-nav.ms-auto.mb-2.mb-lg-0 {
        margin-right: 20px;
    }

    .banner-flex {
        display: block;
    }

    .banner-items-content,
    .banner-items {
        text-align: center;
    }

    .banner-flex .banner-items:nth-child(2) {
        margin-top: 50px;
    }

    .items-content {
        max-width: 100%;
    }

    .flex-free {
        gap: 50px;
    }

    .free-items .csbtn-primary {
        margin-top: 30px;
    }

    .loop-suits {
        margin-bottom: 50px;
    }

    .dependable-content .dependable-con-items {
        max-width: calc(100% / 2 - 25px);
    }

    .dependable-con-items {
        min-height: 190px;
    }

    .inner-two {
        justify-content: center;
        gap: 20px;
    }

    .free-guide {
        padding: 50px 0px;
    }

    .banner-items-content {
        max-width: 1000px;
        margin: 0 auto;
    }

    .choose-inner {
        gap: 30px;
    }

    .choose-content h1 {
        margin-bottom: 15px;
    }

    .eye-section,
    .get-in-touch {
        margin-top: 70px;
    }

    .free-guide.the-7-step {
        padding: 70px 0px;
    }


    section.whymore-section {
        padding: 50px 0px;
    }

    .grid-builders {
        gap: 30px;
    }

    section.future-sec{
        padding: 40px 0px;
    }

    .future-holders{
        max-width: 991px;
    }

    .future-holders .btn-holders{
        padding-top: 20px;
    }

}

@media(max-width: 991px) {
    :root {
        --fs-18: 16px;
        --fs-26: 18px
    }

    .navbar-text {
        order: 0;
    }

    header .navbar-nav .nav-item {
        position: initial;
    }

    .header-top ul.navbar-nav .nav-item .nav-link,
    header ul.navbar-nav .nav-item .nav-link {
        padding-bottom: 10px;
    }

    .header-top .navbar-nav,
    header .navbar-nav {
        margin-top: 25px;
    }

    header .navbar-collapse {
        padding-bottom: 30px;
    }

    .box-three {
        gap: 50px;
    }

    .box-three {
        grid-template-columns: 1fr 1fr;
    }

    .perfectly-seciton .loop-suits:nth-child(even) {
        flex-direction: inherit;
    }

    .loop-suits .suits-items:nth-child(1) {
        order: 1;
    }

    .loop-suits {
        display: grid;
    }

    .loop-suits .suits-items {
        width: 100%;
    }

    .dependable-items .fs-60 {
        max-width: 100%;
        text-align: center;
    }

    .dependable-items .fs-50 {
        max-width: 100%;
    }

    .live-loop {
        grid-template-columns: 1fr;
    }

    .about-inner {
        display: none;
    }

    .inner-two {
        margin-bottom: 0;
        display: grid;
    }

    .two-img {
        margin: 0 auto;
    }

    .about-content {
        min-height: auto;
    }

    .about-us-section .fs-60 {
        margin-bottom: 30px;
    }

    .about-img img {
        max-width: 100%;
        width: 100%;
    }

    .blog-img {
        max-width: 250px;
        width: 100%;
    }

    .advfree-items {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .perfectly-seciton .loop-suits .suits-items:nth-child(2) {
        max-width: 100%;
    }

    .loop-suits .suits-items:last-child img {
        width: 100%;
    }

    .free-guide.the-7-step {
        padding: 80px 0px;
    }

    .darkcsbtn-primary {
        margin-top: 10px;
        ;
    }

    .arrow-key .swiper-button-next {
        margin-right: 0;
    }

    .arrow-key .swiper-button-prev {
        margin-left: 0;
    }

    .choose-inner {
        display: grid;
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
    }

    .choose-inner .choose-img:nth-child(2) {
        max-width: 100%;
    }

    .choose-inner img {
        border-radius: 10px;
        margin: 0 auto;
    }

    .eye-inner {
        gap: 30px;
    }

    .eye-content {
        min-height: auto;
        padding: 30px;
    }

    .eye-section {
        margin-top: 70px;
    }

    .grid-details {

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .suits-content {
        max-width: 767px !important;
        margin: 0 auto;
        padding: 0px 10px;
    }

    .suits-content-inner {
        max-width: 100%;
        width: 100%;
    }

    .mb-50-inner .loop-suits {
        margin-bottom: 30px;
    }

    .grid-builders {
        flex-direction: column;
    }

    .inner-row {
        max-width: 767px;
        margin: 0 auto;
        padding: 0px 15px;
    }

    .inner-row .whymore-inner {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .suits-content-inner {
        padding: 0px;
    }

    .loop-suits {
        padding: 40px 10px;
    }

    .eye-section,
    .get-in-touch {
        margin-top: 30px;
    }

    .whymore-inner{
        margin: 0 auto;
    }

    .suits-content-inner{
        padding: 0;
    }
    .loop-suits {
        margin-bottom: 0px;
    }
    .blog-page {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .google-grid{
        grid-template-columns: repeat(2 , 1fr);
    }
    .google-rev {
        max-width: 100%;
    }
}

@media(max-width: 767px) {
    :root {
        --fs-50: 30px;
    }

    .items-content {
        padding-bottom: 15px;
    }

    .banner-flex .banner-items:nth-child(2) {
        margin-top: 30px;
    }

    .banner-items video {
        max-width: 400px;
        width: 100%;
    }

    .flex-free {
        display: block;
        text-align: center;
    }

    .flex-free .free-items:nth-child(1) {
        max-width: 467px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 35px;
    }

    .dependable-content .dependable-con-items {
        max-width: calc(100% / 1 - 0px);
    }

    .comfortably-flex {
        display: block;
    }

    .comfortably-flex .comfortably-items {
        max-width: 100%;
    }

    .comfortable-content {
        max-width: 100%;
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        padding-bottom: 45px;
    }

    .comfortably-inner .fs-24 {
        text-align: center;
    }

    .darkcsbtn-primary {
        margin-top: 10px;
    }

    .footer-logo {
        max-width: 300px;
    }

    .live-number span {
        width: 30px;
        height: 30px;
        font-size: 22px;
        font-weight: 700;
        margin-right: 10px;
    }

    .blog-content {
        display: grid;
    }

    .blog-img {
        max-width: 100%;
        width: 100%;
    }

    .free-guide.the-7-step {
        padding: 70px 0px;
    }

    .free-content .fs-40,
    .free-content p {
        text-align: center;
    }

    .free-content .csbtn-primary {
        margin: 0 auto;
        display: table;
    }

    .live-comfort {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .blog-img img {
        height: 100%;
        object-fit: cover;
    }

    .comman-inner {
        text-align: center;
    }

    .eye-inner {
        display: grid;
    }

    .eye-image img {
        max-width: 100%;
        width: 100%;
    }

    .form-flex {
        display: grid;
        min-height: auto;
    }

    .form-flex .form-content:nth-child(1) {
        max-width: 100%;
        height: 500px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .inner-row {
        max-width: 575px;
        padding: 0px 10px;
    }

    .suits-content {
        max-width: 575px !important;
    }

    section.whymore-section {
        padding: 40px 0px;
    }

    .whyicon {
        max-width: 30px;
    }

    section.customhomebuilder-sec, section.live-comfort.inner{
        padding: 40px 0px;
    }
    .eye-box {
        max-width: 100%;
        width: 100%;
    }
    .cart-image {
        height: 270px;
    }
    .faq-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media(max-width: 575px) {
    :root {
        --fs-40: 25px;
        --fs-60: 40px;
    }

    .free-items p {
        max-width: 100%;
    }

    .banner-items video {
        max-width: 100%;
    }

    .box-three {
        grid-template-columns: 1fr;
    }

    .helped-section {
        padding-bottom: 52px;
    }

    .suits-content-inner {
        max-width: 100%;
        margin-left: 0;
    }

    .dependable-con-items {
        min-height: auto;
    }

    .dependable-con-items {
        padding: 30px 30px;
    }

    .testimonials-section {
        padding-top: 50px;
        padding-bottom: 50px;
        overflow: hidden;
    }

    .arrow-key .swiper-button-next {
        margin-right: 0;
    }

    .arrow-key .swiper-button-prev {
        margin-left: 0;
    }

    .footer-para {
        display: block;
    }

    .footpara-inner ul li a {
        text-align: center;
    }

    .footpara-inner p {
        text-align: center;
    }

    .footer-para .footpara-inner:nth-child(1) {
        max-width: 100%;
        width: 100%;
        color: var(--color-FFF);
        text-align: center;
        margin-bottom: 20px;
    }

    .overlay-aboutus {
        padding-left: 15px;
        padding-right: 15px;
    }

    .insta-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-top: 30px;
    }

    .insta-section {
        padding-top: 70px;
    }

    .free-guide.the-7-step {
        padding: 70px 0px;
    }

    .banner-section .fixed-items {
        padding-top: 20px;
    }

    .partners-grid .partners-items {
        max-width: calc(100% / 2 - 20px);
    }

    .partners-grid .partners-items img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    .choose-us-sectoin {
        margin-top: 70px;
    }

    .eye-content {
        padding: 20px;
    }

    .form-flex .form-content:nth-child(1) {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

    .form-flex .form-content:nth-child(1) {
        height: 300px;
    }

    .form-control {
        padding: 10px;
    }

    section.box-below {
        padding: 40px 0px;
    }

    .grid-details {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .whyflex,.live-items{
        flex-direction: column;
        gap:10px;
    }
    .google-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .google-content {
        height: auto;
    }
    .google-content p {
        -webkit-line-clamp: none;
    }
}