@charset "utf-8";

/* CSS Document */
@font-face {
    font-family: 'straitregular';
    src: url('strait-regular-webfont.eot');
    src: url('strait-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('strait-regular-webfont.woff2') format('woff2'),
         url('strait-regular-webfont.woff') format('woff'),
         url('strait-regular-webfont.ttf') format('truetype'),
         url('strait-regular-webfont.svg#straitregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{height:100%; width:100%; margin-bottom:0px; margin:0px; padding:0px;}
* { margin: 0; padding: 0; outline: 0; }
.clear {clear:both;}

body{ margin:0px; padding:0px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; line-height:normal; font-size:13px; line-height:25px; background:#fff; width:100%; height:100%;}

/* Hyperlink Styles: */



/* Headings: */

h1,h2,h3{
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	
}

h1{
	/* The logo text */
	padding:0.5em 0 0;
	text-transform:uppercase;
}

h3{
	/* The slogan text */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0 0 0;
	color:#333333;
	padding:0px;
}


h2{
	font-size:2.2em;
	font-weight:normal;
	letter-spacing:0.01em;
	text-transform:uppercase;
}

p{
	line-height:1.5em;
	padding-bottom:1em;
}

.line{
	/* The dividing line: */
	height:1px;
	border-bottom:1px solid #b3d335;
	margin:1em 0;
	overflow:hidden;
}

#center { width:1000px; height:auto; margin:0px auto !important; padding:0px 0px;}
#center:after {content: ".";display: block;clear: both; visibility: hidden; line-height: 0;height: 0;}

#top{ float:left; width:100%; height:20px; padding:2px 0px 3px 0px; background:#999999;}
.top{ float:right; text-align:justify;}
.top ul{ margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.top ul li{ color:#dddddd; padding:0px 10px 0px 10px; border-right:#CCC thin solid; float:left; font-size:11px;}
header{ float:left;  width: 100%;  height:143px; text-align:justify; padding:0px 0px 7px 0px; background:#FFFFFF;}
.logo{ float:left; width:320px; height:auto; padding:5px 0px 0px 0px;}
.right{ float:left; width:660px; min-height:60px; padding:0px 0px 0px 0px;}
.banner-right-top{ float:left; width:660px; padding:0px; height:40px; margin:0px 0px 0px 0px;}
.banner-right-top ul { margin:0px; padding:0px; list-style:none;}
.banner-right-top li{ float:right; margin:10px 8px 0px 8px; text-align:justify; display:inline; text-align:right;}
nav{
	
	padding:30px 0px 20px 0px;
	right:0;
	margin:0px;
	float:right;
	width:660px;
	
}

.product-form{ float:left; width:500px; padding:35px 50px; background:#133366;}
.product-form ul{ margin:0px; padding:0px; list-style:none;}
.product-form ul li{ float:left; width:200px; margin:15px 50px 15px 0px; font-weight:bold; color:#FFFFFF; min-height:25px;}
.product-form ul li h5{ min-width:180px; font-family: 'straitregular'; text-align:center; font-size:16px; font-weight:100; color:#f5f5f5; border-radius:5px; float:left; padding:10px 10px; margin:10px 0px 10px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,60abf8+44,4096ee+100;Blue+3D+%2314 */
background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}

.login-form{ float:left; width:600px; margin:20px 0px; background:#133366;}
.login-form ul{ margin:0px; padding:0px; list-style:none;}
.login-form ul li{ margin:15px 20px; min-width:250px; float:left; color:#FFF;}


/*--MODIFIED PRODUCT--*/
.panel-menu{ float:left; width:100%; min-height:30px; padding:7px 0px; background:#f5f5f5; margin-top:20px;}
.panel-menu ul{ margin:0px; padding:0px; list-style:none;}
.panel-menu ul li{ float:left; margin:0px 20px 0px 20px; font-size:16px;}
.panel-menu ul li a{ color:#cc3300; font-weight:bold; text-decoration:underline;}
.product-update{ float:left; width:100%; height:auto; background:#59c7e2; color:#FFF; font-weight:bold; font-size:18px; margin:25px 0px 0px 0px;}
.product-update-col{ float:left; width:250px; margin:10px 30px 10px 40px; min-height:150px;}
.product-update-col img{ width:150px; height:150px;}
.product-update-col a{ color:#FF9; text-decoration:underline;}
/*--MODIFIED PRODUCT--*/

#animation{ float:left; width:100%; height:580px; margin:5px 0px 0px 0px;}

.boxmain{ width:750px; text-align:justify;}
.boxmain ul{ margin:0px; padding:0px; list-style:none;}
.boxmain ul li{ float:left; width:230px; line-height:20px; height:200px; margin:20px 20px 0px 0px;}
.boxmain ul li h2{ font-size:24px; text-transform:capitalize; font-style:italic; color:#FFFFFF;}
.bottom-box h2{font-size:20px; text-transform:capitalize; font-style:italic; color:#FFFFFF; margin:0px 0px 10px 0px;}
.bottom-box a{ color:#fff; background:#FF9900; padding:5px; }
.bottom-box img{}

.corporate{ float:left; width:100%; background:url(images/home-about-back.jpg); min-height:130px; padding:30px 0px 30px 0px;}
.corporate-text{ float:right; width:38%; min-height:320px; padding:45px 6% 45px 6%; color:#CCC; background:#333333;}
.corporate-img{ float:left; width:38%; min-height:310px; padding:50px 6% 50px 6%; background:url(images/corporate.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}


/*** Carousel-related styles ***/
/* Containers */
.carousel {
display: block;
overflow: hidden;
width:100%;
margin: 0px 20px;
}
.carousel-container {
margin: 0px 5px;
display: block;
overflow: hidden;
width: 99%;
margin: 0 auto;
text-align:center;
}
.carousel-wrapper, .carousel-wrapper2, .carousel-wrapper3 {
clear: both;
height: auto;
overflow: hidden;
margin: 0;
}
.carousel-element {
width: 100%;
height: 100%;
float: left;
margin: 0;
padding: 0;
border: 1px;
}

article .line{
	/* The dividing line inside of the article is darker: */
	

}

/*Home Page*/

/*Inner Page*/
#inner{ float:left; width:100%; height:250px;}
.profile{ float:left; width:100%; background:url(images/company-profile.jpg) no-repeat; background-size: cover; height:250px;}
.profile h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:38px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px;}
/*Inner Page*/

.events{ float:left; width:100%; background:url(images/exhibition1.jpg) no-repeat; background-size: cover; height:250px;}
.events h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:38px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px;}

.contact{ float:left; width:100%; background:url(images/contact-back.jpg) no-repeat; background-size: cover; height:250px;}
.contact h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:38px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px;}

.enquiry{ float:left; width:100%; background:url(images/enquiry-back.jpg) no-repeat; background-size: cover; height:250px;}
.enquiry h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:38px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px;}

.dehydrated-white-onion{float:left; width:100%; background:url(images/dehydrated-white-onion-back.jpg) no-repeat; background-size: cover; height:250px;}
.dehydrated-white-onion h3{ font-family:"Arial Black", Gadget, sans-serif; color:#454349; font-size:38px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; opacity:0.7;}

.dehydrated-red-onion{float:left; width:100%; background:url(images/dehydrated-red-onion-back.jpg) no-repeat; background-size: cover; height:250px;}
.dehydrated-red-onion h3{ font-family:"Arial Black", Gadget, sans-serif; color:#454349; font-size:38px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; opacity:0.7;}

.dehydrated-garlic{float:left; width:100%; background:url(images/dehydrated-garlic-back.jpg) no-repeat; background-size: cover; height:250px;}
.dehydrated-garlic h3{ font-family:"Arial Black", Gadget, sans-serif; color:#454349; font-size:38px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; opacity:0.7;}

.dehydrated-vegetables{float:left; width:100%; background:url(images/dehydrated-vegetables-back.jpg) no-repeat; background-size: cover; height:250px;}
.dehydrated-vegetables h3{ font-family:"Arial Black", Gadget, sans-serif; color:#454349; font-size:38px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; opacity:0.7;}
.india-spices{float:left; width:100%; background:url(images/indian-spices.jpg) no-repeat; background-size: cover; height:250px;}
.india-spices h3{ font-family:"Arial Black", Gadget, sans-serif; color:#454349; font-size:38px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; opacity:0.7;}

.quality-page{float:left; width:100%; background:url(images/quality-page-back.jpg) no-repeat; background-size: cover; height:250px;}
.quality-page h3{ font-family:"Arial Black", Gadget, sans-serif; color:#454349; font-size:38px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; opacity:0.7;}

.enquiry-form{ float:left; width:550px; margin:0px 50px 0px 0px;}
/*----ENQUIRY FORM-----------------------------------------------------------------------------------------------------------------------------------*/
.enquiry-details{ width:550px; height:auto; float:left;}
.enquiry-details ul{ margin:0px; padding:0px; text-align:justify; list-style:none;}
.enquiry-details ul li{ float:left; width:250px; margin:5px 0px 0px 0px;}
/*----ENQUIRY FORM-----------------------------------------------------------------------------------------------------------------------------------*/
.enquiry-img{ float:left; width:400px; margin:0px 0px 0px 0px; }

.dehydrated-onion{ float:left; width:300px; min-height:271px; margin:20px 30px 30px 0px; border:#bdbdbd thin solid;}
.dehydrated-onion h5{ font-family:"calibri",Tahoma, Geneva, sans-serif; color:#bc3836; font-size:17px; margin:10px 10px; font-weight:100; text-transform:uppercase;}
.galleryimg{ width:300px; height:271px; background:#FFFFFF; border-radius:10px;}
.galleryimg img{ width:300px; height:271px; }


.contact-details{ float:left; width:300px; margin:0px 50px 0px 0px;}
.contact-details ul{ margin:0px; padding:0px; list-style:none;}
.contact-details ul li{ padding:3px 0 3px 35px; margin:5px 0 5px 0;}
.contact-details ul li a{ color:#333333;}
.contact-map{ float:left; width:600px;}

footer .line{
	margin:2em 0;
}

nav, article, nav ul li a,figure{
	/* Applying CSS3 rounded corners: */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:0px;
}
nav ul li a{ padding:10px 0px;}

/* Article styles: */

#articles{ float:left; width:100%; height:auto; background:#FFFFFF;}

article{
	float:left;
	background-color:#fff;
	margin:10px 0px 0px 0px;
	padding:10px 0px;
	width:100%;
	height:auto;
	color:#1c1b18;
	font-family:"calibri","Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:justify;
	
}

article h1{color:#aeaeac; font-weight:100; text-transform:uppercase; font-family:Calibri; font-size:26px; font-weight:normal; margin:10px 0px 20px 0px; background:url(images/h3-back.jpg)  left bottom no-repeat; padding:10px 0px 8px 0px;}
article h4{ color:#be3a38; font-weight:100; text-transform:uppercase; font-family:Calibri; font-size:26px; font-weight:normal; margin:10px 0px 20px 0px; text-align:center;}

article p{ line-height:30px;}
.corporate{ float:left; width:100%; background:url(images/home-about-back.jpg); min-height:150px; padding:30px 0px 30px 0px;}
.company-profile{ width:75%; margin:40px auto !important; text-align:justify; background:url(images/back.png); padding:40px 30px; color:#151515; max-height:500px;}
.company-img{ float:left; width:25px; text-align:right;}

.quality-control{ float:left; width:100%; background:url(images/food-back.jpg) no-repeat;
background-size: cover; padding:40px 0px 40px 0px; margin:25px 0px 0px 0px;}
.quality h3{ font-family: 'straitregular'; text-transform:uppercase; margin:0px 0px 15px 0px;}
.quality-div{ float:left; width:100%; background:url(images/back.png);}
.quality{ float:left; width:26%; height:auto; margin:0px 5% 0px 0px; background:url(images/quality-back.png); padding:20px 15px; border-bottom:#333333 thin solid; min-height:280px;}
.quality-product{ float:left; width:300px; margin:20px 0px 20px 30px; min-height:280px;}
.quality-product-details{ float:left; width:520px; margin:40px 0px 0px 80px; min-height:280px;}
.quality img{ border-bottom-right-radius:10px;}


.spices-ind{ float:left; width:100%; background:url(images/spices-back.jpg) no-repeat; background-size: cover; padding:40px 0px 40px 0px; margin:25px 0px 0px 0px;}
.spices h3{ font-family: 'straitregular'; text-transform:uppercase; margin:0px 0px 15px 0px;}
.spices-div{ float:left; width:100%; background:url(images/back.png);}
.spices{ float:left; width:26%; height:auto; margin:0px 5% 0px 0px; background:url(images/quality-back.png); padding:20px 15px; border-bottom:#333333 thin solid; min-height:280px;}
.spices-product{ float:left; width:300px; margin:20px 0px 20px 30px; min-height:280px;}
.spices-product-details{ float:left; width:520px; margin:40px 0px 0px 80px; min-height:280px;}
.spices img{ border-bottom-right-radius:10px;}

.products{ float:left; width:450px; margin:20px 15px 20px 0px; text-align:justify; height:225px; border-bottom-right-radius:30px;}
.products-link{ float:right; width:150px; padding:30px 15px 0px 0px; height:200px;}
.products-link h3{ color:#fff8f8; font-family: 'straitregular';}
.products-link ul{ margin:0px; padding:0px; list-style:none;}
.products-link ul li{ margin:8px 0px 8px 0px; color:#FFF; font-weight:bold;}
.products-link ul li a{ color:#FFFFFF; font-size:14px;}

#bottom{ float:left; width:100%; height:400px; padding:10px 0px 13px 0px; background:url(images/bottom-back.jpg) bottom;}

.bottom{ float:left; width:400px; margin:70px 100px 0px 0px;}
.bottom h4{ margin:0px 0px 15px 0px; font-size:20px; color:#00923f; text-transform:uppercase;}
.bottom ul{ margin:0px; padding:0px; list-style:none;}
.bottom ul li{ float:left; margin:2px 0px 8px 0px; width:150px; color:#565555;}
.bottom ul li a{ color:#282424; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.bottom-contact{ float:left; width:300px; margin:70px 0px 0px 200px; line-height:25px; font-weight:bold}
.bottom-contact h4{ margin:0px 0px 15px 0px; font-size:20px; color:#00923f; text-transform:uppercase;}


figure{
	border:3px solid #142830;
	float:right;
	height:300px;
	margin-left:15px;
	overflow:hidden;
	width:500px;
}
.articleBody{ width:90%; text-align:justify; margin:0px auto !important; padding:0px 0px;}
figure:hover{
	-moz-box-shadow:0 0 2px #4D7788;
	-webkit-box-shadow:0 0 2px #4D7788;
	box-shadow:0 0 2px #4D7788;
}

figure img{
	margin-left:-60px;
}

/* Footer styling: */

footer{
	float:left;
	text-align:center;
	font-size:0.825em;
	float:left; 
	width:100%;
	height:30px;
	padding:10px 0px 10px 0px;
	color:#CCCCCC;
	background:#0f0b05;
}


footer p{
	margin-bottom:-2.5em;
	position:relative;
}

footer a,footer a:visited{
	color:#cccccc;
	background-color:#213e4a;
	display:block;
	padding:2px 4px;
	z-index:100;
	position:relative;
}

footer a:hover{
	text-decoration:none;
	background-color:#142830;
}

footer a.by{
	float:left;

}

footer a.up{
	float:right;
}
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	
	#center { width:728px; height:auto; margin:0px auto !important; padding:0px 2px;}
	#center:after {content:".";display: block;clear: both; visibility: hidden; line-height: 0;height: 0;}
	
		#top{ display:none;}
	header{ float:left; width:100%; min-height:90px; text-align:justify; z-index:99999999;}
	.logo{ float:left; width:300px; height:auto; padding:5px 0px 0px 0px; margin:0px 20px 0px 0px;}
	.logo img{ width:100%; height:auto;}
	.right{ float:left; width:358px; height:55px; padding:0px 0px 0px 0px; margin:25px 0 0 0;}
	nav{
		background:#666;
	padding:5px 0px 5px 0px;
	right:0;
	margin:0px;
	float:right;
	width:100%;	
	z-index:99999999;	
	}
	#animation{ float:left; width:100%; height:330px; margin:5px 0px 0px 0px;}
	#animation img{ width:100%; height:330px;}
	.skdslider{ height:330px;}
	
	/*SPICEs*/
	.spices{ float:left; width:100%; background:#FFFFFF;}
	
	.spices-product{ float:left; width:200px; margin:20px 10px 20px 10px; min-height:240px;}
	.spices-product img{ width:200px; height:auto;}
	.spices-product-details{ float:left; width:320px; margin:10px 10px 0px 10px; min-height:280px;}
	.spices-product-details ul li{ margin:0px 0 0 15px;}
	.spices-product 
	.spices img{ border-bottom-right-radius:10px;}
/*SPICEs*/

/*Quality*/
	.quality{ float:left; width:100%; height:auto; margin:0px 0 0px 0px; background:url(images/quality-back.png); padding:20px 15px; border-bottom:#333333 thin solid; min-height:280px;}
	.quality-product{ float:left; width:200px; margin:20px 10px 20px 10px; min-height:240px;}
	.fadeImg img{ width:200px; height:auto;}
	.quality-product-details{ float:left; width:320px; margin:10px 10px 0px 10px; min-height:280px; text-align:left;}
	.quality-product-details ul li{ margin:0 0 0 15px;}
	.quality img{ border-bottom-right-radius:10px;}

/*Quality*/
.corporate{ float:left; width:100%; background:url(images/home-about-back.jpg); min-height:130px; padding:30px 0px 20px 0px;}
.corporate-text{ float:right; width:88%; min-height:220px; padding:45px 6% 45px 6%; color:#CCC; background:#333333; margin:0px;}
.corporate-text h2{ font-size:20px;}
.corporate-img{ float:left; width:88%; }
/*Quality*/

	/*Footer*/

.bottom{ float:left; width:300px; margin:70px 0px 0px 0px;}
.bottom-contact{ float:left; width:220px; margin:70px 0px 0px 40px; line-height:25px; font-weight:bold}

/*INNER*/
/*Inner Page*/

#inner{ float:left; width:100%; height:250px;  margin:0px 0 0 0;}
.profile{ float:left; width:100%; background:url(images/company-profile.jpg) no-repeat; background-size: cover; height:250px;}
.profile h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}

.contact h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}
.enquiry h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}
.quality-page h3{ font-family:"Arial Black", Gadget, sans-serif; color:#454349; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; opacity:0.7; line-height:25px;}
article h1{ font-size:24px; text-align:left;}


}

/* Landscape phone to portrait tablet */
@media only screen and ( min-width: 600px) and ( max-width: 767px ) {
	
	#center { width:560px; height:auto; margin:0px auto !important; padding:0px 20px;}
	#center:after {content: ".";display: block;clear: both; visibility: hidden; line-height: 0px;height: 0px;}

	#top{ display:none;}
	header{ float:left; width:100%; min-height:90px; text-align:justify; z-index:99999999;}
	.logo{ float:left; width:300px; height:auto; padding:5px 0px 0px 0px; margin:0px 20px 0px 0px;}
	.logo img{ width:100%; height:auto;}
	.right{ float:left; width:240px; height:55px; padding:0px 0px 0px 0px; margin:25px 0 0 0;}
	nav{
		background:#666;
	padding:5px 0px 5px 0px;
	right:0;
	margin:0px;
	float:right;
	width:100%;	
	z-index:99999999;	
	}
	#animation{ float:left; width:100%; height:330px; margin:5px 0px 0px 0px;}
	#animation img{ width:100%; height:330px;}
	.skdslider{ height:330px;}
	
	/*SPICEs*/
	.spices{ float:left; width:100%;}
	
	.spices-product{ float:left; width:200px; margin:20px 10px 20px 10px; min-height:240px;}
	.spices-product img{ width:200px; height:auto;}
	.spices-product-details{ float:left; width:320px; margin:10px 10px 0px 10px; min-height:280px;}
	.spices-product-details ul li{ margin:0px 0 0 15px;}
	.spices-product 
	.spices img{ border-bottom-right-radius:10px;}
/*SPICEs*/

/*Quality*/
	.quality{ float:left; width:100%; height:auto; margin:0px 0 0px 0px; background:url(images/quality-back.png); padding:20px 15px; border-bottom:#333333 thin solid; min-height:280px;}
	.quality-product{ float:left; width:200px; margin:20px 10px 20px 10px; min-height:240px;}
	.fadeImg img{ width:200px; height:auto;}
	.quality-product-details{ float:left; width:320px; margin:10px 10px 0px 10px; min-height:280px; text-align:left;}
	.quality-product-details ul li{ margin:0 0 0 15px;}
	.quality img{ border-bottom-right-radius:10px;}

/*Quality*/
.corporate{ float:left; width:100%; background:url(images/home-about-back.jpg); min-height:130px; padding:30px 0px 20px 0px;}
.corporate-text{ float:right; width:88%; min-height:220px; padding:45px 6% 45px 6%; color:#CCC; background:#333333; margin:0px;}
.corporate-text h2{ font-size:20px;}
.corporate-img{ float:left; width:88%; }
/*Quality*/

	/*Footer*/

.bottom{ float:left; width:300px; margin:70px 0px 0px 0px;}
.bottom-contact{ float:left; width:220px; margin:70px 0px 0px 40px; line-height:25px; font-weight:bold}

/*INNER*/
/*Inner Page*/

#inner{ float:left; width:100%; height:250px;  margin:0px 0 0 0;}
.profile{ float:left; width:100%; background:url(images/company-profile.jpg) no-repeat; background-size: cover; height:250px;}
.profile h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}

.contact h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}
.enquiry h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}
.quality-page h3{ font-family:"Arial Black", Gadget, sans-serif; color:#454349; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; opacity:0.7; line-height:25px;}
article h1{ font-size:24px; text-align:left;}


}

/* Mobile landscape (480x320) */
@media only screen and ( min-width:480px) and ( max-width:599px ) { 
	
	#center { width:440px; height:auto; margin:0px auto !important; padding:0px 20px;}
	#center:after {content: ".";display: block;clear: both; visibility: hidden; line-height: 0px;height: 0px;}
	header{ float:left; width:100%; min-height:130px; text-align:justify;}
	#top{ display:none;}
	header{ float:left; width:300px; min-height:130px; text-align:justify; z-index:99999999;}
	.logo{ float:left; width:300px; height:auto; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px;}
	.logo img{ width:100%; height:auto;}
	.right{ float:left; width:100%; height:55px; padding:0px 0px 0px 0px;}
	nav{
		background:#666;
	padding:5px 0px 5px 0px;
	right:0;
	margin:0px;
	float:right;
	width:100%;	
	z-index:99999999;	
	}
	#animation{ float:left; width:100%; height:230px; margin:5px 0px 0px 0px;}
	#animation img{ width:100%; height:230px;}
	.skdslider{ height:230px;}
	
	/*SPICEs*/
	.spices{ float:left; width:100%;}
	
	.spices-product{ float:left; width:92%; margin:20px 4% 20px 4%; min-height:240px;}
	.spices-product img{ width:100%; height:auto;}
	.spices-product-details{ float:left; width:92%; margin:10px 4% 0px 4%; min-height:280px;}
	.spices-product-details ul li{ margin:0px 0 0 15px;}
	.spices-product 
	.spices img{ border-bottom-right-radius:10px;}
/*SPICEs*/

/*Quality*/
	.quality{ float:left; width:100%; height:auto; margin:0px 0 0px 0px; background:url(images/quality-back.png); padding:20px 15px; border-bottom:#333333 thin solid; min-height:280px;}
	.quality-product{ float:left; width:92%; margin:20px 4% 20px 4%; min-height:240px;}
	.fadeImg img{ width:100%; height:auto;}
	.quality-product-details{ float:left; width:92%; margin:10px 4% 0px 4%; min-height:280px; text-align:left;}
	.quality-product-details ul li{ margin:0 0 0 15px;}
	.quality img{ border-bottom-right-radius:10px;}

/*Quality*/
.corporate{ float:left; width:100%; background:url(images/home-about-back.jpg); min-height:130px; padding:30px 0px 20px 0px;}
.corporate-text{ float:right; width:88%; min-height:220px; padding:45px 6% 45px 6%; color:#CCC; background:#333333; margin:0px;}
.corporate-text h2{ font-size:20px;}
.corporate-img{ display:none;}
/*Quality*/

	/*Footer*/

.bottom{ float:left; width:100%; margin:70px 0px 0px 0px;}
.bottom-contact{ float:left; width:100%; margin:70px 0px 0px 0px; line-height:25px; font-weight:bold}

/*INNER*/
/*Inner Page*/

#inner{ float:left; width:100%; height:250px;  margin:0px 0 0 0;}
.profile{ float:left; width:100%; background:url(images/company-profile.jpg) no-repeat; background-size: cover; height:250px;}
.profile h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}

.contact h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}
.enquiry h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}
.quality-page h3{ font-family:"Arial Black", Gadget, sans-serif; color:#454349; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; opacity:0.7; line-height:25px;}
article h1{ font-size:24px; text-align:left;}
}

@media only screen and ( min-width: 320px) and ( max-width: 480px ) {
	#center { width:300px; height:auto; margin:0px auto !important; padding:0px 10px;}
	#center:after {content: ".";display: block;clear: both; visibility: hidden; line-height: 0px;height: 0px;}
	#top{ display:none;}
	header{ float:left; width:100%; min-height:200px; text-align:justify; z-index:99999999;}
	.logo{ float:left; width:100%; height:auto; padding:5px 0px 0px 0px;}
	.logo img{ width:100%; height:auto;}
	.right{ float:left; width:100%; min-height:55px; padding:0px 0px 0px 0px;}
	.banner-right-top{ display:none;}
	nav{
		background:#666;
	padding:5px 0px 5px 0px;
	right:0;
	margin:0px;
	float:right;
	width:100%;	
	z-index:99999999;	
	}
	#animation{ float:left; width:100%; height:130px; margin:5px 0px 0px 0px;}
	#animation img{ width:100%; height:130px;}
	.skdslider{ height:130px;}

/*SPICEs*/
	.spices{ float:left; width:100%;}
	
	.spices-product{ float:left; width:92%; margin:20px 4% 20px 4%; min-height:240px;}
	.spices-product img{ width:100%; height:auto;}
	.spices-product-details{ float:left; width:92%; margin:10px 4% 0px 4%; min-height:280px;}
	.spices-product-details ul li{ margin:0px 0 0 15px;}
	.spices-product 
	.spices img{ border-bottom-right-radius:10px;}
/*SPICEs*/

/*Quality*/
	.quality{ float:left; width:100%; height:auto; margin:0px 0 0px 0px; background:url(images/quality-back.png); padding:20px 15px; border-bottom:#333333 thin solid; min-height:280px;}
	.quality-product{ float:left; width:92%; margin:20px 4% 20px 4%; min-height:240px;}
	.fadeImg img{ width:100%; height:auto;}
	.quality-product-details{ float:left; width:92%; margin:10px 4% 0px 4%; min-height:280px; text-align:left;}
	.quality-product-details ul li{ margin:0 0 0 15px;}
	.quality img{ border-bottom-right-radius:10px;}

/*Quality*/
.corporate{ float:left; width:100%; background:url(images/home-about-back.jpg); min-height:130px; padding:30px 0px 20px 0px;}
.corporate-text{ float:right; width:88%; min-height:220px; padding:45px 6% 45px 6%; color:#CCC; background:#333333; margin:0px;}
.corporate-text h2{ font-size:20px;}
.corporate-img{ display:none;}
/*Quality*/

/*Footer*/

.bottom{ float:left; width:100%; margin:70px 0px 0px 0px;}
.bottom-contact{ float:left; width:100%; margin:70px 0px 0px 0px; line-height:25px; font-weight:bold}

/*INNER*/
/*Inner Page*/

#inner{ float:left; width:100%; height:250px;  margin:0px 0 0 0;}
.profile{ float:left; width:100%; background:url(images/company-profile.jpg) no-repeat; background-size: cover; height:250px;}
.profile h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}

.contact h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}
.enquiry h3{ font-family:"Arial Black", Gadget, sans-serif; color:#FFFFFF; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; line-height:25px;}
.quality-page h3{ font-family:"Arial Black", Gadget, sans-serif; color:#454349; font-size:25px; text-align:right; text-transform:uppercase; margin:105px 0 0 0px; opacity:0.7; line-height:25px;}
article h1{ font-size:24px; text-align:left;}

/*Inner Page*/
/*Inner*/

	
}