.product-row-resp .wp-post-image,
.resp-only,
.info-open,
.info-close,
span.resp-only,
button.mobile-trigger,
#mob-navigation {
    display:none;
}

@media screen and (max-width: 1450px) {
    .wrapper-inner .hero-copy {
        position: absolute;
        top: 45%;
        left: 5%;
        transform: translateY(-50%);
        width: calc(90%);
        z-index:10;
    }
    
    .hero-copy h1 {
        font-size: 78px;
        line-height: 1em;
    }
}


@media screen and (max-width: 1200px) {
    
    .resp-hide {
        display:none;
    }
    
    .resp-only {
        display:block;
    }
    
    span.resp-only {
        display:inline;
    }
    
    a.custom-logo-link {
        width: 200px;
    }    
    
    #site-navigation ul ul li a {
        width: 180px;
    }    
    
    .site-info {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        text-align: center;
    }
    
    .nav-block {
        margin: 0 20px;
        flex-grow: 1;
    }
    
    #sub-footer .wrapper-inner {
        flex-direction: column;
        gap: 10px;
    }    
    
    .nav-block h5 {
        margin: 0 0 10px;
    }
    
    .nav-block li a,
    .site-bio p {
        font-size: 16px;
    }    
    
    .site-bio {
        flex: 0 0 auto;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        color: #fff;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    
    h1, .cta-block .cta-contents h2, .twocol-block .col-contents h2, .standard-block h2 {
        font-size: 60px;
    }
    
    .posted-on, .posted-on * {
        font-size: 17px;
    }
    
    .single-post .standard-block h2 {
        font-size: 36px;
    }    

    .single-post .standard-block {
        padding-right: 100px;
    }  
    
.twocol-block {
    padding: 0 20px;
}    

.twocol-block.full {
    padding: 0;
}    
    
.twocol-block.full img {
    width: calc(50% + 80px);
    margin-right: -80px;
    max-height: unset;    
}    

.twocol-block.full.reverse img {
    margin-left: -80px;
    margin-right: 0;
    max-height: unset;
}

.twocol-block.full.no-crop img,
.twocol-block.full.reverse.no-crop img{
    margin:0;
}

.twocol-block .col-contents {
    padding: 30px 40px;
}

.grid-item h2 {
    left: 30px;
    right: 30px;
    bottom: 30px;
    font-size: 54px;
}

.grid-item h2 em {
    font-size: 26px;
}

.entry-footer {
     justify-content: space-evenly;
}

.actions-row {
  
    justify-content: flex-start;    
}

.product-row {
    width: calc(100% - 150px);
}

.product-single .flex-group {
    width: 100%;
}

.product-row-resp {
    display: flex;
}

.product-row-resp img.wp-post-image {
    display:block;
    width:150px;
    margin:0;
}

.cta-block .cta-contents h3, .twocol-block .col-contents h3, .standard-block h3 {
    margin: 5px 0 10px;
    line-height: 1.3;
}
    
    .single-card,
    .disti-single {
        width: calc(100% / 2 - 20px);
        flex:auto;
    }
        .single-card:last-of-type {
            display:none;
        }
            .blog-home .single-card:last-of-type,
            .single-card.location-card {
                display:block;
            }   
            
    .file-inner {
        flex-direction: column;
    }   
    
    
    .wrapper-inner .hero-copy {
        position: absolute;
        top: 45%;
        left: 20px;
        transform: translateY(-50%);
        width: calc(100% - 40px);
        z-index:10;
    }
    

    .hero-copy h1 {
        font-size: 68px;
    }
    
    .hero-copy h3 {
        font-size: 25px;
    }
    
    .hero-copy a {
        font-size: 16px;
    }
    
    .wrapper-inner.hero-block {
        background-position: left -270px bottom -150px, right -220px top -70px;
    }
    

    .site-main .wrapper:first-of-type .wrapper-inner.hero-block {
        margin-top: 0!important;
    }    
                
}

@media screen and (max-width: 995px) {
    
    button.mobile-trigger {
        display: block;
        position: relative;
        z-index: 995;
    }
    
    nav#site-navigation {
        display:none;
    }
    
    nav#mob-navigation {
        display: block;
        position: fixed;
        width: 270px;
        left: 0;
        transform: translateX(-100%);
        top: 0;
        z-index: 900;
        overflow: hidden;
        height: 100%;
        background-color: var(--cle-purple);
        background-image: url(https://www.cleanova.cloud/wp-content/uploads/2024/07/cleanova-logo-white.svg);
        background-repeat: no-repeat;
        background-size: 200px;
        background-position: 30px 30px;
        transition: transform 0.3s cubic-bezier(0.56, 0, 0.16, 1);
    }
    
    nav#mob-navigation.is-open {
        transform: translateX(0);
        box-shadow: 5px 0 70px rgba(0,0,0,0.5);
    }
    
    .menu-main-container {
        display: block;
        color: #fff;
        padding: 90px 0 0;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    
    #mob-navigation  ul {
        flex-direction: column;
        position:relative;
        display:block;
        
    }
    
    #primary-menu > li {
        margin: 0;
        border-radius: 0;
        font-size: 17px;
        padding: 0;
        position:static;
    }
    
    #primary-menu > li a {
        color: #fff;
        display: flex;
        width: 100%;
        position: relative;
        margin: 0;
        padding: 6px 15px 6px 25px;
        font-weight: 300;
        font-size: 18px;
        border-top: 1px solid rgba(255,255,255,0.2);
    }
    
.main-navigation a i {
    margin-left: auto;
    transform: rotate(-90deg);
}


nav#mob-navigation ul ul {
    box-shadow: none;
    border-radius: 0;
    position: relative;
    left: auto;
    top: auto;
    height:auto;
    max-height:0;
    background: none;
    transition: max-height 0.2s ease-in-out;
    margin: 0;
    padding: 0;
    overflow:hidden;
    width:100%;
}

nav#mob-navigation ul ul li {
    margin-right:0;
}

a.active + .sub-menu {
    opacity:1 !important;
    max-height:300px!important;
}

a.active {
    background:var(--cle-violet);
}

.main-navigation a.active i {
    margin-left: auto;
    transform: translate(-8px, 10px) rotate(-0deg);
}

    #primary-menu > li .sub-menu a {
        color: var(--cle-purple);
        background:#fff;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        border-top:0;
        padding-bottom:9px;
    }
    
    .cta-block,
    .cta-block.reverse {
        display: flex;
        flex-direction: column;
        margin: 20px;
        width: calc(100% - 40px);
    }
    
    
    .twocol-block.full {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }   
    
    .twocol-block.full img,
    .twocol-block.full.reverse img {
        width: calc(100% - 20px);
        margin-right: auto;
        margin-left: auto;
        max-height:490px;
    }        
    
    .twocol-block.full img {
        margin-left: -20px;
    }    
        
    .twocol-block.full.reverse img {
        margin-left: auto;
        margin-right: -20px;
    }           
        
    .cta-block .cta-contents,
    .cta-block img {
        width:100%;
    }
    
    .cta-block > img {
        z-index: 5;
    }
    
    img.spinner {
        max-height: 300px;
        width: 300px !important;
        right: -100px !important;
        bottom: auto !important;
        top: -70px !important;
    }

    .twocol-block.full .col-contents .col-inner {
        max-width: 100%;
    }
    
     .twocol-block.full .col-contents {
        width: calc(100% - 40px);
        margin-right: auto;
        margin-left: 50px;
        margin-top: -140px;
        margin-bottom:40px;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);    
    }   
        
    
    .twocol-block.full.reverse .col-contents {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: 50px;
    }       
    
        
    .wrapper-inner.full.twocol-block.searchbox {
        flex-direction: column;
        padding:25px;
    }
    
    .twocol-block.searchbox .col-contents {
        width: 100%;
        margin:0 0 20px;
        border-radius: 20px;
        position: static;
        padding: 30px 40px;
    }

    
    .wrapper-inner.searchbox form.searchandfilter > ul {
        flex-direction:row;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    form.searchandfilter li {
        margin-right: 10px;
        margin: 0;
        width: 100%;
    }
    
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-brand ul {
        display: block;
    }
    
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-brand li {
        display: inline-block;
        width: auto;
    }    
    
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-country,
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-region {
        width: 50%;
    }  
    
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-line,
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-market,
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-product_type {
        width: 32%;
    }      
    
    .wrapper-inner.searchbox .searchandfilter .sf-field-taxonomy-country label,
    .wrapper-inner.searchbox .searchandfilter .sf-field-taxonomy-line label, 
    .wrapper-inner.searchbox .searchandfilter .sf-field-taxonomy-product_type label, 
    .wrapper-inner.searchbox .searchandfilter .sf-field-taxonomy-market label,
    .wrapper-inner.searchbox .searchandfilter .sf-field-taxonomy-region label {
        width: 95%;
    }
    
    
    .wrapper-inner.searchbox form.searchandfilter .sf-field-reset a {
        display: inline-block;
    }
    
    .disti-list, .product-list {
        width: 100%;
    }
    
    .wrapper-inner.hero-block {
        height: 70vh;
    }
    
    .wrapper-inner .hero-copy {
        top: 50%;
     }
     
     .product-row-resp > img.wp-post-image {
        display: block;
        width: 130px !important;
        height: 130px;
        margin: 0!important;
        border-radius: 0;
       object-fit: contain;
    }
    
    img.type-icon {
        margin: 0!important;
        width: 34px!important;
    }
        
}


@media screen and (max-width: 650px) {
    
    .wrapper-inner.full.twocol-block.searchbox {
        padding: 0 25px;
        margin-top: 0 !important;
    }    
    
    .single-card,
    .disti-single {
        width: 100%;
        display:block!important;
    }
    
    .twocol-block.searchbox .col-contents {
        padding: 20px 20px 10px;
        margin-top: 30px;
    }
    
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-brand label {
        font-size: 20px;
        padding: 4px 8px 3px;
     }
     
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-brand li {
        margin: 0 6px 5px 0;
    } 
    
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-country,
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-region {
        width: 100%;
    }   
    
    .twocol-block, .twocol-block.reverse {
        flex-direction: column;
        margin: 50px auto;
    }
    
    .twocol-block:not(.full) .col-contents {
        width:100%;
    }
    
    .twocol-block:not(.full) img,
    .cta-block img {
        width: 100%;
        max-height: 400px;
    }
    
    .three-block {
        display: flex;
        padding: 0 40px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 20px;
    }
    
        .three-col {
        width: 100%;
    }
    
    .wrapper-inner .hero-copy {
        top: 50%;
        width: 90%;
    }
    
    .application-list {
        justify-content: space-evenly;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .application-list img {
        height: 80px;
    }
    
    nav#footer-navigation {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-around;
    }
    
    .nav-block {
        margin: 0 20px 40px;
        flex-grow: 1;
        width: 40%;
    }
    

    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-line,
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-market,
    .wrapper-inner.searchbox form.searchandfilter .sf-field-taxonomy-product_type {
        width: 100%;
    }
    
    .forminator-field-upload .forminator-field {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    
    .forminator-ui#forminator-module-2021.forminator-design--material .forminator-field-upload  .forminator-button-upload {
        margin: 20px 10px 0 0;
    }
    
    .forminator-file-upload {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 5px;
    }

}

@media screen and (max-width: 450px) {
    
   
    
    .hamburger {
        padding: 15px 5px 15px 15px;
        -webkit-tap-highlight-color: transparent;
    }
    
    .cta-block .cta-contents {
        padding: 30px 35px;
     }

	h1, .cta-block .cta-contents h2,
	.twocol-block .col-contents h2, 
	.standard-block h2 {
        font-size: 48px;
    }
	
    .cta-block .cta-contents h3,
    .twocol-block .col-contents h3,
    .standard-block h3 {
        font-size: 18px;
    }	
    
    .wrapper-inner.hero-block {
        height: 90vh;
    }
    
    .wrapper-inner .hero-copy {
        top: 400px;
        width: 80%;
    }
    
    .hero-copy h3 {
        font-size: 20px;
    }
    
    .wrapper-inner.hero-block {
        background-position: left -110px bottom -150px, right -70px top -70px;
        background-size: auto, 80% 90%;
    }

	.wrapper-inner.standard-block {
        padding: 20px 30px 10px 30px !important;
     }
     
     .application-block {
        padding: 30px 10px!important;
    }
    
    .section-intro p {
        max-width: 80%;
    }
    
    .application-list img {
        height: 60px;
    }  
    
    .application-list h4 {
        font-size: 20px;
    }    
    
    .twocol-block .col-contents {
        padding: 40px 10px 20px 40px;
    }
    
    .twocol-block .col-contents:before {
        left: 5px;
    }
    
    nav#footer-navigation {
        display: none;
    }
    
    .site-bio {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .grid-item {
        flex-basis: 50%;
    }
    
    .twocol-block.full > img, .twocol-block.full.reverse > img {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        height:400px;
        border-radius:0;
    }
    
    .twocol-block.full .col-contents,
    .twocol-block.full.reverse .col-contents{
        width: calc(100% - 20px);
        margin-right: 10px;
        margin-left: 10px;
        margin-top: -50px;
        margin-bottom: 30px;
        border-radius:20px;
        padding:30px;
    }
       
    .twocol-block.searchbox .col-contents {
        padding: 20px 20px 10px;
        margin: 30px auto;
        width: 100%;
        background-position: left -90px bottom -80px, right -150px top -150px;    
    }
    
    .site-main .wrapper:first-of-type .wrapper-inner {
        margin-top: 0!important;
    }
    

    .product-single .flex-group {
        margin-left: 0;
    }
    
    .product-row-resp > img.wp-post-image {
        width: 100px !important;
    }
    
    .product-row {
        width: calc(100% - 100px);
    }
    
    .actions-row {
        margin: 10px 0 0 0;
        border-radius: 10px;
    }
        
    .product-summary ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }    
    
    .open + .product-summary {
        max-height: 1200px;
    }
    
    .opener {
        padding: 0;
        line-height: 1em;
        border-radius: 50%;
        background: #fff;
        color:#fff;
        border:0;
    }
    
    .opener em {
        display: none;
    }
    
    .actions-row a span {
        border-bottom: 1px dotted;
        font-size: 13px;
    }    
    
    i.info-open,
    i.info-close{
        display: block;
        color: var(--cle-violet);
        font-size: 32px;
    }
    
    .login-form {
        width: 350px;
    }
 
}