/*@media screen and (max-width: 1400px) {
 
    #usp-naw-container { max-width: 1200px; }
    #header #header-container { max-width: 1200px; }
    #header-image-container { max-width: 1200px; }
    #blokken-container { max-width: 1400px; }
    #nieuws-container { max-width: 1200px; }
    .content { max-width: 1200px; }
    #breadcrumbs { padding: 0 calc((100% - 1200px) / 2); }
    #footer:after { left: calc((100% - 1200px) / 2); }
    #footer #footer-container { max-width: 1200px; }
    #footer-bottom-container { max-width: 1200px; }

}*/
    
@media screen and (max-width: 1000px) {
    
    #melding { display: block; padding: 30px; padding-top: 25px; height: auto; font-size: 16px; line-height: 1.2; box-sizing: border-box; }
    #melding > svg { display: none; }
    #melding a { display: inline-block; margin-left: 0; margin-top: 5px; font-size: 16px; }
    #melding a svg { right: 25px; width: 16px; height: 16px; }
    #melding:hover a svg { fill: #19caf3; }
    #melding .close { top: -8px; right: 20px; width: 26px; height: 26px; box-shadow: 0 2px 4px rgba(0,0,0,0.15); background-color: #fff; }
    #melding .close svg { width: 12px; height: 12px; fill: #29235c; }
    #melding .close:hover { opacity: 1; }
    #melding.showhide .close { display: none; }
    
    .wa-btn { bottom: 17px; right: 70px; width: 47px; height: 47px; box-shadow: none; }
    
    #usp-naw { display: none; }

    /* header */
    #header { top: 0; }
    #header,
    body.scroll #header {
        height: 75px;
    }
    #header #header-container { width: 85%; }
    
    #header #logo {
        left: 0;
        padding: 0 25px 0 0;
        width: 160px;
        height: 75px;
        z-index: 10;
    }
    #header #logo a { background-position: 50%; }

    /* header > menu */
    #header #menu-mobile {
        width: 40px;
        height: 40px;
        position: fixed;
        right: 7.5%;
        top: 18px;
        border-radius: 3px;
        z-index: 8;
        cursor: pointer;
        display: block;
        background-color: rgba(255, 255, 255, 0.1);
    }
    #header #menu-mobile svg {
        display: block;
        fill: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 16px;
        height: 16px;
        transform: translate(-50%,-50%)
    }
    #header #menu {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #29235c;
        transform: none;
        z-index: 7;
        transform: translateX(100%);
        transition: transform 300ms;
    }
    #header #menu.active {
        transform: translateX(0%);
    }
    #header #menu ul {
        position: absolute;
        left: 0;
        top: 52%;
        width: 100%;
        transform: translateY(-50%);
        display: block;
    }
    #header #menu ul li {
        text-align: center;
        margin-left: 0;
    }
    #header #menu ul li a {
        font-size: 1.6em;
    }
    
    #header #menu > ul > li > a { padding: 5px 0; font-size: 21px; }
    #header #menu > ul > li.active > a:after { content: none; }
    
    #header #menu > ul > li.webshop { display: flex; justify-content: center; margin: 0 auto; margin-top: 15px; height: auto; }
    #header #menu > ul > li.webshop a { padding: 8px 12px 12px 12px; width: 200px; }
    
    #header #menu > ul > li.btn.cart.desktop { display: none; }
    .btn.cart.mobile { display: block; }
    
    #header #menu ul li ul { display: none!important; }
        
    /* if language is used */
    #langmenu {
        position: fixed;
        top: 2em;
        left: 2em;
        z-index: 8;
        border-radius: 3px;
        display: none;
        opacity: 0;
        width: 200px;
    }
    #langmenu a {
        display: block;
    }
    #menu.active ~ #langmenu {
        display: block;
    }
    /* /if language is used */


    /* header image */
    #header-image { margin-top: 75px; }
    #header-image-container { width: 85%; }
    body.homepage #header-image-container .center { margin-bottom: 10%; }
    #header-image-container .center h1 { margin-bottom: 6px; font-size: 21px; }
    body.homepage #header-image-container .center h1 { margin-bottom: 20px; font-size: 32px; }
    #header-image-container .center h2 { font-size: 21px; }
    
    #header-image-image { height: 75px; }
    body.homepage #header-image-image { height: 45vh; }
    #header-image-image img { }
    body.homepage #header-image-image img { }
    
    
    /* breadcrumbs */
    #breadcrumbs { position: absolute; top: 20px; font-size: 12px; padding: 0 7.5%; width: 100%; line-height: 1.4; }
    #breadcrumbs ul { /*flex-wrap: nowrap;*/ }
    #breadcrumbs ul li { margin: 0!important; width: auto!important; white-space: nowrap; }
    #breadcrumbs ul li:after { margin: 0 6px; }    
    
    /* blokken homepage */
    #blokken-container { margin-top: -40px; padding: 0 0 50px 0; width: 85%; }
    #blokken-container .blokken-wrapper { flex-wrap: wrap; left: 0; width: 100%; }
    #blokken-container .blok { display: flex; margin: 0; margin-bottom: 10px; width: calc(100%); }
    #blokken-container .blok .image { width: 115px; height: 72px; }
    #blokken-container .blok .content { display: flex; flex-direction: column; justify-content: center; padding: 0 25px; width: calc(100% - 115px); }
    #blokken-container .blok .content h2 { margin-bottom: 4px; font-size: 17px; line-height: 1; }
    #blokken-container .blok .content p { display: none; }
    
    /* nieuws homepage */
    #nieuws-container { padding: 50px 0 55px 0; width: 85%; }
    #nieuws-container h2 { padding-bottom: 30px; font-size: 24px; }
    #nieuws-container .nieuws-wrapper { left: 0; width: 100%; }
    #nieuws-container .bericht { margin: 0; margin-bottom: 10px; width: 100%; }
    #nieuws-container .bericht .image { width: 115px; }
    #nieuws-container .bericht .content { display: flex; flex-direction: column; justify-content: center; padding: 0 10px 0 25px; width: calc(100% - 115px); }
    #nieuws-container .bericht .content span.date { margin-bottom: 5px; font-size: 10px; line-height: 1; }
    #nieuws-container .bericht .content .title { margin: 0; font-size: 16px; line-height: 1; }
    
    #nieuws-container a.btn { margin-top: 30px; padding: 15px 25px 18px 25px; font-size: 16px; }

        
    /* content */
    .row {
        padding: 75px 0 60px 0;
    }
    body.homepage .row {
        padding: 60px 0 50px 0;
    }
    body.webshop.product .row.first {
        overflow: hidden;
        background-color: transparent;
    }
    .content {
        display: block;
        width: 85%;
    }
    .content .page_content,
    .content .page_content.hassubmenu,
    .content .page_content.hasmedia,
    .content .page_content.hassubmenu.hasmedia {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .content .page_content { font-size: 16px; }
    
    .content .page_content.shop_cart_container { display: flex; flex-direction: column; }
    
    .content .page_content.product { flex-wrap: wrap; margin-top: 0!important; }
    body.product .content .page_content h1,
    .content .page_content.product h1 { display: block; margin: 0; margin-bottom: 30px; padding-bottom: 0; }
        
    .content .page_content.product .description table tr th { padding-bottom: 0; width: 100%; }
    .content .page_content.product .description table tr td { padding-top: 5px; }
    .content .page_content.product .description table tr th,
    .content .page_content.product .description table tr td { padding-right: 0; }

    .content .page_content.product .description .specs_2 { margin-top: 25px; }
        
    .content .left .media.foto { margin: 0; border: 1px solid #ddd; box-sizing: border-box; }
    .content .left .media.foto a img { max-width: 80%; max-height: 80%; }
    
    .owl-nav .owl-prev,
    .owl-nav .owl-next { width: 40px; }
    .owl-dots { bottom: 20px; }
    .owl-dots .owl-dot { margin: 3px; width: 6px; height: 6px; }
    
    .content .page_content.hasright { width: 100%; padding-right: 0; }
    .content .page_content.hassubmenu.hasright {
        width: 100%;
        padding-left: 0;
    }
    
    .content .page_content h1 {
        font-size: 1.5em;
    }
    .content .page_content h2 { 
        max-width: 100%;
    }
    .content .page_content h2 { font-size: 21px; line-height: 1.2; }
    .content .page_content > h2:first-of-type { margin-bottom: 20px; }
    body.privacy .content .page_content h2:nth-of-type(n+2) { font-size: 21px; }
    
    body.homepage .content .page_content h2 { margin-bottom: 20px; }
    body.contact .content .page_content > h2:first-of-type { margin-top: 0; margin-bottom: 30px; }
    
    .content .right { margin-top: 50px; width: 100%; }
    
    .content .media {
        width: 100%;
        margin-top: 2em;
    }
    .content .media a .icon,
    .fotoalbum a .icon,
    .news-overview .item a .image .icon {
        display: block;
    }
    .content #submenu {
        width: 100%;
        margin-top: 0;
        margin-bottom: 40px;
    }
    .content #submenu-trigger {
        display: block;
        padding: 5px 20px;
        font-size: 16px;
        text-transform: uppercase;
        background-color: transparent;
    }
    .content #submenu-trigger.active {
        margin-bottom: 10px;
    }
    .content #submenu-trigger svg { width: 12px; height: 12px; }
    
    .content #submenu ul {
        display: none;
        padding-top: 10px;
    }
    .content #submenu ul.master {
        border-top: 1px solid #3f396d;
    }
    .content #submenu ul.active {
        display: block;
    }
    .content #submenu ul li a { padding: 8px 20px 10px 20px; font-size: 16px; }
    .content #submenu ul li a svg,
    .content #submenu-trigger svg {
        right: 20px;
        fill: #fff;
    }
    
    #submenu ul li.parent { display: none; }
    #submenu ul li ul.subsub { display: none!important; }
    
    
    /* producten */
    body.merken .content .page_content.hassubmenu.hasmedia { width: 100%; }

    #producten { left: 0; margin-top: 15px; width: 100%; }
    .shop_products { left: 0!important; margin-top: 0!important; width: 100%!important; }
    .product { display: flex; flex-wrap: wrap; margin: 0!important; margin-bottom: 10px!important; width: 100%!important; }
    .product:last-of-type { display: flex; margin: 0; margin-bottom: 10px; width: 100%; }
    .product > .image { padding-bottom: 90px!important; width: 100px!important; border-right: 1px solid #ddd; }
    .product > .image img { width: auto; max-width: 70%!important; max-height: 65%!important; }
    .product > .title,
    .product-content > .title { display: flex; flex-direction: column; justify-content: center; padding: 0 20px 2px 20px!important; width: calc(100% - 116px); font-size: 17px!important; font-weight: 500!important; line-height: 1.1!important; letter-spacing: 0!important; text-align: left!important; box-sizing: border-box; }
    .product > .title span { display: none; }
    
    .shop_products .product { /*overflow: hidden;*/ }
    .shop_products .product .actie { top: -18px!important; left: 50px; right: auto!important; transform: rotate(5deg) scale(0.6)!important; }
    .shop_products .product .image { border-radius: 0!important; background-color: transparent!important; }
    .shop_products .product .product-content { display: flex; flex-direction: column; justify-content: center; padding: 0 20px 2px 20px!important; width: calc(100% - 101px); box-sizing: border-box; }
    .shop_products .product .product-content .title { margin: 0; padding: 0!important; width: 100%; font-size: 14px!important; }
    .shop_products .product .product-content .price { margin: 0; margin-top: 3px; padding: 0; text-align: left; }
    .shop_products .product .product-content .price .price-incl { font-size: 16px!important; }
    .shop_products .product .product-content .price .price-excl { margin-top: 5px; font-size: 12px!important; line-height: 1; }
    
    /* ZIE ONDERAAN SHOP.CSS */
    /*.related { padding: 25px 0 15px 0!important; }
    .related h3 { max-width: 100%; margin-bottom: 15px; }
    
    .related .products { left: -2%; width: 104%; }
    .related .products .related-product { margin: 2%; padding: 8px 0 22px 0; width: calc(100% / 2 - 4%); border: 1px solid #ddd!important; border-radius: 5px; box-sizing: border-box; }
    .related .products .related-product form.relatedproducts { flex-direction: column; flex-wrap: wrap; justify-content: flex-start; }
    .related .products .related-product a { width: 100%; }
    .related .products .related-product .image { padding-bottom: 60%; width: 100%; }
    .related .products .related-product .title { width: 80%; height: 50px; text-align: center; box-sizing: border-box; }
    .related .products .related-product .price { margin-top: 8px; width: 100%; text-align: center; }
    .related .products .related-product .price .price-excl { margin-top: 2px; }
    .related .products .related-product .product_quantity { margin-top: 10px; width: 100%; }
    .related .products .related-product input[type="submit"] { justify-content: center; margin-top: 10px; width: 100%; font-size: 12px; }*/
    
    .page_content.product .left .actie { top: -30px!important; right: 0!important; transform: rotate(5deg) scale(0.75)!important; }
    
    /* ZIE ONDERAAN SHOP.CSS */
    /*body.shopoverview #producten .product { }
    body.webshop.shopoverview #producten .product { padding: 0; }
    body.merken #producten .product { width: 100%; }
    body.products { }
    body.product { }*/
    
    .product .image .no_image { padding: 15px 0 20px 0!important; font-size: 12px; line-height: 1.2; text-align: center; }
    
    .content .left .media.video .item .title { font-size: 15px; }


    /*news */
    .news-overview { display: block; width: 100%; margin-left: 0; }
    .news-overview h2 { padding-bottom: 30px; font-size: 24px; }
    .news-overview .nieuws-wrapper { left: 0; width: 100%; }
    .news-overview .item { margin: 0; margin-bottom: 10px; width: 100%; }
    .news-overview .item a { display: flex; }
    .news-overview .item .image { width: 115px; }
    .news-overview .item .news-overview-content { display: flex; flex-direction: column; justify-content: center; padding: 0 10px 0 25px; width: calc(100% - 115px); box-sizing: border-box; }
    .news-overview .item .news-overview-content .meta { margin-bottom: 5px; font-size: 10px; line-height: 1; letter-spacing: 0.25px; }
    .news-overview .item .news-overview-content h2 { margin: 0; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: 0; }

    .content .page_content.news_content p { margin: 0; }
    .content .page_content a.back { margin-top: 20px; }
    
    .content .media a .icon,
    .fotoalbum a .icon,
    .news-overview .item a .image .icon { width: 30px; height: 30px; }
    .content .media a .icon svg,
    .fotoalbum a .icon svg,
    .news-overview .item a .image .icon svg { width: 12px; height: 12px; }
    

    /* fotoalbums */
    .content .page_content .fotoalbum a,
    .content .page_content .fotoalbum a.foto {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .content .page_content .fotoalbum a:last-of-type,
    .content .page_content .fotoalbum a.foto:last-of-type {
        margin-bottom: 0;
    }
    
    
    body.webshop.shopoverview #header-image-container .center h1 { margin-bottom: 15px; font-size: 24px; }
    body.webshop.shopoverview #header-image-container .center h2 { font-size: 18px; line-height: 1.3; }
    body.webshop.shopoverview .row { padding: 45px 0 45px 0; }
    body.webshop.shopoverview .product .title { font-size: 18px!important; }
    
    
    /* footer */
    body.contact .content .page_content { padding-right: 0; width: 100%; }
    .content #contact { padding-left: 0; width: 100%; }
    .content #contact form { margin-top: 40px; padding: 30px 20px 40px 20px; width: 100%; }
    .content #contact form input.submit { padding: 16px 25px 17px 25px; width: auto; font-size: 16px; }


    /* footer */
    #footer #footer-container {
        margin: 0px auto;
        width: 85%;
        padding: 50px 0;
        flex-wrap: wrap;
    }
    #footer #footer-container .column {
        margin-bottom: 30px;
        width: 100%;
        max-width: none;
    }
    #footer #footer-container .column ul.socials {
        justify-content: flex-start;
    }
    #footer #footer-container .column:last-of-type {
        margin-bottom: 0;
    }
    #footer #footer-container .column ul.socials li.btn {
        margin-left: 0;
        margin-right: 10px;
    }
    
    #footer #footer-container .footer-container-content {
        display: block;
    }
    #footer #footer-container .footer-container-content .column.naw,
    #footer #footer-container .footer-container-content .column.buttons {
        width: 100%;
    }
    #footer #footer-container .footer-container-content .column.naw {
        margin-bottom: 2em;
    }
    #footer #footer-container .footer-contact span.item {
        display: block;
    }
    #footer #footer-container .footer-buttons {
        justify-content: space-between;
    }
    #footer #footer-container .footer-buttons a {
        margin-left: 0;
    }
    #footer #footer-container .footer-credits {
        text-align: center;
    }
    
    #footer #footer-container .logos {
        position: relative;
        display: flex;
        justify-content: flex-end;
        bottom: 0;
        margin-top: 15px;
        width: 100%;
    }
    
    #footer-bottom-container { flex-wrap: wrap; padding-top: 40px; padding-bottom: 60px; width: 85%; }
    #footer-bottom .copy { margin-bottom: 20px; }
    #footer-bottom .credits { flex-wrap: wrap; }
        #footer-bottom .links a { display: block; margin: 0; width: 100%; } 
        #footer-bottom .cybox-tag { margin-top: 15px; margin-bottom: 15px; margin-left: 0; width: 100%; }
        #footer-bottom .cybox-tag span { display: block; }
        #footer-bottom .cybox-tag span.divider { display: none; }
        #footer-bottom .cybox-tag a { }


    /* kiek */
    #kiek-close,
    #kiek-close:hover {
        top: 5%;
        right: 0;
        width: 100%;
        background-size: 16px 16px;
    }
    #kiek-close span.kiek-close  {
        width: 100%;
    }

    div#kiek-left, 
    div#kiek-right,
    div#kiek-left:hover, 
    div#kiek-right:hover{
        background-position: 50% 95%;
        width: 50px;
        background-size: 16px 16px;
    }

}