@charset "utf-8";
@media only screen and (min-width:1680px) and (max-width:1920px){
.banner{width:100%; margin:0;background:url(../images/banner1920.png) no-repeat center -50px !important}
.headerBanSec{height:1175px;overflow:hidden}
.discover{height:680px;overflow: hidden;}
}
@media only screen and (min-width:1600px) and (max-width:1680px){
.banner{width:100%; margin:0;background:url(../images/banner1680.png) no-repeat center -40px !important}
.headerBanSec{height:1000px;overflow:hidden}
.discover{height:625px;overflow: hidden;}
}
@media only screen and (min-width:1440px) and (max-width:1600px){
.banner{width:100%; margin:0;background:url(../images/banner1600.png) no-repeat center -30px !important}
.headerBanSec{height:950px;overflow:hidden}
.discover{height:575px;overflow: hidden;}
}
@media only screen and (min-width:1371px) and (max-width:1440px){
.banner{width:100%; margin:0;background:url(../images/banner1500.png) no-repeat center top !important}
.headerBanSec{height:950px;overflow:hidden}
.discover{height:575px;overflow: hidden;}
}
@media only screen and (min-width:1366px) and (max-width:1370px){
#container{width:100%; margin:0 auto;}
.headerBanSec{height:880px;overflow:hidden}
.banner{width:100%; margin:0;background:url(../images/banner1200.jpg) no-repeat center top !important}
#container .headerBanSec{}
#container .headerBanSec .header{line-height: 22px !important; background:rgba(255, 255, 255, 0.55); padding:0px 24px 0px !important}
#container .headerBanSec .header .logo{ float:left;position:relative;top:10px;left:1px;}
#container .headerBanSec .header .hdRight{ float:right;}
#container .headerBanSec .header .hdRight a{ font:21px/22px 'FuturaStdBook'; color:#000; margin:35px 0 0 40px;letter-spacing:0.4px;opacity:0.7;text-decoration:none}
#container .headerBanSec .header .hdRight a.tradeMark{margin:30px 0px 0 90px}
#container .headerBanSec .header .hdRight a.tradeMark sup{ font:14px/14px 'FuturaStdBook';font-weight:bolder !important;opacity:1 !important;position:relative;top:-8px}
#container .headerBanSec .header .hdRight .menuIcon{ display:none; margin-top:20px; cursor:pointer}
#container .headerBanSec .header .hdRight .menu{ margin:20px 0 0}
#container .headerBanSec .header .hdRight .menu .menuArea{ margin:30px 0 0}
#container .headerBanSec .header .hdRight .menu .menuArea span{ font:18px/20px 'FuturaStdLight'; margin-bottom:20px; float:left; display:none; cursor:pointer}
#container .headerBanSec .bannerContent{ float:left; max-width:550px; width:96%; margin:92px 0 0 40px !important; text-align:center}
#container .headerBanSec .bannerContent h1{ font:63px/60px 'FuturaStdBook';width:100%;font-weight:lighter !important;; color:#fff; text-align:center; margin-bottom:30px;letter-spacing:0px;position:relative;left:-10px;}
#container .headerBanSec .bannerContent h2{font:36px/43px 'FuturaStdLight';width:100%;color:#fff; text-align:center; margin-bottom:32px;margin-right:0px !important;letter-spacing:0px;position:relative;top:-2px;letter-spacing:0.1px;opacity:0.8;font-weight:lighter;}
#container .headerBanSec .bannerContent a{ color:#e03327; text-align:center; font:18px/20px 'FuturaStdBook'; display:inline;position:relative;top:-5px}
#container .headerBanSec .bannerContent a:hover{ color:#e03327}
.discover{ width:100%; margin:0 auto; padding:86px 0 0; text-align:center; background-color:#f3f3f5;height:560px;overflow: hidden;}
.discover h2{font:65px/70px 'FuturaStdBook'; color:#231f20; text-align:center; margin-bottom:23px}
.discover h3{font:36px/40px 'FuturaStdLight'; color:#6d6e71; text-align:center; margin-bottom:30px; position:relative; z-index:2;opacity:0.8}
.discover sup{font:18px/20px 'FuturaStdBook'; position:relative; top:-35px;font-weight:bolder;}
.discover a{ color:#e03327; font:18px/22px 'FuturaStdBook'; position:relative; z-index:2;left:-6px}
.discover a:hover{ color:#e03327}
.discover .disImgHolder{ display:inline-table; text-align:center; width:100%; position:relative; top:-50px;left:-12px}
.discover .disImgHolder .disImg{ display:inline-block; position:relative; width:auto;}
.discover .disImgHolder .disImg img{ width:100%;position:relative;z-index:1 !important}
.discover .disImgHolder .disImg p{/* position:absolute; bottom:0px;*/ left:20px;font:14px/22px 'FuturaStdLight'; color:#6d6e71; text-transform:uppercase; margin:-40px 0 0;position:relative;z-index:2 !important}
.discover .disImgHolder .disImg p.labelPrinter{font:14px/22px 'FuturaStdLight'}
.discover .disImgHolder .disImg1{width:50%; display:inline-block; position:relative; width:auto}
.discover .disImgHolder .disImg1 img{ width:100%;position:relative;top:-9px;z-index:1 !important}
.discover .disImgHolder .disImg1 p{/* position:absolute; bottom:0px;*/font:14px/22px 'FuturaStdLight'; color:#6d6e71; text-transform:uppercase;letter-spacing:1px;font-weight:900; margin:-40px 0 0;position:relative;z-index:2 !important;top:-8px}
.discover .disImgHolder .disImg1 p{ left:32px !important; font:14px/22px 'FuturaStdLight'}
.discover .disImgHolder .disImg2{width:50%;top:-15px; display:inline-block; position:relative; width:auto;}
.discover .disImgHolder .disImg2 img{ width:100%;position:relative;top:-10px;z-index:1 !important}
.discover .disImgHolder .disImg2 p{/* position:absolute; bottom:0px;*/font:14px/22px 'FuturaStdLight'; color:#6d6e71; text-transform:uppercase;letter-spacing:1px;font-weight:900; margin:-40px 0 0;position:relative;z-index:2 !important;top:-8px}
.discover .disImgHolder .disImg2 p.labelPrinter{ left:-45px; font:14px/22px 'FuturaStdLight';}
.environment{ width:100%; background-color:#fff; padding:93px 0 0px;text-align:center}
.environment h2{font:65px/60px 'FuturaStdBook'; color:#231f20; text-align:center;  margin:0 auto; width:100%;position:relative;left:-3px }
.environment h3{font:36px/40px 'FuturaStdLight'; color:#6d6e71; text-align:center; margin:29px 0 34px;opacity:0.8;position:relative;left:-3px }
.environment a{ color:#df3128; font:18px/22px 'FuturaStdBook';position:relative;left:-3px }
.environment a:hover{ color:#e03327}
.environment img{ margin-top:43px; width:100%}
.environment .envImg{}
.environment .envImgB, .environment .envImgC{ display:none}
}

@media only screen and (min-width:1200px) and (max-width:1365px){
.headerBanSec{height:880px;overflow:hidden}
.banner{width:100%; margin:0;background:url(../images/banner1200.jpg) no-repeat right top !important}
#container .headerBanSec .header{ background:rgba(255, 255, 255, 0.55); padding:20px 24px 0px}
#container .headerBanSec .bannerContent{ float:left; max-width:400px; width:96%; margin:100px 0 0 0px !important; text-align:center}
#container .headerBanSec .bannerContent h1{ font:55px/52px 'FuturaStdBook';width:100%;font-weight:lighter !important; color:#fff; text-align:center; margin-bottom:26px;letter-spacing:2.5px}
#container .headerBanSec .bannerContent h2{font:30px/36px 'FuturaStdLight';margin-bottom:32px;letter-spacing:0px;letter-spacing:-1.4px;opacity:0.8;font-weight:lighter;}
#container .headerBanSec .bannerContent a{top:-10px}
.discover{padding:86px 0 0;height:540px;overflow: hidden;}
.discover h2{font:60px/65px 'FuturaStdBook';margin-bottom:20px}
.discover h3{font:30px/32px 'FuturaStdLight';margin-bottom:25px}
.discover sup{font:18px/20px 'FuturaStdBook';top:-35px}
.discover a{ color:#e03327; font:18px/22px 'FuturaStdBook'; position:relative; z-index:2;left:-6px}
.discover .disImgHolder{top:-35px !important;left:-12px}
.discover .disImgHolder .disImg1{width:50%;}
.discover .disImgHolder .disImg1 p{top:3px}
.discover .disImgHolder .disImg2{width:50%;top:-15px}
.discover .disImgHolder .disImg2 p.labelPrinter{left:-25px;top:7px}
.environment{padding:80px 0 0px}
.environment h2{font:60px/55px 'FuturaStdBook';font-weight:500 !important}
.environment h3{font:30px/32px 'FuturaStdLight';margin:25px 0 30px;left:-4px }
}
@media only screen and (min-width:1025px) and (max-width:1199px){ 
#container .headerBanSec .header .hdRight .menuIcon{display:none}
.headerBanSec{height:773px;overflow:hidden}   
.banner{width:100%; margin:0;background:url(../images/banner1200.jpg) no-repeat center top !important}
#container .headerBanSec .header{ background:rgba(255, 255, 255, 0.55); padding:20px 24px 0px}
#container .headerBanSec .bannerContent{ float:left; max-width:400px; width:96%; margin:70px 0 0 0px !important; text-align:center}
#container .headerBanSec .bannerContent h1{ font:55px/52px 'FuturaStdBook';width:100%;font-weight:lighter !important; color:#fff; text-align:center; margin-bottom:26px;letter-spacing:2.5px}
#container .headerBanSec .bannerContent h2{font:30px/36px 'FuturaStdLight';margin-bottom:32px;letter-spacing:0px;letter-spacing:-1.4px;opacity:0.8;font-weight:lighter;}
#container .headerBanSec .bannerContent a{top:-10px}
.discover{padding:85px 0 0;height:520px}
.discover h2{font:56px/60px 'FuturaStdBook';margin-bottom:20px}
.discover h3{font:30px/36px 'FuturaStdLight';margin-bottom:25px}
.discover sup{font:18px/20px 'FuturaStdBook'; position:relative; top:-35px;font-weight:bolder;}
.discover a{ color:#e03327; font:18px/22px 'FuturaStdBook'; position:relative; z-index:2;left:-6px}
.discover .disImgHolder{top:-65px;left:-12px}
.discover .disImgHolder .disImg1{width:49% !important}
.discover .disImgHolder .disImg1 p {left:-5px !important;top:3px;font: 14px/22px 'FuturaStdLight'}
.discover .disImgHolder .disImg2{width:49% !important;top:-15px}
.discover .disImgHolder .disImg2 img{top:-18px !important}
.discover .disImgHolder .disImg2 p.labelPrinter{left:-15px;top:7px}
.environment{padding:80px 0 0px}
.environment h2{font:55px/50px 'FuturaStdBook'}
.environment h3{font:26px/30px 'FuturaStdLight';margin:25px 0 25px;left:-4px }
}
@media only screen and (min-width:770px) and (max-width:1024px){ 
#container .headerBanSec{padding-bottom:760px;height:350px}
#container .headerBanSec .header{padding: 10px 24px 10px !important}
#container .headerBanSec .header .logo{top:0px;left:1px}
#container .headerBanSec .header .hdRight .menuIcon{ display:block; cursor:pointer;position:relative;top:-10px;}
#container .headerBanSec .header .hdRight .menu{ background:rgba(255, 255, 255, 0.9);width:270px; right:-400px; position:fixed;top:0; bottom:0; height:90%; margin:0; z-index:10}
#container .headerBanSec .header .hdRight .menu a{font:16px/22px 'FuturaStdBook'; text-align:left; margin:0 0 10px; float:left; width:100%}
#container .headerBanSec .header .hdRight .menu a sup{ font-size:12px}
#container .headerBanSec .bannerContent{ width:96%; margin-left: 0}
#container .headerBanSec .header .hdRight .menu .menuArea{ margin:20px}
#container .headerBanSec .header .hdRight .menu .menuArea span{ display:block; float: right;}
.banner{width:100%; margin:0;background:url(../images/banner1024.jpg) no-repeat center top !important}
#container .headerBanSec .bannerContent{width:350px ; margin: 48px 0px 0px 5px !important}
#container .headerBanSec .bannerContent h1{ font:54px/50px 'FuturaStdBook';width:100%;font-weight:lighter !important; margin:0 0 0px;letter-spacing:0.5px !important}
#container .headerBanSec .bannerContent h2{ font: 26px/30px 'FuturaStdLight'; width: 100%; float: left; margin: 35px 0 30px 0px !important;letter-spacing:-0.8px !important}
#container .headerBanSec .bannerContent a{ margin-left:0;opacity:0.9}
.discover{padding:86px 0 0;height:507px;overflow: hidden;}
.discover h2{font:56px/60px 'FuturaStdBook';margin-bottom:26px}
.discover h3{font:30px/32px 'FuturaStdLight';margin-bottom:25px}
.discover sup{font:18px/20px 'FuturaStdBook';top:-35px}
.discover a{ color:#e03327; font:18px/22px 'FuturaStdBook'; position:relative; z-index:2;left:-6px}
.discover .disImgHolder{top:-35px;left:-12px}
.discover .disImgHolder .disImg1{width:49% !important;top:-6px}
.discover .disImgHolder .disImg1 img{width:84%}
.discover .disImgHolder .disImg1 p {left:2px !important;top:20px;}
.discover .disImgHolder .disImg2{width:49% !important;top:-7px !important;left:-40px}
.discover .disImgHolder .disImg2 img{width:107%}
.discover .disImgHolder .disImg2 p.labelPrinter{left:-25px;top:20px}
.environment{padding-top:93px !important}
.environment h2{font-size:55px;line-height:59px;margin-top:2px;position:relative;top:-5px;}
.environment h3{position: relative;top:-10px;font:26.2px/32px 'FuturaStdLight';margin:26px 0px 28px 0px;opacity:0.8}
.environment a{position: relative;top: -12px !important}
.fooSec .fooSecLeft{float:left;font:10px/30px 'FuturaStdLight';margin-top:10px;width: 300px}
.environment{padding: 85px 0 15px}
.environment .envImgB, .environment .envImgC{ display:none}
}

@media only screen and (min-width:570px) and (max-width:769px){ 
#container .headerBanSec{padding-bottom:985px;height:350px}
#container .headerBanSec .header{ background:rgba(255, 255, 255, 0.55); padding:20px 24px 0px !important}
#container .headerBanSec .header .logo{top:-10px;left:1px}
#container .headerBanSec .header .menuIcon img{padding-right:0px;position:relative;top:-20px;right:5px}
#container .headerBanSec .header .hdRight .menuIcon{ display:block; cursor:pointer}
#container .headerBanSec .header .hdRight .menu{ background:rgba(255, 255, 255, 0.9); width:155px; right:-400px; position:fixed; top:0; bottom:0; height:950px; margin:0; z-index:10}
#container .headerBanSec .header .hdRight .menu a{font:14px/22px 'FuturaStdBook'; text-align:left; margin:15px 0 10px; float:left; width:100%}
#container .headerBanSec .header .hdRight .menu a sup{ font-size:12px}
#container .headerBanSec .bannerContent{ width:96%; margin-left: 0}
#container .headerBanSec .header .hdRight .menu .menuArea{ margin:20px}
#container .headerBanSec .header .hdRight .menu .menuArea span{ display:block; float: right}
.banner{width:100%; margin:0;background:url(../images/banner768.jpg) no-repeat center top !important}
#container .headerBanSec .bannerContent{width:350px;margin: 50px auto 0px auto !important;float:none;}
#container .headerBanSec .bannerContent h1{ font:54px/50px 'FuturaStdBook';width:100%;font-weight:lighter !important; margin:0 0 0px;letter-spacing:0.5px !important}
#container .headerBanSec .bannerContent h2{ font: 26px/30px 'FuturaStdLight';float: left; margin: 35px 0 28px 0px !important;letter-spacing:-0.8px !important}
#container .headerBanSec .bannerContent a{ margin-left:0;opacity:0.9}
.discover{padding:99px 0 0;height:890px;overflow: hidden;}
.discover h2{font:55px/35px 'FuturaStdBook';margin-bottom:0px}
.discover sup{font:14px/14px 'FuturaStdBook';position:relative;top:-32px}
.discover h3{font:28px/35px 'FuturaStdLight'; margin-bottom: 8px !important;margin-top:36px !important}
.discover a{ color:#e03327; font:18px/22px 'FuturaStdBook'; position:relative; z-index:2;left:-6px;top:12px;}
.discover .disImgHolder{top:-47px}
.discover .disImgHolder .disImg1 {width:76% !important}
.discover .disImgHolder .disImg1 img{left:13px;top:10px;width:100%}
.discover .disImgHolder .disImg1 p {left:12px !important;top:8px;}
.discover .disImgHolder .disImg2 {width:96% !important}
.discover .disImgHolder .disImg2 img{left:-3px}
.discover .disImgHolder .disImg2 img{top:45px;width:100%;left:10px}
.discover .disImgHolder .disImg2 p.labelPrinter{left:10px;top:40px}
.environment{padding-top:91px !important;padding-bottom:30px;}
.environment h2{font: 55px/50px 'FuturaStdBook';line-height:50px;margin-top:2px;position:relative;top:0px;}
.environment h3{width:350px;position: relative;font:26.2px/32px 'FuturaStdLight';margin:26px auto 28px auto;opacity:0.8}
.environment a{position: relative;top:-5px !important}
.envImg, .envImgC{ display:none}
.environment .envImgB{ display:block}
.fooSecLeft{width:250px !important}
.fooSec .fooSecRight{width:30%;float:right}
}

@media only screen and (min-width:482px) and (max-width:569px){ 
#container .headerBanSec{padding-bottom:370px;height:350px}
#container .headerBanSec .header{background: rgba(255, 255, 255, 0.4);padding: 0px 24px 0px !important;height:41px;}
#container .headerBanSec .header .logo a img{width:78px !important;margin-left:0px;top:-3px;position:relative;}
#container .headerBanSec .header .menuIcon img{width:18px;padding-right:0px;position:relative;top:-15px;right:-8px}
#container .headerBanSec .header .hdRight .menuIcon{ display:block; cursor:pointer}
#container .headerBanSec .header .hdRight .menu{ background:rgba(255, 255, 255, 0.9); width:155px; right:-400px; position:fixed; top:0; bottom:0; height:950px; margin:0; z-index:10}
#container .headerBanSec .header .hdRight .menu a{font:14px/22px 'FuturaStdBook'; text-align:left; margin:15px 0 10px; float:left; width:100%}
#container .headerBanSec .header .hdRight .menu a sup{ font-size:12px}
#container .headerBanSec .header .hdRight .menu .menuArea{ margin:20px}
#container .headerBanSec .header .hdRight .menu .menuArea span{ display:block; float: right}
.banner{width:100%; margin:0;background:url(../images/banner568.jpg) no-repeat center top !important}
#container .headerBanSec .bannerContent {width:230px;float: left;margin-top:50px !important;margin-left:0px !important}
#container .headerBanSec .bannerContent h1 {font: 35px/35px 'FuturaStdBook';width:100%;font-weight:lighter !important;margin-bottom: 20px;font-size: 34px;font-weight: 100;letter-spacing:0px;font-weight:300 !important}
#container .headerBanSec .bannerContent h2 {font: 16px/15px 'FuturaStdLight';float: none;margin: 0px 0px 0px 0px !important;letter-spacing: -0.2px !important}
#container .headerBanSec .bannerContent a {color: #e03327;text-align: center;font: 14px/20px 'FuturaStdBook';display: inline;position: relative;top: 15px;left:5px}
.discover{ padding:50px 0 0;height:668px; overflow: hidden;}
.discover h2{font:35px/35px 'FuturaStdBook';margin-bottom:0px}
.discover sup{font: 8px/8px 'FuturaStdBook';position: relative;top: -20px;}
.discover h3{font:16px/35px 'FuturaStdLight'; margin-bottom: 8px !important;margin-top:10px !important}
.discover a{color: #e03327;font: 14px/22px 'FuturaStdBook';position: relative;z-index: 2;left: -6px;text-decoration: none;top:-4px;}
.discover .disImgHolder {top: -31px}
.discover .disImgHolder .disImg1{ float:none; width: 82% !important;}
.discover .disImgHolder .disImg1 img {left:10px}
.discover .disImgHolder .disImg1 p {left: 12px !important;font: 12px/20px 'FuturaStdLight'}
.discover .disImgHolder .disImg2{ float:none; width: 100% !important;position:relative;left:10px;top:22px !important}
.discover .disImgHolder .disImg2 img {left: -3px;}
.discover .disImgHolder .disImg2 p.labelPrinter {font-size: 12px;letter-spacing: 1px;line-height: 18px;color: #6d6e71;font-family: 'FuturaStdLight';font-weight: 300;text-align: center;position: relative;top: -5px;left: 5px}
.environment{padding: 54px 0px 30px 0px !important}
.environment h2{font: 35px/35px 'FuturaStdBook';width: 100% !important;line-height: 33px !important}
.environment h3{color: #6d6e71;text-align: center;margin: 20px auto 0px auto !important;width: 203px;margin-left: 170px;font: 16px/20px 'FuturaStdLight' !important;margin-bottom:0px}
.environment a{color: #e03327;font: 14px/12px 'FuturaStdBook' !important;margin-top: 0px !important;padding-top: 0px !important;position: relative;top: 4px !important}
.fooSecLeft{width:250px !important}
.fooSec .fooSecRight{width:30%;float:right}
}

@media only screen and (min-width:321px) and (max-width:481px){ 
#container .headerBanSec{padding-bottom:370px;height:350px}
#container .headerBanSec .header{background: rgba(255, 255, 255, 0.4);padding: 0px 24px 0px !important;height:41px;}
#container .headerBanSec .header .logo a img{width:78px !important;margin-left:0px;top:-3px !important;position:relative;}
#container .headerBanSec .header .menuIcon img{width:18px;padding-right:0px;position:relative;top:-15px;right:-8px}
#container .headerBanSec .header .hdRight .menuIcon{ display:block; cursor:pointer}
#container .headerBanSec .header .hdRight .menu .menuArea span{ margin-bottom:0px}
#container .headerBanSec .header .hdRight .menu{ background:rgba(255, 255, 255, 0.9); width:125px; right:-400px; position:fixed; top:0; bottom:0; height:650px; margin:0; z-index:10}
#container .headerBanSec .header .hdRight .menu a{font:12px/15px 'FuturaStdBook'; text-align:left; margin:0px 0 10px; float:left; width:100%}
#container .headerBanSec .header .hdRight .menu a sup{ font-size:12px}
#container .headerBanSec .header .hdRight .menu .menuArea{ margin:20px}
#container .headerBanSec .header .hdRight .menu .menuArea span{ display:block; float: right}
.banner{width:100%; margin:0;background:url(../images/banner568.jpg) no-repeat center top !important}
#container .headerBanSec .bannerContent {width:230px;float: left;margin-top:50px !important;margin-left:0px !important}
#container .headerBanSec .bannerContent h1 {font: 35px/35px 'FuturaStdBook';width:100%;font-weight:lighter !important;margin-bottom: 20px;font-size: 34px;font-weight: 100;letter-spacing:0px;font-weight:300 !important}
#container .headerBanSec .bannerContent h2 {font: 16px/15px 'FuturaStdLight';float: none;margin: 0px 0px 0px 0px !important;letter-spacing: -0.2px !important}
#container .headerBanSec .bannerContent a {color: #e03327;text-align: center;font: 12px/20px 'FuturaStdBook';display: inline;position: relative;top: 15px;left:5px}
.discover{ padding:50px 0 0;height:515px; overflow: hidden;}
.discover h2{font:35px/35px 'FuturaStdBook';margin-bottom:0px}
.discover sup{font: 8px/8px 'FuturaStdBook';position: relative;top: -20px;}
.discover h3{font:16px/35px 'FuturaStdLight'; margin-bottom: 8px !important;margin-top:10px !important}
.discover a{color: #e03327;font: 12px/22px 'FuturaStdBook';position: relative;z-index: 2;left: -6px;text-decoration: none;top:-4px;}
.discover .disImgHolder {top:5px}
.discover .disImgHolder .disImg1{ float:none; width: 83% !important;}
.discover .disImgHolder .disImg1 img {left:10px}
.discover .disImgHolder .disImg1 p {left: 12px !important;font: 8px/30px 'FuturaStdLight' !important;top:5px}
.discover .disImgHolder .disImg2{ float:none; width: 95% !important;position:relative;left:15px!important;top:10px !important}
.discover .disImgHolder .disImg2 img {left: -3px;}
.discover .disImgHolder .disImg2 p.labelPrinter {font-size: 8px;letter-spacing: 1px;line-height: 38px !important;color: #6d6e71;font-family: 'FuturaStdLight';font-weight: 300;text-align: center;position: relative;top:5px;left:-2px}
.environment{padding: 54px 0px 40px 0px !important}
.environment h2{font: 35px/35px 'FuturaStdBook';width: 100% !important;line-height: 33px !important}
.environment h3{color: #6d6e71;text-align: center;margin: 20px auto 0px auto !important;width: 203px;margin-left: 170px;font: 16px/20px 'FuturaStdLight' !important;margin-bottom:0px}
.environment a{color: #e03327;font: 12px/12px 'FuturaStdBook' !important;margin-top: 0px !important;padding-top: 0px !important;position: relative;top: 4px !important}
.fooSecLeft{width:100% !important;position:relative;top:25px;text-align:center}
.fooSec .fooSecRight{width:100%;position:relative;top:-30px;}
.fooSec .fooSecRight .social {border-left:0px;padding:0px;float:none;margin:0px auto !important;width:120px;}
}
@media only screen and (min-width:300px) and (max-width:320px){ 
.banner{width:100%; margin:0; background:url(../images/banner320.jpg) no-repeat center top !important}
#container .headerBanSec{padding-bottom:220px !important}
#container .headerBanSec{padding-bottom:565px !important;height:350px}
#container .headerBanSec .header{background: rgba(255, 255, 255, 0.4);padding: 0px 24px 0px !important;height:41px;}
#container .headerBanSec .header .logo a img{width:78px !important;margin-left:0px;top:-3px;position:relative;}
#container .headerBanSec .header .menuIcon img{width:18px;padding-right:0px;position:relative;top:-15px;right:-8px}
#container .headerBanSec .header .hdRight .menuIcon{ display:block; cursor:pointer}
#container .headerBanSec .header .hdRight .menu{ background:rgba(255, 255, 255, 0.9); width:125px; right:-400px; position:fixed; top:0; bottom:0; height:950px; margin:0; z-index:10}
#container .headerBanSec .header .hdRight .menu a{font:10px/12px 'FuturaStdBook'; text-align:left; margin:0px 0 10px; float:left; width:100%}
#container .headerBanSec .header .hdRight .menu a sup{ font-size:12px}
#container .headerBanSec .header .hdRight .menu .menuArea{ margin:20px}
#container .headerBanSec .header .hdRight .menu .menuArea span{ display:block; float: right}
#container .headerBanSec .bannerContent{ margin:50px auto 40px !important; width:90%; float:none}
#container .headerBanSec .bannerContent h1{font: 32px/32px 'FuturaStdBook';width:100%;font-weight:lighter !important;color: #fff;text-align: center;margin-bottom: 21px;letter-spacing: 2.5px}
#container .headerBanSec .bannerContent h2{font: 16px/19px 'FuturaStdLight' !important;width: 93%;margin: 0 auto 5px 7px}   
#container .headerBanSec .bannerContent a{color: #e03327;text-align: center;font: 12px/12px 'FuturaStdBook' !important;display: inline;top: 6px}
.discover{padding: 10px 0 0;height: 515px;overflow: hidden}
.discover h2 {font: 35px/35px 'FuturaStdBook';margin-bottom:-2px;margin-top: 40px}
.discover sup {font: 9px/20px 'FuturaStdBook';position: relative;top: -20px;}
.discover h3{font: 15px/25px 'FuturaStdLight';margin-bottom: 6px !important;margin-top: 14px !important}
.discover a{ color:#e03327; font:12px/13px 'FuturaStdBook'; position:relative; z-index:2;left:-6px;text-decoration:none}
.discover .disImgHolder{top: -29px}
.discover .disImgHolder .disImg1{ float:none; width: 86% !important;position:relative;margin:43px;left:-5px}
.discover .disImgHolder .disImg1 p {font-size: 8px;letter-spacing: 1px;line-height: 18px;color: #6d6e71;font-family: 'FuturaStdBook';font-weight: 900 !important;text-align: center;margin: -27px 0 0;left: 5px !important}
.discover .disImgHolder .disImg2{ float:none; width: 95% !important;position:relative;top:-38px !important;left: 10px;}
.discover .disImgHolder .disImg2 p.labelPrinter{font-size: 8px;letter-spacing: 1px;line-height: 18px;color: #6d6e71;font-family: 'FuturaStdLight';font-weight: 900 !important;text-align: center;margin: -23px 0 0 30px !important;left:0px}
.environment .envImgB{ display:none}
.environment .envImgC{ display:block;padding-top:8px}
.environment .envImgC img{width:320px;height:496px}
/*.environment img:nth-child(1){height:255px}
.environment img:nth-child(2){margin-top:27px !important;height:175px}*/
.environment .envImg{display: none}
.environment {padding: 60px 0px 0px 0px !important;}
.environment h2{font: 29px/29px 'FuturaStdBook';line-height:29px !important;padding:0;letter-spacing:-1px !important}
.environment h3 {color: #6d6e71;text-align: center;margin: 10px 0 30px;width: 180px;margin-left: 60px;font: 14px/16px 'FuturaStdLight' !important;margin-bottom: 10px}
.environment a{top: 0px !important;font-size:12px;}
.fooSecLeft{width:100% !important;position:relative;top:25px;text-align:center}
.fooSec .fooSecRight{width:100%;position:relative;top:-30px;}
.fooSec .fooSecRight .social {border-left:0px;padding:0px;float:none;margin:0px auto !important;width:120px;}
}