@media only screen and (max-width:1536px){
    .galleryhd {
        width: 100%;
        height: 400px;
        background: linear-gradient(360deg, #ffffff 50%, #ffffff 0);
        border-radius: 50% 50% 0 0;
        position: relative;
        margin-top: -12%;
    }
    .glx {
        height: 400px;
        width: 100%;
        background-color: #fff5f4;
        position: relative;
    }
    .xxxxxwww {
        margin: 0;
        position: absolute;
        top: 26%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999;
        width: 77%;
    }
    .veris h2{
            transform: translateY(-168%);
    }
.glggl {
    margin-top: -18%;
    padding-bottom: 7rem;
    position: relative;
    z-index: 9;
}
    .jk .row {
    width: 72% !important;
}
    .inner-product .row {
        width: 75% !important;
    }
    .logoooo img{
        width: 60% !important;
    }
    .foologo img{
        width: 36% !important;
    }
    .why {
        height: 87vh;
        background-image: url(../images/bg1.jpg);
        background-size: cover;
    }
    .rightwhy{
        padding: 2rem;
    }
    .figlist h4 {
        font-size: 18px;
        color: #fff;
        font-weight: 300;
        letter-spacing: 0.55px;
        border-top: 1px solid #ffffff9c;
        padding-top: 23px;
        line-height: 27px;
    }
    .figlist h5 {
        font-size: 27px;
        color: #fff;
        font-weight: 400;
        letter-spacing: 0.55px;
        padding-bottom: 10px;
    }
    .title-head h2 {
        font-size: 45px;
        letter-spacing: 0.55px;
        margin-bottom: 1rem;
        /* color: #000 !important; */
    }
    .title-head p {
        font-size: 18px;
        font-weight: 400;
        width: 60%;
        margin: auto;
        line-height: 30px;
        letter-spacing: 0.55px;
    }
    .bantext p {
    font-size: 18px;
    color: #fff;
    font-family: inherit;
    font-weight: 300;
    line-height: 30px;
    margin-top: 15px !important;
}
    .foologo p {
        font-size: 18px;
        font-weight: 300;
        margin: auto;
        line-height: 32px;
        letter-spacing: 0.55px;
        color: #fff;
    }
    .scll {
        padding: 7px 20px;
    }
    .linklist ul li a {
        text-decoration: none;
        color: #fff;
        letter-spacing: 0.55px;
        font-size: 18px;
        display: flex;
        padding: 6px 0;
        font-weight: 300;
    }
    .innerabt {
        width: 85%;
        margin: auto;
        text-align: center;
    }
    .bantext h2 {
        font-size: 68px;
        color: #fff;
        line-height: 85px;
        /* text-shadow: 0 11px 5px #f7f7f7; */
    }
    .pureee {
        font-size: 40px;
        color: #fff;
        line-height: 50px;
        margin-bottom: 1.5rem !important;
    }
    .innerabt h2 {
        font-size: 115px;
    }
   .cirrr {
    height: 34px;
    width: 34px;
    left: 113px;
   }
   .cir2 {
        left: 373px;
    }
    .cir3 {
        left: 630px;
    }
    .cir4 {
        left: 881px;
    }
    .cir5 {
        left: 1140px;
    }
}
@media only screen and (max-width:552px){

    .innerwhy .row{
            flex-direction: column-reverse;
    }
    .inner-product {
    position: relative;
    transform: translateY(-7%);
    z-index: 9;
}
    .inner-product .col-lg-6{
        padding:0 !important;
    }
        .inner-product .row {
        width: 100% !important;
    }
    .bannerswipeeer .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
}
    .pureee {
        font-size: 20px;
        color: #fff;
        line-height: 22px;
        margin-bottom: 1.5rem !important;
    }
    .header {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 99999999999;
        transition: all .3s;
        background-color: #fff !important;
        box-shadow: black 0px 0px 15px -10px;
    }
        .logoooo img {
            width: 50% !important;
        }
    .headernew {
        /* background-color: #fff; */
        animation: moved 1s;
        background-color: #fff;
        box-shadow: black 0px 0px 10px -7px;
    }
    @keyframes moved{
        0%{
            top:0;
        }
        50%{
            top:0%;
        }
        100%{
            top:0;
        }
    }
        .col-6:nth-child(1) .quic a{
        background-color:#f18b17;
    }
      .col-6:nth-child(2) .quic a {
        background-color: #006736;
    }
     .fixedbtn {
        z-index: 99;
    }
    .quic a{
        padding:10px;
        color:#fff;
        font-size:18px;
    }
      #whatsapp-chat {
            max-width: 341px;
            width: 100%;
            bottom: 172px;
            height: 502px;
        }
    .clsss img{
        width: 30px;
        filter: invert(1);
    }
    .headerxxx ul li a {
    color: #ffffff !important;
}
    .clsss{
        top:5%;
        right:5%;
    }
    .headernew .listitems li a {
        color: #ffffff !important;
    }
    .col:nth-child(5) .productimg {
        width: 80%;
        margin: auto;
    }
    .col:nth-child(4) .productimg {
        width: 67%;
        margin: auto;
    }
    .col:nth-child(1) .productimg {
        width: 95%;
        margin: auto;
    }
    .col:nth-child(2) .productimg {
        width: 98%;
        margin: auto;
    }
    .col:nth-child(3) .productimg {
        width: 80%;
        margin: auto;
    }
    .title-head h2 {
        font-size: 32px;
        letter-spacing: 0.55px;
        margin-bottom: 0.5rem;
        /* color: #000 !important; */
    }
    .container {
        max-width: 95%;
    }
    .title-head p {
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        margin: auto;
        line-height: 30px;
        letter-spacing: 0.55px;
    }
    .llik h2 {
        transform: initial !important;
    }
    .abttext::before {
        position: absolute;
        content: "";
        background-image: url(../images/wer.png);
        background-size: contain;
        height: 98%;
        width: 99%;
        border-radius: 0;
        bottom: 59px;
        left: -12%;
        z-index: -1;
        background-repeat: no-repeat;
        opacity: 0.2;
    }
    .abttext {
        padding: 3rem 0 13rem;
        position: relative;
        z-index: 1;
        background-color: #fff5f4;
        overflow: hidden;
    }
    .abttext::after {
        position: absolute;
        content: "";
        background: linear-gradient(180deg, #ffffff 50%, transparent 0);
        background-size: contain;
        height: 294px;
        width: 100%;
        border-radius: 30%;
        bottom: -153px;
        left: 0;
        z-index: 9;
    }
    .innerabt p {
        font-size: 22px;
        letter-spacing: 0.55px;
        color: #000;
    }
    .innerabt h2 {
        font-size: 65px;
    }
    .innerabt {
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .bantext .readbtn{
        display:none;
    }
    .navitemss {
        position: fixed;
        height: 100vh;
        width: 100%;
        /* background-color: #000; */
        background: linear-gradient(0deg, #f18b17, #673800);
        top: 0;
        left: -100%;
        z-index: 9;
        transition: all .3s;
    }
    .navitemssnew{
        left:0;
    }
    .qqqqqqq ul {
        display: grid !important;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 9;
        transform: translateY(-50%);
        justify-content: start !important;
        padding-left: 10% !important;
    }
    .closeeeeee {
        top: 2%;
        right: 6%;
        display: flex;
        gap: 6px;
    }
    .cirrr {
        height: 19px;
        width: 19px;
        left: 23px;
    }
    .cir2 {
        left: 87px;
    }
    .cir3 {
        left: 150px;
    }
   .cir4 {
        left: 214px;
    }
    .cir5 {
        left: 278px;
    }
    .cirrr::after {
        height: 6px;
        width: 6px;
    }
    .weightlist p {
        font-size: 13px;
        letter-spacing: 0.55px;
        margin-top: 0rem !important;
    }
    .bantext {
        top: 50%;
        left: 8%;
        transform: translateY(-50%);
        z-index: 9;
        width: fit-content;
    }
    .productrangelist {
        margin-bottom: 1rem;
    }
    .bantext h2 {
        font-size: 27px;
        color: #fff;
        line-height: 40px;
    }
    .bantext p{
        display: none;
    }
    .innerbanner img {
        height: 100%;
        object-fit: cover;
    }
    .banner {
        position: relative;
        margin-top: 19%;
    }
}
@media only screen and (max-width:400px){
    .glx {
        height: 79px;
        width: 100%;
        background-color: #fff5f4;
        position: relative;
    }
    .galleryhd {
    width: 100%;
    height: 132px;
    background: linear-gradient(360deg, #ffffff 50%, #ffffff 0);
    border-radius: 50% 50% 0 0;
    position: relative;
    margin-top: -14%;
}
    .xxxxxwww {
        margin: 0;
        position: absolute;
        top: 61%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999;
        width: 100%;
    }
        .veris h2 {
        transform: translateY(-34%);
    }
    .glggl {
        margin-top: 7%;
        padding-bottom: 3rem;
        position: relative;
        z-index: 9;
    }
        .innerabt h2 {
            font-size: 50px;
        }
        .innerabt p {
            font-size: 18px;
            letter-spacing: 0.55px;
            color: #000;
        }
    .abttext::before {
        position: absolute;
        content: "";
        background-image: none;
        background-size: contain;
        height: 98%;
        width: 99%;
        border-radius: 0;
        bottom: 4px;
        left: -12%;
        z-index: -1;
        background-repeat: no-repeat;
        opacity: 0.2;
    }
        .cirrr {
            height: 19px;
            width: 19px;
            left: 25px;
        }
        .cir2 {
            left: 97px;
        }
        .cir3 {
            left: 168px;
        }
        .cir4 {
            left: 239px;
        }
        .cir5 {
            left: 310px;
        }
        .figlist h5 {
            font-size: 25px;
            color: #fff;
            font-weight: 400;
            letter-spacing: 0.55px;
            padding-bottom: 4px;
        }
        .figlist h4 {
            font-size: 16px;
            color: #fff;
            font-weight: 300;
            letter-spacing: 0.55px;
            border-top: 1px solid #ffffff9c;
            padding-top: 12px;
        }
    .innerwhy {
        width: 100% !important;
        position: initial !important;
        transform: initial !important;
        padding-bottom: 3rem;
        z-index: 9;
        position: relative !important;
        left: 0 !important;
    }
    .innerenquery .title-head p{
        display:none;
    }
    .jk span {
        font-size: 16px;
        font-weight: 400;
        width: 60%;
        /* margin: auto; */
        line-height: 28px;
        letter-spacing: 0.55px;
        color: #000;
    }
    /*.cllls{*/
    /*    display:none;*/
    /*}*/
    .foologo{
        width:100% !important;
    }
        .rightwhy {
        padding: 0rem;
    }
        .figerr .col-lg-4{
            padding:0;
        }
    .why {
        height: 100%;
        background-image: url(../images/bg.jpg);
        background-size: cover;
    }
    .jk {
    position: initial !important;
    padding: 3rem 0;
    transform: initial !important;
}
    .dealer img {
        height: 37vh;
        object-fit: cover;
        display: none;
    }
        .jk .row {
        width: 100% !important;
    }
    .jk .col-lg-6{
        padding:0 15px !important;
    }
    .rightfooter .col-lg-8{
        padding:0 !important;
    }
    footer {
        padding: 1rem 0 2rem;
        background-color: #f18b17;
        position: relative;
        z-index: 1;
    }
.copy{
        text-align: center !important;
}
        .jk::after {
            position: absolute;
            content: "";
            background-color: #d3d3d300;
            background-size: contain;
            height: 100%;
            width: 1px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .readbtn1 a {
            padding: 8px 29px;
            font-size: 14px;
        }
        .jk p {
            font-size: 23px;
            letter-spacing: 0.55px;
        }
        .scol .row{
            width: 100% !important;
            margin: 0;
        }
        .scll {
            padding: initial;
            display: block;
            height: 40px;
            width: 40px;
            position:relative;
        }
        .scll img{
           position:absolute;
           top:50%;
           left:50%;
           transform:translate(-50%,-50%);
        }
        .scol .col{
                flex: 0 0 0%;
        }
        .foologo img{
                width: 90% !important;
        }
        .rightfooter .col-lg-4{
            padding:0;
        }
        .innerfooter .col-lg-5,.innerfooter .col-lg-7{
            padding:0;
        }
        .foologo p {
            font-size: 18px;
            font-weight: 300;
            margin: auto;
            line-height: 32px;
            letter-spacing: 0.55px;
            color: #fff;
            margin-bottom: 1rem !important;
        }
    .copy p {
        text-decoration: none;
        color: #fff;
        letter-spacing: 0.55px;
        font-size: 17px;
        display: inline-block;
        padding: 10px 0;
        font-weight: 300;
        justify-content: center;
        gap: 10px;
        text-align: center !important;
        justify-content: center;
    }
    .enquery .title-head {
        padding: 1rem 1rem;
        background-color: #f18b170f;
    }
        .innerenquery {
            box-shadow: black 0px 0px 25px -18px;
            width: 100% !important;
        }
        .title-head h2 {
            font-size: 27px;
            letter-spacing: 0.55px;
            margin-bottom: 0.5rem;
            /* color: #000 !important; */
        }
        .title-head p {
            font-size: 16px;
            font-weight: 300;
            width: 100%;
            margin: auto;
            line-height: 25px;
            letter-spacing: 0.55px;
            color: #000;
        }
        .innerenquery .row {
            padding: 2rem 1rem;
        }
        .innerenquery .col-lg-6{
            padding:0;
        }
        .frminp input {
            width: 100%;
            height: 40px;
        }
    .enquery {
        padding: 4rem 0 4rem;
    }
        .linee {
            height: 1px;
            width: 40px;
            background-color: #000;
            position: relative;
            margin-left: auto;
        }
        .linee::after{
            position:absolute;
            content:"";
            background-color:#000;
            background-size:contain;
            height:1px;
            width:33px;
            top:-10px;
            left:0;
        }
        .linee::before{
            position:absolute;
            content:"";
            background-color:#000;
            background-size:contain;
            height:1px;
            width:33px;
            top:10px;
            left:0;
        }
        .foologo .scll img {
            width: 20px !important;
        }
}