@media (min-width: 320px) {}

@media (min-width: 380px) {}

@media (min-width: 420px) {}

@media (min-width: 480px) {}

@media (min-width: 557px) {}

@media (min-width: 576px) {}

@media (min-width: 767px) {}

@media (min-width: 768px) {}

@media (min-width: 991px) {
    .nav-list {
        display: block !important;
   }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

@media (min-width: 1440px) {}

@media (min-width: 1600px) {
    .container {
        max-width: 1440px;
        padding: 0;
    }
    .cat-seven div#gallery{
        max-width: 1580px;
        margin: 0 auto;
    }
}

@media (min-width: 1601px) {}

@media (min-width: 1700px) {}

@media (min-width: 1920px) {}

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

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

@media (max-width: 1601.98px) {}
@media (max-width: 1600.98px) {}
@media (max-width: 1440.98px) {
    nav ul li{
        padding: 0 14px;
    }
    nav ul li a, nav ul li a:visited{
        font-size: 14px;
    }
    /* .header-social-icons ul li {
        padding: 0px 12px;
    } */
    .filter-items div span {
        font-size: 16px;
    }
    .filter-title h2 {
        font-size: 28px;
    }
    .variations-wrap ul li a img {
        width: 100%;
        height: 155px;
    }
    .variations-wrap ul li {
        position: relative;
        flex: 0 0 155px;
    }
    .link-to-room a {
        font-size: 15px;
        padding: 15px 20px;
    }
    .prod-image-show a:first-child{
        padding: 15px 60px;
        width: 220px;
    }
    .related-title h2 {
        font-size: 35px;
    }

}

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

@media (max-width: 1366px) {

div#gallery{
    gap: 38px;
}

.gallery-item .details h2{
    font-size: 18px;
}

}

@media (max-width:1200px) {
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects {
        position: relative;
        width: 100%;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4 {
        font-size: 40px;
    }
    .header-content, .products-inner-content, .projects-inner-content {
        position: relative;
        width: 100%;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us, .header-content-our-offers, .header-content-our-downloads{
        width: 100%;
    }
    .header-social-icons ul li {
        padding: 0px 10px;
    }
    .ctc-touch-col h4 {
        font-size: 30px;
    } 
    .ctc-main-wrap , section.inter-decor-locations {
        padding: 40px 0;
    }    
    .contect-form-feilds {
        padding-left: 0px;
        padding-top: 15px;
    }
    .ct-form-container {
        padding-top: 0px;
    }    
    .ct-form-container input[type="text"]{
        padding: 18px 0 18px 0;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4, .inner-our-products h4, .inner-our-projects h4, .inner-privacy-policy h4, .header-content-about-us h4, .our-offers h4, .inner-our-downloads h4 {
        font-size: 40px;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p{
        font-size: 16px;
    }
    .inner-visualizer-selector{
        flex-direction: column;
    }
    .visualizer{
        width: 100%;
    }
    .selector{
        width: 100%;
    }
    .inner-main-post-profile{
        flex-direction: column;
    }
    .feeds-cols{
        flex-direction: column;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us{
        width: 100%;
    }
    .inner-our-story{
        flex-direction: column;
        gap: 0px;
    }
    .our-story-content {
        width: 100%;
    }
    .our-story-featured {
        width: 100%;
    }
    .inner-project-partners{
        flex-direction: column;
        gap: 0px;
    }
    .project-partners-left {
        width: 100%;
    }
    .project-partners-right {
        width: 100%;
        padding-top: 50px;
    }
    .inner-global-expertise{
        flex-direction: column;
    }
    .inner-global-expertise .right-content {
        width: 100%;
    }
    .inner-global-expertise .left-content {
        width: 100%;
        padding: 40px 15px;
    }
    .inner-company-profile{
        flex-direction: column;
    }
    .inner-material-postcard{
        flex-direction: column;
    }
    .company-profile-poster {
        padding: 40px 0;
    }
    .inner-main-post-profile{
        gap: 40px;
    }
    .form-main-wrap {
        padding-left: 0px;
    padding-top: 20px;
    }
    .form-main-wrap form {
        padding-top: 0px;
    }
    .social-icons {
        margin: 20px 0 20px 0;
    }
    .ctc-touch-col img {
        padding-top: 30px;
    }
    footer{
        padding: 40px 0;
    }
    .over-relay-banner, .over-relay-banner-our-products, .over-relay-banner-our-projects, .over-relay-banner-privacy-policy, .over-relay-banner-about-us, .over-relay-banner-our-offers, .over-relay-banner-our-downloads{
        left: auto;
        right: auto;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p, .inner-our-projects p{
        font-size: 20px
    }
    nav ul li{
        padding: 0 10px;
    }
    .prod-inner-discription {
        padding: 50px 50px;
    }
    .prod-image-show a:first-child{
        padding: 14px 45px;
        width: auto;
    }
    .pro-info-list-inner{
        gap: 50px;
    }

    div#gallery{
        gap: 26px;
    }
    .pro-collection-listing {
        flex: 0 0 70%;
        max-width: 70%;
    }


}

@media (max-width: 1200.98px) {
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects {
        position: relative;
        width: 100%;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4 {
        font-size: 40px;
    }
    .header-content, .products-inner-content, .projects-inner-content {
        position: relative;
        width: 100%;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us, .header-content-our-offers, .header-content-our-downloads{
        width: 100%;
    }
    .header-social-icons ul li {
        padding: 0px 10px;
    }
    .ctc-touch-col h4 {
        font-size: 30px;
    } 
    .ctc-main-wrap , section.inter-decor-locations {
        padding: 40px 0;
    }    
    .contect-form-feilds {
        padding-left: 0px;
        padding-top: 15px;
    }
    .ct-form-container {
        padding-top: 0px;
    }    
    .ct-form-container input[type="text"]{
        padding: 18px 0 18px 0;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4, .inner-our-products h4, .inner-our-projects h4, .inner-privacy-policy h4, .header-content-about-us h4, .our-offers h4, .inner-our-downloads h4 {
        font-size: 40px;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p{
        font-size: 16px;
    }
    .inner-visualizer-selector{
        flex-direction: column;
    }
    .visualizer{
        width: 100%;
    }
    .selector{
        width: 100%;
    }
    .inner-main-post-profile{
        flex-direction: column;
    }
    .feeds-cols{
        flex-direction: column;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us{
        width: 100%;
    }
    .inner-our-story{
        flex-direction: column;
        gap: 0px;
    }
    .our-story-content {
        width: 100%;
    }
    .our-story-featured {
        width: 100%;
    }
    .inner-project-partners{
        flex-direction: column;
        gap: 0px;
    }
    .project-partners-left {
        width: 100%;
    }
    .project-partners-right {
        width: 100%;
        padding-top: 50px;
    }
    .inner-global-expertise{
        flex-direction: column;
    }
    .inner-global-expertise .right-content {
        width: 100%;
    }
    .inner-global-expertise .left-content {
        width: 100%;
        padding: 40px 15px;
    }
    .inner-company-profile{
        flex-direction: column;
    }
    .inner-material-postcard{
        flex-direction: column;
    }
    .company-profile-poster {
        padding: 40px 0;
    }
    .inner-main-post-profile{
        gap: 40px;
    }
    .form-main-wrap {
        padding-left: 0px;
    padding-top: 20px;
    }
    .form-main-wrap form {
        padding-top: 0px;
    }
    .social-icons {
        margin: 20px 0 20px 0;
    }
    .ctc-touch-col img {
        padding-top: 30px;
    }
    footer{
        padding: 40px 0;
    }
    .over-relay-banner, .over-relay-banner-our-products, .over-relay-banner-our-projects, .over-relay-banner-privacy-policy, .over-relay-banner-about-us, .over-relay-banner-our-offers, .over-relay-banner-our-downloads{
        left: auto;
        right: auto;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p, .inner-our-projects p{
        font-size: 20px
    }
    .name-mag {
        width: 60%;
    }
    .gallery-item .details h2{
        font-size: 16px;
    }

    .product-show-image {
        padding: 20px 20px 50px;
    }
    .pro-img-slider-inn {
        height: 430px;
    }
    .pro-img-slider-inn div, .pro-img-slider-inn div img {
        height: 100% !important;
    }
    .pro-img-slider-inn div img {
        object-fit: fill !important;
    }
    div#custom-thumbs .slick-track .slick-slide {
        height: 70px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .brand-name h2 {
        font-size: 24px;
    }
    .cat-brand span {
        padding: 8px 30px;
        font-size: 16px;
    }
    .text-brand-item p {
        font-size: 16px;
    }
    .brand-logo img {
        width: 145px;
    }
    .b-d-about-inn{
        gap: 65px;
    }
    .b-d-abt-txt-inn h2{
        margin-bottom: 25px;
    }
    .gallery-img:nth-child(5), .gallery-img:nth-child(6), .gallery-img:nth-child(8), .gallery-img:nth-child(9) {
        margin-top: -25px;
    }
    .get-in-touch-form-sec{
        gap: 60px;
    }
    .gt-form .col-12 {
        margin-top: 35px;
    }
    section.gallery-sec, section.pro-collection, section.brand-detail-about {
        padding-top: 60px;
        padding-bottom: 60px;
    }

        
}

@media (max-width: 992.98px) {
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects {
        position: relative;
        width: 100%;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4 {
        font-size: 40px;
    }
    .header-content, .products-inner-content, .projects-inner-content {
        position: relative;
        width: 100%;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us, .header-content-our-offers, .header-content-our-downloads{
        width: 100%;
    }
    .header-social-icons ul li {
        padding: 0px 10px;
    }
    .ctc-touch-col h4 {
        font-size: 30px;
    } 
    .ctc-main-wrap , section.inter-decor-locations {
        padding: 40px 0;
    }    
    .contect-form-feilds {
        padding-left: 0px;
        padding-top: 15px;
    }
    .ct-form-container {
        padding-top: 0px;
    }    
    .ct-form-container input[type="text"]{
        padding: 18px 0 18px 0;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p{
        font-size: 16px;
    }
    .inner-visualizer-selector{
        flex-direction: column;
    }
    .visualizer{
        width: 100%;
    }
    .selector{
        width: 100%;
    }
    .inner-main-post-profile{
        flex-direction: column;
    }
    .feeds-cols{
        flex-direction: column;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us{
        width: 100%;
    }
    .inner-our-story{
        flex-direction: column;
        gap: 0px;
    }
    .our-story-content {
        width: 100%;
    }
    .our-story-featured {
        width: 100%;
    }
    .inner-project-partners{
        flex-direction: column;
        gap: 0px;
    }
    .project-partners-left {
        width: 100%;
    }
    .project-partners-right {
        width: 100%;
        padding-top: 50px;
    }
    .inner-global-expertise{
        flex-direction: column;
    }
    .inner-global-expertise .right-content {
        width: 100%;
    }
    .inner-global-expertise .left-content {
        width: 100%;
        padding: 40px 15px;
    }
    .inner-company-profile{
        flex-direction: column;
    }
    .inner-material-postcard{
        flex-direction: column;
    }
    .company-profile-poster {
        padding: 40px 0;
    }
    .inner-main-post-profile{
        gap: 40px;
    }
    .form-main-wrap {
        padding-left: 0px;
    padding-top: 20px;
    }
    .form-main-wrap form {
        padding-top: 0px;
    }
    .social-icons {
        margin: 20px 0 20px 0;
    }
    .ctc-touch-col img {
        padding-top: 30px;
    }
    footer{
        padding: 40px 0;
    }
    .over-relay-banner, .over-relay-banner-our-products, .over-relay-banner-our-projects, .over-relay-banner-privacy-policy, .over-relay-banner-about-us, .over-relay-banner-our-offers, .over-relay-banner-our-downloads{
        left: auto;
        right: auto;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p, .inner-our-projects p{
        font-size: 20px
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4, .inner-our-products h4, .inner-our-projects h4, .inner-privacy-policy h4, .header-content-about-us h4, .our-offers h4, .inner-our-downloads h4{
        font-size: 45px;
    }
    .name-mag {
        width: 60%;
    }
    .prod-inner-discription {
        padding: 20px 20px;
    }
    .prod-image-show a:first-child {
        padding: 12px 18px;
    }
    .cat-stock{
        padding-top: 50px;
    }
    .main-content-about h5 {
        font-size: 40px;
    }
    .main-content-about p{
        padding-top: 10px;
    }
    .variations-wrap {
        padding-top: 30px;
    }
    .prod-image-show{
        padding-top: 40px;
        gap: 15px;
    }
    .pro-info-list-inner {
        display: block;
    }
    .pro-info-left {
        margin-bottom: 30px;
    }
    .related-pro-item .text h2 {
        font-size: 20px;
        text-align: center;
    }


}

@media (max-width: 991.98px) {
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects {
        position: relative;
        width: 100%;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4 {
        font-size: 40px;
    }
    .header-content, .products-inner-content, .projects-inner-content {
        position: relative;
        width: 100%;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us, .header-content-our-offers, .header-content-our-downloads{
        width: 100%;
    }
    .header-social-icons ul li {
        padding: 0px 10px;
    }
    .ctc-touch-col h4 {
        font-size: 30px;
    } 
    .ctc-main-wrap , section.inter-decor-locations {
        padding: 40px 0;
    }    
    .contect-form-feilds {
        padding-left: 0px;
        padding-top: 15px;
    }
    .ct-form-container {
        padding-top: 0px;
    }    
    .ct-form-container input[type="text"]{
        padding: 18px 0 18px 0;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4, .inner-our-products h4, .inner-our-projects h4, .inner-privacy-policy h4, .header-content-about-us h4, .our-offers h4, .inner-our-downloads h4 {
        font-size: 45px;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p{
        font-size: 16px;
    }
    .inner-visualizer-selector{
        flex-direction: column;
    }
    .visualizer{
        width: 100%;
    }
    .selector{
        width: 100%;
    }
    .inner-main-post-profile{
        flex-direction: column;
    }
    .feeds-cols{
        flex-direction: column;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us{
        width: 100%;
    }
    .inner-our-story{
        flex-direction: column;
        gap: 0px;
    }
    .our-story-content {
        width: 100%;
    }
    .our-story-featured {
        width: 100%;
    }
    .inner-project-partners{
        flex-direction: column;
        gap: 0px;
    }
    .project-partners-left {
        width: 100%;
    }
    .project-partners-right {
        width: 100%;
        padding-top: 50px;
    }
    .inner-global-expertise{
        flex-direction: column;
    }
    .inner-global-expertise .right-content {
        width: 100%;
    }
    .inner-global-expertise .left-content {
        width: 100%;
        padding: 40px 15px;
    }
    .inner-company-profile{
        flex-direction: column;
    }
    .inner-material-postcard{
        flex-direction: column;
    }
    .company-profile-poster {
        padding: 40px 0;
    }
    .inner-main-post-profile{
        gap: 40px;
    }
    .form-main-wrap {
        padding-left: 0px;
    padding-top: 20px;
    }
    .form-main-wrap form {
        padding-top: 0px;
    }
    .social-icons {
        margin: 20px 0 20px 0;
    }
    .ctc-touch-col img {
        padding-top: 30px;
    }
    footer{
        padding: 40px 0;
    }
    .over-relay-banner, .over-relay-banner-our-products, .over-relay-banner-our-projects, .over-relay-banner-privacy-policy, .over-relay-banner-about-us, .over-relay-banner-our-offers, .over-relay-banner-our-downloads{
        left: auto;
        right: auto;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p, .inner-our-projects p{
        font-size: 20px
    }
    .inner-profiles-pdfs:first-child {
        padding: 40px 0 0px 0;
    }
    .inner-profiles-pdfs:last-child {
        padding: 15px 0px 40px 0;
    }
    .name-mag {
        width: 60%;
    }
    .uaq-warehouse{
        padding: 25px 25px;
    }
    .uaq-warehouse ul li{
        margin-left: 20px;
    }
    .ct-form-container input[type="text"]{
        font-size: 14px;
    }
    .contect-form-feilds span {
        font-size: 16px;
    }
    #filters li {
    margin: 0px 10px;
    }
    #filters li span {
        padding: 8px 30px 10px;
        font-size: 16px;
        line-height: 1;
    }
    .pro-listing-inn .pro-list-filter {
        flex: 0 0 180px;
        max-width: 180px;
    }
    div#gallery {
        gap: 20px;
    }
    .brand-logo {
        width: 210px;
    }
    .cat-brand span {
        padding: 8px 20px;
        font-size: 15px;
    }

}

@media (max-width: 991.80px) {
    .nav-mobile {
        display: block;
        top: 50px;
   }
    nav {
        width: 100%;
   }
    nav ul {
        display: none;
   }
    nav ul li {
        float: none;
   }
    nav ul li a {
        padding: 15px;
        line-height: 20px;
        background: #262626;
   }
    nav ul li ul li a {
        padding-left: 30px;
   }
    .navbar-dropdown {
        position: static;
}
.header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects {
    position: relative;
    width: 100%;
}
.inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4 {
    font-size: 40px;
}
.header-content, .products-inner-content, .projects-inner-content {
    position: relative;
    width: 100%;
}
.header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us, .header-content-our-offers, .header-content-our-downloads{
    width: 100%;
}
.header-social-icons ul li {
    padding: 0px 10px;
}
.ctc-touch-col h4 {
    font-size: 30px;
} 
.ctc-main-wrap , section.inter-decor-locations {
    padding: 40px 0;
}    
.contect-form-feilds {
    padding-left: 0px;
    padding-top: 15px;
}
.ct-form-container {
    padding-top: 0px;
}    
.ct-form-container input[type="text"]{
    padding: 18px 0 18px 0;
}
.inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4, .inner-our-products h4, .inner-our-projects h4, .inner-privacy-policy h4, .header-content-about-us h4, .our-offers h4, .inner-our-downloads h4 {
    font-size: 65px;
}
.inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p{
    font-size: 16px;
}
.inner-visualizer-selector{
    flex-direction: column;
}
.visualizer{
    width: 100%;
}
.selector{
    width: 100%;
}
.inner-main-post-profile{
    flex-direction: column;
}
.feeds-cols{
    flex-direction: column;
}
.header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us{
    width: 100%;
}
.inner-our-story{
    flex-direction: column;
    gap: 0px;
}
.our-story-content {
    width: 100%;
}
.our-story-featured {
    width: 100%;
}
.inner-project-partners{
    flex-direction: column;
    gap: 0px;
}
.project-partners-left {
    width: 100%;
}
.project-partners-right {
    width: 100%;
    padding-top: 50px;
}
.inner-global-expertise{
    flex-direction: column;
}
.inner-global-expertise .right-content {
    width: 100%;
}
.inner-global-expertise .left-content {
    width: 100%;
    padding: 40px 15px;
}
.inner-company-profile{
    flex-direction: column;
}
.inner-material-postcard{
    flex-direction: column;
}
.company-profile-poster {
    padding: 40px 0;
}
.inner-main-post-profile{
    gap: 40px;
}
.form-main-wrap {
    padding-left: 0px;
padding-top: 20px;
}
.form-main-wrap form {
    padding-top: 0px;
}
.social-icons {
    margin: 20px 0 20px 0;
}
.ctc-touch-col img {
    padding-top: 30px;
}
footer{
    padding: 40px 0;
}
.over-relay-banner, .over-relay-banner-our-products, .over-relay-banner-our-projects, .over-relay-banner-privacy-policy, .over-relay-banner-about-us, .over-relay-banner-our-offers, .over-relay-banner-our-downloads{
    left: auto;
    right: auto;
}
.inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p, .inner-our-projects p{
    font-size: 20px
}
.inner-header {
    padding: 15px 0;
}
section.our-story {
    padding: 40px 0;
}
.inner-content-project-partners {
    padding-top: 20px;
}
section.project-partners {
    padding-bottom: 40px;
}
section.get-in-touch {
    padding: 40px 0;
}
.inner-get-touchs h4 {
    font-size: 30px;
}
.get-in-touch-image {
    padding-top: 30px;
}
.follow-us-wrap {
    padding: 40px 0 0 0;
}
.inner-follow-us h4 {
    font-size: 40px;
}
.input-type input[type="text"]{
    width: 100%;
}
.search-patch input[type="text"]{
    width: 100%;
}
.media-category {
    padding: 40px 0;
}
.inner-media-btns {
    margin-bottom: 30px;
}
.recent-posts-listing{
    padding: 40px 0;
}
.recent-post-now{
    flex-direction: column;
}
.recent-post-featured {
    width: 100%;
}
.recent-post-pasts {
    width: 100%;
}
.recent-item{
    flex-direction: column;
}
.past-featured {
    width: 100%;
}
.past-content {
    width: 100%;
}
.blogs-listing-main {
    padding: 40px 0;
}
.past-featured img {
    width: 100%;
    object-fit: cover;
}
.past-content a{
    padding-top: 20px;
}
.blog_listing_content a{
    margin-bottom: 25px;
}
.privacy-policy-points {
    padding: 40px 0;
}
#filters-our-projects{
    margin: 40px 20px 40px 20px;
    overflow: scroll;
}
#filters-our-projects li {
    margin: 0px 15px;
}
.name-mag{
    width: 75%;
}
.blog-bullets-points {
    display: flex;
    flex-direction: column;
}
.blog-bullets-text {
    width: 100%;
}
.blog-lapped-featured{
    flex-direction: column;
    width: 100%;

}
.inner-detail-blog h4 {
    font-size: 25px;
}
.blog-detail-main {
    padding-top: 20px;
}    
.back-to-listing {
    padding-top: 40px;
}
.related-blogs{
    padding: 40px 0;
}
.related-blogs-content a{
    margin-bottom: 20px;
}
.blog-bullets-points{
    padding-top: 0px;
}
.text {
    padding-bottom: 20px;
}

ul.nav-list {
    position: absolute;
    top: 100px;
    width: 100%;
    right: 0;
    z-index: 2;
}
.submenu-toggle{cursor:pointer;margin-right:8px;font-weight:bold;}
.submenu-toggle::after{
    content:'▼';
    color: #fff;
    font-size: 8px;
    position: absolute;
    top: 45px;
    right: 25px;
}
.submenu-toggle.open::after{content:'▲';}

nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
    padding-left: 4px;
    content: unset;
}

    .b-d-about-inn {
        gap: 40px;
        flex-wrap: wrap;
    }
    section.brand-detail-about .b-d-about-img, .b-d-about-txt {
        width: 100%;
    }
    .gallery-img:nth-child(5), .gallery-img:nth-child(6), .gallery-img:nth-child(8), .gallery-img:nth-child(9) {
        margin-top: -18px;
    }
    .get-in-touch-form-sec {
        gap: 40px;
        flex-wrap: wrap;
    }
    .get-in-touch-img, .get-in-touch-form {
        width: 100%;
    }
    .gt-form .row {
        padding: 0 12px;
    }
    a.brand-item {
    width: 50%;
    }

}

@media (max-width: 768.98px) {
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects {
        position: relative;
        width: 100%;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4 {
        font-size: 40px;
    }
    .header-content, .products-inner-content, .projects-inner-content {
        position: relative;
        width: 100%;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us, .header-content-our-offers, .header-content-our-downloads{
        width: 100%;
    }
    .header-social-icons ul li {
        padding: 0px 10px;
    }
    .ctc-touch-col h4 {
        font-size: 30px;
    } 
    .ctc-main-wrap , section.inter-decor-locations {
        padding: 40px 0;
    }    
    .contect-form-feilds {
        padding-left: 0px;
        padding-top: 15px;
    }
    .ct-form-container {
        padding-top: 0px;
    }    
    .ct-form-container input[type="text"]{
        padding: 18px 0 18px 0;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4, .inner-our-products h4, .inner-our-projects h4, .inner-privacy-policy h4, .header-content-about-us h4, .our-offers h4, .inner-our-downloads h4 {
        font-size: 65px;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p{
        font-size: 16px;
    }
    .inner-visualizer-selector{
        flex-direction: column;
    }
    .visualizer{
        width: 100%;
    }
    .selector{
        width: 100%;
    }
    .inner-main-post-profile{
        flex-direction: column;
    }
    .feeds-cols{
        flex-direction: column;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us{
        width: 100%;
    }
    .inner-our-story{
        flex-direction: column;
        gap: 0px;
    }
    .our-story-content {
        width: 100%;
    }
    .our-story-featured {
        width: 100%;
    }
    .inner-project-partners{
        flex-direction: column;
        gap: 0px;
    }
    .project-partners-left {
        width: 100%;
    }
    .project-partners-right {
        width: 100%;
        padding-top: 50px;
    }
    .inner-global-expertise{
        flex-direction: column;
    }
    .inner-global-expertise .right-content {
        width: 100%;
    }
    .inner-global-expertise .left-content {
        width: 100%;
        padding: 40px 15px;
    }
    .inner-company-profile{
        flex-direction: column;
    }
    .inner-material-postcard{
        flex-direction: column;
    }
    .company-profile-poster {
        padding: 40px 0;
    }
    .inner-main-post-profile{
        gap: 40px;
    }
    .form-main-wrap {
        padding-left: 0px;
    padding-top: 20px;
    }
    .form-main-wrap form {
        padding-top: 0px;
    }
    .social-icons {
        margin: 20px 0 20px 0;
    }
    .ctc-touch-col img {
        padding-top: 30px;
    }
    footer{
        padding: 40px 0;
    }
    .over-relay-banner, .over-relay-banner-our-products, .over-relay-banner-our-projects, .over-relay-banner-privacy-policy, .over-relay-banner-about-us, .over-relay-banner-our-offers, .over-relay-banner-our-downloads{
        left: auto;
        right: auto;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p, .inner-our-projects p{
        font-size: 20px
    }
    .our-story-content h5{
        font-size: 40px;
    }
    .inner-content-project-partners h5{
        font-size: 40px;
    }
    .left-content h4 {
        font-size: 40px;
    }
    .inner-company-profile{
        padding: 20px 20px;
    }
    .offer-categories{
        grid-template-columns: 50% 50%;
    }
    .offer-cat-name{
        font-size: 18px;
    }
    .offer-box-cat-content button span {
        font-family: 'Graphik';
        font-weight: 500;
        font-size: 18px;
    }
    .name-mag{
        width: 75%;
    }
    .blog-bullets-points {
        display: flex;
        flex-direction: column;
    }
    .blog-bullets-text {
        width: 100%;
    }
    .blog-lapped-featured{
        flex-direction: column;
        width: 100%;

    }
    .inner-detail-blog h4 {
        font-size: 25px;
    }
    .blog-detail-main {
        padding-top: 20px;
    }    
    .back-to-listing {
        padding-top: 40px;
    }
    .related-blogs{
        padding: 40px 0;
    }
    .related-blogs-content a{
        margin-bottom: 20px;
    }
    .blog-bullets-points{
        padding-top: 0px;
    }

    .prod-image-show{
        flex-direction: column;
        align-items: flex-start;
    }
    .prod-image-show a:first-child {
        padding: 12px 40px;
    }
    .main-content-about h5 {
        font-size: 35px;
    }
    .product-info {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .pro-info-title {
        margin-bottom: 30px;
    }
    section.related-product {
        padding-top: 30px !important; 
        padding-bottom: 60px;
    }
    .related-pro-inn{
        margin-top: 35px;
    }

}

@media (max-width: 767.98px) {
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects {
        position: relative;
        width: 100%;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4 {
        font-size: 40px;
    }
    .header-content, .products-inner-content, .projects-inner-content {
        position: relative;
        width: 100%;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us, .header-content-our-offers, .header-content-our-downloads{
        width: 100%;
    }
    .header-social-icons ul li {
        padding: 0px 10px;
    }
    .ctc-touch-col h4 {
        font-size: 30px;
    } 
    .ctc-main-wrap , section.inter-decor-locations {
        padding: 40px 0;
    }    
    .contect-form-feilds {
        padding-left: 0px;
        padding-top: 15px;
    }
    .ct-form-container {
        padding-top: 0px;
    }    
    .ct-form-container input[type="text"]{
        padding: 18px 0 18px 0;
    }
    .inner-floors-that-work h4, .products-inner-content h4, .projects-inner-content h4, .visualizer h4, .selector h4, .inner-our-products h4, .inner-our-projects h4, .inner-privacy-policy h4, .header-content-about-us h4, .our-offers h4, .inner-our-downloads h4 {
        font-size: 45px;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p{
        font-size: 16px;
    }
    .inner-visualizer-selector{
        flex-direction: column;
    }
    .visualizer{
        width: 100%;
    }
    .selector{
        width: 100%;
    }
    .inner-main-post-profile{
        flex-direction: column;
    }
    .feeds-cols{
        flex-direction: column;
    }
    .header-content, .products-inner-content, .projects-inner-content, .header-content-our-products, .header-content-our-projects, .header-content-privacy-policy, .header-content-about-us{
        width: 100%;
    }
    .inner-our-story{
        flex-direction: column;
        gap: 0px;
    }
    .our-story-content {
        width: 100%;
    }
    .our-story-featured {
        width: 100%;
    }
    .inner-project-partners{
        flex-direction: column;
        gap: 0px;
    }
    .project-partners-left {
        width: 100%;
    }
    .project-partners-right {
        width: 100%;
        padding-top: 50px;
    }
    .inner-global-expertise{
        flex-direction: column;
    }
    .inner-global-expertise .right-content {
        width: 100%;
    }
    .inner-global-expertise .left-content {
        width: 100%;
        padding: 40px 15px;
    }
    .inner-company-profile{
        flex-direction: column;
    }
    .inner-material-postcard{
        flex-direction: column;
    }
    .company-profile-poster {
        padding: 40px 0;
    }
    .inner-main-post-profile{
        gap: 40px;
    }
    .form-main-wrap {
        padding-left: 0px;
    padding-top: 20px;
    }
    .form-main-wrap form {
        padding-top: 0px;
    }
    .social-icons {
        margin: 20px 0 20px 0;
    }
    .ctc-touch-col img {
        padding-top: 30px;
    }
    footer{
        padding: 40px 0;
    }
    .over-relay-banner, .over-relay-banner-our-products, .over-relay-banner-our-projects, .over-relay-banner-privacy-policy, .over-relay-banner-about-us, .over-relay-banner-our-offers, .over-relay-banner-our-downloads{
        left: auto;
        right: auto;
    }
    .inner-floors-that-work p, .products-inner-content p, .projects-inner-content p, .visualizer p, .selector p, .inner-our-projects p{
        font-size: 20px
    }
    .our-story-content h5{
        font-size: 40px;
    }
    .offer-categories{
        grid-template-columns: 100%;
    }
    .pdfs-wrap-inner {
        margin-bottom: 20px;
    }
    .inner-profiles-pdfs {
        padding: 15px 0 0px 0;
    }
    .inner-profiles-pdfs:last-child {
        padding: 15px 0px 40px 0;
    }
    .name-mag{
        width: 75%;
    }
    .uaq-warehouse{
        margin-top: 20px;
    }
    .blog-bullets-points {
        display: flex;
        flex-direction: column;
    }
    .blog-bullets-text {
        width: 100%;
    }
    .blog-lapped-featured{
        flex-direction: column;
        width: 100%;

    }
    .inner-detail-blog h4 {
        font-size: 25px;
    }
    .blog-detail-main {
        padding-top: 20px;
    }    
    .back-to-listing {
        padding-top: 40px;
    }
    .related-blogs{
        padding: 25px 0;
    }
    .related-blogs-content a{
        margin-bottom: 20px;
    }
    .blog-bullets-points{
        padding-top: 0px;
    }
    #filters {
        margin: 0px 5px 30px 5px;
        gap: 15px;
        flex-wrap: wrap;
    }
    #filters li {
        margin: 0px;
    }

    .pord-show-inner {
        display: block;
    }
    .product-show-image {
        max-width: 100%;
        height: auto;
    }
    .related-pro-inn {
        display: flex;
            gap: 10px;
    }
    .related-pro-item {
        margin-bottom: 20px;
    }
    .related-title h2 {
        font-size: 34px;
    }

    .pro-listing-inn .pro-list-filter, .pro-collection-listing {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .inner-prod-cat-portfolio .wrap {
        padding-left: 0em !important;
        padding-right: 0em !important;
    }
    .gallery-item .details h2 {
        font-size: 14px !important;
    }
    .inner-prod-cat-portfolio .text {
        padding-bottom: 25px;
    }
    .submenu-mg{
        position: relative;
        padding: 18px;
        background: #262626;
    }
    .submenu-mg ul {
        display: block;
        padding-left: 0px;
    }
    .submenu-mg ul li {
        margin-bottom: 9px;
    }


}
@media (max-width: 30em) {
    .wrap {
      padding-left: 1em;
      padding-right: 1em;
    }
  
    .gallery-item {
      float: none;
      width: 100%;
    }
  }
  
@media (max-width: 575.98px) {}

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

@media (max-width: 480.98px) {

.filter-toggle span, .filter-toggle span:before, .filter-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 30px;
    background: #000000;
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}
.filter-toggle span:after {
    top: 10px;
}
.filter-toggle span:before {
    top: -10px;
}
.pro-list-filter {
    display: none;
    position: absolute;
    top: 20px;
    z-index: 99;
    background: #fff;
    width: 95%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    box-shadow: 4px 0 10px #00000057;
}

    .pro-collection-listing {
        padding-top: 40px;
    }
    .product-listing-main .pro-listing-inn {
        display: block;
        position: relative;
    }
    a.brand-item {
        width: 100%;
    }
    .b-d-abt-txt-inn h2 {
        margin-bottom: 15px;
        font-size: 32px;
    }
    .p-col-title h2 {
        font-size: 32px;
    }
    .pro-collrct-title-sec{
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    .gallery-sec-title h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .gallery-img {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 !important;
    }
    .gt-title h2{
        font-size: 32px;
        margin-bottom: 25px;
    }
    section.get-in-touch-sec, section.gallery-sec, section.pro-collection, section.brand-detail-about {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .o-brand-details .inner-our-projects p, .b-d-abt-txt-inn p, .gt-form input.form-control {
        font-size: 16px;
    }
    .gt-form button.get-in-touch-btn.mb-3{
        padding: 15px 20px 15px;
    }


}

@media (max-width: 420.98px) {

}

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

@media (max-width: 320.98px) {


}


@media (max-width: 991px) and (min-width: 768px) {
  .related-pro-inn .gallery-item .inside,
  .related-pro-inn .gallery-item .inside img {
        height: 260px !important;
    object-fit: cover !important;
  }
}
@media (max-width: 540px) and (min-width: 320px) {
.related-pro-inn .gallery-item {
    height: auto !important;
}
.gallery-item .inside img{
      object-fit: cover !important;
}
}


@media (max-width: 1024px) {
 .product-info {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }
  section.related-product {
        padding-top: 30px !important; 
        padding-bottom: 60px;
    }
}

@media (min-width: 320px) and (max-width: 768px)
    {
        .bottom-bar-links {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left !important;
}
}

@media (min-width: 767px) and (max-width: 1367px) {
 .our-projects-home .our-products-home .visualizer .selector {
    height: 540px !important;
  }
}

@media(max-width: 767px){
    .inner-product-meta-details .prod-title-discription h5{
        font-size: 28px;
    }
}

@media(min-width: 768px) and (max-width: 1024px){
    .inner-product-meta-details .prod-title-discription h5{
        font-size: 40px;
    }
}

@media (min-width: 300px) and (max-width: 374px) {
    .prod-inner-discription {
        padding: 15px 15px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
.related-pro-inn .gallery-item .inside img {
    height: 100% !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
    .related-pro-inn .gallery-item .inside, .related-pro-inn .gallery-item .inside img {
        height: 260px !important;
        object-fit: cover !important;
    }
}

@media (min-width: 1200px){
.related-pro-inn .gallery-item .inside img {
    height: 378px !important;
}
}

.footer img {
    height: auto !important;
}

@media (min-width:767px) and (max-width: 991px){
.gallery-item .details h2
{
    margin: 0 14px;
}}

@media (min-width:1024px){
.gallery-item .details h2
{
    margin: 0px 30px;
}}