@media (min-width: 320px) and (max-width: 359px) {
    .cart-card {
        padding: 10px;
    }

    .cart-card .p-desc h3 {
        letter-spacing: 0;
        font-size: 12px;
    }

    .delete-btn {
        width: 30px;
        height: 30px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

    .quick-canvas .offcanvas-body {
        padding: 10px;
    }

    .quick-canvas.offcanvas {
        width: 260px !important;
    }

    .quick-canvas .btn-close {
        left: -50px;
    }
}

@media (max-width: 359px) {

    .product-container .black-btn,
    .product-container .black-bordered-btn {
        font-size: 12px;
    }


}

@media (max-width: 767px) {

    .topseller-block .row,
    .shop-list-block .row,
    .search-product-block .row,
    .products-card-block .row {
        margin-right: -8px;
        margin-left: -8px;
    }

    .topseller-block .row>*,
    .shop-list-block .row>*,
    .search-product-block .row>*,
    .products-card-block .row>* {
        padding-right: 8px;
        padding-left: 8px;
    }

    .product-container .black-btn,
    .product-container .black-bordered-btn {
        padding: 12px 0px;
    }

    .tab-wrap .tabs-container {
        position: relative;
    }

    .tab-wrap .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        background: transparent;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
        /* Firefox 64 */
        position: relative;
    }

    .tab-wrap .nav-tabs::-webkit-scrollbar,
    .tab-wrap .nav-tabs::-ms-scrollbar,
    .tab-wrap .nav-tabs::-moz-scrollbar {
        display: none;
        /*Safari and Chrome*/
    }

    .tab-wrap .nav-tabs .nav-link {
        white-space: nowrap;
    }

    /* 
    .tab-wrap .tabs-container::after {

        position: absolute;
        content: '';
        width: 109px;
        height: 100%;
        right: 0;
        top: 0;
        background: linear-gradient(270deg, #F6F6F6 30%, rgba(255, 255, 255, 0) 80.14%);
        z-index: 1;
    } */
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .auth-modal-wrap .modal-dialog {
        max-width: 624px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    .header-wrap {
        padding: 23px 0 29px;
    }

    .right-header-list ul li {
        margin: 5px 8px 0 29px;
    }


    .logo-wrap {
        max-width: 155px;
        min-height: 28px;
    }

    .product-carousel-wrap .slick-list {
        margin: 0 -15px;
    }

    .product-carousel-wrap .slick-slide {
        padding: 0 15px;
    }

    .product-media {
        height: 335px;
    }

    .product-carousel-wrap .product-media {
        height: 335px;
    }

    .cart-card .p-desc {
        padding-left: 32px;
    }

    .cart-card {
        padding: 16px;
    }

    .p-img-card {
        height: 336px;
        margin-bottom: 30px;
    }

    .p-desc h3 {
        margin-bottom: 14px;
    }

    .black-btn,
    .black-bordered-btn {
        min-width: 100px;
    }

    .favourite-check {
        margin-left: 9px;
    }

    .slider-block h1 {
        font-size: 64px;
        line-height: 75px;
    }

    .block-title h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .product-card h3 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.2px;
    }

    .minus,
    .plus {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .quantity-wrap input {
        width: 80px;
        height: 40px;
        font-size: 24px;

    }

    .breadcrumb-wrap {
        padding: 21px 0 15px
    }

    .shop-card {
        height: 490px;
    }

    .footer-map {
        max-width: 200px;
        margin: 29px 0 28px;
    }

    .header-wrap.inner-header {
        padding: 23px 0 21px;
    }

    .product-wrap {
        height: 610px;
    }

    .cart-card {
        padding: 20px;
        margin: 0 0 16px;

    }

    .p-price,
    .main-price {
        font-size: 16px;
        line-height: 24px;
    }

    .cart-img {
        width: 122px;
        height: 122px;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
    }

    .cart-img img {
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
    }

    .promo-wrap .form-control {
        height: 40px;
    }

    .bordered-card {
        padding: 20px;
    }

    .pagination-wrap .page-link {
        width: 40px;
        height: 40px;
    }

    .size-table tbody,
    .size-table td,
    .size-table tfoot,
    .size-table th,
    .size-table thead,
    .size-table tr {
        font-size: 16px;
        padding: 20px 10px;
    }

    .tab-wrap .nav-tabs .nav-link,
    .tabs-container .nav-link {
        font-size: 16px;
        padding: 11px 32px;

    }

    .tab-img {
        margin: 0 0 0 10px;
    }

    .block-title h1 {
        font-size: 64px;
        line-height: 75px;
    }

    .error-page .block-title h1 {
        font-size: 128px;
        line-height: 150px;
    }

    .track-form .form-control {
        padding-right: 100px;
    }

    .track-form .black-btn {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        width: auto;
        margin: 0;
    }

    .slider-block {
        padding: 48px 0;
    }

    .main-slider {
        margin-top: 48px;
    }

    .slider-img {
        height: 490px;
    }

    .category-block {
        padding: 75px 0 0;
    }

    .slick-next,
    .slick-prev {
        left: 48px;
    }

    .slick-next {
        right: 48px;
        left: auto;
    }

    .topseller-block {
        padding: 100px 0 100px;
    }

    .top-footer {
        padding: 98px 0 70px;
    }

    .main-footer h3 {

        margin: 0 0 25px;
    }

    .shop-list-block {
        padding-bottom: 128px;
    }

    .product-thumb-wrap {
        max-width: 180px;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
    }

    .product-thumb-wrap img {
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
    }

    .tab-wrap .tab-content>.tab-pane {
        padding: 48px 0;

    }

    .pb-100 {
        padding-bottom: 100px;
    }

    .main-footer {
        padding-bottom: 0;
    }

    .checkout-card {
        margin: 0;
    }

    .summary-card {
        margin: 0 0 30px;
    }

    .search-form-wrap {
        /* margin-bottom: 109px; */
    }

    .vat-text {
        display: inline-block;
        margin-left: 16px;
    }

    .product-detail-block {
        padding: 15px 0 0;
    }

    .shop-desc {
        margin: 0;
        padding-left: 29px;
    }

    .product-title {
        font-size: 36px;
        line-height: 46px;
        letter-spacing: -0.005em;

    }

    .tab-wrap {
        padding-top: 85px;
    }

    .address-card {
        margin-bottom: 48px;
    }

    .order-table .table>thead th {
        font-size: 16px;
    }

    .minus,
    .plus {
        width: 40px;
        height: 40px;
    }

    .quantity-wrap input {
        width: 80px;
        height: 40px;
    }

    span.rating-count img {
        width: 15px;
    }

    .modal-footer .black-btn,
    .modal-footer .black-bordered-btn {
        width: auto;
    }

    .category-block .mb-lg-4 {
        margin-bottom: 27px !important;
    }

    .topseller-block .mb-2 {
        margin-bottom: 10px !important;
    }

    .modal-title {
        font-size: 24px;
        line-height: 28px;
    }

    .w-lg-auto {
        width: auto !important;
    }

    .my-lg-40 {
        margin: 40px 0;
    }

    .logout-btn {
        margin-bottom: 40px;
    }

    .order-table .table td {
        font-size: 16px;

    }

    .search-product-block>.row>[class*=col-],
    .products-card-block>.row>[class*=col-] {
        margin-bottom: 30px !important;
    }

    .auth-modal-wrap .modal-title {
        font-size: 24px;
        line-height: 28px;
    }

    .timeline {
        padding: 20px 0 0;
    }

    .date-time {
        width: 150px;
    }

    .date-text {
        font-size: 14px;
        line-height: 20px;
    }

    .time-text {
        font-size: 12px;
        line-height: 150%;
    }


    .timeline-entry .description {
        font-size: 16px;
        line-height: 19px;
        padding: 12px 0 0;
    }

    .timeline::before {
        left: 120px;
        top: 37px;
    }

    .timeline-entry::before {
        top: 13px;
        left: 114px;
    }


    .tracking .empty-bar {
        width: 99%;
        height: 2px;
        top: 10px;
        left: 0;
    }
    .tracking ul>li {
        display: inline-block;
        padding-left: 0;
        min-height: auto;
    }

    .el,
    .bullet-1 .el,
    .bullet-7 .el {
        position: relative;
        top: 0;
        left: 0;
        width: 36px;
        height: 36px;
        line-height: 33px;
    }
    .el {
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        line-height: 17px;
    }
    .slider-nav .slick-next, .slider-nav .slick-prev{
        width: 48px;
    }
    .header-v2{
        padding: 30px 0;
    }
    .banner-content {
        padding-left: 50px;
        text-align: left;
    }
    .banner-content h1 {
        font-size: 40px;
        line-height: 47px;
    }
 
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .p-desc h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .p-price {
        font-size: 20px;
        line-height: 24px;
    }

    .black-btn,
    .black-bordered-btn {
        padding: 17px 12px 16px;
    }

    .view-details-btn {
        padding: 5px 10px;
    }

    .view-icon {
        width: 40px;
        height: 40px;
    }

    .main-price {
        font-size: 24px;
        line-height: 34px;
    }

    .quick-canvas.offcanvas {
        width: 512px !important;
    }

    .offcanvas-body .product-wrap {
        height: 415px;
    }

    .doted-list ul li {
        margin: 3px 0 0 12px;
        font-size: 16px;

    }

    span.rating-count img {
        width: 19px;
    }

    div#search-all-products {
        margin: 10px 0 20px;
    }

    div#search-top-products {
        margin: 115px 0 24px;
    }

    .mission-wrap {
        margin: 100px 0 0;

    }

    .py-100 {
        padding: 100px 0;
    }

    .info-wrap h5 {
        margin: 48px 0 5px;
    }

    .content-block .page-type-title {
        margin: 48px 0 0;
    }

    .map-wrap {
        margin: 64px 0;
    }

    .product-card-wrap {
        padding: 16px;
    }

    .form-group .black-btn {
        padding: 17px 12px;
    }

}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1310px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .row>* {
        padding-right: 15px;
        padding-left: 15px;
    }

    .doted-list ul li {
        margin-left: 28px;
    }

    .doted-list ul li:first-child {
        margin-left: 0;
    }

    .doted-list ul li::before {
        right: -17px;
    }

    .company-col {
        padding-left: 47px;
    }

    .cat-col {
        padding-left: 95px;
    }

    div#search-all-products {
        margin: 10px 0 20px;
    }

    div#search-top-products {
        margin: 110px 0 15px;
    }

}