/*
Theme Name: OldLimestone
Version: 1.0
Author: Old Limestone
*/

body {background:#fff; margin:0; padding:0; text-align:center; color:#4e4b4b; font-family:Cambria, Georgia, Arial, Verdana, sans-serif; font-weight:400; font-size:16px;}

/* applying box model for all elements */
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}

/* clear float */
.clear {clear:both; height:0; font-size:1px; line-height:0px;}

/* common styles */
img {border:0; max-width:100%;}
.aligncenter {display:block; text-align:center; margin:0 auto;}
#content p {line-height:130%;}
h1, h2 {font-family:CopperplateGothicBT-Bold; font-weight:normal; -webkit-font-smoothing: antialiased;}

/* layout */
#container {width:100%;}
.wrapper {max-width:1724px; min-width:320px; margin:0 auto; overflow:hidden;}

/* header */
#header {background:#021327 url("images/horse.png") no-repeat top center; overflow:hidden; height:245px; text-align:center; margin:0 auto; padding:35px 0 0 0; position:relative; z-index:1000;}
#header-top {border-bottom:1px solid #8d6f4b; padding:0 0 25px 0; overflow:hidden; position:relative;}
#header-top .social-icons {position:absolute; top:20px; left:0;}
#header-top .social-icons h5 {float:left; color:#fff; font-size:22px; font-family:CopperplateGothicBT-Bold; font-weight:normal; padding:0 17px 0 0;}
#header-top .social-icons ul {list-style-type:none; float:left; overflow:hidden;}
#header-top .social-icons ul li {float:left; padding:0 8px 0 0;}
#header-top .social-icons ul li a {display:block; background-image:url("images/social-icons.png"); width:30px; height:30px; text-indent:-3333px; font-size:0; transition:all 0.3s ease;}
#header-top .social-icons ul li.fb-ico a {background-position:0 0;}
#header-top .social-icons ul li.tw-ico a {background-position:-38px 0;}
#header-top .social-icons ul li.in-ico a {background-position:-76px 0;}
#header-top .social-icons ul li a:hover {opacity:0.9;}
#logo {margin:0 auto;}

/* main menu navigation */
#mainmenu {text-align:center; padding:30px 8px 0 8px; list-style:none;}
#mainmenu li {display:inline-block; position:relative; padding:0 22px;}
#mainmenu li a {font-size:26px; display:block; float:left; font-family:CopperplateGothicBT-Bold; color:#fff; font-weight:normal; text-decoration:none; transition:all 0.3s ease;}
#mainmenu li a:hover, #mainmenu li.current_page_item a {color:#8d6f4b;}
.c-hamburger {display:none;}

/* custom pages */
.contento {padding:55px 0;}
.contento h1, .contento h2 {font-family:CopperplateGothicBT-Bold; font-weight:normal; color:#4e4b4b; font-size:42px; padding:0 0 30px 0; line-height:38px; letter-spacing:-4px;}
.contento h3 {font-family:CopperplateGothicBT-Bold; font-weight:normal; color:#4e4b4b; font-size:32px; line-height:27px; letter-spacing:-3px; padding:0 0 30px 0;}
.contento p {text-align:left;}

/* contact page */
.contact .wrapper {max-width:1200px;}

/* home page content */
.rowsection {position:relative;}
.section-1 {background:url("images/image01.jpg") no-repeat top center; background-size:cover; padding:0 0 47% 0;}
.section-1 h1 {position:absolute; top:25%; left:15%; font-size:80px; display:inline-block; color:#4e4b4b; line-height:65px; letter-spacing:-6px;}
.section-1 h1:after {height:1px; display:block; width:80%; height:35px; border-bottom:1px solid #8d6f4b; content:''; margin:0 auto;}
.section-1 h1 span {color:#8d6f4b; display:block; padding:0 0 30px 0;}

.section-2 {background:#061c36 url("images/horse2.png") no-repeat center center; text-align:center; padding:185px 0 200px 0;}
.section-2 h2 {font-size:55px; display:inline-block; color:#f7f8f7; letter-spacing:-4px; padding:0 0 40px 0;}
.section-2 h2 span {color:#8d6f4b;}
.section-2 h2:after {height:1px; display:block; width:44%; height:40px; border-bottom:1px solid #8d6f4b; content:''; margin:0 auto;}
.section-2 p {color:#fdfdfd; font-size:18px; padding-bottom:35px; font-style:italic; line-height:130%; text-align:center;}

.section-3 {background:url("images/image02-2.jpg") no-repeat 0 bottom; background-size:cover; text-align:center; padding:195px 0 140px 0;}
.section-3 h2 {font-size:55px; display:inline-block; color:#f7f8f7; letter-spacing:-4px; padding:0 0 40px 0;}
.section-3 h2 span {color:#8d6f4b;}
.section-3 h2:after {height:1px; display:block; width:80%; height:40px; border-bottom:1px solid #8d6f4b; content:''; margin:0 auto;}
.section-3 p {padding:0 0 38px 0; font-size:18px; line-height:130%; color:#fff; text-align:center; font-style:italic;}
.section-3 p:last-of-type {background:url("images/doug.png") bottom center no-repeat; padding-bottom:80px;}

.section-4 {background:url("images/products-bg.jpg") no-repeat top center; background-size:cover; padding:130px 0 120px 0; overflow:hidden;}
.section-4 .wrapper {margin:0 auto; max-width:1585px; padding:0;}
.section-4 .products-wrap {padding:82px 0 10px 0; overflow:hidden;}
.section-4 h2 {font-size:40px; display:inline-block; color:#4e4b4b; line-height:34px; letter-spacing:-3px; padding:0 0 26px 0;}
.section-4 h2 span {color:#8d6f4b;}
.section-4 .product-item {width:30%; margin:0 4% 0 0; float:left; position:relative;}
.section-4 .product-item:first-of-type {margin:0 4% 0 1%;}
.section-4 .product-item:last-of-type {margin:0 1% 0 0;}
.section-4 .product-item img {margin-top:-82px;}
.section-4 .product-item a {border:3px solid #fff; text-decoration:none; background:#fff; padding:0 48px 54px 48px; display:block; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); transition:all 0.3s ease;}
.section-4 .product-item a:hover {border:3px solid #8d6f4b; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.section-4 .product-item h3 {font-size:32px; color:#4e4b4b; padding:5px 0 35px 0; letter-spacing:-2px;}
.section-4 .product-item h3 span {color:#8d6f4b;}
.section-4 .product-item p {font-size:16px; color:#7c7c7c; padding:0 0 35px 0;}
.section-4 .product-item .buy-button {display:inline-block; padding:5px 0 11px 0; width:65%; text-align:center; border:2px solid #8d6f4b; font-size:22px; font-family:CopperplateGothicBT-Bold; font-weight:normal; color:#8d6f4b; transition:all 0.3s ease;}
.section-4 .product-item a:hover .buy-button {background:#8d6f4b; color:#fff; width:100%;}

.section-5 {background:#16151c; overflow:hidden; text-align:left;}
.section-5 .wrapper {max-width:1635px; background:url("images/image04.jpg") no-repeat top center; background-size:cover; padding:330px 30px 120px 30px;}
.section-5 .left-side {float:left; width:33%; padding:20px 0 0 0;}
.section-5 .right-side {float:right; width:33%; padding:30px 0 0 0;}
.section-5 p {color:#fff; font-size:18px; font-style:italic; background:url("images/quote.png") no-repeat 0 5px; padding:0 0 90px 30px;}
.section-5 p span {display:block; padding:15px 0 0 0; font-style:normal; color:#8d6f4b;}

.section-6 {text-align:center; background:#fff; padding:120px 0;}
.section-6 .wrapper {max-width:1100px;}
.section-6 h3 {color:#9ea4a4; font-size:42px; letter-spacing:-3px; padding:0 0 70px 0; font-family:CopperplateGothicBT-Bold; font-weight:normal;}
.section-6 .seen-in {list-style-type:none; text-align:center;}
.section-6 .seen-in li {display:inline-block; padding:0 0 8px 0;}

/* about us page */
.section-7 {background:url("images/image05.jpg") no-repeat top center; background-size:cover; text-align:center; padding:0 0 30% 0;}
.section-7 .middle-box {position:absolute; top:28%; left:0; right:0;}
.section-7 h1 {font-size:52px; display:inline-block; color:#fff; line-height:45px; letter-spacing:-3px;}
.section-7 h1:after {height:1px; display:block; width:80%; height:35px; border-bottom:1px solid #8d6f4b; content:''; margin:0 auto;}
.section-7 h2 {font-size:52px; color:#fff; line-height:45px; padding:15px 0 0 0; letter-spacing:-3px;}
.section-7 h2 span {display:block; line-height:50px; color:#8d6f4b;}

.section-8 {background:#fff; padding:150px 0 130px 0; color:#4e4b4b;}
.section-8 .wrapper {max-width:870px;}
.section-8 h2 {font-size:45px; color:#4e4b4b; padding:0 0 35px 0; letter-spacing:-4px;}
.section-8 h2 span {color:#8d6f4b;}
.section-8 p {line-height:130%; font-style:italic; padding:0 0 30px 0;}
.section-8 p:last-of-type {background:url("images/dougandbarry.png") bottom center no-repeat; padding-bottom:68px;}

.section-9 {background:#ecefed url("images/about-us.jpg") repeat-x top; padding:150px 0 0 0; color:#4e4b4b;}
.section-9 .wrapper {max-width:1390px; position:relative; padding:0 30px 555px 30px;}
.section-9 h2 {font-size:45px; display:inline-block; color:#4e4b4b; padding-bottom:23px; letter-spacing:-4px;}
.section-9 h2:after {height:1px; display:block; width:80%; height:23px; border-bottom:1px solid #8d6f4b; content:''; margin:0 auto;}
.section-9 h4 {font-size:30px; display:block; color:#4e4b4b; padding-bottom:23px; font-weight:normal; font-style:italic;}
.section-9 h4 span {display:block; color:#8d6f4b;}
.section-9 p {text-align:center; font-size:16px; color:#4e4b4b; max-width:760px; margin:0 auto;}
.section-9 .us-images {background:url("images/us.png") no-repeat bottom center; width:100%; height:527px; position:absolute; bottom:0; left:0; right:0;}
.section-9 .left-us {border:1px solid #8d6f4b; width:520px; position:absolute; bottom:86px; padding:52px 150px 52px 56px;}
.section-9 .right-us {border:1px solid #8d6f4b; width:540px; position:absolute; bottom:86px; right:0; padding:52px 56px 52px 195px;}
.section-9 .right-us p, .section-9 .left-us p {text-align:left; width:auto;}

.section-10 {background:#fff; padding:80px 0 146px 0; color:#4e4b4b; text-align:center;}
.section-10 .wrapper {max-width:1638px; padding:0 30px;}
.section-10 h2 {font-size:45px; display:inline-block; color:#4e4b4b; line-height:40px; padding-bottom:35px; letter-spacing:-4px;}
.section-10 h2 span {display:block; color:#8d6f4b;}
.section-10 h2:after {height:1px; display:block; width:70%; height:36px; border-bottom:1px solid #8d6f4b; content:''; margin:0 auto;}
.section-10 p {max-width:680px; margin:0 auto;}
.section-10 .spon-logo {padding:40px 0 85px 0; text-align:center;}

/* whiskey abd water */
.section-11 {background:url("images/wisky-and-water-bg.jpg") repeat-x top center; height:490px; padding:130px 0 0 0;}
.section-11 h1 {font-size:58px; display:inline-block; color:#464646; letter-spacing:-5px;}
.section-11 h1:after {height:1px; display:block; width:40%; height:40px; border-bottom:1px solid #8d6f4b; content:''; margin:0 auto;}
.section-11 h2 {font-size:58px; color:#464646; line-height:48px; padding:20px 0 12px 0; letter-spacing:-5px;}
.section-11 h2 span {display:block; line-height:50px; color:#8d6f4b;}

.section-12 {background:url("images/image06.jpg") no-repeat top right; height:755px; padding:125px 0 0 155px;}
.section-12 .text-wrap {float:left; width:46%;}
.section-12 .toptext p {font-size:26px; color:#8d6f4b; font-style:italic; padding:0; text-align:center;}
.section-12 h3 {color:#4e4b4b; font-size:39px; display:inline-block; padding:35px 0 30px 0;}
.section-12 h3 span {color:#8d6f4b;}
.section-12 h3:after {height:1px; display:block; width:80%; height:32px; border-bottom:1px solid #8d6f4b; content:''; margin:0 auto;}
.section-12 p {text-align:center; padding:0 0 25px 0;}

.section-13 {background:url("images/image07.jpg") no-repeat top center; background-size:cover; padding:140px 0 120px 0; height:776px;}
.section-13 .wrapper {max-width:1220px;}
.section-13 h4 {color:#fff;font-size:38px; display:inline-block; text-align:center; padding:0; line-height:36px; font-family:CopperplateGothicBT-Bold; font-weight:normal;}
.section-13 h4:after {height:1px; display:block; width:55%; height:35px; border-bottom:1px solid #8d6f4b; content:''; margin:0 auto;}
.section-13 .left-side {float:left; width:50%; padding:50px 165px 0 0;}
.section-13 .right-side {float:right; width:50%; padding:50px 0 0 210px;}
.section-13 p {color:#fff; font-size:16px; font-style:italic; padding:0 0 90px 30px;}
.section-13 p span {display:block; padding:15px 0 0 0; font-style:normal;font-weight:bold; color:#8d6f4b;}

.section-14 {background:url("images/products-bg.jpg") no-repeat top center; background-size:cover; padding:160px 0; overflow:hidden;}
.section-14 .wrapper {margin:0 auto; max-width:1585px; padding:0;}
.section-14 h2 {font-size:44px; display:inline-block; color:#4e4b4b; letter-spacing:-3px; padding:0 0 20px 0;}
.section-14 h2:after {height:1px; display:block; width:80%; height:30px; border-bottom:1px solid #8d6f4b; content:''; margin:0 auto;}
.section-14 .location-wrap {padding:74px 0 10px 0; overflow:hidden;}
.section-14 .location-item {width:30%; border-bottom:3px solid #8d6f4b; padding:35px; margin:0 4% 0 0; float:left; position:relative; text-decoration:none; background:#fff; display:block; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
.section-14 .location-item:first-of-type {margin:0 4% 0 1%;}
.section-14 .location-item:last-of-type {margin:0 1% 0 0;}
.section-14 .location-item p {color:#021327; padding:65px 12px 0 12px;}

/* gallery */
.gallery-section {padding:100px 0 30px 0; overflow:hidden;}
.gallery-section ul {list-style-type:none;}
.gallery-section ul li {float:left; text-align:left;}
.gallery-section ul li.item1 {width:28%; margin:0 8% 5% 0;}
.gallery-section ul li.item2 {width:35%; margin:0 8% 0 0;}
.gallery-section ul li.item3 {width:21%;}
.gallery-section ul li.item4 {width:38.5%; margin:0 5.5% 0 0;}
.gallery-section ul li.item5 {width:22%; margin:-8% 5.5% 0 0;}
.gallery-section ul li.item6 {width:28.5%; margin:-3% 0 0 0}
.gallery-section ul li.item7 {width:38.5%; margin:-3% 0 0 0}
.gallery-section ul li.item8 {width:56%; margin:4% 0 0 5.5%; clear:none !important;}
.gallery-section ul li.item9 {width:38.5%; margin:-18% 0 0 0;}
.gallery-section ul li:nth-child(3n) {margin-right:0;}
.gallery-section ul li:nth-child(4n) {clear:left;}
.gallery-section ul li span.desc {padding:5px 0; font-size:17px;}

/*** footer ***/
#footer {width:100%; font-size:20px; padding:55px 0 20px 0; height:129px; text-align:left; background:#f4f6f5 url("images/footer-bg.jpg") repeat-x top; color:#525252; font-family:CopperplateGothicBT-Bold; font-weight:normal;}
#footer .wrapper {max-width:1804px;}
#footer ul {list-style-type:none; float:left;}
#footer ul li {display:inline-block; padding:0 30px 0 0;}
#footer ul li a {color:#525252; text-decoration:none; font-size:22px;}
#footer ul li a:hover, #footer ul li.current_page_item a {color:#8d6f4b;}
#footer .copy {float:right;}

/* Media queries */
@media screen and (max-width: 1744px) {
    .wrapper {padding:0 30px;}
    .section-1 h1 {/*font-size:84px; line-height:70px; left:12%;*/ left:11%; top:24%;}        
    
    .section-4 .product-item p br {display:none;}
    
    .section-7 .middle-box {top:24%;}
    
    .section-14 .location-item p br {display:none;}
    
}
@media screen and (max-width: 1660px) {
    .section-1 h1 {left:9%; top:22%; font-size:75px; line-height:62px;}  
    .section-12 {padding:105px 0 0 60px;}
    .section-12 .text-wrap {width:44%;}
}
@media screen and (max-width: 1420px) {
    .section-1 h1 {/*font-size:74px; line-height:62px; left:13%;*/ left:5%; top:18%; font-size:72px; line-height:60px;}
    
    .section-3 {padding:100px 0 380px 0;}
    
    .section-5 .right-side {width:36%;}
    
    .section-7 .middle-box {top:18%;}
        
    .section-9 .left-us {position:static; float:left; width:45%; padding:0; border:0; padding:50px 0 0 50px;}
    .section-9 .right-us {position:static; float:right; width:45%; padding:0; border:0; padding:50px 50px 0 0;}
    
    .section-12 {background:url("images/image06.jpg") no-repeat 300px bottom;}
    
}
@media screen and (max-width: 1340px) {
    .section-12 .text-wrap {width:50%;}
}
@media screen and (max-width: 1220px) {
    .section-1 h1 {/*font-size:64px; line-height:54px; left:10%;*/font-size:60px; line-height:50px; left:4%; top:16%; letter-spacing:-6px;}        
    
    .section-7 {height:370px; padding:0;}
    
    #footer {padding-top:30px;}
    #footer ul {float:none; text-align:center; padding-bottom:20px;}
    #footer .copy {float:none; text-align:center;}
}
@media screen and (max-width: 1100px) {
    .section-11 {background:url("images/wisky-and-water-bg.jpg") repeat-x -300px top;}
    .section-12 .text-wrap {width:60%;}
    .section-13 {padding:60px 0 50px 0;}
    .section-13 .left-side, .section-13 .right-side {width:35%; padding:50px 0 0 0;}
}
@media screen and (max-width: 1000px) {
    #header-top {padding:30px 0 0 0;}
    #mainmenu li {padding:0 15px;}
    #mainmenu li a {font-size:20px;}
    #header-top .social-icons h5 {display:none;}
    
    .section-1 {padding:0; background:none;}
    .section-1 h1 {position:static; padding:55px 0 10px 0;}
    .section-1 h1:after {border-bottom:2px solid #8d6f4b; width:92%;}
    .section-1 .mobile-view {background:url("images/image01-mobile.jpg") no-repeat top center; padding:0 0 77% 0; background-size:cover;}    
        
    .section-2 h2 {font-size:60px; line-height:50px;}    
        
    .section-3 h2 {font-size:64px;}
    .section-3 h2:after {height:20px;}
    .section-3 p br {display:none;}
    
    .section-4 .product-item:first-of-type, .section-4 .product-item {margin:0 2% 0 1%; width:31%;}
    .section-4 .product-item a {padding:0 20px 25px 20px;}
    
    .section-5 .wrapper {background-size:auto; padding:1010px 30px 40px 30px;}
    .section-5 .left-side, .section-5 .right-side {float:none; width:100%; padding:0;}
    .section-5 p {padding:0 0 50px 30px;}
    .section-5 p span {padding:10px 0 0 0;}
    
    .section-8 {padding:55px 0;}
    .section-8 p br {display:none;}
    
    .section-12 {padding:80px 0 60px 30px; height:auto; background:url("images/image06.jpg") no-repeat 200px bottom; background-size:initial;}    
    
    .section-13 {height:auto; background-size:auto; background-position:bottom center; background-color:#051930; padding-bottom:380px;}
    .section-13 .left-side, .section-13 .right-side {width:100%; padding:50px 0 0 0;}
    .section-13 .left-side p, .section-13 .right-side p {padding:0;}
    
    .section-14 .location-item:first-of-type, .section-14 .location-item {margin:0 2% 0 1%; width:31%; padding:25px;}
    
    #footer {padding-top:48px;}
    #footer ul {display:none;}
}
@media screen and (max-width: 800px) { 
    #header {height:204px; padding:25px 0 0 0; background-size:auto 204px;}
    #header .wrapper {padding:0;}
    #header-top {position:static; padding:0 0 18px 0; height:98px;}
    .navigator {display:none;}
    #header-top .social-icons {left:30px; bottom:25px; top:auto;}
    
    #header, #header .wrapper {overflow:visible;}
    #menu ul.navigator {display:none;} 
    #menu ul {width:100%; text-align:center; height:auto; position:absolute; top:204px; left:0px; padding:70px 18px; background:rgba(6,28,54,0.98);}           
    #menu ul li {display:block; padding:0;}   
    #menu ul li a {color:#fdfdfd; font-size:32px; padding:15px 0; font-family:CopperplateGothicBT-Bold; font-weight:normal; display:block; float:none; text-decoration:none;}
    #menu ul li a:hover, #menu ul li.current_page_item a {color:#8d6f4b;}
    
    .section-4 {padding:85px 0 0 0;}
    .section-4 .product-item, .section-4 .product-item:first-of-type, .section-4 .product-item:last-of-type {float:none; margin:0 auto 100px auto; width:90%; max-width:440%;}
    .section-4 .product-item:last-of-type {margin:0 auto 70px auto;}
    .section-4 .product-item a {padding:0 48px 54px 48px}
    
    .section-11 {padding:70px 0 0 0; height:460px;}    
    .section-11 h1, .section-11 h2 {font-size:60px; line-height:55px;}
    
    .section-12 .text-wrap {width:70%;}
    
    .section-14 {padding:85px 0 0 0;}
    .section-14 .location-wrap {padding:35px 0 10px 0}
    .section-14 .location-item, .section-14 .location-item:first-of-type, .section-14 .location-item:last-of-type {float:none; margin:0 auto 50px auto; width:90%; max-width:440%;}
    .section-14 .location-item:last-of-type {margin:0 auto 70px auto;}
    .section-14 .location-item p {padding:30px 12px 0 12px;}
    
    .c-hamburger {display: block; position: relative; overflow: hidden; margin: 0 10px 0 0; float:right; padding: 0; width: 66px; height: 80px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition:all 0.3s;}    
    .c-hamburger:focus {outline: none;}
    .c-hamburger span {display:block; position: absolute; top:37px; left:8px; right:8px; height:7px; background:#8d6f4b; transition:all 0.3s; border-radius:2px;}
    .c-hamburger span::before, .c-hamburger span::after {position: absolute; display: block; left: 0; width: 100%; height:7px; background-color:#8d6f4b; content: ""; border-radius:2px;}
    .c-hamburger span::before {top:14px;}
    .c-hamburger span::after {bottom:14px;}
    .c-hamburger--rot {background:none;}
    .c-hamburger--rot span {transition: transform 0.3s;}
    .c-hamburger--rot.is-active span {transform: rotate(90deg);}  
}
@media screen and (max-width: 660px) { 
    .section-2 {padding:90px 30px 100px 30px; background-size:contain; background-position:center 260px;}
    .section-2 p br {display:none;}
    
    .section-6 {padding:55px 0;}
    .section-6 .seen-in li {padding:0;}
    
    .section-9 {padding:55px 0 0 0;}
    .section-9 .wrapper {padding:0 30px 365px 30px;}
    .section-9 .us-images {background-size:contain; height:340px;}
    .section-9 .left-us, .section-9 .right-us {padding:50px 0 0 0;}
    
    .section-10 {padding:55px 0;}
    
    .section-12 {background:url("images/image06.jpg") no-repeat 100px bottom;}
    .section-12 h3 {font-size:38px;}
    .section-12 .text-wrap {width:80%;}
    .section-12 .toptext p {font-size:25px;}            
}

@media screen and (max-width: 580px) { 
    .section-3 {background:#191b23 url("images/image02-mobile2.jpg") no-repeat bottom center; padding:75px 30px 390px;}
    
    .section-7 {height:320px;}
    .section-7 .middle-box {top:20%;}
    .section-7 h1, .section-7 h2 {font-size:40px; line-height:35px; letter-spacing:-2px;}    
    
    .section-13 h4 {font-size:32px; line-height:28px;}
}
@media screen and (max-width: 550px) { 
    .section-12 .text-wrap {width:100%;}
}
@media screen and (max-width:500px) { 
    .section-1 h1, .section-3 h2, .section-4 h2, .section-8 h2, .section-9 h2, .section-10 h2, .section-14 h2 {font-size:44px; line-height:34px;}    
    
    .gallery-section ul li {width:90% !important; margin:0 auto 20px auto !important; text-align:center; float:none;}
    
    .section-6 .seen-in li {display:block;}
    
    .section-11 h1, .section-11 h2 {font-size:46px; line-height:40px;}
    
    .section-12 {background:url("images/image06.jpg") no-repeat 0 bottom;}
}
@media screen and (max-width: 460px) {     
    #menu ul {padding:20px 10px 70px 10px;}
    #menu ul li a {font-size:22px;}
    
    .section-7 h1, .section-7 h2 {font-size:30px; line-height:30px;}
    
    .section-12 .toptext p br {display:none;}
}
@media screen and (max-width: 420px) { 
    #logo {width:85%; display:block;}
    .section-2 h2 {font-size:40px; line-height:40px;}
    
    .section-2 p, .section-3 p {font-size:18px;}    
    
    .section-3 {padding:75px 0 390px;}
    
    .section-4 .product-item a {padding:0 20px 25px 20px;}
    
    .section-9 .left-us, .section-9 .right-us {padding:50px 0 0 0; float:none; width:100%;}
    
    .section-12 {background:url("images/image06.jpg") no-repeat -100px bottom;}
}