

@media screen and (max-width: 1940px){
    body .contentContainer .menu > ul > li:hover > .submenu{ width:calc(100vw - 388px); }
}
@media screen and (min-width: 0px) and (max-width: 1880px){
    body .contentContainer .menu > ul > li:hover > .submenu{ width:calc(100vw - 359px); }
    body .contentContainer.rightContainer .menu > ul > li:hover > .submenu{ width:calc(100vw - 339px); }
}

@media screen and (min-width: 1578px){
    body .usp-wrapper ul li{ padding-top:0px; }
}

@media screen and (max-width: 1578px){
    body .usp-wrapper ul{ line-height:11px; }
    body.mobileSticky .usp-wrapper ul{ line-height:1.42857143; }
    html body #maincontent .columns .contentContainer .headerContainer h1{ font-size:40px; }
}

@media screen and (max-width: 1500px){
    body .categories > .row{ text-align:center; }
    body .categories .column{ display:inline-block;text-align:left; }
    body .categories .column{ margin-left:10px;margin-right:10px; }
}

@media screen and (max-width: 1280px){
    body .usp-wrapper ul li{ font-size:14px; }
    body .footer-bottom .partners{ max-width:calc(100% - 170px); }
    html body #maincontent .columns .contentContainer .headerContainer h1{ font-size:34px; }
    body .contentContainer .menu > ul > li:hover > .submenu{ left:283px;width: calc(100vw - 322px); }
    body .contentContainer .menu .level2 .hasSubmenu > .btnMenu{ top:6px; }
}

@media screen and (max-width: 1195px){
    body.mobileSticky .header-right-links{ margin-top:45px; }
    body .slicknav_menu{ position:fixed;top:0px;left:0px;width:100%;z-index:13;padding:0px; }
    body .page-header{ top:0px; }
    body .header-top{ display:none; }
    body .slicknav_menu{ background-color:#1f3855;top:96px; }
    body .slicknav_menu .slicknav_btn{ position:absolute;right:2em;top:-73px;background-color:transparent; }
    body .slicknav_menu .slicknav_menutxt{ font-size:24px;top:-2px;position:relative; }
    body .slicknav_menu .slicknav_icon-bar{ height:.185em;width:1.925em; }  
    body .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{ margin-top:.300em; }  
    body.mobileSticky .slicknav_menu .slicknav_btn{ top:-90px; } 
    body .header-right-links .minicart-wrapper{ margin-top:10px; }

    body .header-right-links .account {
        display:none; 
    }

    body .header-right-links .authorization-link{
        display:block; 
    }
    body .header-right-links {
        display: flex;
        margin-left: 40px;
        max-width: 150px;
        margin-top: 45px;
    }
    body .custom-header-wrapper .custom-logo-wrapper{ margin-top:0px; }
    body .custom-header-wrapper{ background-color:#1f3855; }
    body .logo{ overflow:hidden;height:70px;margin-top:16px; }
    body .custom-header-wrapper .custom-logo-wrapper img{ margin-top:-55px; }
    body.mobileSticky .custom-header-wrapper .custom-logo-wrapper img{ margin-top:-38px; }
    body.mobileSticky .logo{ margin-top:15px;height:55px; }
    body .usp-wrapper ul li{ margin-left:4px; }
    /*
    body .footer.content > .row:first-child > .column:first-child .column{ width:calc(48% - 30px);display:inline-block;vertical-align:top; }
    */
    body .contentContainer > .row:first-child > .column:first-child{ position:absolute;z-index:10;left:0px; }
    body .bottom-info:before{ height:30px; }
    body .side-content{ margin:auto;display:table; }
    body .contentContainer > .row:first-child > .column:first-child > div:not(.menu-wrapper){ display:none; }
    /*
    body .contentContainer .menu-wrapper{position: absolute;z-index:2;top:0px;}
    */

    body .contentContainer .menu-wrapper{position: absolute;z-index:2;top:30px;}
    body .contentContainer .menu > ul{ margin-bottom:0px; }	
    body .contentContainer .menu > ul > li > .submenu{ left:0px !important;width:calc(100vw - 64px) !important; }
    body .contentContainer .menu > ul > li.openMenu > .submenu{ left:0px;width:calc(100vw - 19px) !important;top:0px;max-height: calc(100vh - 118px) !important; }
    body .contentContainer .menu > ul > li .submenu > div.sub_categories > ul > .block{ padding:0px; }
    body .contentContainer .menu > ul > li > .submenu > div.pages .contentPages > div:nth-child(2) .content,
    body .contentContainer .menu > ul > li > .submenu > div.pages .contentPages > div:nth-child(2){ max-width:100%;width:100%;padding-right:0px; }
    body .contentContainer .menu-wrapper{ z-index:10; }
    body .contentContainer .menu > ul > li > .submenu > div.pages .contentPages > div:first-child{ padding-right:0px;max-width:100%; }
    body .contentContainer .menu > ul > li > .submenu > div.pages .contentPages > div:first-child:after{ display:none; }
    body .contentContainer .menu > ul > li > .submenu > div.pages .contentPages > div:first-child ul li{ margin-bottom:0px; }
    body .contentContainer .menu > ul > li > .submenu > div.pages a:before { top:-11px; }
    body .bottom-info > div.btnMenuExtra, body.cms-index-index .bottom-info > div.btnMenuExtra{ margin-left:0px; }
    body .contentContainer .menu-wrapper{ margin-bottom:0px; }
    body .contentContainer > .row:first-child > .column:first-child{ padding-left:0px !important;padding-right:0px !important; }
    /*body .contentContainer .menu-wrapper > .btnMenu{ bottom:-20px !important; } */

    body .slicknav_menu .slicknav_btn {
        top: -90px;
    }
    /* 2nd header button veilig wonen */
    
    body .usp-wrapper{ position:relative; background-color: #ffffff; z-index: 3;}
}

@media screen and (max-width: 1155px){
    body .usp-wrapper{ display:block;float:none;text-align:center; }
    body .bottom-info > div,body .bottom-info > div a{ font-size:16px; }
    body .block-search{ max-width:calc(100% - 610px);padding-left:0px; }
    /*
    body .header-right-links{ max-width:182px; }
    */
    body .bottom-info:before{ height:28px; }
}

@media screen and (max-width: 1050px){
    body .newsletter{ padding-bottom:20px;padding-top:25px; }
    body .newsletter #mc_embed_signup_scroll > div{ display:block;margin-bottom:25px;text-align:center;padding-left:0px;height:auto; }
    body .newsletter input[type="text"], .newsletter input[type="email"]{ float:none;max-width:100%; }
    body .newsletter #mc_embed_signup_scroll > div.wp-submit{ margin-top:50px; }
    body .contentContainer .menu-wrapper{position: absolute;z-index:2;top:0px;}


    body .side-content {
        display: flex;
        flex-wrap: wrap;
    }
    body .side-content .usp,
    body .side-content .need-help {
        max-width: 45%;
        padding-left: 30px;
        margin-top: 75px;
    }
    body .contentContainer .needHelp {
        margin-top: 250px;
        padding-left: 80px;
    }

    body .side-content .need-help {
        margin-top: 30px;   
    }
    body .side-content .kiyoh {
        width: 100%;
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }
}
@media screen and (min-width: 900px) and (max-width: 1049px) {

    body .header-right-links{ 
        max-width:125px;
        margin-top: 45px;
        margin-bottom: 12px;
        float:left !important;
        margin-right: -10px;
        margin-left: 35px;
    }

    body .slicknav_menu .slicknav_btn {
        top: -90px;
    }
}


@media screen and (max-width: 1050px){

/*
@media screen and (max-width: 1000px){
*/
    body .footer.content > .row:first-child > .column:first-child .column{ width:100%; }
    body .header-right-links{ 
        max-width:125px;
        margin-top: 45px;
        margin-bottom: 12px;
        float:left !important;
        margin-right: -10px;
        margin-left: 35px;
    }

    body .block-search{ margin-top:6px;padding-left:20px;max-width: calc(100% - 474px); }
    body.mobileSticky .custom-header-wrapper .custom-logo-wrapper img,
    body .custom-header-wrapper .custom-logo-wrapper img{ max-width:275px;margin-top:-12px; }
    body.mobileSticky  .custom-header-wrapper .custom-logo-wrapper,
    body .custom-header-wrapper .custom-logo-wrapper{ max-width:255px; }
    body .header-right-links .minicart-wrapper{ margin-right:15px; }
    body .nav-toggle{ display:none; }
    body .logo{ margin-left:0px; }
    body .bottom-info{ width:100%; }
    body .bottom-info > div{ margin-left:0px;width:100%; }
    body.cms-index-index .bottom-info > div {
        margin-left: 0px;
    }
    body .bottom-info > div:first-child > div:nth-child(2),
    body .bottom-info > div:first-child > div:last-child{ float:unset; }
    body .bottom-info > div:first-child > div:last-child:after {background-color:#2f4661}
    /*body .contentContainer > .row:first-child > .column:first-child{ margin-top:3px; }*/
    body .custom-header-wrapper{ padding-bottom:15px; }
    body.mobileSticky .logo{ height:auto; }
    body .usp-wrapper{ display:block !important;background-color:#ffffff; }
    body .page-header{ border-bottom:13px solid #2f4661;height: 167px;max-height:167px; }
    body.mobileSticky .page-header{ border-bottom:1px solid #2f4661; }

    body .contentContainer .menu > ul > li > .submenu{ width: calc(100vw - 362px);padding:20px;min-height:360px; }
    body .contentContainer .menu > ul > li > .submenu > ul{ padding:0px;width:100%;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;  
    }
    body .contentContainer .menu > ul > li > .submenu > ul > li{ width:calc(75%); }
 

}

@media screen and (max-width: 900px){
    body .block-search{ max-width: calc(100% - 320px);margin-top:40px;float:right !important; }
    body.mobileSticky .slicknav_menu .slicknav_btn,
    body .slicknav_menu .slicknav_btn{ top:-105px;right:17px; }
    body .header-right-links,

    body.mobileSticky .header-right-links{ 
        max-width:150px;
        margin-top:-89px;
        margin-right:17px;
        float: left !important;
        display: flex;
        margin-left: 300px;
    }
    body .block-search .control #search{ height:45px; }
    body .block-search .action.search{ top:8px; }
    body .slicknav_menu{ top:112px; }
    body .minicart-wrapper.active .block-minicart{ top:30px; }
    body .slicknav_menu > ul > li:last-child{ border-bottom:2px solid #ffffff;margin-bottom:0px; }
    body .slicknav_menu > ul > li a{ font-size:22px; }
    html body .contentContainer .slider{ margin-top:0px; }
    body .searchsuite-autocomplete ul li .qs-option-info .qs-option-addtocart{ display:block; }
    body .searchsuite-autocomplete{ height:calc(100vh - 105px);overflow:auto; }
    body .contentContainer .menu > ul > li.openMenu > .submenu{ width:calc(100vw - 59px) !important;top:0px;max-height: calc(100vh - 221px) !important; }
}

@media screen and (max-width: 800px){
    body .contentContainer .menu > ul > li > .submenu > div.pages > h2{ padding-left:0px; }
    html body #maincontent .columns .contentContainer .headerContainer h1{ font-size: 30px; }
    body .contentContainer .menu > ul > li > .submenu > div.pages > div{ padding-left:0px; }
    body .footer.content{ padding-bottom:0px;padding-top:40px; }
    body .footer.content .footerRightColumn{ padding-top:0px; }
    body .footer.content .column .footerRightMenu{ display:block;margin-bottom:0px;padding-top:0px; }
    body .block-search input{ left:0px;margin:0px;position:relative; }
    body .block-search .control{ border-top:0px; }
    body .block-search .action.search:before { -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 22px;line-height: 22px;color: #ffffff;content: '\e615';font-family: 'icons-blank-theme';margin: 0;vertical-align: top;display: inline-block;font-weight: normal;overflow: hidden;    speak: none;text-align: center;top:8px;padding:3px; }
    body .block-search .label,
    body .block-search .action.search > span{ display:none; }
    body .block-search .action.search { display:inline-block;background-image:none;background:none;-moz-box-sizing: content-box;border:0;box-shadow:none;line-height:inherit;margin:0;padding:0;text-decoration:none;text-shadow: none;font-weight:400;position:absolute;right:10px;top:0;z-index:1;width:38px; }
    body .block-search .control #search{ padding-right:10px;padding-left:10px; }
    body .block-search .control #search,
    body.mobileSticky .block-search .control #search{ height:45px; }
    body.mobileSticky .usp-wrapper ul,
    body .usp-wrapper ul{ padding-left:0px;margin-right:0px; }
    body .block-search .action.search{ background-color:#1f3855 !important;top:9px !important;opacity:.5 !important; }
    body .products > .product{float: unset!important;margin-left: auto;margin-right: auto;}

    body .contentContainer .menu > ul > li > .submenu > ul{ padding:0px;width:100%;overflow:auto;
        -moz-column-count:auto;
        -webkit-column-count:auto;
        column-count:auto;  
    }

    body .contentContainer .menu > ul > li:first-child {
        padding-top: 15px;
    }

    body .contentContainer .menu .level2 .hasSubmenu.open li a > span, 
    body .contentContainer .menu .level2 li.hasSubmenu > .dropdown li a > span {
        font-size: 18px;
    }

    body .contentContainer .menu > ul > li > .submenu > div.pages {
        font-size: 18px;
    }

    body .contentContainer .menu .level2 .hasSubmenu.open li, 
    body .contentContainer .menu .level2 li.hasSubmenu > .dropdown li {
        line-height: 1.3;
        text-transform: uppercase;
        font-size: 18px;
    }


}

@media screen and (max-width: 600px) {
    /*
     * HEADER
     */
    body .page-main {
        margin-top: 15px; 
    } 
    body.cms-index-index .bottom-info > div {
        margin-left: 0px;
    }
    /*
     * USP BAR
     */
    body .page-wrapper .usp-wrapper {
        height: 65px;
        border-bottom: 1px solid #1f3855;
    }
    body .bottom-info > div:first-child > div:last-child:after {background-color:#25DC71}

    /*
     * SUPERMENU
     */

    body .contentContainer .menu > ul > li > .submenu {
        padding: 20px 0px;
        min-height: 100vh;
    }
    body .contentContainer .menu {
        padding-top: 10px;
    }
    body .contentContainer .menu > ul > li > .submenu {
        width: 100vw !important;
        overflow-x: hidden;
        height: calc(100vh - 163px);
        overflow-y: auto;
    }

    body .contentContainer .menu > ul > li > .submenu > div.sub_categories > ul, body .contentContainer .menu > ul > li > .submenu > div.pages > div > ul {
        columns: 1 auto;
        width: 100%;
    }

    body .contentContainer .menu > ul > li > .submenu > div.pages {
        padding-left: 15px;
        padding-right: 0px;
        width: 100%;
    }

    body .contentContainer .categoryContent .content { 
        width: 100%;
        padding-left: 15px;
        float: none;
    }

    body .contentContainer .categoryContent .image {
        float: none;
        margin-top: 25px;
        width: 100%;
    }

    /*
     *  menu open button
     */
    body .contentContainer .menu-wrapper > .btnMenu.open {
        bottom: -30px;
    }

    body .contentContainer .menu-wrapper > .btnMenu.close { 
        bottom: -30px;
    }

    /*
    topproducten
     */
    body .products > .product {
        margin: 14px 14px 24px 14px;
        max-width: 235px;
        height: auto;
    } 
    body .products > .product .block-one a {
        background-size: contain;
        height: 200px;
    }
    body .products > .product .block-three .sku {
     /*   bottom: 5%;  interferes with original_price when present */ 
    }

    /*
     * BODY 
     */
    /* quote en foto's*/
    body .row.section-three {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    body .row.section-three .content {
        text-align: left;
        padding-bottom: 20px;
    }
    /* foto van de mannen*/
    body .row.section-three > div.row > .column:first-child::after {
        height: 300px;
        width: auto;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: -500px !important;
        left: 20px !important;
    }
    body .side-content {
        display: flex;
        flex-wrap: wrap;
    }
    body .side-content .usp,
    body .side-content .need-help {
        max-width: 45%;
        padding-left: 30px;
        margin-top: 75px;
    }
    body .contentContainer .needHelp {
        margin-top: 250px;
        padding-left: 80px;
    }

    body .side-content .need-help {
        margin-top: 30px;   
    }
    body .side-content .kiyoh {
        width: 100%;
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }


    /* FOOTER */
    
    body .footer.content {
        padding-left: 30px;
        padding-right: 30px;
    }

    body .footer.content > .row {
        display: flex;
        flex-wrap: wrap;
    } 

    body .footer.content .column h2 { 
        margin-top: 20px;
    }

    body .footer.content .footerRightColumn .row { 
        display: flex;
        justify-content: space-around;
    }
    body .footer.content > .row > .column:first-child { 
        max-width: 100%;
    }

    body .footer.content .column .footerRightColumn {
        margin-left: -15px;
        padding-left: 30px;
    }
    body .footer.content .footerRightColumn::before { 
        height: 0px;
        top: 0px;
    }

    body .footer.content .footerRightColumn .column .footerRightMenu, 
    body .footer.content .footerRightColumn .column .contactInfo {
        width: 45%;
    
    }
    body .footer.content .row-level-three { 
        margin: 0;
        -webkit-column-break-inside: avoid; /* Chrome, Safari */
        page-break-inside: avoid;           /* Theoretically FF 20+ */
        break-inside: avoid-column;         /* IE 11 */
        display:table;   
    }

    body .footer.content > .row > .column:nth-child(2) {
        margin-left: -30px;
        margin-right: -30px;
        max-width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 30px;
    }

}

/* horizontal/vertical menu switching */
@media screen and (min-width: 1350px) {
    .menu-wrapper {
        display: none;
    }
    .menu-horizontal-wrapper {
        display: block;
    }
}

@media screen and (max-width: 1349px) {
    .menu-wrapper {
        display: block;
    }
    .menu-horizontal-wrapper {
        display: none;
    }
}
