/*
	Description: Panet Lighting
	Version: 1.0
	Author: Firefly Creative Inc.
	Author URI: http://fireflyhub.com
*/

/*------------------------------------*\
    BODY/HTML + MAIN
\*------------------------------------*/

html { width:100%; height:100%; margin:0; padding:0; }
body { width:100%; height:100%; margin:0; padding:0; background:#ffffff; font-size:18px; font-family:'Century Gothic W01', sans-serif; }

p { font-family:'Century Gothic W01', sans-serif; font-weight: normal; font-size:12px; line-height:1.5em; margin:0; padding:0; }
li { font-family:'Century Gothic W01', sans-serif; font-weight: normal; font-size:12px; }
h1, h2, h3, h4, h5, h6 { font-family:'Century Gothic W01 Bold', sans-serif; margin:0; padding:0; line-height:normal; font-weight:normal; font-weight:bold; }
h1 { font-weight:300; }
h1 { font-size:1.8em; }
h1 span, h3 span { font-family:'Trajan W01 Regular', sans-serif; font-weight:300; }
h2 { font-size:1.15em; }

strong, .bold { font-weight:bold !important; }
.contain-middle { display:table; }
.middle { display:table-cell; vertical-align:middle; }
ul { text-decoration:none; list-style-type:none; padding:0; margin:0; }
.clear { clear:both; }
.show-none { display:none !important; }

/*------------------------------------*\
    LINKS MAIN
\*------------------------------------*/

a { text-decoration:none; padding:0; margin:0; color:inherit; border:none; border-style:none; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
a:hover { color:#f15c00; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.active { color:#f15c00 !important; cursor:default; }
::-moz-selection { background:#f15c00; }

/*------------------------------------*\
    NAV MAIN
\*------------------------------------*/

header { position:fixed; width:100%; z-index:99; }
nav { height:100%; top:0; position:fixed; z-index:99; left:-260px; }

#nav-bar { position:fixed; z-index:100; height:70px; width:100%; background:#ffffff; text-align:center; box-shadow:0 4px 14px #B8B8B8; }
#logo { display:inline-block; width:200px; margin:-5px 0 0 0; }
#logo img { width:100%; }

#main-navigation { position:absolute; width:260px; height:100%; top:0; overflow:auto; background:#f5f8f3; z-index:99; box-shadow:4px 0 14px #B8B8B8; }
#main-navigation li { padding:8px 0; text-transform:uppercase; position:relative; text-indent:20px; }
#main-navigation li:hover { background:#eeeeee; cursor:pointer; }
.nav-entry { color:#f15c00; font-size:22px; border:none; padding:10px 0 !important; }
.nav-sub-entry { color:#8c8c8c; font-size:15px; border-bottom:1px solid #d4d4d4; }
.nav-first-entry { margin:70px 0 0 0; border-bottom:1px solid #d4d4d4; }
.nav-last-entry { margin:0 0 25px 0; }

#main-menu-interface { left:0; top:0; position:fixed; cursor:pointer; height:70px; width:84px; z-index:101; }
.main-menu { background:#8c8c8c; }
.main-menu span { width:40px; background:inherit; left:20px; top:33px; height:4px; position:absolute; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.main-menu span:before { content: ''; width:40px; left:0; background:inherit; height:4px; top:12px; position:absolute; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.main-menu span:after { content: ''; width:40px; left:0; background:inherit; height:4px; top:-12px; position:absolute; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.menu-text { position:absolute; top:45px; text-align:center; width:100%; }
.menu-text p { color:#8c8c8c; text-transform:uppercase; font-weight:bold; font-size:13px; }
#main-menu-interface:hover { background:#f15c00; }
#main-menu-interface:hover .main-menu { background:#ffffff; }

.main-menu.active span:before { background-color: transparent; top:0px; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.main-menu.active span:after { background-color: transparent; top:0px; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.main-menu.active span { -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }

.push-down { margin:10px 0 0 0; }
.nav-main-move { left:0 !important; opacity:1 !important; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; }
.cover-shroud { background:rgba(255,255,255,0.75); z-index:98; width:100%; height:100%; position:fixed; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

#section-new-instore, #section-suppliers, #section-contact, #section-about-us { position:absolute; top:-70px; left:0; width:100%; }
#section-suppliers, #section-contact { top:-50px; }

/*----------------------------------------------*\
    HOMEPAGE
\*----------------------------------------------*/

.homepage-banner { position:relative; width:100%; max-width:100%; height:100%; min-height:640px; background:url('../img/panet-lighting-main-banner-lighton-b.jpg'); background-size:cover; background-repeat:no-repeat; }
.homepage-banner-light { position:absolute; top:0; left:0; width:100%; max-width:100%; height:100%; min-height:640px; background:url('../img/panet-lighting-main-banner-off-b.jpg'); background-size:cover; background-repeat:no-repeat; opacity:1; z-index:12; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

#homepage-banner-headline { position:absolute; left:10%; top:160px; z-index:13; }
#homepage-banner-headline h1 { font-size:42px; text-transform:uppercase; line-height:64px; color:#ffffff; font-family:'ITC Franklin Gothic LT W01MdCn', sans-serif; letter-spacing:6px; }
#homepage-banner-headline h1 span { font-size:104px; display:block; text-indent:-5px; letter-spacing:normal; }
#homepage-banner-headline h2 { font-size:18px; display:block; padding:25px 0 0 0; color:#E0FF00; font-family:'Century Gothic W01 Bold', sans-serif;  text-transform:uppercase; }

section { position:relative; }
.banner-light { opacity:0 !important; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.block-me { display:inline; }

/*-------------- NEW IN STORE ----------------*/

h2.section-header { text-align:center; font-size:48px; color:#f15c00; padding:35px 0; text-transform:uppercase; }

#new-instore { background:#ffffff; position:relative; }
#new-instore-rotator { width:100%; margin:0 auto 60px auto; text-align:center; text-transform:uppercase; }
#new-instore-rotator h3 { width:100%; font-size:16px; color:#f15c00; padding:15px 0 25px 0; font-weight:300; }
.new-instore-entry { width:160px; display:inline-block; margin:0 25px; }
.new-instore-entry img { width:100%; }
.new-instore-entry-active { width:220px; }

.section-product-bumper-right, .section-product-bumper-left { position:absolute; top:0; height:100%; width:60px; z-index:10; }
.section-product-bumper-right { right:0; }
.section-product-bumper-left { left:0; }

/*-------------- BIO ----------------*/

#info-section { background:#abc7a7; width:100%; height:300px; /*background: url('../img/aboutusv3.jpg'); background-position: bottom;*/}
#info-section h3 { font-size:32px; color:#ffffff; text-transform:uppercase; text-align:center; font-family:'ITC Franklin Gothic LT W01MdCn', sans-serif; font-weight:400; letter-spacing:6px; }
#info-section h3 span { font-size:80px; display:block; line-height:60px; letter-spacing:normal; }
#info-section p { color:#ffffff; font-size:14px; text-align:left; }

.col-03 { width:33.33333%; position:relative; float:left; height:300px; text-align:center; }
.col-03 img { width:250px; }
.col-03-right  { float:right; }

/*-------------- PRODUCT SHOWCASE ----------------*/

#product-showcase { position:relative; width:100%; height:auto; text-align:center; vertical-align:top; background:#ffffff; }
.showcase-entry { width:33.33333%; float:left; position:relative; padding:0; margin:0; }
.showcase-entry img { width:99.99998%; z-index:10; }
.showcase-long { width:66.66665%; }
.showcase-entry:hover img {  }
.showcase-entry:hover h2 { color:#F15C00; }
.showcase-entry:hover button { color:#F15C00; border:2px solid #F15C00; }

.showcase-copy { position:absolute; }
.show-bottom-right { bottom:15%; right:9%; text-align:right; }
.show-top-right { top:15%; right:10%; text-align:right; }
.show-top-left { top:15%; left:5%; text-align:left; }
.showcase-copy h2 { font-size:42px; color:#ffffff; text-transform:uppercase; }
.showcase-copy button { font-size:18px; color:#ffffff; padding:10px 15px; background:none; border:2px solid #ffffff; margin:10px 0; }

.white-border-left { position:absolute; left:0; top:0; height:99.99999%; border-left:10px solid #ffffff; z-index:11; }
.white-border-right { position:absolute; right:0; top:0; height:99.99999%; border-right:10px solid #ffffff; z-index:11; }
.white-border-top { position:absolute; left:0; top:0; width:99.99999%; border-top:10px solid #ffffff; z-index:11; }
.white-border-bottom { position:absolute; right:0; bottom:0; width:99.99999%; border-bottom:10px solid #ffffff; z-index:11; }
.section-white-border-left { position:absolute; left:0; top:0; height:99.99999%; border-left:10px solid #ffffff; z-index:11; }
.section-white-border-right { position:absolute; right:0; top:0; height:99.99999%; border-right:10px solid #ffffff; z-index:11; }

/*-------------- ABOUT US ----------------*/

#aboutus-section { position:relative; width:100%; height:600px; border-top:20px solid #ffffff; }
#about-us-left { position:relative; float:left; width:60%; height:600px; background:url('../img/panet-lighting-living-room-lighting.jpg'); background-size:cover; background-position: center;}
#about-us-left h3 { position:absolute; bottom:10%; right:10%; font-size:48px; color:#ffffff; padding:10px 20px; background:rgba(0,0,0,0.5); text-transform:uppercase; }
#about-us-right { position:relative; float:left; width:40%; height:600px; background:#96a600; }
#about-us-right p { width:80%; margin:0 auto; font-size:14px; color:#ffffff; }

/*-------------- SUPPLIERS ----------------*/

#suppliers-section { position:relative; width:100%; padding:50px 0; background:url('../img/panet-lighting-suppliers-bathroom-lighting.jpg'); background-size:cover; border-top:20px solid #ffffff; }

h2.suppliers-header { padding:0 0 25px 0; }
ul#suppliers-list { position:relative; width:90%; margin:0 auto; text-align:center; -webkit-column-count:4; -moz-column-count:4; column-count:4; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; column-rule-width:200px; }
ul#suppliers-list li { background:#ffffff; background:rgba(255,255,255,0.7); padding:15px; }
ul#suppliers-list li img { width:160px; }

#suppliers-view-more { width:100%; height:70px; position:absolute; bottom:0; background:#ffffff; display:none; }
#suppliers-view-more p { width:100px; margin:0 auto; text-align:center; font-size:14px; line-height:30px; color:#F15C00; border:2px solid #F15C00; cursor:pointer; }
#suppliers-view-more p:hover { color:#1d1d21; border:2px solid #bbbbbb; }

/*-------------- CONTACT US ----------------*/

#homepage-contact-us { position:relative; width:100%; height:400px; background:#96a600; background:url('../img/contact-background-02.jpg'); background-size:cover; border-top:20px solid #ffffff; z-index:10; }
#contact-copy-container { width:420px; margin:0 10% 0 0; float:right; }
.contact-hours { float:left; height:300px; }
.operation-hours { border-right:2px solid #ffffff; padding:0 30px 5px 0; }
.operation-hours p { color:#ffffff; font-size:18px; }
.operation-hours p span { display:block; margin:7px 0 0 0; font-weight:bold; }
.contact-info { float:left; height:300px; }
.contact-info p { color:#ffffff; font-size:19px; }
.contact-email { padding:0 0 30px 30px; border-bottom:2px solid #ffffff; }
.contact-address { padding:30px 0 0 30px; }

/*-------------- MAP ----------------*/

.map-entry { width:100%; height:350px; margin:-50px 0 0 0; border:none; padding:0; }
.map-cover { position:absolute; height:300px; width:100%; bbackground:transparent; z-index:2; }

/*------------------------------------*\
    CATEGORY PAGE MAIN
\*------------------------------------*/

.category-header { position:relative; width:1100px; margin:0 auto; padding:120px 0 0 0; }
.category-nav { position:relative; width:1100px; margin:0 auto; padding:0 0 25px 0; }
.category-nav ul { text-align:center; }
.category-nav ul li { display:inline-block; margin:0 8px 5px 8px; color:#8c8c8c; font-size:13px; }
.category-nav ul li:hover { color:#f15c00; }
.category-banner { position:relative; width:100%; height:340px; background:#1d1d21; background-size:cover !important; background-repeat:no-repeat !important; }
.category-banner-headline { display:block; text-align:center; padding:10px; background:rgba(255,255,255,0.7); color:#f15c00; text-transform:uppercase; font-size:50px; z-index:2; }

/*-------------- PRODUCTS ----------------*/

.product-container { position:relative; width:1100px; margin:0 auto; padding:60px 0; border-bottom:1px solid #C4C4C4; }

.product-anchor { position:absolute; top:-70px; }

.product-col-01 { position:relative; width:50%; float:left; }
.product-col-02 { position:relative; width:40%; padding:0 0 0 10%; float:right; }
.product-container:nth-child(even) .product-col-01 { float:right !important; }
.product-container:nth-child(even) .product-col-02 { float:left !important; padding:0 10% 0 0; }

.product-col-01 img { width:100%; }
.product-col-02 h2 { text-transform:uppercase; color:#6d6e71; font-size:32px; padding:0 0 25px 0; }
.product-col-02 p { color:#6d6e71; font-size:14px; }
.product-col-02 button { color:#6d6e71; font-size:18px; background:none; padding:10px; margin:25px 0 0 0; border:2px solid #6d6e71; display:none; }
.product-col-02 button:hover { color:#f15c00; border:2px solid #f15c00; }
.product-col-02 img { width:100%; margin:50px 0 0 0; }

.zoomWindow { z-index:90 !important; }

/*------------------------------------*\
    FOOTER MAIN
\*------------------------------------*/

footer { width:100%; height:auto; background:#f5f8f3; text-align:center; }
#footer-nav-holder { padding:35px 0; }
.footer-nav { display:inline-block; margin:10px 60px; vertical-align:top; text-align:left; color:#8c8c8c; }
.footer-nav li { margin:13px 0; font-size:13px; }
#footer-categories { margin:12px 0 0 0; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; }
#footer-categories li { margin:0 0 12px 0; }
.footer-nav h4 { text-transform:uppercase; font-size:20px; color:#f15c00; }
.footer-nav li i.fa{ font-size: 20px !important; }
.footer-nav li i.fa-instagram{ margin-left: 5px; }
#copyright { width:100%; heighT:70px; background:#e2e5cc; text-align:center; color:#f15c00; font-size:14px; }

/*------------------------------------*\
    RESPONSIVE CSS
\*------------------------------------*/

@media only screen and (min-width:280px) and (max-width:479px) {

/*-- Navigation - 320 --*/

#nav-bar { height:50px; box-shadow:0 3px 11px #B8B8B8; }
#logo { width:120px; margin:0 0 0 0; }
#main-menu-interface { height:50px; width:52px; }
.main-menu span { width:30px; left:10px; top:24px; height:2px; }
.main-menu span:before { width:30px; left:0; height:2px; top:8px; }
.main-menu span:after { width:30px; left:0; height:2px; top:-8px; }

.nav-first-entry { margin:50px 0 0 0; }
.nav-entry { font-size:18px; }
.nav-sub-entry { font-size:14px; }

#section-new-instore, #section-suppliers, #section-contact, #section-about-us { top:-50px; }
#section-suppliers, #section-contact { top:-40px; }

/*-- Homepage - 320 --*/

.homepage-banner, .homepage-banner-light { min-height:480px; background-position:center; }
#homepage-banner-headline { top:110px; left:8%; }
#homepage-banner-headline h1 { font-size:20px; line-height:36px; }
#homepage-banner-headline h1 span { font-size:50px; }
#homepage-banner-headline h2 { font-size:13px; font-weight:normal; padding:10px 0 0 0; }
.block-me { display:block; }

h2.section-header { font-size:24px; padding:20px 0; }
#new-instore-rotator { width:100%; }
#new-instore-rotator h3 { font-size:18px; }
.new-instore-entry { width:80px; display:none; }
.new-instore-entry-active { width:100px; display:inline-block; }

#info-section { height:auto; padding:0 0 40px 0; }
.col-03 { float:none; width:100%; height:auto; }
.col-03-mid { float:none; width:100%; height:auto; }
#info-section h3 { font-size:14px; padding:0 0 20px 0; }
#info-section h3 span { font-size:40px; line-height:40px; }
#info-section p { font-size:13px; width:90%; margin:0 auto; }
.col-03 img { width:120px; }

#product-showcase { }
.showcase-copy h2 { font-size:15px; }
.showcase-copy button { font-size:11px; padding:4px 8px; border:1px solid #ffffff; }
.showcase-entry { width:50%; }
.showcase-long { width:100%; }
.showcase-high img { height:50%; }
.show-top-left { left:10%; }
.white-border-left, .white-border-right, .white-border-top, .white-border-bottom, .section-white-border-left, .section-white-border-right { border:none; }

#aboutus-section { height:auto; border-top:10px solid #ffffff; box-shadow:none; }
#about-us-left { height:160px; float:none; width:100%; display:table; }
#about-us-left h3 { font-size:24px; }
#about-us-right { height:auto; float:none; width:100%; padding:40px 0; }
#about-us-right p { font-size:13px; }

#suppliers-section { padding:30px 0; border-top:10px solid #ffffff; }
ul#suppliers-list { width:80%; height:800px; padding:0; overflow:hidden; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; column-rule-width:140px; }
ul#suppliers-list li img { width:120px; }
#suppliers-view-more { display:table; }
.unrestricted-suppliers { height:auto !important; padding:0 0 60px 0 !important; }

.map-cover { height:250px; }
.map-entry { height:250px; margin:0; }

#homepage-contact-us { height:auto; background-position:center; border:none; }
#contact-copy-container { height:auto; width:100%; margin:0; float:none; padding:15px 0; background:rgba(0,0,0,0.2); }
.contact-hours, .contact-info { height:auto; float:none; margin:0 auto; text-align:center; border:none; padding:20px 0 0 0; }
.operation-hours { border:none; padding:0; }
.operation-hours p { font-size:15px; }
.contact-info p { font-size:15px; }
.contact-email, .contact-address { border:none; padding:0 0 20px 0; }

/*-- Category - 320 --*/

.category-header { width:100%; padding:50px 0 0 0; }
.category-nav { width:300px; padding:0 0 25px 0; display:none; }
.category-nav ul li { font-size:12px; }
.category-banner { height:140px; }
.category-banner-headline { font-size:24px; }
.product-container { width:300px; padding:40px 0; }
.product-anchor { top:-50px; }
.product-col-01 { float:none; width:100%; padding:15px 0 0 0; }
.product-col-02 { float:none; width:100%; padding:0; }
.product-col-02 h2 { font-size:19px; }
.product-col-02 p { font-size:13px; }
.product-col-02 button { font-size:13px; }
.product-container:nth-child(even) .product-col-01 { float:none !important; padding:15px 0 0 0; }
.product-container:nth-child(even) .product-col-02 { float:none !important; padding:0; }
.product-col-02 img { margin:40px 0 0 0; }

/*-- Footer - 320 --*/

footer { text-align:left; }
#footer-nav-holder { width:300px; margin:0 auto; }
.footer-nav { margin:10px 25px; }
#copyright { font-size:11px; }

}

@media only screen and (min-width:480px) and (max-width:639px) {

/*-- Navigation - 480 --*/

#nav-bar { height:50px; box-shadow:0 3px 11px #B8B8B8; }
#logo { width:120px; margin:0 0 0 0; }
#main-menu-interface { height:50px; width:52px; }
.main-menu span { width:30px; left:10px; top:24px; height:2px; }
.main-menu span:before { width:30px; left:0; height:2px; top:8px; }
.main-menu span:after { width:30px; left:0; height:2px; top:-8px; }

.nav-first-entry { margin:50px 0 0 0; }
.nav-entry { font-size:18px; }
.nav-sub-entry { font-size:14px; }

#section-new-instore, #section-suppliers, #section-contact, #section-about-us { top:-50px; }
#section-suppliers, #section-contact { top:-40px; }

/*-- Homepage - 480 --*/

.homepage-banner, .homepage-banner-light { min-height:480px; background-position:center; }
#homepage-banner-headline { top:110px; left:8%; }
#homepage-banner-headline h1 { font-size:24px; line-height:44px; }
#homepage-banner-headline h1 span { font-size:60px; }
#homepage-banner-headline h2 { font-size:14px; padding:10px 0 0 0; }
.block-me { display:block; }

h2.section-header { font-size:30px; padding:20px 0; }
#new-instore-rotator { width:100%; }
#new-instore-rotator h3 { font-size:18px; }
.new-instore-entry { width:80px; }
.new-instore-entry-active { width:100px; }

#info-section { height:auto; padding:0 0 40px 0; }
.col-03 { float:none; width:100%; height:auto; }
.col-03-mid { float:none; width:100%; height:auto; }
#info-section h3 { font-size:17px; padding:0 0 20px 0; }
#info-section h3 span { font-size:50px; line-height:50px; }
#info-section p { font-size:13px; width:90%; margin:0 auto; }
.col-03 img { width:180px; }

#product-showcase { }
.showcase-copy h2 { font-size:24px; }
.showcase-copy button { font-size:14px; padding:5px 10px; }
.showcase-entry { width:50%; }
.showcase-long { width:100%; }
.showcase-high img { height:50%; }
.show-top-left { left:10%; }
.white-border-left, .white-border-right, .white-border-top, .white-border-bottom, .section-white-border-left, .section-white-border-right { border:none; }

#aboutus-section { height:auto; border-top:10px solid #ffffff; box-shadow:none; }
#about-us-left { height:200px; float:none; width:100%; display:table; }
#about-us-left h3 { font-size:30px; }
#about-us-right { height:auto; float:none; width:100%; padding:40px 0; }
#about-us-right p { font-size:13px; }

#suppliers-section { padding:30px 0; border-top:10px solid #ffffff; }
ul#suppliers-list { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; column-rule-width:160px; }
ul#suppliers-list li img { width:140px; }

.map-cover { height:250px; }
.map-entry { height:300px; }

#homepage-contact-us { height:280px; background-position:right; border:none; }
#contact-copy-container { height:240px; width:340px; margin:0 5% 0 0; }
.contact-hours, .contact-info { height:240px; }
.operation-hours p { font-size:13px; }
.contact-info p { font-size:13px; }

/*-- Category - 480 --*/

.category-header { width:100%; padding:50px 0 0 0; }
.category-nav { width:440px; padding:0 0 25px 0; display:none; }
.category-nav ul li { font-size:12px; }
.category-banner { height:180px; }
.category-banner-headline { font-size:30px; }
.product-container { width:440px; padding:40px 0; }
.product-anchor { top:-50px; }
.product-col-01 { width:40%; }
.product-col-02 { width:55%; padding:0px 0px 0px 5%; }
.product-col-02 h2 { font-size:19px; }
.product-col-02 p { font-size:13px; }
.product-col-02 button { font-size:14px; }
.product-container:nth-child(even) .product-col-02 { padding:0 5% 0 0; }
.product-col-02 img { margin:40px 0 0 0; }

/*-- Footer - 480 --*/

footer { text-align:left; }
.footer-nav { margin:10px 25px; }
#footer-nav-holder { width:340px; margin:0 auto; }

}

@media only screen and (min-width:640px) and (max-width:799px) {

/*-- Navigation - 640 --*/

#nav-bar { height:50px; box-shadow:0 3px 11px #B8B8B8; }
#logo { width:120px; margin:0 0 0 0; }
#main-menu-interface { height:50px; width:52px; }
.main-menu span { width:30px; left:10px; top:24px; height:2px; }
.main-menu span:before { width:30px; left:0; height:2px; top:8px; }
.main-menu span:after { width:30px; left:0; height:2px; top:-8px; }

.nav-first-entry { margin:50px 0 0 0; }
.nav-entry { font-size:18px; }
.nav-sub-entry { font-size:14px; }

#section-new-instore, #section-suppliers, #section-contact, #section-about-us { top:-50px; }
#section-suppliers, #section-contact { top:-40px; }

/*-- Homepage - 640 --*/

.homepage-banner, .homepage-banner-light { min-height:440px; background-position:right; }
#homepage-banner-headline { top:110px; left:8%; }
#homepage-banner-headline h1 { font-size:24px; line-height:44px; }
#homepage-banner-headline h1 span { font-size:60px; }
#homepage-banner-headline h2 { font-size:14px; padding:10px 0 0 0; }
.block-me { display:block; }

h2.section-header { font-size:36px; padding:20px 0; }
#new-instore-rotator { width:100%; }
.new-instore-entry { width:110px; }
.new-instore-entry-active { width:140px; }

#info-section { height:auto; padding:0 0 40px 0; }
.col-03 { float:none; width:100%; height:auto; }
.col-03-mid { float:none; width:100%; height:auto; }
#info-section h3 { font-size:17px; padding:0 0 20px 0; }
#info-section h3 span { font-size:50px; line-height:50px; }
#info-section p { font-size:14px; width:90%; margin:0 auto; }
.col-03 img { width:200px; }

.showcase-copy h2 { font-size:18px; }
.showcase-copy button { font-size:12px; padding:5px 10px; }
.white-border-left { border-left:5px solid #ffffff; }
.white-border-right { border-right:5px solid #ffffff; }
.white-border-top { border-top:5px solid #ffffff; }
.white-border-bottom { border-bottom:5px solid #ffffff; }
.section-white-border-left { border:none; }
.section-white-border-right { border:none; }

#aboutus-section { height:auto; border-top:10px solid #ffffff; box-shadow:none; }
#about-us-left { height:200px; float:none; width:100%; display:table; }
#about-us-left h3 { position:relative; text-align:center; bottom:auto; right:auto; font-size:32px; }
#about-us-right { height:auto; float:none; width:100%; padding:40px 0; }
#about-us-right p { font-size:13px; }

#suppliers-section { border-top:10px solid #ffffff; }
ul#suppliers-list { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; column-rule-width:160px; }
ul#suppliers-list li img { width:140px; }

.map-cover { height:250px; }
.map-entry { height:300px; }

#homepage-contact-us { height:280px; background-position:right; border:none; }
#contact-copy-container { height:240px; width:340px; margin:0 5% 0 0; }
.contact-hours, .contact-info { height:240px; }
.operation-hours p { font-size:13px; }
.contact-info p { font-size:13px; }

/*-- Category - 640 --*/

.category-header { width:600px; padding:80px 0 0 0; }
.category-nav { width:600px; padding:0 0 25px 0; }
.category-nav ul li { font-size:12px; }
.category-banner { height:200px; }
.category-banner-headline { font-size:38px; }
.product-container { width:600px; }
.product-anchor { top:-50px; }
.product-col-02 { width:45%; padding:0px 0px 0px 5%; }
.product-col-02 h2 { font-size:22px; }
.product-col-02 p { font-size:12px; }
.product-col-02 button { font-size:14px; }
.product-container:nth-child(even) .product-col-02 { padding:0 5% 0 0; }

/*-- Footer - 640 --*/

.footer-nav { margin:10px 15px; }
.footer-nav h4 { font-size:16px; }
.footer-nav li { font-size:12px; }

}

@media only screen and (min-width:800px) and (max-width:1199px) {

/*-- Navigation - 800 --*/

#section-suppliers, #section-contact { top:-60px; }

/*-- Homepage - 800 --*/

.homepage-banner, .homepage-banner-light { min-height:500px; background-position:right; }
#homepage-banner-headline { top:120px; }
#homepage-banner-headline h1 { font-size:28px; line-height:44px; }
#homepage-banner-headline h1 span { font-size:70px; }
#homepage-banner-headline h2 { font-size:16px; padding:10px 0 0 0; }
.block-me { display:block; }

h2.section-header { font-size:30px; padding:20px 0; }
.new-instore-entry { width:120px; }
.new-instore-entry-active { width:180px; }

.col-03 { width:28%; }
.col-03-mid { width:44%; }
.col-03 img { width:180px; }
#info-section h3 { font-size:14px; }
#info-section h3 span { font-size:44px; line-height:48px; }
#info-section p { font-size:13px; }

#product-showcase { }
.showcase-copy h2 { font-size:26px; }
.showcase-copy button { font-size:15px; padding:5px 10px; }
.white-border-left { border-left:5px solid #ffffff; }
.white-border-right { border-right:5px solid #ffffff; }
.white-border-top { border-top:5px solid #ffffff; }
.white-border-bottom { border-bottom:5px solid #ffffff; }
.section-white-border-left { border-left:5px solid #ffffff; }
.section-white-border-right { border-right:5px solid #ffffff; }

#aboutus-section { height:500px; border-top:10px solid #ffffff; }
#about-us-left { height:500px; width:45%; }
#about-us-left h3 { font-size:36px; }
#about-us-right { height:500px; width:55%; }
#about-us-right p { font-size:13px; }

#suppliers-section { border-top:10px solid #ffffff; }
ul#suppliers-list { -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; column-rule-width:200px; }
ul#suppliers-list li img { width:140px; }

.map-cover { height:250px; }
.map-entry { height:300px; }

#homepage-contact-us { height:320px; }
#contact-copy-container { height:320px; width:360px; margin:0 5% 0 0; }
.operation-hours p { font-size:15px; }
.contact-info p { font-size:15px; }

/*-- Category - 800 --*/

.category-header { width:760px; padding:100px 0 0 0; }
.category-nav { width:760px; padding:0 0 25px 0; }
.category-banner { height:240px; }
.category-banner-headline { font-size:42px; }
.product-container { width:760px; }
.product-col-02 { width:45%; padding:0px 0px 0px 5%; }
.product-col-02 h2 { font-size:26px; }
.product-col-02 p { font-size:12px; }
.product-col-02 button { font-size:14px; }
.product-container:nth-child(even) .product-col-02 { padding:0 5% 0 0; }

/*-- Footer - 800 --*/

.footer-nav { margin:10px 25px; }

}

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

.section-product-bumper-right, .section-product-bumper-left { width:40px; }

}

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

p { line-height:1.8em; }
h2 { font-size:1.3em; }

/*-- Navigation - 1600 --*/

.nav-entry { font-size:28px; padding:15px 0 !important; }
.nav-sub-entry { font-size:18px; }
#main-navigation li { padding:12px 0; }

/*-- Homepage - 1600 --*/

.homepage-banner, .homepage-banner-light { min-height:800px; }
#homepage-banner-headline { top:240px; }

.col-03 { width:30%; }
.col-03-mid { width:40%; }
#info-section p { font-size:19px; }

#new-instore-rotator h3 { font-size:19px; }
#about-us-right p { font-size:19px; }

/*-- Contact - 1600 --*/

#contact-copy-container { margin:0 15% 0 0; }

/*-- Category - 1600 --*/

.category-header, .category-nav, .product-container { width:1300px; }
.category-nav ul li, .product-col-02 p { font-size:16px; }
.product-col-02 button { padding:10px 20px; }

/*-- Footer - 1600 --*/

.footer-nav li { font-size:16px; }
#footer-categories { margin:20px 0 0 0; }
#footer-categories li { margin:0 0 20px 0; }
.footer-nav li { margin:20px 0; }

}

@media only screen and (min-width:1920px) {

p { line-height:1.8em; }
h2 { font-size:1.3em; }

/*-- Navigation - 1920 --*/

.nav-entry { font-size:28px; padding:15px 0 !important; }
.nav-sub-entry { font-size:18px; }
#main-navigation li { padding:12px 0; }

/*-- Homepage - 1920 --*/

.homepage-banner, .homepage-banner-light { min-height:800px; }
#homepage-banner-headline { top:240px; }

.col-03 { width:30%; }
.col-03-mid { width:40%; }
#info-section p { font-size:19px; }

#new-instore-rotator h3 { font-size:19px; }
#about-us-right p { font-size:19px; }

/*-- Contact - 1920 --*/

#contact-copy-container { margin:0 15% 0 0; }

/*-- Category - 1920 --*/

.category-header, .category-nav, .product-container { width:1300px; }
.category-nav ul li, .product-col-02 p { font-size:16px; }
.product-col-02 button { padding:10px 20px; }

/*-- Footer - 1920 --*/

.footer-nav li { font-size:16px; }
#footer-categories { margin:20px 0 0 0; }
#footer-categories li { margin:0 0 20px 0; }
.footer-nav li { margin:20px 0; }

}

.social{
float:right;
margin-top:15px;
margin-right:20px;
font-size:2.0em;
}
.social a:last-child {
    margin-left: 10px;
}
#promotion{position:relative;margin-right:10%;margin-left:10%;margin-top:2%;margin-bottom:2%;/*max-width:1280px;*//*max-height:500px;*/}
#promotion img{width:100%}
#promotion blockquote { padding: 5px 5px 5px 15px; }
#promotion .promotion-text{position:absolute;bottom:5%;/*height: 75px;*/width: 100%;color: #fff;/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}

@media only screen and (max-width:500px) {
.social{
float:right;
margin-top:10px;
margin-right:20px;
font-size:1.5em;
}
}
@media only screen and (max-width:800px) {
#promotion{margin-right:0;margin-left:0;}
#promotion .promotion-text{bottom:0;/*height:35px;*/}
#promotion .promotion-text h1{font-size:18px;}
#promotion .promotion-text h2{font-size:16px;}
#promotion .promotion-text p{font-size:12px;/*line-height:0.5em;*/}
}