@charset "utf-8";@media screen and (min-width:0px) and (max-width:979px){body{-webkit-text-size-adjust:none;}
.cont{width:90%;}
header{display:none;}
.header-mobile{display:block;}
#menu-icon{color:#FFF;width:60px;height:60px;position:absolute;right:0;background:#08243F url(../images/mobile/menu-icon.png) no-repeat;padding:0;cursor:pointer;display:block;}
#menu-icon.active{background:#F8CA11 url(../images/mobile/menu-icon-active.png) no-repeat;}
}
@media screen and (min-width:979px){header{display:block !important;}
.header-mobile{display:none}
}
@media screen and (min-width:0) and (max-width:479px){div#slider{height:auto;}
.slogan{top:16%;width:auto;left:5%;z-index:2;}
.slogan-title h1{font-size:22px;}
.slogan-title h2{font-size:14px;}
.scroll-arrow{display:none;}
.cont{width:90%;}
.personalized-services .image .services{position:relative;left:0;width:98%;margin-left:2%;top:0;}
.personalized-services .hd{padding:9% 0 4% 0;}
.personalized-services .hd h3{font-size:24px;width:auto;}
.personalized-services .image .services .tit{font-size:16px}
.personalized-services .image .services ul li{font-size:14px}
.personalized-services .image .services .btn-cn{margin-top:0%;margin-bottom:20px;text-align:center;}
.personalized-services .image .services .btn-cn a.read_more{font-size:14px;font-weight:700;border:4px solid #F8CA11;margin-right:0;}
.customer-testimonials .hd{padding:9% 0 4% 0;}
.customer-testimonials .hd h3{font-size:24px;width:auto;}
.customer-testimonials .testimonials .photo{width:100%;position:relative}
.customer-testimonials .testimonials .slidercn{width:100%;position:relative;height:auto;min-height:200px}
ul#testimonials li{padding:10px}
ul#testimonials li .testi{font-size:16px;}
#go-next{right:10px;}
#go-prev{right:68px;}
.bunkering-hub .hd{padding:9% 0 4% 0;}
.bunkering-hub .hd h3{font-size:24px;width:auto;}
.bunkering-hub .bunker-content h4{font-weight:700;font-size:18px;}
.bunkering-hub .bunker-content .text-cn .text{width:100%;font-size:15px;}
.bunkering-hub .bunker-content .text-cn .text .btn-cn{margin-top:5%;margin-bottom:5%;}
.bunkering-hub .bunker-content .text-cn .text .btn-cn a.read_more{font-size:14px;font-weight:700;border:4px solid #F8CA11;margin-right:0;}
.bunkering-hub .bunker-content .text-cn .illus{width:100%;}
.downloads-cn{background:#051F38;}
.downloads-cn .img-download{display:none;}
.downloads-cn .hd{padding:9% 0 4% 0;position:relative;}
.downloads-cn .hd h3{font-size:24px;}
.downloads-cn .downloads{margin-top:13px;margin-bottom:18px;}
.downloads-cn .downloads ul li a{font-size:17px;margin-bottom:12px;}
footer .partner{    width: 100%;}
	footer .partner ul{margin-top:8%;}
	footer .partner ul li a {
		font-size: 12px;}
	footer .copy {  width: 100%;  font-size: 10px; float:left;text-align:left;  }
footer .partners{width:100%;}
footer .partners ul{text-align:center;}
footer .partners ul li.bimco{width:90px;height:31px;margin-right:25px;}
footer .partners ul li.aja{width:70px;height:42px;}
.inner-content-cn .page-title h1{font-size:25px;padding:48px 20px 20px 20px;margin-left:0px;margin-top:-40px;width:90%;margin-bottom:15px;}
.inner-content-cn .page-title h1::before{top:-8px;left:27px;}
.inner-content-cn .page-title.pda h1{font-size:25px;padding:48px 20px 20px 20px;margin-left:0px;margin-top:-40px;width:90%;}
.inner-content-cn .page-title.pda h1::before{top:-8px;left:27px;}
.inner-content-cn .page-title.pda{padding:6% 0 9% 0;}
.inner-content-cn.bg-blue .hd,.inner-content-cn.bg-grey .hd,.inner-content-cn .hd{padding:10% 0 2% 0;}
.inner-content-cn.bg-blue .hd h3,.inner-content-cn.bg-grey .hd h3,.inner-content-cn .hd h3,.inner-content-cn .hd h2{font-size:24px !important;}
.table-wrapper{width:90%;margin-left:5%;}
.inner-content-cn.bg-blue .icons-cn ul li .desc{line-height:16px;font-size:12px}
.inner-content-cn .icons-cn ul li{margin:0 0;width:100%;margin-bottom:5%;}
.inner-content-cn .icons-cn ul li .icon{width:20%;}
.inner-content-cn .icons-cn ul li .icon .icn{width:100%;}
.inner-content-cn.bg-blue .icons-cn ul li .desc{width:80%;padding:2% 5%;text-align:left}
.inner-content-cn{font-size:16px;padding:0 0 6% 0;}
.inner-content-cn .incentives-cn{width:90%;}
.inner-content-cn .incentives-cn ul li{font-size:14px;width:100%;margin:0 0;height:auto;margin-bottom:20px}
.inner-content-cn .textbox ul li{font-size:14px}
.inner-content-cn.bg-grey .textbox ul li{font-size:14px}
.working-hours-cn{padding-left:0;}
.working-hours-cn .icon{width:50px;height:50px;}
.working-hours-cn .text{width:77%;font-size:12px;}
.infography-cn .img1,.infography-cn .img2,.infography-cn .img3,.infography-cn .img4,.infography-cn .img5,.infography-cn .img6{width:100%}
.infography-cn .img4{float:left}
.form-cn .row .column50, .form-cn .textfield{width:100%;margin:0}
#cntbox ul li{width:95%;margin:1% 2.5%;padding:5%;}
.form-cn input[type="submit"]{font-weight:500;border-radius:0}
.table-cn .inner-table .header{font-size:15px}
.table-cn .inner-table .row{font-size:14px}
.port-map-cn .header-map{width:38%;}
}
@media screen and (min-width:480px) and (max-width:639px){div#slider{height:auto;}
.slogan{top:16%;width:auto;left:5%;z-index:2;}
.slogan-title h1{font-size:22px;}
.slogan-title h2{font-size:14px;}
.scroll-arrow{display:none;}
.cont{width:90%;}
.personalized-services .image .services{position:relative;left:0;width:98%;margin-left:2%;top:0;}
.personalized-services .hd{padding:9% 0 4% 0;}
.personalized-services .hd h3{font-size:24px;width:auto;}
.personalized-services .image .services .tit{font-size:16px}
.personalized-services .image .services ul li{font-size:14px}
.personalized-services .image .services .btn-cn{margin-top:0%;margin-bottom:20px;text-align:center;}
.personalized-services .image .services .btn-cn a.read_more{font-size:14px;font-weight:700;border:4px solid #F8CA11;margin-right:0;}
.customer-testimonials .hd{padding:9% 0 4% 0;}
.customer-testimonials .hd h3{font-size:24px;width:auto;}
.customer-testimonials .testimonials .photo{width:100%;position:relative}
.customer-testimonials .testimonials .slidercn{width:100%;position:relative;height:auto;min-height:200px}
ul#testimonials li{padding:10px}
ul#testimonials li .testi{font-size:16px;}
#go-next{right:10px;}
#go-prev{right:68px;}
.bunkering-hub .hd{padding:9% 0 4% 0;}
.bunkering-hub .hd h3{font-size:24px;width:auto;}
.bunkering-hub .bunker-content h4{font-weight:700;font-size:18px;}
.bunkering-hub .bunker-content .text-cn .text{width:100%;font-size:15px;}
.bunkering-hub .bunker-content .text-cn .text .btn-cn{margin-top:5%;margin-bottom:5%;}
.bunkering-hub .bunker-content .text-cn .text .btn-cn a.read_more{font-size:14px;font-weight:700;border:4px solid #F8CA11;margin-right:0;}
.bunkering-hub .bunker-content .text-cn .illus{width:100%;}
.downloads-cn{background:#051F38;}
.downloads-cn .img-download{display:none;}
.downloads-cn .hd{padding:9% 0 4% 0;position:relative;}
.downloads-cn .hd h3{font-size:24px;}
.downloads-cn .downloads{margin-top:13px;margin-bottom:18px;}
.downloads-cn .downloads ul li a{font-size:17px;margin-bottom:12px;}
footer .copy{width:100%;font-size:10px;padding-top:2%;padding-bottom:4%}
footer .partners{width:100%;}
footer .partners ul{text-align:center;}
footer .partners ul li.bimco{width:90px;height:31px;margin-right:25px;}
footer .partners ul li.aja{width:70px;height:42px;}
.inner-content-cn .page-title h3{font-size:25px;padding:48px 20px 20px 20px;margin-left:0px;margin-top:-40px;width:90%;margin-bottom:15px;}
.inner-content-cn .page-title h3::before{top:-8px;left:27px;}
.inner-content-cn .page-title.pda h3{font-size:25px;padding:48px 20px 20px 20px;margin-left:0px;margin-top:-40px;width:90%;}
.inner-content-cn .page-title.pda h3::before{top:-8px;left:27px;}
.inner-content-cn .page-title.pda{padding:6% 0 9% 0;}
.inner-content-cn.bg-blue .hd,.inner-content-cn.bg-grey .hd,.inner-content-cn .hd{padding:10% 0 2% 0;}
.inner-content-cn.bg-blue .hd h3,.inner-content-cn.bg-grey .hd h3,.inner-content-cn .hd h3,.inner-content-cn .hd h2{font-size:24px!important;}
.table-wrapper{width:90%;margin-left:5%;}
.inner-content-cn.bg-blue .icons-cn ul li .desc{line-height:16px;font-size:12px}
.inner-content-cn .icons-cn ul li{margin:0 0;width:100%;margin-bottom:5%;}
.inner-content-cn .icons-cn ul li .icon{width:20%;}
.inner-content-cn .icons-cn ul li .icon .icn{width:100%;}
.inner-content-cn.bg-blue .icons-cn ul li .desc{width:80%;padding:2% 5%;text-align:left}
.inner-content-cn{font-size:16px;padding:0 0 6% 0;}
.inner-content-cn .incentives-cn{width:90%;}
.inner-content-cn .incentives-cn ul li{font-size:14px;width:100%;margin:0 0;height:auto;margin-bottom:20px}
.inner-content-cn .textbox ul li{font-size:14px}
.inner-content-cn.bg-grey .textbox ul li{font-size:14px}
.working-hours-cn{padding-left:0;}
.working-hours-cn .icon{width:50px;height:50px;}
.working-hours-cn .text{width:77%;font-size:12px;}
.infography-cn .img1,.infography-cn .img2,.infography-cn .img3,.infography-cn .img4,.infography-cn .img5,.infography-cn .img6{width:100%}
.infography-cn .img4{float:left}
.form-cn .row .column50, .form-cn .textfield{width:100%;margin:0}
#cntbox ul li{width:95%;margin:1% 2.5%;padding:5%;}
.form-cn input[type="submit"]{font-weight:500;border-radius:0}
}
@media screen and (min-width:480px) and (max-width:639px){div#slider{height:auto;}
.slogan{left:41px;width:auto;top:20%}
.slogan-title h1{font-size:30px;}
.scroll-arrow{display:none}
.slogan-title h2{font-size:19px;}
.cont{width:90%;}
.personalized-services .image .services{position:relative;left:0;width:98%;margin-left:2%;top:0;}
.personalized-services .hd{padding:9% 0 4% 0;}
.personalized-services .hd h3{font-size:24px;width:auto;}
.personalized-services .image .services .tit{font-size:16px}
.personalized-services .image .services ul li{font-size:14px}
.personalized-services .image .services .btn-cn{margin-top:0%;margin-bottom:20px;text-align:center;}
.personalized-services .image .services .btn-cn a.read_more{font-size:14px;font-weight:700;border:4px solid #F8CA11;margin-right:0;}
.customer-testimonials .hd{padding:9% 0 4% 0;}
.customer-testimonials .hd h3{font-size:24px;width:auto;}
.customer-testimonials .testimonials .photo{width:100%;position:relative}
.customer-testimonials .testimonials .slidercn{width:100%;position:relative;height:auto;min-height:200px}
ul#testimonials li{padding:10px}
ul#testimonials li .testi{font-size:16px;}
#go-next{right:10px;}
#go-prev{right:68px;}
.bunkering-hub .hd{padding:9% 0 4% 0;}
.bunkering-hub .hd h3{font-size:24px;width:auto;}
.bunkering-hub .bunker-content h4{font-weight:700;font-size:18px;}
.bunkering-hub .bunker-content .text-cn .text{width:100%;font-size:15px;}
.bunkering-hub .bunker-content .text-cn .text .btn-cn{margin-top:5%;margin-bottom:5%;}
.bunkering-hub .bunker-content .text-cn .text .btn-cn a.read_more{font-size:14px;font-weight:700;border:4px solid #F8CA11;margin-right:0;}
.bunkering-hub .bunker-content .text-cn .illus{width:100%;}
.downloads-cn{background:#051F38;}
.downloads-cn .img-download{display:none;}
.downloads-cn .hd{padding:9% 0 4% 0;position:relative;}
.downloads-cn .hd h3{font-size:24px;}
.downloads-cn .downloads{margin-top:13px;margin-bottom:18px;}
.downloads-cn .downloads ul li a{font-size:17px;margin-bottom:12px;}
footer .copy{width:100%;font-size:10px;padding-top:2%;padding-bottom:4%}
footer .partners{width:100%;}
footer .partners ul{text-align:center;}
footer .partners ul li.bimco{width:90px;height:31px;margin-right:25px;}
footer .partners ul li.aja{width:70px;height:42px;}
.inner-content-cn .page-title h1{font-size:35px;padding:70px 40px 42px 40px;margin-left:0px;margin-top:-70px;width:474px;}
.inner-content-cn .page-title h1::before{top:-8px;left:44px;}
.inner-content-cn .page-title.pda h1{font-size:35px;padding:70px 40px 42px 40px;margin-left:0px;margin-top:-70px;width:474px;}
.inner-content-cn .page-title.pda h1::before{top:-8px;left:44px;}
.inner-content-cn .page-title.pda{padding:6% 0 9% 0;}
.inner-content-cn.bg-blue .hd,.inner-content-cn.bg-grey .hd,.inner-content-cn .hd{padding:6% 0 2% 0;}
.inner-content-cn.bg-blue .hd h3,.inner-content-cn.bg-grey .hd h3,.inner-content-cn .hd h3,.inner-content-cn .hd h2{font-size:30px}
.table-wrapper{width:90%;margin-left:5%;}
.inner-content-cn.bg-blue .icons-cn ul li .desc{line-height:21px;}
.inner-content-cn{font-size:18px}
.inner-content-cn .incentives-cn ul li{font-size:14px}
#cntbox ul li{width:45%;margin:1% 2.5%}
.form-cn input[type="submit"]{font-weight:500;border-radius:0}
}
@media screen and (min-width:640px) and (max-width:719px){div#slider{height:auto;}
.slogan{left:41px;width:auto;top:20%}
.slogan-title h1{font-size:38px;}
.scroll-arrow{display:none}
.cont{width:90%;}
.personalized-services .image .services{left:34%;width:55%;margin-left:0;top:-28%;}
.personalized-services .image .services .tit{font-size:17px}
.personalized-services .image .services ul li{font-size:15px}
.personalized-services .image .services .btn-cn{margin-top:3%}
.customer-testimonials .hd,.personalized-services .hd,.bunkering-hub .hd{padding:6% 0 2% 0;}
.customer-testimonials .hd h3,.personalized-services .hd h3,.bunkering-hub .hd h3{font-size:30px;}
.customer-testimonials .testimonials .slidercn{width:70%;height:255px;}
ul#testimonials li .testi{font-size:12px}
ul#testimonials li .author{font-size:15px}
.bunkering-hub .bunker-content .text-cn .text{font-size:14px;width:53%;}
.bunkering-hub .bunker-content .text-cn .illus{width:47%;}
.downloads-cn .hd{padding:4% 0 2% 0;}
.downloads-cn .hd h3{font-size:26px;}
.downloads-cn .downloads{margin-top:12px}
.downloads-cn .downloads ul li a{font-size:16px;background:none;padding-left:0}
footer .copy{width:60%;font-size:11px;}
footer .partners{width:40%;}
footer .partners ul li.bimco{width:90px;height:31px;margin-right:20px;}
footer .partners ul li.aja{width:70px;height:42px;}
.inner-content-cn .page-title h1{font-size:35px;padding:70px 40px 42px 40px;margin-left:0px;margin-top:-70px;width:474px;}
.inner-content-cn .page-title h1::before{top:-8px;left:44px;}
.inner-content-cn .page-title.pda h1{font-size:35px;padding:70px 40px 42px 40px;margin-left:0px;margin-top:-70px;width:474px;}
.inner-content-cn .page-title.pda h1::before{top:-8px;left:44px;}
.inner-content-cn .page-title.pda{padding:6% 0 9% 0;}
.inner-content-cn.bg-blue .hd,.inner-content-cn.bg-grey .hd,.inner-content-cn .hd{padding:6% 0 2% 0;}
.inner-content-cn.bg-blue .hd h3,.inner-content-cn.bg-grey .hd h3,.inner-content-cn .hd h3{font-size:30px}
.table-wrapper{width:90%;margin-left:5%;}
.inner-content-cn.bg-blue .icons-cn ul li .desc{line-height:21px;}
.inner-content-cn{font-size:18px}
.inner-content-cn .incentives-cn ul li{font-size:14px}
#cntbox ul li{width:45%;margin:1% 2.5%}
.form-cn input[type="submit"]{font-weight:500;border-radius:0}
}
@media screen and (min-width:720px) and (max-width:979px){div#slider{height:auto;}
.slogan{left:41px;width:auto;top:20%}
.slogan-title h1{font-size:46px;}
.scroll-arrow{display:none}
.cont{width:90%;}
.personalized-services .image .services{left:34%;width:55%;margin-left:0;top:-28%;}
.personalized-services .image .services .tit{font-size:17px}
.personalized-services .image .services ul li{font-size:15px}
.personalized-services .image .services .btn-cn{margin-top:3%}
.customer-testimonials .hd,.personalized-services .hd,.bunkering-hub .hd,.downloads-cn .hd{padding:6% 0 2% 0;}
.customer-testimonials .hd h3,.personalized-services .hd h3,.bunkering-hub .hd h3{font-size:30px;}
.bunkering-hub .bunker-content .text-cn .text{font-size:14px;width:53%;}
.bunkering-hub .bunker-content .text-cn .illus{width:47%;}
.downloads-cn .hd h3{font-size:26px;}
.downloads-cn .downloads{margin-top:12px}
.downloads-cn .downloads ul li a{font-size:14px;}
footer .partner{    width: 100%;}
	footer .copy {  width: 100%;  font-size: 10px; float:left;text-align:left;  }
footer .partners ul li.bimco{width:120px;height:42px;margin-right:40px;}
footer .partners ul li.aja{width:90px;height:54px;}
.inner-content-cn .page-title h1{font-size:35px;padding:70px 40px 42px 40px;margin-left:0px;margin-top:-70px;width:474px;}
.inner-content-cn .page-title h1::before{top:-8px;left:44px;}
.inner-content-cn .page-title.pda h1{font-size:35px;padding:70px 40px 42px 40px;margin-left:0px;margin-top:-70px;width:474px;}
.inner-content-cn .page-title.pda h1::before{top:-8px;left:44px;}
.inner-content-cn .page-title.pda{padding:6% 0 9% 0;}
.inner-content-cn.bg-blue .hd,.inner-content-cn.bg-grey .hd,.inner-content-cn .hd{padding:6% 0 2% 0;}
.inner-content-cn.bg-blue .hd h3,.inner-content-cn.bg-grey .hd h3,.inner-content-cn .hd h3{font-size:30px}
.table-wrapper{width:90%;margin-left:5%;}
.inner-content-cn.bg-blue .icons-cn ul li .desc{line-height:21px;}
.inner-content-cn{font-size:18px}
.inner-content-cn .incentives-cn ul li{font-size:14px}
#cntbox ul li{width:45%;margin:1% 2.5%}
.form-cn input[type="submit"]{font-weight:500;border-radius:0}
.customer-testimonials .testimonials .slidercn{width:70%;height:255px;}
ul#testimonials li .testi{font-size:14px}
ul#testimonials li .author{font-size:16px}
}
@media screen and (min-width:980px) and (max-width:1023px){div#slider{height:auto;}
header .logo{width:69px;height:93px;top:24px;left:20px;background:url(../images/sprite.png) -111px 0 no-repeat;}
header.smaller .logo{left:20px;}
nav,.nav-contact{right:30px;}
nav ul li{font-size:13px;padding:12px;margin-left:10px;}
.slogan{left:41px;width:auto}
.slogan-title h1{font-size:46px;}
.cont{width:90%;}
.personalized-services .image .services{left:30%;margin-left:0}
.inner-content-cn.bg-blue .hd,.inner-content-cn.bg-grey .hd,.inner-content-cn .hd{padding:6% 0 2% 0;}
.table-wrapper{width:90%;margin-left:5%;}
#cntbox ul li{font-size:15px;}
#cntbox ul li span{font-size:13px;}
#cntbox ul li span.em::before{display:none}
#cntbox ul li span.tels::before{display:none}
#cntbox ul li span.mob::before{display:none}
.form-cn input[type="submit"]{font-weight:500;border-radius:0}
}
@media screen and (min-width:1024px) and (max-width:1199px){div#slider{height:auto;}
header .logo{width:69px;height:93px;top:24px;left:20px;background:url(../images/sprite.png) -111px 0 no-repeat;}
header.smaller .logo{left:20px;}
nav,.nav-contact{right:30px;}
nav ul li{font-size:13px;padding:12px;margin-left:10px;}
.slogan{left:41px;width:auto}
.slogan-title h1{font-size:46px;}
.cont{width:90%;}
.personalized-services .image .services{left:30%;margin-left:0}
.inner-content-cn.bg-blue .hd,.inner-content-cn.bg-grey .hd,.inner-content-cn .hd{padding:6% 0 2% 0;}
.table-wrapper{width:90%;margin-left:5%;}
#cntbox ul li{font-size:15px;}
#cntbox ul li span{font-size:13px;}
#cntbox ul li span.em::before{display:none}
#cntbox ul li span.tels::before{display:none}
#cntbox ul li span.mob::before{display:none}
.form-cn input[type="submit"]{font-weight:500;border-radius:0}
ul#testimonials li .testi{font-size:14px}
ul#testimonials li .author{font-size:16px}
}
@media only screen and (min-width:1200px) and (max-width:1366px){nav ul li{padding:12px 7px;margin-left:15px;}
}
@media screen and (min-width:1600px){.product-item-listing-cn ul li{margin-right:3.3018%;list-style:none;width:22.1320%;float:left;margin-bottom:4%;position:relative}
.product-item-listing-cn ul li:nth-child(3n+3){margin-right:3.3018%;}
.product-item-listing-cn ul li:nth-child(4n+4){margin-right:0;}
}
@media screen and (min-width:1200px) and (max-width:1600px){}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:192dpi){.header-mobile .logo-mobile{position:absolute;background-image:url(../images/mobile/logo%402x.png);background-repeat:no-repeat;background-size:100%;}
#menu-icon{background-image:url(../images/mobile/menu-icon%402x.png) no-repeat;background-repeat:no-repeat;background-size:100%;}
#menu-icon.active{background-image:url(../images/mobile/menu-icon-active%402x.png) no-repeat;background-repeat:no-repeat;background-size:100%;}
}