@media only screen and (max-width: 1500px) {
    .hdrnavitem a {
        padding: 0% 3%;
        font-size: 1.2vw;
    }
}
@media only screen and (max-width: 1440px) {
    .hmbnnrcrr2lftbox, .hmbnnrcrr2rightbox{
    width: 100%;
}
}
@media only screen and (max-width: 1300px) {

    .hmbnnr2img {
        background-size: 100% 100%;
        width: 70%;
        padding: 18% 20.5% 13.5% 20%;
    }

    .hmbnnr2txt p {
        font-size: 1.56vw;
    }
}
@media only screen and (max-width: 1240px) {
    .fttrsclfbtg {
        width: 75%;
        margin-left: auto !important;
        margin: unset;
    }

    .ftrlink h4 {
        font-size: calc(1vw + 1vh);
    }

    .ftrlink p {
        font-size: calc(0.7vw + 0.8vh);
    }

    .ftrmain {
        padding: 5% 10% 5% 8%;
    }

    .fttrlogo {
        width: 45%;
    }

    .fttrclmddl {
        font-size: 1.9vw;
    }

    .endtxt {
        padding-top: 4%;
    }

    .endtxt p {
        font-size: calc(0.65vw + 0.6vh);
    }
}







@media only screen and (max-width: 1100px) {
    .hmbnnr2img {
        width: 90%;
        padding: 25% 26% 25% 26%;
    }

    .hmbnnr2txt p {
        font-size: 1.9vw;
    }
    .vm .vm-img1 img,
    .vm .vm-img2 img {
        width: 60%;
    }

.vm .vm-img1 {
    left: -24%;
}
.vm .vm-img2 {
    position: absolute;
    top: 40.5%;
    right: -45%;
}
.hmbnnr6boyimg {
    width: 27.5%;
    position: absolute;
    left: 7%;
    top: 13.5%;
}

}



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

    /*.hmbnnr6tsmnytxt {
    padding: 9% 3% 9% 14%;
}*/
    .hmbnnr6tsmnytxt p {
        font-size: calc(0.7vw + 0.8vh);
        margin: 0;
    }

    .hdrnavitem a {

        padding: 0% 3%;
        font-size: 1.2vw;
    }
    .hmbnnr6boyimg {
        width: 27.4%;
    }
    .round {
        height: 280px;
        width: 210px;
    }
    .round_img {
        height: 270px;
    }
    .hmbnnr3crr {
        width: 60%;
        margin: 5% auto;
    }
    .hmbnnr3crr h3 {
        font-size: 2.5vw;
    }

}


@media only screen and (max-width: 991px) {
    .headerbar {
        display: none;
    }

    .hdrmobile {
        display: block;
    }


    .hmbnnr2 {
        background-size: 100% 50%;
    }

    .dot{
        display:none;
    }


    .fttrlogo {
        width: 25%;
        margin: auto;
    }

    .ftrmain {
        padding: 5% 10% 3% 10%;
    }

    .fttrlgosclotrbar {
        padding: 0;
    }

    .fttrclmddl {
        font-size: 2.5vw;
        padding: 2% 0% 4.5% 0%;
    }

    .fttrsclitem {
        width: 7%;
    }

    .fttrsclfbtg {
        width: 80%;
    }

    .ftrlink h4 {
        font-size: calc(1.1vw + 1.1vh);
    }

    .ftrlink p {
        font-size: calc(0.8vw + 0.9vh);
    }

    .endtxt {
        padding-top: 5%;
    }

    .endtxt p {
        font-size: calc(0.8vw + 0.7vh);
    }

    .endtxt a {
        font-size: calc(0.8vw + 0.7vh);
    }

    .hmbnnr6boyimg {
        top: 13.2%;
    }

    .vm .vision-text {
        font-size: calc(0.9vw + 0.9vh);
    }

    .vm .vison-box img.vm-im1 {
        width: 55%;
    }

    .vm .vison-box img.vm-im2 {
        width: 55%;
    }

    .vm .vison-box .vmimp2 {
        padding-bottom: 3%;
    }

    .vm .vm-img1 img,
    .vm .vm-img2 img {
        width: 50%;
    }


    .vm .vison-box h2 {
        font-size: calc(1.5vw + 1.6vh);
    }

    .vm .vison-box p {
        font-size: calc(0.65vw + 0.9vh);
    }

    .vm .vison-box .vmimp {
        padding-bottom: 7%;
    }

    .vm .vm-img1 {
        top: 49%;
        left: -21.5%;
    }

    .vm .vm-img2 {
        top: 49%;
        right: -50%;
    }

    .ctsect-form .address .add-content h2,
    .ctsect-form .address .add-content p {
        font-size: calc(1.3vw + 1vh);
    }

    .ctsect-form .ctusform input,
    textarea,
    .ctsect-form .ctusform textarea {
        color: #000;
        /* font-size: 13px; */
        font-size: calc(1.3vw + 1vh);
    }

    .ctsect-form .ctusform button {
        font-size: calc(1vw + 1vh);
    }
    .prdctitem {
        font-size: 1.35vw;
    }
    .prdctctgry {
        width: 100%;
    }
    .prdctctgrylist{
        display:none;
    }
    
    #productcatygry {
        display:block;
    }
    .hmbnnrcrr2left h3, .hmbnnrcrr2right h3 {
        margin-bottom: 1%;
        margin-top: 5%;
        margin-left: 0;
        font-size: 2.5vw;
        text-align: center;
    }
    .hmbnnr3crrformbox input {
        font-size: calc(0.9vw + 0.9vh);
    }
    .hmbnnrcrr2lftinnrbx1row p, .hmbnnrcrr2lftinnrbx1row span, .hmbnnrcrr2lftinnr2row p, .hmbnnrcrr2lftinnrboxlstrow p {
        font-size: calc(0.8vw + 0.8vh);
    }
    .hmbnnrcrr2lftbox ul li, .hmbnnrcrr2rightbox ul li {
        font-size: calc(0.8vw + 0.7vh);
    }
    .hmbnnr3crr h3{
        font-size:2.5vw;
    }
    .hmbnnr3crr {
        width: 75%;
        margin: 5% auto;
    }

    
    
}


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

    .vm .vm-img1 img,
    .vm .vm-img2 img {
        width: 42%;
    }

    .vm .vm-img1 {
        top: 50%;
        left: -21.3%;
    }

    .vm .vm-img2 {
        top: 54%;
        right: -64%;
    }

    .hmbnnr6about .hmbnnr6 .owl-dots {
        margin-top: 0%;
    }

    .hmbnnr6about .hmbnnr6tstmybgimg {
        padding: 1% 0% 5% 0%;
    }

    .hmbnnr6boyimg {
        top: 12.5%;
    }

    .vm .vison-box .vmimp1 {
        padding-bottom: 14%;
    }
    .prodivdspac{
        margin:1%; 
        width: 30%;
    }
    .prdctctgrylist {
        flex-wrap: wrap;
    }
    .prdctitem {
        font-size: 1.85vw;
    }

}


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

    .hmbnnr6 .owl-dots {
        margin-top: -5%;
    }

    .hmbnnr6 {
        padding: 3% 5% !important;
    }

    .hmbnnr6tsmnytxt p {
        font-size: calc(0.8vw + 0.8vh);
        margin: 0;
    }
    .vm .vm-img2 {
        top: 54%;
        right: -66%;
    }

    .hmbnnr6boyimg {
        top: 14%;
    }
}


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

    .vm .vm-img1 img,
    .vm .vm-img2 img {
        width: 35%;
    }

    .vm .vm-img2 {
        right: -73%;
    }

    .hmbnnr6about .hmbnnr6 .owl-dots {
        margin-top: 3%;
    }

    .hmbnnr6boyimg {
        top: 13%;
    }

    .vm .vm-img1 img,
    .vm .vm-img2 img {
        width: 40%;
    }

    .vm .vm-img2 {
        right: -68%;
    }

}



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

    .hmbnnr3 .product-owl-carousel .owl-nav,
    .product-owl-carousel .owl-dots {
        display: block;
        position: absolute;
        top: 1%;
        width: 100%;
        color: #fff;
        right: -94%;
        font-size: 0;
    }

    .hmbnnr3 .product-owl-carousel .owl-prev {
        width: 4% !important;
        height: 4vw !important;
        left: -5.5%;
    }

    .hmbnnr3 .product-owl-carousel .owl-next {
        width: 4% !important;
        height: 4vw !important;
        left: 0%;
    }

    /*.hmbnnr6tsmnytxt {
    padding: 9% 0% 4% 20%;
}*/
    .hmbnnr6 {
        padding: 3% 0% !important;
    }

    .hmbnnr6txmnytxt2 {
        text-align: center;
    }

    .hmbnnr6tsmnytxt p {
        /* font-size: calc(0.9vw + 0.9vh); */
        font-size: calc(1.1vw + 0.9vh);
    }

    .sld1txt1 h5 {
        font-size: 3.1vw;
    }

    .vm .vm-img1 img,
    .vm .vm-img2 img {
        width: 44%;
    }

    .vm .vm-img2 {
        right: -84%;
        top: 50%;
    }

    .vm .vm-img1 {
        left: -30.3%;
    }

    .vm .vison-box .vm-im1 {
        width: 75%;
    }

    .vm .vison-box .vmimp1 {
        padding-bottom: 17%;
    }

    .vm .vison-box .vm-im2 {
        width: 70%;
    }

    .vm .vison-box h2 {
        font-size: 3.5vw;
        margin: 7% 0 0 0;
    }

    .vm .vison-box p {
        font-size: 1.8vw;
    }

    /* .left-icon,
    .right-icon {
        font-size: 2rem;
    } */

    .hmbnnr6about .hmbnnr6 .owl-dots {
        margin-top: 0%;
    }

    .hmbnnr6about .hmbnnr6tstmybgimg {
        padding: 2% 0% 5% 0%;
    }

    .hmbnnr6boyimg {
        top: 12.8%;
    }

    .prsban .prsban-layer img {
        right: 13.5%;
    }

    .ctsect-form .address .add-content h2,
    .ctsect-form .address .add-content p {
        font-size: calc(1.3vw + 1vh);
    }

    .ctsect-form .ctusform input,
    textarea,
    .ctsect-form .ctusform textarea {
        color: #000;
        /* font-size: 13px; */
        font-size: calc(1.3vw + 1vh);
    }

    .ctsect-form .ctusform button {
        width: 30%;
        font-size: calc(1vw + 1vh);
    }
}





@media only screen and (max-width: 570px) {
    .hmbnnr2img {
        background: #005aff;
        border-radius: 180px;
    }

    .hmbnnr2img {
        width: 65%;
        height: 366px;
        padding: 10% 15% 3% 15%;
    }

    .hmbnnr2txt p {
        font-size: 2.1vw;
    }

    .hmbnnr2btn {
        font-size: 2.2vw;
    }

    .left {
        text-align: center;
    }

    .right {
        text-align: center;
        color: #000;
    }

    .right a {
        color: #000;
    }

    /* .vm .vision-text {
        font-size: 2.5vw;
    } */
    .vm .vision-text {
        font-size: calc(1.1vw + 0.9vh);
    }

    .vm .vm-img1 img,
    .vm .vm-img2 img {
        visibility: hidden;
    }

    /* .vm .vm-img2 img {
        visibility: hidden;
    } */

    .vm .vison-box h2 {
        font-size: 3.7vw;
        margin: 7% 0 0 0;
    }

    .vm .vison-box p {
        font-size: 2vw;
    }

    /* .left-icon,
    .right-icon {
        font-size: 1.5rem;
    } */

    .hmbnnr6about .hmbnnr6 .owl-dots {
        margin-top: 0%;
    }

    .hmbnnr6about .hmbnnr6tstmybgimg {
        padding: 5.5% 0% 3% 0%;
    }

    .prssectbox {
        text-align: center;
    }

    .prssect .prssectbox img {
        width: 70%;
    }

    .prssect .prssectbox .prssectnam {
        width: 70%;
        left: 15%;
        font-size: 4vw;
    }

    .bnnrinfrban .bnnrinfrban-layer img {
        width: 33%;
        top: 26%;
        right: 21.1%;
    }

    .bnnrinfrban .bnnrinfrban-layer h2 {
        margin: 16% 9% 6% 2%;
    }

    /* .hmbnnr6boyimg {
        top: 13.8%;
    } */
    .ctsect {
        padding: 7% 7% 5% 7%;
    }

    .ctsect .ctsect-layer h2 {
        margin: 12% 9% 4% 2%;
    }

    .ctsect .ctsect-layer img {
        width: 47%;
        top: 1%;
        right: -2px;
    }

    .ctsect-form .ctusform button {
        font-size: 2.5vw;
    }

    .ctsect-form .address .add-content h2,
    .ctsect-form .address .add-content p {
        font-size: calc(1.5vw + 1.2vh);
    }

    .ctsect-form .ctusform input,
    textarea,
    .ctsect-form .ctusform textarea {
        color: #000;
        font-size: calc(1.5vw + 1.2vh);
    }

}

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

    .hmbnnr2 {
        background-size: 100% 50%;
    }

    .hmbnnr4img {
        width: 40%;
        position: absolute;
        right: 22%;
        bottom: 4%;
    }

    .hmbnnr4txt h2 {
        padding: 1% 0%;
    }

    .hmbnnr6tsmnytxt {
        padding: 0% 0% 9% 10%;
    }

    .hmbnnr6boyimg {
        top: 13.2%;
    }

    .fttrlogo {
        width: 35%;
        margin: auto;
    }

    .fttrclmddl {
        font-size: 4vw;
    }

    .fttrsclitem {
        width: 9%;
    }

    .ftrlink {
        width: 80%;
        margin-left: auto;
    }

    .fttlinksotrbr {
        width: 80%;
        margin: auto;
    }

    .ftrlink h4 {
        font-size: calc(1.5vw + 1.5vh);
    }

    .fttrsclfbtg {
        width: 65%;
        margin: auto;
    }

    .vm .vison-box img.vm-im1 {
        width: 55%;
    }

    .vm .vison-box img.vm-im2 {
        width: 50%;
    }

    .vm .vm-img1 img,
    .vm .vm-img2 img {
        visibility: hidden;
    }

    /* .left-icon,
    .right-icon {
        font-size: 2rem;
    } */
    .ctsect-form .address .add-content h2,
    .ctsect-form .address .add-content p {
        font-size: calc(1.5vw + 1.2vh);
    }

    .ctsect-form .ctusform input,
    textarea,
    .ctsect-form .ctusform textarea {
        font-size: calc(1.5vw + 1.2vh);
    }

    .ctsect-form .ctusform button {
        width: 20%;
        font-size: calc(1.5vw + 1.2vh);
    }
    .prdctitem {
        font-size: 2.15vw;
    }
    .round {
        height: 237px;
        width: 185px;
    }
    .round_img {
        height: 225px;
    }
    .hmbnnrcrr2left h3, .hmbnnrcrr2right h3,  .hmbnnr3crr h3 {
        font-size: 3.5vw;
    }
    .hmbnnrcrr2lftinnrbx1row p, .hmbnnrcrr2lftinnrbx1row span, .hmbnnrcrr2lftinnr2row p, .hmbnnrcrr2lftinnrboxlstrow p, .hmbnnrcrr2lftinr3row p, .hmbnnrcrr2lftbox ul li, .hmbnnrcrr2rightbox ul li {
        font-size: calc(1vw + 0.9vh);
    }
        .hmbnnr3crr h3 {
        font-size: 3.5vw;
    }
    #hmbnnrcrr3lastbx label {
        font-size: 2.5vw;
    }
    .hmbnnr3crrformbox select {
        font-size: 17px;
    }
}




@media only screen and (max-width: 470px) {
    .endtxt {
        bottom: -5%;
        left: 28%;
    }

    .hmbnnr2img {
        height: 316px;
    }

    .hmbnnr2txt p {
        font-size: 2.2vw;
    }

    .hmbnnr6tstmybgimg {
        width: 75% !important;
        margin-left: 14%;
    }

    .hmbnnr6boyimg {
        top: 11% !important;
    }

    .hmbnnr5 {
        background-attachment: unset;
        background-position: center;
    }

    .carousel-indicators {
        margin-bottom: unset;
    }

    .hmbnn5img {
        width: 40%;
    }

    .ctsect {
        padding: 20%;
    }

    .hmbnnr6about .hmbnnr6tstmybgimg {
        padding: 7% 0% 7% 0%;
    }

    .hmbnnr6about .hmbnnr6boyimg {
        top: 13% !important;
        width: 27.6%;
    }

    .hmbnnr6about .hmbnnr6tstmybgimg {
        padding: 6% 0% 0% 0%;
    }

    .bnnr .bnnr-layer img {
        right: 9%;
    }

    .bnnr .bnnr-layer h2 {
        line-height: 0;
        margin: 16% 9% 3.5% 2%;
    }

    .prsban .prsban-layer h2 {
        margin: 9% 9% 14% 2%;
    }

    .prsban .prsban-layer img {
        top: 34%;
        right: 12.9%;
    }

    .bnnrinfrban .bnnrinfrban-layer img {
        width: 35%;
        top: 25%;
        right: 19%;
    }
        .hmbnnr3crrformbox select {
        font-size: 4.1vw;
    }

    .bnnrinfrban .bnnrinfrban-layer h2 {
        margin: 16% 9% 6% 2%;
    }

    .hmbnnr6boyimg {
        width: 28.3%;
    }

    .ctsect {
        padding: 8% 7% 5% 7%;
    }

    .ctsect .ctsect-layer h2 {
        font-size: 12.3vw;
        margin: 14% 9% 4% 2%;
    }

    .ctsect .ctsect-layer img {
        width: 49%;
        top: 1%;
        right: -5px;
    }

    .vm .vision-text {
        font-size: calc(1.1vw + 0.7vh);
    }
    #procnme, #mobilecatgry {
        width: 70%;
    }

}

@media only screen and (max-width: 425px) {
    .hmbnnr2img {
        width: 72%;
    }

    .hmbnnr2txt p {
        font-size: 2.6vw;
    }

    .hmbnnr2btn {
        font-size: 2.2vw;
    }

    .hmbnnr3 .product-owl-carousel .owl-prev {
        width: 6% !important;
        height: 6vw !important;
        left: -8.5%;
    }

    .hmbnnr3 .product-owl-carousel .owl-next {
        width: 6% !important;
        height: 6vw !important;
        left: -1%;
    }

    .hmbnnr6tsmnycrsl {
        margin-left: 24%;
        margin-top: 0%;
    }

    .hmbnnr6tstmybgimg {
        width: 100% !important;
        padding-left: 10%;
    }

    .hmbnnr6tsmnytxt p {
        font-size: calc(1.1vw + 0.9vh);
    }

    .hmbnnr6boyimg {
        top: 14% !important;
        width: 27.1%;
    }

    .bnnr .bnnr-layer h2 {
        margin: 18% 9% 3.5% 2%;
    }

    .bnnr .bnnr-layer img {
        top: 31%;
        right: 7%;
    }

    .ctsect-form .address .add-content h2,
    .ctsect-form .address .add-content p {
        font-size: calc(1.5vw + 1.2vh);
    }

    /* .left-icon,
    .right-icon {
        font-size: 1.6rem;
    } */

    .hmbnnr6tstmybgimg {
        margin-left: 1.5%;
    }

    /* .hmbnnr6about .hmbnnr6tstmybgimg {
        padding: 8% 0% 0% 0%;
    } */
    .vm .vision-text {
        font-size: calc(1.4vw + 0.7vh);
    }

    .prsban .prsban-layer h2 {
        margin: 10% 9% 14% 2%;
    }

    .prsban .prsban-layer img {
        width: 44%;
        top: 35%;
        right: 11.8%;
    }

    .bnnrinfrban .bnnrinfrban-layer img {
        width: 34%;
        top: 24%;
        right: 20%;
    }

    .bnnrinfrban .bnnrinfrban-layer h2 {
        margin: 17% 9% 6% 2%;
    }
    .prdctctgry {
        width: 99%;
    }
        .prdctitem {
        font-size: 2.4vw;
    }

}

@media only screen and (max-width: 390px) {
    .hmbnnr2txt p {
        font-size: 3.2vw;
    }

    .hmbnnr2img {
        width: 85%;
    }

    .hmbnnr2btn {
        font-size: 3vw;
    }

    .endtxt {
        bottom: -9%;
        left: 21%;
    }

    .whatsapp {
        width: 54px;
    }

    .topbtn {
        width: 54px;
        height: 54px;
    }

    .hmbnnr6tsmnycrsl {
        margin-top: 0%;
        margin-left: 25%;
    }

    .hmbnnr6tstmybgimg {
        margin-left: 1.5%;
    }

    .hmbnnr6boyimg {
        top: 13.1% !important;
        width: 27.4%;
    }
    .banner {
        padding: 18%;
    }

    .banner .banner-layer h2 {
        font-size: 13vw;
        top: 35%;
        left: 17%;
    }

    .banner .banner-layer img {
        top: 35%;
        right: 8%;
    }

    .right .fa {
        font-size: 0.1 rem;
    }

    .prsban .prsban-layer h2 {
        margin: 10% 9% 6% 2%;
    }

    .prsban .prsban-layer img {
        top: 42%;
        right: 11.2%;
    }

    .bnnrinfrban .bnnrinfrban-layer img {
        width: 36%;
        top: 23%;
        right: 19%;
    }
    .ctsect-form .ctusform button {
        width: 25%;
    }

}

/* @media only screen and (max-width: 360px) {
    .ctsect .ctsect-layer img {
        top: 1%;
        right: -5px;
    }
} */