@media only screen and (max-width: 1024px){
    .abt1 {
        margin-top: 15.2%;
    }
    
    .prdsct1 {
        margin-top: 15.2%;
    }
}

@media only screen and (max-width: 991px) {
   
    .social-icons img {
        width: 80%;
    }

    .hdrmbllogo {
        width: 75%;
    }

    .menu a {
        font-size: 3vw;
    }

    .hm1heartimg {
        width: 40%;
        padding-top: 20%;
    }

    .hm1soft {
        width: 55%;
        left: 27%;
        top: 57%;
    }

    .hm1bnnr1img {
        width: 80%;
    }

    .hm1carousel {
        padding: 12% 0;
    }

    .hm1bali3 {
        width: 9%;
        position: absolute;
        top: 5%;
        left: 2.5%;
    }

    .hm1bali2 {
        width: 8%;
        position: absolute;
        top: 7%;
        right: 7%;
    }

    .hm1bali1 {
        width: 20%;
        position: absolute;
        top: 22%;
        right: -2%;
        transition: all 4s;
    }

    .hm1bali4 {
        width: 16%;
        position: absolute;
        bottom: -9%;
        left: -7%;
        mix-blend-mode: multiply;
    }

    .carousel-indicators {
        bottom: -9%;
        right: 6.5% !important;
    }

    .carousel-indicators [data-bs-target] {
        margin: 1px;
    }

    .hm2 h3 {
        font-size: calc(2vw + 2vh);
        /* font-weight: 700; */
        /* text-align: center; */
        /* color: #000; */
        margin-bottom: 2.5%;
    }

    .hm2 p {
        font-size:calc(1.1vw + 1.2vh);
        /* color: #000; */
        /* text-align: justify; */
        /* text-align-last: center; */
        /* margin-top: 0; */
        margin-bottom: 3%;
    }

    .hm2btn a,
    .hm7btn a {
        font-size: calc(1.1vw + 1.1vh);
        padding: 0.1% 2% 0.5%;
    }

    .hm7 h3 {
        font-size: calc(2vw + 2vh);
    }

    .hm10 {
        width: 87%;
    }

    .hm10 h3 {
        font-size: calc(2vw + 2vh);
    }

    .hmprofile {
        width: 51%;
    }

    .hm10 .product-owl-carousel .owl-prev:before,
    .hm10 .product-owl-carousel .owl-next:before {
        font-size: 2.5vw;
    }

    .hm10 .product-owl-carousel .owl-prev:before {
        left: -3%;
    }

    .hm10 .product-owl-carousel .owl-next:before {
        right: -3%;
    }


    /* footer started */

    .ftrlogo {
        padding-left: 5%;
    }

    .qlinks h5 {
        font-size: calc(1vw + 1vh);
    }

    .qlinks h5::after {
        width: 45%;
    }

    .qlink a p {
        font-size: calc(1vw + 1vh);
    }

    .cinfo a p {
        font-size: calc(0.95vw + 0.95vh);
    }

    .continfo h5 {
        font-size: calc(1vw + 1vh);
    }

    .continfo h5::after {
        width: 23%;
    }



    .follow h5 {
        font-size: calc(1vw + 1vh);
    }

    .follow h5::after {
        left: 32%;
        width: 34%;
    }

    .followbx {
        width: 21%;
    }

    .ftrbtm p {
        font-size: calc(1vw + 1vh);
    }

    /* #############    product page started   ########### */
    .prdsct1 {
        margin-top: 17.5%;
    }

    /*.prdsct1 h3 {*/
    /*    font-size: calc(4.5vw + 4.5vh);*/
    /*}*/

    .prd2img {
        width: 83%;
    }

    .prdsct2txt p {
        font-size: calc(1.2vw + 1.2vh);
        padding-top: 16%;
        padding-left: 8%;
    }

    .prdsect2txt1 p {
        font-size: calc(1.2vw + 1.2vh);
        padding-top: 16%;
        padding-right: 8%;
    }

    .prd2img2 {
        width: 85%;
    }

    .prdsct2bl1 {
        width: 15%;
        /* position: absolute; */
        top: 4%;
        right: -3%;
    }

    .prdsct2bl2 {
        width: 15%;
        /* position: absolute; */
        top: 34%;
        left: -4.2%;
    }

    .prdsct2bl3 {
        width: 15%;
        /* position: absolute; */
        top: 45%;
        right: -3%;
    }

    .prdsct2bl4 {
        width: 15%;
        /* position: absolute; */
        bottom: 17.5%;
        left: -4.2%;
    }

    .prdsct2bl5 {
        width: 15%;
        bottom: 10.5%;
        right: -3%;
    }

    /* #############    product page end   ########### */
    /* #############    about page started   ########### */
    .abt1 {
        margin-top: 17.5%;
    }

    /* .abt1img {
        width: 42%;
        margin-left: 45%;
    } */

    .abt2innr h3 {
        font-size: calc(4vw + 4vh);
        padding: 4% 0 3%;
    }

    /*.abt2innr p {*/
    /*    font-size: calc(1.5vw + 1.5vh);*/
    /*    margin-bottom: 3%;*/
    /*}*/

    .abt2mssn {
        margin-top: 5%;
            padding-bottom: 2%;
    }

    .abt2lft {
        margin-right: 10%;
    }

    .abt2lft p {
        font-size: calc(1.35vw + 1.35vh);
        padding-right: 4%;
    }

    .abt2bl3 {
        top: 51%;
    }

    /* #############    about page end   ########### */


    /* #############    contact page started   ########### */
    .ctnsct1 {
        margin-top: 17.5%;
    }

    .ctnsct2cont svg {
        font-size: calc(3vw + 3vh);
    }

    .ctnsct2cont a {
        font-size: calc(1.05vw + 1.05vh);
    }

    .ctnsct3innr {
        width: 100%;
    }

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

    .ctnsct3 h3 {
        font-size: calc(3.5vw + 3.5vh);
    }

    .ctnsct3field {
        margin: 2% 0 3%;
    }

    .ctnsct3field input,
    .ctnsct3field textarea {
        font-size: calc(0.65vw + 0.65vw);
    }

    .ctnsct3btn input {
        font-size: calc(0.7vw + 0.7vh);
        padding: 0.7% 4% 0.5%;
    }

    /* #############    contact page end   ########### */

}

@media only screen and (max-width: 940px) {
    .hm10pr p {
        margin: 2% 0;
    }

}

@media only screen and (max-width: 920px) {
    .qlinks h5::after {
        width: 68%;
    }

    .continfo h5::after {
        width: 34%;
    }

    .follow h5::after {
        left: 20%;
        width: 51%;
    }

    /* product */
    .prdsct2txt p {
        font-size: calc(0.8vw + 0.8vh);
        padding-top: 12%;
        padding-left: 3%;
    }

    .prdsect2txt1 p {
        font-size: calc(0.8vw + 0.8vh);
        padding-top: 7%;
        padding-right: 3%;
    }

    /* about */
    .abt2innr h3 {
        font-size: calc(3vw + 3vh);
        padding: 4% 0 2%;
    }

    .abt2innr p {
        font-size: calc(1.1vw + 1.1vh);
        margin-bottom: 3%;
    }

    .abt2lft p {
        font-size: calc(1.1vw + 1.1vh);
        line-height: 1.1;
        padding-right: 4%;
    }

    /* contact page */
    .ctnsct2cont svg {
        font-size: calc(2.1vw + 2.1vh);
    }

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

    .ctnsct3 h3 {
        font-size: calc(2.5vw + 2.5vh);
    }

    .ctnsct3 a {
        font-size: calc(0.65vw + 0.65vh);
    }

    .ctnsct3field input,
    .ctnsct3field textarea {
        font-size: calc(0.73vw + 0.73vw);
    }

    .ctnsct3btn input {
        font-size: calc(0.6vw + 0.6vh);
    }

    .map-container iframe {
        /* height: 33vh; */
    }

}

@media only screen and (max-width: 900px) {
    .hm10pr {
        width: 87%;
    }
}

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

@media only screen and (max-width: 860px) {
    .prdsct1 {
        padding: 80.5% 0 6%;
    }
}

@media only screen and (max-width: 820px) {
    /*.continfo {*/
    /*    margin-left: -25%;*/
    /*}*/

    .hm10pr {
        width: 94%;
    }

    .hm10pr {
        padding: 18% 12.5% 30% 12.5%;
    }

    .hm10 {
        width: 92%;
    }

    .hmprofile {
        width: 40%;
    }

    .qlinks .continfo{
        margin-left: 10%;
    }
    .continfo{
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .followimg {
        width: 80%;
    }

    .ftrleft {
        margin-left: 0%;
    }

    .qlinks h5::after {
        width: 64%;
    }

    .continfo h5::after {
        width: 33%;
    }

    .follow h5::after {
        left: 22%;
        width: 48%;
    }


    /* product */
    .prdsct2txt p {
        padding-top: 10%;
        padding-left: 5%;
    }

    .prdsect2txt1 p {
        padding-top: 10%;
        padding-right: 5%;
    }

    .prd2img {
        width: 90%;
    }

    .prd2img2 {
        width: 90%;
    }

    /* contact */
    .map-container iframe {
        /* height: 35vh; */
    }

    .ctnsct3btn input {
        padding: 0.5% 4% 1.5%;
    }
}
@media only screen and (max-width: 767px){
    .qlinks, .continfo {
    margin-left: 16%;
}
}

@media only screen and (max-width: 768px) {
    .hm7primg {
        width: 75%;
    }

    .hm10pr h5,
    .hm10pr h5 span {
        font-size: calc(0.65vw + 0.65vh);
    }

    .hm10pr h6 {
        font-size: calc(0.55vw + 0.55vh);
    }

    .hm10pr {
        padding: 18% 13.5% 45% 13.5%;
    }

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

    /*.continfo {*/
    /*    margin-left: -31%;*/
    /*}*/

    .followimg {
        width: 67%;
    }

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

    .ftrlogo {
        width: 85%;
        margin: auto;
        padding-left: 10%;
    }

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

    /* product */
    .prdsct2txt p {
        line-height: 1.2;
    }

    .prdsect2txt1 p {
        line-height: 1.2;
    }

    .prdsct1 {
        padding: 80.3% 0 6%;
    }

    /* contact  */
    .ctnsectinnr {
        width: 70%;
    }

    .ctnsct3innr {
        grid-template-columns: 1fr;
    }
    .social-icons img {
        width: 60%;
    }

    .ctnsct3form {
        padding: 5% 9% 5% 9%;
        width: 100%;
    }

    .ctnsct3 a {
        font-size: calc(0.9vw + 0.9vh);
    }

    .ctnsct3field input,
    .ctnsct3field textarea {
        font-size: calc(0.85vw + 0.85vw);
    }

    .ctnsct3btn input {
        font-size: calc(0.9vw + 0.9vh);
        padding: 0.5% 4% 0.5%;
    }

    .map-container{
        margin-bottom: 4%;
        width: 100%;
    }
}

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

    /* product */
    .prdsct1 {
        padding: 80.1% 0 6%;
    }
}

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

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

    /* product */
    .prdsct1 {
        padding: 80% 0 5.6%;
    }
}

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

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

    /*.continfo {*/
    /*    margin-left: -38%;*/
    /*}*/

    /* product */
    /* .prd2img,
    .prd2img2 {
        width: 100%;
    } */

}

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

@media only screen and (max-width: 575px) {
    .hdrmblinnr {
        width: 85%;
    }

    .social-icons img {
        width: 55%;
    }
    .animated-icon1 span {
        height: 2px;
    }

    .hm2btn a,
    .hm7btn a {
        font-size: calc(1.2vw + 1.2vh);
    }

    .owl-carousel .owl-nav .owl-prev:before,
    .owl-carousel .owl-nav .owl-next:before {
        top: 38%;
        font-size: 4vw;
    }

    .hm7btn {
        margin-top: -3%;
    }

    .hm10 .product-owl-carousel .owl-prev:before,
    .hm10 .product-owl-carousel .owl-next:before {
        top: 38%;
        font-size: 4vw;
    }

    .hm10 .product-owl-carousel .owl-prev:before {
        left: -6%;
    }

    .hm10 .product-owl-carousel .owl-next:before {
        right: -6%;
    }

    .ftr {
        width: 100%;
    }

    .ftrlogo {
        width: 40%;
        /* margin-left: 15%; */
        padding-left: 0%;
    }

    /*.continfo {*/
    /*    margin-left: -23%;*/
    /*}*/

    .qlinks, .continfo {
        margin-left: 7%;
    }

    .qlinks h5,
    .continfo h5,
    .follow h5 {
        font-size: calc(1.3vw + 1.3vh);
        margin-bottom: 2%;
    }

    .qlinks h5::after {
        width: 29%;
        bottom: -3px;
    }

    .continfo h5::after {
        width: 16%;
        bottom: -3px;
    }

    .follow h5::after {
        left: 43%;
        width: 12%;
        bottom: -3px;
    }

    .qlink a p,
    .cinfo a p {
        font-size: calc(1.2vw + 1.2vh);
    }

    .fllwicon {
        width: 21%;
    }

    .followbx {
        width: 30%;
    }

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

    /* product */
    .prdsct2txt p {
        font-size: calc(0.85vw + 0.85vh);
    }

    .prdsect2txt1 p {
        font-size: calc(0.85vw + 0.85vh);
    }

    .prdsct1 {
        padding: 80% 0 5%;
    }

    /* contact */
    .ctnsct1 {
        margin-top: 18.5%;
    }

    .ctnsct2cont svg {
        font-size: calc(3vw + 3vh);
    }

    .ctnsct2cont a {
        font-size: calc(1.1vw + 1.1vh);
    }

    .ctnsct3field input,
    .ctnsct3field textarea {
        font-size: calc(1.4vw + 1.4vw);
    }
    .ctnsct2cont{
        margin: 2% 0;
    }
    
}


@media only screen and (max-width: 540px) {
    .hm10pr {
        width: 65%;
    }

    .hm10pr {
        padding: 14% 11.5% 23.6% 11.5%;
    }

    .hm10pr p {
        font-size: calc(0.95vw + 0.95vh);
    }

    .hm10pr h5,
    .hm10pr h5 span {
        font-size: calc(0.85vw + 0.85vh);
    }

    .hm10pr h6 {
        font-size: calc(0.75vw + 0.75vh);
    }

    .hm10 .product-owl-carousel .owl-prev:before,
    .hm10 .product-owl-carousel .owl-next:before {
        top: 38%;
        font-size: 4.5vw;
    }

    .hm10 .product-owl-carousel .owl-prev:before {
        left: 0%;
    }

    .hm10 .product-owl-carousel .owl-next:before {
        right: 0%;
    }

    .qlinks h5::after {
        width: 36%;
    }

    .continfo h5::after {
        width: 20%;
    }

    .follow h5::after {
        left: 41.5%;
        width: 14.5%;
    }
}

@media only screen and (max-width: 500px) {
    .prdsct1 {
        padding: 79.3% 0 5%;
    }
}

@media only screen and (max-width: 470px) {
    .menu a {
        font-size: 4vw;
    }

    /* product */
    .prd2img2 {
        width: 100%;
    }

    .prd2img {
        width: 100%;
    }

    .prdsct1 {
        padding: 76% 0 5%;
    }
}



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

    /* .social-icons img {
        width: 100%;
    } */

    .ham_button {
        margin-top: 10%;
    }

    .animated-icon1 {
        width: 30px;
        height: 20px;
    }

    .animated-icon1 span:nth-child(2) {
        top: 8px;
    }

    .animated-icon1 span:nth-child(3) {
        top: 16px;
    }

    .menu a {
        font-size: 6vw;
    }

    .hm3 {
        padding: 30% 0 6%;
    }

    .hm3contimg {
        width: 60%;
        right: 5%;
    }

    .hm7btn {
        margin-top: -6%;
    }

    .hm10pr {
        width: 80%;
        padding: 17% 11.5% 19.5% 11.5%;
    }

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

    .hm10pr h5,
    .hm10pr h5 span {
        font-size: calc(0.9vw + 0.9vh);
    }

    .hm10pr h6 {
        font-size: calc(0.7vw + 0.7vh);
    }

    .qlinks h5,
    .continfo h5,
    .follow h5 {
        font-size: calc(1.4vw + 1.4vh);
        margin-bottom: 2%;
    }

    .qlinks h5::after {
        width: 54%;
    }

    .continfo h5::after {
        width: 29%;
    }

    .follow h5::after {
        left: 38%;
        width: 21%;
    }

    .ftrbtm p {
        font-size: calc(1.2vw + 1.2vh);
    }

    .ftrbtm {
        flex-direction: column;
    }

    .topbtn {
        font-size: calc(2vw + 2vh);
    }

    .topbtn:hover {
        font-size: calc(2.05vw + 2.05vh);
    }

    /* product */
    .prdsct2innr {
        width: 90%;
    }

    .prdsect2pd {
        padding: 0 2%;
    }

    /* .prdsect2txt1 p {
        padding-top: 5%;
        padding-right: 0%;
        line-height: 0.9;
    }

    .prdsect2txt p {
        padding-top: 5%;
        padding-right: 0%;
        line-height: 0.9;
    } */

    .prdsct2bl1,
    .prdsct2bl2,
    .prdsct2bl3,
    .prdsct2bl4,
    .prdsct2bl5 {
        display: none;
    }

    .prdsct1 h3 {
        font-size: calc(3.3vw + 3.3vh);
    }

    /* about */
    .abt2pd {
        padding: 0;
    }

    .abt2lft p {
        font-size: calc(1vw + 1vh);
        line-height: 1;
        padding-right: 0%;
    }

    .abt2bl3 {
        top: 63%;
    }
}

@media only screen and (max-width: 390px) {
    .fllwicon {
        width: 25%;
    }

    .qlinks h5::after {
        width: 54%;
    }

    .follow h5::after {
        left: 37%;
        width: 21%;
    }

    .continfo h5::after {
        width: 29%;
    }
}

@media only screen and (max-width: 375px) {
    .hm10pr {
        width: 83%;
        padding: 18% 12% 29% 12%;
    }

    .hm10 .product-owl-carousel .owl-prev:before {
        left: -4%;
    }

    .hm10 .product-owl-carousel .owl-next:before {
        right: -4%;
    }

    .qlinks h5::after {
        width: 48%;
    }

    .continfo h5::after {
        width: 25%;
    }

    .follow h5::after {
        left: 39%;
        width: 18%;
    }

    /*about*/
    .abt2bl3 {
        top: 61%;
    }
}

@media only screen and (max-width: 360px) {
    .hm10pr {
        width: 87%;
        padding: 18% 11.5% 33% 11.5%;
    }

    .follow h5::after {
        left: 38%;
        width: 20%;
    }

    .qlinks h5::after {
        width: 52%;
    }

    .continfo h5::after {
        width: 29%;
    }
    .hdrmbl {
        height: 5%;
    }

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

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


}

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

@media only screen and (max-width: 320px) {
    .animated-icon1 {
        width: 25px;
    }

    .hdrmbllogo {
        width: 90%;
    }

    .menu a {
        font-size: 6vw;
    }

    .hm2 {
        width: 90%;
    }

    .hm3 {
        padding: 27% 0 5.6%;
    }

    .hm3contimg {
        width: 67%;
        right: 8%;
    }

    .hm4stl {
        width: 100%;
        padding: 0;
    }

    .hm7 {
        width: 85%;
    }

    .hm7btn {
        margin-top: -10%;
    }

    .hm7primg {
        width: 80%;
    }

    .hm2btn a,
    .hm7btn a {
        font-size: calc(1.3vw + 1.3vh);
    }

    .owl-carousel .owl-nav .owl-prev:before,
    .owl-carousel .owl-nav .owl-next:before {
        top: 30%;
        font-size: 5.5vw;
    }

    .hm10pr {
        width: 95%;
        padding: 18% 11.5% 34% 11.5%;
    }

    .hm10pr p {
        font-size: calc(1.15vw + 1.15vh);
    }

    .hm10pr h5,
    .hm10pr h5 span {
        font-size: calc(1.02vw + 1.02vh);
    }

    .hm10 .product-owl-carousel .owl-prev:before,
    .hm10 .product-owl-carousel .owl-next:before {
        font-size: 5.5vw;
    }

    .hm10 .product-owl-carousel .owl-next:before {
        right: -6%;
    }

    .hm10 .product-owl-carousel .owl-prev:before {
        left: -6%;
    }

    .ftrbtm {
        flex-direction: column;
    }

    .ftrbtm p {
        font-size: calc(1.3vw + 1.3vh);
    }

    .qlinks, .continfo {
        margin-left: 10%;
    }

    .followbx {
        width: 35%;
    }

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

    .qlinks h5::after {
        width: 50%;
    }

    .continfo h5::after {
        width: 26%;
    }

    .follow h5::after {
        left: 39.5%;
        width: 18.5%;
    }

    /* product */
    .prdsct2txt p {
        font-size: calc(0.95vw + 0.95vh);
        padding-top: 2%;
        line-height: 1;
    }

    .prdsect2txt1 p {
        font-size: calc(0.95vw + 0.95vh);
        padding-top: 3%;
        line-height: 1;
    }

    /* about */
    .abt2bl3 {
        top: 64.5%;
    }

    /* contact */
    .ctnsectinnr {
        width: 80%;
    }

    .ctnsct3form {
        padding: 3% 5% 3% 5%;
    }

    .ctnsct3field input,
    .ctnsct3field textarea {
        font-size: calc(1.55vw + 1.55vw);
    }

    .ctnsct3field {
        margin: 2% 0;
    }

    .ctnsct3 h3 {
        margin-bottom: 3%;
    }

    .ctnsct3btn {
        margin: -2% 0 7%;
    }
}

@media only screen and (max-width: 300px) {
    /*.continfo {*/
    /*    margin-left: -30%;*/
    /*}*/
    
    
  
}

@media only screen and (max-width: 280px) {
    .hm7btn {
        margin-top: -15%;
    }

    .hm10pr p {
        font-size: calc(0.95vw + 0.95vh);
    }

    .hm10pr h5,
    .hm10pr h5 span {
        font-size: calc(0.9vw + 0.9vh);
    }

    .qlinks, .continfo {
        margin-left: 8%;
    }

    .follow h5::after {
        left: 38%;
        width: 21.5%;
    }

    .qlinks h5::after {
        width: 59%;
    }

    .continfo h5::after {
        width: 30%;
    }

    /* product */
    /* .prdsect2txt1 p {
        padding-top: 1%;
    }

    .prdsect2txt p {
        padding-top: 1%;
    } */
    /*about*/
    .abt2bl5 {
        bottom: -2%;
    }
}