@media all and (max-width: 1024px) {
    .verticalmenu a.level-top {
        font-size: 1.5rem;
    }
    .products-grid .product-item {
        display: inline-flex !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .extra_attributes .attribute {
        padding-bottom: 25%;
    }
    .extra_attributes .attribute .attribute_content h3 {
        font-size: 2.4rem;
    }
    .extra_attributes .attribute .attribute_content .button {
        font-size: 1.3rem;
        line-height: 1.4rem;
        padding: 10px 0 0 0;
    }
}
@media all and (max-width: 1000px) {
    .block-search {
        position: relative !important;
        top: 0;
        left: -20px;
        float: left !important;
        width: calc(100% + 40px) !important;
        margin: 0 !important;
        padding: 10px 20px !important;
        box-sizing: border-box;
        background: #ebebeb;
        transform: none;
    }
    .block-search input {
        float: left;
        position: static !important;
        top: 0 !important;
        left: 0 !important;
        width: calc(100% - 160px);
            width: 100%;
        height: 32px;
        box-sizing: border-box;
        background: #fff;
        color: #000;
        margin: 0 !important;
        border-radius: 0 !important;
        border: 1px solid #666;
    }
    .block-search input::-webkit-input-placeholder {
        color: #000;
    }
    .block-search input:-moz-placeholder { /* Firefox 18- */
        color: #000;
    }
    .block-search input::-moz-placeholder {  /* Firefox 19+ */
        color: #000;
    }
    .block-search input:-ms-input-placeholder {
        color: #000;
    }
    .block-search .label {
        display: none !important;
    }
    .block-search .nested {
        position: static;
        float: left;
        width: 160px;
        text-align: right;
    }
    .block-search .action.search {
        right: 185px;
        top: 9px;
    }
    .block-search .control::after {
        position: absolute;
        right: 20px;
        top: 5px;
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        background: url('../images/sprite.png') -75px center no-repeat;
        background-size: auto 100%;
    }
    .block-search .action.search::before {
        display: none !important;
    }
    .action.advanced {
        border-color: #666;
        color: #666 !important;
    }
    /*
    .cms-home .widget.block-products-list {
        padding-bottom: 60%;
    }
    */
    .cms-home .widget.block-products-list .products-grid .price {
        font-size: 2.4rem;
    }
    .cms-home .widget.block-products-list .products-grid .action.primary {
        padding: 9px 15px;
        height: 36px;
    }
    .page-layout-2columns-left .sidebar-main {
        width: 100%;
        max-width: 300px;
    }
}
/* @media all and (min-width: 768px) and (max-width: 1000px), */
@media all and (min-width: 901px) and (max-width: 1000px),
all and (min-width: 480px) and (max-width: 700px) {
    .extra_attributes .attribute {
        width: 48.5%;
        padding-bottom: 32.5%
    }
    .extra_attributes .attribute:nth-child(2) {
        margin-right: 0;
    }
    .extra_attributes .attribute .attribute_content .button {
        line-height: 46px;
        padding: 0;
    }
}
/*
@media all and (min-width: 768px) and (max-width: 900px) {
    .page-layout-2columns-left .sidebar-main,
    .page-layout-2columns-left .sidebar-additional,
    .page-title-wrapper .backbutton {
        width: 33.33% !important;
    }
    .page-layout-2columns-left .column.main,
    .page-title-wrapper .page-title {
        width: 66.67% !important;
    }
    .cms-home .widget.block-products-list .product-item-description {
        display: none;
    }
    .cms-home .widget.block-products-list .products-grid .product-item-name {
        margin-bottom: 50px;
    }
}
@media all and (min-width: 768px) and (max-width: 900px),
all and (max-width: 600px) {
    .products-grid .product-item,
    .products-grid .product-item:nth-child(3n) {
        width: 48% !important;
        margin-right: 4%;
    }
    .products-grid .product-item:nth-child(2n) {
        margin-right: 0;
    }
}
*/
@media all and (max-width: 768px) {
    .header.links li a:before,
    .header .minicart-wrapper:has(.action.showcart):before,
    .header .miniquote-wrapper .action.showquote:before {
        background-position: 0 0;
    }

    .nav-open .page-wrapper {
        left: 0;
    }
    .nav-open .nav-toggle:after {
        display: none;
    }
    .page-header {
        margin-bottom: 20px;
    }
    #maincontent {
        margin-top: 0;
    }
    .nav-toggle,
    .mobilebackbutton {
        display: block !important;
    }
    .columns .column.main,
    .account.page-layout-2columns-left .column.main,
    .account.page-layout-2columns-left .sidebar-main {
        width: 100%;
    }

    .footer .logo,
    .footer .newsletter {
        width: 50%;
        margin-right: 0 !important;
    }
    .footer .newsletter {
        width: 100% !important;
    }
    .footer.links,
    .footer_column {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin-bottom: 25px;
    }
}
@media all and (max-width: 768px) {
/*@media all and (min-width: 768pxz) and (max-width: 900px) {*/
/*@media all and (max-width: 1024px) {*/
    .header.content {
        height: auto;
        min-height: 65px;
        padding: 0 !important;
    }
    .action.nav-toggle {
        top: 0;
        left: 0;
        width: 65px;
        height: 65px;
        background-color: #075cac;
    }
    .action.nav-toggle::before {
        position: absolute;
        display: block;
        content: '';
        width: 33.3%;
        height: 33.3%;
        left: 33.3%;
        top: 33.3%;
        background: url('../images/sprite.png') 0 center no-repeat;
        background-size: auto 100%;
    }
    .nav-before-open.nav-open body {
        height: unset;
        overflow: visible;
    }
    .nav-open .action.nav-toggle:before {
        background-position: -101px center;
    }
    .header.links,
    .header.links li,
    .header .minicart-wrapper,
    .header .miniquote-wrapper {
        height: 65px;
    }
    .header.links li,
    .header .minicart-wrapper,
    .header .miniquote-wrapper {
        width: 50px !important;
    }
    .header.links li a,
    .header .minicart-wrapper .action.showcart,
    .header .miniquote-wrapper .action.showquote {
        padding: 0;
    }
    .header .minicart-wrapper .action.showcart span.text,
    .header .miniquote-wrapper .action.showquote span.text {
        display: none;
    }
    .header.links li a {
        overflow: hidden;
        text-indent: -999px;
    }
    .header .minicart-wrapper .action.showcart {
        background-position: -165px -65px;
    }
    .header.links li a[href*=account] {
        background-position: -55px 0;
    }
    .header.links li a[href*=create] {
        background-position: -5px 0;
    }
    .header.links li.authorization-link a[href*=login] {
        background-position: -220px 0;
    }
    .header.links li.authorization-link a[href*=logout] {
        background-position: -275px 0;
    }
    .header .miniquote-wrapper .action.showquote {
        background-position: -110px 0;
    }

    .header .minicart-wrapper .action.showcart:hover {
        background-position: -165px 0;
    }
    .header.links li a[href*=account]:hover {
        background-position: -55px -65px;
    }
    .header.links li a[href*=create]:hover {
        background-position: -5px -65px;
    }
    .header.links li.authorization-link a[href*=login]:hover {
        background-position: -220px -65px;
    }
    .header.links li.authorization-link a[href*=logout]:hover {
        background-position: -275px -65px;
    }
    .header .miniquote-wrapper .action.showquote:hover {
        background-position: -110px -65px;
    }
    .header .minicart-wrapper .action.showcart .counter.qty,
    .header .miniquote-wrapper .action.showquote .counter.qty {
        top: 25%;
        right: 5px;
    }
    .desktopbackbutton {
        display: none;
    }
    .block-search {
        left: 0;
        width: 100% !important;
    }
    .block-search .control {
        border-top-width: 0;
    }
    .block-search input {
        width: 100%;
    }
    .nav-sections {
        float: left;
        position: relative;
        top: -20px;
        left: 0;
        width: 100%;
        height: auto;
        overflow: visible;
        transition: none;
        z-index: 10;
    }
    .nav-sections-items,
    .nav-sections-item-content,
    .mobilebackbutton,
    .nav-sections ul,
    .nav-sections li,
    .nav-sections li a {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .mobilebackbutton {
        margin: 0 !important;
        padding: 0 !important;
    }
    .mobilebackbutton {
        height: 65px;
    }
    .mobilebackbutton a {
        position: relative;
        float: left;
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .mobilebackbutton a::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '\e617';
        font-family: 'icons-blank-theme';
        font-size: 48px;
        color: #fff;
        width: 65px;
        height: 65px;
        line-height: 65px;
        text-align: center;
        background: #075cac;
    }
    .nav-sections * {
        font-family: 'Montserrat';
        text-transform: uppercase;
        color: #000;
        font-size: 1.8rem;
    }
    .nav-sections #store.settings {
        display: none !important;
    }
    .nav-sections a {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1edec+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #f1edec 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#f1edec 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #ffffff 0%,#f1edec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1edec',GradientType=0 ); /* IE6-9 */
    }
    .nav-sections .mobilebackbutton a {
        padding: 15px 0 0 95px;
        color: #000;
        font-weight: 700;
        line-height: 1.4rem;
    }
    .nav-sections .mobilebackbutton a span {
        color: #014587;
        font-size: 1.2rem;
        font-weight: 300;
    }
    .navigation .submenu:not(:first-child) ul > li > a,
    .navigation .level0 > .level-top,
    .nav-sections li a {
        box-sizing: border-box;
        padding: 15px 25px 15px 25px;
    }
    .nav-sections li a span {
        font-size: 1.4rem;
        font-weight: 400;
    }
    .page-title-wrapper .page-title {
        width: 100%;
    }
    .page-title-wrapper .backbutton,
    .section-item-title,
    .cms-menu,
    .breadcrumbs,
    .breadcrumbs_container,
    .verticalmenu,
    .mainmenu,
    .mainmenu li,
    .mainmenu li.active a,
    .mainmenu li.has-active a,
    .mainmenu li .plusmin,
    .mainmenu li.active ul ul,
    .nav-sections-item-content > .mainmenu ul.rootlevel.websitelink {
        display: none;
    }
    .mainmenu ul.account_menu li.greet.welcome {
        display: none !important;
    }
    .navigation .submenu:not(:first-child) ul {
        padding-left: 0;
    }

    body.cms-home .mainmenu li.level0,
    body.cms-page-view .mainmenu li.level0,
    body[class*=index] .mainmenu li.level0,
    body[class*=customer] .mainmenu li.level0,
    body.catalog-product-view .mainmenu li.level0,
    .mainmenu li.active:not(.all-category),
    .mainmenu li.has-active:not(.all-category),
    .mainmenu li.active ul,
    .mainmenu li.active ul li:not(.all-category),
    .mainmenu li.active ul li a,
    .nav-open .mainmenu,
    .nav-open .mainmenu ul.account_menu,
    .nav-open .mainmenu ul.account_menu li:not(.all-category),
    .nav-open .mainmenu ul.account_menu li:not(.all-category) > a {
        display: block;
    }
    body.cms-home .mainmenu li.level0 a + .submenu.level0,
    body.cms-page-view .mainmenu li.level0 a + .submenu.level0,
    body[class*=index] .mainmenu li.level0 a + .submenu.level0,
    body[class*=customer] .mainmenu li.level0 a + .submenu.level0,
    body.catalog-product-view .mainmenu li.level0 a + .submenu.level0,
    body.cms-home .mainmenu li.level0 a + .submenu.level0 .all-category,
    body.cms-page-view .mainmenu li.level0 a + .submenu.level0 .all-category,
    body[class*=index] .mainmenu li.level0 a + .submenu.level0 .all-category,
    body[class*=customer] .mainmenu li.level0 a + .submenu.level0 .all-category,
    body.catalog-product-view .mainmenu li.level0 a + .submenu.level0 .all-category {
        display: block !important;
    }

    body.cms-home .mainmenu li.level0 a + .submenu.level0 .all-category,
    body.cms-page-view .mainmenu li.level0 a + .submenu.level0 .all-category,
    body[class*=index] .mainmenu li.level0 a + .submenu.level0 .all-category,
    body[class*=customer] .mainmenu li.level0 a + .submenu.level0 .all-category,
    body.catalog-product-view .mainmenu li.level0 a + .submenu.level0 .all-category {
        padding: 0;
    }

    body.cms-home .mainmenu li.level0 a + .submenu.level0 .all-category a,
    body.cms-page-view .mainmenu li.level0 a + .submenu.level0 .all-category a,
    body[class*=index] .mainmenu li.level0 a + .submenu.level0 .all-category a,
    body[class*=customer] .mainmenu li.level0 a + .submenu.level0 .all-category a,
    body.catalog-product-view .mainmenu li.level0 a + .submenu.level0 .all-category a {
        padding: 15px 25px 15px 25px;
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
    }

    body.cms-home .mainmenu li.level0:has(.submenu) a.level-top,
    body.cms-page-view .mainmenu li.level0:has(.submenu) a.level-top,
    body[class*=index] .mainmenu li.level0:has(.submenu) a.level-top,
    body[class*=customer] .mainmenu li.level0:has(.submenu) a.level-top,
    body.catalog-product-view .mainmenu li.level0:has(.submenu) a.level-top {
        display: none;
    }

    .mainmenu li.active > ul.submenu,
    .mainmenu li.has-active > ul.submenu {
        display: block !important;
    }

    .mainmenu li.active > a,
    .mainmenu li.has-active > a {
        display: none !important;
    }

    .mainmenu li.parent > ul.submenu,
    .mainmenu li.active > ul.submenu,
    .mainmenu li.has-active > ul.submenu,
    .mainmenu li.active > ul.submenu > li,
    .mainmenu li.has-active > ul.submenu > li {
        display: block !important;
    }

    .navigation.mainmenu .submenu:not(:first-child).expanded {
        display: none !important;
    }


    /*body.cms-home .mainmenu li.level0 a.ui-state-active + .submenu.level0 li.level1,*/
    /*body.cms-page-view .mainmenu li.level0 a.ui-state-active + .submenu.level0 li.level1,*/
    /*body[class*=index] .mainmenu li.level0 a.ui-state-active + .submenu.level0 li.level1,*/
    /*body[class*=customer] .mainmenu li.level0 a.ui-state-active + .submenu.level0 li.level1,*/
    /*body.catalog-product-view .mainmenu li.level0 a.ui-state-active + .submenu.level0 li.level1 {*/
    /*    display: block !important;*/
    /*}*/

    .mainmenu li.parent a {
        position: relative;
    }
    .mainmenu li.parent > a::after {
        position: absolute;
        right: 10px;
        top: 0;
        color: #000;
        content: '\e608';
        font-size: 40px;
        font-family: 'icons-blank-theme';
    }
    .mainmenu ul.account_menu li a {
        background: none;
        background: #666;
        font-size: 1.4rem;
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.5)
    }
    .columns,
    .sidebar,
    .column.main {
        float: left;
        width: 100%;
    }
    .catalog-product-view .product.media {
        margin-bottom: 20px;
    }
    .footer .newsletter h3,
    .footer .newsletter form {
        width: 100%;
        margin-bottom: 10px;
    }
    .special_label {
        min-height: 20px;
        font-size: 1.0rem;
        text-transform: uppercase;
    }
    .attribute.special_product_label .special_label,
    .products-grid .special_label a {
        padding: 10px;
    }

    /* wat is dit? */
    .page-products .columns {
        position: static;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .checkout-index-index .header.content {
        grid-template-areas:
            "logo auto";
        grid-template-columns: 150px auto;
        grid-template-rows: 100%;
    }
}

@media all and (min-width: 768px) and (max-width: 900px) {
    .cart.main.actions button{
        margin: 0 0 10px 10px!important;
    }
}
@media all and (max-width: 720px) {
    .header.links li:not(:first-child) {
        display: none;
    }
}
@media all and (max-width: 768px) {
    .products {
        margin-bottom: 0;
    }
    .products-grid + .toolbar-products {
        display: none;
    }
}
@media all and (max-width: 640px) {
    html {
        font-size: 0.575rem;
    }
}
@media all and (max-width: 480px) {
    .extra_attributes .attribute {
        width: 100%;
        padding-bottom: 60%;
        margin-right: 0;
    }
    .extra_attributes .attribute .attribute_content .button {
        line-height: 46px;
        padding: 0;
    }
    .cms-home .widget.block-products-list {
        padding-bottom: 75%;
    }
}
@media all and (max-width: 450px) {
    .footer.links,
    .footer_column {
        width: 100%;
    }
    .cms-home .widget.block-products-list {
        padding-bottom: 100%;
    }
    .cms-home .widget.block-products-list .products-grid .product-item-photo,
    .cms-home .widget.block-products-list .products-grid .product-item-details {
        width: 100% !important;
        height: 50%;
        padding: 0 10% 10px 10%;
        box-sizing: border-box;
    }
}
@media all and (max-width: 400px) {
    .cms-home .widget.block-products-list .products-grid .product-item-details .description {
        width: calc(100% + 25px);
        margin-right: -25px;
    }
    .cms-home .widget.block-products-list .products-grid .product-item-actions {
        margin-right: -30px;
        margin-bottom: 30px;
    }
    .block-search input {
        font-size: 1.2rem;
    }
}