:root{
    --dark-red: #FD273B;
    --dark-blue: #0B2741;
    --black: #000000;
    --gray: #8CA1B1;
    --green:#34D02C;
    --yellow: #F5C34B;
    --light-gray: #626974;
}
.xl-show,
.lg-show,
.md-show,
.sm-show{
    display: none;
}
.border-shadow{
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.bg-red{
    background: var(--dark-red);
}
.bg-green{
    background: var(--green);
}
.bg-yellow{
    background: var(--yellow);
}
.bg-dark-blue{
    background: var(--dark-blue);
}
.less-padding{
    padding-top: 40px;
    padding-bottom: 40px;
}
.less-padding.no-padding-b{
    padding-bottom: 0;
}

.less-padding.less-padding-b{
    padding-bottom: 20px;
}
table tr td{
    font-size: 14px;
}
.pv-only{
    display: none;    
}
.text-light-g{
    color: var(--light-gray);
}
.text-black{
    color: #111111;
}
.text-para{
    color: #666666
}
.text-white{
    color: #ffffff;
}
.text-yellow{
    color: var(--yellow);
}
.text-green{
    color: var(--green);
}
.text-dark-blue{
    color: var(--dark-blue);
}
.text-red{
    color: var(--dark-red);
}
.text-gray{
    color: #222939;
}
.text-gray-light{
    color: rgba(34, 41, 57, 0.5);
}
.text-left-center{
    text-align: left;
}
.text-right-center{
    text-align: right;
}
.text-center-left{
    text-align: center;
}
.text-center-right{
    text-align: center;
}
.text10px{
    font-size: 10px;
}
.text11px{
    font-size: 11px;
}
.text12px{
    font-size: 12px;
}
.text14px{
    font-size: 14px;
}
.text16px{
    font-size: 16px;
}
.text17px{
    font-size: 17px;
}
.text18px{
    font-size: 18px;
}
/*================================================
Home Section
=================================================*/
.home-container .top-header button{
    border: none;
    outline: none;
    background: #FF6800;
    color: #ffff;
    border-radius: 8px;
    text-align: center;
    width: 230px;
    padding: 10px;
}
.home-container .sales-item .item{
    position: relative;
    margin-bottom: 20px;
}
.home-container .sales-item .item img{
    border-top-left-radius: 70px;
    border-bottom-right-radius: 70px;
    width: 100%;
}
.home-container .sales-item .item span{
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 28px;
    color: #ffff;
}
/*================================================
register
=================================================*/

.sign_up_form form .form-group label{
    color: #585555;
    font-size: 16px;
    font-weight: 500;
}
.sign_up_form form .form-group.flex{
    display: flex;
}
.sign_up_form form .form-group.flex span{
    width: 20%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ea868f;
    background: #f8d7da;
}
.sign_up_form form .form-group .form-control,
.sign_up_form form .form-group .form-select{
    height: 48px;
    padding: 0 16px;
    line-height: initial;
    color: #0d1820;
    background-color: transparent;
    border: 1px solid #cecfdf;
    border-radius: 12px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    font-size: 14px;
    font-weight: 400;
}
.sign_up_form .form-group .form-control.width-80{
    width: 80%;
}
.sign_up_form .form-group .form-control.width-90{
    width: 90%;
}

#id_certificate_image, 
#id_equipment_picture, 
.sign_up_form form #id_attachments{
    padding: 9px;
    border: 1px solid #cecfdf;
    border-radius: 5px;
    width: 100%;
    height: 53px;
}
.add-another{
    padding: 1px 10px;
    background: var(--green);
    color: #ffffff;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
}
button.add-more{
    background-color: #ffffff;
    border: 1px solid #FF6800;
    color: #FF6800;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
button.add-more.m0{
    margin-top: 0;
}
.align-space-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sign_up_form form button[type="submit"],
#contact_form button{
    display: inline-block;
    width: 190px;
    padding: 10px;
    background: #FF6800;
    color: var(--black);
    font-size: 18px;
    border: none;
    transition: all .2s ease-in-out;
    outline: none;
    border-radius: 8px;
}
.sign_up_form form button[type="submit"].text-white{
    color: #ffffff;
}
.sign_up_form form button[type="submit"]:hover,
#contact_form button:hover{
    background: var(--green);
    color: #ffffff;
}
.btn.form-btn{
    display: inline-block;
    width: 190px;
    background: var(--dark);
    padding: 8px;
    border: none;
    outline: none;
    border-radius: 5px;
    color: #ffffff;
}
form .form-group small.text-danger{
    font-size: 14px;
}
.shop_item_cart_btn button,
.shop_item_cart_btn a{
    border-radius: 25px;
}
.sign_up_form form button.round{
    border-radius: 40px;
}
/*================================================
Contact Area CSS
=================================================*/
.contact-area {
    background: var(--bg-gray);
}
.contact-inner {
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
    box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
    padding: 50px 30px;
    margin-top: 20px;
}
.contact-form h3 {
    margin-bottom: 25px;
    font-size: 32px;
    font-weight: 500;
}
.contact-form form .row {
    margin-left: -7px;
    margin-right: -7px;
}
.contact-form form .row .col-lg-6, .contact-form form .row .col-lg-12 {
    padding-left: 7px;
    padding-right: 7px;
}
.contact-form form .form-group {
    margin-bottom: 15px;
}
.contact-form form .form-group label{
    color: #585555;
}
.contact-form form .form-control {
    height: 48px;
    padding: 0 15px;
    line-height: initial;
    color: #0d1820;
    background-color: transparent;
    border: 1px solid #cecfdf;
    border-radius: 5px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    font-size: 14px;
    font-weight: 400;
}
.contact-form form .form-control:focus {
    border-color: var(--dark-blue);
}
.contact-form form .form-control::-webkit-input-placeholder {
    color: #999999;
}
.contact-form form .form-control:-ms-input-placeholder {
    color: #999999;
}
.contact-form form .form-control::-ms-input-placeholder {
    color: #999999;
}
.contact-form form .form-control::placeholder {
    color: #999999;
}
.contact-form form textarea.form-control {
    height: auto !important;
    padding-top: 15px;
}
.contact-form .with-errors ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 0;
}
.contact-form .with-errors ul li {
    color: red;
}
.contact-form #msgSubmit {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
}
.contact-form #msgSubmit.text-danger {
    margin-top: 20px !important;
    font-family: "Poppins", sans-serif;
}
.contact-info {
    text-align: center;
}
.contact-info .inner{
    background: #ffffff;
    padding: 30px 20px;
}
.contact-info .inner .info{
    padding: 20px 10px;
}
.contact-info .inner .info h5{
    color: var(--dark);
}
.contact-info .inner .info i{
    font-size: 24px;
    margin-bottom: 15px;
    color: var(--dark);
}

/* form error styling */
.sign_up_form  form .form-group .form-control.has-error,
.sign_up_form form .form-group .form-select.has-error{
  border: 1px solid red;
}
#contact_form .form-group .form-control.has-error,
#contact_form .form-group .form-check .form-check-input.has-error{
  border: 1px solid red;
}
#contactForm .form-group .form-control.has-error,
#contactForm .form-group .form-check .form-check-input.has-error{
  border: 1px solid red;
}
#shipping-form .form-group textarea.form-control{
  height: 90px;
}

#shipping-form .form-group .form-control.has-error,
#shipping-form .form-group .form-select.has-error{
  border: 1px solid red;
}

/* Empty Box */
.empty-box{
    width: 100%;
    position: relative;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 50px auto;
    text-align: center;
    padding: 30px 10px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.empty-box img{
    width: 270px;
    height: 200px;
    margin-bottom: 15px;
}
.empty-box a{
    display: inline-block;
    width: 210px;
    padding: 10px;
    background: var(--yellow);
    color: var(--black);
    border-radius: 20px;
    cursor: pointer;
}
/* End Empty Box */

/*================================================
Page Title Area CSS
=================================================*/
.page-title-area{
    position: relative;
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 480px;
}

.page-title-area.item-bg-1 {
    background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5),rgba(0,0,0,.5)), url(../images/background/bue.jpg);
}
.page-title-area.item-bg-2 {
    background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5),rgba(0,0,0,.5)), url(../images/background/bue.jpg);
}

.page-title-content h2 {
    color: #ffffff;
    font-size: 45px;
}

.page-title-content p {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 0;
}

/* shops */
table{
    width: 100%;
}
table tr td{
    padding: 3px 0;
}
.shop-area .inner.stylish{
    padding-top: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.shop-area .filter-container{
    margin-bottom: 40px;
}
.shop-area .toogle-filter-btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.shop-area .shop-filter{
    padding: 15px 10px 0 10px;
    border-radius: 10px;
    display: none;
}
.shop-area .shop-filter form .form-group .form-control{
    height: 44px;
}
.shop-area .shop-filter form .form-group .form-control::placeholder{
    font-size: 16px;
}
.shop-area .shop-filter form .form-group button{
    width: 100%;
    cursor: pointer;
}

/* cart section */
.cart-section{
    padding-top: 50px;
    padding-bottom: 60px;
}
.cart-section .inner{
    padding: 20px 10px;
    border-radius: 5px;
}
.cart-section .products .product-card{
    margin-bottom: 20px;
    border-radius: 8px;
    padding: 10px;
    background-color: #fafafa;
}
.cart-section .products .product-card.saved-for-later{
    background: transparent;
    padding: 18px 0;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}
.cart-section .products .product-card .main-content{
    width: 100%;
    display: flex;
}
.cart-section .products .product-card .product-img{
    width: 40%;
    height: 100px;
    position: relative;
}
.cart-section .products .product-card .product-img img{
    width: 100%;
    height: 100%;
}
.cart-section .products .product-card .product-img span{
    position: absolute;
    left: -8px;
    top: -8px;
    background: var(--black);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.cart-section .products .product-card .product-img span i{
    line-height: 28px;
}
.cart-section .products .product-card .product-img img{
    width: 100%;
    height: 100%;
}
.cart-section .products .product-card .info{
    width: 60%;
    padding: 0 10px 0 20px;
}
.cart-section .products-links{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    margin-top: 20px;
}
.cart-section .products-links a{
    display: inline-block;
    width: 210px;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
}
.cart-section .products-links a:first-child{
    background: var(--black);
}
.cart-section .products-links a:last-child{
    background: var(--dark-red);
}
.cart-section .products .product-card .links{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-section .products .product-card .links.block{
    display: inline-block;
    margin-top: 10px;
}
.cart-section .products .product-card .links a{
    display: inline-block;
    padding: 8px 0;
    color: #ffffff;
    width: 170px;
    text-align: center;
    border-radius: 5px;
    transform: scale(1);
    transition: all .3s;
}
.cart-section .products .product-card .links a,
.cart-section .products .product-card .links a{
    border-radius: 20px;
}
.cart-section .products .product-card .links a.first-link{
    background: #f4f5f6;
    color: #333;
    border: 1px solid #333;
}
.cart-section .products .product-card .links a.second-link{
    background: #ffffff;
    color: #333;
    border: 1px solid var(--black);
}
.cart-section .products .product-card .links.block a{
    background: #f4f5f6;
    color: #666666;
    border: 1px solid #666666;
}
.cart-section .products .product-card .links.block a:last-child{
    margin-left: 10px;
}
.cart-section .products .product-card .links .quantity{
    background: #ffffff;
    width: 170px;
    border: 1px solid #333;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-section .products .product-card .links .quantity input{
    width: 40%;
    border: none;
    outline: none;
    text-align: center;
}
.cart-section .products .product-card .links .quantity .add,
.cart-section .products .product-card .links .quantity .subtract{
    color: var(--black);
    border: none;
    cursor: pointer;
    text-align: center;
    width: 30%;
    font-size: 24px;
}
.cart-section .products .product-card .links .quantity .add{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-left: 1px solid #333;
}
.cart-section .products .product-card .links .quantity .subtract{
    border-top-left-radius: 15px;
    border-right: 1px solid #333;
    border-bottom-left-radius: 15px;
}
.cart-section .cart-card{
    border: 1px solid rgba(51, 51, 51, 0.1);
    padding: 20px 15px;
    border-radius: 10px;
    background-color: #ffffff;
}
.cart-section .cart-card .card-item{
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cac6c6;
}
.cart-section .cart-card .order-total{
    border-bottom: none;
}
.cart-section .cart-card .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}
.cart-section .inner .top-checkout-btn a,
.cart-section .cart-card .btn a{
    display: inline-block;
    width: 270px;
    outline: none;
    text-align: center;
    border: none;
    padding: 10px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 25px;
    background: var(--yellow);
    color: var(--black);
}
.cart-section .inner .top-checkout-btn a:hover,
.cart-section .cart-card .btn a:hover{
    background: var(--green);
    color: #ffffff;
}
/* checkout section */
.checkout-section .inner{
    padding: 20px;
    border-radius: 5px;
    background: #ffffff;
}
.checkout-section .inner .add-btn{
    position: relative;
    padding-bottom: 25px;
}
.checkout-section .inner .add-btn::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #333;
}
.checkout-section .inner .add-btn button{
    display: inline-block;
    padding: 5px 25px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid rgba(51, 51, 51, 0.3);
    color: var(--dark-red);
    text-align: center;
}
.checkout-section .inner form button{
    width: 210px;
    background-color: var(--yellow);
    color: var(--black);
    border: none;
    padding: 5px 10px;
    text-align: center;
    border-radius: 25px;

}
.checkout-section .inner form button:hover{
    background-color: var(--green);
    color: #ffffff;
}
.checkout-section .inner .shipping-address-form{
    border-bottom: 1px solid rgba(51, 51, 51, 0.3);
    padding-bottom: 30px;
    display: none;
}
.payment-final .other-info .shipping-address .address,
.checkout-section .inner .shipping-address .address{
    border: 1px solid rgba(51, 51, 51, 0.4);
    padding: 20px 15px;
    border-radius: 10px;
    cursor: pointer;
}
.payment-final .other-info .shipping-address .address.selected,
.checkout-section .inner .shipping-address .address.selected{
    /* background-color: #34D02C; */
    background-color: #53c54d;
    border: 2px solid green;
}
.payment-final .other-info .shipping-address .address p span.text-black,
.checkout-section .inner .shipping-address .address p span.text-black{
    color: var(--black);
}
.checkout-section .inner .shipping-address .reseller-box{
    background-color: #FFFBDB;
    padding: 10px;
    border-radius: 10px;
}
.checkout-section .inner .shipping-address .reseller-box p{
    color: #333;
}
.checkout-section .inner .shipping-address .reseller-box label{
    height: 23px;
    width: 23px;
    border-radius: 5px;
    color: transparent;
    background-color: #ffffff;
    display: flex;
    border: 1px solid var(--yellow);
    align-items: center;
    justify-content: center;
}
.checkout-section .inner .shipping-address .reseller-box label.checked{
    color: #ffffff;
    background-color: var(--yellow);
}
.checkout-section .inner .order-summary{
    background-color: #ffffff;
    border: 1px solid rgba(51, 51, 51, 0.2);
    padding: 20px;
    border-radius: 10px;
}
.checkout-section .inner .order-summary .items .item{
    padding: 5px;
    display: flex;
    border-radius: 5px;
}
.checkout-section .inner .order-summary .items .item .img img{
    min-width: 130px;
    min-height: 120px;
    width: 130px;
    height: 120px;
}
.checkout-section .inner .order-summary .items .item .info{
    padding-left: 15px;
}
.checkout-section .inner .order-summary .items .item .info .price table td strong{
    color: var(--dark);
}
.checkout-section .inner .order-summary .order-total{
    margin-bottom: 20px;
}
.checkout-section .inner .order-summary .order-total .total{
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    justify-content: space-between;
}
.checkout-section .inner .order-summary .order-total .total strong{
    color: var(--dark);
}
.checkout-section .inner .order-summary .link,
.checkout-section .inner .billing-form .link{
    margin-top: 30px;
}
.checkout-section .inner .order-summary .link button,
.checkout-section .inner .billing-form .link button{
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border: none;
    outline: none;
    text-align: center;
    background: var(--yellow);
    color: var(--black);
    border-radius: 20px;
    transition:  all .3s;
}
.checkout-section .inner .order-summary .link button:hover,
.checkout-section .inner .billing-form .link button:hover{
    background: var(--yellow);
}
.checkout-section .inner .order-summary .payment-options{
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
}
.checkout-section .inner .order-summary .payment-options .title{
    margin-bottom: 20px;
    color: var(--dark);
    font-weight: bold;
    position: relative;
}
.checkout-section .inner .order-summary .payment-options .title::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -30%;
    background: rgba(102, 102, 102, .4);
}
.checkout-section .inner .order-summary .payment-options .form-check{
    margin-top: 15px;
}
.checkout-section .inner .order-summary .payment-options .form-check .form-check-label{
    margin-left: 20px;
}
.checkout-section .inner .order-summary .payment-options .form-check .form-check-label h6{
    font-weight: 500;
}
.checkout-section .inner .order-summary .payment-options .form-check .form-check-input {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    position: relative;
    top: -4px;
    border: 1px solid var(--light);
}
.checkout-section .inner .order-summary .payment-options .form-check .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-color: var(--dark);
}

/* payment section */
.payment-final .stripe-btn{
    padding: 7px 10px;
    background-color: var(--green);
    border: none;
    color: #ffffff;
    border-radius: 25px;
    width: 270px;
}
.payment-final .payment-methods{
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}
.payment-final .other-info{
    border: none;
    padding-bottom: 0;
}
.payment-final .payment-methods button,
.payment-final .other-info button{
    border: 1px solid rgba(51, 51, 51, 0.2);
    background: #ffffff;
    color: var(--dark-red);
    padding: 4px 35px;
    display: block;
    margin-bottom: 15px;
    border-radius: 8px;
}
.payment-final .payment-methods .hide,
.payment-final .other-info .hide{
    display: none;
}
.payment-final .payment-methods .method-of-payment{
    padding: 15px 10px;    
}
.payment-final .payment-methods .method-of-payment .form-group{
    display: flex;
    align-items: center;
    gap: 15px;
}
.payment-final .payment-methods .method-of-payment div i{
    font-size: 30px;
    padding: 5px 7px;
    color: var(--green);
    border: 1px solid var(--green);
    border-radius: 5px;
}
.payment-final .order-item{
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
}
.payment-final .order-item .delivery-options .delivery-option .form-group input[type="radio"]{
    border: 1px solid var(--green);
    height: 20px;
    width: 20px;
    margin-right: 15px;
}
.payment-final .order-item .delivery-options .see-more{
    border-bottom: 1px solid var(--green);
}
.payment-final .order-item .item .top{
    display: flex;
}
.payment-final .order-item .item .top .thumb{
    width: 40%;
}
.payment-final .order-item .item .top .thumb img{
    width: 100%;
    height: 140px;
}
.payment-final .order-item .item .top .desc{
    width: 60%;
    padding-left: 20px;
}
/*================================================
 product list
=================================================*/
.shop-product{
    padding: 15px;
    border-radius: 10px;
}
.shop-product .thumb{
    width: 100%;
    height: 250px;
}
.shop-product .thumb img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.shop-product .desc span{
    color: #666666;
    font-size: 18px;
}
/*================================================
 product details
=================================================*/
.single-product-title{
    margin-top: 40px;
    width: 100%;
    border-radius: 5px;
    padding: 1px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.single-product-title h2{
    font-weight: bold;
}
.single-products-section{
    margin-top: 30px;
    margin-bottom: 30px;
}
.media-share-btn{
    cursor: pointer;
}
.social-icon-section{
    position: relative;
}
.social-icon-section .social-icons{
    position: absolute;
    right: 0;
    bottom: -45px;
    padding: 10px 15px;
    background: #ffffff;
    display: none;
}
.social-icon-section .social-icons a{
    background: var(--black);
    padding: 5px 12px;
    width: 100%;
    height: 100%;
}
.social-icon-section .social-icons a i{
    color: #ffffff;
}
.single-products-section .inner{
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 10px;
}
.single-product-info > div{
    margin-bottom: 10px;
}
.single-product-info .question-box h4{
    color: #000;
}
.single-product-info .question-box ul{
    padding-left: 20px;
}
.single-product-info .question-box ul li{
    list-style: disc;
}
.single-product-info .single-product-name .title,
.single-product-title .title{
    text-transform: capitalize;
}
.single-product-info .single-product-name .extra-info a{
    color: var(--black);
}
.single-product-info .single-product-name .extra-info p{
    font-size: 15px;
}
.single-product-info .single-product-price .price-box{
    display: flex;
    gap: 70px;
}
.single-product-info .single-product-price .price-box span.bold{
    font-weight: 500;
}
.single-product-info .single-product-price .price .price{
    font-weight: 600;
    font-size: 18px;
}
.price-tag span{
    font-size: 28px;
    font-weight: 600;
}
.price-tag.sm span{
    font-size: 22px;
}
.text-percent{
    font-size: 16px;
}
.single-product-info .truck-switches .truck-switch{
    border: 1px solid rgba(102, 102, 102, 0.4);
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    width: 170px;
    display: flex;
    align-items: center;
    justify-content: space-between; 
}
.single-product-info .truck-switches .truck-switch span i{
    font-size: 12px;
    background: var(--green);
    padding: 4px;
    border-radius: 50%;
    color: #ffffff;
    display: none;
}
.single-product-info .truck-switches .truck-switch.active{
    border: 1px solid var(--green);
}
.single-product-info .truck-switches .truck-switch.active span i{
    display: block;
}
.single-product-info  .single-product-desc{
    margin-top: 30px;
}
.single-product-info .others .content-container .slide-toggle{
    cursor: pointer;
    color: var(--dark-blue);
}
.single-product-info .others .content-container .slide-content{
    display: none;
}
.single-product-info .others .content-container .slide-content .box{
    border: 1px solid var(--green);
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px;
    margin-top: 20px;
}
.single-product-info .others .content-container .slide-content .box span i{
    font-size: 18px;
    background: var(--green);
    padding: 4px;
    border-radius: 50%;
    color: #ffffff;
}
.single-product-info .others .content-container .slide-content .box .info h4{
    font-weight: 500;
}
.single-product-info .others .content-container .slide-content .box .info h4,
.single-product-info .others .content-container .slide-content .box .info p{
    color: #000;
}
.single-product-info  .single-product-desc .others{
    margin-top: 20px;
}
.single-product-info .single-product-others table{
    width: 100%;
}
.single-product-info .single-product-others .main-title{
    margin-bottom: 0;
    padding: 10px 0;
    color: var(--black);
}
.single-product-info .single-product-others table tr td{
    padding: 5px 0;
}
.single-product-info .single-product-others table tr td:first-child{
    color: #626974;
}
.single-product-info .single-product-price .no-stock{
    font-weight: 450;
}

.single-product-info .tax-info{
    font-size: 16px;
    display: flex;
    align-items: center;
}
.single-product-info .tax-info i{
    color: #ffffff;
    font-size: 21px;
    background: var(--light-gray);
    border: 2px solid var(--light-gray);
    border-radius: 50%;
    margin-right: 8px;
}
.single-product-info .product-detail-delivery-address button{
    width: 270px;
    padding: 8px 20px;
    background-color: #FF6800;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 8px;
}
.single-product-info .single-product-link .stock{
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 130px;
    border-radius: 5px;
    padding: 0 10px;
    color: var(--black);
    background: #f3f4f5;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-product-info .single-product-link .quantity select,
.single-product-info .pre-orders .links .quantity select,
.single-product-info .bulk-orders .links .quantity select{
    padding: 8px 20px;
    width: 270px;
    border-radius: 8px;
    background-color: #f3f4f5;
}
.single-product-info .single-product-link .zip-code-field{
    width: 270px;
}
.single-product-info .single-product-link .zip-code-field input{
    background-color: #f3f4f5;
}
.single-product-info .single-product-link .btn,
.single-product-info .pre-orders .links .btn,
.single-product-info .bulk-orders .links .btn{
    display: block;
    width: 270px;
    padding: 8px 20px;
    border-radius: 8px;
    background: #2F3135;
    margin-top: 20px;
    font-size: 18px;
    color: #ffffff;
    transform: scale(1);
    transition: all .4s ease-in-out;
}
.single-product-info .single-product-link #add-to-cart-btn{
    background: #FF6800;
}
.single-product-info .pre-orders .links #preorder-btn{
    background: var(--green);
}
.single-product-info .bulk-orders .links #bulk-btn{
    background: #ffffff;
    border: 1px solid #333;
    color: #111111;
}
.single-products-image-slider img{
    height: 420px;
    width: 100%;
}
.thumbnail-image-slider{
    margin-left: -3%;
    margin-right: -3%;
    padding: 5px 20px;
}
.thumbnail-image-slider .thumbnail-image-slider-inner{
    padding: 0 5px;
}
.thumbnail-image-slider .thumbnail-image-slider-inner img{
    height: 100px;
    width: 100%;
}
/* advertise */
.advertising_page{
    padding: 50px 0;
}
.advertising_page .inner{
  
}
.advertising_page h2, .advertising_page h4{
    color: #333;
    font-weight: 550;
}
.advertising_page .inner{
    padding: 20px 15px;
    border-radius: 10px;
}  
.advertising_page .inner .adv_step{
    padding: 15px 0;
} 
.cartel-policy{
    padding: 50px 0;
    padding-bottom: 20px;
}

.cartel-policy .inner{
    border-radius: 10px;
    padding: 40px;
}
.cartel-policy .inner .top-section{

}
.cartel-policy .inner .sub-section{
    padding: 20px 0;
}
.cartel-policy .inner .sub-section h2,
.cartel-policy .inner .sub-section h3{
    color: #333;
    font-weight: 550;
}
.cartel-policy .inner .sub-section p{

}
.cartel-policy .inner .sub-section ul li{
    color: #777777;
}

/* payments */
.payment_page {
    background-color: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    margin-top: 30px;
}
.payment_step {
    margin-bottom: 30px;
}
.form_title_step_2 {
    margin-bottom: 20px;
}
.form_title_step_2 h3 {
    color: #333;
}
.form_title_step_2 h3 i {
    margin-right: 10px;
    color: #009688;  
}
.box_styles_17, .box_styles_14 {
    background-color: #f9f9f9;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.box_styles_17 h3, .box_styles_14 h4 {
    color: #333;
}
.box_styles_14 i {
    font-size: 48px;
    color: #009688; 
}
.box_styles_14 span {
    color: #009688;  
}
.box_styles_14 .btn_full_outline {
    background-color: #009688; 
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    transition: background-color 0.3s ease;
}
.box_styles_14 .btn_full_outline:hover {
    background-color: #00796b; 
}
#header-sm-acct-type{
    padding: 5px 0;
    font-weight: 500;
    color: #ffffff;
    display: none;
}
#header-lg-acct-type{
    padding: 5px 0;
    font-weight: 400;
    color: #ffffff;
    display: none;
}
.single-product-info-2{
    padding-top: 10px;
}
.single-product-info-2 > div{
    margin-bottom: 10px;
}
.single-product-info-2 .single-product-name-2 .title-2,
.single-product-title .title{
    text-transform: capitalize;
}
.single-product-info-2 .single-product-name-2 .extra-info-2 p{
    font-size: 15px;
}

.sales_ending{
    background-color: red;
    font-size: 15px;
    color: #ffffff;
    padding: 10px;
}
.notify-section form .form-group .form-control{
    background: #f3f4f5;
    border-radius: 10px;
    height: 40px;
}
.notify-section form .form-group .form-control::placeholder{
    color: var(--black);
}
.notify-section .notify-btn-div{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* reseller locator */
.locator-search-section{
    
}
.locator-search-section .inner{
    border: 1px solid rgb(51, 51, 51,0.1);
    padding: 20px;
    border-radius: 10px;
}
.locator-search-section .inner form .product-search{
    position: relative;
}
.locator-search-section .inner form .product-search .drop-down{
    position: absolute;
    z-index: 999;
    width: 100%;
    max-height: 600px;
    overflow-y: scroll;
    background: #ffffff;
    padding: 10px;
    margin-top: 10px;
    display: none;
    border-radius: 10px;
}
.locator-search-section .inner form .product-search .drop-down li{
    padding: 5px 0;
    cursor: pointer;
    border-bottom: 1px solid rgb(51, 51, 51,0.3);
}
.locator-search-section .inner form .product-search .drop-down li:last-child{
    border: none;
}
.locator-search-section .inner form .product-search .drop-down .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.locator-search-section .inner form .product-search .drop-down .item .image{
    display: flex;
    align-items: center;
    gap: 30px;
}
.locator-search-section .inner form .product-search .drop-down .item .image img{
    height: 80px;
    width: 100px;
}
.locator-search-section .inner form .product-search .drop-down .item span{
    margin-bottom: 10px;
}
.locator-search-section .inner form .product-search .drop-down .item span i{
    font-size: 26px;
}
.locator-search-section .inner form .radius{
    height: 48px;
    border: 1px solid #E5E6EB;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.locator-search-section .inner form .radius .flex-1,
.locator-search-section .inner form .radius .flex-3{
    width: 15%;
}
.locator-search-section .inner form .radius .flex-2{
    width: 70%;
}
.locator-search-section .inner form .radius .flex-1 button,
.locator-search-section .inner form .radius .flex-3 button{
    background: #f3f4f5;
    border-radius: 15px;
    width: 100%;
    border: none;
    text-align: center;
}
.locator-search-section .inner form .radius .flex-2{
    position: relative;
}
.locator-search-section .inner form .radius .flex-2 span{
    position: absolute;
    right: 5%;
}
.locator-search-section .inner form .radius .float-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.locator-search-section .inner form .radius input{
    width: 100%;
    border: none;
    padding-left: 10px;
}
.locator-search-section .inner form .radius input:focus{
    border: none;
    outline: none;
}
.locator-search-section .inner form .radius button i{
    color: var(--black);
    font-size: 10px;
}
.locator-search-section .inner form .seller-type{
    min-height: 48px;
    border: 1px solid #E5E6EB;
    padding: 10px;
    border-radius: 5px;
}
.locator-search-section .inner form .seller-type .main-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.locator-search-section .inner form .seller-type .drop-down ul li{
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(51,51,51,0.1);
}
.locator-search-section .inner form .seller-type .drop-down ul li:last-child{
    border: none;
    padding-bottom: 0;
}
.locator-search-section .inner form .seller-type .drop-down ul li input{
    height: 15px;
    width: 15px;
    border: 1px solid #333;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}
.locator-search-section .inner form .seller-type .drop-down ul li input:checked{
    accent-color: var(--yellow);
}
.reseller-locations .locations .location{
    display: flex;
    background: #ffffff;
    border-radius: 10px;
}
.reseller-locations .locations .location .image{
    width: 30%;
    height: 200px;
}
.reseller-locations .locations .location .image img{
    width: 100%;
    height: 100%;
}
.reseller-locations .locations .location .desc{
    width: 70%;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.reseller-locations .locations .location .desc .info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 50%;
}
.reseller-locations .locations .location .desc .info p{
    font-size: 16px;
}
.reseller-locations .locations .location .desc .next-layer{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}
.reseller-locations .locations .location .desc .next-layer .links button{
    border-radius: 5px;
    padding: 10px 20px;
    width: 190px;
}
.reseller-locations .locations .location .desc .next-layer .links button:first-child{
    background: var(--yellow);
    margin-right: 10px;
    border: 1px solid var(--yellow);
}
.reseller-locations .locations .location .desc .next-layer .links button:last-child{
    background: #ffffff;
    border: 1px solid var(--black);
}
/* styled form */
form.styled-input .form-group .form-control,
form.styled-input .form-group .form-select,
form.styled-input .form-group input[type="file"]{
    background-color: #f3f4f5;
    height: 44px;
    border-radius: 6px;
}
form.styled-input .form-group textarea.form-control{
    height: 150px;
}
form.styled-input .form-group .form-label{
    color: var(--black);
    font-size: 18px;
}
form.styled-input .form-group.reseller-label .form-label{
    font-size: 16px;
}
#slider-range-value1,
#slider-range-value2{
  background-color: #E7EAEC;
  border-radius: 6px;
  color: #041E42;
  border: none;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0em;
  margin-top: -60px;
  padding: 8px 10px;
  text-align: center;
  width: 95px;
}
#slider-range-value1{
  float: left;
}
#slider-range-value2{
  float: right;
}
/* tire section */
.find-tire-section .tire-search-bar .form-group{
    position: relative;
}
.find-tire-section .tire-search-bar .form-group .form-control{
    width: 79%;
    height: 48px;
    background: #ffffff;
}
.find-tire-section .tire-search-bar .form-group button{
    position: absolute;
    width: 19%;
    top: 0;
    right: 0;
    height: 48px;
    border: 1px solid var(--dark-blue);
    background: #ffffff;
    border-radius: 6px;
    color: var(--dark-blue);
}
.find-tire-section .main-container .tire-toogle-filters button{
    display: inline-block;
    border: none;
    outline: none;
    padding: 8px 0;
    border-radius: 6px;
    text-align: center;
}
.find-tire-section .main-container .tire-toogle-filters button.notification{
    width: 60%;
    background-color: #3460B2;
    color: #ffffff;
}
.find-tire-section .main-container .tire-toogle-filters button#toggle-all-filter{
    width: 35%;
}
.find-tire-section .main-container .filter-side-left .custom-check-1 label{
}
.find-tire-section .main-container .filter-side-left .custom-check-1 input[type="checkbox"]{
    margin-left: 15px;
}
.find-tire-section .main-container .filter-side-right form .form-control,
.find-tire-section .main-container .filter-side-left .form-group .form-control{
    height: 38px;
}
.find-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon{
    position: relative;
}
.find-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon .form-control{
    padding-left: 50px;
}
.find-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon span{
    position: absolute;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
    width: 40px;
}
.find-tire-section .main-container .filter-side-right form .form-control{
    background: #ffffff;
}
.find-tire-section .main-container .filter-side-left .location .form-group{
    display: flex;
    gap: 10px;
}
.find-tire-section .main-container .filter-side-left .location .form-group .form-control{
    width: 60%;
    height: 38px;
    background: #ffffff;
}
.find-tire-section .main-container .filter-side-left .location .form-group .form-select{
    width: 40%;
    height: 38px;
    font-size: 11px;
}
.find-tire-section .main-container .filter-side-left .location .form-group .form-control::placeholder{
    font-size: 11px;
}
.find-tire-section .main-container .filter-side-left h5{
    font-size: 16px;
    color: var(--black);
}
.find-tire-section .main-container .filter-side-left .alignment-place{
    display: inline-block;
    width: 100%;
}
.find-tire-section .main-container .filter-side-left .alignment-place label{
    background-color: #ffffff;
    padding: 3px 0 3px 20px;
    width: 100%;
    margin-right: 10px;
    border-radius: 5px;
    color: var(--black);
    border: 1px solid rgb(51, 51, 51, 0.1);
}
.find-tire-section .main-container .filter-side-left .alignment-place label.selected{
    background-color: var(--green);
    border: none;
}
.find-tire-section .main-container .filter-side-left .alignment-places-section button{
    border: none;
    outline: none;
    width: 100%;
    font-size: 11px;
    padding: 5px 0;
    background-color: #666666;
    color: #ffffff;
    border-radius: 5px;
}
.find-tire-section .main-container .filter-side-left .filter-box{
    margin-bottom: 20px;
}
.find-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .option,
.find-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .filter-checks .form-group{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.find-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .filter-checks .form-group label{
    font-size: 14px;
    color: var(--black);
}
.find-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .filter-checks .form-group input{
    height: 16px;
    width: 16px;
}
.find-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .option i{
    visibility: hidden;
}
.find-tire-section .main-container .filter-side-right .heading{
    font-weight: 550;
    color: #666666;
    border-bottom: 1px solid rgb(51, 51, 51, 0.3);
    padding-bottom: 10px;
}
.find-tire-section .main-container .filter-side-left .cost-per-tire .form-control{
    width: 50%;
}
.find-tire-section .main-container .filter-side-left .shoulder-type{
    width: 49%;
    display: inline-block;
    margin-bottom: 5px;
}
.find-tire-section .main-container .filter-side-left .shoulder-type label{
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    padding: 0 5px;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid rgba(51, 51, 51,0.2);
    color: var(--black);
}
.find-tire-section .main-container .filter-side-left .shoulder-type label.selected{
    background-color: var(--green);
}
.find-tire-section .main-container .filter-side-left .tire-condition-section .tire-condition{
    display: inline-block;
    width: 31%;
}
.find-tire-section .main-container .filter-side-left .tire-position-section .tire-position label,
.find-tire-section .main-container .filter-side-left .tire-condition-section .tire-condition label{
    width: 100%;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid rgba(51, 51, 51,0.2);
    font-size: 12px;
    line-height: 24px;
    color: var(--black);
}
.find-tire-section .main-container .filter-side-left .tire-position-section .tire-position label.selected,
.find-tire-section .main-container .filter-side-left .tire-condition-section .tire-condition label.selected{
    background-color: var(--green);
}
.find-tire-section .main-container .filter-side-left .tire-position-section .tire-position{
    display: inline-block;
    width: 23%;
}
.find-tire-section .main-container .filter-side-left .tire-brands .form-group{
    position: relative;
}
.dropdown-tire-size,
.find-tire-section .main-container .filter-side-left .tire-brands .form-group .dropdown-model,
.find-tire-section .main-container .filter-side-left .tire-brands .form-group .dropdown-brands{
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #ffffff;
    z-index: 10;
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
    border-radius: 10px;
    display: none;
}
.dropdown-tire-size ul li div,
.find-tire-section .main-container .filter-side-left .tire-brands .form-group .dropdown-model ul li div{
    border-bottom: 1px solid rgb(51, 51, 51,0.1);
    padding: 10px;
    cursor: pointer;
    width: 100%;
}
.find-tire-section .main-container .filter-side-left .tire-brands .form-group .dropdown-brands ul li div{
    border-bottom: 1px solid rgb(51, 51, 51,0.1);
    padding: 10px;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dropdown-tire-size ul li div span,
.find-tire-section .main-container .filter-side-left .tire-brands .form-group .dropdown-model ul li div span,
.find-tire-section .main-container .filter-side-left .tire-brands .form-group .dropdown-brands ul li div span{
    color: #666666;
}
.find-tire-section .main-container .filter-side-left .tire-brands .form-group .dropdown-brands ul li div img{
    height: 30px;
    width: 120px;
}
.find-tire-section .main-container .filter-side-left .tire-brands .form-input{
    position: relative;
}
.find-tire-section .main-container .filter-side-left .tire-brands .form-input .form-control{
    padding-left: 50px;
}
.find-tire-section .main-container .filter-side-left .tire-brands .form-input span{
    position: absolute;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.find-tire-section .main-container .filter-side-left .tire-brands .form-input span.float-right{
    right: 0;
    top: 0;
    padding: 0 10px;
    color: var(--black);
}
.find-tire-section .main-container .filter-side-left .tire-brands .form-input span.float-right::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 50%;
    left: 0;
    background-color: rgb(51, 51, 51, 0.3);
}
.find-tire-section .main-container .filter-side-left .tire-brands .form-input span.float-right:hover{
    color: var(--green);
}
.find-tire-section .main-container .filter-side-left .tire-brands .form-input span.float-left{
    left: 0;
    width: 40px;
}
.find-tires-btn button{
    width: 100%;
    border: none;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    border-radius: 10px;
    background-color: var(--black);
    color: #ffffff;
}
.find-tire-section .main-container .filter-side-right form .form-group label{
    font-weight: 550;
    margin-bottom: 8px;
}
.find-tire-section .main-container .tire-head{
    display: flex;
    justify-content: flex-end;
}
.find-tire-section .main-container .tire-head .right-side{
    display: flex;
}
.find-tire-section .main-container .tire-head .right-side > a{
    padding: 0 15px;
    font-size: 16px;
    font-weight: 550;
    color: #666666;
    border-right: 1px solid rgba(51, 51, 51, 0.2);
}
.find-tire-section .main-container .tire-head .right-side .sort-by{
    position: relative;
    margin-left: 10px;
}
.find-tire-section .main-container .tire-head .right-side .sort-by .top{
    cursor: pointer;
    font-size: 16px;
}
.find-tire-section .main-container .tire-head .right-side .sort-by .body{
    position: absolute;
    background: #ffffff;
    z-index: 10;
    top: 90%;
    width: 210px;
    border-radius: 5px;
    display: none;
}
.find-tire-section .main-container .tire-head .right-side .sort-by .body span{
    padding: 0 10px;
}
.find-tire-section .main-container .tire-head .right-side .sort-by .body ul li{
    border-bottom: 1px solid rgb(51, 51, 51,0.3);
    cursor: pointer;
}
.find-tire-section .main-container .tire-head .right-side .sort-by .body ul li a{
    padding: 3px 10px;
}
.find-tire-section .main-container .tire-head .right-side .sort-by .body ul li a:hover{
    background-color: #f4f5f6;
}
.find-tire-section .main-container .tires-by-size .tire .thumb{
    width: 100%;
    height: 150px;
    position: relative;
}
.find-tire-section .main-container .tires-by-size .tire .thumb label.checkmark{
    position: absolute;
    right: 8%;
    top: 10%;
    background: #E7EAEC;
    height: 23px;
    width: 23px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.find-tire-section .main-container .tires-by-brand .tire{
    padding: 10px;
    border-radius: 5px;
    background-color: #ffffff;
}
.find-tire-section .main-container .tires-by-brand .tire label.checkmark{
    background: #E7EAEC;
    height: 23px;
    width: 23px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.find-tire-section .main-container .tires-by-brand .tire .thumb img{
    height: 50px;
    width: 140px;
}
.find-tire-section .main-container .tires-by-brand .tire label.checkmark i,
.find-tire-section .main-container .tires-by-size .tire .thumb label.checkmark i{
    color: transparent;
}
.find-tire-section .main-container .tires-by-brand .tire label.checkmark.checked i,
.find-tire-section .main-container .tires-by-size .tire .thumb label.checkmark.checked i{
    color: red;
}
.find-tire-section .main-container .tires .tire .thumb{
    width: 100%;
    height: 183px;
    margin-bottom: 12px;
}
.find-tire-section .main-container .tires .tire.special .thumb{
    width: 100%;
    height: 140px;
    margin-bottom: 12px;
}
.find-tire-section .main-container .tires-by-size .tire .thumb img,
.find-tire-section .main-container .tires .tire .thumb img{
    width: 100%;
    height: 100%;
}
.find-tire-section .main-container .tires .tire .details p.instock{
    position: relative;
    padding-left: 10px;
}
.find-tire-section .main-container .tires .tire .details p.instock::after{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--green);
    left: 0;
    top: 40%;
}
.find-tire-section .main-container .tires .tire .details button{
    width: 100%;
    background: var(--dark-blue);
    padding: 10px;
    border-radius: 5px;
    color: #ffffff;
    border: none;
    outline: none;
}
.find-tire-section .main-container .filter-side-right .available-sellers .item{
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
}
.find-tire-section .main-container .filter-side-right .available-sellers .item p{
    line-height: 18px;
}
.find-tire-section .main-container .filter-side-right .available-sellers .item .icons i{
    padding: 15px;
    border-radius: 5px;
    color: var(--dark-blue);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.find-tire-section .main-container .filter-side-right .available-sellers .item .base{
    
}
.find-tire-section .main-container .filter-side-right .available-sellers .item .form-switch input{
    transform: translateX(10px);
    background-color: #F3F5F6;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    border: 1px solid #ebebeb;
    border-radius: 30px;
}
.find-tire-section .main-container .filter-side-right .available-sellers .item .form-switch input:checked{
    background-color: #041E42;
}

/* tire become a seller */
.tire-seller-form{
    padding: 40px 0;
    overflow-x: hidden;
}
.tire-seller-form .inner{
    padding: 35px 20px 0 20px;
    border-radius: 8px;
}
.tire-seller-form .inner .heading{
    padding: 5px 20px;
    border-radius: 5px;
}
.tire-seller-form .inner .heading h5{
    color: #ffffff;
    margin: 0;
}
.tire-seller-form .inner .main-container{
    padding: 30px 20px;
}
.tire-seller-form .inner .main-container form .form-step{
    display: none;
    animation: animate 0.5s;
}
.tire-seller-form .inner .main-container form .form-step.form-step-active{
    display: block;
}
.tire-seller-form .inner .main-container .progressbars{
    position: relative;
    display: flex;
    justify-content: space-between;
    counter-reset: step;
}
.tire-seller-form .inner .main-container .progressbars::before,
.tire-seller-form .inner .main-container .progressbars .progress{
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    background: #f4f5f6;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
}
.tire-seller-form .inner .main-container .progressbars .progress{
    width: 0;
    background: var(--dark-blue);
}
.tire-seller-form .inner .main-container .progressbars .progress-step{
    width: 35px;
    height: 35px;
    position: relative;
    border-radius: 50%;
    background: #f4f5f6;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tire-seller-form .inner .main-container .progressbars .progress-step.active-step{
    background: var(--dark-red);
    color: white;
}
.tire-seller-form .inner .main-container .progressbars .progress-step::before{
    counter-increment: step;
    content: counter(step);
}
.tire-seller-form .inner .main-container .progressbars .progress-step::after{
    position: absolute;
    content: attr(data-title);
    bottom: -100%;
    left: 0;
    color: #666666;
    width: 150px;
}
.tire-seller-form .inner .main-container .progressbars .progress-step.active-step::after{
    color: var(--black);
}
.tire-seller-form .inner form .form-group .form-control,
.tire-seller-form .inner form .form-group .form-select{
    background-color: #f8f8f8;
    height: 46px;
}
.tire-seller-form .inner form .btn.add-more{
    border: 1px solid var(--dark-blue);
    padding: 8px 20px;
}
.tire-seller-form .inner .main-container form .form-group.range-select{
    display: flex;
    align-items: center;
}
.tire-seller-form .inner .main-container form .form-group.range-select.brdrt{
    border-right: 2px solid rgba(102, 102, 102, 0.5);
}
.tire-seller-form .inner .main-container form .form-group.range-select .form-select:first-child{
    width: 55%;
    margin-right: 15px;
}
.tire-seller-form .inner .main-container form .form-group.range-select .form-select:last-child{
    width: 30%;
    margin-left: 15px;
}
.tire-seller-form .inner form .form-group .form-select,
.tire-seller-form .inner form .form-group .form-control::placeholder{
    color: var(--black);
    font-size: 18px;
    color: #333333;
}
.custom-file-group-list li{
    display: inline-block;
    width: 49%;
}
.tire-seller-form .inner form .custom-file-group span{
    margin-right: 25px;
    font-size: 21px;
    color: var(--black);
}
.tire-seller-form .inner form .custom-file-upload{
    padding: 5px 10px;
    width: 140px;
    background-color: var(--dark-blue);
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
}
.tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox li{
    display: inline-block;
    margin-right: 10px;
}
.tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-check-input:checked{
    background-color: var(--green);
}
.tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group{
    display: flex;
    gap: 10px;
    padding: 0 10px;
    position: relative;
}
.tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
    color: var(--black);
}
.tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 50%;
    top: 15%;
    right: 0;
    background: rgba(102, 102, 102, 0.5);
}
.tire-seller-form .inner form .form-step .final-step .form-group .form-input{
    position: relative;
}
.tire-seller-form .inner form .form-step .final-step .form-group .form-input span{
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: center;
    top: 0;
}
.tire-seller-form .inner form .form-step .final-step .form-group .form-input span::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 75%;
    background: rgba(102, 102, 102, 0.5);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.tire-seller-form .inner form .form-step .final-step .price-summary{
    width: 50%;
}
.tire-seller-form .inner form .form-step .final-step .price-summary div{
    padding: 5px 0;
}
.tire-seller-form .inner form .form-step .final-step .price-summary div span{
    font-size: 20px;
}
.tire-seller-form .inner form .form-step .final-step .special-text{
    position: relative;
}
.tire-seller-form .inner form .form-step .final-step .special-text::before{
    content: "";
    position: absolute;
    width: 35%;
    height: 2px;
    background-color: var(--dark-red);
    left: 0;
    bottom: -10px;
}
.tire-seller-form .inner form .form-control.has-error,
.tire-seller-form .inner form .form-select.has-error{
    border: 1px solid var(--dark-red);
}
.tire-seller-form .inner form .btns{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.tire-seller-form .inner form .btns .next-btn,
.tire-seller-form .inner form .btns .submit-btn{
    background: var(--dark-blue);
    border-radius: 5px;
    border: none;
    display: inline;
    width: 170px;
    outline: none;
    color: #ffffff;
    padding: 10px;
}
.tire-seller-form .inner form .btns .next-btn i,
.tire-seller-form .inner form .btns .submit-btn i{
    font-size: 10px;
}

/* tire seller account */
.tire-seller-account .seller-title{
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.tire-seller-account .seller-info .seller-products{  
    overflow-x: auto;
}
.tire-seller-account .seller-info .seller-products table{
    width: 100%;
}
.tire-seller-account .seller-info .seller-products table tr th{
    background-color: #F4F7FB;
    font-size: 14px;
    padding: 0 10px;
}
.tire-seller-account .seller-info .seller-products table tr th div{
    padding: 5px;
    color: #666666;
}
.tire-seller-account .seller-info .seller-products table tr td{
    padding-top: 15px;
    padding-bottom: 15px;
}
.tire-seller-account .seller-info .seller-products table tr .product-title .tire-logo{
    padding: 15px;
    border-radius: 50%;
    background-color: #F4F7FB;
}
.tire-seller-account .seller-info .seller-products table tr .product-title{
    width: 250px;
}
.tire-seller-account .seller-info .seller-products table tr th .status,
.tire-seller-account .seller-info .seller-products table tr th .action,
.tire-seller-account .seller-info .seller-products table tr th .machine,
.tire-seller-account .seller-info .seller-products table tr td .status,
.tire-seller-account .seller-info .seller-products table tr td .action,
.tire-seller-account .seller-info .seller-products table tr td .machine{
    width: 140px;
}
.tire-seller-account .seller-info .seller-products table tr th .remaining,
.tire-seller-account .seller-info .seller-products table tr td .remaining{
    width: 140px;
}
.tire-seller-account .seller-info .seller-products table tr td .status span{
   padding: 0px 10px 3px 10px;
   display: inline-block;
   width: 120px;
   color: #ffffff;
   text-align: center;
   border-radius: 25px; 
}
.tire-seller-account .seller-info .seller-products table tr td .status span.active{
    background: var(--green);
}
.tire-seller-account .seller-info .seller-products table tr td .status span.inactive{
    background-color: #4B4B4B;
}
.tire-seller-account .seller-info .seller-products table tr td .action span{
    padding: 2px 10px;
    display: inline-block;
    color: var(--dark-blue);
    width: 120px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid var(--dark-blue);
}
.tire-seller-account .seller-info .seller-products table tr td .action span:hover{
    background-color: var(--green);
    color: #ffffff;
    border: none;
}
.tire-seller-account .base .pagination-links a{
    background: var(--dark-blue);
    padding: 5px 12px;
    border-radius: 5px;
}
.tire-seller-account .base .pagination-links a:first-child{
    margin-right: 10px;
}
.tire-seller-account .base .pagination-links a.disabled{
    background: #979797;
}
.tire-seller-account .base .pagination-links a i{
    color: #ffffff;
    font-size: 14px;
}
#notifyModal .modal-header span{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: #ffffff;
}
#notifyModal .modal-header span i{
    font-size: 21px;
}
#notifyModal .modal-header span.success{
    background-color: var(--green);
}
#notifyModal .modal-header span.error{
    background-color: var(--dark-red);
}
#notifyModal .modal-footer button{
    background-color: #666666;
    color: #ffffff;
}

/* custom sliders */
.client_review_slider.owl-theme.owl-loaded .owl-next{
    right: 0;
}
.client_review_slider.owl-theme.owl-loaded .owl-prev{
    right: 8%;
}
.client_review_slider.owl-theme.owl-loaded .owl-next,
.client_review_slider.owl-theme.owl-loaded .owl-prev{
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #EAEAEA;
    color: #112137;
    height: 50px;
    font-size: 20px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    width: 50px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#certificate-form{
    display: none;
}
.certificate-toggle{
    width: 270px;
    border: none;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px 10px;
    outline: none;
    background-color: var(--yellow);
    color: var(--black);
    border-radius: 8px;
}
button#clear {
    height: 100%;
    background: #4b00ff;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
input[name="customer_work_type"] {
    position: relative;
    cursor: pointer;
    appearance: none;
}
input[name="customer_work_type"]:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -15px;
    left: 0;
    border-radius: 40px;
    background-color:#e9e9e9;
}
input[name="customer_work_type"]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -15px;
    left: 0;
    border-radius: 40px;
    background-color:#FF6800;
}
input[name="customer_work_type"]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -11px;
    border-radius: 40px;
    left: 8px;
}
button#clear span {
    transform: rotate(90deg);
    display: block;
}

/* Dispatch */
.dispatch-container.overlay{
    position: relative;
}
.dispatch-container.overlay::before{
    background-color: rgba(13,38,59, .7);
    bottom: 0;
    content:"";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
.dispatch-container .inner{
    padding: 15px;
}
.dispatch-container .dispatch-filter-form form .form-group label{
    font-size: 16px;
}
.dispatch-container .dispatch-filter-form form .form-group .form-control{
    height: 35px;
    font-size: 14px;
    color: #222939;
} 
.dispatch-container .dispatch-filter-form .refresh-btn{
    background-color: #f3f4f5;
    padding: 9px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
.dispatch-container .dispatch-filter-form .refresh-btn button{
    display: flex;
    gap: 20px;
    width: auto;
    border: none;
    outline: none;
}
.dispatch-container .dispatch-filter-form form .refresh-btn span i{
    font-size: 18px;
}
.dispatch-container .dispatch-table-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dispatch-container .dispatch-table-head button{
    padding: 5px 15px;
    border: 1px solid #FF6800;
    border-radius: 6px;
}
.dispatch-container .dispatch-table-head button:first-child{
    background-color: #ffffff;
    color: #FF6800;
    margin-right: 10px;
}
.dispatch-container .dispatch-table-head button:last-child{
    color: #ffffff;
    background-color: #FF6800;
}
.dispatch-container .dispatch-table{
    overflow-x: scroll;
    margin-top: 30px;
    border: 1px solid #f3f4f5;
    border-radius: 8px;
}
.dispatch-container .dispatch-table tr th{
    background-color: #f3f4f5;
    color: #222939;
    padding: 5px 10px;
    font-weight: 500;
}
.dispatch-container .dispatch-table tr td{
    color: #222939;
}
.dispatch-container .dispatch-table tr th.so,
.dispatch-container .dispatch-table tr td.so{
    min-width: 90px;
}
.dispatch-container .dispatch-table tr td.so i{
    border: 1px solid #222939;
    padding: 3px;
    border-radius: 5px;
}
.dispatch-container .dispatch-table tr th.customer_name,
.dispatch-container .dispatch-table tr td.customer_name{
    min-width: 150px;
}
.dispatch-container .dispatch-table tr th.city,
.dispatch-container .dispatch-table tr td.city{
    min-width: 150px;
}
.dispatch-container .dispatch-table tr th.state,
.dispatch-container .dispatch-table tr td.state{
    min-width: 90px;
}
.dispatch-container .dispatch-table tr th.phone,
.dispatch-container .dispatch-table tr td.phone{
    min-width: 150px;
}
.dispatch-container .dispatch-table tr th.description,
.dispatch-container .dispatch-table tr td.description{
    min-width: 350px;
}
.dispatch-container .dispatch-table tr th.ship-to,
.dispatch-container .dispatch-table tr td.ship-to{
    min-width: 150px;
}
.dispatch-container .dispatch-table tr th.amount,
.dispatch-container .dispatch-table tr td.amount{
    min-width: 100px;
}
.dispatch-container .dispatch-table tr th.status,
.dispatch-container .dispatch-table tr td.status{
    min-width: 100px;
}
.dispatch-container .dispatch-table tr td.status span.active{
    color: var(--green);
}
.dispatch-container .dispatch-table tr td.status span.inactive{
    color: var(--dark-red);
}
.dispatch-container .dispatch-table tr th.source,
.dispatch-container .dispatch-table tr td.source{
    min-width: 100px;
}
.dispatch-container .dispatch-table tr th.date_to_from,
.dispatch-container .dispatch-table tr td.date_to_from,
.dispatch-container .dispatch-table tr th.contractor_name,
.dispatch-container .dispatch-table tr td.contractor_name{
    min-width: 150px;
}
.dispatch-container .dispatch-table tr th.time_to_from,
.dispatch-container .dispatch-table tr td.time_to_from{
    min-width: 150px;
}
.dispatch-container .dispatch-table tr th.job,
.dispatch-container .dispatch-table tr td.job{
    min-width: 150px;
}
.dispatch-container .dispatch-table tr th.axle_truck,
.dispatch-container .dispatch-table tr td.axle_truck,
.dispatch-container .dispatch-table tr th.semi_truck,
.dispatch-container .dispatch-table tr td.semi_truck{
    min-width: 120px;
}
.dispatch-confirm-form{
    position: fixed;
    left: 50%;
    top: 15%;
    transform: translate(-50%, -20%);
    z-index: 20;
    /* overflow: scroll; */
}
.dispatch-confirm-form .inner{
    width: 768px;
    height: 400px;
    background-color: #ffff;
    border-radius: 10px;
    overflow: auto;
}
.dispatch-confirm-form .heading{
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    padding: 20px;
}
.dispatch-confirm-form .heading span{
    cursor: pointer;
}
.dispatch-confirm-form .main-content{
    padding: 20px;
}
.dispatch-confirm-form .main-content .sub-heading .email-box{
    background-color: #f4f5f6;
    padding: 5px 15px;
    border-radius: 20px;
}
.dispatch-confirm-form .base{
    padding: 20px;
    border-top:  1px solid rgba(51, 51, 51, 0.2);
}
.dispatch-confirm-form .base button{
    width: 130px;
    padding: 8px 5px;
    outline: none;
    border: none;
    border-radius: 6px;
    font-weight: 500;
}
.dispatch-confirm-form .base button.style-one{
    border: 1px solid #FF6800;
    background-color: #ffffff;
    color: #FF6800;
}
.dispatch-confirm-form .base button.style-two{
    border: 1px solid rgba(51, 51, 51, 0.2);
    margin-left: 10px;
}
.dispatch-confirm-form .base button.style-three{
    background-color: #FF6800;
    color: #ffffff;
}
.requested-job .links button{
    width: 270px;
    text-align: center;
    outline: none;
    padding: 6px 0;
    border-radius: 6px;
}
.requested-job .links button:first-child{
    background-color: var(--green);
    border: none;
    color: #ffffff;
}
.requested-job .links button:last-child{
    background-color: var(--dark-red);
    border: 1px solid var(--dark-red);
    color: #ffffff;
    margin-top: 20px;
}
#overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(51, 51, 51, 0.1);
    z-index: 9000;
}

/* invoice styling */
.invoice-table.scroll .table-wrapper{
    overflow-x: auto;
    overflow-y: hidden;
}
.invoice-table .table-wrapper table th{
    /* padding: 0; */
    background-color: blue;
    border: 1px solid #ffffff;
}
.invoice-table .table-wrapper table th .header-content{
    width: 90px;
    margin: 0 auto;
}
.invoice-table .table-wrapper table tr td.day-dropdown{
    background-color: #000000;
    border: none;
    padding: 0;
}
.invoice-table .table-wrapper table tr td.no-padding{
    padding: 0;
}
.invoice-table .table-wrapper table tr td .form-control{
    border-radius: 0;
    border: none;
    height: 30px;
    font-size: 14px;
    line-height: 14px;
    background-color: #fff;
    color: #000;
    height: 40px;
}
.table>:not(caption)>*>* {
    box-shadow: none
}
.box-xt button{
    /* height: 44px; */
    border-radius: 8px;
    border: 1px;
    /* background-color: #E1E4E3; */
}
.hstack img{
        height: 10px;
        width: 10px;
}
.rou{
        border-top-left-radius: 6px;
        border: none;
    }
.rt{
        border-top-right-radius: 6px;
    }
.ctr{
    font-size: 10px;
}

.invoice-table .table-wrapper table tr td .header-content .form-select{
    font-size: 13px;
    background-color: #000000;
    color: #ffffff;
    height: 30px;
    accent-color: #fff;
    border: none;
    text-align: center;
    height: 40px;
}
.invoice-table .table-wrapper table th .header-content .header-text{
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
}
.invoice-table #hide-header-row{
    cursor: pointer;
}
.invoice-table #hide-header-row:hover{
    text-decoration: underline;
}
.invoice-tem .action-btn{
    display: inline-block;
    width: 100%;
    padding: 8px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #315CC0;
    background-color: transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}
.invoice-tem .action-btn:hover{
    background-color: #315CC0;
    color: #ffffff;
}
.invoice-tem .total-section{
    border: 1px solid #E1E4E3;
    padding: 10px;
}
.invoice-tem .total-section p{
    font-size: 16px;
}
.invoice-tem form .form-control{
    background-color: #f4f5f6;
}

body.overlay{
            position: relative;
}
body.overlay::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(13,38,59, .7);
    z-index: 8;
}
.overlay-box{
    width: 50%;
    height: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    background-color: #ffffff;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 5000;
}
.success-modal{
    width: 320px;
    padding: 40px 10px;
    position: fixed;
    top: 30%;
    left: 50%;
    border-radius: 10px;
    background-color: #ffffff;
    transform: translate(-50%,-50%);
    z-index: 5000;
    display: none;
}
.success-modal .heading span{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 0 auto;
    width: 50px;
    border-radius: 50%;
    background-color: var(--green);
    color: #ffffff;
}
.success-modal .heading span i{
    font-size: 21px;
}
.notification-modal .modal-header span{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 0 auto;
    width: 50px;
    border-radius: 50%;
    color: #ffffff;
}
.notification-modal .modal-header span i{
    font-size: 21px;
}
.notification-modal .modal-header span.success{
    background-color: var(--green);
}
.notification-modal .modal-header span.error{
    background-color: var(--dark-red);
}
.notification-modal .modal-footer button{
    background-color: #666666;
    color: #ffffff;
}
@keyframes animate {
    from {
        transform: scale(1, 0);
        opacity: 0;
    }
    to{
        transform: scale(1, 1);
        opacity: 1;
    }
}
@media only screen and (max-width:1365px){
    .reseller-locations .locations .location .desc .next-layer .links button{
        width: 170px;
        padding: 10px 15px;
        font-size: 14px;
    }
}
@media only screen and (max-width:1356px){
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 11px;
    }
}
@media only screen and (max-width:1199px){
    .reseller-locations .locations .location .desc .next-layer .links button{
        width: 140px;
        padding: 10px;
        font-size: 12px;
    }
    .robust-container .partition-1 .single-item .info{
        padding: 10px 10px 10px 10px;
    }
    .robust-container .partition-1 .single-item .image{
        height: 260px;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 13px;
    }
    .find-tire-section .main-container .filter-side-left .shoulder-type{
        width: 48%;
    }
    .find-tire-section .main-container .filter-side-left .shoulder-type label{
        font-size: 12px;
        line-height: 35px;
    } 
    .ui_kit_tab.style-five .nav.nav-pills .nav-item{
        width: 100%;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 14px;
    }
}
@media only screen and (max-width:375px){ 
    .mobile_menu_bar a.mobile_logo {
        font-size: 11px; 
}}
@media only screen and (max-width:991px){
    .cart-section{
        padding-top: 0;
    }
    .tire-seller-form .inner .main-container form .form-group.range-select .form-select:first-child{
        width: 48%;
        margin-right: 9px;
    }
    .tire-seller-form .inner .main-container form .form-group.range-select .form-select:last-child{
        width: 38%;
        margin-left: 9px;
    }
    .find-tire-section .main-container .filter-side-right .available-sellers .item .icons i{
        padding: 12px;
    }
    .robust-container .partition-1 .single-item .info{
        padding: 20px 10px 10px 20px;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 16px;
    }
    .robust-container .partition-1 .single-item .image{
        height: 290px;
    }
    .cart-section .products-links{
        margin-bottom: 25px;
    }
    .checkout-section .inner .order-summary{
        margin-top: 20px;
    }
    .single-product-title{
        margin-top: 0px;
    }
    .single-products-section .inner{
        padding: 5px;
    }
    .single-product-info{
        padding-left: 10px;
        padding-top: 30px;
        padding-right: 10px;
    }
    .single-products-image-slider img{
        height: 380px;
    }
    .robust-container .partition-1 .single-item{
        margin-bottom: 30px;
    }
    .pv-only{
        display: block;
    }
    .desk-only{
        display: none;
    }
    .locator-search-section .inner form .radius{
        padding: 10px;
    }
    .reseller-locations .locations .location .image{
        width: 20%;
    }
    .reseller-locations .locations .location .desc{
        width: 80%;
    }
    .cart-section .inner .top-checkout-btn a,
    .cart-section .cart-card .btn a{
        padding: 10px 20px;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        font-size: 10px;
        width: 130px;
        padding: 5px;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        width: 155px;
    }
    .lg-show{
        display: block;
    }
}
@media only screen and (max-width:320px){
    .box-xt button{
        font-size: 8px;
        border-radius: 8px;
        border: 1px;
        background-color: #E1E4E3;
        
    }
    
}
@media only screen and (max-width:767px){
    .custom-container-sm{
        padding-left: 20px;
        padding-right: 20px;
    }
    .overlay-box{
        width: 80%;
    }
    .shop-area .shop-filter{
        padding-bottom: 15px;
    }
    /* find tires styling */
    .find-tire-section .main-container .filter-side-right .available-sellers .item .icons i{
        padding: 20px;
    }
    .find-tire-section .main-container .filter-side-left .location .form-group .form-control{
        width: 70%;
    }
    .find-tire-section .main-container .filter-side-left .location .form-group .form-control::placeholder{
        font-size: 14px;
    }
    .find-tire-section .main-container .filter-side-left .location .form-group .form-select{
        width: 30%;
        font-size: 14px;
    }
    .find-tire-section .main-container .filter-side-right form .form-control,
    .find-tire-section .main-container .filter-side-left .form-group .form-control{
        height: 48px;
    }
    .find-tires-btn button{
        font-size: 18px;
        padding: 10px 0;
    }
    .find-tire-section .main-container .filter-side-left .shoulder-type{
        width: 49%;
    }
    .find-tire-section .main-container .filter-side-left .shoulder-type label{
        height: 40px;
        line-height: 40px;
    }
    .find-tire-section .main-container .filter-side-left .tire-condition-section .tire-condition{
        width: 32.5%;
    }
    .find-tire-section .main-container .filter-side-left .tire-position-section .tire-position{
        width: 24%;
    }
    .find-tire-section .main-container .filter-side-left .shoulder-type label,
    .find-tire-section .main-container .filter-side-left .tire-condition-section .tire-condition label,
    .find-tire-section .main-container .filter-side-left .tire-position-section .tire-position label{
        font-size: 18px;
    }
    .find-tire-section .main-container .filter-side-left .alignment-place{
        width: 175px;
        margin-right: 5px;
    }
    .find-tire-section .main-container .filter-side-left .alignment-places-section button{
        width: 175px;
        font-size: 10px;
    }
    .find-tire-section .main-container .filter-side-left .cost-per-tire .form-control{
        text-align: center;
        width: 140px;
    }
    .find-tire-section .main-container .filter-side-left .shoulder-type label{
        font-size: 14px;
    }
    .payment-final .other-info{
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    }
    .find-tire-section .main-container .tire-head{
        justify-content: flex-start;
    }
    .find-tire-section .main-container .filter-side-left .filter-box{
        margin-bottom: 15px;
    }
    .find-tire-section .main-container .right-side-filter{
        display: none;
    }
    .find-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .filter-checks{
        display: none;
    }
    .find-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .option i{
        visibility: visible;
    }
    /* tire seller form */
    .tire-seller-form .inner form .custom-file-group{
        /* margin-bottom: 20px; */
    }
    .tire-seller-form .inner form .custom-file-group span{
        margin-right: 10px;
        font-size: 16px;
        color: var(--black);
    }
    .tire-seller-form .inner form .custom-file-upload{
        padding: 5px 20px;
        width: auto;
        background-color: var(--dark-blue);
        color: #ffffff;
        text-align: center;
        border-radius: 5px;
        font-size: 14px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group{
        padding-left: 0;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 14px;
    }
    .tire-seller-form .inner .main-container form .form-group.range-select{
        align-items: center;
        justify-content: space-between;
    }
    .tire-seller-form .inner .main-container form .form-group.range-select.brdrt{
        border-right: none;
    }
    .tire-seller-form .inner .main-container form .form-group.range-select .form-select:first-child{
        width: 60%;
        margin-right: 9px;
    }
    .tire-seller-form .inner .main-container form .form-group.range-select .form-select:last-child{
        width: 28%;
        margin-left: 9px;
    }
    .tire-seller-form .inner form .form-step .final-step .price-summary div span{
        font-size: 18px;
    }
    .tire-seller-form .inner form .form-step .final-step .item{
        margin-bottom: 30px;
    }
    .tire-seller-form .inner form .form-step .final-step .price-summary{
        width: 70%;
    }
    .tire-seller-form .inner form .form-step .final-step .special-text{
        margin-bottom: 30px;
    }
    /* cart styling */
    .cart-section .products .product-card .product-img{
        width: 100%;
    }
    .cart-section .products .product-card .info{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .cart-section .products .product-card .link a{
        font-size: 14px;
    }
    .single-products-image-slider img{
        height: 320px;
    }
    .thumbnail-image-slider{
        padding: 5px 15px;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-prev{
        right: 15%;
    }
    .locator-search-section .inner form .seller-type{
        min-height: 40px;
    }
    .locator-search-section .inner form .product-search .drop-down{
        max-height: 300px;
    }
    .reseller-locations .locations .location .image{
        display: none;
    }
    .reseller-locations .locations .location .desc{
        width: 100%;
        flex-direction: column;
    }
    .reseller-locations .locations .location .desc .next-layer{
        align-items: flex-start;
        margin-top: 10px;
    }
    .reseller-locations .locations .location .desc .next-layer h6{
        display: none;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        font-size: 16px;
        width: 180px;
        padding: 10px 15px;
    }
    .md-show{
        display: block;
    }
    .md-hide{
        display: none;
    }
    .cart-section .products .product-card .links a,
    .cart-section .products .product-card .links .quantity{
        width: 140px;
    }
    /* tab styling */
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        display: inline-block;
        width: 49%;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-item:nth-child(odd){
        margin-right: 10px;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-link{
        width: 100%;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-item{
        width: 50%;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 16px;
        padding: 20px 10px;
        line-height: 0;
    }
    .ui_kit_tab.style-five .tab-content{
        padding: 20px 15px;
    }
}
@media only screen and (max-width:575px){
    .find-tire-section .main-container .tire-head .right-side .sort-by .body{
        left: -150%;
        width: 170px;
    }
    .checkout-section .inner .shipping-address .address{
        padding: 15px 10px;
    }
    .payment-final .order-item .delivery-options .delivery-option h6{
        font-size: 15px;
    }
    .tire-seller-form .inner form .form-step .final-step .price-summary{
        width: 100%;
    }
    .find-tire-section .main-container .tire-head{
        justify-content: flex-start;
    }
    .cartel-policy .inner{
        padding: 20px 15px;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 14px;
    }
    .robust-container .partition-1 .single-item .image{
        height: 270px;
    }
    .robust-container .partition-2 .image{
        padding-left: 40px;
    }
    .robust-container .partition-2 .desc{
        margin-top: 60px;
    }
    .robust-container .partition-2 .desc h1{
        text-align: center;
    }
    .robust-container .partition-2 .image .img-2{
        left: 50%;
    }
    .text-left-center{
        text-align: center;
    }
    .text-right-center{
        text-align: center;
    }
    .text-center-left{
        text-align: left;
    }
    .text-center-right{
        text-align: right;
    }
    .sign_up_form form button[type=submit]{
        width: 100%;
    }
    .locator-search-section .inner{
        padding: 20px 15px 10px 15px;
    }
    .locator-search-section .inner form .radius{
        gap: 5px;
        height: 40px;
    }
    .locator-search-section .inner form .radius .flex-1,
    .locator-search-section .inner form .radius .flex-3{
        width: 18%;
    }
    .locator-search-section .inner form .radius .flex-2{
        width: 64%;
    }
    .locator-search-section .inner form .radius .flex-1 button,
    .locator-search-section .inner form .radius .flex-3 button{
        background: var(--black);
        border-radius: 5px;
    }
    .locator-search-section .inner form .radius button i{
        color: #ffff;
    }
    .locator-search-section .inner form .radius .flex-2 input{
        padding-left: 0;
        font-size: 14px;
    }
    .locator-search-section .inner form .radius .flex-2 span{
        font-size: 14px;
        right: 0;
        top: 8%;
    }
    .sm-show{
        display: show;
    }
    .cart-section .products .product-card .links a,
    .cart-section .products .product-card .links .quantity{
        width: 130px;
    }
    .single-product-info .single-product-link .zip-code-field,
    .single-product-info .single-product-link .quantity select,
    .single-product-info .pre-orders .links .quantity select,
    .single-product-info .bulk-orders .links .quantity select{
        width: 100%;
    }
    .single-product-info .product-detail-delivery-address button,
    .single-product-info .single-product-link .btn,
    .single-product-info .pre-orders .links .btn,
    .single-product-info .bulk-orders .links .btn{
      width: 100%;  
    }
    .single-product-info .single-product-link #add-to-cart-btn{
      width: 100%;
    }
    .single-product-info .single-product-link .quantity .form-select{
        width: 100%;
    }
    .custom-sm-container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .ohms-section{
        padding: 15px;
    }
}
@media only screen and (max-width:522px){
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        width: 48.5%;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-item:nth-child(odd){
        margin-right: 10px;
    }
}
@media only screen and (max-width:510px) {
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 16px;
    }
    .tire-seller-form .inner .main-container form .form-group.range-select .form-select:first-child{
        width: 55%;
        margin-right: 9px;
    }
    .tire-seller-form .inner .main-container form .form-group.range-select .form-select:last-child{
        width: 35%;
        margin-left: 9px;
    }
    .tire-seller-form .inner form .custom-file-group span{
        font-size: 12px;
    }
    .tire-seller-form .inner form .custom-file-group .custom-file-upload{
        font-size: 12px;
    }
}
@media only screen and (max-width:495px){
    .cart-section .products-links{
        flex-direction: column-reverse;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .shop-product .desc p{
        font-size: 18px;
    }
    .sign_up_form .form-group .form-control.width-90{
        width: 85%;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-prev{
        right: 15%;
        bottom: -20%;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-next{
        bottom: -20%;
    }
    .cart-section .products-links a{
        width: 100%;
    }
    .cart-section .products-links a:last-child{
        margin-bottom: 20px;
    }
    .checkout-section .inner{
        padding: 0;
    }
    .checkout-section .inner .order-summary{
        padding: 20px 15px;
        border: none;
    }
    .checkout-section .inner .order-summary .items .item .img img{
        width: 30%;
    }
    .checkout-section .inner .order-summary .items .item .info{
        width: 70%;
        padding-left: 10px;
    }
    .single-product-info .single-product-link .notify-btn{
        width: 100%;
    }
    .price-tag.sm span{
        font-size: 18px;
    }
    .locator-search-section .inner form .product-search .drop-down .item span i{
        font-size: 18px;
    }
    .locator-search-section .inner form .product-search .drop-down .item .image img{
        height: 100%;
        width: 70px;
    }
    .cart-section .products .product-card .links{
        display: inline-block;
        width: 100%;
    }
    .cart-section .products .product-card .links a{
        width: 160px;
    }
    .cart-section .products .product-card .links.block a{
        width: 160px;
    }
    .cart-section .products .product-card .links .quantity{
        width: 230px;
    }
    .cart-section .products .product-card .links a{
        margin-top: 10px;
        margin-right: 10px;
    }
    .cart-section .products .product-card .links.block a{
        margin-top: 0;
    }
    .cart-section .cart-card .btn{
        margin-top: 10px;
    }
    .cart-section .inner .top-checkout-btn a,
    .cart-section .cart-card .btn a{
        width: 100%;
    }
    .cart-section .inner .top-checkout-btn > div{
        display: flex;
        justify-content: flex-end;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        width: 170px;
        font-size: 12px;
    }
    .robust-container .partition-1 .single-item .image{
        height: 260px;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 12px;
    }
    .tire-seller-form .inner form .custom-file-group span{
        font-size: 12px;
        margin-right: 5px;
    }
    .tire-seller-form .inner form .custom-file-group .custom-file-upload{
        font-size: 10px;
        padding: 5px 15px;
    }
    .ui_kit_tab.style-six .nav.nav-pills .nav-item{
        width: 50%;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:443px){
    .find-tire-section .main-container .filter-side-left .tire-condition-section .tire-condition{
        width: 32%;
    }
}
@media only screen and (max-width:425px){
    .thumbnail-image-slider{
        padding: 5px 10px;
    }
    .home-container .top-header button{
        width: 100%;
    }
    .find-tire-section .main-container .filter-side-left .tire-position-section .tire-position{
        width: 23.5%;
    }
    .find-tire-section .main-container .filter-side-left .shoulder-type label,
    .find-tire-section .main-container .filter-side-left .tire-condition-section .tire-condition label,
    .find-tire-section .main-container .filter-side-left .tire-position-section .tire-position label{
        font-size: 16px;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-prev{
        right: 20%;
    }
    .find-tire-section .main-container .tire-toogle-filters button{
        width: 100%;
    }
    .find-tire-section .main-container .filter-side-left .alignment-places-section button{
        width: 100%;
        font-size: 16px;
    }
    .find-tire-section .main-container .filter-side-left .alignment-place{
        width: 100%;
    }
    .find-tire-section .main-container .tires-by-brand .tire .thumb img{
        width: 100%;
    }
    .payment-final .stripe-btn{
        width: 100%;
    }
    .checkout-section .inner form button{
        width: 100%;
    }
    .payment-final .order-item .item .top .desc{
        padding-left: 10px;
    }
    .payment-final .order-item .item .top .desc p{
        font-size: 16px;
        line-height: 18px;
    }
    .requested-job .links button,
    .certificate-toggle,
    #contact_form button,
    .payment-final .payment-methods button,
    .payment-final .other-info button{
        width: 100%;
    }
    .requested-job .links p{
        text-align: center;
    }
    .certificate-toggle{
        margin: 10px 0;
    }
    .ui_kit_tab.style-two .nav.nav-pills .nav-link{
        width: 150px;
    }
    .single-product-info .others .content-container .slide-content .box{
        padding: 20px 10px;
        gap: 20px;
    }
    .single-product-info .others .content-container .slide-content .box .info h4{
        font-size: 21px;
    }
    .single-product-info .others .content-container .slide-content .box .info p{
        font-size: 16px;
    }
    .single-product-info .single-product-link .stock{
        font-size: 14px;
        width: 110px;
    }
    .reseller-locations .locations .location .desc .next-layer .links{
        display: flex;
        flex-direction: column-reverse;
        gap: 10px;
        width: 100%;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        width: 100%;
        font-size: 16px;
    }
    .reseller-locations .locations .location .desc .next-layer .links button:last-child{
        border: 1px solid rgb(51, 51, 51, 0.3);
    }
    .tire-seller-form .inner{
        padding: 40px 10px 10px 10px;
    }
    .tire-seller-form .inner .main-container{
        padding: 30px 15px;
    }
    .find-tire-section .tire-search-bar .form-group .form-control{
        width: 73%;
    }
    .find-tire-section .tire-search-bar .form-group button{
        width: 25%;
    }
    .checkout-section .inner .add-btn button{
        width: 100%;
    }
}
@media only screen and (max-width:423px){
    /* .ui_kit_tab.style-one .nav.nav-pills .nav-link{
        width: 160px;
        font-size: 14px;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        width: 160px;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 14px;
    } */
}
@media only screen and (max-width:410px){
    .cart-section .products .product-card .links a{
        width: 135px;
    }
    .cart-section .products .product-card .links.block a{
        width: 135px;
    }
    .tire-seller-form .inner .main-container .progressbars .progress-step::after{
        font-size: 15px;
    }
    .dispatch-container .dispatch-table-head h5{
        font-size: 16px;
    }
}
@media only screen and (max-width:395px){
    .robust-container .partition-1 .single-item{
        display: block;
    }
    .robust-container .partition-1 .single-item .image{
        width: 100%;
    }
    .robust-container .partition-1 .single-item .info{
        width: 100%;
        padding-bottom: 20px;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 16px;
    }
    .robust-container .partition-1 .single-item .info .invisible{
        display: none;
    }
    .single-product-info .single-product-price .price-box{
        justify-content: space-between;
    }
    .dispatch-container .dispatch-table-head h5{
        font-size: 14px;
    }
}
@media only screen and (max-width:375px){
    .tire-seller-form .inner .main-container{
        padding: 30px 10px;
    }
    .find-tire-section .main-container .tire-head .right-side .sort-by .body{
        left: -200%;
    }
    .find-tire-section .main-container .filter-side-left .shoulder-type{
        width: 49%;
    }
    .find-tire-section .main-container .filter-side-left .cost-per-tire .form-control{
        text-align: center;
        width: 50%;
    }
    .cart-section .products-links a:first-child{
        margin-bottom: 0;
    }
    .cart-section .products .product-card .info .quantity{
        width: 110px;
    }
    .cart-section .products .product-card .link a{
        width: 110px;
    }
    .ui_kit_tab .nav.nav-pills .nav-link{
        font-size: 12px;
        width: 155px;
    }
    .ui_kit_tab.style-two .nav.nav-pills .nav-link{
        width: 140px;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        width: 140px;
        font-size: 12px;
    }
    .ui_kit_tab.style-four .nav.nav-pills .nav-link{
        width: 160px;
        font-size: 16px;
    }
    .single-product-info .single-product-others .main-title::before{
        width: 100%;
    }
    .single-product-info .single-product-link .stock{
        font-size: 12px;
        width: 100px;
    }
    .cart-section .products .product-card .links.block a:last-child{
        margin-left: 0;
    }
    .reseller-label .form-label{
        font-size: 8px;
    }
    .tire-seller-form .inner form .form-group .form-control::placeholder,
    .tire-seller-form .inner form .form-group .form-select{
        font-size: 12px;
    }
    .tire-seller-form .inner form .btns .next-btn,
    .tire-seller-form .inner form .btns .submit-btn{
        width: 150px;
    }
    .find-tire-section .main-container .filter-side-left .tire-brands .form-group .dropdown-brands ul li div img{
        width: 100px;
    }
    .tire-seller-form .inner form .custom-file-group-list li{
        width: 100%;
    }
    .tire-seller-form .inner form .custom-file-group-list li:first-child{
        margin-bottom: 15px;
    }
    .tire-seller-form .inner form .custom-file-group span{
        font-size: 16px;
        margin-right: 15px;
    }
    .tire-seller-form .inner form .custom-file-group .custom-file-upload{
        font-size: 16px;
        padding: 5px 25px;
        width: 150px;
    }
    .single-product-info .truck-switches .truck-switch span.name{
        font-size: 14px;
    }
    .dispatch-container .dispatch-table-head{
        display: block;
    }
    .dispatch-container .dispatch-table-head h5{
        font-size: 18px;
    }
    .dispatch-container .dispatch-table-head .function-btns{
        margin-top: 20px;
    }
    .dispatch-container .dispatch-table-head button:first-child{
        margin-right: 5px;
    }
    .dispatch-container .dispatch-table-head button{
        width: 48%;
    }
}
@media only screen and (max-width:364px){
    .ui_kit_tab.style-one .nav.nav-pills .nav-link{
        font-size: 10px;   
    }
    .find-tire-section .main-container .tire-head .right-side a{
        font-size: 14px;
    }
    .reseller-input .form-control::placeholder{
        font-size: 14px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 14px;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 12px;
    }
}
@media only screen and (max-width:356px){
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        width: 48.2%;
    }
    .home-container .sales-item .item span{
        font-size: 24px;
    }
    .single-product-info .truck-switches .truck-switch span.name{
        font-size: 12px;
    }
}
@media only screen and (max-width:348px){
    .cart-section .products .product-card .links a{
        width: 120px;
    }
    .cart-section .products .product-card .links.block a{
        width: 120px;
    }
    .find-tire-section .main-container .filter-side-left .tire-brands .form-group .dropdown-model ul li div span{
        font-size: 12px;
    }
}
@media only screen and (max-width:345px){
    .single-product-info .single-product-link .stock{
        font-size: 12px;
        width: 95px;
    }
    .locator-search-section .inner{
        padding: 20px 10px 10px 10px;
    }
    .tire-seller-form .inner .main-container .progressbars .progress-step::after{
        font-size: 12px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 12px;
    }
    .tire-seller-form .inner form .custom-file-group span{
        font-size: 16px;
    }
    .find-tire-section .main-container .tire-head .right-side .sort-by .top,
    .find-tire-section .main-container .tire-head .right-side a{
        font-size: 12px;
    }
    .ui_kit_tab.style-four .nav.nav-pills .nav-link{
        width: 140px;
        font-size: 14px;
    }
    .single-product-info .single-product-price .price-box .second-layer span{
        font-size: 14px;
    }
}
@media only screen and (max-width:329px){
    .find-tire-section .main-container .filter-side-left .shoulder-type label{
        line-height: 35px;
    }
    .find-tire-section .main-container .filter-side-left .location .form-group .form-control{
        width: 67%;
    }
    .find-tire-section .main-container .filter-side-left .location .form-group .form-control::placeholder{
        font-size: 12px;
    }
    .find-tire-section .main-container .filter-side-left .location .form-group .form-select{
        width: 33%;
        font-size: 12px;
    }
    .ui_kit_tab .nav.nav-pills .nav-link{
        font-size: 12px;
        width: auto;
    }
    .ui_kit_tab.style-two .nav.nav-pills .nav-link{
        width: 125px;
    }
    .cart-section .products .product-card .links a{
        width: 115px;
    }
    .cart-section .products .product-card .links.block a{
        width: 110px;
    }
    .cart-section .inner .top-checkout-btn a,
    .cart-section .cart-card .btn a{
        font-size: 15px;
    }
    form.styled-input .form-group.reseller-label .form-label{
        font-size: 14px;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        width: 130px;
    }
    .tire-seller-form .inner .main-container form .form-group.range-select .form-select:first-child{
        width: 50%;
    }
    .tire-seller-form .inner .main-container form .form-group.range-select .form-select:last-child{
        width: 40%;
    }
    .find-tire-section .main-container .tire-toogle-filters button.notification{
        width: 50%;
        font-size: 14px;
    }
    .find-tire-section .main-container .tire-toogle-filters button#toggle-all-filter{
        width: 45%;
        font-size: 14px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox li{
        margin-right: 5px;
    }
    .ui_kit_tab.style-six .nav.nav-pills .nav-link{
        font-size: 10px;
    }
}
@media only screen and (max-width:319px){
    .cart-section .products .product-card .links.block a,
    .cart-section .products .product-card .links a{
        width: 110px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 10px;
    }
    .single-product-info .single-product-price .price-box .second-layer span{
        font-size: 12px;
    }
}
@media only screen and (max-width:313px){
    .ui_kit_tab.style-one .nav.nav-pills .nav-link{
        font-size: 8px;   
    }
    .find-tire-section .main-container .tire-head .right-side .sort-by .top,
    .find-tire-section .main-container .tire-head .right-side a{
        font-size: 10px;
    }
    .ui_kit_tab.style-four .nav.nav-pills .nav-link{
        width: 120px;
        font-size: 12px;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 10px;
    }
}
@media only screen and (max-width:310px){
    .cart-section .products .product-card .links a,
    .cart-section .products .product-card .links .quantity,
    .cart-section .products .product-card .links.block a{
        width: 100%;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        width: 120px;
    }
    .tire-seller-form .inner .main-container .progressbars .progress-step::after{
        font-size: 10px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 8px;
    }
    .tire-seller-form .inner form .custom-file-group span{
        margin-right: 15px;
    }
    .tire-seller-form .inner form .custom-file-group .custom-file-upload{
        width: 120px;
        font-size: 14px;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        width: 48%;
    }
    .home-container .sales-item .item span{
        font-size: 20px;
    }
}
@media only screen and (max-width:273px){
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        width: 100%;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-link{
        font-size: 14px;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-item:nth-child(odd){
        margin-right: 0;
    }
}
@media only screen and (min-width:992px){
    .checkout-section .inner .order-summary .link{
        display: none;
    }
    .cart-section .inner .top-checkout-btn a,
    .cart-section .cart-card .btn a{
        width: 100%;
    }   
}
@media only screen and (min-width:1200px) and (max-width:1500px){
    .find-tire-section .main-container .filter-side-left .shoulder-type label{
        font-size: 8px;
    }
}
@media only screen and (min-width:1200px) and (max-width:1439px){
    .find-tire-section .main-container .filter-side-left .tire-position-section .tire-position{
        width: 23%;
    }
}
@media only screen and (min-width:1200px) and (max-width:1370px){
    
}
@media only screen and (min-width:768px) and (max-width:991px){
    .dispatch-container .dispatch-filter-form form .form-group label{
        font-size: 14px;
    }
    .find-tire-section .main-container .tire-head .left-side h5{
        font-size: 21px;
    }
    .find-tire-section .main-container .filter-side-left h5,
    .find-tire-section .main-container .filter-side-right .heading,
    .find-tire-section .main-container .filter-side-left .location .form-group .form-control::placeholder,
    .find-tire-section .main-container .filter-side-right form .form-control::placeholder,
    .find-tire-section .main-container .filter-side-left .form-group .form-control::placeholder,
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label,
    .find-tire-section .main-container .tires .tire .details p,
    .find-tire-section .main-container .tires .tire > div h5,
    .find-tire-section .main-container .tire-head .right-side .sort-by .top,
    .find-tire-section .main-container .filter-side-right form label,
    .find-tire-section .main-container .tire-head .right-side a{
        font-size: 14px;
    }
    .single-product-info .product-detail-delivery-address button{
        width: 100%;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        width: 140px;
        font-size: 14px;
        padding: 8px;
        line-height: 16px;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-next{
        right: 0;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-prev{
        right: 10%;
    }
    .find-tire-section .main-container .filter-side-left .tire-condition-section .tire-condition label{
        font-size: 10px;
    }
    .find-tire-section .main-container .tire-head .left-side{
        display: block;
    }
    .find-tire-section .main-container .filter-side-left .alignment-places-section button{
        font-size: 8px;
    }
    #slider-range-value1,
    #slider-range-value2{
        width: 70px;
        font-size: 12px;
        padding: 8px 5px;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-item{
        width: 100%;
        margin-bottom: 10px;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 12px;
    }
    .ui_kit_tab.style-five .tab-content{
        margin-top: 10px;
    }
    .find-tire-section .main-container .filter-side-left .location .form-group{
        display: block;
    }
    .find-tire-section .main-container .filter-side-left .location .form-group .form-control{
        width: 100%;
        height: 35px;
        background: #ffffff;
        margin-bottom: 15px;
    }
    .find-tire-section .main-container .filter-side-right form .form-control,
    .find-tire-section .main-container .filter-side-left .form-group .form-control{
        height: 35px;
    }
    .find-tire-section .main-container .filter-side-left .location .form-group .form-select{
        width: 100%;
        font-size: 14px;
    }
    .find-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon .form-control{
        padding-left: 30px;
    }
    .find-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon span{
        font-size: 12px;
    }
    .find-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon .form-control::placeholder{
        font-size: 12px;
    }
    .find-tire-section .main-container .filter-side-left .alignment-place label{
        font-size: 12px;
    }
    .tire-seller-form .inner form .form-group .form-select,
    .tire-seller-form .inner form .form-group .form-control::placeholder{
        font-size: 15px;
    }
    .find-tire-section .main-container .filter-side-left .cost-per-tire .form-control,
    .find-tire-section .main-container .filter-side-left .shoulder-type{
        width: 65px;
        height: 35px;
    }
    .find-tire-section .main-container .filter-side-left .shoulder-type label{
        font-size: 8px;
    }
    .find-tire-section .main-container .filter-side-left .tire-condition-section .tire-condition,
    .find-tire-section .main-container .filter-side-left .tire-position-section .tire-position{
        width: 44.5%;
        margin-bottom: 10px;
        margin-right: 5px;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        width: 33.33%;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        width: 120px;
        padding: 11px 10px;
    }
}
@media (min-width: 1200px) {
    .container-custom {
        max-width: 1600px;
        padding-left: 40px;
        padding-right: 40px;
    }
}