@charset "utf-8";
/* CSS Document */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
	
@media only screen and (max-width : 1920px){
.show-only-desktop{display:block;}
.show-mobile-ipad{display:none;}
}	
	
@media only screen and (max-width : 1600px){
}
	
@media only screen and (max-width : 1366px){
	.logo-mega{right:3%;}
	.box{text-align:center; overflow:hidden; position:relative; padding:0 22px;}
	.inner-productbox .container{padding:0 5%;
}
}
	
@media only screen and (max-width : 1200px){
	.ingred1{padding:00px 15%;}

}
 
	/* Medium Devices, Desktops */
@media only screen and (max-width : 1060px){
.show-only-desktop{display:none;}
.show-mobile-ipad{display: block;}
inner-productbox h1{font-size:46px;}	
.header1{position:absolute; z-index:99; width:100%;}
.logo-m{width:20%; padding:15px;}
.navbar-right-desk{margin-right:30%;}
#bannerBg{height:auto; position:relative;}
.inner-banner-img{position:relative; padding-top:12%; z-index:0; right:0; left:0; text-align:center;}
.ingred1{padding:0 20%;}
.im-tomato{position:relative; margin-left:0;}	
.im-masala{bottom:20px;}
.box{padding:0 12px;}
.menu-txt{letter-spacing:0;}
.cl-effect-11 a{font-size:15px;}
.im-salted{right:0%;}
}

@media (max-width: 992px){
.inner-productbox .container{padding:0 1.5%;}
.inner-productbox h1{font-size:36px;}
.inner-banner-img{position:relative; padding-top:0%;}
.logo-m{width:20%; padding:15px;}
.inner-productbox p{font-size:17px; line-height:25px;}
#main-namkeen .inner-productbox p{padding-bottom:10px;}
.ingred1{padding:0 5%;}
.ingred p{padding:10px 0px 0px; font-size:14px; letter-spacing:.5px; font-weight:600; text-align:center; line-height:17px;}
.im-masala-mob{position:relative; width:50%; margin-bottom:-120px; bottom:30px; right:0;}
.header1.wow.fadeInDown{position:relative; z-index:99999999;}
.im-salted{position:relative; top:0px; right:15%; z-index:auto; -webkit-transform:scaleX(1); transform:scaleX(1); width:130%;}
}

@media only screen and (max-width:880px){
#about-height {height: 25vh; position: relative;}
}

	/* Small Devices, Tablets */
@media only screen and (max-width:768px){
.logo-m{width:28%; padding:15px;}
.ingred1{padding:0 10%;}
.im-masala-mob{position:relative; width:100%; float:right; margin-bottom:-40px;}
.im-masala img{width:100%; margin-left:30%;}
.cream-onion{padding:5% 10% 0;}
.im-cream-onion{width:100%; right:-90px;}
.inner-productbox p{margin-bottom:30px;}
.im-tomato{width:100%;}

    
}

@media only screen and (max-width:892px){
.inner-banner-box-main-about {padding-top: 0%;}
.inner-banner-box-about h1 {font-size: 26px;margin-top: 0px;}   
.inner-banner-box-about {padding: 0px; margin-right: 6%;}
#bannerBg
      {
	
	
	     display:none;	
	
	
       }
	   
	   
	   .abut-img
	   {
		   
			margin-top:0px;   
		
		
		}
		
		
			    .abut-text
	   {
		   
			margin-top:0px;   
		
		
		}
		
	
		
		 .channel
	   {
		   
			padding:0px;
		
		
		}
		
		.channel-text
		{
			
				margin-top:0px;   
		
			
			
		}
		
		
			    .address-text
	   {
		   
			margin-top:0px;   
		
	   }



}
  	
	/* Extra Small Devices, Phones */
@media only screen and (max-width : 680px){
.im-masala-mob{position:relative; width:80%; float:right; margin-bottom:-40px; margin-top:-30px;}
.inner-productbox{text-align:center;}
.inner-productbox p{padding-bottom:50px; padding: 0 10% 50px;}
p {margin: 0 0 10px;text-align: justify;}
    
.inner-productbox-top-space h1 {margin-top: 0% !important;margin-bottom: 10px;} 
.inner-productbox-top-space p {text-align: center;} 
	#bannerBg
      {
	
	
	     display:none;	
	
	
       }
  
    
      .abut-img
	   {
		   
			margin-top:0px;   
		
		
		}
		
			    .abut-text
	   {
		   
			margin-top:0px;   
		
		
		}
		
		 .channel
	   {
		   
			padding:0px;
		
		
		}
		
			    .address-text
	   {
		   
			margin-top:0px;   
		
	   }
	   
	   
	   	.channel-text
		{
			
				margin-top:0px;   
		
			
			
		}

    
}

	/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
	body{font-size: 17px;}
	.logo-m{width: 32%; padding: 15px;}
	
	.inner-productbox p {padding-bottom: 30px;}
	.ingred1{padding: 5% 15%;}
	.ingred1[class*=col-] {padding: 10px 20px; width: 50%;}

	.ingred1[class*=col-] img {padding:20px;}	
	.ingred p{font-size: 12.5px; line-height: initial;letter-spacing:.3px; padding-bottom: 0px; }
	
	.inner-productbox {padding: 70px 0%;}
	
	.inner-productbox h1{font-size: 32px;}
		
	.im-salted {position: absolute; top: auto; right: 40%; /* display: none; */ padding-top: 110px; width: 100%;}
	.ingred1 [class*=col-] {padding: 0px 10px; width: 50%;}
	.ingred1 [class*=col-] img {padding: 0px 30px;}
	.im-masala-mob {position: relative; width: 80%; float: initial; margin: 0 auto -50px;}
	
    .inner-banner-box-main-about {margin-top: 15%;}
    .inner-banner-box-about h1 {font-size: 26px;}
    .inner-banner-box-main-about {padding-top: 0%;}
    
    
    #about-height {height: 35vh; position: relative;}
    	#bannerBg
      {
	
	
	     display:none;	
	
	
       }
	   
	     .abut-img
	   {
		   
			margin-top:0px;   
		
		
		}
		
		    .abut-text
	   {
		   
			margin-top:0px;   
		
		
		}
		
		 .channel
	   {
		   
			padding:0px;
		
		
		}
		
		
		    .address-text
	   {
		   
			margin-top:0px;   
		
	   }
	   
	   	.channel-text
		{
			
				margin-top:0px;   
		
			
			
		}
	
    
}
 
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

	#bannerBg
      {
	
	
	     display:none;	
	
	
       }
	   
	    .channel
	   {
		   
			padding:0px;
		
		
		}
		
		     .abut-img
	   {
		   
			margin-top:0px;   
		
		
		}
		
		    .abut-text
	   {
		   
			margin-top:0px;   
		
		
		}
		
		
		
		    .address-text
	   {
		   
			margin-top:0px;   
		
	   }
	   
	   	.channel-text
		{
			
				margin-top:0px;   
		
			
			
		}

}


@media (min-width: 768px) and (max-width: 991px){

.hidden-sm {
    display: none!important;
}


}
