@media screen and (min-width:1600px){
    body .container {
        width: 1400px;
    }

    .topintro p,.mailandcontact a,.allmenusweb > ul > li > a,.aboutus-inner p,
    .aboutus-inner a.read,.hoverin a,.sectionheadingflex p,.testimonialslide.slick-slide p,
    .testimonialslide.slick-slide h6,.testimonialslide.slick-slide h6,.quicklink ul li a,.newslettertext p,
    .footcontactflex ul li a
    {
        font-size: 14px;
        line-height:30px;
    }

    .footerflex h5{
       font-size: 20px;
       line-height:35px; 
    }
    .newsform form .form-group .form-control{
        font-size:20px;
    }

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

    .mtopmar {
        margin: 152px 0 0;
    }



    .detailsleft p,.detailsleft p span {
        font-size: 20px;
        line-height: 30px;
    }

    body h2{
        font-size:40px;
        line-height: 50px;
    }


    .mailandcontact a .fa,.socialflexx a .fa{
        font-size:20px;
    }
    .detailsleft h6 a {
        font-size: 24px;
        line-height: 30px;
    }

    .catdroplist{
        width:1366px;
    }
    header .beforelogin,    
    header .header-cart-link{
        width:34px;
        height:34px;
        padding:0px;
        margin-left:35px;
    }
    .signupandloginflexx div.search{
        padding:0px;
    }

    .searchformflexx{
        padding: 0px;
    }
    .searchformflexx form .form-group{
        width:calc(100% - 42px);
    }
    .searchformflexx form .form-group .form-control {
        font-size: 16px;
        line-height: 30px;
        width: 100%;
    }
    .searchformflexx form button{
        width: 42px;
        height:42px;
    }

    header .beforelogin  img,
    header .search  img,
    header .header-cart-link  img{
        width: 80%;
        height: auto;
    }
    .beforelogin.wishlisticonPs img {
        width: auto !important;
        height: 80%;
    }

    .signupandloginflexx {
        width: 21%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .allmenusweb {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin: 0 25px 0 55px;
    }

    .formbox {
        width: 40%;
    }

    .uzazlilogin-inner{
        /* padding: 60px 45px 178px; */
    }

    .logintext{
        padding:0 35px;
    }

    .uzazlilogin-section{
        background-position: 75% 45%;
    }

    .allproductlist .featureslide {
        width: 32%;
        margin: 0 15px 45px 0;
    }

    section.order-summery .totalcartflex {
        width: 100%;
    }


    .newsform form .form-group {
        width: 70%;
        margin: 0 0px;
    }

    .newsform form button {
        width: 18%;
    }

    .itemdetailsflexx {
        width: 77%;
    }

    .cartbillbox .lefttableflexx table tr td form .form-group{
        width:72%;
    }

    .cartitemslist {
        width: 57%;
    }

    .cartin-inner {
        width: 100%;
        padding: 27px 48px 85px;
    }

    .cartbillbox {
        padding: 28px 20px;
        width: 40%;
    }
}

@media screen and (max-width:1550px) and (min-width:1450px){
    .quicklink.w20 {
        width:18%;
    }

    .footcontactflex {
        width: 32%;
    }
}

@media screen and (min-width:1400px) and (max-width:1599px){

    .head .container{
        width:1285px;
    }
}

@media screen and (min-width:1400px){

 
    .catdroplist{
        width:1366px;
    }

    .signupandloginflexx {
        /* width: 21%; */
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .allmenusweb {
        /*width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin: 0 25px 0 55px;*/
        width: 55%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin: 0 20px 0 25px;
    }

    .formbox {
        width: 40%;
    }

    .uzazlilogin-inner{
        /* padding: 60px 45px 178px; */
    }

    .logintext{
        padding:0 35px;
    }

    .uzazlilogin-section{
        background-position: 75% 45%;
    }

    .allproductlist .featureslide {
        width: 32%;
        margin: 0 15px 45px 0;
    }

    section.order-summery .totalcartflex {
        width: 100%;
    }


    .newsform form .form-group {
        width: 70%;
        margin: 0 0px;
    }

    .newsform form button {
        width: 18%;
    }

    .itemdetailsflexx {
        width: 77%;
    }

    .cartbillbox .lefttableflexx table tr td form .form-group{
        width:72%;
    }

    .cartitemslist {
        width: 57%;
    }

    .cartin-inner {
        width: 100%;
        padding: 27px 48px 85px;
    }

    .cartbillbox {
        padding: 28px 20px;
        width: 40%;
    }

    .footcontactflex .footsocial ul li a{margin:0 12px 0 0;}
}
@media screen and (max-width:1400px){
    .container{
        /* width:100% !important; */
    }
}
@media screen and (max-width:1280px){
    .allmenusweb > ul > li > a {    
        font-size: 12px;
    }
    .bannertext h4 {    
        font-size: 32px;
        line-height: 46px;
    }
    .bannertext h4 {
       font-size: 48px;
       line-height: 56px;
    }
    .aboutus-inner p {
        text-align: center;
        font-size: 16px;
        line-height: 25px
    }
    .hoverin {
        padding: 0 05px 00px 00px;
    }
   .hoverin h5 {
       font-size: 22px;
       line-height: 22px;
       font-weight: 500;
   }

    .allmenusweb {
       /* width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin: 0 30px 0 50px;*/
       width: 60%;
       display: flex;
       align-items: center;
       justify-content: flex-end;
       flex-wrap: wrap;
       margin: 0 20px 0 15px;
    }

    .signupandloginflexx {
        width: 15%;
        margin: 00px;
    }

    .head:before{
        left:-5%;
    }

    /*header.header.fixed .allmenusweb {
        width: 55%;
    }*/

    .afterlogin:after{right:4px;}


    .signupandloginflexx div.search{padding:0 20px;}

    .formbox {
        width: 40%;
    }

    .uzazlilogin-inner{
        padding: 60px 85px 178px;
    }

    .logintext{
        padding:0 35px;
    }

    .separator{
        width:1184;
    }

    .zoom-gallery .zoomWrapper img {
        height: auto;
        margin: 0px auto;
        display: block;
    }

    section.order-summery .totalcartflex {
        width: 94%;
    }

    .itemdetailsflexx {
        width: 77%;
    }

    .cartbillbox .lefttableflexx table tr td form .form-group{
        width:72%;
    }

    .cartin-inner {
        width: 100%;
        padding: 27px 48px 85px;
    }

    .cartbillbox {
        padding: 28px 20px;
    }

    .toppatch{
        padding:5px 48px;
    }
    .mtopmar {
        margin: 121px 0px 0px 0px;
    }
   /* .home-banner-section .container-fluid {
        padding: 0 7%;
    }*/
    .hoverbox{
        overflow: hidden;
    }
    .latest-product-inner{
        padding:0 48px 40px;
    }

    a.chat-wp{
        bottom:10px;
        left:10px;
    }

    .catsublist > ul > li > a {
        text-align: left;
        font-size: 14px;
    }
}

@media screen and (max-width:1024px){
    
  
    .head:before, body.home:before{
        width:85%;
    }

    .logoandtoggleflex{
        width:55%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        flex-wrap:wrap;
    }

    .togglemenu{
        display:block;
        width:5%;
        padding:0px;
        order:3;
        background: #fff;
        padding: 7px 3px;
        box-sizing: content-box;
        border-radius: 4px;
    }

    .togglemenu span{
        width:100%;
        height: 2px;
        border-radius: 10px;
        display: block;
        background: #1c6372;
        transition:0.5s all ease;
    }

    .togglemenu span:nth-of-type(2){
        margin: 5px 0;
    }

    .togglemenu.open span:nth-of-type(1) {
        transform: rotate(50deg) skewY(-5deg) translate(7px, 5px);
        transition:0.5s all ease;
    }

    .togglemenu.open span:nth-child(2){
        opacity:0;
        transition:0.5s all ease;
    }

    .togglemenu.open span:nth-of-type(3) {
        transform: rotate(-53deg) skewY( 4deg) translate(6px, -4px);
        transition:0.5s all ease;
    }


    .allmenusweb{
        width:40%;
        position:fixed;
        top:0;
        left:-40%;
        background:#fff;
        transition:0.7s all ease-in-out;
        overflow:hidden;
        height:100%;
        margin:0;
        display:block;
        padding:35px 30px;
        overflow-y:scroll;
    }

    .allmenusweb.shownow{
        left:0;
        transition:0.7s all ease-in-out;
    }

     .allmenusweb ul{
        background:#fff;
        width:100%;
        margin:0px 0;
        flex-wrap:wrap;
        padding:0;
     }

     .allmenusweb > ul > li{
        width:100%;
        padding:0;
        position:relative;
        border-bottom:1px solid #2727277a;
     }

     .allmenusweb > ul > li:last-child{
        border:0;
     }

     .allmenusweb ul li a{
        padding:15px 20px;
        text-align: left;
        color:#373737;
        font-weight:600;
    }

    .allmenusweb ul li a:hover {
        color: var(--pcolor);
        background:#fff;
        transition: 0.5s all;
    }

    header.header.fixed .allmenusweb > ul > li{
        padding:0;
    }

    .allmenusweb > ul > li:hover > a:after, .catsublist img{
        display:none;
    }

    .allmenusweb > ul > li.catdrophover:after{
        content:'\f0d7 ';
        font-family:fontAwesome;
        font-size:20px;
        color:#272727;
        position:absolute;
        top:10px;
        right:20px;
        transition:0.7s all ease-in-out;
    }

    .allmenusweb > ul > li.catdrophover.active:after{
        transform:rotate(-180deg);
        transition:0.7s all ease-in-out;
    }

    .signupandloginflexx {
        width:35%;
        margin:0 5% 0 0;
    }

    .catdroplist, header.header.fixed .catdroplist, .allmenusweb > ul > li.catdrophover:hover .catdroplist{
        width:100%;
        visibility:visible;
        display:none;
        position:static;
        padding:10px 15px 0;
        opacity: 1;
        overflow: visible;
        visibility: visible !important;
        animation: menushow 0.2s ease-in-out forwards;
        z-index: 9999999999;
    }

    .catsublist, .catsublist.w40{
        width:100%;
        justify-content:flex-start;
        padding:0 0 10px;
        margin:0 0 20px;
        border-bottom:1px solid #707070;
    }

    .catsublist:last-child{
        margin:0;
        border:0;
        padding:0 0 10px;
    }

    .catdroplistin{
        padding:0 0 0 5px;
    }

    .catsublist h4 {
        font-size: 18px;
        line-height: 25px;
        font-family: 'Segoe UI Regular';
        margin: 0 0 15px;
    }

    .catsublist > ul > li > a{
        padding:0;
    }

    .catsublist > ul {
        padding:0 0 0 15px;
    }

    .catsublist > ul.colco {
        column-count: 1;
    }

    .toppatch {
        padding: 5px 35px;
    }

    .head{
        padding:0px 35px;
    }

    .home-banner-section .container-fluid {
        padding:0px 35px;
    }

    .bannertext h4 {
        text-align: left;
        font-size: 35px;
        line-height: 50px;
    }

    .bannertext h3{
        font-size: 45px;
        line-height:55px;
    }

    .bannertext{
        left:50px;
    }


    .bannertext a{
        font-size:18px;
        line-height: 30px;
        color: #0e1821;
    }

    .bannerslider .slick-dots{
        padding:0 0 0 40px;
    }

    .aboutus-inner {
        width: 100%;
        padding:35px;
    }

    body h2 {
        font-size: 25px;
        line-height: 40px;
    }

    .aboutus-inner p {
        font-size: 16px;
        line-height: 30px;
        max-width: 85%;
    }

    .hoverin h5 {
        font-size: 20px;
        line-height: 30px;
    }

    .hoverin a {
        font-size: 14px;
        line-height: 20px;
    }

    .latest-product-inner {
        padding: 0 35px 30px;
        align-items:flex-start;
    }

    .leftimg {
        width: 35%;
        position: relative;
    }

    .rightslider {
        width:65%;
        padding: 0 0 0 45px;
    }

    .sectionheadingflex{
        left:35px;
    }

    .sectionheadingflex p {
        font-size: 16px;
        line-height: 30px;
    }

    .detailsleft h6 a {
        font-size: 16px;
        line-height: 24px;
    }

    .newslettertext {
        width:45%;
    }

    .newsform {
        width: 55%;
    }

    .testimonial-inner {
        width: 100%;
        padding: 35px 40px;
    }

    .newsletter-inner {
        width: 100%;
        padding: 30px 35px 35px;
    }

    .footerflex {
        width: 100%;
        padding:35px 35px 0;

    }

    .listing-inner {
        width: 100%;
        padding:45px 35px;
    }

    .filtersflexx h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .filterbox h4 {
        font-size: 18px;
        line-height: 25px;
    }

    .prolistbredcrumb {
        width: 100%;
        margin: 0 0 20px;
    }

    .headingandfilteflexx{
        margin: 0 0 25px;
    }

    .allproductlist .featureslide {
        width: 32%;
        margin: 0 13px 35px 0;
    }

    .allproductlist .featureslide:nth-child(3n) {
        margin: 0 0 35px;
    }

    .details-section {
        padding:45px 35px 15px;
    }

    .product-copdes span {
        font-size: 14px;
        line-height: 20px;
    }

    .productreviewflexx li a {
        font-size: 14px;
        line-height: 20px;
    }

    span.pricetexts {
        font-size: 16px;
        line-height: 23px;
    }

    span.dicount-price {
        text-decoration: line-through;
        letter-spacing: 0.36px;
        font-size: 16px;
        line-height: 23px;
    }

    span.actual-rate-price {
        margin: 0px 0px 0 18px;
        font-size: 20px;
        line-height: 30px;
    }

    .actionbtnsflexx .btn-groups .cartbtn, .actionbtnsflexx .btn-groups .clsWishlist{
        margin:0 15px 15px 0;
    }

    .abourpro-inner {
        width: 100%;
        padding: 0px 35px 35px;
    }

    .abourpro-inner h4 {
        margin: 0 0 25px;
        font-size: 16px;
        line-height: 25px;
    }

    .reviews-lists-design h4 {
        font-size: 14px;
        line-height: 19px;
    }

    .commonbreadcrumbin {
        width: 100%;
        padding: 23px 35px 0;
    }

    .productreviewflexx li span.rever-spans {
        font-size: 14px;
        line-height: 20px;
    }

    .reviews-lists-design h3 {
        font-size: 16px;
        line-height: 25px;
    }

    .reviews-lists-design p {
        font-size: 14px;
        line-height: 25px;
    }

    .cartin-inner {
        width: 100%;
        padding: 27px 35px 45px;
    }

    .cartitemslist {
        width: 55%;
        padding:20px;
    }

    .cartbillbox {
        width: 41%;
    }

    .checkoutactionflexx a.proceedbtn, .checkoutactionflexx a.contshop{
        padding: 8px 10px;
    }

    .logintext p {
        font-size: 14px;
        line-height: 22px;
    }

    .formbox h4 {
        font-size: 20px;
        line-height: 32px;
    }

    .dasboard-inner {
        width: 100%;
        padding: 35px 35px 45px;
    }

    .field-box {
        width:100%;
    }

    .field-box table.table.ordertable tr th, .field-box table.table.wishlistables tr th  {
        border-top: 2px solid #ffffff;
        padding: 8px 9px;
        font-size: 14px;
        line-height: 22px;
    }

    .field-box table.table.ordertable tr td, .field-box table.table.wishlistables tr td {
        padding: 9px;
        font-size: 14px;
        line-height: 20px;
    }

    .field-box table.table.ordertable tr td a {
        font-size: 14px;
        line-height: 20px;
    }

    .all-address-sub .field-box{
        padding:20px;
    }

    .all-address-sub {
        width: 31%;
        margin: 0 1%;
        float: left;
    }

    .all-address-sub .field-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .billing-add {
        width: 65%;
        margin: 0 auto;
    }

    section.billing-shipping {
        padding:35px 35px 0;
        margin: 0 0 45px;
    }

    .billing-shipping .box-inner-ctn h3 {
        font-size:20px;
        line-height: 30px;
    }

    .inbanner{
        padding:0 35px;
    }

    .aboutuspage-inner {
        width: 100%;
        padding: 40px 35px;
    }

    img.aboutleft {
        height: 400px;
    }

    .aboutuspage-inner.reachtext h5 {
        font-size: 20px;
        line-height: 30px;
    }

    .aboutuspage-inner.reachtext p, .tctext.reachtext ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .howweworksubs{
        padding:25px 20px;
    }

    .howweworksubs h4 {
        font-size: 16px;
        line-height: 25px;
    }

    .websitefaqs-inner {
        padding: 40px 35px;
    }

    .accordion .accordion-group .accordion-heading a {
        font-size: 16px;
        line-height: 22px;
    }

    .accordion-inner p {
        font-size: 14px;
        line-height: 24px;
    }

    .conatctform-inner {
        padding: 40px 35px 25px;
    }

    .custsupportsub {
        /* width: 31%; */
        margin: 0 1% 0;
        flex-wrap: wrap;
    }
.conatctform-inner .custsupportsub p.call:before {

    position: relative;
    top: 0;
    left: -10px;
}
    .contact_viewq{
        text-align: center;
    }
    .custsupportsub p {
        font-size: 14px;
        line-height: 25px;
    }

    .custsupportsub h6 {
        font-size: 16px;
        line-height: 24px;
    }

    .contactformandmapdlex .addinfo li p {
        font-size: 16px;
        line-height: 25px;
    }

    .contactformandmapdlex .addinfo li a {
        font-size: 14px;
        line-height: 25px;
    }

    .contactformandmapdlex .addinfo li:nth-of-type(1):before {
        font-size: 18px;
        top: 2px;
    }

    .contactformandmapdlex .addinfo li:nth-of-type(2):before {
        font-size: 20px;
        top: 0px;
    }

    .contactformandmapdlex .addinfo li:nth-of-type(3):before {
        font-size: 20px;
        top: 1px;
    }

    .tctext.reachtext h6 {
        font-size: 16px;
        line-height: 25px;
        margin: 25px 0 15px;
    }

    .thankyou .main-content h1, .thankyoubox h1{
        font-size:40px;
        line-height:55px;
    }

    .thankyou .main-content .fa{
        padding:15px;
        margin:45px auto;
        font-size:35px;
    }

    .thankyou .main-content p, .thankyoubox p{
        font-size:14px;
        line-height:25px;
    }

    .reasongrpflexx, 
    .btnflexx.refund{
        width:100%;
    }

    .field-box table.table.wishlistables tr td a {
        color: #303030;
        font-size: 14px;
        line-height: 20px;
    }

    .topprodetails p, .topprodetails ul li, .topprodetails ol li {
        font-size: 14px;
        line-height: 25px;
        margin:0 0 10px !important
    }

    .topprodetails ul li{
        list-style-type:none !important;
    }

}

@media screen and (max-width:991px){
    .toppatch {
        padding: 5px 30px;
    }

    .mailandcontact a{
        margin: 0 0 0 15px;
    }

    .home-banner-section .container-fluid {
        padding: 0px 25px;
    }

    .bannertext{
        width:65%;
    }

    .bannerslider .slick-dots{
        bottom:30px;
    }

    .bannertext h4 {
        font-size: 25px;
        line-height: 35px;
        color: #1c6372;
        font-weight: 600;
    }

    .bannertext h3{
        font-size: 35px;
        line-height: 50px;
        color: #fff;
    }

    .logo a img {
        width: 70%;
    }

    .mtopmar {
        margin: 136px 0px 0px 0px;
    }

    .aboutus-inner p {
        max-width: 95%;
    }

    .aboutus-inner {
        width: 100%;
        padding: 35px 25px;
    }

    .latest-product-inner {
        padding:35px 25px 30px;
        align-items: flex-start;
    }

    .leftimg {
        width: 100%;
        position: relative;
    }

    .leftimg img{
        display:none;
    }

    .sectionheadingflex {
        position:static;
        width:100%;
        text-align:center;
        transform:none;
    }

    .sectionheadingflex h2{
        display:block;
        color: #ffffff;
    }

    .sectionheadingflex p{
        padding:0;
        color: #ffffff;
    }

    .latest-products-section:before{
        height:100%;
    }

    .rightslider {
        width:100%;
        padding: 0 25px 0;
        margin:25px 0px 0;
    }

    .newsletter-inner {
        width: 100%;
        padding: 30px 25px 35px;
    }

    .footerflex {
        width: 100%;
        padding: 35px 25px 0;
    }

    .footcontactflex .footsocial ul li a{
        margin:0 10px 0 0;
    }

    .newsform form .form-group {
        width: 60%;
        margin: 0 0px;
    }

    .newsform form button {
        width: 25%;
    }

    .newsletter-inner{align-items:center;}

    .feature-product-inner {
        padding: 0 0 35px;
    }

    .wishlistflexx a{
        padding:0;
    }

    .listing-inner {
        width: 100%;
        padding: 45px 25px;
    }

    .allproductlist .featureslide {
        width: 100%;
        margin: 0 2% 35px;
        padding-bottom: 30px;
    }

    .allproductlist .featureslide:nth-child(3n) {
        margin: 0 2% 35px;
    }

    .details-section {
        padding:45px 25px 15px;
    }

    .sizeboxflex, .colorsboxflex{
        justify-content:flex-start;
    }

    .sizeboxflex .w10, .colorsboxflex .w10 {
        width: 10%;
    }

    .allsizelist, .allcolorlist {
        width: 90%;
    }

    .sizesub label .sizecircle {
        width: 55px;
        height: 55px;
        font-size: 14px;
        line-height: 21px;
    }

    .sizesub.notavilable .notavilablein {
        width: 55px;
        height: 55px;
    }

    .actionbtnsflexx .btn-groups .cartbtn, .actionbtnsflexx .btn-groups .clsWishlist {
        margin: 0 15px 0px 0;
    }

    .abourpro-inner {
        width: 100%;
        padding: 0px 25px 35px;
    }

    .commonbreadcrumbin {
        width: 100%;
        padding: 23px 25px 0;
    }

    .cartin-inner {
        width: 100%;
        padding: 27px 25px 45px;
    }

    .cartitemslist {
        width:100%;
        padding: 25px;
        margin: 0 0 25px;
    }

    .cartbillbox {
        width:100%;
        padding: 25px;
    }

    .logintext {
        width: 45%;
        padding: 0 25px;
    }

    .formbox {
        width: 45%;
    }

    .topintro{
        width:100%;
        padding:5px 0 5px;
        border-bottom:1px solid #f6f6f6;
    }

    .topintro2{
        width:100%;
        padding:5px 0 5px;
    }

    .uzazlilogin-inner {
        padding: 60px 25px 75px;
    }

    .dasboard-inner {
        width: 100%;
        padding: 35px 25px 45px;
    }

    table.table.ordertable{
        width:150%;
        max-width:unset;
    }

    table.table.wishlistables{
        width:120%;
        max-width:unset;
    }

    .billing-add {
        width: 80%;
        margin: 0 auto;
    }

    .lefttableflexx {
        width: 50%;
    }

    .lefttableflexx table tr td {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 22px;
    }

    section.billing-shipping {
        padding:35px 25px 0;
        margin: 0 0 45px;
    }

    .inbanner{
        padding:0 25px;
    }

    .aboutuspage-inner {
        width: 100%;
        padding: 40px 25px;
    }

    img.aboutleft {
        height: 300px;
    }

    .websitefaqs-inner {
        padding: 40px 25px;
    }

    .conatctform-inner {
        padding: 40px 25px 25px;
    }

    .addinfoab{
        padding:50px 35px;
    }

    .contactformandmapdlex .addinfo {
        width:40%;
        position: relative;
    }

    .contactformandmapdlex .formbox {
        width: 60%;
        padding: 40px 20px 40px;
    }

    .contactformandmapdlex{
        margin:35px 0;
    }

    .opportuinuybox {
        width: 70%;
    }

    .notfound{
        margin:0;
        padding:45px 0;
    }

    .notfound .notfound-404 {
        width: 45%;
    }

    .notfound .notfound-404 h1 {    
        font-size: 160px;
    }

    .notfound-4042 {
        width: 55%;
    }

    .notfound h2 {
        font-size: 30px;
        line-height: 50px;
    }

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

    .notfound a {
        font-size: 12px;
        padding: 10px 15px;
    }

    .container.cartempty{
        padding:65px 0;
    }
} 
@media screen and (max-width:768px){
}
@media screen and (max-width:767px){
} 
@media screen and (max-width:740px){
    ul.nav.nav-tabs.sub-content-product-list {
        padding-bottom: 12px;
        overflow: auto;
    }
    ul.nav.nav-tabs.sub-content-product-list a {
        word-break: normal;
        white-space: nowrap;
        font-weight: 400;
    }
    section.delivery-section {
        padding-top: 40px;
    }
    .delivery_card_main {
        text-align: center;
        background: #141821;
        padding: 20px;
        margin: 10px;
        border: 1px solid #dddddd3b;
    }
    .delivery_card_main::after{
        display: none;
    }
    .delivery_card_main img {
        margin: 0px auto;
    }
    .delivery_card_main h2 {
        text-align: center;
    }
    .delivery_card_main h3 {
        margin: 0px auto;
        margin-bottom: 0;
    }
    .design-tell-name h2, .design-tell-name p{
        text-align: center;
    }
    a.btn-common-ui-white {
    margin: 30px auto 30px;
    display: block;
    width: 170px;
    text-align: center;
}
    .bgImageHover {
        padding: 20px !important;
        margin: 0 !important;
        text-align: revert;
    }
    .product-card-view {
        width: 90%;
        margin: 10px auto;
    }
    #brandName {
        padding-bottom: 0;     
    }
    .brandnameList {
        margin: 40px 0px;
    }
    .imgslido {
        border: 1px solid #eaeaea75;
        margin: 5px  10px;
        padding: 10px;
    }
    .imgslido img{
        width:100%;
    }
    #brandName::after, #brandName::before{
        display: none;
    }
    .customCategoryMenu::before{
        display: none;
    }
    .forMobile.closeNavMenu.shownow{
        display: block !important;
    }
    .forMobile.closeNavMenu {
        display: none !important;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #0000004d;
        z-index: 5;
    }
    
    .customCategoryMenu {
        z-index: 1;
        position: fixed !important;
        top: 0;
        z-index: 999;
        left: 0;
        width: 60%;
        padding: 0 !important;
        display: block;
        height: 100%;
        background: #fff;
        box-shadow: 1px 1px 1px 1px #1a17173b;
        left: -60%;
        transition: 0.7s all ease-in-out;
    }
    
    .customCategoryMenu ul {
        display: block;
        z-index: 999;
        position: relative;
        background: #fff;
        height: 100%;
    }
    .customCategoryMenu.shownow{
        left: 0;
        transition: 0.4s all ease-in-out;
        background: #fff;
    }
}
@media screen and (max-width:667px){
    /*.topprodetails {        
        overflow-x: scroll;
    }*/
    #customCpuForm .form-group, .custom-cpu-section .formbox,#customCpuForm .form-group.col-md-6{
        width: 100%;
    }
    .custsupportsub-flex {
        flex-wrap: wrap;
    }
    .topprodetails table td, .topprodetails table {
        width: 100% !important;
        font-size: 14px;
        line-height: 20px;
    }
    form#customCpuForm .form-check.form-check-inline label{
        margin-bottom: 0;
    }
    .form-group.col-md-12 .form-check {
        display: flex;
        align-items: center;
    }
.form-check.form-check-inline {
    margin-bottom: 10px;
}
#customCpuForm .form-group.col-md-12 input#consent {
    margin: 0;
}
.form-group.col-md-12 .form-check label.form-check-label.agresLabel {margin-bottom: 0;padding-left: 10px;}
    img#zoom_03 {
        pointer-events: none;
    }
    #gallery_01 .slick-prev {
        top: -15%;
    }
    .container-cpu-section.aboutus-section .bannertext {
    width: 80%;
}
    .zoomContainer {
        display: none;
    }
    .filtersflexx {
        width: 80%;
        height: 100%;
        position:fixed;
        top: 0;
        z-index:10010;
        background:#fff;
        border-radius: 0;
        left: -80%;
        border:1px solid #7777775c;
        border-bottom:0;
        padding: 25px 30px 50px 20px;
        overflow-y:auto;
        transition:0.5s all ease-in-out;
    }

    .filtersflexx.up{
        left: 0;
        transition:0.5s all ease-in-out;
    }

    .patchup{
        width:100%;
        height:100%;
        position:fixed;
        bottom:0%;
        display:none;
        left:0;
        background: #0e1821a8;
        z-index:0;
        transition:0.5s all ease-in-out;
    }

    .patchup.up{
        z-index:10000;
        display:block;
        transition:0.5s all ease-in-out;
    }

    .prodductlist-flexx{
        width:100%;
    }

    .breadcrumbflexx li a {
        font-size: 12px;
        line-height: 22px;
    }

    .listing-inner {
        padding: 0px 15px 35px 15px;
    }

    .breadcrumbflexx{
        padding: 10px 10px;
    }

    .featureproimg img{
        width:100% !important;
    }

    .featureproimg{
        min-height: auto;
    }

    .featureproimg .addcart{
        font-size: 12px;
        line-height: 20px;
        padding: 5px;
        display: block !important;
        background: #1c6372;
        color: #fff;
    }

    .headingandfilteflexx{
        flex-wrap:wrap;
        padding-bottom: 0;
        display:block;
    }
.prodductlist-flexx.fullwidth .headingandfilteflexx{
    padding-bottom:0px;
}
    .sortfilter{
        width:60%;
        margin-left:auto;
    }

    .sortfilter h6{
        width:25%;
    }

    .sortfilter .bootstrap-select {
        width:70% !important;
    }

    .headingandfilteflexx h2{
        display:block;
        text-align:center;
        margin:0 0 15px;
    }

    .featureprodetails{
        padding: 10px 10px;
        padding-bottom: 0;
    }

    .openfilterbtn{
        width: auto;
        padding: 10px 12px;
        text-align: center;
        display: block;
        font-size: 14px;
        line-height: 25px;
        font-family: 'Segoe UI Regular';
        position: fixed;
        top: 50%;
        right: 0px;
        border-radius: 0;
        background: #0e1821;
        color: #fff;
        z-index: 10100;
        transform: translate(0%, -50%);
    }

    .commonbreadcrumbin {
        width: 100%;
        padding:0px 15px 0;
    }

    .details-section .row, .abourpro-section .row, .similarpro-section .row{
        margin:0
    }

    .abourpro-section .row .col-md-12.paddzero, .similarpro-section .row .col-md-12.paddzero {
        padding:0;
    }

    .details-section .row .col-md-7{
        padding:0;
    }

    /*.details-section .row .col-md-5 {
        padding: 0;
    }*/

   /* #DetailPage .container.paddzero{
        padding:0 15px;
    }*/

    .zoomWindowContainer {
        width: 100% !important;
    }

    .zoom-gallery .row{
        width:100%;
        display:flex;
        align-items:flex-start;
        flex-wrap:wrap;
        margin:0 0;
    }

    .zoom-gallery .row:before,
    .details-section .row:before,
    .details-section .row:after,
    .zoom-gallery .row:after{
        display:none;
    }

    .zoom-gallery .row .col-xs-3{
        width: 100%;
        order:2;
    }

    .zoom-gallery .row .col-xs-9{
        width: 80%;
        /*padding:0px 0;*/
        margin: 0px auto;
        border: 1px solid #ddd;
        margin-bottom: 30px;
    }

    #gallery_01 .slick-slide{
        margin:10px;
    }

    .descidetails{
        padding:30px 0 10px;
    }



    ul.ac-detail-nav{
        margin:15px 20px 30px;
    }

    ul.ac-detail-nav .slick-prev{
        height:29px;
        width:29px;
        border:1px solid #707070;
        border-radius:100%;
        background:#fff;
        left:-25px;
        z-index:99;
        opacity:1;
        transition: 0.3s all ease-in-out;
    }

    ul.ac-detail-nav .slick-prev:before{
        content:'\f104';
        font-family:fontAwesome;
        color:#000;
        font-size:20px;
        font-weight:600;
        transition: 0.3s all ease-in-out;
    }

    ul.ac-detail-nav .slick-next{
        height:29px;
        width:29px;
        border:1px solid #707070;
        border-radius:100%;
        background:#fff;
        right:-25px;
        z-index:99;
        opacity:1;
        transition: 0.3s all ease-in-out;
    }

    ul.ac-detail-nav .slick-next:before{
        content:'\f105';
        font-family:fontAwesome;
        color:#000;
        font-size:20px;
        font-weight:600;
        transition: 0.3s all ease-in-out;
    }

    ul.ac-detail-nav .slick-next:hover,
    ul.ac-detail-nav .slick-prev:hover{
        background: #8A0B6F;
        transition: 0.3s all ease-in-out;
    }

    ul.ac-detail-nav .slick-next:hover:before,
    ul.ac-detail-nav .slick-prev:hover:before{
        color:#fff;
        transition: 0.3s all ease-in-out;
    }


    ul.ac-detail-nav li.slick-slide{
        margin:0 20px;
    }

    ul.ac-detail-nav li.slick-slide a {
        padding: 10px 10px;
        font-size: 12px;
        line-height: 18px;
    }

    .field-box table.table.ordertable tr th, .field-box table.table.wishlistables tr th {
        font-size: 12px;
        line-height: 22px;
    }

    .field-box table.table.ordertable tr td, .field-box table.table.ordertable tr td a, .field-box table.table.wishlistables tr td {
        font-size: 12px;
        line-height: 23px;
    }

    .field-box{
        padding:20px;
    }

    ul.ac-detail-nav li.active.slick-current a {
        background: #ffffff;
        color: #fff;
    }

    ul.ac-detail-nav li a:hover img, ul.ac-detail-nav li.active.slick-current a img {
        filter: invert(1);
    }

    section.billing-shipping {
        padding:35px 0px 0;
        margin: 0 0 45px;
    }

    .billing-add {
        width:100%;
        margin: 0 auto;
        padding:20px;
    }

    .billing-shipping .box-inner-ctn h3 {
        font-size: 18px;
        line-height: 30px;
    }

    .inbanner{
        padding:0 15px;
    }
section.innerpage-banner-section {
    margin-top: 30px;
}
    .aboutuspage-inner {
        width: 95%;
        padding:35px 15px;
        margin: 20px auto;
    }

    img.aboutleft {
        width:100%;
        height: auto;
        padding:10px;
        margin:0 0 20px;
        float:none;
    }

    .aboutuspage-inner.reachtext h5 {
        font-size: 18px;
        line-height: 30px;
    }

    .aboutuspage-inner.reachtext p {
        font-size: 12px;
        line-height: 22px;
    }

    .inbanner img {
        width: 100%;
        height: 100px;
    }

    .websitefaqs-inner {
        padding:35px 15px;
        width: 95%;
        margin: 0px auto;
    }

    .accordion .accordion-group .accordion-heading a {
        font-size: 14px;
        line-height: 22px;
        padding:10px 15px;
    }

    .accordion-inner p {
        font-size: 12px;
        line-height: 22px;
    }

    .accordion-inner {
        padding: 15px 20px;
    }

    .conatctform-inner {
        padding:35px 15px 25px;
    }

    .custsupportsub {
        width: 95%;
        margin: 0;
        padding:20px;
        flex-wrap: wrap;
    }

    .custsupportsub h6 {
        font-size: 14px;
        line-height: 25px;
    }

    .custsupportsub p {
        font-size: 12px;
        line-height: 22px;
    }

    .conatctform-inner .custsupportsub p.call:before {
        content: '\f095';
        font-family: fontAwesome;
        font-size: 18px;
        color: #000000;
        position: absolute;
        top: 11px;
        left: 0;
    }

    .contactformandmapdlex .addinfo {
        width: 95%;
        position: relative;
        order: 1;
        margin-bottom: 30px;
        border-radius: 15px;
        overflow: hidden;
    }

    .addinfoab {
        padding:30px 25px 5px;
        position:relative;
    }

    .contactformandmapdlex .formbox {
        width: 95%;
        order: 2;
        padding: 20px;
        margin:0;
        border: 1px solid #d9d9d9;
        border-left: 1px solid #d9d9d9;
        margin-bottom: 20px;
    }

    .contactformandmapdlex .formbox form .form-group {
        width:100%;
    }

    .contactformandmapdlex .addinfo li p {
        font-size: 14px;
        line-height: 18px;
    }


    .contactformandmapdlex .addinfo li {
        position: relative;
        margin: 0 0 25px;
        padding: 0 0 0 25px;
    }

    .contactformandmapdlex .addinfo li:nth-of-type(1):before {
        font-size: 16px;
        top: -2px;
    }

    .contactformandmapdlex .addinfo li:nth-of-type(2):before {
        font-size: 18px;
        top: -3px;
    }

    .contactformandmapdlex .addinfo li:nth-of-type(3):before {
        font-size: 17px;
        top: -1px;
    }

    .contactformandmapdlex .addinfo li a {
        font-size: 12px;
        line-height: 19px;
    }

}
@media screen and (max-width:640px){
    .wearsub h5 {
    font-size: 18px;
    text-align: center;
    display: block;
    margin: 0px auto;
    width: 100%;
    left: 0;
    top: 5px;
}
.design-tell-name h2 {
    line-height: 36px;
    font-size: 24px;
}
p.no-phtot-show {
    font-size: 20px;
        padding: 20px 40px;
}
    .searchformflexx::after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00000080;
        z-index: -1;
    }
    
    .copyrightflexx img{
        margin: 0px auto;
    }
    .news-grid {
    display: block;
}
body.listingPage footer#footer {
    padding-bottom: 60px;
}
    .featureslider {
        padding: 0 35px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .featureslide {
    margin-bottom: 30px;
    width: 100%;
}
.signupandloginflexx div.search img{
    filter: invert(1);
}
.beforelogin.wishlisticonPs {
    padding-right: 0 !important;
    padding-left: 15px;
}
.product-container{
    padding: 0px;
}
.product-tabs .nav-tabs {
    overflow: auto;
    width: 100%;
    white-space: nowrap;
    justify-content: flex-start;
}
.flex-details-pros {
    margin-bottom: 15px;
}
.flex-descmore-details span {
    margin-right: 0;
}
.flex-descmore-details span {
    background: #dddddd4f;
    padding: 7px 16px;
}
.flex-descmore-details {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.category-slider-section{
    margin-bottom: 10px;
}
}
@media screen and (max-width:568px){
    .toppatch {
        /* padding: 5px 25px; */
    }
.allproductlist.widthops .featureslide{
    width: 46%;
    margin: 0px !important;
}
.allproductlist.widthops {
 margin-bottom: 20px;
 gap: 20px;
 padding: 10px;
}
    .topintro{
        width:100%;
        text-align:center;
        padding:0 0 0px;
        border:0;
    }

    .topintro p, .mailandcontact a {
        text-align: center;
        font-size: 10px;
        line-height: 15px;
    }

    .mailandcontact{
        width:100%;
        justify-content:space-between;
        padding: 0;
        border-top: 0;
        position:relative;
    }

    .mailandcontact a {
        margin: 0 10px;
    }

    .mailandcontact a:not(:nth-child(1)):before{
        left:-40%;
        display:none;
    }

    .mailandcontact:before{
        content:'';
        height:70%;
        top:15%;
        background:#f6f6f6;
        width:1px;
        left:49%;
        position:absolute;
    }

    .socialflexx{
        display:none;
    }

    .topintro2{
        width:100%;
        display: block;
    }

    .logoandtoggleflex {
        width:30%;
    }
.logo a {
    display: block;
    padding: 0px 2px;
}
    .head {
        padding:0px 25px;
    }

    .logo a img {
        width: 70%;
        height: auto;
    }

    .signupandloginflexx {
        width: 50%;
        margin: 0 8% 0 0;
    }

    .togglemenu {
        width: 8%;
    }

    header.header.fixed .logoandtoggleflex .logo a img {
        width:90%;
        transition: 0.5s all ease-in-out;
    }

    header.header.fixed .head {
        padding: 0px 25px;
    }

    .afterlogin {
        position: relative;
        padding: 20px 0;
    }

    .signupandloginflexx a.signup{
        font-size: 12px;
        line-height: 20px;
    }

    .afterlogin:after{
        top:16px;
    }

    .mtopmar {
        margin: 106px 0px 0px 0px;
    }

    .afterlogdrop {
        width: 120%;
    }

    .afterlogdrop ul li a {
        padding: 5px 15px;
        text-decoration: none;
        font-size: 12px;
        line-height: 20px;
    }

    .home-banner-section .container-fluid {
        padding: 0;
    }

    .signupandloginflexx a.signup span {
        margin: 0 10px 0 0;
    }

    .signupandloginflexx div.search {
        padding: 0 15px;
    }

    .beforelogin{
        padding:16px 0;
    }
    .banner-slider-image{
        width:100%;

    }
    
    .bannertext{
        width:100%;
        position:static;
        padding: 0px 20px 10px;
        text-align:center;
    }

    body.home:before{
        display:none;
    }

    .bannerslider .slick-dots {
        bottom: 13px;
        padding:0;
        justify-content:center;
    }

    .bannertext h4 {
        font-size: 18px;
        line-height: 30px;
        text-align:center;
    }

    .bannertext h3 {
        font-size: 18px;
        line-height: 25px;
        text-align:center;
        margin-bottom: 25px;
    }

    .bannertext a {
        font-size: 14px;
        line-height: normal;
    }

    .aboutus-inner {
        width: 100%;
        padding: 30px 15px;
    }
    .news-featured h3, .flex-left-80 h4 a {
        font-size: 18px;
    }
        .call-form-view {

            padding: 40px 30px;
        }
        .flex-left-80{
            padding-left: 20px;
        }
    .news-featured p, .news-item h4{
        font-size: 14px;
        line-height: 20px;
    }
    body h2, h2.common-title-head {
        font-size: 20px;
        line-height: 30px;
    }

    .aboutus-inner p {
        font-size: 12px;
        line-height: 22px;
    }

    .aboutus-inner a.read {
        width: 110px;
        font-size: 12px;
        line-height: 16px;
        padding: 7px 7px;
        margin: 15px auto 25px;
    }

    .weargallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .hoverin h5 {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0;
    }
.wearsub {
    padding: 16px;
    box-shadow: none;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
}

.closesres {
    border: 1px solid #ddd;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 80%;
    padding: 10px;
}
    .hoverin a {
        font-size: 12px;
        line-height: 20px;
    }

    .newsletter-inner {
        width: 100%;
        padding: 30px 15px 35px;
    }

    .newslettertext {
        width:100%;
    }

    .newsform {
        width:100%;
        margin:20px 0 0;
    }

    .newslettertext h2{
        text-align:center;
    }

    .newslettertext p {
        font-size: 12px;
        line-height: 22px;
        text-align:center;
    }

    .newsform form button {
        width: 25%;
        margin:0 0 0 5%;
        font-size: 12px;
        line-height: 18px;
        padding: 7px;
    }

    .newsform form .form-group {
        width:70%;
        margin: 0 0px;
    }

    .newsform form .form-group .form-control {
        font-size: 12px;
        line-height: 18px;
        padding: 7px 15px;
    }

    .footerflex {
        width: 90%;
        padding: 35px 15px 0;
        margin: 0px auto;
        display: block;
    }
    /*.copyrightflexx::before{
        display: none;
    }*/
.copyrightflexx::before {    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
    .quicklink, .quicklink.w20{
        width:100%;
        margin:0 0 20px;
        padding:0 0 20px;
        border-bottom:1px solid #d9d9d9;
    }

    .quicklink ul {
        list-style: none;
        column-count: 2;
        margin:0;
    }

    .quicklink ul li a {
        text-align: left;
        font-size: 12px;
        line-height: 25px;
    }

    .footcontactflex{
        width:100%;
    }
    .footcontactflex .footsocial ul li a {
        width: 25px;
        height: 25px;
    }

    .footcontactflex .footsocial ul li a .fa {
        font-size: 12px;
        color: #FFFFFF;
    }

    a.chat-wp{
        width:35px;
        left:25px;
        bottom:55px;
    }

    .copyrightflexx {
        margin:10px 0 0;
        padding:15px 0;
        display: block;
        padding-bottom: 35px;
    }

    .testimonialslide.slick-slide p {
        font-size: 12px;
        line-height: 22px;
    }

    .testimonialslide.slick-slide{
        padding:25px;
    }

    .allmenusweb {
        width: 70%;
        left: -70%;
        padding:35px 20px;
        z-index:99999;
    }

    .allmenusweb > ul > li > a {
        padding: 14px 20px;
        font-size: 12px;
        line-height: 20px;
    }

    .catsublist > ul {
        padding: 0 0 0 5px;
    }

    .catsublist h4 {
        font-size: 15px;
        line-height: 21px;
        font-family: 'Segoe UI Regular';
        margin: 0 0 10px;
    }

    .catsublist > ul > li > a{
        font-size: 12px;
        line-height: 20px;
    }

    .footcontactflex ul li a {
        text-align: left;
        font-size: 12px;
        line-height: 19px;
    }

    .copyrightflexx p {
        text-align: center;
        font-size: 12px;
        display: block;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .sectionheadingflex p {
        font-size: 12px;
        line-height:25px;
    }

    .detailsleft h6 a {
        font-size: 14px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: unset;
        white-space: normal;
        display: block;
    }

    .detailsleft p {
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
    }

    .detailsleft p span {
        font-size: 14px;
    }

    .filtersflexx h3 {
        font-size: 15px;
        line-height: 24px;
    }

    .filterbox h4 {
        font-size: 16px;
        line-height: 25px;
    }

    .filtercheck label {
        font-size: 12px;
        line-height: 20px;
    }

    .filtercheck label:before {
        width: 15px;
        height: 15px;
        top: 3px;
        left: 3px;
    }

    .filtercheck label:after{
        width: 9px;
        height: 4px;
        top: 7px;
        left: 6px;
    }

    .filtercheck {
        width: 100%;
        margin: 0 7px 15px 0;
        display: inline-block;
    }

    .filterscroll {
        width: 100%;
        max-height:unset;
    }

    .filterscroll .mCustomScrollBox{
        height:auto;
    }

    .sortfilter {
        width: 270px;
        margin-left: auto;
        margin-bottom: 20px;
        margin-top: 0;
    }
.sortfilter .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
 width: 74%;
 text-align: right;
}
    .bootstrap-select>.dropdown-toggle{
        font-size:12px;
    }

    .details-section {
        padding:45px 0px 15px;
    }

    .product-copdes span {
        font-size: 12px;
        line-height: 22px;
    }

    .productreviewflexx li span.rever-spans {
        font-size: 12px;
        line-height: 22px;
    }

    .productreviewflexx {
        margin: 10px 0 15px;
    }

    h6.stockDetails {
        font-size: 12px;
        line-height: 22px;
    }

    .pricestags {
        padding: 8px;
        margin: 15px 0;
        font-size: 16px;
        line-height: 22px;;
    }

    span.pricetexts {
        font-size: 14px;
        line-height: 24px;
    }

    span.dicount-price {
        text-decoration: line-through;
        letter-spacing: 0.30px;
        font-size: 14px;
        line-height: 25px;
    }

    span.actual-rate-price {
        margin: 0px 0px 0 18px;
        font-size: 18px;
        line-height: 30px;
    }

    .sizeboxflex .w10 h6, .colorsboxflex .w10 h6, .quantityflex h6 {
        font-size: 13px;
        line-height: 22px;
    }

    .sizesub label .sizecircle {
        width: 55px;
        height: 55px;
        font-size: 12px;
        line-height: 22px;
    }

    .quantityflexul button {
        width: 30px;
        font-size: 20px;
        line-height:30px;
    }

    .quantityflexul input{
        width: 45px;
        font-size: 12px;
        line-height: 17px;
        padding: 7px;
    }

    .actionbtnsflexx .btn-groups .cartbtn {
        font-size: 12px;
        line-height: 18px;
        padding: 9px 9px;
        margin:0 10px 0 0;
    }

    .actionbtnsflexx .btn-groups .clsWishlist{
        font-size: 12px;
        line-height: 18px;
        padding: 9px 9px;
        margin:0 10px 0 0;
    }

    .actionbtnsflexx .btn-groups .buynow{
        font-size: 12px;
        line-height: 18px;
        padding: 9px 9px;
        margin:0 10px 0 0;
    }

    .abourpro-inner h4 {
        margin: 0 0 20px;
        font-size: 14px;
        line-height: 25px;
    }

    .review-result{
        width:100%;
        flex-wrap:wrap;
        justify-content: flex-end;
        padding:20px 15px;
        border-radius:4px;
        border: 1px solid #eee;
    }

    .abourpro-inner {
        width: 100%;
        padding: 0px 15px 35px;
    }

    ul.left-doso{
        width:100%;
        margin:0 0 15px;
        border:0;
    }

    .review-result a.proreviews {
        font-size: 12px;
        line-height: 18px;
        padding:5px 11px;
        width: 190px;
    }

    .total-reviews p {
        font-size: 12px;
        line-height: 22px;
    }

    .reviews-lists {
        margin:0;
    }

    .reviews-lists-design h3 {
        font-size: 14px;
        line-height: 25px;
    }

    .reviews-lists-design h4 {
        font-size: 12px;
        line-height: 20px;
        margin:0 0 10px;
    }

    .reviews-lists-design p {
        font-size: 12px;
        line-height: 25px;
    }

    .cart-notification{
        left:auto !important;
        right:15px;
        padding:10px !important;
    }
    .searchformflexx form{
        border:1px solid #ccc;
    }
    .searchformflexx {
        position: absolute;
        width: 360px;
        left: -50vw;
        padding: 5px;
        bottom: -54px;
        width: 320px;
    }

    .zoom-gallery .zoomWrapper img {
        width:90% !important;
        height: auto;
        margin-bottom: 0;
    }

    .cartin-inner {
        width: 100%;
        padding: 25px 15px 45px;
    }

    .cartitemslist {
        width:100%;
        padding: 25px 15px;
        margin: 0 0 15px;
    }

    .cartbillbox {
        width:100%;
        padding: 25px 15px;
    }

    .itemthumb {
        width: 35%;
        margin: 0 5% 0 0;
        background: #F6F6F6;
        text-align: center;
        padding: 10px;
    }

    .itemthumb img{
        width:100%;
    }

    .itemdetailsflexx {
        width: 60%;
    }

    .itemdetailsflexx h3 {
        font-size: 14px;
        line-height: 22px;
    }

    .itemdetailsflexx h6 {
        font-size: 12px;
        line-height: 20px;
    }

    .itemdetailsflexx h4 {
        font-size: 14px;
        line-height: 22px;
    }

    .lefttableflexx table tr td {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 20px;
    }

    .checkoutactionflexx a.proceedbtn, .checkoutactionflexx a.contshop {
        padding: 8px 8px;
        font-size: 12px;
        line-height: 18px;
    }

    .checkoutactionflexx a.proceedbtn{
        margin:0 0 0 10px;
    }

    .uzazlilogin-inner {
        padding: 35px 15px 55px;
    }

    .logintext {
        width:100%;
        padding: 0 25px;
    }

    .formbox {
        width:95%;
        margin:0 2.5%;
    }

    .logintext img{
        display:none;
    }

    .logintext p {
        font-size: 12px;
        line-height: 22px;
    }

    .logintext a{
        font-size: 12px;
        line-height: 14px;
        margin: 15px auto 25px;
    }

    .formbox form .form-group label {
        font-size: 12px;
        line-height: 18px;
    }

    .formbox form .form-group .form-control{
        font-size: 12px;
        line-height: 18px;
    }

    .formbox form p a {
        font-size: 12px;
        line-height: 25px;
    }

    .uzazlilogin-section{
        background-position:center;
    }

    .formbox h4 {
        font-size: 18px;
        line-height: 30px;
        text-align:center;
        margin:0 0 15px;
    }

    .formbox form .form-group {
        width: 100%;
        margin:0 0 15px;
    }

    .btnflexx button {
        font-size: 12px;
        line-height: 14px;
    }

    .error {
        font-size: 10px;
    }

    .dasboard-inner {
        width: 100%;
        padding: 30px 15px 40px;
    }

    .dasboard-inner .formbox{
        width:95%;
    }

    table.table.wishlistables {
        width: 180%;
    }

    .all-address-sub {
        width:90%;
        margin: 0 5% 20px;
    }

    .all-address-sub .field-box p {
        font-size: 12px;
        line-height: 20px;
    }

    .all-address-sub .field-box h5, .all-address-sub .field-box .field.default-field a {
        font-size: 12px;
        line-height: 20px;
    }

    .all-address-sub .field-btn-grp li a {
        font-size: 12px;
    }

    .adddlexxadd a {
        font-size: 12px;
        line-height: 22px;
    }

    #add-address .formbox {
        width: 100%;
        box-shadow: none;
        margin: 0;
    }

    #add-address h3{
        margin:0 0 20px;
        text-align:center;
        font-size: 18px;
        line-height: 22px;
    }

    .actionbtnsflexx .btn-groups li .outofstockbtn{
        font-size: 12px;
        line-height: 18px;
        padding: 9px;
        margin:0 10px 15px 0;
    }

    .topblock .form-group .form-control{
        font-size: 12px;
        line-height: 20px;
    }

    .greyflex {
        width: 100%;
        background: #F6F6F6;
        padding: 15px 10px 15px;
        margin: 13px 0 0;
    }

    .addressfields .form-group {
        width:100%;
        margin: 0 0 15px;
    }

    .addressfields .form-group .form-control{
        font-size: 12px;
        line-height: 18px;
    }

    section.order-summery .totalcartflex {
        width:100%;
    }

    section.order-summery .totalcartflex table.table.wishlistables{
        width:250%;
    }

    .totalcartflex .field-box table.table.wishlistables td .imgthumb a{
        padding:5px;
    }

    .totalcartflex .field-box table.table.wishlistables td .imgthumb a img{
        width:100%;
        height:100%;
        object-fit: contain;
    }

    .righttextflexx {
        width:100%;
        margin:10px 0;
    }

    .lefttableflexx {
        width:100%;
    }

    .lefttableflexx table tr td {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 20px;
    }

    .payflexx h6, .tctext.reachtext ul li {
        font-size: 12px;
        line-height: 22px;
    }

    .paysub {
        margin: 0 0 0 15px;
    }

    .paysub label {
        font-size: 12px;
        line-height: 22px;
        padding: 0 0 0 25px;
    }

    .paysub label:before {
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0px;
        top: 2px;
    }

    .paysub label:after {
        width: 10px;
        height: 10px;
        left: 4px;
        top: 6px;
    }

    .checkoutactionflexx button.proceedbtn {
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 0 10px;
    }

    .container-r {
        font-size: 12px;
    }

    .purplebtn {
        font-size: 12px;
        line-height: 18px;
    }

    .howwework-flexx{
        margin:30px 0 0;
    }

    .howweworksubs {
        width: 90%;
        margin: 0 5% 25px;
    }

    .howweworksubs h4 {
        font-size: 14px;
        line-height: 25px;
    }

    .tctext.reachtext h6 {
        font-size: 14px;
        line-height: 25px;
        margin:20px 0 15px;
    }

    .opportuinuybox {
        width: 90%;
        margin: 0;
    }

    .opportuinuybox .formbox {
        width: 100%;
        margin: 0;
    }

    .opportuinuybox .formbox form .form-group {
        width: 100%;
    }

    .notfound-main{
        width: 100%;
    }

    .notfound .notfound-404 h1 {
        font-size: 120px;
    }

    .notfound h2 {
        font-size: 20px;
        line-height: 25px;
    }

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

    .notfound a {
        font-size: 12px;
        padding: 7px 15px;
    }

    .success {
        width: 70px;
        height: 70px;
        margin: 45px auto 25px;
    }

    .successfulwrapper p{
        font-size: 12px;
        line-height: 22px;
    }

    .thankyou .main-content h1, .thankyoubox h1{
        font-size:20px;
        line-height:35px;
        margin:0 0 20px;
    }

    .thankyou .main-content .fa{
        padding:10px;
        margin:35px auto;
        font-size:25px;
    }

    .thankyou .main-content p, .thankyoubox p{
        font-size:12px;
        line-height:22px;
    }

    .thankyoubox a {
        font-size: 12px;
        line-height: 20px;
        padding: 5px 10px;
        width: 155px;
    }

    .reasongrpflexx label {
        font-size: 14px;
        line-height: 19px;
    }

    .reasongrpflexx .form-control {
        font-size: 12px;
        line-height: 18px;
    }

    .wearsub.span img, .wearsub img{
        height:auto !important;
        object-fit: cover;
        padding-bottom: 0;
    }

    .field-box table.table.wishlistables tr td a {
        color: #303030;
        font-size: 12px;
        line-height: 20px;
    }

    .topprodetails p, .topprodetails ul li, .topprodetails ol li {
        font-size: 12px;
        line-height: 22px;
        margin:0 0 10px !important
    }

    .checkthankyou .alert{
        width:90%;
        margin:0 auto 30px;
    }

    .dasboard-section .alert{
        width:90%;
        margin:0 auto 0px;
    }

    .alert{
        font-size:12px !important;
        line-height:22px !important;
        padding:10px 15px;
    }

    .dasboard-section{
        background-size:contain;
    }
}
@media screen and (max-width:414px){

    table.table.wishlistables {
        width: 220%;
    }
}
@media screen and (max-width:375px){

    .actionbtnsflexx .btn-groups .cartbtn, 
    .actionbtnsflexx .btn-groups .clsWishlist,
    .actionbtnsflexx .btn-groups .buynow,
    .actionbtnsflexx .btn-groups .sharebtn{
        margin:0 10px 15px 0;
    }

    ul.ac-detail-nav li.slick-slide {
        margin: 0 10px;
    }

}
@media screen and (max-width:360px){
    .testimonialslide.slick-slide {
        padding: 25px 15px;
    }

    ul.ac-detail-nav li.slick-slide a {
        padding: 10px 5px;
        font-size: 11px;
        line-height: 18px;
    }
}
@media screen and (max-width:320px){
}


@media only screen and (max-width: 568px) {
  #table thead {
      display: none;
  }

  #table tbody td {
      border: none !important;
      display: block;
      vertical-align: top;
  }

  #table tbody td:before {
      content: attr(data-th) ": ";
      display: inline-block;
      font-weight: bold;
      width: 6.5em;
  }

  #table tbody td.bt-hide {
      display: none;
  }
}


.forMobile{
    display: none !important;
}
.forDesktop{
    display: block !important;
}
@media only screen and (max-width: 800px) {
    .forMobile{
        display: block !important;
    } 
    .forDesktop{
        display: none !important;
    }
}

@media screen and (max-width: 375px) {
       .checkoutactionflexx a.proceedbtn, .checkoutactionflexx a.contshop {
        padding: 8px 5px;
        font-size: 11px;
        line-height: 18px;
    }
    .checkoutactionflexx {
    justify-content: center;
}


}