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





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




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





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





@media (min-width: 1001px) 
{  
}





@media only screen and (max-width: 767px) 
{
    .tilt1 {
    top: -40%;
}
}
@media only screen and (max-width: 648px) 
{
    .tilt1 {
    top: -50%;
}
}





@media only screen and (max-width: 800px) 
{
    .noodle {
    width: 100%;
    padding: 20% 0% 0% 0%;
}
.abt1 {
    width: 80%;
    padding-top: 3%;
}
.nif {
    width: 80%;
}
.company {
    padding-top: 0%;
    font-size: calc(1vw + 1vh);
    }
    .company2 {
    font-size: calc(1vw + 1vh);
}
.fot1 h3 {
    padding-top: 0%;
}
.tpbar a h3 {
    font-size: 1.5vw;
}
.topbar img {
    padding-top: 30%;
}
.products h3 {
    font-size: 2.2vw;
}
.pro {
    width: 80%;
    }
    .btnn h3 {
    font-size: 1.7vw;
}
.text-center p {
    font-size: 1.9vw;   
    margin: 0;
}
::placeholder{
    font-size: 1.5vw;
}
.form-button1 {
    font-size: 1.5vw !important;
}
.text-center p a {
    font-size: 1.9vw;
}
.turn {
    font-size: 2.6vw;
}

}





@media only screen and (max-width: 1686px) 
{
    .tilt1 {
    top: -49%;
}
.tilt2 {
    top: 12%;
    }

}
@media only screen and (max-width: 1471px)
{
    .tilt1 {
    top: -62%;
}
}
@media only screen and (max-width: 1316px)
{
    .tilt1 {
    top: -71%;
}

}
@media only screen and (max-width: 1199px)
{
    .tilt1 {
    top: -62%;
}

}
@media only screen and (max-width: 1080px)
{
    .tilt1 {
    top: -67%;
}


}
@media only screen and (max-width: 1034px)
{
    .samosa img {
    width: 87%;
}
.chef img {
    width: 87%;
}

}
@media only screen and (max-width: 990px)
{
    .tilt1 {
    top: -47%;
}
}
@media only screen and (max-width: 838px)
{
    .tilt1 {
    top: -53%;
}
}
@media only screen and (max-width: 838px)
{
    .tilt1 {
    top: -60%;
}
}








@media only screen and (max-width: 575px) 
{
    .text-center p {
    font-size: 3vw;
}
 .text-center p a {
    font-size: 3vw;
}
    ::placeholder{
    font-size: 1.9vw;
}
    .form-button1 {
    font-size: 1.9vw !important;
}
    .btnn h3 {
    font-size: 2vw;
}
    .pro {
    width: 90%;
}
	.mobile-menu-bar{
		display: block;
	}
	.topbar{
		display: none;
	}
	.yellow{
		padding: 50% 0% 22% 0%;
		background-size: 50%;
	}
	.product2 {
    width: 31%;
    top: 8%;
    right: 12%;
}
.product1 {
    width: 21%;
    top: 2%;
    left: 22%;
}
.product3 {
    width: 32%;
    top: 65%;
    left: 19%;
}
.product4 {
    width: 30%;
    top: 47%;
    right: 15%;
}
.snack1 {
	font-size: 3.5vw;
}
.product5 {
    width: 30%;
    top: 11%;
}
.product6 {
    width: 28%;
    top: 5%;
    right: 18%;
}
.product7 {
    width: 32%;
    top: 55%;
    left: 20%;
}
.product9 {
    width: 28%;
    top: 12%;
    left: 17%;
}
.product10 {
    width: 31%;
    top: 4%;
    right: 16%;
}
.product11 {
    width: 35%;
    top: 55%;
    left: 16%;
}
.product12 {
    width: 33%;
    top: 55%;
    right: 14%;
}
.samosa img {
    width: 65%;
}
.sauce img {
    width: 33%;
}
.chef img {
    width: 65%;
}
.packet img {
    width: 35%;
}
.samosa {
    top: -13%;
    left: 18%;
}
.sauce {
	left: 12%;
}
.tilt2 {
	left: 20%;
	font-size: 3.5vw;
}
.chef {
    bottom: -2%;
    right: 16%;
}
.tilt1 {
    font-size: 3.5vw;
    top: -38%;
    right: -56%;
}
.packet {
	left: 67%;
}
.txt1 p {
    font-size: 2.5vw;
}
.txt1 h4 {
    font-size: 3.5vw;
}
.range {
	font-size: 1.9vw;
}
.test h3 {
	font-size: 7vw;
}
.fot {
	text-align: center;
	padding: 0% 0% 0% 0%;
}
.fot3 img {
    width: 50%;
}
.fot1 h3 {
    font-size: 3.5vw;
    padding-top: 3%;
}
.fot1 h4 {
    font-size: 2.3vw;
    padding-bottom: 0%;
}
.fot1 h5 a {
    font-size: 2.5vw;
}
.fot1 h5 i {
    font-size: 5.3vw;
}
.fot1 a {
    font-size: 4vw;
}
.fot2 h3 {
    font-size: 3.5vw;
    padding-top: 2%;
}
.fot2 h4 a {
    font-size: 2.5vw;
}
.fot4 h3 {
    font-size: 2vw;
}
.banner1 h3 {
	padding-top: 0%;
	font-size: 7vw;
}
.banner1 img {
    width: 45%;
    padding-top: 0%;
}
.banner1 h4 {
    font-size: 3vw;
    padding-top: 0%;
}
.blink21 {
	font-size: 7vw;
}





}







@media only screen and (max-width: 470px) 
{
    .fot4 h3 {
    font-size: 3vw;
}
.fot1 h3 {
    font-size: 4.5vw;
}
.fot1 h4 {
    font-size: 3vw;
    }
    .fot1 h5 a {
    font-size: 3vw;
}
    .fot1 a {
    font-size: 6vw;
}
.fot2 h3 {
    font-size: 4.5vw;
}
.fot2 h4 a {
    font-size: 3vw;
}
.fot3 img {
    width: 70%;
}
.turn {
    font-size: 3.6vw;
}
.red h3 {
    font-size: 10vw;
}
.infrastructure {
    font-size: 8vw;
    padding-top: 0%;
}
.products h3 {
    font-size: 5.2vw;
}


}