/* Responsive ======================================================================================= */
@media only screen and (max-width: 1024px) { 
	section .inner, section.inner { width:980px; max-width:100%;}
}

@media only screen and (min-width: 1001px) { 
	#nav { display:block !important;} 
	#mnav, #mnav-overlay { display:none !important;} 
	body.oc-open #wrapper-all { display:block !important;}
	

	body.home .ftnew { display:none !important;}
} 

@media only screen and (max-width: 1000px) { 
	#header div.logo { padding-top:12px; padding-left:20px; max-width:220px}
	#header { height:85px;}
	#header div.logo strong {top:36px; left:232px}
	#oc { display: block; color:#fff; font-size:16px; background-image:url(../img/oc-btn-2.png); height:60px; width:60px; text-indent:-999px; overflow:hidden; margin:12px 12px 0px 0px; right:0px; background-position: center center; background-repeat: no-repeat}
	body.home #oc {background-image:url(../img/oc-btn.png);}
	
	#oc.active { background-image:url(../img/close.png); }
	#nav { display:none; position:absolute; top:64px; right:0px;}
	#nav li { float:none; }
	#nav li a { float:none; width:200px; text-align: right; padding-right:39px;}
	#nav li ul { left:0; right:0; top:0; background:red;}
	#nav li a { padding:5px !important; border:0px !important}
	
	.left, .right { float:none;}
	.w70 { min-height:200px !important; width:100%; padding:25px 20px;}
	.w30 { width:100%; padding-left:25px;}
	#sidebar { padding-top:50px;}
	#sidebg { left:0;}
	
	#footer { height:auto; padding:20px; background:#faf6e8 !important}
	#footer p { text-align:left; top:0px; font-size:12px; line-height:175%}
	#footer span.rspv { display:block;}
	#footer span.fshide { display:none !important;}
	
	.home-text { padding-left:0px; padding-bottom:50px}
	body.home #footer { background:#fff !important;}
	
	#sidebar li.current-menu-item a, #sidebar li a:hover{ background: url(../img/arrow-right.png) left center no-repeat;}
	
	#home li { background-repeat:no-repeat; background-position: center center;}
	ul.boxes { margin-left:20px !important;}
	ul.boxes li { width:50%; margin-bottom:20px !important; padding-left:20px !important}
	ul.boxes li:nth-child(1n) { padding-left:0px !important;}
	ul.boxes li a { min-height:250px;}
	
	body.home #main h1 { text-align:center; font-size:70px; padding-top:0px; margin-top:80px;}
	body.home #main p { text-align:center; margin:auto; display:block; margin-bottom:24px}
	
	#next { top:172px; margin-top:0px !important; right:0px; left:auto}
	#prev { top:172px; margin-top:0px !important;}
		
	
	#pager { right:50%; top:-50px !important; margin-right:-132px}
	
	.loader { top:-70px;}
	
	#main { padding-bottom:10px;}
	
	body.home .fthome { display:none !important;}
	
	.footer-icon { top:-10px}
	
	html body.home #home ul li.us-flour-29 .banner-cover { opacity:.6 !important; filter:alpha(opacity=40)}
	
} 

@media only screen and (max-width: 550px) { 
	#header div.logo strong { display: none;}
	
	
}

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

body.home #home {position:fixed;}

}

@media only screen and (max-width: 860px) { 
	#dock, #dock ul, #dock li { height:150px;} 
	.home-tex2t h1 { font-size:75px;}
	.w70 { padding-top:25px !important}
}

@media only screen and (max-width: 670px) { 
	.home-text2 h1 { font-size:50px; padding-top:60px;}
	
	html body #main ul.boxes { margin-left:0px !important}
	html body #main ul.boxes li { width:100%; margin-bottom:20px !important; padding-right:0px; width:90%; margin:auto; float:none; clear:both; margin-bottom:24px; overflow:hidden}
	html body #main ul.boxes li a { min-height:150px;}
	html body #main ul.boxes li .img { min-height:50px; margin-bottom:12px}
	body.home #main h1 { font-size:40px;}
	
	body.home #home {z-index:auto;}
	
	.fimg img{ max-width:100%; width:100% !important; height:auto; float:none; margin:0px; margin-bottom:18px;}
}

@media only screen and (max-width: 470px) { 
	#dock, #dock ul, #dock li { height:100px;}
	.home-text h1 { font-size:20px; padding-top:40px; line-height:120%; padding-right:0px}
	.home-text p { font-size:14px;}
	.footer-icon { display:none;}
	body.home #main h1 { font-size:32px; padding-top:0px}
	
	#pager {margin-right:-96px;}
	#next { top:185px; }
	#prev { top:185px; }
	#pager span { height:10px; width:10px; margin:0px 9px; padding:4px}
	
	
}


/****************new***********/
@media only screen and (max-width: 1199px) and (min-width: 1024px){
.footer-keyword{
    bottom: 1px;
}
.footer-keyword ul li{
    padding-right: 2px;
    margin-right: 2px;}
    
.footer-keyword ul li a{
    font-size: 11px;}
    
}


@media only screen and (max-width: 1023px) and (min-width: 768px){
ul.smart-meta-list {
  
    margin-top: 0;
}
.footer-keyword{
    left: 74px;
    right: 0;
    text-align: center;
    margin: auto;
    width: 30%;}
}
@media only screen and (max-width: 767px){
section#footer .inner.sm-inner {
    max-width: 100%;
}
#footer .inner.sm-inner  p {
    margin: 0;
    text-align: center;
}
footer .social-link-wrap {
    margin: 0 auto;
    display: table;
}
.social-link-wrap ul {
    margin-right: 0;
    margin-top: 10px;
}
ul.smart-meta-list {
   
    margin-top: 0;
}
.header-keyword ul li{
    padding-right: 1px;
    margin-right: 1px;}
    
    
    .header-keyword ul li a {
    font-size: 9px;
}
.footer-keyword{
left: auto;
    right: 0;
    text-align: center;
    margin: auto;
    width: 46%;}
    section#footer .inner{
        text-align: left;
    max-width: 46%;
    margin-left: 0;
    }
    .footer-keyword ul li a {
    
    font-size: 10px;
}
.ingredients .content ol li strong {
    font-size: 14px;
}
.common-treatments-options .content-section h2 {
    font-size: 16px;
}
.flour-experts .content h2 {
    font-size: 16px;
 }   

}

@media only screen and (min-width: 480px) and (max-width: 767px){
.header-keyword ul li a {
    font-size: 12px;
}
.footer-icon {
   
    right: -37px;
}
}