@media screen and (max-width : 1700px) {
    .gallery-slider-container .gallery-slider .gallery {
        width: 520px;
    }
}
@media screen and (max-width : 1550px) {
    :root{
        --size65 : 58px;
        --lineheight67 : 60px;
    }
    .custom-single-product .product-info .product-title,
    .products-list .product .product-details-container h2.title,
    .cta-section .container h2{
        font-size: var(--size65);
        line-height: var(--lineheight67);
    }
    .about-owner .right {
        width: 549px;
        height: 712px;
    }
    .optional-extras .container,
    .extra-space-section .container,
    footer .footer-bottom,
    footer .footer-main,
    .faq-section .container, .contact-section .container,
    .about-owner .container{
        width: 95%;
    }
    footer .footer-bottom{
        margin: auto;
    }
    .faq-section .left,
    .faq-section .faq-list{
        width: 50%;
    }
    .countdown-section .container,
    .hero-section .container,
    .cta-section .container {
        margin-left: 7.14%;
    }
    .gallery-slider-container .gallery-slider .gallery{
        width: 425px;
        height: 555px;
    }
    .gallery-slider-container .gallery-slider .gallery{
        max-height: 88vh;
    }
    .gallery-slider-container .gallery-slider .gallery .images-container img{
        height: 87.85%;
    }
    .notes-on-assembly.notes-home .cards{
        gap: 1% !important;
        width: 95%;
        margin: auto;
    }
    .extra-space-section .extra-space-item{
        width: 33%;
    }
    .notes-on-assembly.notes-home .card{
        width: 32% !important;
    }
    footer .footer-main .links-container{
        flex-wrap: wrap;
        width: 767px;
    }
    .contact-section .container .right{
        width: 50%;
    }

    /* YURTS PAGE  */
    .custom-single-product .product-image {
        gap: 1%;
    }
    .custom-single-product .product-image .custom-gallery{
        width: 29%;
    }
    .custom-single-product .product-image .custom-gallery .overlay-container{
        width: 100%;
    }
    .custom-single-product .product-image > img {
        width: 70%;
    }
    .custom-single-product .custom-sidebar {
        width: 35%;
    }
    .custom-single-product .product-info {
        max-width: 60%;
    }
    .custom-single-product .product-info-container{
        gap: 5%;
    }
    .optional-extras .container .left{
        width: 50%;
        max-width: 50%;
    }
    .optional-extras .container .right{
        width: 40%;
    }



    /* BLOGS PAGE  */
    .blog-container .blog-posts{
        width: 95%;
        gap: 50px 1%;
        justify-content: space-between;
    }
    .blog-archive-container .blog-categories h2{
        width: 95%;
    }
    .blog-archive-container .blog-categories ul{
        padding-left: 30px;
        padding-right: 30px;
    }
    .blog-container .blog-posts .blog-post{
        width: 32%;
    }
    .blog-archive-container .blog-categories ul li{
        width: 19.2%;
    }
    .blog-archive-container .blog-categories ul.sticky{
        padding: 16px 30px;
    }
    .blog-archive-container .blog-categories ul li a{
        width: 100%;
    }
    .relevant-blogs .relevant-blogs-container,
    .single-blog{
        width: 95%;
    }
    .blog-archive-container{
        gap: 40px;
    }
    .blog-sidebar-container{
        right: 2.5%;
    }
    .single-blog .blog-container{
        max-width: 80%;
    }
    .single-blog .blog-container .dome-tent{
        flex-wrap: wrap;
        gap: 10px 1%;
    }

    .single-blog .blog-container .dome-tent img{
        width: 32%;
        height: auto;
    }
    .single-blog .multiple-product-variations{
        gap: 10px 1%;
        align-items: stretch;
    }
    .single-blog .multiple-product-variations .variation-item{
        width: 32%;
    }
    .single-blog .multiple-product-variations a{
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    .blog-container .blog-posts.swiper-wrapper{
        height: 520px;
    }
}
@media screen and (max-width : 1280px) {
    .custom-single-product .product .product-slider,
    .products-list .product .product-slider{
        max-height: 618px;
    }
    @media screen and (min-width: 1170px) {
        
        .about-owner .left{
            width: 50%;
        }
        .about-owner .right{
            width: 40%;
        }
    }
    /* YURTS PAGE  */
    .custom-single-product .product-image > img{
        height: 510px;
    }
    .single-blog .blog-container .thumbnail iframe{
        height: 480px;
    }
    .custom-single-product .product-image .custom-gallery > img:first-child{
        height: 324px;
    }
    .custom-single-product .product-image .custom-gallery .overlay-container{
        height: 172px;
    }


    /* BLOGS PAGE  */
    .blog-container .blog-posts .blog-post .thumbnail{
        height: 205px;
    }
    .blog-container .blog-posts .blog-post .blog-details{
        padding: 16px 16px 30px;
    }
    .blog-container .blog-posts .blog-post .blog-bottom{
        padding: 16px;
    }
    .single-blog .blog-container .dome-tent img{
        width: 49%;
    }
    .single-blog .multiple-product-variations .variation-item{
        width: 49%;
    }
    .single-blog .multiple-product-variations a{
        width: calc(100% - 20px);
    }
    .blog-container .blog-posts.swiper-wrapper{
        height: 480px;
    }
}
@media  screen and (max-width : 1170px) {
    :root {
        --text18 : 16px;
        --lineheight32 : 28px;
        --size65: 48px;
        --lineheight67: 52px;
    }
    header .header-main .menu {
        gap: 22px;
    }
    .products-list .product-details .buttons button{
        width: 50%;
    }
    header .header-top,
    header .header-main{
        padding: 0 30px;
    }
    header .header-main .call, header .header-top .email{
        padding-left: 30px;
    }
    .hero-section .container{
        margin: auto;
    }
    .think-outside{
        padding: 120px 0;
    }
    .think-outside h2{
        font-size: 30px;
        line-height: 35px;
    }
    .products-list .product{
        flex-direction: column-reverse;
        align-items: center;
    }
    .custom-single-product .product-slider,
    .products-list .product .product-slider{
        border-radius: 12px;
        width: 585px;
        max-width: 95%;
        margin-bottom: 25px;
        overflow: hidden;
    }
    .cta-section{
        background-position: left;
    }
    .products-list .product .product-details{
        width: 585px;
        max-width: 95%;
    }
    .products-list .product .product-slider img{
        object-fit: cover;
        height: 540px;
    }
    .products-list .product .product-details-container{
        max-width: 100%;
    }
    .products-list .product.geoDomes{
        flex-direction: column;
        margin: 100px 0;
    }
    .cta-section {
        height: 650px;
    }
    .custom-single-product .pagination-number,
    .products-list .gallery .pagination-number{
        bottom: 16px !important;
        transform: none;
        right: 16px;
        left: initial;
    }
    .about-owner .container{
        flex-direction: column-reverse;
        align-items: center;
    }
    .countdown-section{
        margin : 65px 0;
    }

    .faq-section,
    .social-media-section,
    .extra-space-section,
    .notes-on-assembly,
    .gallery-slider-container,
    .about-owner,
    .testimonials{
        padding: 65px 0;
    }
    .contact-section{
        padding: 100px 0;
    }
    .about-owner .right{
        position: relative;
        top: initial;
    }
    .about-owner{
        padding-top: 130px;
    }
    .about-owner .left{
        max-width: 95%;
        margin-top: 25px;
    }
    .about-owner .left .signature{
        margin-top: 0;
    }
    .testimonials .testimonial-slider .testimonial {
        height: 530px;
        width: 32vw;
        margin-right: 1vw;
    }
    .gallery-slider-container .gallery-slider .gallery{
        width: 32vw;
        margin-right: 1vw;
        height: 480px;
    }
    .gallery-slider-container .gallery-slider .gallery .images-container img {
        height: 85.85%;
    }
    .social-media-section .socialmedia-slider .socialmedia-slide{
        margin-right: 1vw;
    }

    footer .footer-main .links-container .links a{
        min-width: 100px;
    }
    footer .footer-main .links-container{
        gap: 40px;
        width: 550px;
    }
    .think-outside h2 span img{
       bottom: 0;
    }
    .extra-space-section .extra-space-item p,
    .gallery-slider-container .gallery-slider .gallery h3{
        font-size: 22px;
    }



    /* YURTS PAGE  */
    .optional-extras .container .right{
        width: 585px;
        max-width: 95%;
    }
    .optional-extras .container{
        flex-direction: column-reverse;
        gap: 30px;
    }
    .optional-extras .container .left{
        width: 100%;
        max-width: 100%;
    }
    .custom-single-product .product-info iframe{
        height: 400px;
    }
    .custom-single-product ~ .testimonials{
        padding-top: 130px;
    }
    .single-blog .blog-container .post-content h2,
    .custom-single-product .product-info .product-description h2, .single-blog .blog-container .post-content h2{
        font-size: 30px;
        line-height: 50px;
    }
    .single-blog .blog-container .title,
    .custom-single-product .product-info .product-description h1, .single-blog .blog-container .post-content h1{
        font-size: 40px;
        line-height: normal;
    }



    /* FAQS PAGE  */
    .faq-page{
        padding: 130px 0;
        max-width: 95%;
        margin: auto;
    }


    /* BLOGS PAGE  */
    .blog-archive-container{
        flex-direction: column;
    }
    .single-blog .blog-container{
        max-width: 100%;
    }
    .custom-single-product .product-info .product-description h1, .single-blog .blog-container .post-content h1,
    .custom-single-product .product-info .product-description h2, .single-blog .blog-container .post-content h2{
        margin-top: 40px;
    }
    .blog-sidebar-container{
        position: static;
    }
}
@media screen and (max-width : 950px) {
    header .header-main .menu {
        gap: 20px;
    }
    .testimonials .testimonial-slider .testimonial {
        height: 466px;
    }
    .gallery-slider-container .gallery-slider .gallery{
        height: 480px;
    }
    .get-started-form .container{
        width: 95%;
    }
    .get-started-form .container .inputs .input select, .get-started-form .container .inputs .input input{
        width: 44vw;
    }
    
    .gallery-slider-container .gallery-slider .gallery h3{
        font-size: 20px;
    }
    .custom-single-product .gallery .pagination-buttons, .products-list .gallery .pagination-buttons, .gallery-slider-container .gallery-slider .gallery .pagination-buttons{
        top: 45%;
    }
    .blog-archive-container .blog-categories{
        top: -19px;
    }
    .think-outside h2{
        font-size: 25px;
        padding: 0 16px;
    }
    .extra-space-section .extra-space-item img{
        width: 30px;
        height: 30px;
    }
    header{
        top: 0;
    }
    .extra-space-section .extra-space-item p{
        font-size: 20px;
    }
    .extra-space-section .extra-space-item{
        gap: 10px;
        height: 100px;
    }
    header .header-main,
    header .header-top{
        display: none;
    }
    header .header-main .call{
        padding-left: 0;
    }
    
    header .header-main.mb{
        display: flex;
        height: 76px;
    }
    @media screen and (max-width : 950px) {
        header{
            background: #FEFBE8 !important;
        }
        body{
            background: #FCFBF7 !important;
        }
    }
    header .header-main .menu {
        gap: 20px;
        position: absolute;
        width: 100%;
        flex-direction: column;
        top: -500px;
        left: 0;
        background: #FEFBE8;
        transition: all .3s ease;
        padding-top: 20px   ;
    }
    header .header-main .bg {
        width: 100%;
        display: none;
        background: rgb(0, 0, 0, .5);
        position: absolute;
        left: 0;
        top: 76px;
        width: 100%;
        height: 100vh;

    }
    header .header-main.active .bg {
        display: block;
    }
    header .header-main  .closeNav{
        display: none;
        margin-left: auto;
    }
    header .header-main.active .menu {
        top: 76px;
    }
    header .header-main.active img:nth-last-child(2){
        display: none;
    }
    header .header-main.active .closeNav{
        display: block;
    }
    .faq-section .container, .contact-section .container{
        flex-direction: column;
        gap: 40px;
    }
    .faq-section .container .left > h2 br{
        display: none;
    }
    .contact-section .container .left,
    .contact-section .container .right,
    .faq-section .left, .faq-section .faq-list{
        width: 100%;
    }
    .contact-section .container .left > p,
    .contact-section .container .right,
    .faq-section .faq-list{
        max-width: 100%;
    }
    .contact-section .container .left .contact-details{
        margin-top: 30px;
    }
    .contact-section .container .right .inputs .input {
        width: 49%;
    }
    footer .footer-main .links-container {
        width: 50%;
    }
    .notes-on-assembly.notes-home .cards{
        flex-direction: column;
        align-items: center;
        gap: 20px !important;
    }
    .notes-on-assembly.notes-home .card{
        width: 100% !important;
        max-width: 585px;
    }
    .hero-section {
        height: 780px;
    }
    .hero-section .container{
        width: 95%;
    }
    .testimonials .testimonial-slider .testimonial,
    .gallery-slider-container .gallery-slider .gallery {
        width: 40vw;
    }
    .think-outside{
        padding: 80px 0;
    }
    .countdown-section .container{
        margin: auto;
    }
    footer .footer-bottom .container{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    /* YURTS PAGE  */
    .custom-single-product .product-info-container{
        flex-direction: column;
        gap: 30px;
    }
    .custom-single-product .product-info{
        width: 100%;
        max-width: 100%;
    }
    .custom-single-product .custom-sidebar{
        position: static;
        width: 100%;
        max-width: 585px;
        margin: auto;
    }
    .custom-single-product .product-info iframe {
        height: 380px;
    }
    .custom-single-product .product-info .product-description p:has(iframe) {
        margin: 60px 0;
    }
    .products-list .product-details .variations .variation-buttons, .custom-single-product .custom-sidebar .variation-buttons{
        gap: 1%;
    }
    .products-list .product-details .variations .variation-buttons button, .custom-single-product .custom-sidebar .variation-buttons .variation-btn{
        width: 24%;
    }
    .custom-single-product .product-image {
        flex-direction: column;
        gap: 20px;
    }
    .custom-single-product .product-image .custom-gallery > img:first-child {
        height: 172px;
    }
    .custom-single-product .product-image > img {
        width: 100%;
        height: 475px;
    }
    .single-blog .blog-container .thumbnail iframe{
        height: 380px;
    }
    .custom-single-product .product-image .custom-gallery{
        flex-direction: row;
        width: 100%;
    }



    /* BLOGS PAGE  */
    .blog-container .blog-posts .blog-post {
        width: 49%;
    }
    .blog-archive-container .blog-categories ul{
        flex-wrap: wrap;
    }
    .blog-container .blog-posts .blog-post .thumbnail {
        height: 231px;
    }
    .blog-archive-container .blog-categories ul li{
        width: 32.2%;
    }
    .blog-archive-container .blog-categories ul li:nth-last-child(2),
    .blog-archive-container .blog-categories ul li:nth-last-child(1){
        width: 49.1%;
    }
    .blog-archive-container .blog-categories ul {
        padding-left: 20px;
        padding-right: 20px;
    }
    .blog-archive-container .blog-categories ul.sticky {
        padding: 16px 20px;
    }
    .single-blog .blog-content-bottom{
        flex-direction: column;
        gap: 20px;
    }

}
@media screen and (max-width : 767px) {
    :root {
        --size65: 44px;
        --lineheight67: 48px;
    }
    .countdown-section .container{
        width: 95%;
    }
.about-owner .left p{
    text-align: center;
}
.about-owner .left p .hiddenText{
    display: none;
}
.about-owner .left .signature:not(.signaturemb){
    display: none;
}
.get-started-form .container .inputs .input textarea, .get-started-form .container .inputs .input select, .get-started-form .container .inputs .input input{
    width: 100%;
}
.get-started-form .container .inputs{
    flex-direction: column;
}
.about-owner .left:has(p.active) .signaturemb{
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 125px;
    left: 0;
    align-items: center;
    text-align: center;
}
.about-owner .left .signature span{
    left: 50%;
    transform: translateX(-50%);
}
.about-owner .left .signature .sign{
    font-size: 50px;
    width: 100vw;
}
.about-owner .left p.active .hiddenText{
    display: block;
}
.about-owner .left p .button{
    display: block;
}
.about-owner .left p.active .button{
    margin-bottom: 120px;
}

    .blog-archive-container .blog-categories{
        top: 76px;
    }
    .blog-archive-container .blog-categories ul.sticky{
        padding: 16px;
    }
    .faq-page{
        padding-top: 60px;
        padding-bottom: 100px;
    }
    .countdown-section{
        margin: 40px 0;
    }
    .optional-extras,
    .faq-section, .social-media-section, .extra-space-section, .notes-on-assembly, .gallery-slider-container, .about-owner, .testimonials{
        padding: 40px 0;
    }
    .custom-single-product ~ .testimonials{
        padding-top: 80px;
    }
    .extra-space-section .extra-space-item p{
        min-width: 135px;
    }
    .testimonials .testimonial-slider .testimonial,
    .social-media-section .socialmedia-slider .socialmedia-slide,
    .gallery-slider-container .gallery-slider .gallery {
        margin-right: 2vw;
    }
    .notes-on-assembly:not(:has(> p)) h1{
        margin-bottom: 20px;
    }

    /* YURTS  PAGE  */
    .custom-single-product .product-info .product-description h2, .single-blog .blog-container .post-content h2{
        line-height: 45px;
    }
    .countdown-section,
    .hero-section{
        height: 812px;
    }
    .countdown-section .container,
    .hero-section .container{
        width: calc(100% - 32px);
        margin-left: 16px;
        padding: 28px 31px;
        text-align: center;
        margin-top: 28px;
    }
    .think-outside{
        font-size: 100px 100px;
    }

    .products-list .product{
        padding: 0 16px;
    }
    .products-list .product .product-slider,
    .products-list .product .product-details {
        max-width: 100%;
    }
    footer .footer-main .about img.logo{
        display: none;
    }
    footer .footer-main .about img.logomb{
        display: block;
    }
    .products-list .product .product-slider{
        margin-bottom: 30px;
    }
    .cta-section{
        padding: 28px 16px;
    }
    .cta-section .container{
        width: calc(100%);
        margin-left: 0;
    }
    .optional-extras, .faq-section, .social-media-section, .extra-space-section, .notes-on-assembly, .gallery-slider-container, .about-owner, .testimonials{
        padding: 50px 0;
    }
    .faq-section{
        padding-bottom: 85px;
    }
    .optional-extras .container, .extra-space-section .container, footer .footer-bottom, footer .footer-main, .faq-section .container, .contact-section .container, .about-owner .container{
        width: calc(100% - 32px);
        margin-left: 16px;
    }
    .about-owner{
        padding-top: 100px;
    }
    .testimonials .testimonial-slider .testimonial, .gallery-slider-container .gallery-slider .gallery {
        width: 60vw;
    }
    .testimonials .testimonial-slider .testimonial {
        height: 573px;
    }
    .testimonials .testimonial-slider{
        margin-top: 30px;
    }
    .countdown-section{
        margin: 50px 0;
    }

    .faq-section .left{
        align-items: center;
        text-align: center;
    }
    .faq-section .container .left > p{
        text-align: center;
    }
    footer .footer-main{
        flex-direction: column;
        gap: 60px;
    }
    footer .footer-main .links-container{
        width: 100%;
    }
    footer .footer-main .links-container .links{
        max-height: max-content !important;
    }
    footer .footer-main .links-container > div{
        min-width: 40%;

    }
    .extra-space-section .extra-space-items{
        display: block;
    }
    .extra-space-section .extra-space-item{
        width: max-content;
        border: 0 !important;
        display: flex;
        opacity: 0.2;
        padding: 0 40px;
    }
    .custom-single-product .gallery .pagination-number, .products-list .gallery .pagination-number, .gallery-slider-container .gallery-slider .gallery .pagination-number,
    .custom-single-product .gallery .pagination-buttons button, .products-list .gallery .pagination-buttons button, .gallery-slider-container .gallery-slider .gallery .pagination-buttons button,
    .extra-space-section .extra-space-item.slick-current{
        opacity: 1;
    }   
    .cta-section .container,
    .countdown-section .container, .hero-section .container{
        position: relative;
    }
    .cta-section .container form, .hero-section .container form{
        gap: 55px;
        flex-direction: column;
    }
    .cta-section .container form{
        gap: 43px;
    }
    .cta-section .container p:has(input), .hero-section .container p{
        position: absolute;
        bottom: 88px;
        left: 28px;
        width: calc(100% - 56px);
    }
    .cta-section .container p:has(input){
        bottom: 60px;
        left: 0;
    }
     .hero-section .container form button{
        width: max-content;
        margin: auto;
    }
    .cta-section .container form button{
        margin-left: 0;
        width: max-content;
    }
    .cta-section .container form input, .hero-section .container form input{
        width: 100%;
    }
    .about-owner .left,
    .about-owner .right{
        width:100%;
        max-width: 549px;
    }
    .custom-single-product .product .product-slider,
    .products-list .product .product-slider{
        width: 100%;
        max-width: 585px;
    }
    .custom-single-product{
        width: calc(100% - 32px);
        margin-left: 16px;
    }
    .custom-single-product .product-info .product-description p:has(iframe){
        margin: 40px 0;
    }
    .custom-single-product .product-info .product-description .colors{
        margin: 15px 0 40px;
    }
    .custom-single-product .product-info .product-description .colors .color{
        border-radius: 10px;
        height: 85px;
        padding: 8px 15px;
        display: flex;
        align-items: flex-end;
        margin-bottom: 8px;
        justify-content: flex-start;
    }
    .optional-extras .container .left h2{
        text-align: center;
    }
    .custom-single-product ~ .gallery-slider-container,
    .optional-extras{
        background: none;
    }
    .notes-on-assembly:not(:has(> p)) h1{
        margin-bottom: 30px;
    }
    .custom-single-product .product-image{
        display: none;
    }
    .custom-single-product .product-slider{
        width: 100%;
        max-width: 100%;
        display: block;
    }
    .blog-archive-container .blog-categories ul{
        justify-content: flex-start;
    }
    .blog-archive-container .blog-categories ul li:nth-last-child(2), .blog-archive-container .blog-categories ul li:nth-last-child(1),
    .blog-archive-container .blog-categories ul li{
        width: max-content;
    }
    .blog-archive-container .blog-categories ul li a{
        width: max-content;
        padding: 5px 10px;
    }
    .blog-archive-container .blog-categories ul{
        padding: 16px;
        border-bottom: 1px solid #293B214D;
    }
    .blog-container .blog-posts{
        margin-top: 60px;
    }
    .blog-container .blog-posts .blog-post .blog-details .title a{
        font-size: 20px;
    }
    .blog-archive-container .blog-categories h2{
        display: none;
    }
    .blog-archive-container{
        margin-top: 16px;
    }
    .single-blog .blog-container .authorDetails .comments{
        display: none;
    }
    .single-blog .blog-container .thumbnail,
    .single-blog .blog-container .authorDetails{
        margin-bottom: 30px;
    }
    .single-blog .blog-container .thumbnail iframe {
        height: 70vw;
        border-radius: 12px;
    }
    .custom-single-product .product-info .product-description h1, .single-blog .blog-container .post-content h1, .custom-single-product .product-info .product-description h2, .single-blog .blog-container .post-content h2{
        margin-top: 30px;
    }
    .single-blog .blog-container .post-content p,
    .single-blog .blog-container .post-content h2{
        margin-bottom: 8px;
    }
    .single-blog .multiple-product-variations a,
    .single-blog .multiple-product-variations .variation-description,
    .single-blog .multiple-product-variations .variation-name{
        margin-left: 16px !important;
    }
    .multiple-product-variations{
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .single-blog .blog-sidebar-container{
        display: none;
    }
    .relevant-blogs .authorDetails{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .relevant-blogs .authorDetails .author{
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    .single-blog .multiple-product-variations .variation-name{
        font-weight: 600 !important;
    }
    .single-blog .multiple-product-variations a{
        width: calc(100% - 32px);
    }
    .single-blog .blog-container .dome-tent{
        margin: 12px 0 15px;
    }
    footer .footer-main .links-container{
        gap: 20px;
        row-gap: 40px;
    }
    html:not(:has(.visible)) .mobileFixed:has(.variation-buttons){
        box-shadow: 0px 0px 14.1px 0px #0000000D;
        border-radius: 16px 16px 0 0;
    }
    html:not(:has(.visible)) .mobileFixed{
        position: fixed;
        background: white;
        padding: 16px 16px 0;
        width: 100vw;
        bottom: -200px;
        left: 0;        z-index: 10;
        padding-bottom: 0;
        animation: slideTop1 .5s ease forwards;
    }
    html:not(:has(.visible)) .mobileFixed:has(.product-price){
        bottom: 0;
        padding: 0 16px 16px;
        animation: slideTop2 .5s ease forwards;

    }
    @keyframes slideTop1 {
        0%{
            bottom: -200px;
        }
        100%{
            bottom: 234px;
        }
    }
    @keyframes slideTop2 {
        0%{
            bottom: -200px;
        }
        100%{
            bottom: 0;
        }
    }
}
@media screen and (max-width : 600px) {
    .about-owner .left .signature{
        display: none;
    }
    .blog-container .blog-posts .blog-post {
        width: 49%;
    }
}
@media screen and (max-width : 500px) {
    .social-media-section .social-media-buttons a{
        font-size: 0;
        width: 40px;
        height: 40px;
        padding: 8px;
        padding-bottom: 2px;
    }
    .social-media-section .socialmedia-slider .socialmedia-slide a{
        padding: 11px 22px 9px;
        font-size: 14px;
    }
    .swiper-button-next, .swiper-button-prev{
        width: 36px;
        height: 36px !important;
        min-width: 36px !important;
    }
    .social-media-section .social-media-buttons a img{
        min-width: 24px;
    }
    .faq-page .main-heading p{
        margin-top: 8px;
    }
    header .header-main.mb{
        padding: 0 16px;
    }
    .relevant-blogs-container  .prev1,
    .relevant-blogs-container  .next1{
        display: none;
    }
    .cta-section .container h2{
        display: flex;
        flex-direction: column;
    }
    .faq-page .faq-list{
        margin-top: 40px;
    }
    .countdown-section .container .countdown .box p.time{
        width: 59px ;
        height: 45px;
        font-size: 22px;
        line-height: 100%;
        padding-top: 0;
    }
    :root {
        --size65: 25px;
        --lineheight67: 27px;
        --text18: 14px;
        --lineheight32: 24px;
    }
    .hero-section .container h3{
        font-size: 14px;
        line-height: normal;
        font-weight: 600;
        margin-top: 8px;
    }
    .cta-section .container form input, .hero-section .container form input{
        font-size: 10px;
        height: 34px;
        padding: 11px 13px;
        border-radius: 4px;
    }
    .cta-section .container p, .hero-section .container p{
        font-size: 12px;
    }
    .cta-section .container button, .hero-section .container button{
        padding: 18px 24px;
    }
    .countdown-section .container, .hero-section .container{
        padding: 28px;
    }
    .hero-section .container form button{
        min-width: 103px;
        gap: 6px;
        padding: 11px 22px 9px;
    }
    .about-owner .left .buttons button:nth-child(2) img,
    .hero-section .container form button img{
        transform: none;
    }
    
    .think-outside h2 {
        display: none;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0;
    }
    .think-outside h2.mb {
        display: block;
    }
    .custom-single-product .product-info .product-title, 
    .products-list .product .product-details-container h2.title, 
    .cta-section .container h2{
        font-size: 35px;
        line-height: normal;
        font-weight: 700;
    }
    .cta-section .container h2{
        line-height: 27px;
    }
    .products-list .product .product-details-container p.description{
        line-height: 24px;
        margin-bottom: 25px;
    }
    .products-list .product .product-details-container .variations h3{
        font-size: 12px;
        font-weight: 500;
    }
    .products-list .product .product-details-container h2.title{
        margin-bottom: 8px;
    }
    .products-list .product-details .variations .variation-buttons button, .custom-single-product .custom-sidebar .variation-buttons .variation-btn{
        padding-top: 0;
        font-size: 14px;
    }
    .products-list .product-details .price{
        margin: 25px 0;
    }
    .products-list .product-details .price, .custom-single-product .product-price #variation-price{
        font-size: 35px;
        line-height: normal;
        font-weight: 700 !important;
    }
    .products-list .product-details .buttons{
        gap: 8px;
    }
    .products-list .product-details .buttons button{
        padding: 13px 0;
    }
    .products-list .product-details p.note{
        font-size: 12px;
        margin-top: 12px;
    }
    .cta-section{
        padding-top: 50px;
        align-items: flex-start;
    }
    .cta-section .container h2{
        font-size: 25px;
    }
    .cta-section .container p{
        font-size: 14px;
        line-height: 24px;
        margin-top: 8px;
    }
    .cta-section .container form{
        margin-top: 25px;
    }
    .cta-section .container p:has(input){
        font-size: 12px;
        line-height: normal;
    }
    .cta-section .container form button{
        height: 44px;
        padding: 11px 22px 9px;
    }
    .cta-section .container p:has(input) {
        bottom: 55px;
        left: 3px;
    }
    .about-owner .right{
        height: 404px;
    }
    .about-owner .left{
        margin-top: 30px;
    }
    .about-owner .left h2{
        text-align: center;
        max-width: 229px;
        margin: auto;
        margin-bottom: 8px;
        font-weight: 700;
    }
    .about-owner .left .buttons{
        gap: 8px;
        margin-top: 20px;
    }
    .about-owner .left .buttons button{
        justify-content: center;
        width: 50%;
        border-radius: 6px !important;
        padding: 11px 22px 9px !important;

    }
    .testimonials > p{
        margin-top: 8px;
        max-width: calc(100% - 32px);
        margin-left: 16px;
        line-height: 24px;
        letter-spacing: -0.2px;
    }
    .testimonials .testimonial-slider .testimonial .testimonial-content .testimonial-details{
        padding: 20px;
        height: 245px;
    }
    .testimonials .testimonial-slider .testimonial .testimonial-content .testimonial-details .ratings{
        margin-bottom: 17px;
    }
    .testimonials .testimonial-slider .testimonial .testimonial-content p{
        line-height: 24px;
        text-align: center;
    }
    .testimonials .testimonial-slider .testimonial .testimonial-content .testimonial-details .ratings img{
        width: 14px;
        height: 14px;
    }
    .testimonials .testimonial-slider .testimonial .playbutton,
    .testimonials .testimonial-slider .testimonial .testimonial-content .testimonial-details .ratings span{
        font-size: 14px;
    }
    .testimonials .testimonial-slider .testimonial .playbutton {
        padding: 8px 18px;
    }
    .notes-on-assembly .cards .card p{
        line-height: 24px;
    }
    .testimonials .testimonial-slider .testimonial .playbutton img{
        transform: translateY(0px);
    }
    .optional-extras .container .right{
        max-width: 100%;
        width: 100%;
    }
    .optional-extras .container .left h2{
        margin: auto;
        margin-bottom: 30px;
        max-width: 257px;
    }
    .testimonials .testimonial-slider .testimonial .testimonial-content h3{
        font-size: 18px;
    }
    .testimonials .testimonial-slider .testimonial, .gallery-slider-container .gallery-slider .gallery{
        width: 100vw;
        max-width: 343px;
        height: 485px;
    }
    .social-media-section > .pagination-buttons, .gallery-slider-container >.pagination-buttons, .testimonial-slider-container .pagination-buttons, .testimonial-slider .pagination-buttons, .blog-container .pagination-buttons{
        font-size: 16px;
        margin-top: 30px;
    }
    .blog-container .pagination-buttons{
        gap: 20px;
    }
    .relevant-blogs-container .prev2, .relevant-blogs-container .next2{
        width: 36px;
        height: 36px !important;
        min-width: 36px !important;
    }
    /* .swiper-pagination-fraction{
        margin-top: -5px;
        font-size: 16px !important;
    } */
    .gallery-slider-container >.pagination-buttons .next2, .gallery-slider-container > .pagination-buttons .prev2, .testimonial-slider-container .pagination-buttons .next2, .testimonial-slider-container .pagination-buttons .prev2{
        margin: 0 20px;
        min-width: 36px !important;
        width: 36px;
        height: 36px;
    }
    .countdown-section .container {
        padding: 28px 31px;
        margin-top: 50px;
        border-radius: 12px;
    }
    .countdown-section .container h2{
        font-size: 25px;
        line-height: 27px;
        margin-bottom: 25px;
    }
    .countdown-section .container .countdown .box p.label{
        font-size: 14px;
        margin-top: 6px;
        line-height: 16px;
    }
    .countdown-section .container .countdown{
        gap: 8px;
        margin-bottom: 25px;
    }
    .countdown-section .container h3{
        font-size: 14px;
        max-width: 263px;
        line-height: normal;
        margin-bottom: 15px;
    }
    .countdown-section .container button{
        padding: 11px 22px 9px;
    }
    .notes-on-assembly.notes-home > p{
        width: calc(100% - 48px);
        margin-left: 24px;
        margin-bottom: 30px;
    }
    .notes-on-assembly .cards .card{
        padding: 35px;
        height: 248px;
    }
    .notes-on-assembly .cards .card h3{
        font-size: 16px;
        line-height: normal;
        margin: 20px 0 5px 0;
    }
    .notes-on-assembly.notes-home .cards{
        gap: 30px !important;
        padding-left: 16px;
        width: 100%;
        padding-right: 16px;
    }
    .notes-on-assembly .cards .card img{
        width: 60px;
        height: 60px;
    }
    .gallery-slider-container > h2{
        margin-bottom: 30px;
    }
    .gallery-slider-container .gallery-slider .gallery h3{
        font-size: 16px;
        line-height: normal;
    }
    .gallery-slider-container .gallery-slider .gallery .images-container img {
        height: 91.85%;
        border-radius: 12px;
    }
    .extra-space-section{
        background: #FEFBE8;
        padding: 100px 0;
        margin: 50px 0;
    }
    .extra-space-section h2{
        font-weight: 700;
        margin-bottom: 8px;
    }
    .extra-space-section .container > p{
        font-size: 14px;
        margin-bottom: 0;
        line-height: normal;
    }
    .extra-space-section .extra-space-items{
        margin-top: 30px;
    }
    .extra-space-section .extra-space-item{
        padding: 0 20px;
        gap: 12px;
    }
    .extra-space-section .extra-space-item p{
        font-size: 18px;
    }
    .extra-space-section .extra-space-item img {
        width: 44px;
        height: 44px;
    }
    .social-media-section .social-media-buttons{
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .faq-section .container{
        gap: 30px;
    }
    .faq-section .container .left > p{
        margin: 8px 0 0;
    }
    .faq-section .container .left button{
        display: none;
    }
    .faq-section .faq-list h3, .faq-page .faq-list h3{
        font-size: 16px;
        line-height: normal;
        font-weight: 500;
        gap: 50px;
        padding-bottom: 8px;
        justify-content: space-between;
    }
    .faq-section .faq-list .faq-item, .faq-page .faq-list .faq-item{
        padding-bottom: 7px;
        margin-bottom: 15px;
    }
    .faq-page .faq-list .faq-item svg, .faq-section .faq-list .faq-item svg{
        width: 18px;
        height: 18px;
    }
    .contact-section .container .left .contact-details{
        flex-direction: row;
        justify-content: space-between;
    }
    .contact-section .container .left h3{
        font-size: 14px;
        gap: 5px;
        line-height: normal;
    }
    .contact-section .container .left h3 span{
        color: #313131;
        font-size: 12px;
        line-height: normal;
    }
    .contact-section .container .right .inputs{
        flex-direction: column;
    }
    .contact-section .container .right .inputs .input{
        width: 100%;
    }
    .contact-section .container{
        gap: 60px;
    }
    .contact-section .container .right .inputs .input label{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .contact-section .container .right,
    .contact-section .container .right .inputs{
        gap: 20px;
    }
    footer{
        padding: 100px 0 0;
    }
    footer .footer-main .links-container{
        justify-content: space-between;
    }
    footer .footer-bottom .container{
        align-items: flex-start;
    }
    footer .footer-main .links-container > div{
        width: 50%;
        max-width: 156px;
        min-width: 156px;
    }
    footer .footer-main .social-media{
        flex-direction: column;
        align-items: center;
    }
    footer .footer-main .social-media p{
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 10px;
    }
    footer .footer-main .links-container > div:last-child{
        max-width: 100%;
        width: 100%;
    }
    footer .footer-bottom a{
        font-size: 12px;
    }
    footer .footer-bottom p{
font-size: 12px;
    }
    .social-media-section .socialmedia-slider .socialmedia-slide{
        width: 90vw;
        max-width: 343px;
        height: 428px;
    }
    .contact-section .container .left .contact-details{
        gap: 0;
    }
    .faq-section .faq-list p, .faq-page .faq-list p,
    .contact-section .container .left > p{
        line-height: 24px;
    }
    .about-owner .left .buttons button{
        font-size: 14px;
        gap: 6px !important;
    }
    .about-owner .left .buttons button:nth-child(2){
        min-width: 183px;
    }
    .custom-single-product .pagination-buttons button, 
    .products-list .gallery .pagination-buttons button, 
    .gallery-slider-container .gallery-slider .gallery .pagination-buttons button{
        width: 32px;
        height: 32px;
    }
    .custom-single-product .pagination-number, 
    .products-list .gallery .pagination-number, 
    .gallery-slider-container .gallery-slider .gallery .pagination-number{
        font-size: 12px;
        padding: 5px 7px;
    }
    .custom-single-product .gallery .pagination-number{
        right: 0;
        bottom: 16px !important;
        left: initial;
    }
    .custom-single-product .product-info .product-title{
        margin-bottom: 0;
    }
    .notes-on-assembly.notes-yurts .cards{
        width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }
    .notes-on-assembly.notes-yurts .card{
        width: 100% !important;
    }
    .custom-single-product .product-rating{
        margin-bottom: 8px;
        font-size: 12px;
    }
    .custom-single-product .product-info iframe {
        height: 51.5vw;
        border-radius: 12px;
    }
    .custom-single-product .product-info .product-description .colors .color,
    .single-blog .blog-container .post-content h2, .custom-single-product .product-info .product-description h2, .single-blog .blog-container .post-content h2{
        font-size: 16px;
        line-height: 28px;
    }
    .custom-single-product .product-info-container{
        gap: 0;
    }
    .custom-single-product .product-info-container .custom-sidebar {
        padding-top: 40px;
    }
    .custom-single-product .custom-sidebar h3{
        font-size: 12px;
    }
    .products-list .product-details .variations .variation-buttons, .custom-single-product .custom-sidebar .variation-buttons{
        gap: 8pxs;
    }
    .custom-single-product .custom-sidebar .variation-details{
        margin-top: 16px;
    }
    .custom-single-product .custom-sidebar .variation-details h4{
        font-size: 25px;
        line-height: 27px;
        padding: 9px 25px;
    }
    .custom-single-product .custom-sidebar .variation-details p{
        font-size: 14px;
        line-height: 24px;
    }
    .custom-single-product .custom-sidebar .variation-details{
        padding-bottom: 16px;
    }
    .custom-single-product .custom-sidebar .variation-details h4{
        margin-bottom: 16px;
    }
    .custom-single-product .product-price{
        margin-top: 16px;
    }
    .custom-single-product .product-price{
        font-size: 12px;
    }
    .custom-single-product #buy-now-btn{
        margin-top: 16px;
    }
    .custom-single-product .custom-sidebar .note{
        margin-top: 12px;
        font-size: 10px;
    }
    .custom-single-product ~ .testimonials{
        padding-top: 100px;
    }
    .optional-extras .container .left .accordian-button{
        font-size: 16px;
    }
    .optional-extras .container .left .accordian{
        padding: 16px 0;
    }
    .optional-extras .container .left .accordian-body{
        margin-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    .notes-on-assembly.notes-yurts .card{
        height: max-content !important;
        padding: 35px 30px;
    }
    .notes-on-assembly .cards{
        gap: 30px;
    }
    .custom-single-product .product-info .product-description ol, .custom-single-product .product-info .product-description ul{
        padding-left: 16px;
    }
    .contact-section .container .right button{
        font-size: 14px;
        padding: 11px 22px 9px;
    }
    .contact-section .container .right .inputs .input textarea, .contact-section .container .right .inputs .input input{
        font-size: 12px;
    }
    .custom-single-product{
        margin-top: 16px;
    }
    .custom-single-product .product-slider{
        height: 262px;
    }
    .custom-single-product .product-info-container{
        margin-top: 40px;
    }
    .blog-container .blog-posts .blog-post{
        width: 100%;
        padding-bottom: 50px;
    }
    .blog-container .blog-posts .blog-post .thumbnail {
        height: 47.7vw;
    }
    .blog-container .blog-posts .blog-post .blog-details{
        padding: 25px 16px 16px;
    }
    .blog-container .blog-posts .blog-post .blog-bottom div{
        gap: 6px;
    }
    .blog-container .blog-posts{
        gap: 40px;
    }
    .blog-container .blog-posts .blog-post .blog-bottom div img{
        width: 18px;
    }
    .blog-container .blog-posts .blog-post .blog-bottom div,
    .blog-container .blog-posts .blog-post .blog-details .category{
        font-size: 12px;
    }
    .blog-container .blog-posts .blog-post .blog-details .title a{
        font-size: 18px;
        line-height: normal;
    }
    .relevant-blogs .authorDetails .author img{
        width: 48px;
        height: 48px;
    }
    .relevant-blogs .authorDetails .author h2{
        font-size: 18px;
        gap: 5px;
        line-height: 28px;
    }
    .single-blog{
        width: calc(100% - 32px);
        margin-left: 16px;
    }
    .relevant-blogs .pagination-buttons{
        margin-top: 20px !important;
    }
    .single-blog .blog-content-bottom .post-tags a,
    .single-blog .blog-content-bottom h3,
    .relevant-blogs .authorDetails .author h2 span{
        font-size: 12px;
        line-height: normal;
    }
    .relevant-blogs .authorDetails a.btn{
        font-size: 14px;
        padding: 11px 22px 9px;
    }
    .relevant-blogs .authorDetails{
        border: 0;
        padding-bottom: 20px;
    }
    .blog-container .pagination-buttons{
        margin-top: 20px;
    }
    .relevant-blogs{
        padding: 60px 0;
    }
    .single-blog .blog-content-bottom .post-tags{
        flex-direction: column;
    }
    .single-blog .blog-content-bottom .post-tags .tags{
        flex-wrap: wrap;
    }
    .single-blog .blog-container .post-content h2,
    .single-blog .multiple-product-variations .variation-name{
        font-size: 18px !important;
        line-height: normal;
    }
    .single-blog .multiple-product-variations .variation-price{
    line-height: normal;
    }
    .single-blog .blog-container .post-content h1{
        font-size: 25px;
        line-height: normal;
    }
    .single-blog .blog-container .dome-tent img:not(:nth-child(1)){
        display: none;
    }
    .single-blog .blog-container .dome-tent img{
        width: 100%;
    }
    .single-blog .multiple-product-variations .variation-item{
        width: calc(100vw - 32px);
        margin-right: 16px;
    }
    .single-blog .blog-container .pagination-buttons{
        display: flex;
    }
    .single-blog .multiple-product-variations a{
        padding-top: 0;
    }
    .single-blog .blog-container .title{
        font-size: 25px;
        line-height: normal;
    }
    .single-blog .multiple-product-variations .pagination-buttons{
        display: block;
    }
    .blog-container .pagination-buttons{
        gap: 0;
        color: #313131;
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: normal;
    }
    .single-blog .multiple-product-variations a{
        margin-bottom: 16px;
    }
    .multiple-product-variations{
        margin-bottom: 20px;
    }
    .single-blog .blog-content-bottom .comments img{
        display: none;
    }
    .single-blog .blog-content-bottom .comments .comments-mb{
        display: flex;
    }
    .blog-container .pagination-buttons .swiper-button-next, .blog-container .pagination-buttons .swiper-button-prev{
        width: 36px;
        min-inline-size: 36px;
        height: 36px;
        margin: 0 20px;
    }
    .single-blog .blog-content-bottom .comments p{
        display: flex;
        font-size: 16px;
    }
    .single-blog .blog-content-bottom .comments{
        justify-content: space-between;
        padding: 30px 0;
        border-top: 1px solid #DCDCDC;

        border-bottom: 1px solid #DCDCDC;
        margin-bottom: 30px;
    }
    .about-owner .right img.icon{
        width: 80px;
        height: 80px;
    }
    .about-owner .right img.owner{
        border-radius: 12px;
        display: none;
    }
    .about-owner .right img.owner-mb{
        display: block;
    }
    .about-owner .right{
        border-radius: 12px;
    }
    html:not(:has(.visible)) .single-blog .comments{
        padding: 16px !important;
        margin-bottom: 0 !important;
        z-index: 10;
        left: 0;
        position: fixed;
        background: white;
        bottom: 0;
        animation: slideTop2 .5s ease forwards;
        width: 100vw;
    }
    .single-blog .blog-content-bottom{
        border-top: 0;
    }
    .single-blog .blog-container .authorDetails .author img{
        width: 48px;
        height: 48px;
    }
    .single-blog .blog-container .authorDetails .author p{
        font-size: 16px;
    }
    .single-blog .blog-container .authorDetails .author p span{
        font-size: 12px;
    }
    .single-blog .blog-container .authorDetails .author{
        gap: 12px;
    }
    .single-blog .blog-content-bottom{
        flex-direction: column-reverse;
        gap: 0;
    }
    .single-blog {
        padding-bottom: 60px;
    }
    .hero-section .container h2{
        max-width: 280px;
        margin: auto;
    }
    @keyframes slideTop1 {
        0%{
            bottom: -200px;
        }
        100%{
            bottom: 180px;
        }
    }
}
@media screen and (max-width : 420px) {
    .single-blog .multiple-product-variations img{
        height: 179px;
    }
    .custom-single-product .product-slider img,
    .products-list .product .product-slider img,
    .products-list .product .product-slider{
        max-height: 262px;
    }
    .testimonials .testimonial-slider .testimonial, .social-media-section .socialmedia-slider .socialmedia-slide, .gallery-slider-container .gallery-slider .gallery {
        margin-right: 25px;
    }
  .gallery-slider-container .gallery-slider .gallery {
        width: 100vw;
        max-width: 343px;
        height: 372px;
    }

}