/* ---------------------------------------------------------------------------------
   
   Aussie Health - Media Stylesheet 
   Author: © Pixel House / PC Software Solutions Pty Ltd

--------------------------------------------------------------------------------- */

@media all and (device-width: 768px) and (device-height: 1024px) {
  /* #search-products .search-btn { margin-top: 2px; } */
}


/* for iPad */
@media screen and (max-width: 1024px) {
    #top-links #range-refine { width: 510px; }
    #logo { margin-left: 30px; }
    #header-center { margin-right: 30px; }
    #heading { width: 920px; }
    #top-links p { margin-left: 30px; }
    #navigation ul li a { padding: 13px 13px 0 13px; }
    #navigation ul #n01 { margin-left: 13px; }
    #content { width: 94%!important; padding-left: 3%; padding-right: 3%; }
    #add-to-cart-wrap .add-btn { width: 155px; }
    #breadcrumbs-wrap #breadcrumbs { padding-left: 2.8%; width: 97%; }
    #food-categories { width: 97%; padding: 30px 0 0 3%; }
    #sidebar .selectwrap { width: 95%; margin-right: 5%; }
    #promo-content { width: 90%; }
    #content #cart .item-title { width: 465px; }
    #about-wrap { width: 94%; padding: 50px 3% 30px 3%; }
    #creditCard .paylogo-cc { width: 95px!important; }
    
    #prod-list .product .thumb img { max-width: 170px; }
    #prod-list .label-sale { left: 20px; }
    
    #sidebar #categories, #sidebar .paddbox { width: 190px; padding-left: 30px; }
    #sortbar #sort-options, #top-links .right { padding-right: 30px; }
    #sortbar #show-title { padding-left: 30px; }
    #footer-callout h3 a { font-size: 18px; }
    #footersub fieldset { padding-right: 30px; }
    #footersub #mailing h4 { font-size: 18px; padding-top: 5px; padding-left: 30px; }
    #footer { width: 920px; padding: 0 30px; }
    #footer #links { width: 790px; }
    #footer #links .link-list { padding-right: 20px; }
    #footer #links .link-list ul li { font-size: 0.9em; }
    #footer #links .divider { margin-right: 20px; }

    #paylater .pay { font-size: 0.85em; }
    
    #home-banners { width: 920px; }
    
    #nav-wrap #n14 .section .cat-heading { width: 96%!important; }
    #nav-wrap .section .icon-gf { background: url(../gif/icon-diet-gf.gif) no-repeat 96% center #F3F1EC!important; background-size: 36px auto!important; }
    #nav-wrap .section .icon-vegan { background: url(../gif/icon-diet-vegan.gif) no-repeat 98% center #F3F1EC!important; background-size: 48px auto!important; }
    #nav-wrap .section .icon-keto { background: #F3F1EC!important; }
    #nav-wrap .section .icon-lowcarb { background: #F3F1EC!important; }
    #nav-wrap .section .icon-organic { background: url(../gif/icon-diet-organic.gif) no-repeat 95% center #F3F1EC!important; background-size: 40px auto!important; }

    #brand-about { width: 90%; padding: 0px 5%; }
 
}


/* for 1200px or more */
@media screen and (min-width: 1200px) {
#header,
#navigation,
#container,
#footer,
#brand-feature,
#home-section-two,
#heading,
#footer-callout,
#footersub,
#instagram-posts,
#recipe-detail,
#footer-blog-inner,
#homepage-brands,
#behind-brand-content,
#home-banners,
#home-cats,
#top-brands,
#subcat-listing,
.total-wrap-container,
#myprofile,
#brand-about,
#faq-section
{ width: 1120px; margin: 0 auto; }
 
#right { width: 840px; }
#full-width #content { width: 100%; }
.total-wrap { padding-top: 20px; padding-bottom: 20px; }

.total-wrap,
#top-brands-wrap
{ width: 100%; padding-left: 0; padding-right: 0; }
    
#nav-wrap #navigation .dropdown { width: 1120px; }
#nav-wrap #navigation ul li { font-size: 17px; }
#nav-wrap #navigation ul li a { padding: 12px 16px 2px 16px; }
#nav-wrap #navigation li ul li { font-size: 15px; }
#navigation .adjust { display: inline; }


#header #navigation #n12 a { padding-left: 25px; padding-right: 25px; }
#header #navigation #n13 a { padding-left: 25px; padding-right: 25px; }
.subuls { top: 48px; } 


#home-cats-wrap { width: 100%; padding-left: 0; padding-right: 0; }
    
#header #search-products { left: 220px; }
#header #search-products #searchfield { width: 540px; font-size: 17px; /* padding: 10px 10px 10px 20px; */ }
#search-products label { top: 10px; font-size: 17px; }

   
#free-ship { left: 725px; }

#banner { float: left; width: 100%; height: 424px; background: #fff; position: relative; }
#banner img { width: 100%; }
#banner-text { top: 67px; }
#banner-text.left2 { left: 85px; } 
#banner-text.left3 { left: 90px; }
#banner-text.right4 { left: 385px; }
#banner-text h2 { font-size: 80px; margin: 0 0 35px 0; }
#banner-text h1 { font-size: 20px; }
    
#home-new-arrivals #you-may-also-like, .ls-wrapper, .ls-wrapper .liquid-slider { width: 1120px; }
#you-may-also-like ul { margin: 0; padding: 0 0 0 4%; width: 96%; }
#you-may-also-like ul li { width: 194px; padding: 0 5px; }
#you-may-also-like ul li a { width: 180px; }
#you-may-also-like ul li a img { max-height: 160px; max-width: 160px; }
#you-may-also-like .img { width: 180px; }
.ls-wrapper .ls-nav-right-arrow { left: 1100px!important; }
.ls-wrapper .liquid-slider .panel { width: 1120px; }  

#homepage-brands ul, #brand-feature ul { width: 100%; margin: 0; padding: 20px 0 0 0; display: table; }
#homepage-brands ul li, #brand-feature ul li { margin: 0; height: 96px; width: 14.2%; text-align: center; }
#homepage-brands ul li img, #brand-feature ul li img { max-width: 110px; max-height: 90px; vertical-align: middle; }
    
#home-panels .home-mailing { width: 22%; margin-left: 20px; }
#home-panels .home-blog { width: 32%; padding-left: 30px; } 
#home-panels fieldset { width: 86%; padding: 15px 7% 7px 7%; }
#home-panels fieldset .field { width: 95%; }
#home-panels fieldset #subscribe { margin-right: 0; }
#home-panels .home-blog .date { font-size: 12px; }

  
#heading p { width: 56%; padding: 0 22%; }
    
#product-border { padding: 20px 0; } 
#productbox-arrow { left: 421px; }
#product-photo .image, #product-border img { max-width: 420px; max-height: 500px; }
  
#sidebar { width: 250px; }
#sidebar #categories,
#sidebar .paddbox
{ width: 245px; padding: 30px 5px 20px 0px; }
#sidebar #categories { padding-top: 10px; }
    
#content #empty-cart { width: 1120px; padding-bottom: 195px; }
#affiliate ul { padding: 30px 0 30px 10%; margin: 0; width: 90%; }
#content .registration-bulk #not-registered { margin-right: 22.5%; }
#add-to-cart-wrap .add-btn { width: 205px; }

#recipe-detail { float: none; margin: 0 auto; }
#payment-options-wrap ul li { margin-right: 22px; font-size: 17px; }
#payment-options-wrap ul li img { height: 19px; }
   
#subfooter #we-accept { padding-right: 30px; }   
#subfooter-left { width: 840px; }
#subfooter blockquote { width: 528px; padding-top: 10px; }
#subfooter .btns { width: 528px; }
#subfooter blockquote.sm { font-size: 15px; line-height: 22px; }
    
#footersub h4 { font-size: 20px; }
#footersub #mailing fieldset label, #footer fieldset .input-field { font-size: 17px; }
#footersub #mailing fieldset .input-field { width: 300px; font-size: 17px; padding: 7px 6px 7px 10px; }
    
#footer #links { width: 940px; padding: 0; }
#footer #links .link-list { padding-right: 35px; }  
#footer #links .divider { margin-right: 25px; }
 
#footer #mailing-list { width: 100%; margin: 0; padding: 5px 0; }
#footer #mailing-list fieldset { width: 425px; }
#footer #mailing-list #facebook-like { padding: 12px 0 0 15px; }

#footersub .article .thumb { width: 26%;  }
#footersub .article h4, #footersub .article p { width: 64%; padding-right: 5%; line-height: 1.4em; }
#footersub .article h4 { font-size: 17px; margin: 0 0 8px 0; line-height: 1.2em;  }
#footersub .article p { font-weight: 300; }
 
#footersub #books .thumb { float: left; width: 46%; }
#footersub #books h3, #footersub #books p { float: right; width: 48%; }
    
#geotrust { left: 925px; }
#content #cart .item-title { width: 663px; }
#creditCard .paylogo-cc { width: 200px!important; }
  
#usp-list ul li:nth-child(3) { display: inline; }
#home-trust-box h1 { width: 75%; }  
}


/* for 1400px or more */
@media screen and (min-width: 1400px) {
#header,
#navigation,
#container,
#footer,
#brand-feature,
#home-section-two,
#heading,
#footer-callout,
#footersub,
#instagram-posts,
#recipe-detail,
#footer-blog-inner,
#homepage-brands,
#behind-brand-content,
#home-banners,
#home-cats,
#top-brands,
.total-wrap-container,
#myprofile,
#brand-about,
#faq-section
{ width: 1320px; margin: 0 auto; }
 
#right { width: 990px; }
#full-width #content { width: 100%; }
    
#home-new-arrivals #you-may-also-like, .ls-wrapper, .ls-wrapper .liquid-slider { width: 1320px; }
#you-may-also-like ul { margin: 0; padding: 0 0 0 3%; width: 97%; }
#you-may-also-like ul li { width: 234px; padding: 0 5px; }
#you-may-also-like ul li a { width: 220px; }
#you-may-also-like ul li a img { max-height: 160px; max-width: 160px; }
#you-may-also-like .img { width: 220px; }
    
.ls-wrapper .ls-nav-right-arrow { left: 1300px!important; }
.ls-wrapper .liquid-slider .panel { width: 1320px; }  

#header #search-products #searchfield { width: 600px; }
  
#usp-list ul li { padding: 0 45px 0 55px; }
#home-cats ul li .thumb img { height: auto; }
 
#prod-list .product .thumb { width: 313px; }
#prod-list .product .thumb img { max-width: 250px; max-height: 220px; } 
    
#top-brands .text { padding-top: 20px; }
#top-brands .top-brands-list ul li a { width: 76%; padding: 15px 12%; }
 
#nav-wrap #navigation .dropdown { width: 1320px; }
#nav-wrap #navigation ul li a { padding: 12px 25px 2px 25px; }
    
#home-trust-box h1 { width: 75%; }
#home-trust-box .left { width: 50%; }
#home-trust-box .left img { width: 100%; height: auto; }
#home-trust-box .right { width: 40%; }

#home-wholefoods .wholefoods-cats li { width: 14.5%; }    
  
#content #cart .item-title { width: 863px; }
 
#alternates .img { width: 180px; }

#trending-products ul li .thumb { width: 180px; height: 180px; }
#trending-products ul li .thumb img { max-height: 120px; max-width: 120px; }
#footer #links .link-list { padding-right: 60px; }
#footer #links  { width: 1100px; } 
    
    
}




