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

    .categoryCMS .description {
        top: 25px;
        left: 10px;
    }

}

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

    #customMenu .columns {
        grid-template-columns: repeat(2,1fr)!important;
    }

    .checkout-index-index li.overviewWrapper {
        width: calc(100% - 20px);
    }

    .opc li {
        padding: 20px;
    }

    ol.products.list.items.product-items {
        float: left;
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }

    #checkoutSteps li#shipping,.opc-wrapper #opc-shipping_method, .opc-wrapper #payment {
        margin-right: 20px;
        width: calc(100% - 20px);
    }

    .opc-wrapper,div#iosc-summary {
        width: 50%!important;
    }


    .produkteRow ul {

        top: 40px;
        left: 40px;
    }

    .kundenBox {
        grid-template-columns: auto auto auto auto auto;
    }

    .categoryCMS .description {
        max-width: 270px;
    }

    .legalContent .infoBoxes {
        grid-template-columns: 100%;
    }

    .catalog-product-view .page-main {
        padding-left: 0px;
        padding-right: 0px;
    }

    img.payment_logo {
        width: 60px;
    }







    /* BOX SIZING FIX */
    .grid-container.quarters .quarterBanner .text, .grid-container.halfs .halfBanner .text {font-size: 3vw}

    .categoryNavCaption span.title, .toolbar span.categoryName {
        font-size: 3vw;
    }

    .page-products .products-grid .product-item {
        width: 23.8%;
    }

    strong.product.name.product-item-name a {
        font-weight: 1.6vw;
    }

}

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

    div#customMenu {
        display: none;
    }

    ol.products.list.items.product-items {
        grid-template-columns: repeat(3,1fr);
    }

    .productListColors .allColors {
        left: 10px;
        opacity: 1;
    }

    .colorsTitle,
    .productListColors .baseColor {
        display: none;
    }

    .accountWrapper {
        width: 280px;
    }

    .resMenuButton {
        display: inline-block!important;
    }

    

    .checkout-cart-index .proofBox .message {
        max-height: 500px;
        font-size: 14px;
        padding: 20px;
        right: -1px;
        bottom: -1px;
    }

    .checkoutHeaderHelp {
        display: none
    }

    .produkteRow {
        width: 100%;
        grid-template-columns: 100%;
    }

    #homepageSlider #sliderControls {
        top: 170px;
        left: 50px;
    }

    .login-container .block {
        width: 100%
    }    

    div#product-detail {
        grid-template-columns: 100%;
    }

    #product-detail .col.first {
        margin-bottom: 20px;
    }

    .kundenBox {
        grid-template-columns: auto auto auto auto;
    }

    /*mini cart items*/

    #mini-cart li.item.product.product-item {
        margin: 0;
    }

    #mini-cart .mouseover-images ul {
        width: 300px;
    }

    /*Payment Methods*/

    .footer_cards {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 50px;
        max-width: 510px;
    }

    img.payment_logo {
        width: calc(20% - 6px);
        margin: 1px;
        box-sizing: border-box;
    }

    /*CMS PAGES*/
    .contentPageTeaser .content .priceButton {font-size: 16px;}
    .contentPageTeaser .content {left: 60px;}
    .contentPageTeaser .content .caption {font-size: 6vw;}
    .contentPageTeaser .content .subCaption {font-size: 5vw;}
    .contentPageTeaser .content .description {font-size: 2.2vw;}
    .contentPageTeaser .content ul li {
        margin-right: 10px;
        font-size: 2vw;
    }

    /*PRODUCT LIST*/
    .catalog-category-view .sidebar-additional, .page-layout-legal-page .sidebar-additional {display: none;}
    .catalog-category-view .column.main {width: 100%}
    .toolbar span.categoryName {font-size: 35px;}
    .toolbar-sorter.sorter {float: right;}
    li.item.product.product-item {
        width: calc(25% - 10px);
        margin-left: 10px;
    }

    .legalContent {
        float: left;
        background: #fff;
        width: calc(100% - 40px);
        margin-right: 20px;
        margin-left: 20px;
        float: left;
    }

    strong.product.name.product-item-name a{font-size: 2vw;}

    /* FONTS IN SLIDER */
    .slide_content .caption {font-size:8vw!important}
    .slide_content .subCaption {font-size:5vw!important}
    .slide_content ul li {font-size: 1.6vw}
    .actionButton, .slide_content .priceButton {font-size: 16px;}

    /* POSITIONS IN SLIDER */
    li.slide .slide_content {top: 250px;left: 50px;}
    .slide_content ul li {margin-right: 15px}

    /* LIGHTBOXES */
    .ccPopup.popUp {
        padding-right: 40%;
    }


    /* USP FONTS */
    span.uspSpan {font-size: 1.6vw;}

    .ves-column4 > .item-content1 > .mega-col {
        width: calc(25% - 20px)!important;
        margin-right: 20px;
    }
    .menuHeadline span.subCaption,.favoritenBlock {width: 100%;}

    .grid-container.quarters {grid-template-columns: auto auto}
    .grid-container.quarters.reversed {grid-template-columns: auto auto}

    .grid-container.quarters.reversed .item-1 {
        grid-area: 1 / 1 / 2 / 3!important;
    }

    .grid-container.quarters.reversed .item-2 {
        grid-area: 2 / 1 / 2 / 2!important;
    }

    .grid-container.quarters.reversed .item-3 {
        grid-area: 2 / 2 / 2 / 3!important;
    }

    .grid-container.quarters .quarterBanner.item-3 {
        grid-area: 2 / 1 / 3 / 3;
    }

    .grid-container.halfs .halfBanner.item-1 {
        grid-area: 1 / 1 / 2 / 3;
    }

    .grid-container.halfs .halfBanner.item-2 {
        grid-area: 2 / 1 / 3 / 3;
    }

    .grid-container.quarters .quarterBanner .text, .grid-container.halfs .halfBanner .text {font-size: 5vw}

    .fbBanner img, .rabatt img {
        height: 21px;
    }

    .fbBanner span, .rabatt span {
        right: 20px;
        top: 25px;
    }

    .grand.totals strong span.price {
        color: #000!important;
        font-size: 2vw;
        letter-spacing: -1px;
    }

    .overviewWrapper .ship-via {
        grid-area: 1/1/2/3;
    }

    .checkout-index-index li.overviewWrapper .shipping-information {
        grid-template-columns: 50% 50%;
    }

}


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

    .checkout-index-index li.overviewWrapper {
        width: 100%
    }

    #mini-cart.hoverCart li.subitem {
        padding: 10px 20px 5px 10px;
    }

    ol.products.list.items.product-items {
        grid-template-columns: repeat(2,1fr);
    }

    .page-product-configurable .page.messages {
        display: none;
    }

    .product-item-details .product-qty {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .page-product-configurable .product.media {
        height: auto;
        width: 100%;
    }

    .page-product-configurable .product-info-main {
        margin-left: 10px;
        margin-top: 0px;
        padding: 30px 0;
        width: calc(100% - 20px)!important;
    }

    .page-product-configurable .column.main {
        background-position-y: 0px;
    }

    #heurekaTableft {
        display: none!important;
    }

    .grand.totals strong span.price {
        font-size: 30px;
    }

    .opc-wrapper {
        width: 100%!important
    }

    .checkout-cart-index .proofBox .message {
        width: 410px;
        display: none;
        max-height: 370px;
        max-width: 295px;
        bottom: 45px;
        overflow-y: scroll;
    }

    .checkout-cart-index .cart-summary {
        float: left;
        width: 100%;
    }

    .checkout-success .details,.checkout-success .content .messages {
        grid-template-columns: 100%;
    }

    .content .messages span:first-of-type {
        border-right: 0px dashed var(--highlight);
        border-bottom: 1px dashed var(--highlight);
    }

    .checkout-success .details .column{
        border-bottom: 1px dashed var(--highlight);
        border-right: 0px dashed var(--highlight);
    }

    #checkoutSteps li#shipping, .opc-wrapper #opc-shipping_method, .opc-wrapper #payment,div#iosc-summary {
        width: 100%!important;
        margin-right: 0px!important;
    }

    #checkoutSteps li#shipping {
        margin-bottom: 20px;
    }

    .category-cms {
        display: none;
    }

    .produkteRow ul {
        left: 20px;
        top: 20px;
    }

    .produkteRow .column span.caption {
        font-size: 9vw;
    }

    .produkteRow .column img {
        margin-right: -80px;
    }

    .custom-slide .modal-inner-wrap .opc-block-summary{
        margin-top: 50px;
    }

    .opc-estimated-wrapper {
        margin-bottom: 0px;
    }

    .login-container .fieldset > .field > .control {
        width: 100%;
    }

    .block.social-login-authentication-channel.account-social-login .block-content {
        text-align: center!important;
    }



    .minicart-wrapper .block-minicart {
        width: 360px;
        right: -20px;
    }

    .block.newsletter .form.subscribe {
        display: table;
        width: 100%;
        margin-top: 40px;
        float: left;
    }

    .nav-item.res_hidden {
        display: none;
    }

    #mini-cart li.subitem {
        padding: 10px;
    }

    #mini-cart li.subitem .size {
        min-width: 95px;
    }

    .payments-minicart {
        display: none;
    }

    .block-minicart .block-content > .actions > .primary .action.primary {
        width: 100%;
    }

    .product-item-details .product-item-pricing {
        float: right;
        width: 100%;
        text-align: right;
        border-top: 1px dashed var(--highlight);
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 10px;
    }

    .minicart-items .product-item-details .price {
        font-size: 20px;
    }

    .product-item-left-details {
        width: 100%;
    }

    .product-item-details .product-qty {
        float: left;
        width: 100%;
        text-align: left;
        padding-top: 15px;
        border-top: 1px dashed var(--highlight);
        border-left: 0px;
        border-right: 0px;
        padding-bottom: 10px;
    }

    .minicart-items .item-qty {
        margin-left: 0px;
    }

    .product-qty-value {
        font-weight: 600;
        padding-top: 0px;
        font-size: 17px;
        padding-right: 10px;
        color: #000;
        float: right;
    }

    .page-header {
        border-bottom: 0px;
    }

    .legalContent h2 {
        font-size: 2rem;
    }

    .kundenBox {
        grid-template-columns: auto auto auto ;
    }

    .navigation {
        float: left;
        width: calc(100% - 40px)!important;
        background: none;
        height: auto;
        width: 100%!important;
        background: none!important;
        z-index: 0;
        position: absolute;
        left: 0;
        top: -2px;
        border-top: 0px;
    }

    .contentPageTeaser {
        display: none;
    }

    .popUp {
        padding: 40px 20px;
    }

    .catalog-product-view .breadcrumbs {
        display: none;
    }

    .popUp.rabattPopup span.caption {
        margin-bottom: 10px!important;
        font-size: 11vw!important;
    }

    .popUp .rabattItem {
        width: calc(20% - 5px);
        height: auto;
        padding: 10px;
        margin: 2.5px;
        background: #fff;
        color: #bd1819;
        font-weight: 600;
        float: left;
        /* border: 3px solid #FFF; */
        border-radius: 8px;
        position: relative;
        font-size: 6vw;
        letter-spacing: -1px;
        text-align: center;
        padding-top: 35px;
        margin-bottom: 30px;
    }

    .rabattPopup.popUp .subCaption, .rabattPopup.popUp p {
        color: #dcbcbc;
        margin-top: 20px;
    }

    .rabattItem span.quantity {
        font-size: 15px;
    }

    .closeMobile { 
        display: block;
    }


    .popUp span.caption {
        margin-bottom: 10px;
    }

    li.item.product.product-item {
        width: calc(50% - 10px);
        margin-bottom: 10px;
    }

    .responsiveTeaser {
        display: block;
    }

    .homepageSliderWrapper {
        display: none;
    }

    strong.product.name.product-item-name a {
        font-size: 4vw;
    }

    .nav-toggle {
        display: none;
    }

    .sections.nav-sections {
        display: none;
    }

    .page-header {
        margin-bottom: 0px;
    }

    .homepageSliderWrapper {
        margin-top: 20px;
    }

    nav.navigation {
        left: 0;
        top: -1px;
        width: 100%!important;
    }

    .produkte_caption {display: none;}

    .ves-menu .navigation .level0 > .submenu {
        min-height: calc(100vh - 63px);
        padding: 20px;
        padding-left: 20px!important;
        position: absolute!important;
        top: 63px!important;
    }

    .navigation .submenu:not(:first-child) {
        top: 63px!important;
    }

    .menuHeadline span.caption {
        width: 100%;
        line-height: 1;
        margin-bottom: 30px;
    }

    .nav-mobile .nav-item.level1 {
        padding-left: 0px!important;
    }

    .favoritenBlock {display: none;}

    .menuHighlighted i {
        top: 14px;
        left: 10px;
        position: absolute;
        font-size: 35px;
        color: #9a9a9a;
        display: block;
        height: 50px;
    }

    .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) {
        border-width: 0px!important;
    }

    .navigation .submenu:not(:first-child) .active > a {
        border-width: 0px;
    }

    .menuHighlighted {
        background: none;
    }

    .grid-container.quarters .quarterBanner .text, .grid-container.halfs .halfBanner .text {
        font-size: 6vw;   
    }

    .page-main > .page-title-wrapper .page-title {
        margin-top: 20px;
        font-size: 6vw;
    }

    .sidebar.sidebar-main {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    form#form-validate {
        float: left;
        width: 100%;
    }

    .account .page-main, .cms-privacy-policy .page-main {
        padding-top: 0px;
        position: relative;
    }

    .customer-account-login .page-main, .customer-account-forgotpassword .page-main, .page-layout-2columns-left .page-main, .page-layout-checkout .page-main {
        padding:0px;
    }

    .page-layout-2columns-left .page-title-wrapper {
        text-align: center;
    }

    .account .page-title-wrapper .page-title {
        margin-right: 0px;
    }


    .account .page.messages {margin-bottom: 0px;}

    .fbRabatt {
        grid-template-columns: auto;
    }

    .accountIcon {
        padding-right: 15px;
        right: 70px;
        float: right;
        height: 63px;
    }

    .nav-toggle {top: 12px;}

    .logo {
        margin: -5px auto 0px 50px;
        max-width: 50%;
    }

    .actions-toolbar .secondary {
        float: left;
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }

    .login-container .block {
        width: 100%;
        height: auto;
        min-height: 300px;
    }

    .logo img {margin-top: 10px;}

    /* QUARTER BANNERS BEHAVIOUR */


    .uspWrapper ul {display: block;}

    .accountIcon span, .accountIcon .dropdownIcon{display: none!important;}
    .minicart-wrapper {margin-top: 0px;}
    .accountIcon {padding-top: 15px;}

    :root {
        --side-padding: 15px;
    }

    /*USP BEHAVIOR*/

    span.uspSpan {font-size:4.6vw} 

    .uspWrapper ul li {
        border-right: none;
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        box-sizing: border-box;
    }

    span.uspSpan.link {
        position: absolute;
        top: 20px;
        right: 20px;
        width: auto!important;
    }

    .uspWrapper ul li .USPitem {
        width: 100%;
        box-sizing: border-box;
    }

    .opc-wrapper {
        float: left;
        width: 100%;
    }

    .opc-sidebar {
        margin: 56px -44px;
        width: 100%;
        height: 100vh;
        float: left;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        right: 0;
        /* position: absolute; */
    }

    #opc-sidebar {
        width: 100%;
    }

    tbody.cart.item.pimp-item tr td.col.subtotal {
        width: auto;
    }

    tbody.cart.item.pimp-item tr td.col.subtotal[data-th]:before {
        content: '';
    }

    tbody.cart.item.pimp-item .product-image-photo,
    .minicart-items .pimp-item .product-image-photo {
        margin-top: 0;
    }        
}


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

    /*sizetable issue*/
    .sizetable table {
        max-width: 100%;
        font-size: 11px
    }
    
    .sizetable table th,
    .sizetable table td{
        padding: 5px
    }
    
    #product-detail .col.first {
        padding: 20px;
    }
    /*sizetable issue end*/

    .resMenuButton {
        width: 40px;
    }

    .opc-wrapper .step-title {
        margin-bottom: 15px;
        font-weight: 600
    }

    .checkout-index-index .field.addresses .control .shipping-address-items .shipping-address-item {
        width: 100%;
    }

    .checkout-index-index .address-name-info .row {
        grid-template-columns: 100%;
    }

    ol.products.list.items.product-items {
        grid-template-columns: repeat(1,1fr);
    }

    .product-image-photo {
        width: 340px!important;
        max-width: 360px!important;
        margin-left: -180px;
        margin-right: -180px;
    }

    tbody.cart.item.designed-item tr td:last-of-type, tbody.cart.item.collection-item tr td:last-of-type {
        float: left;
    }

    .checkout-cart-index .proofBox {
        display: none;
    }



    .textContent .imageParagraph p, .textContent .imageParagraph h3  {
        float: left;
        width: 100%;
    }

    .proveBox {
        padding:30px;
    }

    i.material-icons.warning {
        display: none;
    }

    .cart.table-wrapper .item .col.item {
        display: block;
        min-height: 75px;
        padding: 5px 0 10px 15px;
        position: relative;
    }

    a.box-cover-button {
        font-size: 4.5vw;
    }

    .produkteRow .column li {
        margin-bottom: 5px;
    }


    .product-image-wrapper, .product-image-container {
        height: 320px;
    }



    ul.socialIcons {
        width: 100%;
    }

    .footer.content ul li strong {
        margin-top: 20px;
    }

    ul.socialIcons li strong {
        width: 100%;
        margin-top: 30px;
    }

    .socialIcons li {
        float: left;
    }

    #product-detail .sizes .sizetable-img, #product-detail .sizes .sizetable {
        width: 100%;
    }

    #product-detail .sizes .sizetable {
        width: 100%;
        float: left;
        font-size: 14px;
    }

    .socialIcons li img{
        margin-right: 10px;
    }

    ul.socialIcons .socialCaption {
        width: 100%;
        float: left;
    }

    .emptyCartContent {
        padding: 127px 20px 40px;
    }

    .textContent .imageParagraph img {
        display: none;
    }

    .textContent {
        padding: 30px 20px;
    }

    .contactLeft, .contactRight {
        width: 100%;
    }

    div#product-detail {
        padding: 20px;
    }

    .kundenBox {
        padding: 20px;
    }


    .footer_cards {
        max-width: 100%;
    }

    .footerAnchors {
        padding:20px;
        background: #e7e5df;
    }

    .logo img { 
        margin-top: 10px;
    }

    .ccPopup.popUp {
        padding:40px 20px;
        background: #ecebe6;
    }

    .page-main {
        padding-left: 0px;
        padding-right: 0px;
    }

    .toolbar span.categoryName {
        font-size: 7vw;
    }

    .catalog-category-view .breadcrumbs {
        padding: 30px 0px 0px 10px
    }

    .catalog-category-view .column.main {
        padding: 0 10px;
    }

    .toolbar-products {
        margin-bottom: 0px;
    }

    strong.product.name.product-item-name a {
        font-size: 7vw;
    }

    .toolbar-sorter.sorter {
        display: none;
    }

    li.item.product.product-item {
        width: 100%;
        margin-left: 0;
    }

    .footer_phone {
        width: 100%;
        background: #fff;	
    }

    .footer_phone .left span {
        display: none;
    }

    .footer_phone .number {font-size: 8vw}

    .footer_phone .left {
        padding: 10px 20px 10px 40px;
    }

    .fbBanner span, .rabatt span {font-size: 3.5vw}

    .grid-container.quarters .quarterBanner .text strong, .grid-container.halfs .halfBanner .text strong {
        font-size: 4.6vw; margin-top: 5px;
    }

    .grid-container.quarters .quarterBanner .text, .grid-container.halfs .halfBanner .text {
        font-size: 6vw;   
        top: 30px;
        left: 20px;
    }



}

@media only screen and (max-width: 460px) {
    i.actionButtonLI {
        font-size: 3.5vw;
    }



    .checkout-index-index .address-normal .row.row-2 {
        grid-template-columns: 100%;
        width: 100%
    }

    .block-minicart .subtotal {
        width: 100%;
    }

    div#shirtplatform_creator {
        min-height: calc(100vh - 150px);
    }

    td.col.col-logo {
        display: none;
    }

    body.checkout-cart-index .item-info .col .image {
        width: 20%;
        height: auto;
    }

    .kundenBox {
        grid-template-columns: auto auto ;
    }

    .popUp span.phone {
        font-size: 11vw;
    }

}