@media (min-aspect-ratio: 16/9) {
    .landingmainvideo {
        width: 100%;
        height: 100%;
    }
    .landingmainvideo {
        height: auto;
        width: 100%;
        margin-left: 0;
        transform: none;
    }
    .landingvideoboxmain {
        background-color: #fff;
        display: flex;
        align-items: center;
    }
}
@media only screen and (max-width: 1200px) {
    .top-right ul li.meiconbtn > a > span {
    font-size: 14px;
}
     h1, .h1 {
        font-size: 35px;
    }

    h2, .h2 {
        font-size: 33px;
    }

    h3, .h3 {
        font-size: 28px;
    }

    h4, .h4 {
        font-size: 25px;
    }

    h5, .h5 {
        font-size: 22px;
    }

    h6, .h6 {
        font-size: 16px;
    }
        .blogreviewrow{margin:-15px;}
.blogreviewrow .col-lg-4{padding:15px;}
    .zooboppromisebox li {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%;
}
      

    .bannerrecentsearchbox ul li {
        width: 33.33%;
    }
    .prodetailtabs .nav-tabs {
        display: none;
    }
    .detailcollboxlistlink {
        display: block;
        border-bottom: none;
        background: #ffffff;
        color: #9d9d9d !important;
        padding: 10px;
        border-radius: 15px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        padding-bottom: 5px;
        padding-top: 5px;
    }


    .de-counter-ca {
        color: #fff;
        background: #625a5c;
        text-align: center;
        border-radius: 8px;
        font-size: 10px;
        font-weight: 700;
        padding: 6px 9px;
        position: relative;
        margin-left: 0px;
        height: auto;
        width: 100%;
        margin-top: 10px;
    }
    .prodetailtabs .tab-content .collapse {
        display: none;
    }
    .prodetailtabs .tab-content .collapse.show {
        display: block;
    }
    .prodetailtabs .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }
    #testimonials {
        padding: 0;
    }
    .searchbanner .searchbannerpos {
        padding-bottom: 20px;
    }
    .botbandatabox h3 {
        font-size: 70px;
    }
    .botbandatabox p {
        font-size: 25px;
    }
    .botbandataboxbottle h4 {
        font-size: 23px;
    }
    .botbandataboxbottle p {
        font-size: 17px;
    }
    .bannervideobox {
        height: 45vh;
    }
    .howworkvideo iframe {
        height: 400px;
    }
    .showbagdta {
        display: none;
    }
    #cssmenu ul ul.megasubmenu ul {
        display: none;
    }
    .prowishbtn {
        opacity: 1;
    }    
   
    #cssmenu > ul > li:hover .megasubmenu {
        display: none;
    }
    .logindropbox {
        right: 0;
    }
    .viewallbtn a {
        font-size: 16px;
        font-weight: 500;
    }
    .profulllink {
        display: none;
    }
    button.close.modalclosebtn {
        background: 0 0;
        right: 0;
        top: 0;
        color: #000;
    }
    .productbox:hover .proimage1 {
        opacity: 1;
        visibility: visible;
    }
    .topiconcol {
        width: 15%;
    }
    .searchcol {
        width: 60%;
    }
    .logocol {
        width: 25%;
    }
    .top-right > ul > li {
        display: block;
        float: right;
    }
    .top-right ul li.meiconbtn > a {
        padding: 6px 12px;
    }
    .top-right ul li.meiconbtn > a > span {
        /* line-height: 1; */
        /* display: block; */
    }
    .top-right > ul {
        float: right;
    }
        .top-right > ul > li:hover .logindropbox {
            right: 0;
            border-radius: 4px;
        }
    .proimage2 {
        display: none;
    }
    .ticketlistmbmain {
        border: 1px solid #eee;
        padding: 10px;
        margin-bottom: 10px;
    }
    .ticketlistmbmain:last-child {
        margin-bottom: 0;
    }
    .ticketlistmbmain p {
        font-size: 14px;
        color: #000;
        margin: 0 0 5px;
    }
    .ticketlistmbmain p span {
        color: #9d9d9d;
    }
    .orderheaderlinks li {
        width: 33.33%;
    }
    .oidbtn {
        margin-bottom: 7px;
        display: block;
    }
    .oidbtn:last-child {
        margin-bottom: 0;
    }
    .mborderprolist td {
        padding: 4px 0;
    }
    .usermenumainbx {
        display: none;
    }
    .myaccmenubtn a {
        padding: 0 9px;
        color: #000;
        display: inline-block;
        line-height: 1;
    }
    .couponsubmit input[type="submit"] {
        padding: 7px 17px;
    width: 100%;
    border-radius: 11px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    }
    .backtohomebtn {
        display: none;
    }
    .cartlistname {
        font-size: 14px;
    }
    .cartprobrandname {
        line-height: 1;
        display: block;
    }
    .cartmbvartext {
        display: block;
        font-size: 14px;
        margin-bottom: 5px;
    }
    .cartmbpricetext {
        display: inline-block;
        font-size: 14px;
        margin-bottom: 5px;
    }
    .cartmblist {
        margin-bottom: 20px;
    }
    .mbbcarttnsticky {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 22;
        background: #fff;
        padding: 10px;
        box-shadow: 0 -1px 6px rgb(0 0 0 / 0.1);
    }
    .deleteitem {
        font-size: 13px;
    }
    .deleteitem i {
        margin-right: 5px;
    }
    .mbbcarttnsticky p {
        font-size: 18px;
        margin: 3px 0;
        color: var(--color4);
    }
    .mbbcarttnsticky p img {
        margin-top: -3px;
        vertical-align: middle;
        height:13px;
    }
    .detailtabswidth {
        width: 100%;
               padding: 4px 15px;
    }
    .detailcollboxlistlink a {
        padding: 10px 0;
    }
    .ratiright {
        float: left;
        margin-top: 30px;
    }
    .probtnsec {
        position: static;
        opacity: 1;
        padding-bottom: 0;
        padding: 10px;
    }
    .clearfilterlist {
        margin: 0 -2px;
    }
    .filterlistouter {
        width: calc(100% - 90px);
    }
    .filterheadingcatrnameout {
        margin-bottom: 10px;
    }
        .filterheadingcatrnameout h3 {
            font-size: 25px;
            margin: 0;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            color: #000;
        }
    .filterheadingcatrnameout a {
        color: #000;
        border: 1px solid #000;
        text-transform: uppercase;
        display: inline-block;
        font-size: 13px;
        padding: 8px 20px;
        letter-spacing: 2px;
    }
    span.cross {
        position: absolute;
        width: 25px;
        display: inline-block;
        height: 18px;
        top: 0;
        right: 0;
        padding: 6px 8px;
    }
    .widget,
    .widget-back {
        padding: 20px 0;
    }
    .listingtopbreadcum {
        font-family: "Inter", sans-serif;
    }
    .listingtopbreadcum li {
        display: inline-block;
        position: relative;
        font-size: 16px;
        color: #767676;
        padding: 0 10px;
    }
    .listingtopbreadcum li a {
        display: inline-block;
        color: #3a3a3a;
        text-decoration: underline;
    }
    .listingtopbreadcum li:after {
        content: "/";
        display: inline-block;
        position: absolute;
        right: -4px;
    }
    .sortbybox .btn {
        padding: 0;
        line-height: 1;
    }
    .listingtopbreadcum li:first-child {
        padding-left: 0;
    }
    .listingtopbreadcum li:last-child {
        padding-right: 0;
    }
    .listingtopbreadcum li:last-child:after {
        display: none;
    }
    .clearfilterbox {
        border: none;
        border-radius: 0;
        margin-bottom: 0;
        background: #fff;
        border-bottom: 1px solid #eee;
        width: 100%;
        z-index: 20;
        padding: 0px 0;
        margin-bottom: 10px;
    }
    .filsticky {
        position: fixed;
        top: 82px;
        width: 100%;
        transition: all 0.3s;
        -webkit-animation: fadeInUniversal 0.7s;
        animation: fadeInUniversal 0.7s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        left: 0;
        padding: 10px 15px;
        margin: 0;
    }
    span.cross:before {
        width: 9px;
        top: 9px;
    }
    span.cross:after {
        top: 9px;
        width: 9px;
    }
    .clearfilterlist a {
        font-size: 12px;
    }
    .clearfilterhead {
        border-bottom: none;
        padding: 0;
        width: 100%;
    }
    .filtermobileheader {
        display: block;
        background: #fff;
        padding: 20px;
    }
    .listfilterpadd {
        padding-right: 0;
        min-height: 55px;
    }
    .sidefilter {
        position: fixed;
        right: -300px;
        background: #fff;
        z-index: 40;
        top: 0;
        width: 300px;
        height: 100%;
        transition: all 0.3s;
    }
    .sidefilteropen {
        right: 0;
        transition: all 0.3s;
    }
    .sidefilter.sidefilteropen
    {
    box-shadow: 0 0px 14px 0 #cccccc85;
    }
    .filterboxbgoverlay {
        display: none !important;
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 30;
        background: rgb(0 0 0 / 0.3);
        height: 100%;
    }
    .filtermobileheader a {
        display: block;
        font-size: 15px;
        color: #000;
    }
    #otherfilter {
        height: 100%;
        overflow: scroll;
    padding-right: 20px;
    }
    .mbsliderfilouter {
        padding: 0 20px;
        height: calc(100% - 70px);
    }
    .filtermobileheader h4 {
        font-size: 18px;
        text-transform: uppercase;
        margin: 0;
        text-align: center;
        font-weight: 400;
    }
    #latestslider .owl-stage,
    #recentviewed .owl-stage,
    #trendingproducts .owl-stage {
        padding-left: 0 !important;
    }
    .mobilemenulogo img {
        height: 50px;
    }
    .headertopoffer p i {
        font-size: 11px;
        margin-right: 5px;
    }
    #cssmenu > ul > li {
        border-top: 1px solid #eee;
    }
    .mbmenuloginbtn {
        display: block;
        border-top: 1px solid #eee;
    }
    .mbmenuloginbtn a {
        color: #000;
        display: block;
        padding: 10px 15px;
    }
    .mbmenuloginbtn a img {
        height: 20px;
        margin-right: 10px;
    }
    .menuclosebtn {
        position: absolute;
        right: 8px;
        top: 8px;
        z-index: 0;
    }
    .menuclosebtn a {
        position: relative;
        display: block;
        padding: 3px 10px;
        color: #000;
        text-align: center;
    }
    .overlayformobilemenu {
        display: none;
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 10;
        background: rgb(0 0 0 / 0.3);
        height: 100%;
    }
    .mobilecart {
        float: left;
        margin: 17px 0;
        margin-right: 10px;
    }
    .mobilecart img {
        height: 30px;
    }
    .mobilecart a {
        color: #fff;
        position: relative;
        display: inline-block;
        padding: 9px 8px;
    }
    .mobilecart .cartcounter {
        position: absolute;
        display: inline-block;
        margin: 0;
        right: -14px;
        top: -2px;
    }
    .filtermbbtns {
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 30;
        width: 100%;
        background: #f5f5f5;
        left: 0;
        border-top: 1px solid #b3b3b3;
    }
    .filtermbbtns a {
        border-right: 1px solid #b3b3b3;
        display: block;
        color: #000;
        padding: 12px 10px;
        text-align: center;
        float: left;
        width: 50%;
    }
    .filtermbbtns a:last-child {
        border-right: none;
    }
    .filtermbbtns a i {
        margin-right: 5px;
    }
    .main-heading {
        font-size: 25px;
        margin: 0 0 20px;
    }
    .sortbybox {
        margin: 0;
    }
    .sticky .main-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 30;
    }
    .iconsbarbtn {
        display: block;
        float: left;
        margin: 12px 0;
    }
    .iconsbarbtn a {
        display: inline-block;
        color: #fff;
        padding: 10px 20px;
        font-size: 25px;
    }
    #cssmenu ul ul.megasubmenu {
        border: none;
        background: 0 0;
        position: static;
        padding: 0;
    }
    #cssmenu ul ul.megasubmenu li {
        width: auto;
        float: none;
        text-align: left;
    }
    .megasubmenu li a {
        display: block;
        padding: 9px 25px;
        text-align: left;
    }
    .top-menu {
        text-align: left;
        height: 100vh;
        overflow: auto;
        position: fixed;
        width: 280px;
        background: #fff;
        left: -280px;
        top: 0;
        z-index: 50;
        transition: all 0.3s;
    }
	
	
	
	
    .topmenuopen {
        left: 0;
        transition: all 0.3s;
    }
    #cssmenu > ul > li > a {
        color: #000;
        text-align: left;
        padding: 17px 15px;
        letter-spacing: 0;
    }
    #cssmenu > ul > li > a > img {
        height: 20px;
        margin-right: 10px;
    }
    .popupbox {
        position: static;
        display: block;
        padding: 0;
    }
    .popupbox:before {
        display: none;
    }
    .popupbox div {
        width: auto;
        box-shadow: none;
        padding: 0 15px;
    }
    #cssmenu > ul > li > a > i {
        margin-right: 10px;
    }
    .submenulist2 li {
        width: auto;
        float: none;
    }
    .submenulist2 {
        border: none;
    }
    .main-header .searchbox {
        width: 100%;
        margin: 21px auto;
    }
    .sticky .main-header .searchbox {
        margin: 21px auto 0;
    }
    .visaimga img {
        height: 25px;
    }
    .header {
        min-height: 82px;
    }
    .headertopoffer {
        background: #fff;
    }
    .popupbox:before {
        top: 0;
        right: auto;
    }
    .top-right > ul > li > a > img {
        display: block;
        margin: 0;
        height: 35px;
    }
    .top-right ul li.meiconbtn img {
        height: 25px;
    }
    .top-right > ul > li > a {
        text-align: center;
       /* padding: 11px 12px;*/
        font-size: 22px;
    }
    .cartcounter {
        top: 0;
        right: 0;
    }
    .logo img {
        height: 41px;
    }
    .logo {
        margin-left: 20px;
    }
    #cssmenu ul {
        width: 100%;
    }
    #cssmenu ul li {
        display: block;
        position: relative;
    }
    #cssmenu li:hover > ul {
        display: none;
    }
    #cssmenu li:hover > ul > li,
    #cssmenu ul ul li {
        height: auto;
    }
    #cssmenu ul ul li {
        position: relative;
    }
    #cssmenu > ul > li:hover {
        background: 0 0;
    }
    #cssmenu ul ul ul li a {
        padding: 6px 35px;
    }
    #cssmenu > ul > ul > li > a {
        color: #000;
        padding: 6px 25px;
    }
    .submenulist > li > a {
        padding: 5px 25px;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: static;
        width: 100%;
        box-shadow: 0 0 0;
        border: none;
        background: 0 0;
        padding: 0;
    }
    #cssmenu ul ul > li.has-sub > a:after,
    #cssmenu ul ul > li.has-sub > a:before,
    #cssmenu > ul > li.has-sub > a:after,
    #cssmenu > ul > li.has-sub > a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .button {
        width: 30px;
        height: 18px;
        cursor: pointer;
        float: left;
        position: relative;
        margin: 32px 0;
    }
    .button:after {
        position: absolute;
        top: 8px;
        display: block;
        height: 10px;
        width: 20px;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
        content: "";
    }
    .button:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 0;
        display: block;
        height: 2px;
        width: 20px;
        background: #000;
        content: "";
    }
    .button.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 20px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #000;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button.menu-opened:before {
        top: 20px;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /*#cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        height: 42px;
        width: 100%;
        cursor: pointer;
    }*/
    #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    height: 42px;
    width: 10%;
    cursor: pointer;
    right: 0px;
}
    #cssmenu ul ul ul {
        margin-left: 0;
    }
    #cssmenu ul ul .submenu-button {
        height: 33px;
        width: 33px;
    }
    #cssmenu ul .megasubmenu .submenu-button {
        width: 100%;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 23px;
        right: 15px;
        width: 10px;
        height: 2px;
        display: block;
        background: #000;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 15px;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 19px;
        display: block;
        width: 2px;
        height: 10px;
        background: #000;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 11px;
        right: 19px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu > ul ul > li.has-sub > ul > li.active > a,
    #cssmenu > ul > li.has-sub > ul > li.active > a {
        border-top: none;
    }
}

@media only screen and (max-width: 844px) {
    .heading {
        font-size: 14px;
        margin: 0 0 10px;
    }

    .copytextbox ul li a {
        font-size: 12px;
    }

    .logo img {
        height: 30px;
        margin-top: 4px;
    }

    .logo {
        margin-top: 5px;
    }

    .detailimgbox {
        width: 100% !important;
    }
    /*.productimg img {
        height: 180px;
        width:180px !important;
    }*/
    .sidefilteropen {
        right: -15px;
        top: -1px;
    }

    .filter_responsivecss {
        z-index: 9;
    }
    /*.sidefilteropen {
    right: 0;
    position: relative !important;
    margin-top: -77px;
    margin-left: 10px;
    box-shadow: 0 0 4px #ccc;
    width: 100%;
}*/
    .copytextbox p {
        font-size: 13px;
        color: #dbdbde;
    }

    h1, .h1 {
        font-size: 30px;
    }

    h2, .h2 {
        font-size: 28px;
    }

    h3, .h3 {
        font-size: 26px;
    }

    h4, .h4 {
        font-size: 24px;
    }

    h5, .h5 {
        font-size: 20px;
    }

    h6, .h6 {
        font-size: 16px;
    }

    .blogreviewrow .col-lg-4 {
        padding: 7px;
    }

    .blogreviewrow {
        margin: -7px;
    }

    .blogbox2inn h5 {
        color: #000;
        font-size: 16px;
    }

    .blogbox1innbot h5 {
        font-size: 18px;
    }

    .blogbox1innbot {
        padding: 15px;
    }

    .blogbox2inn h6 {
        color: #000;
        font-size: 12px;
    }

        .blogbox2inn h6 a {
            color: #000;
            font-size: 10px;
            padding-left: 15px;
        }

            .blogbox2inn h6 a i {
                top: 2px;
            }

    .blogbox2inn p {
        text-align: left;
        color: #000;
        font-size: 12px;
    }

    .blogbox2inn {
        width: 50%;
        background: #e7e6e6;
        padding: 10px;
        opacity: 1;
    }

    .zooboppromisebox li {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .cartpromise .zooboppromisebox li img {
        width: 80px;
    }

    .cartpromise .zooboppromisebox li {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .freebagbox::-webkit-scrollbar {
        display: none;
    }

    .freebagbox {
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-bottom: 0;
    }

    .topbannerdiv h3 span {
        display: block;
    }

    .topbannerdiv h3 {
        font-size: 30px;
    }

    .coupoonsubmitalert {
        width: 100%;
        padding: 15px;
        padding-top: 35px;
    }

    .cartlistinricon {
        height: 10px;
        margin-right: 1px;
    }

    .coupoonboxextra {
        width: 100%;
        padding: 15px;
        margin-top: 20px;
    }

        .coupoonboxextra h5 {
            font-size: 19px;
            line-height: 1.5;
        }

    .incltaxtext {
        font-size: 12px;
    }

    .bannerrecentsearchbox ul li {
        width: 50%;
    }

    .heading2 {
        font-size: 25px;
    }

    .cleangrenmainbox h4 {
        font-size: 22px;
    }

    .standboxbgmain {
        padding: 20px;
    }

        .standboxbgmain h3 {
            font-size: 30px;
            margin: 0 0 10px;
        }

        .standboxbgmain a {
            font-size: 15px;
        }

        .standboxbgmain h5 {
            font-size: 20px;
            margin: 0 0 10px;
        }

    .cleangrenmainbox p {
        font-size: 16px;
    }

    .whythisscorebox {
        padding-top: 40px;
    }

        .whythisscorebox a {
            font-size: 16px;
            font-weight: 400;
        }

    .bannersearchmainbox {
        width: 100%;
        padding: 20px;
    }

        .bannersearchmainbox h3 {
            font-size: 28px;
        }

            .bannersearchmainbox h3 span {
                display: block;
                font-size: 23px;
            }

    .popupvideo .close {
        top: 5px;
        right: 5px;
        width: 30px;
        padding: 3px 0;
    }

    .botbandatabox h3 {
        font-size: 50px;
        margin-bottom: 10px;
    }

    .botbandatabox p {
        font-size: 20px;
    }

    .botbandataboxbottle h4 {
        font-size: 20px;
    }

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

    .bannervideobox {
        height: 405px;
    }

    .howworkvideo h3 {
        font-size: 27px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .howworkvideo {
        width: 100%;
    }

        .howworkvideo iframe {
            height: 350px;
        }

    .searchlandingpage h3 {
        margin: 0 0 10px;
        font-size: 20px;
        line-height: 1.5;
    }

    .searchlandingpage p {
        font-size: 15px;
    }

    .searchlistbox {
        text-align: left;
    }

    .searchlandingpage .row .col-md-4:last-child .searchlistbox {
        margin-bottom: 0;
    }

    .searchlistbox h4 {
        font-size: 17px;
        margin: 0 0 20px;
    }

    .searchlandingrowbox {
        margin-bottom: 40px;
    }

    .searchlistbox li {
        margin-bottom: 20px;
    }

        .searchlistbox li a {
            font-size: 15px;
        }

    #videoslider .carousel-control-next,
    #videoslider .carousel-control-prev {
        top: 40%;
    }

    .videobanner .landingvideoboxmain {
        min-height: auto;
        height: auto;
        width: 100vw;
    }

    .videobanner .landingmainvideo {
        width: 100%;
        height: auto;
        margin: 0;
        transform: none;
    }

    .bopscoretext {
        display: none;
    }

    .bopscoretextmobile {
        display: block;
        font-size: 8px;
        color: #fff;
        line-height: 1;
        letter-spacing: 0.5px;
    }

    .probadge {
        font-size: 11px;
        padding: 3px;
        border-radius: 5px;
    }

    .headertopoffer {
        display: none;
    }

    .header {
        min-height: 91px;
    }

    .ui-autocomplete {
        width: auto !important;
        left: 50px !important;
        right: 50px !important;
        margin: 0 !important;
        position: absolute !important;
        border-radius: 8px !important;
    }
    .postimgvideo iframe {
        height: 200px;
    }
    .ordsmdetailbxrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .top-right > ul > li:hover .popcartmain {
        display: none;
    }
    .thankyoubox h2 {
        margin: 0 0 5px;
    }
    .userpagesbox .col-8 h5 {
        font-size: 16px;
    }
    .sidecartinv table tr td {
        font-size: 14px;
    }
    .contactsidecalldiv {
        width: 100%;
        margin: 0 0 30px;
        padding: 20px;
    }
    .contactformmainbox h4 {
        font-size: 25px;
    }
    .contactsidecalldiv i {
        font-size: 25px;
        color: #000;
        margin: 0 0 10px;
    }
    .contactsidecalldiv h4 {
        font-size: 25px;
        margin: 0 0 5px;
    }
    .contactsidecalldiv p {
        font-size: 16px;
    }
    .footbopsec p {
        font-size: 13px;
    }
    .footbopsec h3 {
        font-size: 20px;
        margin: 0 0 15px;
    }
    .scrolltop {
        bottom: 70px;
    }
    .stepbox {
        margin: 30px auto 0;
    }
    .gotobtn a {
        padding: 10px 10px;
    }
    .payinnbox img {
        height: 70px;
    }
    .userpagesbox {
        padding: 15px;
    }
    .detailslideheader {
        padding: 10px 20px;
    }
    #dtlimgslider .carousel-control-next,
    #dtlimgslider .carousel-control-prev {
        display: none;
    }
    .detailmainslithumbmain {
        /*float: none;*/
        width: 100%;
        margin-top: 10px;
    }
    .detailmainslithumbmain .carousel-indicators li {
        -ms-flex: 0 0 200%;
        flex: 0 0 35%;
        max-width: 35%;
        padding: 0 4px;
        box-sizing: border-box;
    }
    #detailslider .carousel-indicators li img {
        display: none;
    }
    #detailslider .carousel-inner {
        text-align: center;
        width: auto;
        float: none;
        padding-left: 0;
    }
    #detailslider .carousel-indicators li.active {
        background: #000;
    }
    #detailslider .carousel-indicators li {
        width: 10px;
        height: 10px;
        border: none;
        border-bottom: none;
        background: #eee;
        border-radius: 50%;
        display: inline-block;
    }
    #dtlimgslider .carousel-item img {
        height: auto;
        width: 100%;
    }
    #dtlimgslider .carousel-inner {
        padding: 10px;
    }
    #detailslider .carousel-indicators {
        width: auto;
        float: none;
        position: static;
        margin: 0;
        margin-top: 10px;
        display: block;
    }
    .productdetailform button.close {
        background: 0 0;
        right: 0;
        top: 0;
        color: #000;
        right: 4px;
        top: 5px;
    }
    .cartpricetable tr td {
        padding: 5px 10px;
        font-size: 14px;
    }
    .parentbrandtext {
        font-size: 14px;
    }
    .writereviewbtn a {
        padding: 10px 10px;
        font-size: 13px;
    }
    .reviewlistrate h4 {
        font-size: 20px;
    }
    .reviewlistdata p {
        font-size: 14px;
    }
    .reviewlistrate h5 {
        font-size: 14px;
    }
    .input-box input[type="file"],
    .input-box input[type="password"],
    .input-box input[type="text"],
    .input-box select {
        font-size: 14px;
    }
    .detailicoimg {
        margin: 0 0 10px;
        font-size:26px;
    }
    .xzoom-thumbs a img {
        display: none;
    }
    .meterlegend li {
        padding: 0 5px;
        font-size: 12px;
    }
    .meterlegend li img {
        margin-right: 5px;
        height: 12px;
        vertical-align: middle;
        display: inline-block;
    }
    .meterlegend {
        margin-top: 10px;
    }
    .prefboxkmain {
        padding-left: 30px;
        padding-right: 0;
    }
    .prefboxkmain li {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .colorsizeouter {
        width: 100%;
    }
    .filterdrpbtn a {
        font-size: 14px;
    }
    .customcheckbox label {
        font-size: 13px;
    }
    .checklistinner {
        padding: 2px 0;
    }
    .checkmark {
        top: 5px;
        height: 14px;
        width: 14px;
    }
    .customcheckbox .checkmark:after {
        left: 3px;
        top: 0;
    }
    .filterdrpbtn a i {
        margin: 5px 0;
    }
    clearfilterbox {
        padding: 10px 0;
    }
    .probtnsec {
        padding: 0 10px 10px;
    }
    .poptotmain {
        margin-bottom: 5px;
    }
    .popfright {
        margin: 2px 0;
    }
    .freebagdata2 h5 {
        margin: 0 0 5px;
        font-size: 16px;
    }
    .poplistremove {
        text-align: right;
    }
    .poppn {
        font-size: 12px;
    }
    .popbn {
        font-size: 15px;
    }
    .popcartord1 {
        order: 1;
    }
    .popcartord2 {
        order: 3;
    }
    .popcartord3 {
        order: 2;
    }
    .popcartmain {
        position: fixed;
        width: 280px;
        right: 0;
        padding-top: 6px;
        height: calc(100vh - 50px);
        overflow: auto;
        overflow-x: hidden;
    }
    .popcartmainmob {
        position: fixed;
        width: 350px;
        right: 0;
        padding-top: 6px;
        height: calc(100vh - 50px);
        overflow: auto;
        overflow-x: hidden;
    }
    .popcontshopbtn {
        font-size: 13px;
        padding: 8px 2px;
        display: block;
        text-align: center;
    }
    .popviewbagbtn {
        font-size: 10px;
        padding: 4px 10px;
        text-align: center;
    }
    .searchinner p {
        font-size: 12px;
        color: #515151;
    }
    .top-right ul li.meiconbtn > a {
        padding: 6px 6px;
    }
    .top-right > ul > li > a {
        /*padding: 9px 6px;*/
    }
    .top-right > ul > li > a > img {
        height: 25px;
    }
    .top-right ul li.meiconbtn img {
        height: 20px;
    }
    .top-right ul li.meiconbtn > a > span {
        font-size: 12px;
    }
    .top-right {
        margin: 5px 0;
    }
    .searchcol {
        width: 100%;
    }
    .logocol {
        width: 50%;
    }
    .topiconcol {
        width: 50%;
    }
    .sitelink .footul li {
        width: 50%;
        margin-bottom: 5px;
        padding: 0 10px;
    }
    .faqshowdatabox img {
        width: 100%;
    }
    .faqtoplinks h4 {
        font-size: 25px;
    }
    .founderimg {
        margin-bottom: 20px;
    }
    .dirtybx1main {
        position: static;
    }
    .dirtybox1inner h3 {
        font-size: 30px;
    }
    .dirtybox1inner {
        padding: 0;
        margin-top: 20px;
    }
    .ourstandardsdata {
        margin-top: 20px;
    }
    .ourstandardsdata .w100mb {
        width: 100%;
    }
    .input-box label {
        min-height: auto;
    }
    .input-box input[type="submit"] {
        padding: 8px 15px;
    }
    .writereviewordbtn {
        text-align: left;
    }
    .orderprodulistmain p {
        font-size: 13px;
    }
    .oidbtn {
        margin-bottom: 10px;
        font-size: 13px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .oidbt:nth-last-child(2) {
        margin-bottom: 0;
    }
    .oidbtn span {
        display: block;
    }
    .ordertopara span {
        display: block;
    }
    .ordertopara {
        font-size: 13px;
    }
    .mborderprolist td {
        padding-bottom: 5px;
        font-size: 11px;
        width: 50%;
    }
    .mborderprolist td:last-child {
        padding: 0;
    }
    .mborderprolist td span {
        display: block;
        font-size: 13px;
        color: #000;
    }
    .trackbtn {
        font-size: 12px;
        padding: 4px 12px;
    }
    .trackdetbtnbl .trackbtn {
        font-size: 12px;
        display: block;
        padding: 4px 0;
    }
    .userpagesbox h4 {
        font-weight: 400;
        margin: 0 0 15px;
        font-size: 16px;
    }
    .deliveryaddside h5 {
        font-size: 16px;
    }
    .usermenusbox li a {
        padding: 10px 20px;
        font-weight: 400;
    }
    .useraccbox {
        padding: 10px;
    }
    .ordernewadchlictspace table td {
        display: block;
        padding: 0;
    }
    .checkoutsubheading h3 {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
        margin: 0;
    }
    .droprighgt .dropdown-toggle {
        padding: 0;
    }
    .alertotherstore {
        width: 90%;
    }
    .alertotherstore h6 {
        font-size: 20px;
    }
    .alertotherstore .input-box input[type="submit"] {
        padding: 8px 15px;
        font-size: 13px;
    }
    .orderheaderlinks li a {
        padding: 8px 8px;
    }
    .orderheaderlinks li p {
        font-size: 11px;
    }
    .popcarthead h3 {
        font-size: 12px;
    }
	
	#showbagbtn {
    color: #000;
    font-size: 13px;
    display: inline-block;
}

.hidecartmbprice {
    margin: 0px;
    font-size: 13px;
    font-weight: 700;
    color: #000;
}
    button.close.modalclosebtn {
        right: 4px;
        top: 5px;
    }
    #myList-nav .ln-letters a {
        display: block;
        width: 14.2%;
        float: left;
    }
    .ln-letters a {
        border: 1px solid #ddd;
    }
    #myList li a {
        padding: 5px 20px;
        font-size: 17px;
    }
    .meterknowmorebtn {
        float: none;
        margin: 21px auto;
        display: block;
        text-align: center;
    }
    .verdictbox p {
        font-size: 18px;
    }
    .zmetertitle img {
        height: 30px;
    }
    .branddetailbox .pranamerateicon {
        margin: 20px auto 0;
    }
    .branddetaillogo {
        width: 40%;
        margin-right: 15px;
    }
    .pro-heading {
        font-size: 20px;
        margin: 0 0 10px;
    }
    #buynowbtn {
        padding: 5px 15px;
        font-size: 16px;
        line-height: 1;
    }
    .brandcategory {
        margin: 0 0 5px;
    }
    .brandcategory a {
        margin-right: 10px;
        font-size: 18px;
        line-height: 1;
    }
    .meterbox {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .meterinner {
        padding: 5px;
    }
    .prodetailtabs .nav-tabs .nav-item {
        margin-right: 20px;
    }
    .prodetailtabs .nav-tabs .nav-link {
        padding: 10px 0;
    }
    .prodetailtabs .tab-content {
        padding: 0;
        display: block;
    }
    .xzoom-hidden,
    .xzoom-source {
        display: none !important;
    }
    
    .pro-name {
           font-size: 20px;
           text-align:left;
    }
    .detailbrandname {
        font-size: 20px;
    }
    .pro-off-price {
        font-size: 17px;
    }
    .priceline span img {
        margin-top: 1px;
        height: 13px;
    }
    .pranamerateicon {
        width: 120px;
    }
    .detailiconsright li .detailicoimg {
        height: 20px;
        margin-right: 10px;
    }
    .xzoom-thumbs a {
        display: inline-block;
        margin: 0 5px;
        height: 10px;
        width: 10px;
        background: #c5c5c5;
        border-radius: 50%;
    }
    .xzoom-thumbs a.xactive {
        background: #000;
    }
    .xzoom-thumbs {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

     .yigk{

     display:block;
     justify-content:flex-start;
         margin-top: 6px;
 }


       .yigk2{

     display:block;
     justify-content:flex-start;
         margin-top: 0px;
 }
    .checkdelivery input[type="text"] {
        width: 100%;
        height: 50px;
    }
    .checkdelivery input[type="submit"] {
        padding: 14px 14px;
        font-size: 14px;
        height: 50px;
    }
    .ratiright {
        margin-top: 0;
    }
    .detailiconsright {
        margin: 0;
        width: 33%;
        text-align: center;
        padding: 10px 0;
    }
    .detailiconsright p {
        font-size: 15px;
        display: block;
    }
    .checkdilinoutmain {
        display: block;
    }
    .checkdelivery {
        float: left;
        width: 100%;
    }
    .quantyboxmain input[type="text"] {
        width: 30px;
    }
    .addcartbtn {
        padding: 10px 34px;
        font-size: 15.5px;
    }
    
    .wishbtnicon {
        right: -8px;
        top: -12px;
    }
    .xzoom {
        height: auto;
        width: 80%;
        margin: 0 auto;
    }
    .detailimgbox {
        text-align: center;
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .detailimgbox {
        width: 75%;
        float: right;
        padding-left: 0;
    }
    .sortbybox {
        float: none;
    }
    .filsticky {
               top: 60px;
    background: #f4f4f4;
    }
    .clearfilterlist a {
        margin: 1px 2px;
    }
    .filterheadingcatrnameout a {
        display: inline-block;
        padding: 5px 15px;
        text-align: center;
    }

.productdata h6 {
      font-size: 17px;
    font-weight: 600;
    text-align: left;
}
    .stockoutboxdiv span {
        font-size: 15px;
        line-height: 15px;
        margin-top: 20px;
    }
.varientcounters {
    font-size: 13px;
    min-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
    .productdata .prolistpricetxt {
        font-size: 14px;
    }
   /* .productname {
        display: block;
    }*/
    .banner .carousel-indicators {
        bottom: 0;
        position: static;
        padding: 10px 0;
    }
    .banner .carousel-control-next,
    .banner .carousel-control-prev {
        top: 27%;
    }
    .iconsbarbtn a {
        font-size: 18px;
    }
    .searchbox input[type="text"] {
        position: relative;
    }
    .searchbox:before {
        content: "";
        display: block;
        /*background: #fff;*/
        padding: 5px 10px;
        position: absolute;
        left: -15px;
        right: -15px;
        top: -5px;
        bottom: -5px;
        z-index: 0;
    }
    
    .searchbox a i {
        font-size: 13px;
    }
    .headertopoffer p {
        font-size: 14px;
        line-height: 9px;
    }
    .headertopoffer {
        padding: 2px 0;
    }
   
    .main-header .searchbox {
        width: 100%;
        margin: 5px 0;
    }
    .mobilecart {
        margin: 6px 0;
    }
    .iconsbarbtn {
        margin: 4px 0;
    }
    .mbcaroutmain {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
    }
    .mobilecart img {
        height: 25px;
    }
    .mobilecart .cartcounter {
        right: -10px;
        top: 2px;
    }
    .logo {
        margin-left: 15px;
    }
.button {
    margin: 19px 0;
    margin-top: -24px;
   
}
    .sticky .main-header .searchbox {
        margin: 5px auto;
    }
    .header {
        min-height: auto!important;
    }
    .widget,
    .widget-back {
        padding: 20px 0;
    }
    
    .whyworkrow .col-md-3 {
        margin-bottom: 20px;
    }
    .top-footer {
        padding: 0px 0;
    }
    .visaimga {
        text-align: center;
    }
    .copytextbox {
    margin-bottom: 0px;
	font-size: 12px!important;
    }
    .bot-footer {
        text-align: center;
    }
    .footcopy {
        margin-bottom: 10px;
    }
    .developedby {
        text-align: center;
    }
    .productdetailform button.close {
        right: 6px;
        top: 7px;
        box-shadow: none;
    }
}
@media only screen and (max-width: 575px) {
    .productname {
        display: inline-block;
        color: #000;
        font-size: 14px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .detailimgbox {
        width: 100%;
        float: right;
        padding-left: 0;
    }
    /*.productimg img {
        height: 100%;
        width: 180px !important;
    }*/

    .mobilemenulogo img {
    height: 40px;
}
    .logo img {
        height: 40px;
        margin: 0px 0;
    }
    .top-right ul li.meiconbtn > a {
        padding: 3px 10px !important;
    }
    .newslettersec h3 {
        font-size: 25px;
    }
    h1, .h1 {
        font-size: 28px;
    }

    h2, .h2 {
        font-size: 26px;
    }

    h3, .h3 {
        font-size: 24px;
    }

    h4, .h4 {
        font-size: 22px;
    }

    h5, .h5 {
        font-size: 18px;
    }

    h6, .h6 {
        font-size: 16px;
    }
}
@media only screen and (max-width: 480px) {
    .productbox {
        /*min-height: 330px;*/
    }

    .proaddtocartbtn {
        font-size: 12px !important;
        /*display: inline-block;
        font-size: 12px !important;
        font-weight: 700;
        padding: 5px 0;
        z-index: 2;
        position: relative;
        width: 50px !important;
        text-align: center;
        border-radius: 15px;*/
        /*
        color: #9d1d27;
        background: white;
        border: 1px solid #9d1d27;*/
        /*margin-top: -3px;*/
        /*margin-left: 5px;*/
    }

    .productdata h6 {
        font-size: 16px !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 40px;
		margin-top: 20px;
    }

    .productname {
        display: inline-block;
        color: #58595B;
        min-height: 30px !important;
        font-size: 12px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-weight: 500;
        text-transform: capitalize;
        height: 40px;
    }

    /*.productimg img {
        height: 150px !important;
        width: 150px !important;
    }*/

    .bannerrecentsearchbox ul li:nth-child(2n + 1) {
        width: 45%;
    }

    .bannerrecentsearchbox ul li:nth-child(2n + 2) {
        width: 55%;
    }

    .offersecdata p {
        font-size: 12px;
    }

    .blogbox2inn p {
        font-size: 15px;
    }

    .blogbox2inn h5 {
        font-size: 18px;
    }

    .blogbox2inn h6 {
        font-size: 14px;
    }

        .blogbox2inn h6 a {
            font-size: 14px;
        }

    .heading {
        color: #23262F;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    .blogbox1 {
        min-height: 260px;
    }

    .subtitle {
        font-size: 17px;
    }

    .bannerrecentsearchbox ul li a {
        font-size: 13px;
    }

    .heading1 {
        font-size: 20px;
        margin: 0 0 5px;
    }

    .couponimg img {
        height: 75px;
    }

    .subheading {
        font-size: 20px;
    }

    .fancybox-slide {
        padding: 44px 10px !important;
    }

    .coupoonboxextrainn {
        padding: 22px 10px 30px 67px;
    }

    .coupoonboxextra1 {
        width: 100%;
    }

    .bannerrecentsearchbox ul li a img {
        height: 50px;
    }

    .topbannerdiv h3 {
        font-size: 25px;
    }

    .popfright {
        margin: 0;
    }

        .popfright .poppprice:first-child {
            margin-right: 5px;
        }

    .poppprice i {
        margin-right: 3px;
    }

    .poppprice {
        font-size: 11px;
    }

    .coupoonsubmitalert h5 {
        font-size: 14px;
    }

    .coupoonsubmitalert {
        padding-top: 20px;
    }

    .recyclebox h5 {
        font-size: 14px;
    }

    .chatbox {
        z-index: 60;
        width: 100%;
        padding: 20px;
        max-height: 100vh;
        overflow: auto;
    }

    .freebagimg {
        width: 100px;
    }

    .freebagdata h5 {
        margin: 0 0 5px;
        font-size: 14px;
        line-height: 1.4;
    }

    .freebagdata p {
        font-size: 12px;
    }

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

    #blogs .owl-dots,
    #testimonials .owl-dots {
        margin-top: 10px;
    }

    .testiimg {
        width: 65px;
        margin-right: 15px;
    }

    .bannersearchmainbox .searchbox {
        margin-bottom: 6px;
    }

    .videobannerimg a {
        font-size: 40px;
    }

    .bannersearchmainbox {
        padding: 0px;
    }

        .bannersearchmainbox h3 {
            line-height: 1.5;
        }

        .bannersearchmainbox p {
            font-size: 12px;
        }

    .searchbox input[type="text"] {
        font-size: 15px;
    }

    .botbandatabox h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .botbandatabox p {
        font-size: 13px;
    }

    .botbandataboxbottle h4 {
        font-size: 17px;
    }

    .botbandataboxbottle p {
        font-size: 15px;
    }

    .botbandataboxbottle img {
        width: 100%;
    }

    .bannervideobox {
        height: 307px;
    }

    .howworkvideo iframe {
        height: 210px;
    }

    .filsticky {
           padding: 13px 19px;
    padding-bottom: 0px;

    }

    .pranamerateicon a span {
        padding: 0 0 6px;
        font-size: 20px;
    }

    .sortbybox .dropdown-menu {
        right: 0;
        left: auto !important;
        width: 100px;
    }

    .sortbybox .dropdown-item {
        padding: 1px 10px;
    }

    .sortbybox {
        width: 100%;
    }

    .clearfilterhead a {
        font-size: 11px;
        display: block;
            margin-right: 14px;
    }

    .detailimgslithumbmain .carousel-indicators li {
        height: 50px;
    }

    .sortbybox .filter-option-inner-inner {
        font-size: 16px;
    }

    .sortbybox .dropdown-item {
        font-size: 16px;
    }

    .sortbybox .btn {
        width: auto;
    }

    .sortbybox .bootstrap-select .dropdown-toggle .filter-option {
        padding-right: 10px;
    }

    .meterbox {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .meterinner p {
        font-size: 15px;
        font-weight: 300;
    }

    .mbbcarttnsticky .addcartbtn {
        display: inline-block;
        text-align: center;
        font-weight: bolder;
    }

    .sidefilter {
        right: -100%;
        width: 280px;
    }

    .sidefilteropen {
        right: 0;
    }

    .sizelinklistbox a {
        width: 23%;
    }



    .magicc {
        margin-top: 0px;
        position: fixed;
        margin-left: 0px;
        font-size: 8px !important;
    }


    .magicc2 {
        margin-top: 10px;
        position: fixed;
        margin-left: 0px;
        font-size: 7px !important;
    }
}

@media screen and (max-width: 679px) and (min-width: 309px) {

    .order-tracking1.odcomplt2::before {
        width: calc(100% - -33px);
        left: calc(-50% + -43px);
    }
    .order-tracking1.odcomplt3::before {
        width: calc(100% - -39px);
        left: calc(-50% + -35px);
    }

    .order-tracking1.sdcomplt2::before {
        left: calc(-80% + -14px);
        width: calc(100% - -26px);
    }
    .order-tracking1.sdcomplt3::before {
        width: calc(100% - -39px);
        left: calc(-50% + -34px);
    }
    .order-tracking1.completed.dcomplt3:before {
        left: calc(-80% + 0px);
        width: calc(100% - -28px);
    }

    .order-tracking1.dcomplt2:before {
        width: calc(100% - -68px);
        left: calc(-50% + -48px);
    }

}

    @media screen and (max-width: 844px) and (min-width: 320px) {
        .boxpd0 {
            padding-right: 15px;
            padding-left: 15px;
        }
        .container {
            max-width: 100rem;
            padding: 0 1rem;
        }

        .button {
            /* margin: 19px 0; */
            margin-top: 17px !important;
            margin: 19px 0;
        }

        .pgptext h6 {
            font-size: 13px;
        }

        .pgptext span {
            font-size: 13px;
            font-weight: 700;
            margin-top: -2px;
        }

    }

    text-align: left;
    margin: 0px 0 !important;
    margin-top: 15px !important;
    margin-bottom: 30px !important;
}


@media only screen and (max-width: 1200px) {
	.button {
	
	
	margin: 22px 0!important;
}

}


.dldl{
    display: flex;
    justify-content: space-between;
}


.desktop-hide .top-right {
    text-align: right;
    margin: 0px 0!important;
    transition: all .3s;
    margin-top: 6px!important;
}


.desktop-hide .promo {
    color: #ffffff;
    text-align: left;
    font-weight: 600;
    padding: 10px;
        font-size: 12px;
    text-transform: capitalize;
    margin: auto;
    margin-left: 0;
    margin-right: 0;
}


.oaoa {
    display: flex;
    justify-content: start;
    padding-left:10px;
}

.mbsfilter {
    margin-bottom: 7px !important;
    font-weight: 600;
    font-size: 14px;
    color: #222222;
    margin: auto;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 10px;
}

.mbsfilterred {
    margin-bottom: 7px !important;
    font-weight: 500;
    font-size: 16px;
    color: #484747;
    margin: auto;
    margin-left: 0px;
    margin-right: 0;
    background: #4bba413d;
    border-radius: 4px;
    padding: 9px 10px;
}
    .pagecount-box {
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

.ex .heading {
    color: #23262F;
    font-weight: 600 !important;
    font-size: 16px !important;
   
}

#instruction .nav {
    display: flex;
    flex-wrap: nowrap !important;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: space-between;
}

#instruction .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    font-size: 12px !important;
    font-weight: 600;
    color: #787878;
}

.searchButton {
    /*position: absolute !important;
    right: -6px;
    border: 1px solid #EFEFEF !important;
    border-radius: 51.89px !important;
    background: white !important;
    height: 35px !important;
    width: 35px !important;
    padding: 9px 9px !important;
    top: 3px;*/
}

.material-icons{
width:auto!important;
height:auto!important;
}

@media screen and (max-width: 360px) and (min-width: 340px) {
    .searchBox > .searchInput {
        width: 68vw;
        padding: 5px 10px;
        border: 1px solid #EFEFEF;
        border-radius: 51.89px;
        background: white;
        height: 33px;
        top: 11px;
        position: relative;
    }
}

@media screen and (max-width: 740px) and (min-width: 360px) {
    .searchBox > .searchInput {
        width: 70vw;
        padding: 5px 10px;
        border: 1px solid #EFEFEF;
        border-radius: 51.89px;
        background: white;
        height: 33px;
        top: 10px;
        position: relative;
    }
}
@media screen and (max-width: 844px) and (min-width: 390px) {
    .searchBox > .searchInput {
        width: 72vw;
        padding: 5px 10px;
        border: 1px solid #EFEFEF;
        border-radius: 51.89px;
        background: white;
        height: 33px;
        top: 10px;
        position: relative;
    }
}


@media screen and (max-width: 915px) and (min-width: 412px) {
    .searchBox > .searchInput {
        width: 74vw;
        padding: 5px 10px;
        border: 1px solid #EFEFEF;
        border-radius: 51.89px;
        background: white;
        height: 33px;
        top: 10px;
        position: relative;
    }
}




@media screen and (max-width: 932px) and (min-width: 430px) {
    .searchBox > .searchInput {
        width: 75vw!important;
        padding: 5px 10px;
        border: 1px solid #EFEFEF;
        border-radius: 51.89px;
        background: white;
        height: 33px;
        top: 11px;
        position: relative;
    }

    .plus {
        width: 33px !important;
        height: 28px !important;
    }

    .body .minus {
        width: 25px !important;
        height: 25px !important;
    }

}



    .ka-namlogout {
        background: #ffffff;
        font-size: 16px !important;
        color: black;
        display: inline-block;
        height: 35px;
        width: 35px;
        text-align: center;
        margin: auto;
        border-radius: 50%;
        padding-top: 9px;
        padding-bottom: 9px;
        text-transform: uppercase;
    }

    .logoutmar {
        font-size: 20px;
        margin-top: -6px;
    }

    .w-32h32 {
        width: 32px !important;
        height: 32px !important;
    }

@media screen and (max-width: 882px) and (min-width: 344px) {
    .order-tracking1.completed .is-complete {
        opacity: 1;
        background: #307930;
        border-radius: 52px;
        border: 8px solid #88cd88;
        width: 25px;
        height: 25px;
        top: -5px;
        margin-right: 0px;
    }
    .order-tracking1::before {
        content: '';
        display: block;
        height: 0px;
        width: calc(100% - -52px);
        background-color: transparent;
        top: 47px;
        position: absolute;
        left: calc(-20% + -77px);
        z-index: 99;
        border: 0px solid #393939!important;
    }
    .order-tracking1.completed.dcomplt3 .is-complete.last-complt {
        margin-right: 28px;
    }
    .order-tracking1.completed.sdcomplt2:before {
        left: calc(19% + -102px);
        width: calc(20% - -100px);
    }
    .order-tracking1.sdcomplt3::before {
        width: calc(20% - -107px);
        left: calc(12% + -90px);
    }
    .order-tracking1.odcomplt2::before {
        width: calc(20% - -95px);
        left: calc(26% + -102px);
    }
    .order-tracking1.odcomplt3::before {
        width: calc(39% - -94px);
        left: calc(30% + -102px);
    }
    .order-tracking1.dcomplt2::before {
        width: calc(20% - -103px);
        left: calc(-3% + -90px);
    }
    .order-tracking1.completed.dcomplt3:before {
        left: calc(16% + -90px);
        width: calc(20% - -102px);
    }




}
@media screen and (max-width: 883px) and (min-width: 345px) {

    .order-tracking1.dcomplt1 .firstcomplt {
        margin-left: 24px !important;
    }

    .order-tracking1.trackfirst.sdcomplt1 .is-complete {
        left: -6px;
    }
    .order-tracking1.completed.sdcomplt2:before {
        left: calc(19% + -109px) !important;
        width: calc(100% - -190px) !important;
        margin-left: 0;
    }
    .order-tracking1.sdcomplt3::before {
        width: calc(20% - -109px)!important;
        left: calc(12% + -92px)!important;
    }
    .order-tracking1.odcomplt2::before {
        width: calc(20% - -95px)!important;
        left: calc(26% + -103px)!important;
    }
    .order-tracking1.odcomplt3::before {
        width: calc(39% - -98px)!important;
        left: calc(30% + -104px)!important;
    }
    .order-tracking1.dcomplt2::before {
        width: calc(100% - -175px) !important;
        left: calc(-3% + -100px) !important;
    }
    .order-tracking1.odcomplt2::before {
        width: calc(100% - -95px)!important;
        left: calc(26% + -103px)!important;
    }
    .order-tracking1.odcomplt3::before {
        width: calc(39% - -97px)!important;
        left: calc(30% + -104px)!important;
    }
    .order-tracking1.completed.dcomplt3:before {
        left: calc(16% + -90px);
        width: calc(100% - -36px);
    }


}

@media screen and (max-width: 792px) and (min-width: 355px) {

    .order-tracking1.completed.sdcomplt2:before {
        left: calc(19% + -108px);
        width: calc(100% - -49px);
    }
    .order-tracking1.sdcomplt3::before {
        width: calc(100% - -62px);
        left: calc(12% + -96px);
    }
    .order-tracking1.odcomplt2::before {
        width: calc(100% - -57px);
        left: calc(26% + -109px);
    }
    .order-tracking1.odcomplt3::before {
        width: calc(100% - -64px);
        left: calc(30% + -109px);
    }
    .order-tracking1.dcomplt2::before {
        width: calc(100% - -100px);
        left: calc(-3% + -105px);
    }
    .order-tracking1.completed.dcomplt3:before {
        left: calc(16% + -95px);
        width: calc(100% - -47px);
    }

}



    @media screen and (max-width: 780px) and (min-width: 360px) {
        .order-tracking1.completed .is-complete {
            opacity: 1;
            background: #307930;
            border-radius: 52px;
            border: 8px solid #88cd88;
            width: 25px;
            height: 25px;
            top: -5px;
            margin-right: -6px;
            z-index:100;
        }

        .order-tracking1.dcomplt2::before {
            width: calc(100% - -113px);
            left: calc(-13% + -101px);
        }

        .order-tracking1.completed:before {
            left: calc(-44% + -75px);
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-14% + -75px);
            width: calc(70% - -73px);
        }

        .order-tracking1.odcomplt3:before {
            left: calc(-14% + -82px);
            width: calc(100% - -63px);
        }

        .order-tracking1.sdcomplt3:before {
            left: calc(-14% + -85px);
            width: calc(100% - -66px);
        }

        .order-tracking1.completed.sdcomplt2:before {
            left: calc(-35% + -72px) !important;
            width: calc(100% - -137px) !important;
        }

        .order-tracking1::before {
            content: '';
            display: block;
            height: 0px;
            width: calc(100% - -70px);
            background-color: transparent;
            top: 47px;
            position: absolute;
            left: calc(-20% + -90px);
            z-index: 99;
            border: 0px solid #393939!important;
        }

        .order-tracking1.odcomplt2::before {
            width: calc(100% - -80px) !important;
            left: calc(-9% + -90px) !important;
        }
    }


@media screen and (max-width: 670px) and (min-width: 360px) {

    .order-tracking1.dcomplt2::before {
        width: calc(100% - -175px) !important;
        left: calc(-3% + -98px) !important;
    }
}
@media screen and (max-width: 649px) and (min-width: 360px) {

    .order-tracking1.dcomplt2::before {
        width: calc(100% - -175px) !important;
        left: calc(-3% + -98px) !important;
    }
}



    @media screen and (max-width: 667px) and (min-width: 375px) {
        .order-tracking1.completed .is-complete {
            opacity: 1;
            background: #307930;
            border-radius: 52px;
            border: 8px solid #88cd88;
            width: 25px;
            height: 25px;
            top: -5px;
            margin-right: 10px;
            z-index: 100;
        }

        .order-tracking1.completed:before {
            left: calc(-80% + -60px) !important;
        }

        .order-tracking1.completed.sdcomplt2:before {
            left: calc(-66% + -60px) !important;
            width: calc(68% - -87px) !important;
        }

        .order-tracking1::before {
            content: '';
            display: block;
            height: 0px;
            width: calc(63% - -100px);
            background-color: transparent;
            top: 47px;
            position: absolute;
            left: calc(-36% + -85px);
            z-index: 99;
            border: 0px solid #393939 !important;
        }

        .order-tracking1.odcomplt2::before {
            width: calc(63% - -85px);
            left: calc(-31% + -85px);
        }

        .order-tracking1.odcomplt3:before {
            left: calc(-26% + -82px);
            width: calc(100% - -70px);
        }

        .order-tracking1.completed.dcomplt3 .is-complete.last-complt {
            margin-right: 28px;
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-14% + -83px) !important;
            width: calc(43% - -100px);
        }

        .order-tracking1.dcomplt2::before {
            width: calc(100% - -60px);
            left: calc(-23% + -90px);
        }
    }



    @media screen and (max-width: 844px) and (min-width: 390px) {
        .order-tracking1.completed .is-complete {
            opacity: 1;
            background: #307930;
            border-radius: 52px;
            border: 8px solid #88cd88;
            width: 25px;
            height: 25px;
            top: -5px;
            margin-right: 8px;
        }

        .order-tracking1::before {
            content: '';
            display: block;
            height: 0px;
            width: calc(60% - -100px);
            background-color: transparent;
            top: 47px;
            position: absolute;
            left: calc(-43% + -85px);
            z-index: 99;
            border: 0px solid #393939 !important;
        }

        .order-tracking1.odcomplt2::before {
            width: calc(50% - -125px) !important;
            left: calc(-43% + -85px) !important;
        }

        .order-tracking1.odcomplt3 .last-complt {
            left: 9px !important;
        }

        .order-tracking1.sdcomplt3 .last-complt {
            left: 9px !important;
        }

        .order-tracking1.odcomplt2::before {
            width: calc(100% - -110px) !important;
            left: calc(7% + -112px) !important;
        }

        .order-tracking1.odcomplt3::before {
            left: calc(-33% + -85px) !important;
            width: calc(100% - -85px) !important;
        }
    }



    @media screen and (max-width: 664 px) and (min-width: 390px) {

        .order-tracking1.odcomplt2::before {
            width: calc(100% - -130px) !important;
            left: calc(7% + -112px) !important;
        }

        .order-tracking1.dcomplt2::before {
            width: calc(68% - -132px) !important;
            left: calc(-34% + -89px) !important;
        }
    }


    @media screen and (max-width: 915px) and (min-width: 412px) {

        .order-tracking1.completed .is-complete {
            opacity: 1;
            background: #307930;
            border-radius: 52px;
            border: 8px solid #88cd88;
            width: 25px;
            height: 25px;
            top: -5px;
            margin-right: 10px;
        }

        order-tracking1.completed .firstcomplt {
            margin-left: 28px !important;
        }
    }


    @media screen and (max-width: 896px) and (min-width: 414px) {
        .order-tracking1.completed .is-complete {
            opacity: 1;
            background: #307930;
            border-radius: 52px;
            border: 8px solid #88cd88;
            width: 25px;
            height: 25px;
            top: -5px;
            margin-right: 0px;
        }

        .order-tracking1::before {
            content: '';
            display: block;
            height: 0px;
            width: calc(63% - -122px);
            background-color: transparent;
            top: 47px;
            position: absolute;
            left: calc(-51% + -85px);
            z-index: 99;
            border: 0px solid #393939 !important;
        }

        .order-tracking1.odcomplt2::before {
            width: calc(78% - -97px) !important;
            left: calc(-71% + -85px) !important;
            margin-left: 7px;
        }

        .order-tracking1.completed:before {
            left: calc(-80% + -75px) !important;
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(18% + -93px) !important;
            width: calc(63% - -104px) !important;
            margin-left: -28px !important;
            max-width: 227%;
        }

        .order-tracking1.odcomplt3::before {
            left: calc(-62% + -85px) !important;
            width: calc(74% - -100px) !important;
            margin-left: 38px;
            max-width: 231%;
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-40% + -75px) !important;
            width: calc(53% - -100px) !important;
            margin-left: -7px !important;
        }

        .order-tracking1.dcomplt2::before {
            left: calc(-70% + -75px);
            width: calc(78% - -100px);
            margin-left: 22px;
            max-width: 210%;
        }

        .order-tracking1.completed.sdcomplt2:before {
            left: calc(-24% + -75px) !important;
            width: calc(84% - -100px) !important;
            margin-left: -12px !important;
            max-width: 226%;
        }
    }

    @media screen and (max-width: 932px) and (min-width: 430px) {
        .order-tracking1.completed .is-complete {
            opacity: 1;
            background: #307930;
            border-radius: 52px;
            border: 8px solid #88cd88;
            width: 25px;
            height: 25px;
            top: -5px;
            margin-right: 0px;
        }

        .order-tracking1.odcomplt3::before {
            width: calc(100% - -104px);
            left: calc(-80% + -100px);
            margin-left: 22px;
            max-width: 244% !important;
        }

        .order-tracking1::before {
            content: '';
            display: block;
            height: 0px;
            width: calc(100% - -104px);
            background-color: transparent;
            top: 47px;
            position: absolute;
            left: calc(-66% + -100px);
            z-index: 99;
            border: 0px solid #393939 !important;
        }

        .order-tracking1.odcomplt2::before {
            width: calc(80% - -104px) !important;
            left: calc(-45% + -100px) !important;
            margin-left: 6px;
            max-width: 310%;
        }

        .order-tracking1.completed:before {
            left: calc(-88% + -75px) !important;
        }

        .order-tracking1.completed .is-complete.last-complt {
            margin-right: 23px;
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(-68% + -85px) !important;
            margin-left: -29px !important;
            width: calc(75% - -104px) !important;
            max-width: 238%;
        }
    }




    @media screen and (max-width: 882px) and (min-width: 412px) {

        .order-tracking1.completed:before {
            left: calc(-74% + -75px);
            margin-left: -12px;
        }

        .order-tracking1.completed .firstcomplt {
            margin-left: 27px !important;
        }

        .order-tracking1 .second-complt {
            left: 0px;
        }

        .order-tracking1.dcomplt2::before {
            left: calc(-56% + -85px);
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-39% + -75px) !important;
            width: calc(81% - -100px);
            margin-left: -29px;
        }

        .otrack .order-tracking1.dcomplt2::before {
            left: calc(-100% + -75px) !important;
            width: calc(109% - -100px) !important;
        }

        .order-tracking1.odcomplt3::before {
            left: calc(-80% + -85px) !important;
            width: calc(112% - -100px) !important;
        }

        .otrack .order-tracking1.completed.sdcomplt2:before {
            left: calc(-57% + -75px) !important;
            width: calc(115% - -100px) !important;
            margin-left: -35px;
        }

        .order-tracking1.sdcomplt3:before {
            width: calc(158% - -66px) !important;
            margin-left: -20px;
        }

        .order-tracking1.odcomplt2::before {
            width: calc(111% - -100px);
            left: calc(-99% + -85px);
        }
    }


    @media screen and (max-width: 892px) and (min-width: 412px) {


        .otrack .order-tracking1.completed.sdcomplt2:before {
            left: calc(-57% + -87px) !important;
            width: calc(100% - -190px) !important;
            margin-left: 0;
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(-27% + -61px) !important;
            width: calc(100% - -80px) !important;
        }

        .otrack .order-tracking1.odcomplt3::before {
            left: calc(-80% + -96px) !important;
            width: calc(100% - -123px) !important;
        }

        .otrack .order-tracking1.odcomplt2::before {
            width: calc(100% - -178px) !important;
            left: calc(7% + -140px) !important;
        }

        .otrack .order-tracking1.dcomplt2::before {
            left: calc(-100% + -61px) !important;
            width: calc(100% - -185px) !important;
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-24% + -59px) !important;
            width: calc(100% - -61px) !important;
            margin-left: -4px;
        }
    }





    @media screen and (max-width: 882px) and (min-width: 344px) {
        .fnt-13 {
            font-size: 12px !important;
        }
    }

    @media screen and (max-width: 740px) and (min-width: 360px) {
        .fnt-13 {
            font-size: 12px !important;
        }
    }

    @media screen and (max-width: 780px) and (min-width: 360px) {
        .fnt-13 {
            font-size: 12px !important;
        }
    }

    @media screen and (max-width: 882px) and (min-width: 344px) {
        .deuser2 {
            font-size: 13px !important;
        }
    }

    @media screen and (max-width: 740px) and (min-width: 360px) {
        .deuser2 {
            font-size: 14px !important;
        }
    }

    @media screen and (max-width: 667px) and (min-width: 375px) {
        .deuser2 {
            font-size: 15px !important;
        }

        .order-tracking1 .last-complt {
            left: 9px !important;
        }

        .order-tracking1.sdcomplt1 .is-complete {
            left: -14px;
        }

        .order-tracking1.completed.sdcomplt2 .is-complete {
            margin-right: -7px;
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(-15% + -85px);
        }
    }


    @media screen and (max-width: 713px) and (min-width: 384px) {

        .order-tracking1.completed.sdcomplt2:before {
            left: calc(-66% + -65px) !important;
            width: calc(100% - -70px) !important;
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(-15% + -89px);
            width: calc(100% - -70px);
        }

        .order-tracking1.odcomplt2::before {
            width: calc(100% - -71px);
            left: calc(-31% + -91px);
        }

        .order-tracking1.odcomplt3:before {
            left: calc(-26% + -87px);
            width: calc(100% - -75px);
        }

        .order-tracking1.dcomplt2::before {
            width: calc(100% - -63px);
            left: calc(-23% + -94px);
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-14% + -88px) !important;
            width: calc(100% - -62px);
        }
    }

    @media screen and (max-width: 786px) and (min-width: 393px) {

        .order-tracking1.completed.sdcomplt2:before {
            left: calc(-66% + -63px) !important;
            width: calc(100% - -125px) !important;
        }

        .order-tracking1.dcomplt2::before {
            width: calc(68% - -149px) !important;
            left: calc(-34% + -86px) !important;
        }

        .otrack .order-tracking1.dcomplt2::before {
            left: calc(-100% + -91px) !important;
            width: calc(100% - -185px) !important;
        }

        
        .order-tracking1.sdcomplt3::before {
        left: calc(-4% + -104px) !important;
        width: calc(100% - -88px) !important;
        max-width: inherit;
        }

        .otrack .order-tracking1.dcomplt2::before {
            left: calc(-100% + -51px) !important;
            width: calc(100% - -185px) !important;
        }


    }



    @media screen and (max-width: 693px) and (min-width: 384px) {

        .order-tracking1.dcomplt2::before {
            width: calc(100% - -123px);
            left: calc(-23% + -105px);
        }
    }

    @media screen and (max-width: 854px) and (min-width: 384px) {

        .order-tracking1.completed.sdcomplt2:before {
            left: calc(-66% + -64px) !important;
            width: calc(100% - -125px) !important;
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(-15% + -90px);
            width: calc(100% - -71px);
        }

        .order-tracking1.odcomplt2::before {
            width: calc(100% - -71px) !important;
            left: calc(7% + -112px) !important;
        }

        .order-tracking1.odcomplt3:before {
            left: calc(-26% + -87px) !important;
            width: calc(100% - -76px) !important;
        }

        .order-tracking1.dcomplt2::before {
            width: calc(100% - -123px);
            left: calc(-23% + -105px);
        }

        .order-tracking1.dcomplt2::before {
            width: calc(68% - -149px) !important;
            left: calc(-34% + -97px) !important;
        }
    }



    @media screen and (max-width: 844px) and (min-width: 390px) {
        .deuser2 {
            font-size: 16px !important;
        }

        .order-tracking1 .last-complt {
            left: 2px !important;
        }

        .order-tracking1.odcomplt3::before {
            left: calc(-33% + -85px) !important;
            width: calc(100% - -78px) !important;
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-24% + -83px) !important;
        }

        .order-tracking1.dcomplt2::before {
            width: calc(68% - -135px) !important;
            left: calc(-34% + -101px) !important;
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(-27% + -85px);
            width: calc(100% - -73px);
        }

        .order-tracking1.dcomplt2::before {
            width: calc(68% - -132px) !important;
            left: calc(-34% + -90px) !important;
        }
    }

    @media screen and (max-width: 786px) and (min-width: 393px) {

        .order-tracking1.completed.sdcomplt2:before {
            left: calc(-55% + -78px) !important;
            width: calc(100% - -75px) !important;
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(-27% + -87px);
            width: calc(100% - -76px);
        }

        .order-tracking1.odcomplt2::before {
            width: calc(100% - -76px);
            left: calc(7% + -117px);
        }

        .order-tracking1.odcomplt3::before {
            left: calc(-33% + -88px) !important;
            width: calc(100% - -81px) !important;
        }

        .order-tracking1.dcomplt2::before {
            width: calc(68% - -144px) !important;
            left: calc(-34% + -103px) !important;
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-24% + -84px) !important;
            width: calc(100% - -59px);
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(-4% + -104px) !important;
            width: calc(100% - -88px) !important;
            max-width: inherit;
        }
    }

    @media screen and (max-width: 659px) and (min-width: 393px) {
        .order-tracking1.dcomplt2::before {
            width: calc(100% - -144px) !important;
            left: calc(-34% + -92px) !important;
        }
    }

    @media screen and (max-width: 664px) and (min-width: 390px) {
        .order-tracking1.dcomplt2::before {
            width: calc(68% - -132px) !important;
            left: calc(-34% + -90px) !important;
        }
    }


    @media screen and (max-width: 932px) and (min-width: 430px) {
        .deuser2 {
            font-size: 16px !important;
        }

        .order-tracking1.dcomplt2::before {
            left: calc(-35% + -100px) !important;
            width: calc(78% - -100px) !important;
            margin-left: 24px !important;
            max-width: 213%;
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-50% + -75px) !important;
            width: calc(74% - -86px) !important;
            margin-left: -8px !important;
        }

        .order-tracking1.completed.sdcomplt2:before {
            left: calc(-77% + -75px) !important;
            width: calc(90% - -100px) !important;
            margin-left: -15px !important;
            max-width: 229% !important;
        }
    }




    @media screen and (max-width: 634px) and (min-width: 425px) {
        .order-tracking1 .firstcomplt {
            margin-left: 24px !important;
        }

        .order-tracking1.completed.sdcomplt2:before {
            max-width: 225%;
        }

        .order-tracking1.completed .is-complete.last-complt {
            margin-right: 20px;
        }

        .order-tracking1.sdcomplt1 .is-complete {
            left: -9px !important;
        }

        .order-tracking1.odcomplt2::before {
            left: calc(-81% + -85px) !important;
            width: calc(70% - -107px) !important;
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(-4% + -85px) !important;
            width: calc(100% - -88px);
            max-width: 235%;
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-43% + -75px) !important;
            width: calc(64% - -98px) !important;
        }

        .order-tracking1.odcomplt3::before {
            width: calc(82% - -105px) !important;
            left: calc(-91% + -85px) !important;
            max-width: 241%;
        }

        .order-tracking1.dcomplt2::before {
            max-width: 208%;
            margin-left: 26px;
        }
    }




    @media screen and (max-width: 715px) and (min-width: 414px) {
        .searchBox > .searchInput {
            width: 77.5vw;
            padding: 5px 10px;
            border: 1px solid #EFEFEF;
            border-radius: 51.89px;
            background: white;
            height: 33px;
            top: 10px;
            position: relative;
        }

        .otrack .order-tracking1.completed.sdcomplt2:before {
            left: calc(-57% + -83px) !important;
            width: calc(100% - -98px) !important;
            margin-left: -35px;
        }

        .order-tracking1.completed.dcomplt3:before {
            left: calc(-24% + -134px) !important;
            width: calc(100% - -115px) !important;
        }

        .otrack .order-tracking1.dcomplt2::before {
            left: calc(-100% + -87px) !important;
            width: calc(109% - -77px) !important;
        }

        .order-tracking1.odcomplt2::before {
            width: calc(100% - -178px) !important;
            left: calc(7% + -142px) !important;
        }

        .order-tracking1.odcomplt3::before {
            left: calc(-80% + -60px) !important;
            width: calc(112% - -59px) !important;
        }
    }

@media screen and (max-width: 719px) and (min-width: 414px) {
    .searchBox > .searchInput {
        width: 74vw;
        
    }
}

    @media screen and (max-width: 926px) and (min-width: 428px) {




        .otrack .order-tracking1.completed.sdcomplt2:before {
            left: calc(-57% + -81px) !important;
            width: calc(100% - -98px) !important;
        }

        .order-tracking1.sdcomplt3::before {
            left: calc(-4% + -79px) !important;
        }

        .otrack .order-tracking1.odcomplt3::before {
            left: calc(-80% + -62px) !important;
            width: calc(100% - -58px) !important;
        }
    }

    @media screen and (max-width: 796px) and (min-width: 412px) {

        .order-tracking1.sdcomplt3::before {
            left: calc(-4% + -85px) !important;
            width: calc(100% - -94px) !important;
            max-width: inherit;
        }

        .otrack .order-tracking1.odcomplt2::before {
            width: calc(100% - -178px) !important;
            left: calc(7% + -137px) !important;
        }

        .otrack .order-tracking1.dcomplt2::before {
            left: calc(-100% + -51px) !important;
            width: calc(100% - -185px) !important;
        }
    }



    @media screen and (max-width: 786px) and (min-width: 393px) {

        .otrack .order-tracking1.dcomplt2::before {
            left: calc(-100% + -80px) !important;
            width: calc(100% - -185px) !important;
        }
    }

@media screen and (max-width: 1024px) and (min-width: 845px) {

    .userprofilearea {
        display: none;
    }

}

@media screen and (max-width: 853px) and (min-width: 768px) {

    .otrack .orderlinebox:after { width: 87%;  left: 42px; }
}
@media screen and (max-width: 767px) and (min-width: 390px) {

    .otrack .orderlinebox:after { width: 78%; left: 42px; }
}
@media screen and (max-width: 389px) and (min-width: 320px) {

    .otrack .orderlinebox:after { width: 74%;  left: 40px; }

}



    @media screen and (max-width: 844px) and (min-width: 320px) {

        .getcodefixed {
            padding: 15px 20px 20px!important;
        }


        .only-bradius {
            border-radius: 0 !important;
            border-top-right-radius: 20px !important;
            border-top-left-radius: 20px !important;
        }
        .checkmark {
            top: 10px !important;
        }
        .mtopmobile {
            margin-top: 1.5rem !important;
        }
        /*   button  */
        .posp .addcartbtn2 {
            padding: 7px 15px;
        }

        .gutter15 {
            padding-left: 15px;
            padding-right: 15px;
        }

        .shopwaysli .starway {
            flex-flow: column;
        }

            .shopwaysli .starway .pointts {
                margin-right: 0;
                margin-left: 0px;
            }

        .paywith-border {
            border-top: 0px var(--lightGrey11) dashed;
            text-align: left;
            padding: 0;
        }

        .trend-shape {
            background: transparent;
            padding: 10px 5px;
        }

            .trend-shape .textnew {
                font-size: 10px;
            }

        .boxpd0 {
            padding-right: 15px;
            padding-left: 15px;
        }

        .container {
            max-width: 100rem;
            /* padding: 0 0.5rem;*/
        }

        .earnbonuspoints {
            border-radius: 0;
        }

        .orpaymorefirst {
            font-size: 11px;
            margin-right: 0px;
        }

        .productslider .productdata .orpaymoresecond {
            font-size: 10px;
        }

        .tren-bg .heading {
            margin-bottom: 20px;
        }

        .flex-directionstyle {
            flex-direction: column-reverse;
        }

        .showingblock {
            display: block;
            margin-left: 0;
            margin-top: 7px;
        }

        .hidein-mobile {
            display: none;
        }

        .test .image {
            border-radius: 6px;
        }

        .trendingnew .test .image {
            height: auto;
        }

        .test:before {
            border-radius: 6px;
        }

        .trnd-border {
            background: #E9E9E9;
            width: 42%;
            height: 1px;
            position: absolute;
            top: 10px;
            right: 0;
        }

        /* Filter Popup */

        .listpagerow .leftfilter-box {
            background: transparent;
            padding: 0px;
            border-radius: 0;
        }

        .listheader {
            display: block;
        }

        .leftfilter-box .fade:not(.show) {
            opacity: 0;
        }

        .leftfilter-box .modal {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1050;
            display: none;
            width: 100%;
            height: 100%;
            overflow: hidden;
            outline: 0;
        }

        .leftfilter-box .modal-dialog {
            position: fixed !important;
            bottom: 0 !important;
            left: 0% !important;
            right: 0% !important;
            margin-bottom: 0 !important;
        }

        .leftfilter-box .modal.fade .modal-dialog {
            transition: transform .3s ease-out;
            transform: translate(0, 0px);
        }

        .leftfilter-box .modal-header {
            border-bottom: none !important;
            display: block;
            text-align: center;
        }

        .leftfilter-box .modal-content {
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: .3rem;
        }

        .leftfilter-box .form-group {
            border-radius: 8px;
            padding: 5px;
            background: #fff;
        }

        .leftfilter-box .buy-detailfilter {
            padding: 6px 60px;
        }

        .leftfilter-box .buy-detail {
            padding: 6px 60px;
        }

        .point-cashbox {
        }

        .content-section.this-box2.asa {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0.8rem 0;
            background: var(--surface-color);
            z-index: 99;
            transform: translateZ(0);
            padding: 12px;
            border-top: 0px solid var(--darkGrey13);
            top: auto;
            height: fit-content;
            width: auto;
            padding-bottom: 20px !important;
            border-radius: 0px;
            display: flex;
            justify-content: space-between;
            padding-top: 17px !important;
            min-height: 120px;
        }

        .detailpagebox.mt-5 {
            margin-top: 4rem !important;
        }

        .textcenter-web {
            text-align: left;
            border-top: 0px #ccc dashed;
            margin-top: 0px;
            padding: 5px;
        }

        .zoomwebbox {
            background: var(--surface-color);
            padding: 30px 30px 0;
        }

        .gift-cardnew .widhlistbtnop {
            margin-top: 15px;
            margin-right: 0px;
        }

        .widhlistbtnop {
            margin-top: 10px;
            margin-right: 0px;
            right: 8px;
        }

        .listpagerow {
            margin-right: -10px;
            margin-left: -10px;
        }

        .cstmpd {
            padding: .25rem !important;
        }

        .cstmpd2 {
            padding: .25rem !important;
        }


        /*   Gift Card Details Page   */

        .giftcard-detailbox {
            border: 0px var(--lightGrey14) solid;
            border-radius: var(--rounded-16);
            padding: 0px;
            height: 100%;
        }

        .mob-mt60 {
            margin-top: 30px !important;
        }

        .giftcard-detailbox .asa {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0.8rem 0;
            background-color: #ffffff;
            z-index: 99;
            transform: translateZ(0);
            padding: 12px;
            border-top: 0px solid #9d9c9c;
            top: auto;
            height: fit-content;
            width: auto;
            padding-bottom: 20px !important;
            border-radius: 0px;
            display: flex;
            justify-content: space-between;
            padding-top: 17px !important;
            min-height: 120px;
        }

        .giftcard-detailbox .webwidth1 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }

        .giftcard-detailbox .webwidth2 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }

        .de-counterins {
            color: #787878;
            background: #F4F4F4;
            text-align: center;
            border-radius: 22px;
            font-size: 14px;
            font-weight: 600;
            padding: 10px 24px;
            position: relative;
            margin: auto;
            /* margin-left: 20px; */
            margin-right: 0;
            display: inline-block;
        }

        .up-down {
            border-top: 1px solid #e7e6e6 !important;
            border-bottom: 1px solid #e7e6e6;
            padding: 10px;
            margin-top: 15px;
            border-radius: 0;
            border-left: 0;
            border-right: 0;
        }


        /*   Profile   */
        .userpagesbox {
            background-color: #fff;
            border-radius: 2px;
            box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%);
            border-radius: 10px;
        }

        .userpagesbox {
            background-color: #fff;
            border-radius: 2px;
            box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%);
            border-radius: 10px;
        }

        .userprofilearea {
            display: none;
        }

        .boxprofilemain {
            background: white;
            border: 0px solid #e4e4e4;
            border-radius: 10px;
            padding: 0px;
        }

        .t-box2 {
            background: white;
            border: 0px solid #e4e4e4;
            border-radius: 0px;
            padding: 0px;
        }

        .modal-dialog {
            position: fixed !important;
            bottom: 0 !important;
            left: 0% !important;
            right: 0% !important;
            margin-bottom: 0 !important;
            align-items: end;
            width: 100%;
            max-width: 100%;
        }

        #errormodal .modal-dialog {
            align-items: center;
        }

        .webmobflex {
            justify-content: space-between;
        }

        .heading-mobnone {
            display: none;
        }

        /*   Thankyou page   */

        .bg-green {
            background: var(--lightGreenbg);
            border-radius: 13px;
            padding: 15px !important;
        }

        .borderright-web {
            border-right: 0px #ccc solid;
        }

        .giftthank-style {
            border-bottom: 1px #ccc solid;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }


        /*    Order Track  */
        .order-tracking1 .is-complete {
            /*            border: 8px solid var(--border-white);*/
        }

        .otrack .orderlinebox:after {
            /*            border-bottom: 0px #333 dashed;*/
        }

        .heading-desknone {
            display: block;
        }

        .mobpad1 {
            padding: 0 !important;
        }

        .thankubox {
            padding-top: 0;
        }

        .thefixback {
            border-bottom: 1px solid #ededed;
        }

        .newasa {
            min-height: auto !important;
        }

        .minheight-trac {
            min-height: 620px;
        }

        .mt20px {
            margin-top: 20px;
        }

        .padgiftcard {
            padding: 20px 20px 0px !important;
        }

        .ranginputbox input {
            width: 50px;
        }

        .point-burn-box {
            padding: 2px 5px 2px 5px;
        }

        .giftcard-web-modal .modal-dialog-centered {
            -ms-flex-align: end;
            align-items: end;
            min-height: calc(100% - 1rem);
        }

        .giftcard-web-modal .only-bradius {
            border-radius: 20px 20px 0px 0px !important;
        }

        .thankubox {
            padding-bottom: 2em;
        }

        .thtopmarg {
            margin-top: 0px;
        }

        .borderfor-mobile {
            background: white;
            border: 2px solid #e4e4e4;
            border-radius: 10px;
            padding: 10px;
        }

        .brand-logo {
            top: -25px;
        }
    }