@media (max-width: 1200px) {
    .wraphome {
        padding: 0 10px;
    }
}

@media (min-width: 1024px) {
    .hidden-on-pc {
        display: none !important;
    }
}

/* ipad-pro */

@media (max-width: 1200px) {
    .hidden-on-ippr {
        display: none !important;
    }

    .vhbtnslickam .slick-prev {
        left: 0px;
    }

    .wrapfull {
        padding: 0 10px !important;
    }

    .img-logo-main {
        max-width: 180px !important;
    }

    .productTitle h1,
    .productTitle h2 {
        font-size: 22px !important;
        line-height: 32px !important;
    }
}

@media (max-width: 991px) {
    .paymenthome .grippay {
        margin: 0 -10px;
        flex-wrap: wrap;
    }
/*    .productnbsm .gripprosm {*/
/*    margin: 0 -20px;*/
/*}*/
    .vhiconhead {
        font-size: 10px !important;
        line-height: 15px !important;
        padding: 0px 10px !important;
    }

    .logo {
        max-width: 130px;
    }

    #navbar {
        padding: 8px 10px !important;
    }

    .vhiconhead .iicon {
        font-size: 20px !important;
    }

    .box_mid .mid-title .titleL h1 {
        font-size: 25px !important;
        line-height: 37px !important;
        margin-bottom: 20px !important;
    }

    .vhpadding-sm-col-10 {
        padding: 0 10px !important;
    }

    .vhmargin-sm-bottom-20 {
        margin-bottom: 20px !important;
    }

    .vhcol-sm-2 {
        width: 50% !important;
    }

    .itemProduct {
        width: 100%important;
    }

    .itemProduct-decs-h3-a {
        font-size: 13px !important;
        line-height: 21px;
        max-height: 21px;
        color: black;
    }

    .itemProduct .decs .pricePro {
        font-size: 13px !important;
        line-height: 21px;
    }

    .itemProduct .decs {
        display: block !important;
    }

    .itemProduct .decs .infopro {
        width: 100% !important;
    }

    .itemProduct .gripcolorPro {
        justify-content: flex-start !important;
    }


    .titlehome h2 {
        font-size: 23px !important;
        line-height: 37px !important;
    }

    .paymenthome .grippay .colp {
        width: auto;
        min-width: auto;
        padding: 0 10px !important;
        margin-bottom: 10px !important;
    }

    .itempayhome .icon {
        width: 40px !important;
        height: 40px !important;
    }

    .itempayhome .txt {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .popupaccout.popupcart {
        top: 130% !important;
        left: -90px !important;
        width: calc(100% + 100px) !important;
    }

    /* css-product */
    .colThumb {
        width: 100% !important;
    }

    .colDecs {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .titlehomesm h2 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
/*    .productnbsm .gripprosm > div {*/
/*    padding: 0 20px;*/
/*}*/

}

@media (max-width: 991px) {

    .boxFilter>.title,
    .boxFilter>.titlecl {
        font-size: 15px;
        line-height: 10px;
        color: #333333;
        padding: 15px;
        padding-left: 30px;
        cursor: pointer;
        position: relative;
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .boxFilter>.content {
        padding: 0 10px;
        border-top: none;
        display: block;
    }

    .boxFilter {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .vhmargin-sm-bottom-30 {
    margin-bottom: 30px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
    .paymenthome .grippay .colp {
        width: auto;
        min-width: auto;
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .hidden-on-mb-tb {
        display: none;
    }

    .itempayhome .txt {
        font-size: 12px !important;
    }

    .vhbtnslick .slick-arrow {
        bottom: 15px;
        width: 30px;
        height: 50px;
    }

    .vhbtnslick .slick-arrow::before {
        font-size: 30px;
        line-height: 45px;
    }
}

@media (max-width: 768px) {
  
  .titleL h1{
    padding:unset;
}
/*  .productnbsm .gripprosm {*/
/*    margin: 0 -25px;*/
/*}*/
/*.productnbsm .gripprosm > div {*/
/*    padding: 0 15px;*/
/*}*/
    .img-banner {
        padding-top: 15px;
    }

    .row-banner {
        margin-left: 2px !important;
    }

    .hidden-on-mb-tb {
        display: none;
    }

  

    .itempayhome .txt {
        font-size: 12px !important;
    }

    .titlehome h2 {
        font-size: 23px !important;
    }

    .vhiconhead {
        font-size: 8px !important;
        line-height: 15px !important;
        padding: 0px 5px !important;
    }

    .logo {
        max-width: 100px;
    }

    #navbar {
        padding: 5px 10px !important;
    }

    .posiTitleVsFill {
        position: relative;
        padding: 0 0 !important;
    }

    .img-logo-main {
        max-width: 113px !important;
    }

    .buy {
        top: -3px !important;
        left: 29px !important;
    }

    /* css-product */
    .vnt-thumbnail-nav {
        width: 60px !important;
    }

    .productThumbnail {
        padding-left: 70px !important;
    }

    .toolAttriPro {
        position: fixed;
        z-index: 99;
        right: 0;
        left: 0;
        bottom: 0;
        background: white;
        display: flex;
        margin-bottom:0;
          padding-top:0;
    }

    .toolAttriPro>div {
        /*margin-bottom: 10px !important;*/
        width: 50%;
    }

    .toolAttriPro .addcart button {
        width: 100%;
    }

    .toolAttriPro .addpayment button {
        width: 100%;
    }

    .toolAttriPro .addcart {
        margin-right: 0px !important;
    }

    .boxProductBt .titleBt h2 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;

    }

    .popupcart {
        left: -159px !important;
        width: calc(100% + 169px) !important;

    }

    .buy {
        width: 15px !important;
        height: 15px !important;
    }

    .box-check {
        min-width: 35px !important;
    }

    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
        font-size: 12px !important;
    }

    .productCart td h1 {
        font-size: 24px !important;
    }

    #history-order {
        width: 100% !important;
    }
}

@media screen and (max-width: 650px) {
    .col {
        width: 100%;
        margin-top: 0;
    }

    /* hide the vertical line */
    .vl {
        display: none;
    }

    /* show the hidden text on small screens */
    .hide-md-lg {
        display: block;
        text-align: center;
    }
}

@media screen and (max-width: 300px) {

    .cancelbtn,
    .signupbtn {
        width: 100%;
    }
}