/* Media query for screens up to 768 pixels wide (mobile screens) */
@media (max-width: 768px) {
    body {
        font-size: 14px; /* Adjust font size for mobile screens */
    }

    input,
    input::placeholder,
    select {
        font: 14px "Poppins" !important;
        color: #6c757d;
    }

    .heading-text {
        font-size: 20px;
    }


    .qty-input .qty-count {
        width: 1.6rem;
    }
}

/* This applies from 320px to above */
@media screen and (min-width: 320px) {
    .shopping-cart {
        right: 27px;
        top: 140px;
    }

    .sticky-menu .shopping-cart {
        top: 80px;
        right: 27px;  
    }

    .info-text {
        align-self: center !important;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .ZfSvfy5jSfy4K9rGtQEv p {
        font-size: 11px;
    }
}

/* This applies from 585px to above */
@media screen and (min-width: 585px) {
    .shopping-cart {
        right: 55px;
        top: 105px;
    }

    .sticky-menu .shopping-cart {
        right: 50px;
    }

    .search-box-group {
        width: 80%;
    }

    .ZfSvfy5jSfy4K9rGtQEv p {
        font-size: 14px;
    }
}

/* This applies from 990px to above */
@media screen and (min-width: 990px) {
    .shopping-cart {
        right: 20px;
        top: 105px;
    }

    .sticky-menu .shopping-cart {
        right: 20px;
    }
}

/* Extra large devices (large desktops, 1800px and up) */
@media (max-width: 1800px) {
    .trending-products-banner {
        max-width: 28%;
        flex: 0 0 28%;
    }

    .slider-bg {
        min-height: 740px;
        padding: 200px 145px 300px 145px;
    }
    
    .trending-product-two .trending-products-list {
        padding: 60px 45px;
    }
    
    .discount-bg-two .discount-content {
        margin-left: -40px;
    }
    header.side-header {
        width: 285px;
    }
    
    .side-header-nav {
        margin: 120px 0;
    }
    
    .cosmetics-home-padding {
        padding-left: 285px;
    }
    
    .cosmetics-item .content .action ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .banner-five-wrap {
        padding: 250px 120px;
    }

    .h9-slider-active .slick-arrow {
        left: 50px;
    }

    .h9-slider-active .slick-arrow.slick-next {
        left: auto;
        right: 50px;
    }
}

/* Extra large devices (large desktops, 1800px and up) */
@media (max-width: 1500px) {
    .cities img {
        width: 270px;
    }

    .howitworks {
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
    }

    .cities {
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
    }

    .shop-cat-item .icon img {
        max-width: 195px;
    }

    .category-area {
        padding-left: 30px;
        padding-right: 30px;
        padding-top:0px;
    }

    .menu-nav{display:inline-flex;}

    .custom-container,
    .custom-container-two {
        max-width: 1300px;
    }

    .five .header-top-wrap, .header-style-six .header-top-wrap {
        padding: 8px 0px !important;
        background: red;
    }

    .header-top-wrap {
        padding: 20px 0px;
    }

    .header-style-five .header-top-wrap, .header-style-six .header-top-wrap {
        padding: 4px 16px;
    }

    .slider-bg {
        min-height: auto;
        padding: 110px 120px 230px 90px;
    }

    .slider-content .sub-title,
    .slider-content .title {
        font-size: 45px;
    }

    .trending-product-grid .col-2 {
        max-width: 22%;
        flex: 0 0 22%;
    }

    .trending-product-grid .col-10 {
        max-width: 78%;
        flex: 0 0 78%;
    }

    .trending-products-banner {
        max-width: 36%;
        flex: 0 0 36%;
    }

    .navbar-wrap .mega--menu--wrap,
    .navbar-wrap .has--mega--menu .mega-menu {
        max-width: 1270px;
        padding: 35px 20px;
    }

    .discount-bg-two .discount-content {
        margin-left: 0px;
    }

    .third-slider-wrap {
        padding: 140px 50px 80px;
    }

    .third-slider-img .img-shape {
        width: 500px;
        height: 500px;
    }

    .third-slider-img .main-img {
        max-width: 450px;
    }

    .breadcrumb-bg {
        padding: 130px 0;
    }

    .choose-area .choose-bg {
        width: 50%;
    }

    .h7-slider-img img {
        max-width: 100%;
    }

    .h7-slider-content .title {
        font-size: 60px;
    }

    .h7-slider-wrap {
        padding: 150px 0px 96px;
    }

    .h7-slider-wrap .overlay-text {
        right: 0;
    }

    .h7s-bottom-item .content {
        right: 20px;
        bottom: 20px;
    }

    .h7s-bottom-item .content h5 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    header.side-header {
        width: 240px;
    }

    .side-header-nav {
        margin: 100px 0;
    }

    .cosmetics-home-padding {
        padding-left: 240px;
    }

    .cosmetics-item .content {
        left: 10px;
        top: 10px;
        right: 10px;
        bottom: 10px;
    }

    .cosmetics-item .content .stock-info {
        right: 15px;
        top: 15px;
    }

    .home7-new-arrival .discount-end-time-wrap {
        margin-right: 0;
    }

    .home7-new-arrival .discount-end-time-wrap .content {
        padding: 0 20px;
    }

    .banner-five-wrap {
        padding: 180px 120px;
        overflow: hidden;
    }

    .banner-five-img {
        right: 110px;
    }

    .banner-five-wrap .slider-content {
        width: 50%;
    }

    .banner-five-img .main-img {
        max-width: 350px;
    }

    .banner-five-img .img-shape {
        max-width: 390px;
    }

    .h9-slider-item .h7-slider-content .title {
        font-size: 54px;

    }

    .h9-slider-active .slick-arrow {
        left: 30px;
    }

    .h9-slider-active .slick-arrow.slick-next {
        left: auto;
        right: 30px;
    }

    .split-slider-item .slider-content {
        max-width: 60%;
    }

    .split-slider-img .main-img {
        max-width: 210px;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .split-slider-img .shape {
        max-width: 100%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
    .Checkout-one .box-form {
        width: 568px;
        height: auto;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
        border-radius: 20px;
        padding: 40px;
        margin: 20px auto;
    }
    
    .cities img {
        width: 205px;
    }
    
    .cities .city-img-text {
        position: absolute;
        text-align: center;
        padding-top: 161px;
        padding-left: 52px;
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 0.1px;
        color: white;
    }
    
    .howitworks .box {
        width: 295px;
        height: 302px;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 9%);
        border-radius: 10px;
        margin-bottom: 40px;
    }
    
    .howitworks img {
        width: 113px;
        position: relative;
        margin: 20px 89px auto;
    }
    
    .custom-container,
    .custom-container-two {
        max-width: 960px;
    }

    .header-action > ul li.header-btn {
        display: none;
    }

    .category-menu .cat-mega-menu {
        width: 710px;
    }

    .header-category > a {
        padding: 28px 30px 28px 25px;
        min-width: 210px;
    }

    .header-action .shipping-offer {
        display: none;
    }

    .navbar-wrap .mega--menu--wrap,
    .navbar-wrap .has--mega--menu .mega-menu {
        max-width: 930px;
        padding: 35px 20px;
    }

    .navbar-wrap .mega--menu--wrap li {
        width: 25%;
        flex: 0 0 25%;
    }

    .slider-bg {
        min-height: auto;
        padding: 110px 80px 190px 80px;
    }

    .slider-content .sub-title,
    .slider-content .title {
        font-size: 40px;
    }

    .cat-banner-item .content {
        left: 25px;
        bottom: 25px;
        right: 25px;
    }

    .cat-banner-item .content .btn {
        padding: 15px 24px;
    }

    .cat-banner-item .content > span {
        font-size: 11px;
    }

    .cat-banner-item .content > h3 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .cat-banner-item.style-two .content {
        left: 35px;
        right: auto;
        max-width: 45%;
    }

    .promo-services-item {
        display: block;
        text-align: center;
    }

    .promo-services-item .icon {
        margin: 0 auto 15px;
    }

    .discount-content {
        padding: 0;
    }

    .discount-bg {
        padding: 100px 0;
    }

    .trending-product-grid .col-2 {
        max-width: 30%;
        flex: 0 0 30%;
    }

    .trending-product-grid .col-10 {
        max-width: 70%;
        flex: 0 0 70%;
    }

    .trending-products-banner {
        max-width: 53.3%;
        flex: 0 0 53.3%;
    }

    .trending-product-two .trending-products-list {
        padding: 55px 45px;
    }

    .discount-bg-two .discount-content {
        max-width: 100%;
    }

    .discount-end-time-wrap {
        margin-left: 0;
        padding: 100px 70px;
    }

    .blog-post-content h3 {
        font-size: 22px;
        line-height: 1.3;
        padding-right: 0;
    }

    .blog-post-item {
        padding-right: 0;
        border-right: none;
    }

    .header-style-two .header-action > ul li.header-profile {
        display: none;
    }

    .third-slider-wrap {
        padding: 140px 0px 80px;
    }

    .third-slider-img .main-img {
        max-width: 390px;
    }

    .third-slider-img .img-shape {
        width: 450px;
        height: 450px;
    }

    .header-style-two .navbar-wrap .mega--menu--wrap,
    .header-style-two .navbar-wrap .has--mega--menu .mega-menu {
        max-width: 930px;
    }

    .header-style-three .header-action > ul > li.header-wishlist,
    .header-style-three .header-action > ul > li.header-profile,
    .header-style-five .header-action > ul > li.header-wishlist,
    .header-style-five .header-action > ul > li.header-profile,
    .header-style-six .header-action > ul > li.header-wishlist,
    .header-style-six .header-action > ul > li.header-profile {
        display: none;
    }

    .header-style-three .navbar-wrap > ul > li > a,
    .header-style-six .navbar-wrap > ul > li > a {
        letter-spacing: 0;
    }

    .blog-post-style2 .blog-post-content p {
        padding-right: 0;
    }

    .choose-wrap {
        padding-right: 0;
    }

    .choose-area .choose-bg {
        width: 44%;
    }

    .ex-services-item {
        border: 1px solid rgb(117 117 117 / 12%);
    }

    .ex-services-item .overlay-bg {
        opacity: .14;
    }

    .blog--post--item .blog-post-content {
        padding: 0 0;
    }

    .blog-sidebar {
        margin-left: 0;
    }

    .sidebar-about .content p {
        padding-right: 0;
    }

    .blog-sidebar-widget .oc-newsletter p {
        padding: 0 0px;
    }

    .blog-details-content .blog-post-content blockquote {
        font-size: 18px;
        padding: 30px 25px;
    }

    .avatar-post {
        padding: 35px 25px 35px 25px;
    }

    .comment-text p {
        padding-right: 0;
    }

    .blog-comment ul li.comment-reply {
        margin-left: 60px;
    }

    .checkout-wrap {
        margin-right: 0;
    }

    .contact-sidebar {
        margin-left: 0;
    }

    .contact-wrap {
        padding: 55px 40px;
    }

    .contact-info-wrap {
        padding: 50px 30px;
    }

    .contact-info-wrap .content p br {
        display: none;
    }

    .shop-details-content {
        padding-left: 0;
    }

    .h7-slider-img .product-tooltip {
        display: none;
    }

    .h7-slider-wrap .overlay-text {
        display: none;
    }

    .h7-slider-content .title {
        font-size: 48px;
    }

    .h7s-bottom-item img {
        width: 100%;
    }

    .h7s-bottom-item .content {
        right: 40px;
        bottom: 40px;
    }

    .h7s-bottom-item .content h5 {
        font-size: 20px;
    }

    .h7s-bottom-item .content .btn {
        padding: 19px 27px;
    }

    .h7-discount-img {
        margin-left: 0;
    }

    .discount-bg-three .voucher-code {
        left: 56%;
        transform: translateX(-50%);
        top: 40px;
    }

    .discount-bg-three .voucher-code h6 {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .discount-bg-three .voucher-code span {
        font-size: 14px;
    }

    .discount-bg-three .discount-content {
        padding: 0 0 0 0;
    }

    .header-style-seven .main-header {
        padding: 25px 0;
    }

    .header-style-seven .menu-area .mobile-nav-toggler {
        color: #282828;
        display: block;
    }

    .cosmetics-home-padding {
        padding-left: 0;
    }

    .home7-new-arrival .discount-end-time-wrap .content {
        left: 40px;
        right: 40px;
        padding: 0 0px;
    }

    .home7-new-arrival .new-arrival-nav button {
        margin: 0 20px 15px 0;
    }

    .home7-new-arrival .new-arrival-nav button:last-child {
        margin: 0 0px 15px 0;
    }

    .banner-five-wrap {
        padding: 140px 70px;
    }

    .banner-five-wrap .slider-content {
        width: 55%;
    }

    .banner-five-img {
        right: 45px;
    }

    .banner-five-img .main-img {
        max-width: 290px;
    }

    .banner-five-img .img-shape {
        max-width: 320px;
    }

    .h5-category-item > a span.btn {
        position: absolute;
        right: 25px;
        bottom: 25px;
        padding: 16px 25px;
    }

    .header-style-eight .navbar-wrap .logo img {
        max-width: 120px;
    }

    .header-style-eight .navbar-wrap .logo {
        margin-bottom: -45px;
    }

    .h9-slider-img .slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .retail-slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .h9-slider-item .h7-slider-content .title {
        font-size: 45px;
    }

    .h9-discount-item .content {
        right: 25px;
        width: 40%;
    }

    .highlight-discount {
        transform: translateY(0px);
    }

    .h9-choose-content {
        padding-left: 0;
    }

    .h9-choose-img {
        width: 45%;
    }

    .h9-choose-bg {
        width: 55%;
    }

    .h9-choose-content .cat-section-title .title {
        font-size: 30px;
    }

    .reservation-wrap {
        padding: 45px 70px 60px;
    }

    .blog-post-style3 .blog-post-content {
        padding: 25px 40px;
    }

    .split-slider-item .product-tooltip {
        display: none;
    }

    .split-slider-img .main-img {
        max-width: 180px;
    }

    .split-slider-item .slider-content {
        max-width: 75%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {    
    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }
    
    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .bi-eye-slash {
        left: 100px;
    }

    .custom-container,
    .custom-container-two {
        max-width: 720px;
    }

    .main-header {
        padding: 25px 0;
    }

    .menu-nav {
        justify-content: space-between;
    }

    .header-action {
        margin-right: 40px;
    }

    .menu-outer .navbar-wrap {
        display: block !important;
    }

    .menu-area .mobile-nav-toggler {
        display: block;
    }

    .menu-outer .mega--menu--wrap li a .img {
        display: none;
    }

    .menu-outer .mega--menu--wrap .mCSB_scrollTools {
        display: none !important;
    }

    .header-top-offer {
        text-align: left;
    }

    .header-style-five .header-top-link ul li a  {
        font-size: 13px;
        font-weight: 500;
        color: #d3cfcf;
        font-family: 'Circular Std', sans-serif;
        text-transform: uppercase;
    }

    #search-modal .modal-dialog {
        min-width: 600px;
    }

    .slider-bg {
        min-height: auto;
        padding: 140px 50px 140px 50px;
    }

    .slider-bottom-nav {
        display: none !important;
    }

    .slider-content .sub-title {
        font-size: 35px;
    }

    .slider-content .title {
        font-size: 40px;
    }

    .cat-banner-item .content {
        left: 35px;
        bottom: 50px;
        right: 35px;
    }

    .cat-banner-item.style-two .content {
        left: 75px;
        right: auto;
        max-width: 35%;
    }

    .cat-banner-item .content > h3 {
        margin-bottom: 25px;
        font-size: 24px;
    }

    .cat-banner-item .content > span {
        font-size: 12px;
    }

    .trending-products-banner {
        display: none;
    }

    .trending-product-grid .col-2 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .trending-product-grid .col-10 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .trending-products-list {
        margin-right: 30px;
    }

    .copyright-text {
        text-align: center;
        margin-bottom: 15px;
    }

    .pay-method-img {
        text-align: center;
    }

    .scroll-top {
        right: 25px;
    }

    .footer-link-wrap .menu-links li a {
        padding: 6px 0;
    }

    .category-area .row .col {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .new-arrival-item .thumb img {
        width: 100%;
    }

    .discount-bg-two {
        padding-top: 100px;
        padding-bottom: 100px;
        background-position: center right;
    }

    .discount-bg-two .discount-content {
        max-width: 100%;
        text-align: center !important;
        margin: 0 0 100px;
    }

    .third-slider-img {
        display: none;
    }

    .third-slider-wrap {
        padding: 220px 0px 170px;
        text-align: center;
    }

    .header-style-two .transparent-header {
        padding: 30px 0;
    }

    .third-slider-item .slider-content .sub-title {
        font-size: 45px;
    }

    .third-slider-item .slider-content .title {
        font-size: 50px;
    }

    .shoes-banner-content {
        margin: 130px auto 130px auto;
    }

    .header-style-two .transparent-header.sticky-menu {
        padding: 25px 0;
    }

    .choose-area .choose-bg {
        display: none;
    }

    .header-style-three .header-action .sidebar-toggle-btn,
    .header-style-five .header-action .sidebar-toggle-btn,
    .header-style-six .header-action .sidebar-toggle-btn {
        display: none;
    }

    .header-style-three .menu-area .mobile-nav-toggler,
    .header-style-five .menu-area .mobile-nav-toggler,
    .header-style-six .menu-area .mobile-nav-toggler {
        color: #202026;
    }

    .header-style-three .header-action > ul > li,
    .header-style-five .header-action > ul > li,
    .header-style-six .header-action > ul > li {
        margin-left: 20px;
    }

    .header-style-three .header-action,
    .header-style-five .header-action,
    .header-style-six .header-action {
        margin-right: 25px;
    }

    .blog-sidebar {
        margin-left: 0;
        margin-top: 95px;
    }

    .checkout-sidebar {
        margin-top: 90px;
    }

    .contact-sidebar {
        margin-left: 0;
        margin-top: 100px;
    }

    .contact-sidebar-img img {
        width: 100%;
    }

    .shop-sidebar {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 100px;
    }

    .shop-details-flex-wrap {
        margin-bottom: 50px;
    }

    .product-desc-wrap .tab-pane {
        padding: 50px 35px;
    }

    .cart-wrapper .product-thumbnail {
        max-width: 120px;
        width: 120px;
    }

    .cart-coupon form input {
        min-width: 230px;
    }

    .cart-total .shop-cart-widget form ul li > span {
        width: 35%;
    }

    .h7-slider-img {
        text-align: center;
        margin-bottom: 50px;
    }

    .h7-slider-content {
        text-align: center;
    }

    .h7s-bottom-item .content {
        right: 20px;
        bottom: 20px;
    }

    .h7-discount-img {
        text-align: center;
        margin-bottom: 50px;
    }

    .discount-bg-three .discount-content {
        padding: 0 110px 0;
        text-align: center !important;
    }

    .home7-new-arrival .discount-end-time-wrap .content {
        left: 50px;
        right: 50px;
        padding: 0 70px;
    }

    .home7-new-arrival .discount-end-time-wrap > img {
        width: 100%;
    }
    
    .banner-five-img {
        display: none;
    }

    .banner-five-wrap .slider-content {
        width: 100%;
    }

    .h9-slider-area::after {
        height: 35px;
    }

    .h9-slider-img {
        margin-left: 0;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .h9-choose-img {
        display: none;
    }

    .h9-choose-bg {
        width: 100%;
    }

    .reservation-wrap {
        padding: 45px 55px 60px;
    }

    .reservation-title .title {
        font-size: 60px;
    }

    .blog-post-style3 .blog-post-content h3 {
        font-size: 20px;
    }

    .blog-post-style3 .blog-post-content {
        padding: 25px 20px;
    }

    .split-slider-img {
        height: auto;
    }

    .split-slider-right-bg {
        display: none;
    }

    .split-slider-left-bg {
        width: 100%;
        height: 100%;
    }

    .split-slider-item .slider-content {
        text-align: center;
        padding: 50px 0 30px;
    }

    .split-slider-item {
        position: relative;
        padding: 120px 0 90px;
    }

    .header-style-four .transparent-header.sticky-menu {
        padding: 25px 0;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) and (-webkit-min-device-pixel-ratio:0) {
    .infographic-circle {
        width: 50px;
        height: 50px;
    }

    .optional-txt {
        margin-left: 1rem;
    }
    
    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }
    
    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .header-shop-cart-resp a span {
        top: 0px;
        width: 16px;
        height: 16px;
        text-align: center;
        border-radius: 50%;
        font-size: 11px;
        font-weight: 700;
        line-height: 17px;
        color: #fff;
        background: #670099;
        box-shadow: 0px 5px 12.09px 0.91px rgb(71 51 127 / 14%);
    }

    .h9-slider-img .slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .retail-slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .transparent-header {
        top: 0;
    }

    .header-top-offer {
        text-align: center;
        margin-bottom: 9px;
    }

    .header-top-action > ul {
        justify-content: center;
    }

    .category-area {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        margin-bottom: 50px;
    }

    .footer-logo img {
        margin-left: 6px;
        margin-right: 0px;
        margin-bottom: 10px;
        width: 240px;
    }

    .fw-link ul li img {
        margin-left: 1px;
        margin-right: 3px;
    }

    .fw-link, .fw-link > ul > li > a,
    .warning-note {
        color: #333 !important;
    }

    .fw-title {
        color: #000 !important;
    }

    .copyright-text {
        color: #000 !important;
    }

    .fw-link ul li a::before {
        background: var(--primary-clr);
    }

    .fw-link ul li .circle-white, .footer-widget ul li .circle-white {
        background: var(--primary-clr-hover);
        margin-left: 0;
        color: #fff !important;
    }

    .fw-link ul li .circle-white i, .footer-widget ul li .circle-white i {
        color: #fff !important;
    }

    .footer-style-two .footer-top-wrap {
        padding-top: 20px;
        border-top: 1px solid #d0cfcb;
    }

    .logo img {
        width: 181px;
    }

    .rightimg img{
        width: 365px;
    }

    .about2{
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-us-item {
        background-position: center;
        background-size: cover;
        padding: 2px 0 32px;
    }

    .custom-card{
        width: 375px ;
    }

    .whatis-porrtalpuff {
        padding-left: 0px; 
        padding-right: 0px; 
    }

    .about-us-areas .title-about {
        font-size: 31px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        text-align: center;
    }

    .about-us-item .h7-slider-content {
        margin-left: 0px; 
        margin-top: 0px; 
    }

    .h7-slider-content .small-titl-about{
        color:#670099; 
        font-size: 20px; 
        margin-bottom: 10px;
        text-align: center;
    }

    .h7-slider-content .about-p {
        color: #737B7D;
        margin-bottom: 27px;
        font-size: 15px;
        font-style: normal;
        font-weight: 450;
        line-height: 24px;
        letter-spacing: 0.30000001192092896px;
        text-align: left;
        padding-top: 10px;
    }

    .whatis-porrtalpuff {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .whatis-title {
        color: #373F41;
        font-size: 32px;
        line-height: 45px;
    }

    .whatsis-p2 {
        color: #737B7D;
        font-size: 19px;
        line-height: 31px;
        margin-top: 16px;
        margin-bottom: 30px;
    }

    .about2 h2 {
        font-size: 29px;
        font-style: normal;
        margin-bottom: 39px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: 0.20000000298023224px;
        text-align: center;
        color: #373F41;
    }

    .cities {
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .cities h2 {
        margin-top: -102px;
        font-size: 35px;
        line-height: 45px;
        padding: 5px;
    }

    .cities p{
        font-size: 17px;
    }

    .cities img {
        width: 100% !important;
        margin-bottom: 27px;
    }

    .cities .city-img-text {
        padding-top: 282px;
        padding-left: 121px; 
    }


    .howitworks .custom-row {
        flex-wrap: wrap;
    }

    .howitworks {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }

    .retail-partner img {
        width: 93px;
        position: relative;
        margin: 22px 90px auto;
    }

    .howitworks .box {
        width: 100%;
    }

    .howitworks img {
        margin: 25px 106px auto;
    }

    .howitworks .box p{
        font-size: 15px;
    }

    .howitworks p {
        font-size: 17px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .howitworks h2 {
        font-size: 40px;
    }

    .Contact-us .faq-box h2{
        font-size: 16px;
    }

    .tabs-dark {
        width: 371px;
    }

    .faq .tabs {
        width: 371px;
    }

    .faq img {
        width: 371px;
        margin-top: 40px;
        order: 1;
        margin-left: 0px;
    }

    .orders{
        order: 2;
    }

    .faq h2 {
        font-size: 25px;
        line-height: 50px;
    }

    .retailer{
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-top: 29px;
    }

    .retailer img {
        width: 364px;
    }

    .what-retailer{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 20px;
    }

    .what-retailer h2 {
        font-style: normal;
        font-weight: bold;
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        color: #373F41;
    }

    .retailer h2 {
        font-size: 30px;
        text-align: center;
        line-height: 39px;
    }

    .retailer p {
        font-size: 20px;
        text-align: center;
    }

    .retail-faq img {
        width: 51px;
        position: absolute;
        margin: 24px 283px auto;
    }

    .retail-faq h2 {
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 53px;
        text-align: center;
        letter-spacing: 0.2px;
        color: #373F41;
        margin-bottom: 11px;
    }

    .retail-faq p {
        font-style: normal;
        font-weight: 450;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #737B7D;
        margin-bottom: 0px;
    }

    .retail-partner h2 {
        font-style: normal;
        font-weight: bold;
        font-size: 39px;
        line-height: 51px;
        text-align: center;
        letter-spacing: 0.2px;
        color: #373F41;
        margin-bottom: 40px;
    }

    .Checkout-one{
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .Checkout-one .box-form {
        width: 100%;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
        border-radius: 20px;
        padding: 15px;
        padding-bottom:40px;
        margin: 25px auto !important;
    }

    .Checkout-one .stepwizard-row:before {
        display: none;
    }

    .Checkout-one .stepwizard-step {
        padding-bottom: 23px;
        display: grid;
    }

    .Checkout-one .stepwizard {
        width: 90%;
    }

    .Checkout-one .btn-circle {
        width: 100%;
    }

    .box-form h3 {
        font-size: 24px;
    }

    .Checkout-one .box-form-order {
        width: 335px;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
        border-radius: 20px;
        padding: 16px;
        margin: 61px auto !important;
    }

    .bottons-lst {
        margin: 0 0px auto;
        text-align: center;
        display: inline-flex;
    }

    .body-content{
        padding:12px; ;
    }

    .quantity {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        position: static;
        margin-left: 0px; 
        margin-top: 114px;
    }

    .img-width img {
        width: 140px !important;
        height: 140px !important;
    }

    .quantity {
        margin-top: 69px;
        margin-left: -145px;
    }

    .quantity {
        margin-top: 0px;
        margin-left: 12px;
    }

    .proceed-div {
        float:inherit; 
        margin-top: 46px;
        margin-right: 0px;
    }

    .proceed-div .last-text{
        font-size: 16px;
    }

    .active-tab {
        width: 73px;
        margin-left: 10px;
    }

    .diactive-tabs {
        width: 73px;
        margin-left: 10px;
    }

    .spandicsount {
        margin-top: -2.5rem;
        margin-right: -15.5rem;
    }

    .spanpromo {
        color: red;
        font-size: 14px;
        margin-right: 1rem;
        margin-top: 0.5rem;
        text-transform: none;
    }

    .promowidth {
        width: 46%;
    }

    .subtotalh5 {
        margin-left: 1rem;
        float: left;
    }

    .total-span {
        margin-right: -15rem;
    }

    .breadcrumb {
        font-size: 20px;
    }

    .Product-page .img-width {
        display: initial;
    }

    .right-side-p {
        margin-top: 23px;
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 320px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }

    .nav-pills {
        display: inline-grid;
        margin: 3px 44px;
    }

    .faq .nav-pills {
        margin-left: auto;
        margin-right: auto;
    }

    .cart-checkout-box .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 100%;
        background: #670099;
        color: #FFFFFF;
    }

    .cart-checkout-box .nav-pills .nav-link,
    .cart-checkout-box .nav-pills .nav-item {
        width: 100%;
    }

    .cart-checkout-box .nav-pills {
        display: flex;
        margin: 0px;
    }

    .fb-btn {
        margin: 1px 1px auto;
        width:300px ;
    }

    .apple-btn {
        width: 300px;
        margin: 14px 0px auto;
    }

    .slider-main-img {
        display: none !important;
    }

    .slider-bg {
        min-height: auto;
        padding: 120px 30px 120px 30px;
    }

    .slider-content .title {
        font-size: 35px;
    }

    .cat-banner-item .content {
        left: 30px;
        bottom: 50px;
        right: 40px;
    }

    .cat-banner-item .content .btn {
        display: none;
    }

    .cat-banner-item .content > span {
        font-size: 11px;
    }

    .cat-banner-item .content > h3 {
        margin-bottom: 0;
        font-size: 20px;
    }

    .cat-banner-item.style-two .content {
        left: 35px;
        right: auto;
        max-width: 45%;
    }

    .trending-products-list {
        margin-right: 0;
        margin-bottom: 30px;
        min-height: auto;
        padding: 45px 45px;
    }

    .trending-product-grid .col-2 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .trending-product-grid .col-10 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .discount-content h2 {
        font-size: 30px;
    }

    .tp-tab-content .tab-pane.active {
        display: block;
    }

    .trending-products-banner {
        display: block;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
    }

    .newsletter-bg {
        padding: 55px 25px;
    }

    .newsletter-title .sub-title {
        line-height: 1.4;
    }

    .newsletter-form button > span {
        display: none;
    }

    .footer-link-wrap {
        display: block;
    }

    .footer-social {
        margin-left: 0;
        margin-top: 15px;
    }

    .copyright-text {
        text-align: center;
        margin-bottom: 20px;
    }

    .copyright-wrap {
        margin-top: 45px;
    }

    .footer-social ul {
        justify-content: center;
    }

    .footer-link-wrap .menu-links ul {
        justify-content: center;
    }

    .footer-link-wrap .menu-links li,
    .footer-link-wrap .menu-links li:last-child {
        margin: 0 20px;
    }

    .product-tooltip {
        display: none;
    }

    .cat-section-title .title br {
        display: none;
    }

    .cat-section-title .title {
        font-size: 26px;
    }

    .category-area .row .col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .discount-end-time-wrap {
        margin-left: 0;
        padding: 50px 20px;
    }

    .discount-end-time-wrap .coming-time {
        padding: 15px 5px 10px 5px;
    }

    .discount-end-time-wrap .icon {
        opacity: .8;
    }

    .discount-end-time-wrap .content > span {
        font-size: 14px;
    }

    .discount-end-time-wrap .content h2 {
        font-size: 28px;
    }

    .footer-style-two .footer-social ul {
        justify-content: flex-start;
    }

    .scroll-top.open {
        bottom: 20px;
    }

    .header-style-two .sidebar-toggle-btn {
        display: none;
    }

    .third-slider-item .slider-content .sub-title {
        font-size: 35px;
    }

    .third-slider-item .slider-content .title {
        font-size: 35px;
    }

    .third-slider-wrap {
        padding: 200px 0px 150px;
    }

    .shoes-banner-content h2 {
        font-size: 26px;
        font-weight: 700;
        line-height: 1.2;
    }

    .shoes-banner-content {
        max-width: 260px;
        padding: 50px 25px;
        margin: 100px auto 100px auto;
    }

    .breadcrumb-bg {
        padding: 100px 0;
    }

    .title-style-three .title {
        font-size: 28px;
    }

    .title-style-three .title br {
        display: none;
    }

    .header-style-three .header-top-link ul,
    .header-style-five .header-top-link ul,
    .header-style-six .header-top-link ul {
        justify-content: center;
        margin-bottom: 5px;
    }

    .header-style-three .header-top-right,
    .header-style-five .header-top-right,
    .header-style-six .header-top-right {
        justify-content: center;
    }

    .shop-top-left ul {
        margin-bottom: 15px;
        justify-content: center;
    }

    .shop-top-left ul li + li {
        margin-left: 30px;
    }

    .shop-top-right {
        justify-content: center;
    }

    .blog--post--item .blog-post-content h3 {
        font-size: 20px;
    }

    .breadcrumb-content .title {
        font-size: 24px;
        line-height: 1.2;
    }

    .blog-details-meta {
        display: block;
    }

    .blog-bottom-meta {
        margin-bottom: 15px;
    }

    .avatar-post {
        display: block;
        text-align: center;
    }

    .post-avatar-img {
        margin: 0 auto 20px;
    }

    .post-avatar-social ul {
        justify-content: center;
    }

    .blog-comment ul li .single-comment {
        display: block;
    }

    .comment-avatar-img {
        margin: 0 0 20px;
    }

    .comment-avatar-info h5 span {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }

    .blog-comment ul li.comment-reply {
        margin-left: 0;
    }

    .checkout-top .title,
    .checkout-sidebar .title {
        font-size: 22px;
    }

    .shop-cart-widget {
        padding: 50px 20px 50px;
    }

    .shop-cart-widget form ul li > span {
        width: 40%;
    }

    .paypal-method-flex {
        padding: 20px 20px;
    }

    .contact-wrap {
        padding: 55px 30px;
    }

    .shop-sidebar {
        padding-left: 0;
        padding-right: 0;
    }

    .shop-details-nav-wrap {
        width: 60px;
        flex: 0 0 60px;
    }

    .product-desc-wrap .nav-tabs li a::before {
        display: none;
    }

    .product-desc-wrap .tab-pane {
        padding: 40px 25px;
    }

    .product-desc-wrap .additional-table {
        padding: 20px;
    }

    .product-desc-wrap .additional-table table {
        width: 400px;
    }

    .cart-wrapper .table {
        min-width: 690px;
    }

    .cart-coupon form {
        display: block;
    }

    .cart-coupon {
        margin-right: 0;
    }

    .cart-coupon form input {
        min-width: 100%;
        margin-right: 0;
    }

    .cart-total .shop-cart-widget {
        padding: 50px 25px 65px;
    }

    .cart-total .shop-cart-widget form > ul > li > span {
        width: 40%;
    }

    .cart-total .shop-cart-widget .btn {
        padding: 21px 28px;
    }

    .h7-slider-content .title {
        font-size: 35px;
    }

    .h7-slider-img {
        margin-bottom: 35px;
    }

    .header-style-six .transparent-header {
        top: 0;
    }

    .discount-bg-three .voucher-code {
        display: none;
    }

    .discount-bg-three .discount-content {
        padding: 0 0 0;
    }

    .cosmetics-area {
        padding: 10px 15px 0px 15px;
    }

    .home7-new-arrival .discount-end-time-wrap .content {
        left: 20px;
        right: 20px;
        padding: 0 0px;
        top: 40px;
    }

    .home7-new-arrival .discount-end-time-wrap .content h2 {
        font-size: 28px;
    }

    .home7-new-arrival .discount-end-time-wrap .content > span {
        font-size: 16px;
    }

    .home7-new-arrival .discount-end-time-wrap .coming-time {
        margin: 0 0 30px;
    }

    .home7-new-arrival .new-arrival-nav {
        margin-bottom: 20px;
        justify-content: center;
    }

    .banner-five-wrap {
        padding: 100px 25px;
    }

    .reservation-wrap {
        padding: 45px 25px 60px;
    }

    .reservation-title .title {
        font-size: 32px;
    }

    .reservation-contact p {
        padding: 25px 30px;
        font-size: 14px;
        line-height: 24px;
    }

    .h9-slider-item {
        background-position: center;
        background-size: cover;
        padding: 2px 0 0px;
    }

    .h9-slider-item .h7-slider-content .title {
        font-size: 40px;
    }

    .h9-discount-item .content > a.btn {
        display: none;
    }

    .h9-discount-item .content > h4 {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 0;
    }

    .h9-choose-list ul li {
        display: block;
    }

    .h9-choose-list ul li .icon {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .reservation-form-top .form-grp {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        flex: 0 0 100%;
        margin-top: 15px;
    }

    .header-style-four .header-action {
        margin-right: 0;
    }

    .header-style-four .transparent-header {
        padding: 25px 0;
    }

    .split-slider-img {
        display: none;
    }

    .split-slider-item {
        padding: 0 0;
    }

    .split-slider-item .slider-content {
        max-width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 100px 0 100px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .search-box-group {
        width: 100%;
    }

    .btn-promo {
        width: 100% !important;
    }
    
    .erormsg {
        color: red;
        margin-left: 4rem !important;
    }
    
    .optional-txt {
        margin-left: 1rem;
    }

    #order_filter {
        float: right;
        margin-right: 67px;
    }

    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }
    
    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }
    
    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }
    
    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .breadcrumb {
        font-size: 20px;
    }

    .Checkout-one .stepwizard {
        display: table;
        width: 86%;
        position: relative;
        margin: 0 auto;
    }

    .Checkout-one .btn-circle {
        width: 100%;
    }

    .header-shop-cart-resp a span {
        position: absolute;
        top: 0px;
        width: 16px;
        height: 16px;
        text-align: center;
        border-radius: 50%;
        font-size: 11px;
        font-weight: 700;
        line-height: 17px;
        color: #fff;
        background: #670099;
        box-shadow: 0px 5px 12.09px 0.91px rgb(71 51 127 / 14%);
    }

    .h9-slider-img .slider-button {
        position: absolute;
        top: 67%;
        left: 21%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .retail-slider-button {
        position: absolute;
        top: 80%;
        left: 22%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .rightimg img{
        width: 365px;
    }

    .about2{
        padding-left: 0px;
        padding-right: 0px;
    }

    .custom-card{
        width: 375px ;
    }

    .whatis-porrtalpuff {
        padding-left: 0px; 
        padding-right: 0px; 
    }

    .about-us-areas .title-about {
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
    }

    .about-us-item .h7-slider-content {
        margin-left: 0px; 
        margin-top: 0px; 
    }

    .h7-slider-content .small-titl-about{
        color:#670099; 
        font-size: 20px; 
        margin-bottom: 10px;
        text-align: center;
    }

    .h7-slider-content .about-p{
        color: #737B7D;
        margin-bottom: 27px;
        font-size: 20px;
        font-style: normal;
        font-weight: 450;
        line-height: 28px;
        letter-spacing: 0.30000001192092896px;
        text-align: center;
        padding-top: 10px;
    }

    .whatis-porrtalpuff{

        padding-top: 0px;
        padding-bottom: 0px;
    }

    .whatis-title{
        color: #373F41;
        font-size: 32px;
        line-height: 45px;
    }

    .whatsis-p2{
        color: #737B7D;
        font-size: 19px;
        line-height: 31px;
        margin-top: 16px;
        margin-bottom: 30px;
    }

    .about2 h2{
        font-size: 29px;
        font-style: normal;
        margin-bottom: 39px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: 0.20000000298023224px;
        text-align: center;
        color: #373F41;
    }

    .cities {
        position: relative;
        padding: 0;
    }

    .cities h2 {
        margin-top: -72px;
        font-size: 40px;
    }

    .cities p{
        font-size: 17px;
    }

    .cities img {
        width: 510px !important;
        margin-bottom: 27px;
    }

    .cities .city-img-text {
        padding-top: 445px;
        padding-left: 167px;
        font-size: 39px;
    }

    .howitworks .custom-row {
        flex-wrap: wrap;
    }

    .howitworks{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 30px;
    }

    .howitworks .box {
        width: 504px;
    }

    .howitworks img {
        margin: 25px 192px auto;
    }

    .howitworks .box p{
        font-size: 15px;

    }

    .howitworks p{
        font-size: 17px;
    }

    .howitworks h2 {
        font-size: 40px;
    }

    .Contact-us .faq-box h2{
        font-size: 16px;
    }

    .faq-box button {
        font-size: 13px;
    }

    .tabs-dark {
        width: 371px;
    }

    .faq .tabs {
        width: 371px;
    }

    .faq img {
        width: 371px;
        margin-top: 40px;
        order: 1;
        margin-left: 0px;
    }

    .orders{
        order: 2;
    }

    .faq h2 {
        font-size: 25px;
        line-height: 50px;
    }

    .retailer{
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-top: 29px;
    }

    .retailer img {
        width: 364px;
    }

    .what-retailer{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 20px;
    }

    .what-retailer h2 {
        font-style: normal;
        font-weight: bold;
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        color: #373F41;
    }

    .retailer h2 {
        font-size: 40px;
        text-align: center;
        line-height: 50px;
    }

    .retailer p {
        font-size: 20px;
        text-align: center;
    }

    .retail-partner .custom-row {
        flex-wrap: wrap;
    }

    .retail-faq img {
        width: 51px;
        position: absolute;
        margin: 24px 283px auto;
    }

    .retail-faq h2 {
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 53px;
        text-align: center;
        letter-spacing: 0.2px;
        color: #373F41;
        margin-bottom: 11px;
    }

    .retail-partner h2 {
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 53px;
        text-align: center;
        letter-spacing: 0.2px;
        color: #373F41;
        margin-bottom: 40px;
    }

    .Checkout-one{
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .Checkout-one .box-form {
        width: 501px;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
        border-radius: 20px;
        padding: 30px;
        margin: 25px auto !important;
    }

    .Checkout-one .stepwizard-row:before {
        display: none;
    }

    .Checkout-one .stepwizard-step {
        padding-bottom: 23px;
        display: grid;
    }

    .box-form h3 {
        font-size: 24px;
    }

    .Checkout-one .box-form-order {
        width: 379px;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
        border-radius: 20px;
        padding: 2px;
        margin: 61px auto !important;
    }

    .body-content{
        padding:12px; ;
    }

    .quantity {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        position: absolute;
        margin-left: 0px; 
        margin-top: 114px;
    }

    .quantity {
        margin-top: 69px;
    }

    .proceed-div {
        float:inherit; 
        margin-top: 46px;
        margin-right: 10px;
    }

    .proceed-div .last-text{
        font-size: 16px;
    }

    .active-tab {
        width: 73px;
        margin-left: 10px;
    }

    .diactive-tabs {
        width: 73px;
        margin-left: 10px;
    }

    .Product-page .img-width {
        display: initial;
    }

    .right-side-p {
        margin-top: 23px;
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 290px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }

    .nav-pills .nav-link {
        width: 290px;
        height: 48px;
        background: #EAEAEA;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        line-height: 34px;
        text-align: center;
        color: #000000;
    }

    .nav-pills{
        display: inline-grid;
        margin: 70px 0px;
    }

    .fb-btn {
        margin: 1px 1px auto;
        width:300px ;
    }

    .apple-btn {
        width: 300px;
        margin: 14px 0px auto;
    }

    .custom-container {
        max-width: 540px;
    }

    .header-style-five .header-top-wrap{
        padding: 8px 0px !important;
    }

    .slider-bg {
        min-height: auto;
        padding: 140px 50px 140px 50px;
    }

    .slider-content .sub-title {
        font-size: 40px;
    }

    .slider-content .title {
        font-size: 40px;
    }

    .cat-banner-item .content > span {
        font-size: 12px;
    }

    .cat-banner-item .content > h3 {
        font-size: 26px;
    }

    .cat-banner-item.style-two .content > h3 {
        font-size: 24px;
    }

    .features-product-item,
    .trending-products-list,
    .trending-products-banner {
        margin: 0 75px 30px;
    }

    .discount-content h2 {
        font-size: 34px;
    }

    .newsletter-bg {
        padding: 55px 75px;
    }

    .product-tooltip {
        display: block;
    }

    .category-area .row .col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .discount-end-time-wrap {
        padding: 65px 60px;
    }

    .third-slider-item .slider-content .sub-title {
        font-size: 40px;
    }

    .third-slider-item .slider-content .title {
        font-size: 45px;
    }

    .shoes-banner-content {
        max-width: 400px;
        padding: 50px 35px;
        margin: 100px auto 100px auto;
    }

    .shoes-banner-content h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 1.2;
    }

    .title-style-three .title {
        font-size: 34px;
    }

    .blog--post--item .blog-post-content h3 {
        font-size: 22px;
    }

    .header-style-three .header-top-link ul,
    .header-style-five .header-top-link ul,
    .header-style-six .header-top-link ul {
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .header-style-three .header-top-right,
    .header-style-five .header-top-right,
    .header-style-six .header-top-right {
        justify-content: flex-end;
    }

    .blog-details-content .blog-post-content blockquote {
        padding: 30px 35px;
    }

    .avatar-post {
        padding: 35px 40px 35px 41px;
    }

    .comment-avatar-info h5 span {
        display: inline-block;
        margin-left: 10px;
        margin-top: 0;
    }

    .shop-cart-widget {
        padding: 50px 30px 50px;
    }

    .paypal-method-flex {
        padding: 20px 25px;
    }

    .contact-wrap {
        padding: 55px 40px;
    }

    .shop-details-nav-wrap {
        width: 100px;
        flex: 0 0 100px;
    }

    .product-desc-wrap .nav-tabs li a::before {
        display: block;
    }

    .product-desc-wrap .additional-table {
        padding: 30px;
    }

    .product-desc-wrap .additional-table table {
        width: 450px;
    }

    .cart-coupon {
        margin-right: 0;
    }

    .cart-coupon form input {
        min-width: 290px;
        margin-right: 20px;
    }

    .cart-total .shop-cart-widget {
        padding: 60px 40px 60px;
    }

    .cart-coupon form {
        display: flex;
    }

    .h7-slider-content .title {
        font-size: 40px;
    }

    .h7s-bottom-item .content {
        right: 40px;
        bottom: 40px;
    }

    .h7s-bottom-item .content h5 {
        font-size: 20px;
    }

    .h7s-bottom-item .content .btn {
        padding: 19px 27px;
    }

    .cosmetics-item .thumb img {
        width: 100%;
    }

    .home7-new-arrival .discount-end-time-wrap {
        margin-right: 50px;
        margin-left: 50px;
    }

    .home7-new-arrival .discount-end-time-wrap .content {
        left: 50px;
        right: 50px;
        padding: 0 35px;
        top: 67px;
    }

    .home7-new-arrival .discount-end-time-wrap .content h2 {
        font-size: 40px;
    }

    .banner-five-wrap {
        padding: 130px 70px;
    }

    .h9-slider-item .h7-slider-content .title {
        font-size: 56px;
    }

    .h9-discount-item .content > h4 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 22px;
    }

    .h9-discount-item .content > a.btn {
        display: inline-block;
    }

    .h9-choose-list ul li {
        display: flex;
    }

    .h9-choose-list ul li .icon {
        margin-right: 30px;
        margin-bottom: 0;
    }

    .reservation-form-top .form-grp {
        width: 50%;
        flex: 0 0 50%;
    }

    .reservation-contact p {
        font-size: 16px;
        line-height: 28px;
    }

    .reservation-title .title {
        font-size: 45px;
    }

    .reservation-wrap {
        padding: 45px 40px 60px;
    }

    .quantity {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        position: absolute;
        margin-left: 0px; 
        margin-top: 114px;
    }

    .quantity {
        margin-top: 69px;
    }

    .proceed-div {
        float:inherit; 
        margin-top: 46px;
        margin-right: 10px;
    }

    .proceed-div .last-text{
        font-size: 16px;
    }

    .active-tab {
        width: 73px;
        margin-left: 10px;
    }

    .diactive-tabs {
        width: 73px;
        margin-left: 10px;
    }

    .latest {
        margin-left: 0;
    }
}

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) {
    .search-box-group {
        width: 100%;
    }

    .btn-circle {
        min-width: 100% !important;
    }

    .btn-promo {
        width: 100% !important;
    }

    .h9-slider-img .slider-button {
        position: absolute;
        top: 67%;
        left: 23%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 11px;
        padding: 4px 17px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index: 2;
    }
    
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 256px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }

    .optional-txt {
        margin-left: 1rem;
    }

    .erormsg {
        color: red;
        margin-left: 4rem !important;
    }

    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }

    #order_filter {
        float: right;
        margin-right: 67px;
    }

    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }

    .retail-slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }

    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }
}

@media screen 
and (device-width: 480px) 
and (device-height: 800px) {
    .search-box-group {
        width: 100%;
    }

    .btn-promo {
        width: 100% !important;
    }

    .h9-slider-img .slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }
    
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 256px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }

    .optional-txt {
        margin-left: 1rem;
    }

    .erormsg {
        color: red;
        margin-left: 4rem !important;
    }

    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }

    #order_filter {
        float: right;
        margin-right: 67px;
    }

    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }

    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }

    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .retail-slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .header-shop-cart-resp a span {
        position: absolute;
        top: 15px;
        width: 16px;
        height: 16px;
        text-align: center;
        border-radius: 50%;
        font-size: 11px;
        font-weight: 700;
        line-height: 17px;
        color: #fff;
        background: #670099;
        box-shadow: 0px 5px 12.09px 0.91px rgb(71 51 127 / 14%);
    }
}

/* Portrait and Landscape */
@media screen 
and (device-width: 384px) 
and (device-height: 592px) 
and (-webkit-device-pixel-ratio: 2) {
    .search-box-group {
        width: 100%;
    }

    .btn-promo {
        width: 100% !important;
    }

    .h9-slider-img .slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 256px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }

    .erormsg {
        color: red;
        margin-left: 4rem !important;
    }

    .optional-txt {
        margin-left: 1rem;
    }

    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }

    #order_filter {
        float: right;
        margin-right: 67px;
    }

    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }

    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }

    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .retailer img {
        width: 364px;
    }

    .slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .retail-slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .header-shop-cart-resp a span {
        position: absolute;
        top: 15px;
        width: 16px;
        height: 16px;
        text-align: center;
        border-radius: 50%;
        font-size: 11px;
        font-weight: 700;
        line-height: 17px;
        color: #fff;
        background: #670099;
        box-shadow: 0px 5px 12.09px 0.91px rgb(71 51 127 / 14%);
    }
}

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
    .search-box-group {
        width: 100%;
    }
    
    .btn-promo {
        width: 100% !important;
    }

    .btn-circle {
        min-width: 100% !important;
    }
    
    .h9-slider-img .slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }
    
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 256px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }
    
    .optional-txt {
        margin-left: 1rem;
    }
    
    .erormsg {
        color: red;
        margin-left: 4remm !important;
    }
    
    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }

    .name-text{margin-left:15px !important;}
    
    .setting-title{font-size:19px;}
    #order_filter {
        float: right;
        margin-right: 67px;
    }
    
    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }
    
    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .retailer img {
        width: 364px;
    }

    .retail-slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .h9-slider-item .h7-slider-content .title {
        font-size: 34px;
        line-height: 50px;
    }

    .slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .retail-slider-button {
        position: absolute;
        top: 72%;
        left: 37%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .header-shop-cart-resp a span {
        position: absolute;
        top: 0px;
        width: 16px;
        height: 16px;
        text-align: center;
        border-radius: 50%;
        font-size: 11px;
        font-weight: 700;
        line-height: 17px;
        color: #fff;
        background: #670099;
        box-shadow: 0px 5px 12.09px 0.91px rgb(71 51 127 / 14%);
    }

    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) { 
    .shop-cat-item img {
        width: 150px;
        height: 150px;
    }
    
    .optional-txt {
        margin-left: 1rem;
    }
    
    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }

    .setting-title{font-size:19px;}
    
    .name-text{margin-left:15px !important;}
    
    #order_filter {
        float: right;
        margin-right: 67px;
    }
    
    .retailer img {
        width: 364px;
    }
    
    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }

    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }
}

/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 256px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }
    
    .optional-txt {
        margin-left: 1rem;
    }
    
    .erormsg {
        color: red;
        margin-left: 4rem;
    }

    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }
    
    .setting-title {
        font-size:19px;
    }
    
    #order_filter {
        float: right;
        margin-right: 67px;
    }
    
    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }
    
    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }
    
    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .Checkout-one .box-form {
        /* width: 490px; */
        width: 70%;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
        border-radius: 20px;
        padding: 40px;
        margin: 25px auto !important;
    }

    .retailer img {
        width: 700px;
    }

    .retail-partner img {
        width: 93px;
        position: relative;
        margin: 22px 59px auto;
    }

    .what-retailer {
        padding-top:0px;
    }

    .img-width img {
        width: 140px !important;
        height: 140px !important;
    }

    .cities img {
        width: 161px;
    }

    .cities .city-img-text {
        position: absolute;
        text-align: center;
        padding-top: 119px;
        padding-left: 30px;
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 0.1px;
        color: white;
    }

    .cities h2 {
        font-size: 39px;
    }

    .howitworks .box {
        width: 222px;
        height: 302px;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 9%);
        border-radius: 10px;
        margin-bottom: 40px;
    }

    .howitworks .box p {
        font-style: normal;
        font-weight: 450;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        color: #737B7D;
        margin-top: 10px;
        padding: 13px;
    }

    .howitworks img {
        width: 113px;
        position: relative;
        margin: 18px 50px auto;
    }

    .howitworks {
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
        padding-top:30px;
    }

    .shop-cat-item img {
        width: 170px;
        height: 170px;
    }

    .shop-cat-item {
        text-align: center;
    }

    .cat-section-title {
        margin-bottom:10px;
    }

    .header-shop-cart-resp a span {
        position: absolute;
        top: 0px;
        width: 16px;
        height: 16px;
        text-align: center;
        border-radius: 50%;
        font-size: 11px;
        font-weight: 700;
        line-height: 17px;
        color: #fff;
        background: #670099;
        box-shadow: 0px 5px 12.09px 0.91px rgb(71 51 127 / 14%);
    }

    .h9-slider-img .slider-button {
        position: absolute;
        top: 62%;
        left: 18%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index: 2;
    }

    .retail-slider-button {
        position: absolute;
        top: 76%;
        left: 24%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 24px;
        padding: 13px 51px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index: 2;
    }

    .total-span {
        margin-right: -15rem;
    }

    .retail-partner img {
        width: 93px;
        position: relative;
        margin: 22px 122px auto;
    }
}

@media only screen and (min-width: 412px) and (max-width: 767px) { 
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 256px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }
    
    .optional-txt {
        margin-left: 1rem;
    }

    .erormsg {
        color: red;
        margin-left: 4rem !important;
    }

    .setting-title{font-size:19px;}
    
    .name-text{margin-left:15px !important;}
    
    .retailer img {
        width: 515px;
    }
    
    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }

    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }

    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }
}

@media only screen and (min-device-width: 915px) and (orientation: landscape) { 
    .setting-title{font-size:19px;}
    
    .name-text{margin-left:15px !important;}
    
    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }
    #order_filter {
        float: right;
        margin-right: 67px;
    }
    
    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }
}

@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 321px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }
    
    .nav-pills .nav-link {
        width: 270px;
        height: 40px;
        background: #EAEAEA;
        border-radius: 50px;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #000000;
    }
    
    .cat label span {
        text-align: center;
        padding: 3px 0;
        display: block;
        border-radius: 50px;
        line-height: 27px;
        margin-right: -154px;
    }
    
    .action input:checked + span {
        background-color: #670099;
        width: 270px;
        color: white;
    }
    
    .optional-txt {
        margin-left: 1rem;
    }
    
    .erormsg {
        color: red;
        margin-left: 4rem !important;
    }

    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }
    
    .setting-title {
        font-size:19px;
    }
    
    .name-text {
        margin-left:15px !important;
    }
    
    #order_filter {
        float: right;
        margin-right: 67px;
    }
    
    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }
    
    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }
    
    .spaninput {
        width: 29%;
        float: right;
        padding-left: 10px
    }

    .retailer img {
        width: 318px;
    }

    .Checkout-one .stepwizard {
        display: table;
        width: 100%;
        position: relative;
        margin: 0 auto;
    }

    .box-form .input-small input {
        width: 320px;
    }

    .retail-partner img {
        width: 90px;
        position: relative;
        margin: 22px 117px auto;
    }

    .img-width img {
        width: 100px !important;
        height: 100px !important;
    }

    .right-side-p {
        margin-top: 23px;
        text-align: center;
    }

    .breadcrumb {
        font-size: 18px;
    }

    .cities h2 {
        margin-top: 9px;
        font-size: 35px;
        line-height: 45px;
        padding: 5px;
    }

    .cart-checkout-box .nav-pills .nav-link,
    .cart-checkout-box .nav-pills .nav-item {
        width: 100%;
    }

    .cart-checkout-box .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 100%;
    }

    .cities h2 {
        margin-top: -17px;
        font-size: 28px;
        line-height: 45px;
        padding: 5px;
    }

    .h9-slider-img .slider-button {
        position: absolute;
        top: 66%;
        left: 25%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 7px 12px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index: 2;
    }

    .retail-slider-button {
        position: absolute;
        top: 85%;
        left: 25%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 7px 9px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index: 2;
    }
}

/* Nokia Lumia 520 */
@media screen and (max-width: 321px) and (min-width: 319px) {
    .h9-slider-img .slider-button {
        position: absolute;
        top: 64%;
        left: 23%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 12px;
        padding: 2px 7px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index: 2;
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 256px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        margin-left: 0px;
        text-align: center;
        color: #FFFFFF;
    }
    
    .optional-txt {
        margin-left: 1rem;
    }
    
    .erormsg {
        color: red;
        margin-left: 4rem !important;
    }
    
    .setting-title{font-size:19px;}
    
    .name-text{margin-left:15px !important;}
    #order_filter {
        float: right;
        margin-right: 67px;
    }
    
    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }
    
    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }

    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .login-box .forgote-text {
        font-weight: 450;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        margin-top: 48px;
        margin-bottom: 40px;
        color: #909293;
        padding:10px;
    }

    .Checkout-one .box-form {
        width: 284px;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
        border-radius: 20px;
        padding: 15px;
        margin: 25px auto !important;
    }

    .Checkout-one .stepwizard {
        display: table;
        width: 86%;
        position: relative;
        margin: 0 auto;
    }

    .retailer img {
        width: 294px;
    }

    .retail-slider-button {
        position: absolute;
        top: 87%;
        left: 25%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 5px 3px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index: 2;
    }

    .right-side-p {
        margin-left: 47px;
        margin-top: 2px;
        text-align: center;
    }

    .img-width img {
        width: 140px !important;
        height: 140px !important;
    }

    .right-side-p {
        margin-top: 23px;
        text-align: center;
    }

    .breadcrumb {
        font-size: 13px;
    }

    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }

    .cities h2 {
        margin-top: -17px;
        font-size: 28px;
        line-height: 45px;
        padding: 5px;
    }

    .cities .city-img-text {
        padding-top: 248px;
        padding-left: 103px;
    }

    .howitworks img {
        margin: 25px 92px auto;
    }

    .header-style-five .header-top-link ul li a {
        font-size: 8px;
        font-weight: 500;
        color: #d3cfcf;
        font-family: 'Circular Std', sans-serif;
        text-transform: uppercase;
    }

    .img-width img {
        width: 140px !important;
        height: 140px !important;
    }

    .quantity {
        margin-top: 19px;
        margin-left: 5px;
    }

    .img-width img {
        width: 140px !important;
        height: 140px !important;
    }

    .table{
        width:50% !important;
    }
}

/* Nokia N9 */
@media screen and (max-width: 481px) and (min-width: 479px){
    .h9-slider-img .slider-button {
        position: absolute;
        top: 65%;
        left: 21%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 14px;
        padding: 7px 13px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index: 2;
    }
    
    .erormsg {
        color: red;
        margin-left: 4rem !important;
    }

    .optional-txt {
        margin-left: 1rem;
    }
    
    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }

    .setting-title{font-size:19px;}
    
    .name-text{margin-left:15px !important;}

    #order_filter {
        float: right;
        margin-right: 67px;
    }

    .login-box .forgote-text {
        font-weight: 450;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        margin-top: 48px;
        margin-bottom: 40px;
        color: #909293;
        padding:10px;
    }

    .Checkout-one .box-form {
        width: 420px;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
        border-radius: 20px;
        padding: 15px;
        margin: 25px auto !important;
    }
    
    .Checkout-one .stepwizard {
        display: table;
        width: 86%;
        position: relative;
        margin: 0 auto;
    }
    
    .retailer img {
        width: 449px;
    }

    .retail-partner img {
        width: 93px;
        position: relative;
        margin: 22px 173px auto;
    }

    .retail-slider-button {
        position: absolute;
        top: 79%;
        left: 23%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #cb41af;
        color: white;
        font-size: 16px;
        padding: 8px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        z-index:2;
    }

    .img-width img {
        width: 140px !important;
        height: 140px !important;
    }

    .right-side-p {
        margin-top: 23px;
        text-align: center;
    }

    .cart-checkout-box .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 100%;
        background: #670099;
        color: #FFFFFF;
    }

    .cart-checkout-box .nav-pills .nav-link,
    .cart-checkout-box .nav-pills .nav-item {
        width: 100%;
    }

    .cities h2 {
        margin-top: -7px;
        font-size: 35px;
        line-height: 45px;
        padding: 5px;
    }

    .cities .city-img-text {
        padding-top: 387px;
        padding-left: 153px;
        font-size: 32px;
    }

    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }

    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }
}

/* Portrait and Landscape */
@media screen 
and (device-width: 360px) 
and (device-height: 592px) 
and (-webkit-device-pixel-ratio: 4) {
    .Checkout-one .box-form {
        width: 90%;
        background: #ffff;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
        border-radius: 20px;
        padding: 16px;
        margin: 25px auto !important;
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        width: 256px;
        background: #670099;
        border-radius: 50px;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }

    .setting-title{font-size:19px;}

    .name-text{margin-left:15px !important;}

    .dollar-left{
        margin-left: -216px;
        margin-top: -2px;
    }

    .spaninput {
        width: 32%;
        float: right;
        padding-left: 35px;
    }

    .pagination {
        float: none !important;
        margin-left: 10rem !important;
    }

    .spanamount {
        float: right;
        margin-right: 3rem !important;
    }

    .erormsg {
        color: red;
        margin-left: 4rem !important;
    }

    .optional-txt {
        margin-left: 1rem;
    }
}


@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media {
        .dollar-left{
            margin-left: -216px;
            margin-top: -2px;
        }

        .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
            width: 256px;
            background: #670099;
            border-radius: 50px;
            font-weight: 500;
            font-size: 18px;
            text-align: center;
            color: #FFFFFF;
        }

        .spaninput {
            width: 32%;
            float: right;
            padding-left: 35px;
        }

        .pagination {
            float: none !important;
            margin-left: 10rem !important;
        }

        .setting-title{font-size:19px;}
        .name-text{margin-left:15px;}
        
        #order_filter {
            float: right;
            margin-right: 67px;
        }

        .spanamount {
            float: right;
            margin-right: 3rem !important;
        }

        .erormsg {
            color: red;
            margin-left: 4rem !important;
        }

        .optional-txt {
            margin-left: 1rem;
        }
    }
}

/* iphone XR */
@media only screen 
and (device-width : 414px) 
and (device-height : 896px) 
and (-webkit-device-pixel-ratio : 2) {
    .erormsg {
        color: red;
        margin-left: 4rem !important;
    }

    .optional-txt {
        margin-left: 1rem;
    }
    
    .nav-pills .nav-link {
        width:321px;
        height: 40px;
        background: #EAEAEA;
        border-radius: 50px;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #000000;
    }
    
    .cat label span {
        text-align: center;
        padding: 3px 0;
        display: block;
        border-radius: 50px;
        line-height: 25px;
        margin-right: -206px;
    }
    
    .action input:checked + span {
        background-color: #670099;
        width: 321px;
        color: white;
    }
}