@media screen and (max-width:4000px) {
    .quantity-group { 
        display: flex;
        align-items: center;
    }
    .quantity {
        width:100%;
        /* border:1px solid red !important; */
    }
    .totaal-gamma .quantity-group span {
        top:0 !important;
    }
    .totaal-gamma .container.quantity-box {
        display: flex;
        justify-content: space-between;
    }
<<<<<<< HEAD
    .totaal-gamma button.minus-btn

    /* .spotlight button.minus-btn */
    {
        /* margin-left:50px; */
    }
=======
    /* .totaal-gamma button.minus-btn {
        margin-left:50px;
    } */
>>>>>>> 3939de346e9e91ee5fcfca2f7e66601c6c065fbb
}
/* responsiveness */

@media screen and (max-width:1211px) {
    .signs{
        width:40px;
    }
    .circle{
        height:15px;
        width:15px;
    }
    .circle i{
        font-size: 8px;
    }
    .circle2{
        margin-left:7px;

    }
    .cart_bar{
        width:100px;
    }
    .cart_bar img{
        width:15px;
    }
    .cart_bar span{
        font-size:11px;
    }
    .Product p{
        font-size: 14px;
    }
    .Product small{
        font-size: 10px;
    }

    .inner_data_popup {
        width:95%;
        padding:50px 20px;
    }
}


@media screen and (max-width:1084px) {
    .popup_cart {
        width:28%;
    }
    .popup_cart_container {
        justify-content: flex-start;
        gap:8%;
    }
    .Product1 .product_detail{
        margin-top:2px;
    }
    .signs{
        width:40px;
    }
    .circle{
        height:15px;
        width:15px;
    }
    .circle i{
        font-size: 8px;
    }
    .circle2{
        margin-left:7px;

    }
    .cart_bar{
        width:100px;
    }
    .cart_bar img{
        width:15px;
    }
    .cart_bar span{
        font-size:11px;
    }
    .Product p{
        font-size: 14px;
    }
    .Product small{
        font-size: 10px;
    }
    .Product1 h1{
        font-size:18px;
    }
}

@media screen and (max-width:1000px) {
    .popup_cart {
        width:40%; 
    }
    .totaal-gamma button.minus-btn {
        margin-left:0;
    }
    .popup_cart_container {
        justify-content: flex-start;
        gap:20%;
    }
    .cart_bar img {
        width:10px;
    }
    .cart_bar span {
        font-size:10px;
    }
    .cart_bar {
        width:80px;
    }
    .bar{
        height:30px;
    }
    .text_popup_cart_box > span{
        font-size:8px;
    }
    .half_text_value p{
        font-size:12px;
    } 
}

@media screen and (max-width:990px) {
    .bar{
        height:30px;
    }
    .cart_bar{
        width:50px;
    }
    .cart_bar img{
        width:15px;
    }
    .cart_bar span{
        display:none;
    }
    .innerCube{
        width:50px;
        padding:0 8px;
    }
    .innerCube p{
    font-size:12px;
    }
}


@media screen and (max-width:800px) {
    .tabs_Prnt {
        width: 400px;
    }

    .tab {
        font-size: 10px;
        padding: 5px 10px;
    }
    .container.quantity-box {
        flex-direction: column;
    }
    .quantity {
        justify-content: space-around;
    }
    .totaal-gamma .container.quantity-box {
        border-radius:5px;
        padding:10px 0;
    }
    .spotlight .add-to-cart-btn {
        width:90% !important;
        padding: 0 0 0 0;
        height:50px;
        display: flex;
        justify-content: center;
        align-items:center;
        margin-top:10px;
    }
}


@media screen and (max-width:700px) {
    .TabsResultBox {
        padding: 20px;
    }
    .center_flashbag {
        width:500px !important;
    }
    .center_flashbag button {
        padding: 5px 10px !important;
        white-space: nowrap;
        margin: 0 0 0 0 !important;
    }
    .center_flashbag button p {
        font-size: 8px !important;
    }
    .center_flashbag button img {
        width: 15px;
    }
    .history_main1{
        align-items:start;
        padding-left:40px;
    }
    .history_main1 .facturen_heading{
        width:100%;
        align-items:start;
    }
    .history_main1 .facturen_heading p{
        text-align:start;
    }
    .history_main1 .facturen_heading .facturen_text h1{
        font-size:22px;
    }
    .over_text h1 {
        font-size:22px;
    }
    .over_main .over_text .van_box{
        width:80px;
        height:30px
    }
    .over_main .over_text .van_box img {
        height:50%;
    }
    .over_main .over_text .van_box p {
        font-size:10px;
    }
    .box-best p {
        font-size:10px;
    }
    .box-best h3 {
        font-size:12px;
    }
    .btn-best img {
        width:25px;
    }
}


@media screen and (max-width:600px) {
    .popup_cart {
        width:100%;
    }
    .popup_cart_container {
        justify-content: flex-start;
        gap:0;
    }
    .inner_data_popup {
        padding:20px;
        border-radius:30px;
    }
    .header_product_group h1 {
        font-size:20px;
    }
    .header_product_group p {
        font-size:14px;
    }
}

@media screen and (max-width:630px) {
    .tabs_Prnt {
        display: none;
    }
    .small {
        display:flex;
    }
    .listing_product_title::after {
        width:50px;
    }
    
    .listing_product_title h1 {
        font-size:20px;
        color:rgba(0, 0, 0, 0.900);
    }
    .Product{
    margin-left:0;
    }
    .Product h1{
        font-size: 15px;
    }
    .Product p{
        font-size:12px;
    }
    .list_Img{
        width:20%;
    }
    .Product1{
        width:35%;
    }
    .Product2{
        width:20%;
    }
    .Product3{
        width:40%;
    }
    .product-tab .list-box {
        align-items: flex-start;
    }
}


@media screen and (max-width : 550px) {
    .popup_center {
        width:280px;
        padding:10px 20px 20px 20px;
    }
    .popup_center > h1 {
        font-size:20px;
    }
    .popup_center > p {
        font-size:12px;
    }
    .left_info img {
        width:15px;
    }
    .left_info {
        padding:0 10px 0 0  ;
    }
    .right_info b {
        font-size:11px;
    }
    .right_info p {
        font-size:13px;
    }
    .popup_center button {
        font-size:14px;
    }
    .popup_logo {
        width:100px;
    }
    .last_bar_page_products button {
        padding:5px 20px;
        font-size:10px;
    }

    .all-box {
        flex-direction: column;
    }
    .both_pairent {
        width:100% !important;
    }
    .all-history .all-box .both_pairent {
        justify-content: flex-start !important;
        border-left: 1px solid rgba(218, 47, 48, 1);
        border-right: 1px solid transparent !important;
        margin-top:10px;
        padding-left:10px;
    }
    .btn-best {
        width:100%;
        justify-content: center;
    }
  
}

@media screen and (max-width:540px) {
    .list{
        height:90px;
    }

    .center_flashbag {
        width: 300px !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .center_flashbag button:nth-child(5) {
        margin-top: 15px !important;
        margin-left: 20px !important;
    }
    .center_flashbag button:nth-child(4) {
        margin-top: 15px !important;
    }

    .Product h1{
        font-size:12px;
    }
    .product1_manage h1 {
        margin:0 0 10px 0 !important;
    }
    .product_detail{
        height:20px;
    }
    .Product p{
        width:90%;
        font-size:8px;
    }
    .Product small{
        width:90% ;
        font-size: 6px;
    }
    .Product1{
        width:32%;
    }
    .Product2{
        width:23%;
    }
    .Product3{
        width:30%;
    }
    .Product3 .product_detail {
        align-items: center;
        padding:0 0 0 0;
    }
    .cart_bar{
        width:30px;
    }
    .cart_bar img{
        width:10px;
    }
    .signs{
        width:30px;
    }
    .circle{
        height:12px;
        width:12px;
    }
    .circle2{
        margin-left:3px;
    }
    .button_div_prnt {
        border-radius:20px;
        width:130px;
        padding:5px;
        margin-top:20px;
    }
    .button_div_prnt img {
        width:20px;
    }
    .button_div_prnt p {
        font-size:10px;
    }
    .center_flashbag {
        width:300px;
        flex-wrap: wrap;
        justify-content:center;
    }
   
    .center_flashbag button:nth-child(2){
        margin-left:20px;
    }
    .center_flashbag button:nth-child(3){
        margin-left:20px;
    }

    .center_flashbag button:nth-child(4){
        margin-top:15px;
    }
    .center_flashbag button:nth-child(5){
        margin-top:15px;
        margin-left:20px;
    }
    .list_Img {
        align-items: flex-end
    }
}





@media screen and (max-width:450px) {
    .Product1 h1{
        font-size:10px ;
    }
    
    .bar{
        width:95%;
    }
}

@media screen and (max-width:400px) {
    .cart_bar{
        width:20px;
    }
    .cart_bar img{
        width:8px;
    }
    .signs{
        width:23px;
    }
    .circle{
        height:10px;
        width:10px;
    }
    .circle i{
        font-size:8px ;
    }
    .circle2{
        margin-left:3px;
    }
    .innerCube{
        width:35px;
        padding:0 8px;
        border-radius:10px;
    }
    .innerCube span{
        font-size:5px;
        margin-left:3px;
    }
    .innerCube p{
    font-size:8px;
    }
    
}


@media screen and (max-width:490px) {
    .history_main1{
        align-items:start;
        padding-left:20px;
    }
    .history_main1 .facturen_heading .facturen_text p{
        font-size:12px;
    }
    .history_main1 .facturen_heading .text_icn p{
        font-size:12px;
    }
    .history_main1 .facturen_heading .text_icn {
        width:max-content;
    }
    .history_main1 .facturen_heading .text_icn i {
        font-size:12px;
    }
    .box-best p {
        font-size:7px;
    }
    .box-best h3 {
        font-size:8px;
    }
    .btn-best img {
        width:15px;
    }
    .btn-best img:nth-child(2){
        margin-left:5px;
    }
    .history_main1 .facturen_heading .facturen_text h1{
        font-size:20px;
    }
    .over_text h1 {
        font-size:20px;
    }
    .facturen_heading .page_2_extra_p p {
        font-size:10px !important;
    }
    .facturen_scroll p {
        font-size:12px;
    }
    .facturen_scroll p img {
        width:10px;
        margin-right:5px;
    }
}
@media screen and (max-width:450px) {
    .tab {
        font-size: 8px;
        padding: 5px 10px;
    }
}
@media screen and (max-width:370px) {
    .tab {
        padding: 5px 7px;
        font-size:7px;
    }
    .nav{
        padding:20px;
    }
    .innerCube{
        padding:0 5px;
    }
    .Product small{
        font-size:5px;
    }
    .Product p{
        font-size:7px;
    }
    .Product h1{
        font-size:9px;
    }
}
