/* @media screen and (min-device-width: 1200px) and (max-device-width: 1900px) { 
.date-select-page .calendar-section {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 95vh;
    background: #ffffff; 
    margin-top: 50px;
}
} */

@media screen and (min-device-width: 1025px) and (max-device-width: 1427px) { 
    .col-cc-2.list-box.preorder {
        width: 16%;
    }
        .col-md-2.col-lg-2.preorder.list-box {
        width: 35%;
    }
        .voorafbestelling .col-md-2 {
        flex: 0 0 auto;
        width: 17.666667%;
    }
    .col-md-2.col-lg-2.cutom.list-box {
        width: 21%;
    }
    .voorafbestelling h3 {
    font-size: 20px !important;
    height: 27px;
}
    .col-md-2.col-lg-2.list-box.NaN h3 {
        height: 48px;
    }
    .col-md-2.col-lg-2.list-box.NaN {
  
        height: 76px;
    }
    .col-md-2.col-lg-2.preorder.list-box h3 {
        position: relative;
        top: 5px;
    }
    .col-cc-3.preorder.list-box {
        width: 16%;
      } 
      .col-md-2.col-lg-2.preorder.list-box{
        width:10%;
      }
    .voorafbestelling .col-cc-3{
        flex: 0 0 auto;
             width: 16%;
       }
       .voorafbestelling .col-cc-2 {
        flex: 0 0 auto;
        width: 15.666667%;
    } 
         .voorafbestelling .col-cc-4 {
             flex: 0 0 auto;
             width: 32%;
         }
         .voorafbestelling  .col-md-2 {
            flex: 0 0 auto;
            width: 14.666667%;
        }
    } @media screen and (min-device-width: 1025px) and (max-device-width: 1200px) { 
      
    }
    @media screen and (min-device-width: 599px) and (max-device-width: 990px) { 
        .col-md-2.col-lg-2.list-box.NaN {
            padding-top: 32px;
            height: 78px;
        }
        .col-md-2.col-lg-2.preorder.list-box h3 {
            position: relative;
            top: 5px;
        }
        } 
@media only screen and (max-width: 600px) {
    .voorafbestelling .product-col {
        padding-bottom: 20px !important;
        padding: 0px;
        text-align: left;
        margin-bottom: 10px;
        border-radius: 0px;
        border: 1px solid rgba(218, 47, 48, 0.50);
        border: 0px solid rgba(218, 47, 48, 0.50);
        margin-bottom: 20px;
        border-bottom: solid 0px #ffc5c5;
    }
    img.featured-image.mobile-img {

        display: block;
      }
     
   
    img.featured-image.desktop-desktop {
        display: none;
    }
    .voorafbestelling .text-box {
        display: block;
        justify-content: space-between;
        align-items: center;
    }
    
    img.featured-image {
        width: 100%;
        height: 230px;
        margin-top: 0px;
        object-fit: scale-down;
        margin-left: 0px;
        margin-bottom: 4px;
    }
    .dashboard-section .logo-center {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-top: 56px;
    }
    .col-md-2.col-lg-2.preorder.list-box h3 {
        position: relative;
        top: -3px;
    }
    .col-md-2.col-lg-2.preorder.list-box h3 {
        height: 22px;
    }
    .col-md-2.col-lg-2.list-box.NaN {
        padding-top: 0px;
        height: 78px;
    }
    /* .col-md-2.col-lg-2.list-box.NaN {
        padding-top: 0px;
        height: 0px;
    }
    .col-md-2.col-lg-2.list-box.NaN {
        padding-top: 0px;
        height: 0px;
      }
      .col-cc-2.list-box.preorder p {
        margin-top: 0px;
      } */
    .col-md-2.col-lg-2.list-box.NaN h3 {
        text-align: end;
    }
    div#model_spotlight .btn-back {
        top: 10px !important;
        display: none;
    }
    div#spotitemlist {
        max-height: 485px;
        overflow: scroll;
    }
    div#model_spotlight  .container.logo-center.position-relative h1 {
        color: #da3330;
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        /* margin-left: -90px; */
        position: relative;
        left: -5px;
        top: 20px;
    }
    .col-cc-3.preorder.list-box {
        width: 100%;
    }

.col-md-2.col-lg-2.preorder.list-box {
    width: 100%;
}
    .col-md-8.list-box.col-7 {
        width: 100%;
    }
    .col-md-4.list-box.col-5 {
        width: 100%;
    }
   .cart .textarea-wrapper.cart-paragarph {
        margin-bottom: 10px;
    }
    .modal.fade.modal-style-2.newpopup.show  .btn-back img {
        margin-right: 10px;
    }
    .modal.fade.modal-style-2.newpopup.show   .article .product-col .text-box h3 {
        color: #000;
        font-family: 'DM Sans', sans-serif !important;
        font-size: 23px;
        font-style: normal;
        font-weight: 900;
        line-height: 0px;
        margin: 0px;
        text-transform: uppercase;
        height: 0px;
        margin-top: 15px;
    }
    .modal.fade.modal-style-2.newpopup.show  .article .text-box p {
        margin: 0px;
        color: #737373;
        /* margin-bottom: 20px; */
        font-family: 'DM Sans', sans-serif !important;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 0px !important;
    }

    .article .product-col .text-box h3 {
        color: #000;
        font-family: 'DM Sans', sans-serif !important;
        font-size: 23px;
        font-style: normal;
        font-weight: 900;
        /* line-height: 68px; */
        margin: 0px;
        text-transform: uppercase;
        height: 30px;
        margin-top: 0px;
    }
  
    h1.mb-block.group-header.mobile-show {
        display: block !important;
        font-size: 20px;
        margin-top: -29px;
        text-align: justify;
        color: #da3330;
    }
    .cart input, textarea {
        outline: none;
        border: 0;
        width: 100%;
        float: left;
    }
    .cart2 input, textarea {
        outline: none;
        border: 0;
        width: 100%;
        float: left;
        color:#000
    }
    .search-container.desktop-hide {
       display: none;
    }
    .reset  .new-pass input[type="submit"] {
        margin-top: 171px;
    }
    .input-box .form-control {
        height: 61px;
        border-radius: 22px;
        border: 1px solid #e6e6e6;
        background: #FFF;
        box-shadow: 0px 0px 50px 0px rgba(90, 108, 234, 0.07);
    }
    .cart   .btn-more {
        display: inline-block;
        height: 57px;
        line-height: 57px;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        border-radius: 12.729px;
        border: #DA2F30;
        background: #DA2F30;
        position: relative;
        padding: 0 60px;
        margin: 0 10px;
        color: white;
        width: 77% !important;
    }
    .forgot-pass a.btn-discover {
        width: 100%;
        height: 57px;
        border-radius: 15px;
        background: #da3330;
        color: #FFF;
        text-align: center;
        font-family: 'DM Sans', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 57px;
        position: relative;
        top: 189px;
    }
    .modal-style-2 h3 {
        color: #000000;
        font-family: "DM Sans", sans-serif;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 131.023%;
        border-bottom: 0px solid rgba(103, 103, 103, 0.10);
        padding-bottom: 4px;
        margin: 0 0 8px 0;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .text-box.text-start.popup-title h3 {
        font-size: 33px !important;
        font-weight: 900 !important;
    }
   .modal a.btn-back.btn-dis.mobile-none {
        display: none;
    }
    .modal strong.title  {
        display: none;
    }
    .cart3 #textarea-button {
        position: absolute;
        right: 10px;
        bottom: 10px;
        background-color: #007BFF;
        color: white;
        border: none;
        padding: 5px 10px;
        cursor: pointer;
        border-radius: 3px;
        width: 94%;
        border-radius: 15px;
        background: #DA2F30;
        height: 57px;
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 131.023%;
        margin-bottom: 8px;
        display: block !important;
    }
    .cart .btm-row {
        margin-top: 35px;
        background: no-repeat;
        box-shadow: none;
        padding: 15px 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        display: none;
    }
    .cart .btm-row.text-center.p-fix {
        display: block;
      }
      
    /* .cart .textarea-wrapper {
        height: 240px;
    
        border-radius: 12.729px;
        border: #DA2F30 solid 1px;
        box-sizing: border-box;
        margin-top: -16px;
    } */
    .cart .textarea-wrapper {
        width: 100%;
        padding: 10px;
        border-radius: 12.729px;
        border: #DA2F30 solid 1px;
        box-sizing: border-box;
        margin-top: 0px;
         padding-bottom: 0px;
    }
    .for-mobile-show {
        display: block;
        margin-bottom: 50px;
    }
    .for-desktop-show {
        display: none;
    }
    .for-mobile-show {
        display: block;
    }
    .cart h1.mb-block.clnd-cart-heading {
        text-align: justify;
        
        color: #da3330;
    }
    .cart .quantity-group {
        background: white;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 2px;
        padding-bottom: 2px;
        border-radius: 45px;
        /* margin-top: 4px; */
        margin: 4px;
        width: 64%;
    }
    .cart .quantity {
        display: flex;
        align-items: center;
        margin-right: 0px;
        background-color: #f3f3f3;
        border-radius: 145px;
        display: flex;
        width: 100%;
        float: left;
    }
    .cart .quantity {
        display: flex;
        align-items: center;
        margin-right: 0px;
        background-color: #f3f3f3;
        border-radius: 145px;
        display: flex;
        width: 100%;
        float: left;
    }
    .cart #textarea-button {
        position: absolute;
        right: 10px;
        bottom: 10px;
        background-color: #007BFF;
        color: white;
        border: none;
        padding: 5px 10px;
        cursor: pointer;
        border-radius: 3px;
        width: 94%;
        border-radius: 15px;
        background: #DA2F30;
        height: 57px;
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 131.023%;
        margin-bottom: 8px;
        display: none;
    }
     .cart3 #textarea-button {
        position: absolute;
        right: 10px;
        bottom: 10px;
        background-color: #007BFF;
        color: white;
        border: none;
        padding: 5px 10px;
        cursor: pointer;
        border-radius: 3px;
        width: 94%;
        border-radius: 15px;
        background: #DA2F30;
        height: 57px;
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 131.023%;
        margin-bottom: 8px;
        display: none !important; 
    }
    .cart3 .textarea-wrapper {
        /* height: 185px !important; */
        width: 100% !important;
        border-radius: 12.729px;
        border: #DA2F30 solid 1px;
        box-sizing: border-box;
 
        text-align: left;
    }
   
    .cart  h1.header-text {
        font-weight: 600;
        color: #000000;
        text-align: center;
        font-size: 24px;
        margin-top: 37px;
        margin-bottom: 90px;
        font-family: "Poppins", sans-serif;
        position: relative;
        left: -42px;
        top: 2px;
    }
    .product-qut h3 {
        font-size: 16px;
        color: #da3330;
      }
      .quantity-col h3 {
        font-size: 16px;
        color: #da3330;
      }
    .dashboard-section a.btn-back.btn-pro{
        display: block;
    }
    div#item-lists {
    margin-bottom: 120px !important;
}
    .cart a.btn-back.btn-pro {
       
        margin-top: -33px;
    }
    .cart .cart-icon-size {
        width: 40px;
        margin-top: -29px;
        display: none;
    }
    .cart h1.logo-heading {
       display: none;
      }
    .reset p {
        color: #09051C;
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 35px;
        margin-bottom: 25px;
    }
    .reset h1 {
        font-size: 25px;
        font-family: "DM Sans", sans-serif;
        font-weight: 700;
        color: #000;
    }
    .product-col.new-border.product-box-7041 {
        border: none;
        margin-bottom: 0px !important;
        padding-bottom: 8px !important;
    }
    .product-tab .nav-tabs {
        display: flow-root;
        /* border-radius: 27.5px; */
        border: none;
        padding: 6px 5px;
        text-align: center;
    }
    .product-col.new-border.product-box-7041 {
        border: none;
    }
    button.add-to-cart-btns.for-mobile-only {
        padding: 10px 25px;
        background: #DA2F30;
        color: white;
        border: none;
        border-radius: 35px;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: white;
        border: none;
        cursor: pointer;
        display: ruby-text;
        font-size: 21px;
        font-weight: 100;
    }
    button.add-to-cart-btns.for-mobile-only img {
        width: 21px;
        margin-right: 18px;
    }
    .nav-tabs {
        overflow-x: auto;
        white-space: nowrap;
      }

      .nav-item {
        display: inline-block;
        float: none;
      }
    .article .text-box p {
        margin: 0px;
        color: #737373;
        margin-bottom: 20px;
        font-family: 'DM Sans', sans-serif !important;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 34px !important;
    }
    .article .product-col {
        padding: 15px;
        text-align: left;
        margin-bottom: 40px;
        border-radius: 16px;
        border: 1px solid rgba(218, 47, 48, 0.50);
        background: #FFF;
    }
    .reset .forgot-pass {
        max-width: 490px;
        margin: 0 auto;
        border-radius: 30px;
        background: #FFF;
        box-shadow: none;
        padding: 0px 0px;
        margin: 0px;
        margin-top: 260px;
    }
  
    .reset img.logo.footer-cente#DA2F30-logo {
        display: none;
    }
    .reset  .cente#DA2F30-logo {
        display: none;
        
    }
    .reset .forgot-pass {
        background: #fff;
        padding: 0px;
        box-shadow: none;
        border-radius: 24px;
    }
    .reset .forgot-outer {
        display: block;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 54px;
    }
     
    .reset .forgot-pass-section {
        display: flex;
        align-items: center;
        justify-content: center;
         height:90vh;
    }
    .reset .btn-back img {
            margin: 13px;
        }
        .reset  .forgot-pass {
        max-width: 490px;
        margin: 0 auto;
        border-radius: 30px;
        background: #FFF;
        box-shadow: none;
        padding: 0px 0px;
     
        margin: 0px;
        margin-top: 60px;
    }

 
 
    .forgot .footer-cente#DA2F30-logo {
        display: block;
        margin-top: 60px;
        display: none;
    }
    .forgot  .cente#DA2F30-logo {
        display: none;
        
    }
    .forgot  .forgot-pass {
        background: #fff;
        padding: 0px;
        box-shadow: none;
        border-radius: 24px;
    }
    .forgot .forgot-outer {
        display: flex; 
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: -12px; 
    }
   .forgot .input-col {
    border-radius: 22px;
    border: 1px solid #da3330;
    background: #FFF;
    box-shadow: 0px 0px 50px 0px rgba(90, 108, 234, 0.07);
    height: 81px;
    position: relative;
    width: 100%;
    margin-bottom: 180px;
    /* margin-top: 17px !important; */
}
   
    .forgot .footer{
    display:none;
    }
    .forgot .forgot-pass-section {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 103vh;
    }
    .forgot .forgot-pass-section {
        display: flex;
        align-items: center;
        justify-content: center;
         
    }
    .btn-back img {
        margin-left: 15px !important
    }
    .btn-back img {
        margin-right: 0px;
      }
    .forgot .btn-back img {
            margin: 13px;
        }
        .forgot .forgot-pass {
        max-width: 490px;
        margin: 0 auto;
        border-radius: 30px;
        background: #FFF;
        box-shadow:none;
        padding: 0px 0px;
        margin: 0px;
        
        margin-top: 60px;
    }
    .bevestiging .container.image-section h1 {
        color: #FFF;
        text-align: center;
        font-family: "Poppins", sans-serif;
        font-size: 25.275px;
        font-style: normal;
        font-weight: 200;
        line-height: 115.023%;
        margin-top: 20px;
    } 
    .bevestiging section.login-section.login-section p {
        color: rgba(255, 255, 255, 0.80);
        text-align: center;
        font-family: "DM Sans", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 200;
        line-height: 120%;
        color: white;
    }
    .bevestiging .image-section img {
        width: 145px;
    }
    .voorafbestelling .quantity {
        display: flex;
        width: 100%;
        float: left;
    }
    .voorafbestelling .quantity-group {
        background: white;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 2px;
        padding-bottom: 2px;
        border-radius: 45px;
        /* margin-top: 4px; */
        margin: 4px;
        width: 75%;
    }
    .voorafbestelling .add-to-cart-btn {
         padding: 17px 25px;
        background: #DA2F30;
        color: white;
        border: none;
        border-radius: 35px;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: white;
        border: none;
        cursor: pointer;
        display: none;
    }
    .dashboard-section .calendar-box.#DA2F30-backgrounds {
        margin: 0 auto;
        font-family: 'DM Sans', sans-serif;
        max-width: 440px;
        padding: 25px 25px;
        border-radius: 30px;
        background: #fbeaeb;
        box-shadow: none;
        text-align: center;
        margin-top: 0px;
        /* color: #DA2F30; */
    }
    .dashboard-section .calendar-box {
        margin: 0 auto;
        font-family: 'DM Sans', sans-serif;
        max-width: 440px;
        padding: 25px 25px;
        border-radius: 30px;
        background: #DA2F30;
        box-shadow:none;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .dashboard-section section.dashboard {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        height: auto;
        margin-bottom: 50px;
    }
    .header-1 h1.header-text {
        display: block;
        }
        .dashboard-section a.btn-back.btn-pro {
            display: block;
            margin-top: -55px;
        }
        .dashboard-section h1.header-text {
            font-weight: 500;
            color: #000000;
            text-align: center;
            font-size: 24px;
            margin-top: -28px;
            margin-bottom: 90px;
            font-family: "Poppins", sans-serif;
        }
        h1.header-text {
            font-weight: 600;
            color: #000000;
            text-align: center;
            font-size: 24px;
            margin-top: 37px;
            margin-bottom: 90px;
            font-family: "Poppins", sans-serif;
        }
        .top-head {
            margin: 50px 0 15px 0;
          }
        .dashboard-section .calendar-box.red-backgrounds {
            margin: 0 auto;
            font-family: 'DM Sans', sans-serif;
            max-width: 440px;
            padding: 25px 25px;
            border-radius: 30px;
            background: #fbeaeb;
            box-shadow: 0px 40px 70px 10px rgba(0, 0, 0, 0.15);
            text-align: center;
            margin-top: 0px;
            /* color:#DA2F30; */
            }
        .header-1 img.logo.cente#DA2F30-logo.mobile-none {
           
            display: none;
        }
        .header-1 h1.dashborad-heading {
           
            display: none;
        }
        .footer-1 {
            margin-top: 90px !important;
            /* margin-bottom: 0px; */
        } 
        .dashboard-section p {
            text-align: left;
            font-family: "DM Sans", sans-serif;
            font-weight: 400;
            color: #ffffff;
            text-align: left;
            margin-top: 0px;
            margin-bottom: 20px;
            font-size: 14px;
            font-weight: 200;
            height: 35px;
        }
        .date-select-page  .calendar-box h1 {
            display: none;
        }
        .date-select-page .calendar-box .btn-next {
            width: 100%;
            height: 57px;
            border-radius: 15px;
            background: #DA2F30;
            color: #FFF;
            font-size: 16px;
            font-weight: 700;
            line-height: 57px;
            margin-top: 116px;
        }
        .date-select-page  .calendar-section {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 105vh;
            background: #ffffff;
        }
    }

@media screen and (min-device-width: 575px) and (max-device-width: 780px) { 
    .col-md-10 {
        flex: 0 0 auto;
        width: 100.333333%;
    }
    .search-container.desktop-hide {
        display: none;
     }
    .cart .btm-row {
        margin-top: 35px;
        background: no-repeat;
        box-shadow: none;
        padding: 15px 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        display: none;
    }
    .cart .btm-row.text-center.p-fix {
        display: none;
      }
      .cart .textarea-wrapper {
        width: 100%;
        padding: 10px;
        border-radius: 12.729px;
        border: #DA2F30 solid 1px;
        box-sizing: border-box;
        margin-top: 0px;
         padding-bottom: 0px;
    }
    /* .cart .textarea-wrapper {
        height: 350px;
        padding: 10px;
        border-radius: 12.729px;
        border: #DA2F30 solid 1px;
        box-sizing: border-box;
        margin-top: -16px;
    } */
    .cart  h1.header-text {
        font-weight: 600;
        color: #000000;
        text-align: center;
        font-size: 24px;
        margin-top: 37px;
        margin-bottom: 90px;
        font-family: "Poppins", sans-serif;
        position: relative;
        left: -42px;
        top: 2px;
    }
    .cart .cart-icon-size {
        width: 40px;
        margin-top: -29px;
        display: none;
    }
    .cart h1.logo-heading {
        font-family: "DM Sans", sans-serif;
        color: #da2e30;
        font-weight: 700;
        position: relative;
        top: 30px;
      }
    .product-col.new-border.product-box-7041 {
        border: none;
        margin-bottom: 0px !important;
        padding-bottom: 8px !important;
    }
    .product-tab .nav-tabs {
        display: flow-root;
        /* border-radius: 27.5px; */
        border: none;
        padding: 6px 5px;
        text-align: center;
    }
    .product-col.new-border.product-box-7041 {
        border: none;
    }
    button.add-to-cart-btns.for-mobile-only {
        padding: 10px 25px;
        background: #DA2F30;
        color: white;
        border: none;
        border-radius: 35px;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: white;
        border: none;
        cursor: pointer;
        display: ruby-text;
        font-size: 21px;
    }
    button.add-to-cart-btns.for-mobile-only img {
        width: 21px;
        margin-right: 18px;
    }
    .article .text-box p {
        margin: 0px;
        color: #737373;
        margin-bottom: 20px;
        font-family: 'DM Sans', sans-serif !important;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 34px !important;
    }
    .forgot .footer-cente#DA2F30-logo {
        display: block;
        margin-top: 60px;
        display: none;
    }
    .forgot .forgot-pass-section {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 125px;
    }
    .voorafbestelling .quantity {
        display: flex;
        width: 100%;
        float: left;
    }
    .voorafbestelling .quantity-group {
        background: white;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 2px;
        padding-bottom: 2px;
        border-radius: 45px;
        /* margin-top: 4px; */
        margin: 4px;
        width: 75%;
    }
    .voorafbestelling .add-to-cart-btn {
        padding: 17px 25px;
        background: #DA2F30;
        color: white;
        border: none;
        border-radius: 35px;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: white;
        border: none;
        cursor: pointer;
        display: none;
    }
    .voorafbestelling .col-cc-3 {
        flex: 0 0 auto;
        width: 100%;
      }
      .voorafbestelling .col-cc-4 {
        flex: 0 0 auto;
        width: 100%;
      }
      .voorafbestelling .col-cc-2 {
        flex: 0 0 auto;
        width: 100%;
      }
      .voorafbestelling .list-box {
        display: flex;
        justify-content: center;
        align-items: left;
        text-align: center;
        flex-direction: column;
        border-right: solid 0px #DA2F30;
        border-radius: 0px;
      }
      .voorafbestelling .text-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      
      .voorafbestelling .text-box p {
        margin: 0;
      }
      
      .voorafbestelling .text-box h3 {
        margin: 0;
      }
      .voorafbestelling .text-box.bottom-border {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 10px;
            padding-bottom: 10px;
            border-bottom: solid 1px #ffa0a0bd;
        }
        .voorafbestelling .product-col {
            padding-bottom: 20px !important;
            padding: 0px;
            text-align: left;
            margin-bottom: 10px;
            border-radius: 0px;
            border: 1px solid rgba(218, 47, 48, 0.50);
            border: 0px solid rgba(218, 47, 48, 0.50);
            margin-bottom: 20px;
            border-bottom: solid 1px #ffc5c5;
          }
          .voorafbestelling .add-to-cart-btn {
            padding: 17px 25px;
            background: #DA2F30;
            color: white;
            border: none;
            border-radius: 35px;
            cursor: pointer;
            display: flex;
            align-items: center;
            color: white;
            border: none;
            cursor: pointer;
            display: none;
          }
          .voorafbestelling img.logo.footer-cente#DA2F30-logo {
            text-align: center;
            display: none;
          }
      .voorafbestelling .product-col .frame img {
            width: 338px;
            height: 197px;
            margin: auto;
        }
        /* .voorafbestelling  h1#group-header {
        display: none !important;
      } */
      .voorafbestelling h1.d-none.mb-block.clnd-hed {
        margin-left: 22px;
      }
    .calendar-box .btn-next {
        width: 100%;
        height: 57px;
        border-radius: 15px;
        background: #DA2F30;
        color: #FFF;
        font-size: 16px;
        font-weight: 700;
        line-height: 57px;
        margin-top: 116px;
    }
    .col-12 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    .offset-sm-2 {
        margin-left: 0px;
    }
    .dashboard-section .calendar-box.#DA2F30-backgrounds {
        margin: 0 auto;
        font-family: 'DM Sans', sans-serif;
        max-width: 440px;
        padding: 25px 25px;
        border-radius: 30px;
        background: #fbeaeb;
        box-shadow: none;
        text-align: center;
        margin-top: 0px;
        /* color: #DA2F30; */
    }
    .dashboard-section .calendar-box {
        margin: 0 auto;
        font-family: 'DM Sans', sans-serif;
        max-width: 440px;
        padding: 25px 25px;
        border-radius: 30px;
        background: #DA2F30;
        box-shadow:none;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .dashboard-section section.dashboard {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        height: auto;
        margin-bottom: 50px;
    }
    .header-1 h1.header-text {
        display: block;
        }
        h1.header-text {
            font-weight: 600;
            color: #000000;
            text-align: center;
            font-size: 24px;
            margin-top: 37px;
            margin-bottom: 90px;
            font-family: "Poppins", sans-serif;
        }
        .header-1 img.logo.cente#DA2F30-logo.mobile-none {
           
            display: none;
        }
        .header-1 h1.dashborad-heading {
           
            display: none;
        }
        .footer-1 {
            margin-top: 90px !important;
            /* margin-bottom: 0px; */
        } 
        .dashboard-section p {
            text-align: left;
            font-family: "DM Sans", sans-serif;
            font-weight: 400;
            color: #ffffff;
            text-align: left;
            margin-top: 0px;
            margin-bottom: 20px;
            font-size: 14px;
            font-weight: 200;
            height: 35px;
        }
        .date-select-page  .calendar-box h1 {
            display: none;
        }
    }


@media screen and (min-device-width: 300px) and (max-device-width: 560px) { 

.login-main-page .login-section {
    background: #b3b1b2;
    float: left;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
/* @media screen and (min-device-width: 786px) and (max-device-width: 1025px) { 
    .totaal-gamma .col-cc-3{
        flex: 0 0 auto;
        width: 48%;
        border: none;  
    }
    .totaal-gamma .col-cc-2 {
        flex: 0 0 auto;
        width: 48.666667%;
        border: none;
    }
} */
@media screen and (min-device-width: 768px) and (max-device-width: 1025px) { 
    
    div#list-articles {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: solid 1px #e0e0e0;
    }
    .voorafbestelling .quantity {
        display: flex;
        align-items: center;
        margin-right: 0px;
        width: 80%;
    }
    img.featured-image {
        width: 118px;
        height: 100px;
        margin-top: -16px;
        object-fit: cover;
        margin-left: 1px;
    }
    .totaal-gamma .col-cc-3 {
        flex: 0 0 auto;
        width: 48%;
        border: none;
        margin-top: 31px;
    }
    .col-cc-3.preorder.list-box {
        width: 33%;
        border: none;
    }
    .col-md-2.col-lg-2.list-box.preorder {
        width: 25%;
    }
    .col-cc-4.preorder.list-box {
        width: 53%;
    }
.col-md-2.col-lg-2.preorder.list-box {
    width: 18%;
}
.col-cc-2.list-box.preorder {
    width: 23%;
    border: none;
}
    .totaal-gamma .col-cc-3{
        flex: 0 0 auto;
        width: 48%;
        border: none;  
    }
    .totaal-gamma .col-cc-4 {
        flex: 0 0 auto;
        width: 54%;
    }  
    .product-tab .nav-tabs {
        display: inline-flex;
        /* border-radius: 27.5px; */
        border: none;
        padding: 6px 5px;
        text-align: center;
        margin-top: 56px;
    }
      .product-tab .nav-tabs {
        display: inline-flex;
        /* border-radius: 27.5px; */
        border: none;
        padding: 6px 5px;
        text-align: center;
    }
    .product-tab .nav-tabs .nav-link {
        border: 0;
        color: #da3330;
        text-align: center;
        font-size: 11px;
        font-weight: 400;
        padding: 0 18px;
    }
    .totaal-gamma .col-cc-2 {
        flex: 0 0 auto;
        width: 48.666667%;
        border: none;
    }
    .col-md-2.col-lg-2.list-box {
        width: 23%;
        border: none;
    }
}
@media screen and (min-device-width: 600px) and (max-device-width: 786px) { 
    .voorafbestelling .add-to-cart-btn {
        padding: 12px;
        background: #DA2F30;
        color: white;
        border: none;
        border-radius: 35px;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: white;
        border: none;
        cursor: pointer;
        display: block;
        width: 100%;
    }
    img.featured-image {
        width: 100px;
        height: 100px;
        margin-top: -16px;
        object-fit: cover;
        margin-left: -1px;
    }
    /* .col-md-2.col-lg-2.cutom.list-box {
        width: 43% !important;
    } */
    button.add-to-cart-btns.for-mobile-only {
        padding: 10px 25px;
        background: #DA2F30;
        color: white;
        border: none;
        border-radius: 35px;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: white;
        border: none;
        cursor: pointer;
        display: ruby-text;
        font-size: 21px;
        display: none;
    }
    .voorafbestelling .quantity {
        display: flex;
        width: 47% !important;
        float: left;
    }
  
    .voorafbestelling .quantity {
        display: flex;
        width: 65% !important;
        float: left;
    }
    .col-md-2.col-lg-2.list-box {
        width: 31% !important;
        border: none;
    }
    .totaal-gamma .col-cc-3 {
        flex: 0 0 auto;
        width: 20% !important;
        border: none;
    }
    .voorafbestelling .product-col {
        padding-bottom: 20px !important;
        padding: 0px;
        text-align: left;
        margin-bottom: 10px;
        border-radius: 0px;
        border: 1px solid rgba(218, 47, 48, 0.50);
        border: 0px solid rgba(218, 47, 48, 0.50);
        margin-bottom: 20px;
        border-bottom: solid 0px #ffc5c5;
    }
    .totaal-gamma .col-cc-2 {
        flex: 0 0 auto;
        width: 48.666667%;
        border: none;
    }
    .col-md-2.col-lg-2.list-box {
        width: 23%;
        border: none;
    }
    .col-md-2.col-lg-2.list-box {
        width: 23%;
        border: none;
    }
    .totaal-gamma .col-cc-4 {
        flex: 0 0 auto;
        width: 54%;
    }
 
    .container, .container-sm {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .col-cc-3.preorder.list-box {
        width: 100%;
    }

.col-md-2.col-lg-2.preorder.list-box {
    width: 100%;
}
    .cart3 .textarea-wrapper {
        height: 270px !important;
        width: 100% !important;
        border-radius: 12.729px;
        border: #DA2F30 solid 1px;
        box-sizing: border-box;
        margin-top: 15px;
        text-align: left;
    }
    .cart3 .textarea-wrapper.price-summery { 
        margin-bottom: 76px;
      }
    .voorafbestelling .text-box p {
        margin: 0px;
        color: #DA2F30;
        margin: 0px;
        color: #DA2F30;
        font-size: 17px;
        font-family: "DM Sans", sans-serif;
        font-weight: 400;
    }
    .product-tab .nav-tabs {
        display: inline-flex;
        /* border-radius: 27.5px; */
        border: none;
        padding: 6px 5px;
        text-align: center;
        margin-top: 56px;
    }
      .product-tab .nav-tabs {
        display: inline-flex;
        /* border-radius: 27.5px; */
        border: none;
        padding: 6px 5px;
        text-align: center;
    }
    .product-tab .nav-tabs .nav-link {
        border: 0;
        color: #da3330;
        text-align: center;
        font-size: 11px;
        font-weight: 400;
        padding: 0 18px;
    }
    .dashboard-section .centered-logo {
        display: block;
        margin-top: 0px;
    }
  
    .cart  .header-1 h1.header-text{
        display:none;
    }
    .textarea-wrapper.cart-paragarph p {
        height: 180px;
    }
    .textarea-wrapper p {
        color: black;
        text-align: left;
        overflow: scroll;
    }
}
 

@media screen and (min-device-width: 768px) and (max-device-width: 788px) { 
    .col-cc-2.list-box.preorder {
        width: 100%;
        border: none;
        /* border-bottom: solid 1px #d0d0d0; */
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .col-md-2.col-lg-2.list-box.NaN{
        width: 100%;
        border: none;
        /* border-bottom: solid 1px #d0d0d0; */
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .col-md-2.col-lg-2.preorder.list-box {
        width: 100%;
        /* border-bottom: solid 1px #d0d0d0; */
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .col-cc-4.preorder.list-box{
        width: 100%;
    }
}