@media only screen and (max-width: 2000px) 
{
   .call-text {  display: none; }
   .unit-2 {
    right: 45px;
}
.main{
display: none;
}

}
@media only screen and (max-width: 800px) 
{ .call-text {
           display: inline-block;
           position: fixed;
           top: 84%;
           right: 0;
           background: #ffffff;
           color: #fff;
            padding: 8px;
           z-index: 9999;
           border-radius: 32px;
         }
         .call-text img {
             width: 40px;
         }

      
.mbx{
    display:block;
}

        }

@media only screen and (max-width: 1920px) 
{
.social{
    display: grid;
}
.social img{
   padding: 5px;
}
.unit-2 {
    right: 45px;
}
}
 
 @media only screen and (max-width: 1800px) 
 {
        .taste{
            font-size: 50px;
        }
        .real{
            font-size: 60px;
        }
        .crunch{
            font-size: 120px;
        }
        .recipe-text {
            left: 0px;
        }        
        
        .category{
            font-size: 46px;
        }
                
        .every{
            font-size: 35px;
            left: 14.2%;
        }
        .tells{
            font-size: 65px;
        }
        .story{
            font-size: 115px; 
        }    
        .get{
            font-size: 35px;
        }
        .touch{
            font-size: 65px;
        }
        .with{
            font-size: 115px; 
        }
        .yum{
            font-size: 35px;
        }
        .crun{
            font-size: 65px;
        }
        .prd{
            font-size: 77px; 
        }
        .social{
            display: inline;
        }
 }




 
 @media only screen and (max-width: 1500px) 
 {
        .taste{
            font-size: 40px;
        }
        .real{
            font-size: 50px;
        }
        .crunch{
            font-size: 100px;
        }
           
        .every{
            font-size: 28.6px;
        }
        .tells{
            font-size: 55px;
        }
        .story{
            font-size: 95px;
        }
        .get{
            font-size: 28.6px;
        }
        .touch{
            font-size: 55px;
        }
        .with{
            font-size: 95px;
        }
        .yum{
            font-size: 28px;
        }
        .crun{
            font-size: 50px;
        }
        .prd{
            font-size: 65px; 
        }
        
        .blue{
            left: 150px;
        }
        .quality{
            left: 180px;
        }
        .recipe-text {
            top: 50px;
        }   
        .packet, .flying{
            display: none;
        }
         
        .category{
            font-size: 39px;
            top: 36%;
        }
             
        .hdr-menu h1{
            font-size: 21px;
        }
        footer{
            font-size: 30px;
        }
        .footer-logo img {
            width: 65%;
        }
        .carousel-caption p{
            font-size: 18px !important;
        }
            
        .info p {
            font-size: 30px;
        }
        .quote::after {
            content: url(../assets/img/inverted-koma-right.png);
            position: absolute;
            right: 20%;
            bottom: 17px;
            transition: all 0.5s;
        }
 }


 @media only screen and (max-width: 1366px) 
 {
     .delicious {
    height: 750px;
}
.chef {
        top: -5px;
        right: 110px;
        width: 32%;
    
}
.girl2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
}

.packet, .flying {
    display: block;
}

 }

 @media only screen and (max-width: 1250px) 
 {
        .taste{
            font-size: 33px;
        }
        .real{
            font-size: 40px;
        }
        .crunch{
            font-size: 80px;
        }  
        .every{
            font-size: 23px;
        }
        .tells{
            font-size: 45px;
        }
        .story{
            font-size: 75px;
        }
        .get{
            font-size: 23px;
        }
        .touch{
            font-size: 45px;
        }
        .with{
            font-size: 75px;
        }
        .yum{
            font-size: 24px;
        }
        .crun{
            font-size: 40px;
        }
        .prd{
            font-size: 52px; 
        }
                
        .hdr-menu h1{
            font-size: 18px;
        }    
        .info p {
            font-size: 30px;
        }

        .quote::after {
            content: url(../assets/img/inverted-koma-right.png);
            position: absolute;
            right: 0%;
            bottom: 17px;
            transition: all 0.5s;
        }
        .delicious {
            position: relative;
            background: url(../assets/img/blue-back.png);
            height: 1050px;
            background-repeat: no-repeat;
            background-size: cover;
            box-shadow: -4px 0px 10px 1px #aaaaaa;
        }
        .chef {
            top: 0px;
            right: 180px;
            width: 26%;
        }

        .unit-2 {
            right: 25px;
        }  


 }





 @media only screen and (max-width: 1200px) 
 {
       
    .recipe-text {
        left: 54px;
    }
        
    .flink, .flink h3{
        margin: auto;
        text-align: center;
    }
    .pc{
        top: 0px;
    }
    .pc-fb {
        top: 19px;
    }
    .emojis::before{
        top: -15%;
    }
    .emojis::after{
        top: 14%;
    }      
    .smiley2{
        bottom: 5%;
    }

    .diff{
        display: block;
    }
    .carousel-caption p{
        font-size: 17.5px !important;
    }
    
    .category{
        font-size: 51px;
    }
    .more-tasty::after {
        right: -20%;
        top: -51%;
        transform: scale(0.5) !important;
    }
    
    .more-tasty::before {
        left: -20%;
        top: -61%;
        transform: scale(0.5) !important;
    }

    .footer-logo img {
        width: 25%;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .carousel-caption p{
        font-size: 15px !important;
    }
        
    .hdr-menu form{
        width: 260px;
        height: 38px;
        margin: auto;
    }
    .rusk{
        display: none;
    }
  
 }

 @media only screen and (max-width: 1199px) 
 {
    .packet, .flying {
        display: none;
    }
 }
 



 
 @media only screen and (max-width: 1000px) 
 {
        .taste{
            font-size: 25px;
        }
        .real{
            font-size: 30px;
        }
        .crunch{
            font-size: 73px;
        }
        .every{
            font-size: 18.3px;
        }
        .tells{
            font-size: 35px;
        }
        .story{
            font-size: 60px;
        }
        .get{
            font-size: 18.3px;
        }
        .touch{
            font-size: 35px;
        }
        .with{
            font-size: 60px;
        }
        .yum{
            font-size: 17px;
        }
        .crun{
            font-size: 30px;
        }
        .prd{
            font-size: 41px;
        }
        
        .anytime{
            left: 5px;  
        }
        .yummy{
            left: 145px;  
        }
                
        .real::before{
            transform: scale(0.8) !important;
        }
        .real::after{
            transform: scale(0.8) !important;
        }  

        .more-tasty::after {
            right: -20%;
            top: -51%;
            transform: scale(0.5) !important;
        }
        
        .more-tasty::before {
            left: -24%;
            top: -61%;
            transform: scale(0.5) !important;
        }

        .tells::before{
            transform: scale(0.5) !important;
            left: -26%;
            top: -62%;
        }
        .tells::after{    
            transform: scale(0.5) !important;
            right: -22%;
        }

        .touch::before{
            transform: scale(0.5) !important;
            top: -25px;
            left: -30%;
        }
        .touch::after{    
            transform: scale(0.5) !important;
            bottom: -12%;
            right: -24%;
        }
        .crun::before{
            transform: scale(0.5) !important;
            top: -25px;
            left: -30%;
        }
        .crun::after{    
            transform: scale(0.5) !important;
            bottom: -12%;
            right: -24%;
        }

        .quote::after {
            content: url(../assets/img/inverted-koma-right.png);
            position: absolute;
            right: -2%;
            bottom: 17px;
            transition: all 0.5s;
        }
        

 }
 @media only screen and (max-width: 812px) 
 {
    .hdr-menu {
        width: 80%;
    }

    .tstm img {
        height: 80%;
    }
    .chef {
        top: 150px;
        right: 150px;
        width: 30%;
    }
 }




 @media only screen and (max-width: 800px) 
 {
        .taste{
            font-size: 16px;
        }
        .real{
            font-size: 20px;
        }
        .crunch{
            font-size: 50px;
        }
        .every{
            font-size: 14.2px;
        }
        .tells{
            font-size: 27px;
        }
        .story{
            font-size: 47px;
        }
        .get{
            font-size: 14.2px;
        }
        .touch{
            font-size: 27px;
        }
        .with{
            font-size: 47px;
        }
        .yum{
            font-size: 13px;
            bottom: 77%;
        }
        .crun{
            font-size: 22px;
            bottom: 66%;
        }
        .prd{
            font-size: 31px;
        }
        
        .blue{
            left: 10%;
        }
        .quality{
            left: 14%;
        }
        .quote {
            margin-left: 80px;
            width: 81%;
        }
        .carousel-caption p{
            font-size: 13px !important;
        }
  
        .real::before{
            left: -43%;
            top: -160%;
            transform: scale(0.5) !important;
        }
        .real::after{
            right: -29%;
            top: -248%;
            transform: scale(0.5) !important;
        }

        .more-tasty::after {
            right: -25%;
            top: -51%;
            transform: scale(0.5) !important;
        }
        
        .more-tasty::before {
            left: -24%;
            top: -61%;
            transform: scale(0.5) !important;
        }
        .box {
            margin: 0px;
            position: relative;
            bottom: -12px;
            padding: 300px;
            margin-top: -600px;
        }


        .curnchy {
            position: absolute;
            bottom: -3%;
            margin-bottom: 23.5%;
            left: 22.5%;
            width: 14%;
            display: none;
        }


        .tells::before{
            transform: scale(0.3) !important;
            top: -105%;
            left: -29%;
        }
        .tells::after{
            transform: scale(0.3) !important;
            bottom: 7%;
            right: -24.5%;
        }
        .touch::before{
            transform: scale(0.3) !important;
        }
        .touch::after{
            transform: scale(0.3) !important;
            bottom: -39%;
            right: -28%;
        }
        .crun::before{
            transform: scale(0.3) !important;
        }
        .crun::after{
            transform: scale(0.3) !important;
            bottom: -39%;
            right: -28%;
        }


        .category{
            font-size: 40px;
        }
        .delicious{
            display: none;
        }
        .delicious2{
            display: block ;
        }
        .recipe-text2{
                position: relative;
                top: 0px;
                left: 14%;
                width: 70%;
                z-index: 200;      
        }

        .cont-blue{
            right: unset;
        }
        .find{
            left: 28px;
            right: 10px;
        }

        .quote::after {
            content: url(../assets/img/inverted-koma-right.png);
            position: absolute;
            right: 15%;
            bottom: 5px;
            transition: all 0.5s;
        }
        .hdr-menu {
        width: 90%;
        }
        .quote::before {
            content: url(../assets/img/inverted-koma.png);
            position: absolute;
            left: -75px;
            transition: all 0.5s;
        }

 }

 @media only screen and (max-width: 667px) 
 {
    .quote::after {
        content: url(../assets/img/inverted-koma-right.png);
        position: absolute;
        right: 3%;
        bottom: 5px;
        transition: all 0.5s;
    }

    .hdr-menu {
        width: 99%;
    }
    .resize-row{
        flex-wrap: nowrap;
    margin-left: 15px;
    }
    .quote::before {
        content: url(../assets/img/inverted-koma.png);
        position: absolute;
        left: -12px;
        transition: all 0.5s;
    }
    .myhidden{ display: none !important; }
    .pr-img {
        width: 100%;
        padding: 0px 0px 50px 0px;
    }
    .query-us {font-size: 22px;}

    .unit-2 {
        right: 0px;
        font-size: 21px;
        top: 0%;
    }
    .unit-1 {
        right: 0px;
        font-size: 22px;
        left: -150px;
    }
    .myhidden {
        display: inline-block !important;
    }
 }
 
 @media only screen and (max-width: 650px) 
 {
    .myhidden {
        display: none !important;
    }
        .crunch{
            font-size: 36px;
        }
        .category{
            font-size: 45px;
        }
        .anytime{
            width: 102%;
        }
        .yummy{
            width: 70%;
            left: 102px;
        } 
        .category{
            font-size: 37px;
        }
                
        .pc{
            top: 9px;
        }
        .pc-fb{
            top: 8%;
            width: 91%;
            overflow: hidden;
            height: 62%;
        }
                
        .prd-blue{
            width: unset;
        }

        .cont-blue{
            width: 100%;
            height: 25%;
        }
        .find{
            font-size: 52px;
        }
        .banner3{
            padding-bottom: 300px !important;
        }
 }
 















 
 @media only screen and (max-width: 600px) 
 {
     .top-hdr {
    display: unset;
    padding: 2% 7% 0% 7%;
}
    .lhd h1{
        display: none;
    }
    .hd-logo img {
        width: 50%;
         margin-bottom: 9px;
         margin-left: 0%;
     }
     .hdr-menu {
        bottom: 9px;
     }
     .hdr-menu img{
         width: 11%;
     }
     .hdr-menu h1{
        font-size: 14px;
    }
    .dropdown-toggle::after {display: none !important;}
    .dropdown{
        display: contents;
        margin: auto;
    }
    .dropdown button{   
        position: relative;
        left: 35%;
        border: none;
        background-color: #ec1c24;
        border-radius: 20%;
        color: #fff;
        padding: 6px 10px 6px 10px;
    }
    .dropdown-menu li a{
        color: #f9f0f0;
        font-weight: 500;
    }
    .dropdown-menu li{
        padding: 4px;
    }
    .dropdown-menu li a:hover{
        color: rgb(63, 6, 6);
    }
    .dropdown-menu{
        position: relative !important;
        width: 100%;
        margin: 0rem 0 10 !important;
        border: none !important;
        text-align: center !important;
        background-color: #ec1c24 !important;
    }
    .dwn{
        display: none;
    }
    .hdr{
        padding: 4px 0px 35px 0px!important;
    }

     .taste {
        font-size: 15px;
        bottom: 61%;
        left: 15%;
    }
     .real {
        bottom: 48.5%;
        left: 11%;
        font-size: 17.5px;
    }
    .crunch{
        font-size: 26px;
    }
    .every{    
        font-size: 8px;
        bottom: 61%;
    }
    .tells{
        font-size: 15px;
        bottom: 49%;
    }
    .story{
        font-size: 27px;
    }
    .get{    
        font-size: 8px;
        bottom: 61%;
    }
    .touch{
        font-size: 15px;
        bottom: 49%;
    }
    .with{
        font-size: 27px;
    }
    .yum{
        font-size: 8px;
        bottom: 73%;
    }
    .crun{
        font-size: 12px;
        bottom: 63%;
    }
    .prod-patti{
        bottom: 44%;
    }
    .prd{
        font-size: 18px;
        top: 36.5%;
    }

    .real::before{
        left: -43%;
        top: -42px;
        transform: scale(0.3) !important;
    }
  

    .more-tasty::before {
        left: -32%;
        top: -25px;
        transform: scale(0.3) !important;
    }

    .more-tasty::after {
        right: -40%;
        top: -70%;
        transform: scale(0.3) !important;
    }
    .box {
        margin: 0px;
        position: relative;
        bottom: -25px;
        padding: 300px;
        margin-top: -600px;
    }

    .tells::before{
        left: -50%;
        bottom: 0%;
        transform: scale(0.3) !important;
    }
    .tells::after{
        right: -50%;
        top: -265%;
        transform: scale(0.3) !important;
    }
    .touch::before{
        left: -61%;
        bottom: -100%;
        transform: scale(0.2) !important;
    }
    .touch::after{
        right: -50%;
        bottom: -165%;
        transform: scale(0.2) !important;
    }
    .crun::before{
        left: -61%;
        bottom: -100%;
        transform: scale(0.2) !important;
    }
    .crun::after{
        right: -50%;
        bottom: -165%;
        transform: scale(0.2) !important;
    }



    .first {
        font-size: 20px;
        width: 255px;
    }
    .first::before {
        transform: scale(0.8);
        top: -60%;
        left: -21.5%;
    }
    .first::after {
        transform: scale(0.8);
        top: -60%;
        right: -21.5%;
    }
   .step {
        font-size: 20px;
    }

    .blue {
        left: 4%;
        width: 95%;
    }
    .quality{
        font-size: 50px;
        left: 8%;
        top: -26;
    }
    .quote {
        font-size: 20px;
        margin-left: 50px;
        width: 75%;
    }
    .quote::before {
        transform: scale(0.5);
        left: -56px;
        top: -6%;
    }
    .quote::after {
        transform: scale(0.5);
        right: 0%;
        bottom: -10px;
    }

    
    .orange{
        background-size: unset;
        top: unset;
    }
    .category{
        font-size: 30px;
    }
        
    .emojis{
        width: 445px;
    }
    .pc{
        width: 100%;
    }
    .emojis::before{
        transform: scale(0.8) !important;
    }
    .emojis::after{
        transform: scale(0.8) !important;
    } 
    .smiley2{
        transform: scale(0.8) !important;
    }


    .testimonials {
        font-size: 30px;
    }
    .carousel-caption p {
        font-size: 13px !important;
    }
        
    .tstm img{
        height: 120%;
    }

    .str, .str1{
        display: none;
    }
    .view{
        top: 105%;
        left: 34%;
        width: 26.5%;

    }
    
    .footer-logo img {
        width: 45%;
    }
    
    footer{
        font-size: 28px;
    }
    .flink h3{
        font-size: 33px;
    }
        
    .prdcts{
        font-size: 48px;
    }
    .info p {
        font-size: 18px;
    }
    .find{
        font-size: 42px;
    }.snd {
        font-size: 34px;
        padding: 0px 38px 12px 38px;
        background-size: contain;
        background-position: center;
    }
    .bb{
        padding: 12%;
    }
    .cat-itm{
        position: relative;
        width: 94%;
        left: 0%;
    }
 }



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

    .packet, .flying {
        display: none;
    }

    .box {
        margin: 0px;
        position: relative;
        bottom: -12px;
        padding: 300px;
        margin-top: -600px;
    }


    .curnchy {
        position: absolute;
        bottom: 7%;
        margin-bottom: 14.5%;
        left: 21%;
        width: 16%;
        display: none;
    }

    .curnchy-hand-right {
        position: absolute;
        bottom: -2%;
        left: 28%;
        width: 24%;
        transform: rotate3d(0, 1, 1, -26deg);
        transition: 2s !important;
    }
    
    .curnchy-hand-left {
        position: absolute;
        bottom: -2%;
        left: 5%;
        width: 24%;
        transform: rotate3d(0, 1, 1, 18deg);
        z-index: 1000;
        transition: 2s !important;
    }

    .box{
        margin: 0px;
        position: relative;
        bottom: -16px;
        padding: 300px;
        margin-top: -600px;
      
     }
    
     .box:hover .curnchy-hand-right {
        bottom: -6%;
    left: 34%;
    width: 24%;
        transform: rotate3d(1, 1, 1, 1deg);
        transition: 2s !important;
    }
    
     .box:hover .curnchy-hand-left {
        bottom: -5%;
        left: 0%;
        width: 24%;
        transform: rotate3d(1, 1, 1, -2deg);
        transition: 2s !important;
    }
    .chef {
        top: -62px;
        right: 183px;
        width: 30%;
    }
 }

 
 
 @media only screen and (max-width: 580px) 
 {
    .banner4{
        height: 1461px !important;
        background-size: cover;
        width: 100%;
    }
     .bb{
    background-position: center;
     }
     .view{
        top: 106%;
     }
     .str{
        top: 106%;
     }
     .str1{
        top: 105.5%;
     }
     .ar-lf{
         margin: 11% 23% 0% 2%;
     }
     .ar-rg{
         margin: 11% 7% 0% 0%;
     }
     .square{
        height: 111%;
     }

    
     
 }



 
 @media only screen and (max-width: 480px) 
 {
       
    .emojis{
        width: 100%;
    }
    
     .banner6{
         display: none;
     }
    .quality{
        font-size: 33px;
    }
    .category{
        font-size: 24px;
    }
    .yummy {
        left: 74px;
        top: 844px;
    }    
    
    .emojis::before{
        top: -18%;
        transform: scale(0.55) !important;
    }
    .emojis::after{
        right: -12%;
        transform: scale(0.55) !important;
    }
    .smiley2{
        transform: scale(0.5) !important;
        bottom: 0%;
    }

    .prdcts{
        font-size: 34px;
    }
    .find{
        font-size: 32px;
    }
    .pc-fb{
        /*display: none !important;*/
    }
 
    .box {
        margin: 0px;
        position: relative;
        bottom: -12px;
        padding: 300px;
        margin-top: -600px;
    }


    .curnchy {
        position: absolute;
    bottom: -2%;
    margin-bottom: 14.5%;
    left: 15%;
    width: 10%;
        display: none;
    }

    .curnchy-hand-right {
        position: absolute;
        bottom: -2%;
        left: 17%;
        width: 17%;
        transform: rotate3d(0, 1, 1, -26deg);
        transition: 2s !important;
    }
    
    .curnchy-hand-left {
        position: absolute;
        bottom: -2%;
        left: 1%;
        width: 17%;
        transform: rotate3d(0, 1, 1, 18deg);
        z-index: 1000;
        transition: 2s !important;
    }

    .box{
        margin: 0px;
        position: relative;
        bottom: -16px;
        padding: 300px;
        margin-top: -600px;
      
     }
    
     .box:hover .curnchy-hand-right {
        bottom: -5%;
    left: 23%;
    width: 17%;
    transform: rotate3d(1, 1, 1, 1deg);
    transition: 2s !important;
    }
    
     .box:hover .curnchy-hand-left {
        bottom: -4%;
        left:0%;
        width: 17%;
        transform: rotate3d(1, 1, 1, -2deg);
        transition: 2s !important;
    }
    .tstm img {
        height: 100%;
    }
    .info p {
        font-size: 19px;
    }
   
 }


 
 @media only screen and (max-width: 414px) 
 {
    .banner4 {
        height: 700px !important;
    }
     .top-hdr {
    display: contents;
    padding: unset;
}
     .lhd h1 {
        font-size: 16px;
        display: flex;
    }

    .banner2 {
        position: relative;
        background-color: #f2e9da;
        padding: 50px 0px 100px 0px;
    }
    .quality {
        font-size: 28px;
        left: 15%;
        top: -26;
    }
    .banner3 {
        padding-bottom: 60px !important;
    }
    .quote { 
        top: 65px;
    }
    .quote::after {
        transform: scale(0.3);
        right: 18%;
        bottom: -10px;
    }
    .quote::before {
        transform: scale(0.3);
        left: -48px;
        top: -6%;
    }
    .orange {
        background: url(../assets/img/orange-patti-our-products.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        top: -45px;
        left: 7%;
        height: 200px;
        width: 90%;
        z-index: 2000;
        margin: auto;
    }
    .category {
        font-size: 22px;
        top: 42%;
        left: 14%;
    }
    .square {
        /*position: absolute;
        top: 170px;
        left: 6%;
        width: 90%;*/
        display: none;
    }
    .item {  min-height: 100%; min-width: 100%; background: none;     width: 125%;  position: relative;  right: 60px;}
    .item-img1-1 {left: 35%; width: 30%;  top: 24px;     display: none; }
    .main {  top: 15%; padding: 0px;}
    .ar-lf {
        margin: -10% 0% 0% 0%;
    }
    .ar-rg {
        margin: -11% 2% 0% 0%;
    }
    
    .banner5 {
        position: relative;
        background: url(../assets/img/rusk-shoot.jpg);
        height: 115%;
        background-repeat: no-repeat;
        margin-top: -131px;
        box-shadow: 0px 10px 12px #312d2d88;
    }

    .anytime {
        position: absolute;
        top: 45%;
        left: 10px;
        width: 94%;
    }
    .yummy {
        left: 68px;
        top: 65%;
        width: 60%;
    }
    .pizza {
        margin: auto;
        text-align: center;
        padding: 30px;
    }

    .diff{
        padding-bottom: 0px;
    }

    .banner7 {
        background-color: #e9e1d6;
        margin: 0px;
        text-align: center;
        height: 560PX;
        padding: 90px 0px 220px 0px;
    }
    .carousel-indicators li {
    display: none; 
    }
    .quote::before {
        transform: scale(0.3);
        left: 0px;
        top: -3%;
    }
    .main{
        display: block;
        }

 }


 
 @media only screen and (max-width: 340px) 
 {
    .yum, .crun, .prod-patti, .prd, .crun::before, .crun::after{
        display: none;
    }
    
    .info p {
        font-size: 14px;
    }

    .curnchy {
        position: absolute;
        bottom: -2%;
        margin-bottom: 14.5%;
        left: 13%;
        width: 8%;
        display: none;
    }

    .curnchy-hand-right {
        position: absolute;
        bottom: -1%;
        left: 16%;
        width: 14%;
        transform: rotate3d(0, 1, 1, -26deg);
        transition: 2s !important;
    }
    
    .curnchy-hand-left {
        position: absolute;
        bottom: -1%;
        left: 3%;
        width: 14%;
        transform: rotate3d(0, 1, 1, 18deg);
        z-index: 1000;
        transition: 2s !important;
    }

    .box{
        margin: 0px;
        position: relative;
        bottom: -16px;
        padding: 300px;
        margin-top: -600px;
      
     }
    
     .box:hover .curnchy-hand-right {
        bottom: 0%;
        left: 20%;
        width: 13%;
        transform: rotate3d(1, 1, 1, 1deg);
        transition: 2s !important;
    }
    
     .box:hover .curnchy-hand-left {
        bottom: 0%;
        left: 1%;
        width: 13%;;
        transform: rotate3d(1, 1, 1, -2deg);
        transition: 2s !important;
    }
}

@media only screen and (max-width: 375px) 
{
    .quote::after {
        transform: scale(0.3);
        right: 7%;
        bottom: -10px;
    }

    .info p {
        font-size: 16px;
        text-align: justify;
        font-weight: 500;
    }
    .quote::before {
        transform: scale(0.3);
        left: -10px;
        top: -3%;
    }
    .quote::after {
        transform: scale(0.3);
        right: 2%;
        bottom: -10px;
    }
    
   
}



@media only screen and (max-width: 320px) 
{
    .info img {
        display: none;
    }
    .quote::before {
        transform: scale(0.3); left: -30px;  top: -3%;
    }
.unit-1 {
    right: 0px; font-size: 22px; left: -80px;
}

.unit-2 { font-size: 20px;}
.query-us {font-size: 22px;}
.main {
    top: 30%;
    padding: 0px;
}
.item {
    min-height: 100%;
    min-width: 100%;
    background: none;
    width: 125%;
    position: relative;
    right: 65px;
}
}