body{margin-top:20px;
    background-color: #88888821 !important;}
    .container {
        width: 100%;
        /* padding-right: 15px; */
        /* padding-left: 15px; */
        margin-right: auto;
        margin-left: auto;
    }
    select.form-control:not([size]):not([multiple]) {
        height: 44px;
    }
    select.form-control {
        padding-right: 38px;
        background-position: center right 17px;
        /* background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNv…9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); */
        background-repeat: no-repeat;
        background-size: 9px 9px;
    }
    .box-header{
        margin-top:15px !important; 
        border:1px solid #4267B2; 
        border-radius:15px;
        font-size: 16px;
        font-weight: bold;
        background-color: #fff;
    
    }
    /* .box-header ul{
        height:35px;
    } */
    .box-header ul li{
        width:50%;
        text-align:center;
        height:35px;
    }
    .box-header ul li a {
        width:100%;
        height:100%;
        text-decoration: none;
    }
    .box-header ul li a span{
        display: block;
        height: inherit;
        width:100%;
        padding: 5px 0px 0px 0px;
        /* margin-top:5px; */
    }
    .box-header  a:hover {
        font-size: large;
        color: #fff;
        background-color: #4267B2;
    }
    /* Create an active/current tablink class */
    .box-header a.active {
        display: block;
        height: inherit;
        width:100%;
        background-color: #4267B2;
        border-radius:15px;
        color: #fff;
        font-size:large;
        /* padding: 5px 0px 0px 0px; */
    
    }
    tbody{
        margin-top:5px;
        border-top-style: hidden;
    }
    tbody tr{
        background-color: #fff;
        /* margin-bottom: 10px !important; */
        /* border-bottom: dashed; */
    }
    .form-control:not(textarea) {
        height: 44px;
    }
    .form-control {
        padding: 0 18px 3px;
        border: 1px solid #dbe2e8;
        border-radius: 22px;
        background-color: #fff;
        color: #606975;
        font-family: "Maven Pro",Helvetica,Arial,sans-serif;
        font-size: 11px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    .shopping-cart,
    .wishlist-table,
    .order-table {
        margin-top: 20px;
        /* margin-bottom: 20px */
    }
    
    .shopping-cart .table,
    .wishlist-table .table,
    .order-table .table {
        margin-bottom: 0
    }
    
    .shopping-cart .btn,
    .wishlist-table .btn,
    .order-table .btn {
        margin: 0
    }
    
    .shopping-cart>table>thead>tr>th,
    .shopping-cart>table>thead>tr>td,
    .shopping-cart>table>tbody>tr>th,
    .shopping-cart>table>tbody>tr>td,
    .wishlist-table>table>thead>tr>th,
    .wishlist-table>table>thead>tr>td,
    .wishlist-table>table>tbody>tr>th,
    .wishlist-table>table>tbody>tr>td,
    .order-table>table>thead>tr>th,
    .order-table>table>thead>tr>td,
    .order-table>table>tbody>tr>th,
    .order-table>table>tbody>tr>td {
        vertical-align: middle !important
    }
    
    .shopping-cart>table thead th,
    .wishlist-table>table thead th,
    .order-table>table thead th {
        padding-top: 17px;
        padding-bottom: 17px;
        border-width: 1px
    }
    
    .shopping-cart .remove-from-cart,
    .wishlist-table .remove-from-cart,
    .order-table .remove-from-cart {
        display: inline-block;
        color: #ff5252;
        /* font-size: 18px; */
        line-height: 1;
        text-decoration: none
    }
    .unit_price{
        color: #e34343;
        font-size: 13px;
    
    }
    .taka_sign{
        color: #e34343;
        font-size: 13px;
    }
    #product_info{
        width: 85%;
        padding: 0;
    }
    #action{
        width: 15%;
    }
    .shopping-cart .count-input,
    .wishlist-table .count-input,
    .order-table .count-input {
        display: inline-block;
        /* vertical-align: middle;  */
        width: 100%;
        /* width: 86px */
    }
    #action #add_wishList{
        border: 1px solid;
        padding: 8px 15px;
        border-radius: 20px;
        color: #fff;
        font-size: large;
        margin-bottom: 5px;
        /* background-image: linear-gradient(72deg, #6100ccd6, #17b8a2); */
        background-color: #4267B2;
    }
    .count-input input{
        margin: 2px;
        width: 40px;
        text-align: center;
    }
    
    .shopping-cart .product-item,
    .wishlist-table .product-item,
    .order-table .product-item {
        display: table;
        width: 100%;
        min-width: 150px;
        margin-top: 5px;
        margin-bottom: 3px;
        margin-left: 10px;
    }
    
    .shopping-cart .product-item .product-thumb,
    .shopping-cart .product-item .product-info,
    .wishlist-table .product-item .product-thumb,
    .wishlist-table .product-item .product-info,
    .order-table .product-item .product-thumb,
    .order-table .product-item .product-info {
        display: table-cell;
        vertical-align: top
    }
    
    .shopping-cart .product-item .product-thumb,
    .wishlist-table .product-item .product-thumb,
    .order-table .product-item .product-thumb {
        width: 130px;
        padding-right: 20px
    }
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        margin-bottom:130px;
        -webkit-overflow-scrolling: touch;
    }
    .shopping-cart .product-item .product-thumb>img,
    .wishlist-table .product-item .product-thumb>img,
    .order-table .product-item .product-thumb>img {
        display: block;
        width: 100%;
        border-radius: 50%;
    
    }
    
    .shopping-cart .product-item .product-info span,
    .wishlist-table .product-item .product-info span,
    .order-table .product-item .product-info span {
        display: block;
        font-size: 11px
    }
    
    .shopping-cart .product-item .product-info span>em,
    .wishlist-table .product-item .product-info span>em,
    .order-table .product-item .product-info span>em {
        font-weight: 500;
        font-style: normal
    }
    #tdata span{
        display: inline-block;;
    }
    #tdata .remove_cart{
        border: 1px solid;
        padding: 8px 15px;
        border-radius: 20px;
        color: #fff;
        font-size: large;
        background-color: #e50117cf !important;
    }
    
    .shopping-cart .product-item .product-title,
    .wishlist-table .product-item .product-title,
    .order-table .product-item .product-title {
        margin-bottom: 6px;
        padding-top: 5px;
        font-size: 16px;
        font-weight: 500
    }
    
    .shopping-cart .product-item .product-title>a,
    .wishlist-table .product-item .product-title>a,
    .order-table .product-item .product-title>a {
        transition: color .3s;
        color: #374250;
        line-height: 1.5;
        text-decoration: none
    }
    
    .shopping-cart .product-item .product-title>a:hover,
    .wishlist-table .product-item .product-title>a:hover,
    .order-table .product-item .product-title>a:hover {
        color: #0da9ef
    }
    
    .shopping-cart .product-item .product-title small,
    .wishlist-table .product-item .product-title small,
    .order-table .product-item .product-title small {
        display: inline;
        margin-left: 6px;
        font-weight: 500
    }
    
    .wishlist-table .product-item .product-thumb {
        display: table-cell !important
    }
    .shopping-cart-footer{
        width: 99%;
        bottom: 0;
        position: fixed;
        margin-left: -3%;
        margin-right: -4%;
        padding-left: 10px;
        background-color: #99999973 !important;
    }
    .shipping_message{
        padding: 10px;
        margin-top: 3px;
        width: 93%;
        /* color: #287c18; */
        font-size: 18px;
        border-radius: 12px;
        font-weight: 700;
        /* background-color: #dee2e6; */
        margin-top: 15px;
        background-color: #4267B2;
        color: #fff;
    }
    .sub_total{
        text-align: left;
        width: 45%;
        padding-top: 15px;
        padding-left: 10px;
        float:left;
    }
    .column{
        /* padding: 10px; */
        margin-bottom: 10px;
        margin-top: 10px;
        width: 93%;
        height: 40px;
        font-size: 22px;
        border-radius: 12px;
        font-weight: 700;
        background-color: #B31942;
    }
    .button_text{
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: larger;
        font-weight: 400;
    
    }

    
    .sub_sub_total{
        font-size: x-large;
    }
    
    .proceed_button{
        font-size: 21px;
        position: fixed ;
        width: 98%;
        bottom: 0;
        margin-left: -5px;
    }
    .checkout_button{
        width: 53%;
        float:right;
    
    }
    .checkout_button a{
        color: #fff;
        text-decoration: none;
    }
    .checkout_button a:hover {
        color: #fff;
        text-decoration: underline;
    }
    .card{
        margin-top:20px;  
        background-color: #fff;
        border-radius: 15px !important;
    }
    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 44px !important;
        user-select: none;
        -webkit-user-select: none;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 44px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 44px !important;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }
    .checkbox {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .checkbox label{
        display: inline-block;
        width: auto;
    }
    .checkbox label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }
    input[type=radio] {
        display: none;
    }
    .checkbox span {
        display: block;
        padding: 10px;
        width: 100%;
    }
    .checkbox input[type=radio]:checked+span {
        color: #fff;
        border-radius: 12px !important;
        background-color: #1e7e28c7 !important;
        font-weight: 600;
    }
    
    .col_shipping{
        /* flex-basis: 0;
        flex-grow: 1; */
        max-width: 80% !important;
    }
    .shopping-checkout-footer{
        margin-top: 15px;
        height: 140px;
        background: #0048ff;
        text-align: center;
        color: #fff;
        width: 100%;
    }
    .error{
        color: #a94442;
        font-style: italic;
    }
    @media screen and (max-width: 576px) {
        .wishlist-table .product-item .product-thumb {
            display: none !important
        }
        .shopping-cart .product-item .product-thumb,
        .wishlist-table .product-item .product-thumb,
        .order-table .product-item .product-thumb {
            width: 80px;
        }
        .container, .container-sm {
            max-width: 100%;
        }
        .proceed_button{
            width: 96%;
        }
        .shipping_message{
            padding: 6px;
            font-size: 14px;
            width: 98%;
        }
        .column{
            width: 98%;
        }
        .button_text{
            font-size: 21px;
            font-weight: 400;
            padding: 4px;
        }
        #product_info{
            width: 85%;
        }
        #action{
            width: 15%;
        }
    }
    
    
    @media(min-width: 640px){
        .box-header  a:hover {
            font-size: large;
            color: #4267B2;
            background-color: #4267B2;
        }
        .box-header a.active {
            color: #fff;
            background-color: #4267B2;
        }
    }
    @media (min-width: 576px) {
        .container, .container-sm {
            max-width: 100%;
        }
        #product_info{
            width: 85%;
        }
        #action{
            width: 15%;
        }
    }
    @media screen and (max-width: 460px) {
        /* .wishlist-table .product-item .product-thumb {
            display: none !important
        } */
    
        .shopping-cart .product-item .product-thumb,
        .wishlist-table .product-item .product-thumb,
        .order-table .product-item .product-thumb {
            width: 70px;
            height: 100px;
            vertical-align: middle;
    
        }
        .container, .container-sm {
            max-width: 100%;
        }
        #action #add_wishList{
            font-size: small;
        }
        #tdata .remove_cart{
            font-size: small;
        }
        #product_info{
            width: 85%;
        }
        #action{
            width: 15%;
        }
        #action a{
            font-size: medium;
        }
    }
    @media screen and (max-width: 390px) {
        /* .wishlist-table .product-item .product-thumb {
            display: none !important
        } */
        .shopping-cart .product-item, .wishlist-table .product-item, .order-table .product-item {
            display: table;
            width: 100%;
            min-width: 120px;
            margin-top: 5px;
            margin-bottom: 3px;
        }
        .shopping-cart .product-item .product-thumb,
        .wishlist-table .product-item .product-thumb,
        .order-table .product-item .product-thumb {
            width: 80px;
            height: 100px;
            vertical-align: middle;
    
        }
        .container, .container-sm {
            max-width: 100%;
        }
        tbody tr {
            max-width: 99%;
            display: block;
            /* margin-bottom: 10px !important; */
            /* border-bottom: dashed; */
        }
        #action #add_wishList{
            font-size: small;
        }
        #tdata .remove_cart{
            font-size: small;
        }
        #product_info{
            width: 80%;
        }
        #action{
            width: 20%;
        }
        #action a{
            font-size: small;
        }
        .button_text {
            font-size: 19px;
            font-weight: 300;
            padding: 4px;
        }
        .checkbox label, .radio label {
            padding-left: 5px !important;
        }
    }
    /* @media (min-width: 576px){
        .container, .container-sm {
            max-width: 100%;
        }
    } */
    .coupon-form .form-control {
        display: inline-block;
        width: 100%;
        max-width: 235px;
        margin-right: 12px;
    }
    
    .form-control-sm:not(textarea) {
        height: 36px;
    }
    
    
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    
    /* Firefox */
    input[type=number] {
      -moz-appearance: textfield;
    }
    
    @media screen and (min-width: 600px){
    .container, .container-md {
        max-width: 90% !important;
    }
    }
    @media screen and (min-width: 576px) {
        .shopping-cart-footer{
            width: 90%;
            margin-left: -15px;
        }
        .shipping_message{
            padding: 6px;
            font-size: 14px;
            width: 99% !important;    }
        .column{
            width: 99% !important;    
        }
        .proceed_button{
            width: 89%;
            margin-left: -5px;
        }
    }
    /* .product-thumb {
        position: relative;
        text-align: center;
        color: white;
      } */
    .centered {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */
        display: none;
      }