@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1280px) {	
    .container { padding:0 15px;}
}
@media only screen and (max-width: 1200px) {	

}
@media only screen and (max-width: 992px) {	
}
@media (min-width: 801px) {
    nav ul li:hover > ul { display:block; }	
    nav ul li ul {}
    nav ul li ul li ul {}
    nav { display:block !important;}		
}
@media only screen and (max-width: 800px) {
    .container { width:100%; }	

    header { min-height:82px;}
    button.lines-button { display:block; margin-right:10px; }	

    button.lines-button { display:block; float:right;}
    .lines { background: #fff; margin:14px 0;}
    .lines-button.open .lines:before,
    .lines-button.open .lines:after { background:#fff;}
    .lines-button.open { position:fixed; top:4px; right:15px; margin:0;}
    button.lines-button span.text {  display:block; font-size:20px; line-height:22px; margin-top:-5px; color:#fff;}
    button.lines-button.open span.text { display:none;}
    .typography table {overflow-x:scroll;}

    
    
    nav { position:fixed; left:0; top:0; right:0; bottom:0; display:none; text-align:left;
          background:rgba(4,114,53,0.95);}
    nav > ul { position:absolute; top:50%; left:35px;  min-width:280px; text-align:left; right:20px;
               -webkit-transform:translate(0,-50%);
               -ms-transform:translate(0,-50%);
               transform:translate(0,-50%); }
    nav > ul > li { float:none; width:100%; vertical-align:top;}
    nav > ul > li.submenu::after { display:none;}
    nav > ul > li + li { margin:10px 0 0 0;}
    nav > ul > li > a { display:inline-block; color:#fff; padding-bottom:0; position:relative; font-size:18px; padding:0 0; vertical-align:top;}
    nav > ul > li > a:hover { background:none;}
    nav > ul > li.submenu > span { width:20px; height:20px; background:url(../images/plus.png) no-repeat 0 3px; display:inline-block; cursor:pointer; margin-left:10px; vertical-align:top; margin-top:3px;}
    nav > ul > li.submenu.open > span { background:url(../images/minus.png) no-repeat 0 3px; width:21px; height:20px;}

    nav > ul > li:hover > a, nav > ul > li.active > a  { background:none !important;}

    nav ul li ul { width:100%; position:static; background:none; padding:0 20px; margin-top:10px;  border-bottom:none; background:none;
                   -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
    nav ul li ul:after { display:none;}
    nav ul li ul li { display:block; position:relative; }
    nav ul li ul li a { color:#fff; display:block;}
    nav ul li ul li a:hover { background-color:transparent; text-decoration:underline;}
    nav ul li ul li ul { position:static;}
    nav > ul > li.current > a, nav > ul > li.section > a { color:#ffffff;}
    nav .close { position:absolute; right:20px; top:20px; display:block;}
    nav .close a { color:#fff; font-size:30px; font-weight:700; font-family:Arial, Helvetica, sans-serif;}	
    
    

    header .logo { width:100px;}
    header .header-info { padding:0;}
    header .header-info .slogan i { display:none;}
    header .header-info .slogan {padding-top:0px; }
	header .header-info .slogan a.shop {position:absolute; top:27px; left:120px;font-size:20px;padding-bottom:0;margin-left: 0px;}
    #banner .banner-boxes { bottom:50px;}
    #banner .banner-boxes .box { padding:10px; text-align:center;}
    #banner .banner-boxes .box h2 { min-height:0 !important; font-size:24px;}
    #banner .banner-boxes .box .text { min-height:0 !important;}
    #banner .banner-boxes .box .text p { font-size:14px; padding-bottom:15px;}
    #banner .banner-boxes .box .btn a { padding:7px;}
    #banner .down { bottom:15px;}
    #banner .down a img { width:30px;}
    #title { padding:25px 0;}
    #title h2 { font-size:24px;}
    #title p { font-size:16px; line-height:normal;}
    #title p br { display:none;}
    .image-box h2 { font-size:22px;}
    .image-box p { font-size:15px;}
    #heading .heading { margin-top:100px;}	
    #heading .heading h2 { font-size:32px;}	
    .gallery h2 { font-size:26px;}
    .gallery p { font-size:15px; line-height:normal;}
    footer { text-align:center; padding-bottom:20px;}
    footer .footer-logo { float:none; display:inline-block; }
    footer .copyright { float:none; text-align:center; padding:20px 0 10px 0;}
    footer .facebook { text-align:center; padding:0; float:none;}
    footer .facebook a { display:inline-block;}
    .pull-right-block { float:none !important;}
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen (max-device-width: 480px) and (orientation: landscape) {
    nav ul { max-height: 200px; overflow-y:auto;}
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}