@media screen and (max-width: 1699px) {
    .container-full{padding-left: 15px; padding-right: 15px; }
    .od-title-part h3{font-size: 80px; line-height: 80px;}
    .od-design-list ul li .box .text .h4{font-size: 80px; line-height: 80px; }
    .showrooms-section h3{font-size: 80px; line-height: 80px;}
    .infinity-part .text{padding: 0 140px 0 120px; flex: 0 0 630px; max-width: 630px; }
    .create-own-section .od-title-part h3{line-height: 80px; } 

}

@media screen and (max-width: 1599px) {
    .od-title-part p{font-size: 32px; line-height: 40px;}
    .od-title-part{padding: 130px 0;}
    .showrooms-list ul li{margin: 0 27px; }
    .showrooms-section{padding: 120px 0; }
    .collection-od-list ul{margin: 0 -40px; }
    .collection-od-list ul li{padding: 0 40px; }

}

@media screen and (max-width: 1499px) {
    .banner-od-section .text h1 strong{padding: 0;}
    .od-title-part h3{font-size: 70px; line-height: 70px;}
    .od-design-list ul li .box .text .h4{font-size: 70px; line-height: 70px; }
    .showrooms-section h3{font-size: 70px; line-height: 70px; }
    .infinity-part .text{padding: 0 100px 0 80px; flex: 0 0 550px; max-width: 550px; }
    .infinity-part .text p{font-size: 20px; line-height: 30px; }
    .create-own-section .od-title-part h3{line-height: 70px; }
    .new-od-design .item img { height: 300px!important; width: 350px!important; }

}

@media screen and (max-width: 1399px) {
    .od-title-part{padding: 110px 0; }
    .showrooms-section{padding: 110px 0;}
    .footer-od{padding: 110px 0; }
    .showrooms-section h3{padding: 0 0 60px 0; }
    .showrooms-list ul li{margin: 0 20px; }
    .collection-od-list ul{margin: 0 -30px; }
    .collection-od-list ul li{padding: 0 30px; }
    .collection-od-list ul li .box .h3{font-size: 30px; line-height: 40px; }
    .infinity-part .text{padding: 0 70px 0 50px; max-width: 500px; flex: 0 0 500px; }
    .infinity-part .text h2 strong, .infinity-part .text h1 strong{line-height: 50px;}
    .infinity-part .text h2, .infinity-part .text h1{padding: 0 0 30px 0; }
    .materials-title{padding: 0 0 90px 0; }
    .showrooms-section.moodboard .consultation-btn{padding-bottom: 110px; }
    .moodboard-section.moodboard-materials .od-title-part{padding-top: 90px;}
    .showroom-address-list ul li .box .h4{letter-spacing: 1px; font-size: 30px; line-height: 30px; }

    .new-od-design .item img { height: 250px!important; }


}

@media screen and (max-width: 1299px) {
    .collection-od-section{padding: 0;}

    .new-od-design .grid, .more-items.show { grid-template-columns: repeat(3, 1fr)!important; }
    .od-design-list ul li .box { gap: 50px!important; }
      .head p { padding: 0px 175px 68px!important; }
    .journey-section h2,.gap .newdesign h3 { font-size: 50px!important; line-height: 50px !important;}

}


@media screen and (max-width: 1199px) {
    .od-title-part h3{font-size: 60px; line-height: 60px;}
    .od-design-list ul li .box .text .h4{font-size: 60px; line-height: 60px; padding: 0 0 30px 0;}
    .showrooms-section h3{font-size: 60px; line-height: 60px; }
    .banner-od-section .text h1 strong{font-size: 40px; line-height: 56px;}
    .od-title-part p{font-size: 26px; line-height: 32px;}
    .od-design-list ul li .box .text .h3{font-size: 24px; line-height: 30px;}
    .showrooms-list ul li{line-height: 24px; margin: 0 10px; letter-spacing: 0;}
    .od-design-list ul li .box{margin-bottom: 70px;}
    .header-od-in .menu-list ul li a{color: var(--yellow-light) !important;}
    .body-od.overlay:before{opacity: 0; visibility: hidden; }
    .body-own.overlay:before{opacity: 0; visibility: hidden; }
    .header-od-in .menu-list{padding: 100px 0px 0px 0px; overflow: hidden;}
    .infinity-section{padding: 140px 0 100px 0; }
    .infinity-section.infi2{padding: 70px 0 10px 0; }
    .materials-list ul li .box .text .add-link{padding: 20px 0 0 0;}
    .friends-section.moodboard-form{padding: 80px 0 0 0;}
    .create-own-part{padding: 0 0 100px 0;}
    .create-own-section .od-title-part h3{line-height: 60px;}
    .space-box ul li{padding: 0 10px;}
    .own-coman-option-box ul li .box .box-in{padding: 11px 30px 16px 30px;}

    .slider .text h1 { font-size: 50px !important; }
    .head h4 { font-size: 60px !important;; line-height: 70px !important;; }

    .head h3 { font-size: 26px !important;; }
    .head p { font-size: 18px !important;; line-height: 28px !important;; }

    .journey-section .heading { font-size: 70px !important; line-height: 85px !important;; }

    .journey-section .sub-text { font-size: 30px !important;; }

    .journey-section .desc { font-size: 18px !important;; line-height: 28px !important;; }

    .journey-section .steps { gap: 40px !important;; }

    .new-od-design .item p { font-size: 20px !important;line-height: 30px !important; }
    .journey-section .step h3 { font-size: 21px !important; line-height: 28px !important; }
}

@media screen and (max-width: 1023px) {
    .collection-od-list ul li .box .h3{font-size: 28px; line-height: 38px; }
    .infinity-part{flex-flow: column; }
    .infinity-part .text{max-width: 100%; flex: 0 0 100%; width: 100%; padding: 20px 60px 60px 60px;}
    .infinity-part .image{width: 100%; border-radius: 0;}
    .materials-title{display: none; }
    .infinity-section{padding: 140px 0 40px 0;}
    .materials-list ul{margin: 0 -11px; }
    .materials-list ul li{padding: 0 11px; }
    .materials-list ul li .box{margin-bottom: 22px;}
    .infinity-section.infi2{padding: 20px 0 0px 0; }
    .infinity-section.infi2 .infinity-part{flex-flow: column; }
    .infinity-section.infi2 .infinity-part .text{padding: 20px 15px 20px 15px; }
    .infinity-section.infi2 .infinity-part .text p{white-space: inherit; text-align: center; }
    .infinity-section.infi2 .infinity-part .image{border-radius: 0;} 
    .meetingpage-section .od-title-part{padding-bottom: 70px;}
    .meet-content h3{font-size: 30px; line-height: 40px; }
    .item .tag { font-size: 14px!important; }
    .item .tag { padding: 5px 10px!important; }

}

@media screen and (max-width: 991px) {
    .banner-od-section .image img{min-height: 440px; object-fit: cover; object-position: center;}
    .header-od{padding: 15px 15px;}
    .header-od-in .hamburger{top: 23px; right: 10px; }
    .logo-od img{max-width: 200px;}
    .od-title-part h1{font-size: 24px; line-height: 32px;}
    .od-title-part h2{font-size: 24px; line-height: 32px;}
    .od-title-part p{padding: 0 0 70px 0;}
    .od-design-title{padding: 0 0 40px 0;}
    .od-design-list ul li .box{flex-flow: column-reverse;}
    .od-design-list ul li:nth-child(2n) .box{flex-flow: column-reverse;}
    .od-design-list ul li .box .image{max-width: 100%; flex: 0 0 100%; width: 100%; }
    .od-design-list ul li .box .text{padding: 70px 10px 0 10px;}
    .od-design-list ul li:last-child .box{margin-bottom: 70px;}
    .od-design-full-image img{min-height: 400px;  }
    .showrooms-section{padding: 80px 0;}
    .showrooms-section h3{padding: 0 0 30px 0; }
    .showrooms-list ul{flex-flow: column;}
    .showrooms-list ul li{margin: 10px 0;}
    .consultation-btn{padding: 30px 0 0 0; }
    .top-footer-od{flex-flow: column-reverse; padding: 0 0 20px 0; }
    .logo-footer-od{margin: 0 0 78px 0;}
    .bottom-footer-od{flex-flow: column-reverse;}
    .bottom-footer-od .social-footer a{margin: 0 5px;}
    .bottom-footer-od .privacy-links{padding-top: 40px;}
    .banner-od-section .text{padding: 0 10px;}
    .collection-od-list ul li{flex: 0 0 100%; max-width: 100%; }
    .collection-od-list ul li .box .image{padding: 100% 0 0 0;}
    .collection-od-list ul li .box{margin-bottom: 57px;}
    .collection-od-list ul li .box .h3{padding: 68px 0 50px 0; }
    .od-title-part h2{word-wrap: break-word;}
    .one-row .box .text h3{font-size: 30px; line-height: 40px; }
    .materials-list ul li .box .text .h3{font-size: 18px;}
    .moodboard-section{padding: 90px 0 0 0;}
    .moodboard-section .od-title-part p{padding: 44px 0 0 0; }
    .friends-section.moodboard-form .friends-part h2{letter-spacing: 1px;}
    .hours-part{padding: 64px 15px 64px 15px; background: linear-gradient(90deg, rgb(8 71 71) 0%, rgba(3, 51, 51, 1) 100%); }
    .hours-part .hours{padding: 0 0 50px 0; }
    .showroom-address-list ul li{max-width: 100%; flex: 0 0 100%; }
    .showroom-address-list ul li .box .h4{padding: 0 0 30px 0;}
    .showroom-address-list ul li .box{margin-top: 75px;}
    .showroom-address-list ul li .box .call a{display: flex; align-items: center; flex-flow: column;}
    .showroom-address-list ul li .box .call a img{vertical-align: top; margin-top: 10px;}
    .meetingpage-section{padding: 80px 0 0 0; }
    .appointment-form{padding: 0 15px;}
    .appointment-form .col-3{max-width: 100%;}
    .create-own-section .od-title-part h3 br{display: none; }
    .space-box.kitchen-style ul li .box{width: 162px;}
    .accessories-tab-item .swiper-slide .box{padding: 10px 0; }
    .accessories-tab-menu ul li a{padding: 13px 20px 14px 20px; }
    .head p { padding: 0px 80px 68px!important; }
    .padding-sec { padding-bottom: 100px!important; }
    section.banner-od-section.slider {
    height: 400px!important;
}
}

@media screen and (max-width: 767px) {
    .banner-od-section .text h1 strong{font-size: 36px; line-height: 40px; }
    .one-row .box{max-width: 100%; flex: 0 0 100%; }
    .one-row .box.large{max-width: 100%; flex: 0 0 100%; }
    .one-row{flex-flow: column;}
    .one-row .box .image{padding: 100% 0 0 0;}
    .one-row .box.large .image{padding: 100% 0 0 0;}
    .od-design-list ul li .box .image{padding: 100% 0 0 0; }
    .banner-od-section .text h1{line-height: 34px;}
    .od-title-part h3{font-size: 48px; line-height: 48px;}
    .od-design-list ul li .box .text .h4{font-size: 50px; line-height: 50px;}
    .showrooms-section h3{font-size: 50px; line-height: 50px; }
    .materials-list ul li{max-width: 50%; flex: 0 0 50%; }
    .infinity-part .text{padding: 20px 30px 60px 30px;}
    .infinity-part .text h2, .infinity-part .text h1{font-size: 26px; line-height: 36px; }
    .infinity-part .image{padding: 100% 0 0 0; }
    .materials-list ul li .box .text .h3{line-height: 22px;}
    .materials-list ul li .box .text .add-link{padding: 10px 0 0 0;}
    .hours-part .title{font-size: 30px; line-height: 38px; }
    .meet-form .col-4{max-width: 100%; }
    .meet-form{padding: 0 15px;}
    .meet-form .terms-agree-box p{text-align: right;}
    .meet-content.three h3 br{display: none;}
    .create-own-section .od-title-part h3{line-height: 48px;}
    .appointment-form .send-btn .button{line-height: 40px;}
    .space-box ul li{flex: 0 0 33.33%; max-width: 33.33%; padding: 0 5px; align-self: stretch; margin-bottom: 20px;}
    .space-box ul li .box{margin: 0 auto; width: auto;}
    .space-box ul li .box .icon{margin: 0 auto 20px auto; padding: 60% 0 0 0; }
    .space-box ul li .box-in{padding: 30px 10px 20px 10px; height: 100%; }
    .own-coman-option-box ul li .box .box-in{padding: 11px 20px 16px 20px; }
    .space-box ul li .box h4{font-size: 18px; line-height: 26px; }
    .create-your-own-form h3{font-size: 30px; line-height: 40px; }
    .space-box.kitchen-style ul li{ flex: 0 0 50%; max-width: 50%; }
    .space-box.kitchen-style ul li .box{margin: 0 auto; width: 100%; max-width: 208px;}
    .space-box.kitchen-style ul li .box .icon{padding: 66% 0 0 0;}
    .tiles-list ul li{padding: 0 8px;}
    .tiles-list ul li .box{margin-bottom: 30px; width: 106px; }
    .tiles-list ul li .box .text h4{font-size: 14px; line-height: 20px;}
    .tiles-list{padding: 0 0 14px 0;}
    .accessories-tab-item .swiper-slide .box{padding: 10px 10px; }
    .accessories-tab-item .swiper-slide .box input:checked + .box-in{box-shadow: 6px 6px 10px 2px rgba(0,0,0,0.05); }
    .accessories-tab-item .swiper-slide .box .box-in{padding: 40px 10px 40px 10px; }
    .accessories-tab-content{padding: 20px 0 53px 0;}
    .slider .text h1 { font-size: 32px !important; }
    .flex strong { line-height: 40px !important; font-size: 22px !important; }
    .head h4 { font-size: 40px!important; line-height: 50px!important; padding: 30px; }

    .head h3 { font-size: 22px!important; line-height: 30px; }

    .head p { font-size: 15px!important; }

    .journey-section .heading { font-size: 50px!important; line-height: 50px!important; }

    .journey-section .steps { gap: 10px!important; flex-direction: column!important; align-items: center!important; }
    .new-od-design .grid, .more-items.show { grid-template-columns: repeat(2, 1fr)!important; } 
    .journey-section .step h3 { font-size: 30px !important; line-height: 35px !important; }
}

@media screen and (max-width: 667px) {
    .new-od-design .filter-tabs .tab-btn { padding: 5px 10px!important; font-size: 14px !important; line-height: 25px!important; }
    .journey-section h2, .gap .newdesign h3 { font-size: 30px!important; line-height: 32px!important; }
    .item .tag { padding: 6px 9px!important; font-size: 14px!important; line-height: 30px!important; }
    .head p { padding: 0px 20px 50px !important; }
    .banner-od-section .text { bottom: 0!important; }
}



@media screen and (max-width: 576px) {
    .tiles-list ul li .box{width: 94px;} .journey-section .heading { font-size: 32px!important; }
    section.banner-od-section.slider img { height: 500px!important; width: 600px!important; }
   .journey-section .step p { font-size: 18px!important; line-height: 28px!important; }
    .new-od-design,  .more-items.show { grid-template-columns: repeat(1, 1fr)!important; } 
}

@media screen and (max-width: 350px) {
    .logo-footer-od img{max-width: 280px; }
    .od-design-title p{font-size: 20px; line-height: 26px; }
    .od-title-part h3{font-size: 40px; line-height: 40px; }
    .infinity-part .text h2, .infinity-part .text h1{font-size: 24px;}
    .infinity-part .text h2 strong, .infinity-part .text h1 strong{font-size: 42px;}
    .infinity-part .text{padding: 20px 15px 60px 15px; }
    .hours-part .title{font-size: 28px; line-height: 32px;}
    .showroom-address-list ul li .box .h4{font-size: 28px; line-height: 28px; }
    .meet-form{padding: 0;}
    .create-own-section .od-title-part h3{line-height: 40px; }
    .appointment-form{padding: 0 5px; }
    .space-box ul li .box h4{font-size: 16px; line-height: 22px;}
    .space-box ul li .box .icon{margin: 0 auto 12px auto; }
    .own-coman-option-box ul li .box .box-in{padding: 11px 15px 16px 15px;}

}