.mbl-nav-opener{
    display: none;
}
.mbl-search-opener{
    display: none;
}
.mbl-arrow-left{
    display: none;
}
.mbl-form{
    display: none;
}
.mbl-cart {
    display:none;
}
.product .mbl-show {
    display:none !important
}
.product .big-img .owl-theme .owl-dots {
    display:none;
}
/*Media - Stylesheet*/
@media (min-width: 1320px) and (max-width: 1370px) {
    .nav .left ul .cat-li .mega-menu .ver-logo img {
        width: 70px;
    }
    .nav .left ul .cat-li .mega-menu .list-mega ul {
        margin-left: 50px;
    }
    .nav .left ul .cat-li .mega-menu .img{
        width: 28%;
    }
    .nav .left ul .cat-li a {
        font-size: 16px;
        padding: 28.5px 20px;
    }
    .before-footer .big-box .box .right .verti-box{
        padding: 0px 35px;
    }
    .before-footer .big-box .box .right .verti-box p{
        font-size: 13px;
    }
    .after-footer {
        padding: 24px 0px;
    }
    .footer .left {
        padding: 0px 36px;
    }
    .product-top p {
        margin-top: 2px;
        padding: 25px 0px;
    }
    /*checkout*/
    .checkout .right .cart-items .text .box-b{
        padding-right: 100px;
        margin-top: 10px;
    }
    .checkout .left .guest-box{
        padding: 20px 25px;
        padding-bottom: 0px;
    }
    .checkout .left .guest-box .form{
        margin-bottom: 20px;
    }
    .checkout .left .guest-box .check-box{
        margin-bottom: 20px;
    }
    .checkout .left .guest-box .check-row{
        margin-bottom: 22px;
    }
    .checkout .left .guest-box .btn-check{
        margin-top: 32px;
    }
    .checkout .left .guest-box .form{
        column-gap: 28px;
    }
    .checkout .left .nav li a{
        padding: 15px 23px;
        font-size: 16px;
    }
    .checkout .left .tab-content .tab-pane .sign-in-box{
        margin-top: 26px;
    }
    .checkout .right .head {
        padding: 17px 0px;
        font-size: 17px;
    }
    .checkout .right .listing-box{
        padding: 22px 30px;
    }
    /*my cart*/
    .mycart .right .cart-items .text .box-b {
        margin-top: 34px;
    }
    .mycart .right .cart-items .text .qty-with{
        margin-top: 9px;
    }
    .mycart .left .btn-check{
        font-size: 17px;
        padding: 17px 0px;
    }
    /*login*/
    .user .login .box {
        padding: 40px 52px;
    }
    /*fonts issue with 1366*/
    .top-nav .container-cus .center p {
        font-size: 14px;
    }
    .top-nav .container-cus .right ul a {
        font-size: 14px;
    }
        .top-nav .container-cus .right ul a img {
            width:21px;
        }
    .nav .left .logo img {
        height: 27px;
    }
    .nav .right .arrow {
        height: 79px;
    }
    .nav .right .search-box {
        margin: 20.5px 0px;
    }
        .nav .right .search-box img {
            width: 18px;
        }
        .nav .right .search-box input {
            font-size: 13px;
            height: 36px;
        }
    .home-category .item p {
        font-size: 18px;
    }
    .home-category .carousel-home .owl-dots .owl-dot span {
        width: 11px;
        height: 11px;
    }
    .home-category .arrow-left, .home-category .arrow-right {
        width: 38px;
    }
    .home-products h2 {
        font-size: 26px;
    }
    .home-products .carousel-product .name {
        font-size: 16px;
    }
    .home-products .carousel-product .category {
        font-size: 12px;
    }
    .home-products .carousel-product .price {
        font-size: 15px;
    }
    .home-products .bot-arrows img {
        margin: 0px 3px;
        width: 37px;
    }
    .before-footer .big-box .box .right .verti-box .bold {
        font-size: 21px;
        margin-bottom: 3px;
    }
    .footer .left .box p {
        font-size: 14px;
    }
    .footer .left .box ul li a {
        font-size:13px;
    }
    .footer .left .box .soci li a img {
        width: 40px;
    }
    .footer .left .box .soci li a {
        font-size: 14px;
        padding: 16px 0px;
        font-weight: 500;
    }
    .footer .right .box .top img {
        width: 80px;
    }
    .footer .right .box .top p {
        font-size: 14px;
        padding: 26px 0px;
    }
    .footer .right .box .inp input {
        height: 54px;
    }
    .footer .right .box .inp a {
        padding: 17px 0px;
    }
    .footer .right .box .inp a img {
        width: 15px;
    }
    .footer .right .box .inp {
        padding: 0px 79px;
        padding-bottom: 62px;
    }
    /*category*/
    .nav .left ul .cat-li .mega-menu .list-mega ul li.big {
        font-size:15px;
    }
    .nav .left ul .cat-li .mega-menu .list-mega ul li a {
        font-size: 14px;
        padding: 5px 0px;
    }
    .product-grid .left h1 {
        font-size: 23px;
    }
    .product-grid .left h3 {
        font-size: 23px;
    }
    .product-grid .left ul li a {
        font-size: 15px;
    }
    .product-grid .right .top h2 {
        font-size: 23px;
    }
    .product-grid .right .boxbox .box .bot {
        grid-column-gap: 20px;
    }
        .product-grid .right .boxbox .box .bot .name {
            font-size: 17px;
            line-height: 20px;
        }
        .product-grid .right .boxbox .box .bot .price {
            font-size: 17px;
            line-height: 20px;
        }
        .product-grid .right .boxbox .box .bot .vari {
            font-size: 14px;
            margin-top: 6px;
        }
    .product .container-cus {
        grid-template-columns: 59% 30%;
    }
    .product .product-detail .info {
        padding-bottom: 25px;
    }
    .product .product-detail .info .name {
        font-size: 20px;
        line-height: 21px;
        font-weight: 600;
    }
        .product .product-detail .info .name span {
            margin-top: 10px;
        }
    .product .product-detail .info .price {
        font-size:20px;
    }
    .product .product-detail .color-box {
        padding-top: 25px;
    }
        .product .product-detail .color-box div img {
            width: 33px;
        }
    .product .product-detail .size-box {
        padding: 25px 0px;
    }
    .product .product-detail .size-box .size {
        min-width: 50px;
    }
        .product .product-detail .size-box .size p {
            height: 50px;
            padding: 15px 0px;
        }
    .product .product-detail .btn-box {
        padding: 25px 0px;
    }
    .product .product-detail .btn-box input {
        height: 41px;
    }
    .product .product-detail .btn-box .product-qty .icons img {
        padding: 5.7px 5px;
        height: 20.38px;
    }
    .product .product-detail .btn-box .btn-cart {
        font-size: 16px;
        padding: 10px 0px;
    }
    .product .product-detail .disc-box .light {
        line-height: 21px;
    }
    .related-product h3 {
        font-size: 26px;
    }
    .related-product .carousel-related .bot .name {
        font-size: 17px;
        line-height: 20px;
    }
    .related-product .carousel-related .bot .vari {
        font-size: 14px;
        margin-top: 6px;
    }
    .related-product .carousel-related .bot .price {
        font-size: 17px;
        line-height: 20px;
    }
    .related-product .carousel-related-box .arrow-right,
    .related-product .carousel-related-box .arrow-left {
        width:38px;
    }
    .addtocart .box .total-box p {
        padding: 30px 30px;
    }
    .addtocart .box .btn-box .light-btn {
        font-size: 16px;
        padding: 20px 0px;
    }
    .addtocart .box .btn-box .dark-btn {
        font-size: 16px;
        padding: 20px 0px;
    }
    .product-top p .head {
        font-size: 27px;
        margin-top: -8px;
    }
}
@media (min-width: 0px) and (max-width: 1024px) {
    .top-nav .container-cus .left {
        width: 25%;
        display:none
    }
    .top-nav .container-cus .center {
        width: 50%;
        text-align:left;
    }
    .top-nav .container-cus .right {
        width: 50%;
    }
    .nav .left ul{
        margin-left: 40px;
        display: none;
    }
    .nav .left ul .cat-li a{
        font-size: 16px;
        padding: 29px 17px;
    }
    .nav .left ul .cat-li .mega-menu{
        padding: 40px 3%;
    }
    .nav .left ul .cat-li .mega-menu .ver-logo {
        margin-right: 1%;
    }
    .nav .left ul .cat-li .mega-menu .ver-logo img {
        width: 55px;
    }
    .nav .left ul .cat-li .mega-menu .list-mega ul {
        margin-left: 58px;
    }
    .nav .left ul .cat-li .mega-menu .img{
        width: 27%;
    }
    .nav .left .logo {
        padding: 20px 0px;
    }
    .nav .right .search-box{
        display: none;
    }
    .nav .right .search-box input{
        width: 140px;
    }
    .nav .right .mbl-nav-opener{
        display: inline-block;
    }
    .nav .right .search-box{
        margin: 13px 0px;
    }
    .nav .right .arrow{
        margin-left: 20px;
        width: 60px;
    }
    .nav .right .mbl-search-opener{
        display: inline-block;
    }
    .nav .right .mbl-search-opener .close-icon{
        display: none;
    }
    .afterslider-product {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .home-category{
        padding-bottom: 80px;
    }
    .home-category .carousel-home .owl-dots{
        bottom: -57px;
    }
    .home-category .arrow-left,
    .home-category .arrow-right{
        width: 40px;
    }
    .home-category .item p{
        font-size: 19px;
    }
    .home-banner .box{
        margin-left: 13%;
    }
    .home-banner .box h3{
        font-size: 48px;
    }
    .home-banner .box p {
        font-size: 20px;
        margin-top: 6px;
        margin-bottom: 20px;
    }
    .home-banner .box a{
        font-size: 19px;
    }
    .home-banner .box a img{
        padding: 5px 0px;
    }
    .home-products h2{
        font-size: 29px;
        padding: 35px 0px;
    }
    .home-products .bot-arrows{
        padding-top: 25px;
    }
    .home-products .arrow-left,
    .home-products .arrow-right{
        width: 40px;
    }
    .home-products .bot-arrows img {
        margin: 0px 4px;
    }
    .before-footer {
        padding-top: 28px;
    }
    .before-footer .big-box {
        width: calc(100% + 10px);
        margin-left: -5px;
    }
    .before-footer .big-box .box{
        padding: 0px 5px;
        width: 50%;
    }
    .before-footer .big-box .box:last-child{
        margin-left: 25%;
        margin-top: 10px;
    }
    .before-footer .big-box .box .right .verti-box{
        padding: 0px 20px;
    }
    .before-footer .big-box .box .right .verti-box .bold{
        font-size: 22px;
    }
    .footer {
        padding: 45px 0px;
    }
    .footer .left{
        padding: 0px 0px;
        padding-left: 0px;
    }
    .footer .right {
        width: 45%;
    }
    .footer .right .box .top img {
        width: 72px;
    }
    .footer .right .box .top p{
        padding: 20px 0px;
        margin-left: 17px;
    }
    .footer .right .box .inp {
        padding: 0px 70px;
        padding-bottom: 44px;
    }
    .footer .right .box .inp input {
        width: 80.5%;
    }
    .footer .right .box .inp a {
        width: 19%;
    }
    /*category*/
    .product-grid .left {
        width: 100%;
    }
    .product-grid .left h1 {
            font-size: 18px;
            padding-bottom: 20px;
            border-bottom: 3px solid #717171;
            margin-bottom: 15px;
        }
        .product-grid .left h3 {
            font-size: 18px;
            padding-bottom: 14px;
            border-bottom: 3px solid #717171;
            margin-top: 0px;
        }
    .product-grid .right {
        width: 100%;
    }
    .product-grid .right .top h2{
        font-size: 22px;
    }
    .product-grid .right .top p{
        padding: 3px 0px;
    }
    .product-grid .right .boxbox{
        grid-template-columns: 33.33% 33.33% 33.33%;
    }
    /*search-grid*/
    .search-grid .right {
        width:100%;
    }
    .product-grid .right .top {
            padding-bottom: 26px;
            padding-top: 15px;
        }
        .search-grid .right .boxbox {
            grid-template-columns: 33.33% 33.33% 33.33%;
        }
    /*product detail*/
    .product-top p{
        margin-top: 0px;
        padding: 24px 0px;
    }
    .product {
        margin-bottom: 40px;
    }
    .product .container-cus{
        grid-template-columns: 60% 34%;
    }
    .product .left{
        grid-template-columns: 12% 1fr;
    }
    .product .product-detail .info .name {
        font-size: 20px;
    }
    .product .product-detail .info .price{
        font-size: 18px;
    }
    .product .product-detail .info .price span{
        font-size: 14px;
    }
    .product .product-detail .info{
        padding-bottom: 20px;
    }
    .product .product-detail .color-box{
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .product .product-detail .color-box p{
        font-size: 13px;
    }
    .product .product-detail .color-box div img{
        padding: 2px;
        /*margin-right: 6px;
        margin-bottom: 2px;*/
        width: 29px;
    }
    .product .product-detail .size-box{
        padding: 20px 0px;
        padding-bottom: 15px;
    }
    .product .product-detail .size-box .size-head p.guide{
        font-size: 13px;
    }
    .product .product-detail .size-box .size-head p img{
        width: 28px;
    }
    .product .product-detail .size-box .size{
        width: 40px;
        margin-bottom: 5px;
    }
        .product .product-detail .size-box .size p {
            height: 55px;
            font-size: 13px;
            padding: 17px 0px;
        }
    .product .product-detail .btn-box{
        padding: 20px 0px;
    }
    .product .product-detail .btn-box input{
        height: 38px;
    }
    .product .product-detail .btn-box .btn-cart {
        font-size: 15px;
        padding: 8px 0px;
    }
        .product .product-detail .btn-box .product-qty .icons img {
            padding: 5.7px 6px;
            height: 18.38px;
        }
    .product .product-detail .disc-box {
        padding: 20px 0px;
    }
    .product .product-detail .disc-box .bold{
        margin-bottom: 8px;
    }
    .product .product-detail .disc-box p {
        font-size: 13px;
    }
    .product .product-detail .disc-box ul li{
        font-size: 13px;
        line-height: 22px;
    }
    .related-product h3{
        font-size: 27px;
        margin-bottom: 25px;
    }
    .related-product .carousel-related-box .arrow-right,
    .related-product .carousel-related-box .arrow-left{
        width: 36px;
    }
    /*cart*/
    .addtocart .box .btn-box .light-btn,
    .addtocart .box .btn-box .dark-btn{
        font-size: 16px;
        padding: 20px 0px;
    }
    /*checkout*/
    .checkout .container-cus{
        padding: 0px 223px;
        padding-top: 32px;
        padding-bottom: 43px;
    }
    .checkout .left{
        width: 100%;
    }
    .checkout .left .nav li a{
        font-size: 15px;
        padding: 11px 23px;
    }
    .checkout .left .tab-content .tab-pane .sign-in-box{
        margin-top: 30px;
        padding: 38px 38px;
    }
    .checkout .right{
        width: 100%;
        margin-top: 24px;
    }
    .mycart .right{
        margin-top: 0px;
    }
    .mycart .right .cart-products {
        padding-top: 0px;
    }
    .mycart .left .btn-check{
        font-size: 18px;
        padding: 18px 0px;
        margin-top: 30px;
    }
    /*login*/
    .user .container-cus{
        grid-template-columns: 45% 45%;
        grid-gap: 10%;
    }
    .user .login .box {
        padding: 30px 35px;
    }
    /*model forget*/
    .modal-forget .box{
        width: 45%;
    }
    /*my account*/
    .myaccount .container-cus {
        padding: 30px 60px;
    }
    /*edit*/
    .edit-profile .head{
        padding: 14px 0px;
        padding-top: 0px;
        margin-bottom: 18px;
    }
    /*about*/
    .about-benner.home-banner .box {
        margin-left: 98px;
    }
    .about-benner.home-banner .box h3 {
        font-size: 34px;
    }
    .about-benner.home-banner .box p{
        font-size: 18px;
        font-weight: 300;
    }
    .about-text .left{
        padding-right: 60px;
    }
    .about-text h1{
        font-size: 27px;
        margin-bottom: 14px;
    }
    .about-text p{
        margin-bottom: 14px;
    }
    /*404*/
    .page-not .container-cus .heading {
        font-size: 25px;
    }
    .page-not .container-cus .info {
        font-size: 15px;
    }
    .home-category .heading {
        font-size: 22px;
        margin-top: -22px;
    }
    /*trackorder*/
    .track-order.user .container-cus {
        grid-template-columns: 50%;
    }
    .orderHistory table thead tr th:nth-child(5){
        width: 350px;
    }
    .orderHistory table tbody td a {
        padding: 3px 0px;
        font-size: 12px;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
        .table-responsive table th,
        .table-responsive table td {
            white-space: nowrap;
        }
    .orderDetail .container-cus .addre p span {
        width: auto;
    }
    .orderDetail .container-cus .order-info p span {
        width: 160px;
    }
}
@media (min-width: 0px) and (max-width: 769px) {
    /*mbl nav*/
    .mbl-search,.mbl-nav {
        height: calc(100% - 149px);
    }
    .top-nav .container-cus .left{
        display: none;
    }
    .top-nav .container-cus .center{
        width: 100%;
        text-align: center;
    }
    .top-nav .container-cus .right{
        width: 100%;
        text-align:center;
    }
    .top-nav .container-cus .right ul {
    padding: 0px;
}
    .home-category .arrow-left, .home-category .arrow-right {
        width: 35px;
    }
    .home-products .arrow-left, .home-products .arrow-right{
        width:35px;
    }
    .home-banner .box h3 {
        font-size: 38px;
    }
    .home-banner .box p {
        font-size: 18px;
        line-height: 18px;
    }
    .home-banner .box a {
        font-size: 18px;
    }
    .home-banner .box a img{
        margin-left: 16px;
    }
    .footer .left{
        width: 100%;
    }
    .footer .right{
        width: 70%;
        margin: auto;
        margin-right: 15%;
        margin-top: 40px;
    }
    .footer .right .box .inp input{
        height: 61px;
    }
    /*category*/
    .product-grid .container-cus {
        padding: 30px 30px;
    }
    .product-grid .left {
        width:100%;
        margin-right:0px;
    }
        .product-grid .left h1 {
            font-size: 18px;
            padding-bottom: 20px;
            border-bottom: 3px solid #717171;
            margin-bottom: 15px;
        }
        .product-grid .left h3 {
            font-size: 18px;
            padding-bottom: 14px;
            border-bottom: 3px solid #717171;
            margin-top: 0px;
        }
    .product-grid .left h3::after{
        width: 12px;
        top: 2px;
    }
    .product-grid .right {
        width: 100%;
    }
        .product-grid .right .top {
            padding-bottom: 26px;
            padding-top: 15px;
        }
    .product-grid .right .top h2 {
        font-size: 18px;
    }
    .product-grid .right .top p {
        padding: 0px 0px;
    }
    .product-grid .right .boxbox {
        width: calc(100% + 22px);
        margin-left: -12px;
        grid-template-columns: 33.3% 33.3% 33.3%;
    }
    .product-grid .right .boxbox .box{
        padding: 0px 12px;
    }
        .product-grid .right .boxbox .box .img .percentage {
            font-size: 13px;
            padding: 2px 9px;
        }
    .home-products .carousel-product .percentage {
        font-size: 13px;
            padding: 2px 9px;
    }
    /*product detail*/
    .product .container-cus {
        grid-template-columns: 1fr;
        padding-top: 30px;
    }
    .product .left {
        grid-template-columns: 16% 1fr;
        grid-gap: 5%;
    }
    .product .product-detail {
        margin-top: 40px;
    }
    .related-product {
        margin-bottom: 45px;
    }
    /*cart*/
    .addtocart .box .total-box p {
        padding: 30px 30px;
    }
    /*checkout*/
    .checkout .container-cus{
        padding: 0px 60px;
        padding-top: 32px;
        padding-bottom: 43px;
        display: grid;
        grid-template-columns: auto;
    }
    /*.checkout .right{
        grid-row: 1 / 2;
        margin-top: 0px;
    }*/
    .checkout .right .head{
        padding-top: 0px;
    }
    /*.checkout .left{
        margin-top: 33px;
    }*/
    .checkout .left .tab-content .tab-pane .sign-in-box{
        padding: 45px 78px;
    }
    .checkout .left .guest-box h4{
        font-size: 20px;
    }
    .checkout .left .guest-box .btn-check{
        font-size: 16px;
        padding: 19px 0px;
    }
    .checkout .left .guest-box .form{
        column-gap: 18px;
    }
    .mbl-form{
        display: block;
    }
    .desk-form{
        display: none !important;
    }
    /*login*/
    .user .container-cus {
        padding: 20px 60px;
        grid-template-columns: 100%;
        grid-gap: 15px;
    }
    .user .container-cus::before{
        width:0px;
    }
    .user .box {
        margin-top: 18px;
    }
    /*model forget*/
    .modal-forget .box{
        width: 60%;
    }
    /*myaccount*/
    .myaccount .container-cus{
        grid-template-columns: 100%;
    }
    .myaccount .box {
        margin-bottom: 30px;
    }    
    .myaccount .right .box:last-child{
        margin-bottom: 0px;
    }
    /*edit*/
    .edit-profile .container-cus{
        grid-template-columns: 83%;
    }
    /*about*/
    .about-benner.home-banner .box {
        margin-left: 86px;
        width: 60%;
    }
    .about-benner.home-banner .box h3 {
        font-size: 30px;
    }
    .about-benner.home-banner .box{
        width: 50%;
    }
    .about-benner.home-banner .box p br{
        display: none;
    }
    .about-benner.home-banner .box p{
            font-size: 16px;
    }
    .about-text .container-cus{
        grid-template-columns: 100%;
        padding: 0px 60px;
    }
    .about-text .left{
        padding-left: 0px;
        padding-right: 0px;
    }
    .about-text .right {
        margin-top: 25px;
    }
    /*thanks*/
    .thanks-txt {
        margin-top: 20px;
    }
    .thanks-txt .container-cus{
        width: 94%;
    }
    .thanks-txt .box{
        padding: 32px 0px;
    }
    .thanks-invoice .container-cus{
        width: 94%;
    }
    .track-order.user .container-cus {
        grid-template-columns: 100%;
    }
    .orderDetail .container-cus .order-info p {
        font-size: 14px;
    }
        .orderDetail .container-cus .order-info p span {
            width:100%;
            display:block;
        }
    .orderDetail .container-cus .addre p span {
        display:block;
        width:100%;
    }
}
@media (min-width: 0px) and (max-width: 569px) {
    .zoomContainer {
        display:none !important;
    }
    .top-nav {
    }
    .top-nav .container-cus .center {
        width: 100%;
    }
        .top-nav .container-cus .center p {
            font-weight: 300;
            line-height: 16px;
            padding: 7.5px 0px;
            text-align: center;
            font-size: 12px;
        }
    .top-nav .container-cus .right {
        width: 100%;
        display:none;
        text-align: center;
    }
    .top-nav .container-cus .right p {
        font-size: 14px;
        border-top: 1px solid #343434;
    }
    .top-nav .container-cus .right p a{
        margin-left: 11px;
        margin-right: 11px;
        padding: 7px 0px;
    }
    .top-nav .container-cus .right p a img{
        height: 17px;
    }
    .nav .left .logo img {
        width: 85px;
    }
    .nav .right .arrow{
        width: 55px;
        margin-left: 20px;
    }
    .nav .right .mbl-nav-opener {
        margin-left: 15px;
        padding: 21px 0px;
    }
    .nav .right .mbl-nav-opener img{
        margin-right: 0px;
        width: 25px;
    }
    .nav .right .mbl-search-opener{
        padding: 22px 0px;
    }
    .nav .right .mbl-cart {
        display: inline-block;
        float: left;
        margin-left: 15px;
        padding: 20px 0px;
    }
    .nav .right .mbl-search-opener.opened .close-icon{
        margin-top: 0px;
    }
    .nav .right .mbl-nav-opener span{
        display: none;
    }
    .mbl-search {
        height: 100%;
        top: 0px;
        bottom: auto;
        padding-top: 64px;
        position:fixed;
    }
    .mbl-search::after{
        content: '';
        position: absolute;
        left: 0px;
        top: 100%;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }
    .mbl-search .search-box {
        padding: 25px 6%;
    }
    .mbl-nav{
        height: 100%;
        top: 0px;
        bottom: auto;
        padding-top: 64px;
        position:fixed;
    }
    .mbl-nav::after{
        content: '';
        position: absolute;
        left: 0px;
        top: 100%;
        width: 100%;
        height: 100%;
        background-color: rgb(246, 246, 246);
    }
    .slider .desk-img{
        display: none !important;
    }
    .slider .mbl-img{
      display: block !important;
    }
    .afterslider-product {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 16px;
    }
    .footer .left .box{
        width: 100%;
    }
    .after-footer .right{
        width: 100%;
    }
    .mbl-nav .category-box .categories ul {
        padding: 40px 0px;
        width: 88%;
    }
    .mbl-nav .category-box .categories ul li a{
        font-size: 17px;
        font-weight: 500;
        padding: 17px 0px;
    }
    .mbl-nav .category-box .categories ul li a img{
        width: 21px;
        margin-top: 3px;
    }
    .mbl-nav .category-box .quick-links{
        padding: 35px 6%;
        width: 100%;
    }
    .mbl-nav .category-box .quick-links .head{
        font-size: 13px;
    }
    .mbl-nav .category-box .quick-links ul {
        padding: 5px 0px;
    }
    .mbl-nav .category-box .quick-links ul li a {
        font-size: 16px;
    }
    .mbl-nav .category-box .sub-categories p img{
        left: 10px;
        width: 42px;
    }
    .mbl-nav .category-box .sub-categories p{
        padding: 12px 25%;
        font-size: 18px;
    }
    .mbl-nav .category-box .sub-categories ul {
        padding: 0px 0px;
        width: 86%;
        padding-bottom: 20px;
    }
    .mbl-nav .category-box .sub-categories ul .big{
        padding-top: 0px;
        margin-top: 20px;
        font-size: 16px;
    }
    .mbl-nav .category-box .sub-categories ul li a{
        font-size: 15px;
        font-weight: 400;
        padding: 6px 0px;
    }
    .home-category{
        padding-top: 34px;
        padding-bottom: 64px;
    }
    .home-category .carousel-home .owl-dots {
        bottom: -48px;
    }
    .home-category .carousel-home .owl-dots .owl-dot span {
        width: 11px;
        height: 11px;
    }
    .home-banner .desk-img{
        display: none;
    }
    .home-banner .mbl-img{
      display: block;
    }
    .home-banner .box {
        margin-left: 12%;
    }
    .home-products .container-cus {
        padding: 0px 0px;
    }
    .home-products h2 {
        font-size: 22px;
        padding: 25px 0px;
    }
    .home-products .carousel-product .name {
        font-size: 14px;
        margin-top: 8px;
    }
    .home-products .carousel-product .category{
        font-size: 13px;
    }
    .home-products .carousel-product .price {
    font-size: 15px;
}
    .home-products .bot-arrows {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .home-products .bot-arrows img {
        margin: 0px 2px;
        width: 30px;
    }
    .product-grid .right .boxbox .box .img .percentage {
        top: 8px;
        left: 8px;
    }
    .home-products .carousel-product .percentage {
        top: 8px;
        left: 8px;
    }
    .before-footer .container-cus{
        padding: 0px 15px;
    }
    .before-footer .big-box .box{
        width: 100%;
        margin-bottom: 10px;
    }
    .before-footer .big-box .box:last-child{
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }
    .before-footer .big-box .box .right .verti-box .bold {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 2px;
    }
    .before-footer .big-box .box .right .verti-box p{
        font-size: 13px;
    }
    .before-footer .big-box .box .right .verti-box::after{
        width: 5px;
    }
    .footer {
        padding: 28px 0px;
        text-align: left;
    }
    .footer .container-cus{
        padding: 0px 15px;
    }
        .footer .left .box {
            margin-bottom: 13px;
            border-bottom: 1px solid #343434;
            padding-bottom: 12px;
        }
        .footer .left .box p {
            font-size: 13px;
            margin-bottom: 0px;
        }
            .footer .left .box ul {
                overflow:hidden;
                display:none;
            }
                .footer .left .box ul.mbl-collapse-close {
                    display:none;
                }
            .footer .left .box ul li {
                float:left;
                width:50%;
            }
            .footer .left .box .sup li.bold {
                    margin-top: 8px;
        width: 100%;
            }
        .footer .left .box .sup {
            margin-top: 8px;
        }
    .footer .left .box .sup li {
        line-height: 24px;
    }
    .footer .left .box .sup li.bold a{
        padding: 0px 35px;
    }
    .footer .left .box .cate {
    margin-top: 8px;
    }

    .footer .left .box .cate li {
        line-height: 24px;
    }
    .footer .left .box .soci {
        margin-top: 14px;
        text-align: center;
        margin-bottom: 8px;
        display:block;
    }
    .footer .left .box .soci li{
        text-align: left;
        margin: auto;
        float:none;
        display:inline-block;
        width:auto;
        border-bottom:0px solid #8e8e8e;
    }
    .footer .left .box .soci li a{
        padding: 0px 0px;
    padding-left: 10px;
    }
    .footer .left .box .soci li a img{
        width: 35px;
        margin-right:0px;
    }
    .footer .left .box .soci li a span{
        font-size: 14px;
        font-weight: 500;
        display:none;
    }
        .footer .left .box .soci li:last-child {
            border-bottom:0px solid #8e8e8e;
        }
            .footer .left .box .soci li:last-child a {
                padding-bottom:0px;
            }
            .footer .left .box:last-child p {
                display:none;
            }
        .footer .left .mbl-sup-cus-opener::after,
        .footer .left .mbl-cate-cus-opener::after {
            content: "\f054";
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            float: right;
            margin-top: 3px;
        }
        .footer .left .mbl-sup-cus-opener.opened::after,
        .footer .left .mbl-cate-cus-opener.opened::after {
            content: "\f078";
        }
    .footer .right {
        width: 100%;
        margin-right: 0%;
        margin-top: 12px;
        margin-bottom: 0px;
    }
    .footer .right .box .top img {
        width: 62px;
    }
    .footer .right .box .top p {
        padding: 16px 0px;
        margin-left: 6px;
        font-size: 13px;
    }
    .footer .right .box .inp {
        padding: 0px 24px;
        padding-bottom: 24px;
    }
    .footer .right .box .inp input {
        height: 42px;
        font-size: 13px;
    }
    .footer .right .box .inp a {
        width: 19%;
        padding: 11px 0px;
    }
    .footer .right .box .inp a img{
        width: 12px;
    }
    .after-footer {
        padding: 18px 0px;
    }
    .after-footer .left{
        width: 100%;
        text-align: center;
    }
    .after-footer .left img {
        width: 62px;
    }
    .after-footer .left p{
        font-size: 11px;
        display: block;
        margin-top: 10px;
        margin-left: 0px;
    }
    .after-footer .right {
        width: 100%;
        text-align: center;
    }
    .after-footer .right p{
        margin-right: 0px;
        margin-top: 9px;
        font-size: 12px;
    }
    .after-footer .right img {
        display: block;
        margin: auto;
    }
    /*category*/
    .banner .desktop-banner{
        display: none;
    }
    .banner .mbl-banner{
        display: block;
    }
    .product-grid .container-cus {
        padding: 15px 0px;
    }
    .product-grid .left {
        width: 100%;
    }
    /*.product-grid .left h1 {
        font-size: 15px;
        padding: 15px 0px;
        margin-bottom: 0px;
        position: relative;
        border-bottom: 2px solid #717171;
    }*/
    .product-grid .left h1 {
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    padding: 15px 0px;
    margin-bottom: 0px;
    position: relative;
    border-bottom: 2px solid #717171;
}
    .product-grid .left h1::after {
        width: 11px;
        height: 11px;
        top: 0px;
        bottom: 0px;
    }
    .product-grid .left h3{
        margin-top: 10px;
        font-size: 15px;
        border-bottom: 2px solid #717171;
        padding-bottom: 11px;
        margin-bottom: 0px;
    }
    .product-grid .left h3::after {
        width: 11px;
        height: 11px;
        top: 3px;
    }
    .product-grid .left ul{
        padding-bottom: 20px;
    }
    .product-grid .left ul li a{
        font-size: 15px;
        padding: 4px 0px;
    }
    .product-grid .right{
        width: 100%;
    }
    .product-grid .right .top {
        padding: 24px 0px;
        text-align: center;
    }
    .product-grid .right .top h2 {
        font-size: 24px;
        width: 100%;
    }
    .product-grid .right .top p {
        padding: 0px 0px;
        width: 100%;
    }
    .product-grid .right .boxbox{
        grid-template-columns: 50% 50%;
    }
    .product-grid .right .boxbox .box .bot .left-sd{
        min-height: auto;
        text-align:center;
    }
        .product-grid .right .boxbox .box .bot .right-sd {
            text-align: center;
            grid-row: 1 / 2;
        }
        .product-grid .right .boxbox .box .bot .vari-img img {
            width: 20px;
        }
    .product-grid .right .boxbox .box .bot{
        padding-top: 10px;
        grid-template-columns: 100%;
    }
    .product-grid .right .boxbox .box .bot .name {
        font-size: 14px;
    }
    .product-grid .right .boxbox .box .bot .vari{
        font-size: 13px;
    }
    .product-grid .right .boxbox .box .bot .price {
        font-size: 16px;
        margin-bottom: -3px;
    }
    .product-grid .right .boxbox .box .bot .cut{
        font-size: 13px;
    }
    /*product detail*/
    .product-top .container-cus {
        padding: 0px 0px;
    }
    .product-top p{
        font-size: 12px;
        padding: 18px 0px;
    }
    .product-top p img{
        margin-left: 14px;
        width: 15px;
    }
    .product-top p::after{
        width: 100px;
    }
    .product {
        margin-bottom: 30px;
    }
    .product .container-cus{
        padding: 0px 0px;
        padding-top: 22px;
        display:block;
    }
    .product .left {
        grid-template-columns: 100%;
        grid-gap: 3%;
        display:block;
        width:100%;
    }
        .product .more-img {
            display:none;
        }
        .product .mbl-hide {
            display:none;
        }
        .product .mbl-show {
            display:block !important;
        }
    .product .more-img img{
        border: 3px solid #e3e3e3;
    }
        .product .big-img .owl-theme .owl-dots {
            display: flex;
            flex-wrap: nowrap;
        }
            .product .big-img .owl-theme .owl-dots .owl-dot {
                width:100%;
            }
                .product .big-img .owl-theme .owl-dots .owl-dot span {
                    height: 2px;
                    margin: 5px 0px;
                    border-radius: 0px;
                    width:100%;
                }
    .related-product {
        margin-bottom: 20px;
    }
    .related-product h3 {
        font-size: 22px;
    }
    .related-product .container-cus {
        padding: 0px 0px;
    }
        .related-product .carousel-related .bot {
                padding-top: 10px;
    grid-template-columns: 100%;
    text-align:center;
        }
    .related-product .carousel-related .bot .name{
        font-size: 14px;
    }
    .related-product .carousel-related .bot .price{
        font-size: 16px;
        margin-bottom: -3px;
    }
            .related-product .carousel-related .bot .vari {
                font-size: 13px;
            }
            .related-product .carousel-related .bot .vari-img img {
                width:20px;
            }
            .related-product .carousel-related .bot .right-sd {
                text-align: center;
                grid-row: 1 / 2;
            }
    .related-product .carousel-related .bot .left-sd{
        min-height: auto;
    }
    /*cart*/
    .addtocart .box {
        width: 100%;
        -webkit-transition: margin-right 0s linear;
        -o-transition: margin-right 0s linear;
        transition: margin-right 0s linear;
    }
    .addtocart .box .top p{
        padding: 8px 9px;
    }
    .addtocart .box .top p .name {
        font-size: 13px;
    }
    .addtocart .box .top p span {
        margin-left: 8px;
    }
    .addtocart .box .top p .wheel-box img {
        width: 19px;
    }
    .addtocart .box .top p .cart img {
        width: 19px;
    }
    .addtocart .box .cart-products {
        padding: 0px 12px;
        padding-top: 12px;
    }
    .mbl-arrow-left{
        display: block;
        width: 29px;
        float: left;
        margin-top: -1px;
        padding: 0px 5px;
    }
    .addtocart .box .cart-items{
        padding: 10px;
        grid-template-columns: 32% 62%;
    }
    .addtocart .box .cart-items .text .name{
        font-size: 11px;
    }
    .addtocart .box .cart-items .text .name span{
        font-size: 13px;
    }
    .addtocart .box .cart-items .text .box-b {
        margin-top: 10px;
        padding-right: 0px;
    }
    .addtocart .box .cart-items .text .box-xs{
        padding: 0px 0px;
        margin: 0px 0px;
    }
    .addtocart .box .cart-items .text .box-xs:nth-child(even){
        padding-right: 0px;
    }
    .addtocart .box .cart-items .text .box-xs:nth-child(odd)::after{
        width: 1px;
        right: -2px;
    }
    .addtocart .box .cart-items .text .box-xs p{
        font-size: 13px;
    }
    .addtocart .box .cart-items .text .color img{
        width: 18px;
    }
    .addtocart .box .cart-items .text .total{
        position: static;
        margin-top: 9px;
        text-align: right;
    }
    .addtocart .box .total-box {
        padding: 0px 4%;
        margin-bottom: 15px;
    }
    .addtocart .box .total-box p {
        padding: 20px 10px;
        font-size: 16px;
    }
    /*.addtocart .box .btn-box{
        padding: 0px 4%;
        margin-bottom: 18px;
    }*/
    .addtocart .box .center-part {
    height: calc(100vh - 155px);
    }
    .addtocart .box .btn-box {
        padding: 0px 4%;
        padding-bottom: 13px;
        margin-left: 0px;
    }
        .addtocart .box .btn-box .light-btn,
        .addtocart .box .btn-box .dark-btn {
            font-size: 12px;
            padding: 12px 0px;
        }
    /*checkout*/
    .product-top p .head{
        font-size: 22px;
        margin-top: -6px;
    }
    .checkout .container-cus {
        padding: 28px 0px;
        padding-top: 23px;
    }
    .checkout .right{
        margin-top: 5px;
    }
    .checkout .right .cart-items{
        padding: 10px;
        grid-template-columns: 32% 62%;
    }
    .checkout .right .cart-items .text .name{
        font-size: 11px;
    }
    .checkout .right .cart-items .text .name span{
        font-size: 13px;
    }
    .checkout .right .cart-items .text .box-b{
        margin-top: 10px;
        padding-right: 0px;
    }
    .checkout .right .cart-items .text .box-xs{
        padding: 0px 0px;
        margin: 0px 0px;
    }
    .checkout .right .cart-items .text .box-xs:nth-child(even){
        padding-right: 0px;
    }
    .checkout .right .cart-items .text .box-xs:nth-child(odd)::after{
        width: 1px;
        right: -2px;
    }
    .checkout .right .cart-items .text .box-xs p{
        font-size: 13px;
    }
    .checkout .right .cart-items .text .color img{
        width: 18px;
    }
    .checkout .right .cart-items .text .total{
        position: static;
        margin-top: 9px;
        text-align: right;
    }
    .checkout .right .total-box {
        padding: 0px 4%;
        margin-bottom: 0px;
    }
    .checkout .right .total-box p {
        padding: 20px 0px;
        font-size: 16px;
    }
    .checkout .right .btn-box{
        padding: 0px 4%;
        margin-bottom: 18px;
    }
    .checkout .right .btn-box .light-btn,
    .checkout .right .btn-box .dark-btn {
        font-size: 13px;
        padding: 14px 0px;
    }
    .checkout .right .promo-code {
        padding: 0px 30px;
        padding-bottom: 32px;
    }
    .checkout .right .promo-code .input-row input{
        height: 40px;
    }
    .checkout .right .promo-code .input-row .grey-btn{
        font-size: 14px;
    }
    .checkout .right .listing-box{
        padding: 18px 4%;
    }
    .checkout .right .listing-box p {
        font-size: 15px;
        line-height: 25px;
    }
    .checkout .left {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .checkout .left.mbl-form{
        margin-bottom: 0px;
    }
    .checkout .left .nav li{
        width: 50%;
        text-align: center;
    }
    .checkout .left .nav li a {
        font-size: 13px;
        padding: 9px 23px;
    }
    .checkout .left .tab-content .tab-pane .sign-in-box{
        margin-top: 0px;
        padding: 25px 25px;
    }
    .checkout .left .tab-content .tab-pane .sign-in-box input{
        height: 40px;
    }
    .checkout .left .tab-content .tab-pane .sign-in-box .bot .check-box{
        font-size: 14px;
        padding: 10px 0px;
    }
    .checkout .left .tab-content .tab-pane .sign-in-box .bot .check-box .square{
        width: 20px;
        height: 20px;
    }
    .checkout .left .tab-content .tab-pane .sign-in-box .bot .dark-btn{
        font-size: 14px;
        padding: 10px 30px;
    }
    .checkout .left .tab-content .tab-pane .sign-in-box .bot .check-box input:checked + .square::after{
        background-size: 60%;
    }
    .checkout .left .guest-box {
        padding: 20px 0px;
        padding-bottom: 0px;
    }
    .checkout .left .guest-box h4 {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 12px;
    }
    .checkout .left .guest-box input{
        height: 40px;
    }
    .checkout .left .guest-box select{
        height:40px;
    }
    .checkout .left .guest-box .form{
        grid-template-columns: 1fr;
        row-gap: 10px;
        margin-bottom: 24px;
    }
    .checkout .left .guest-box .two-row{
        column-gap: 8px;
    }
    .checkout .left .guest-box .check-box .square{
        width: 22px;
        height: 22px;
        margin-top: -1px;
    }
    .checkout .left .guest-box .check-box input:checked + .square::after{
        background-size: 60%;
    }
    .checkout .left .guest-box .check-box{
        margin-bottom: 20px;
    }
    .checkout .left .guest-box .check-row .square{
        width: 19px;
        height: 19px;
        margin-top: 0px;
    }
    .checkout .left .guest-box .check-row input:checked + .square::after{
        width: 9px;
        height: 9px;
    }
    .checkout .left .guest-box .check-row{
        margin-bottom: 0px;
    }
    .checkout .left .guest-box .radio-row {
        margin-top: -6px;
    }
    .checkout .left .guest-box .radio-row p{
        font-size: 14px;
        margin: 0px;
        width: 100%;
        padding: 6px 0px;
    }
    .checkout .left .guest-box .radio-row p .square{
        width: 19px;
        height: 19px;
    }
    .checkout .left .guest-box .radio-row p input:checked + .square::after{
        width: 9px;
        height: 9px;
    }
    .checkout .left .guest-box .btn-check{
        font-size: 13px;
        padding: 14px 0px;
        margin-top: 25px;
    }
    .checkout .right .head{
        font-size: 17px;
        padding-bottom: 10px;
    }
    .checkout .right .cart-products {
        padding-top: 14px;
    }
    .mycart .right .btn-check {
        font-size: 14px;
        padding: 16px 0px;
        margin-top: 21px;
    }
    .mycart .left .promo-code {
        padding: 0px 30px;
        padding-bottom: 32px;
    }
    .mycart .left .promo-code .input-row input{
        height: 40px;
    }
    .mycart .left .promo-code .input-row .grey-btn{
        font-size: 14px;
    }
    .mycart .left .listing-box{
        padding: 18px 4%;
    }
    .mycart .left .listing-box p {
        font-size: 15px;
        line-height: 25px;
    }
    .mycart .left .promo-code p {
        font-size: 15px;
    }
    .mycart .left .total-box {
        padding: 18px 4%;
    }
    .mycart .left .total-box p{
        font-size: 16px;
    }
    .mycart .left .btn-check {
        font-size: 15px;
        padding: 12px 0px;
        margin-top: 16px;
    }
    /*login*/
    .user .container-cus {
        padding: 0px 0px;
    }
    .user .login {
        padding-top: 11px;
    }
    .user .signup {
        margin-bottom: 13px;
    }
    .user .head{
        padding: 8px 0px;
        font-size: 16px;
    }
    .user .login .box {
        padding: 20px 25px;
    }
    .user input{
        height: 40px;
    }
    .user .bot {
        margin-top: 0px;
    }
    .user .bot .forget-txt{
        padding: 9px 0px;
        font-size: 12px;
    }
    .user .bot .check-box{
        font-size: 14px;
        padding: 8px 0px;
    }
    .user .bot .check-box .square{
        width: 17px;
        height: 17px;
        margin-top: 1px;
    }
    .user .dark-btn{
        font-size: 14px;
        padding: 10px 38px;
        margin-top: 8px;
    }
    /*forget*/
    .modal-forget .box {
        width: 94%;
    }
    .modal-forget .boxbox{
        padding: 24px 24px;
    }
    .modal-forget .box .close{
        width: 15px;
        right: 10px;
        top: 10px;
    }
    .modal-forget .box h4{
        font-size: 17px;
    }
    .modal-forget .box .input-box input{
        width: 66%;
        height: 42px;
    }
    .modal-forget .box .input-box .btn-grey {
        width: 31%;
        height: 42px;
        font-size: 14px;
        padding: 11px 0px;
    }
    /*my account*/
    .myaccount .container-cus {
        padding: 15px 0px;
    }
    .myaccount .right {
        margin-bottom: 10px;
    }
    .myaccount .box .head{
        font-size: 15px;
        margin-bottom: 10px;
    }
    .myaccount .box div p {
        font-size: 14px;
    }
    .myaccount .box div p span {
        min-width: auto;
        margin-right: 15px;
    }
    .myaccount .box .add-list {
        margin-bottom: 10px;
    }
    .myaccount .box .add-list .add p{
        font-weight: 400;
    }
    .myaccount .box .add-ad{
        display: block;
        text-align: center;
    }
    /*edit*/
    .edit-profile .head {
        font-size: 15px;
        padding: 10px 0px;
        margin-bottom: 15px;
    }
    .edit-profile .container-cus{
        padding: 16px 0px;
        grid-template-columns: 100%;
    }
    .edit-profile .bot {
        margin-top: 20px;
        margin-bottom: 12px;
    }
    .edit-profile .bot .back-btn{
        padding: 9px 0px;
    }
    /*about*/
    .about-benner.home-banner .box {
        width: 94%;
        margin-left: 3%;
    }
    .about-text {
        padding: 28px 0px;
    }
    .about-text .container-cus{
        padding: 0px 0px;
    }
    .about-text h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .about-text p {
        margin-bottom: 10px;
        font-size: 13px;
    }
    .about-text .btn-white{
        padding: 11px 24px;
    }
    /*thanks*/
    .thanks-txt {
        margin-top: 15px;
    }
    .thanks-txt .box {
        padding: 18px 0px;
    }
    .thanks-txt h3 {
        font-size: 16px;
        margin-bottom: 7px;
    }
    .thanks-txt p{
        font-size: 13px;
        line-height: 15px;
        width: 82%;
        margin: auto;
    }
    .thanks-invoice .from-box {
        padding: 18px 0px;
        text-align: center;
    }
    .thanks-invoice p {
        font-size: 14px;
    }
    .thanks-invoice .bold{
        margin-bottom: 5px;
    }
    .thanks-invoice .to-box{
        padding: 18px 0px;
        grid-template-columns: 100%;
        border-bottom: 1px solid rgba(17, 17, 17, 0.2);
        margin-bottom: 18px;
        text-align: center;
    }
    .thanks-invoice .to-box .left{
        margin-bottom: 20px;
    }
    .thanks-invoice .to-box .right {
        width: 100%;
    }
    .thanks-invoice .to-box .right p{
        padding-left: 12px;
        padding-right: 12px;
    }
    .thanks-invoice .total-box{
        margin-top: 22px;
        grid-template-columns: 100%;
    }
    .thanks-invoice .total-box .right{
        width: 100%;
    }
    .thanks-invoice .total-box .right p{
        padding-left: 12px;
        padding-right: 12px;
    }
    .thanks-invoice .total-box .left{
        margin-bottom: 20px;
    }
    .thanks-invoice {
        margin-bottom: 30px;
    }
    /*contact*/
    .contact-form {
        padding: 28px 0px;
    }
        .contact-form .left {
            width:100%;
        }
        .contact-form .right {
            width:100%;
                margin-top: 25px;
        }
        .contact-form .left-sd {
            width: 100%;
            margin-bottom: 18px;
        }
        .contact-form .right-sd {
            width: 100%;
        }
    /*text based*/
    .text-based {
        padding: 28px 0px;
    }
    /*fixed nav*/
    .nav {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 5;
    }
    body {
        padding-top:64px;
    }
    /*page not*/
    .page-not {
        padding: 24px 0px;
    }
        .page-not .container-cus {
            width: 94%;
        }
        .page-not .container-cus .heading {
            font-size: 19px;
        }
        .page-not .container-cus p {
            font-size:14px;
        }
        .page-not .container-cus .search-box input {
            width: 168px;
        }
    .home-category .heading {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .addtocart .box .cart-items .edit-order {
        font-size: 14px;
        margin-top: 10px;
    }
    .checkout .right .cart-items .edit-order{
        font-size: 14px;
        margin-top: 10px;
    }
    .orderDetail .container-cus .order-info {
        grid-template-columns: 1fr;
    }
    .orderDetail .container-cus .addre {
        grid-template-columns: 1fr;
        margin-top: 12px;
        padding-top: 18px;
    }
    .orderDetail .container-cus {
        padding: 30px 0px;
    }
        .orderDetail .container-cus .addre .ship-add {
            margin-top: 30px;
        }
    .redirecting .box {
        width: 86%;
    }
        .redirecting .box p {
            font-size: 15px;
            padding: 0px 10px;
        }
        .redirecting .box .redi-btn {
            padding: 12px 26px;
            font-size: 14px;
        }
}
@media (min-width: 0px) and (max-width: 360px) {
}