@CHARSET "UTF-8";
@media (max-width: 720px) { /* Styles */
	article.home.with_aside,
	aside.home { float: none; width: 100%; }
	header a.mainlogo { height: 130px !important; width: 130px !important; }
	header a.mainlogo img { height: 110px !important; width: auto !important; }
}
/* =============== Portrait ============== */
@media (max-width: 960px) { /* Styles */

	footer div.partners > h5,
	footer p,
	footer > a,
	article.home .about img,
	div.swipe-wrap div a > strong,
	nav#main div.lang { display: none; }
	#gotop.fixed {
		bottom: 20px;
		height: 60px;
		left: calc(100% - 80px);
		margin-left: 0;
		width: 60px;
	}
	#bppwrap { width: 100%; }
	#bppwrap header { margin-top: 62px; background-size: 2000px auto; }
	header a.mainlogo {
	    height: 160px;
	    float: left;
	    margin-right: 10px;
	    width: 160px;
	}
	header div.notice h3,
	header div.notice h2 {
		color: #fff;
		font-size: 30px;
		line-height: 26px;
		text-align: right;
		text-shadow: unset;
	}
	header div.notice h4 { margin-top: 2px; }
	header div.notice h4,
	header div.notice h5 {
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		text-align: right;
		text-shadow: unset;
	}
	header div.notice {
		float: none;
		margin: 10px 3% 10px;
		max-width: unset;
		padding: 10px 0 0;
	}
	header a.mainlogo img {
	    height: 140px;
	    background-color: #FFF;
	    border-radius: 20px;
	    padding: 10px;
	    width: auto;
	}
	header div.right {
		max-width: unset;
		padding: 0 15px;
		width: 100%;
	}
	.hamburger {
	    background-color: #fff;
	    border-bottom: 2px solid #aaa7a7;
	    cursor: pointer;
	    display: block;
	    font-size: 22px;
	    height: 60px;
	    left: 0;
	    line-height: 58px;
	    position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: 98;
	}
	.hamburger h3 { margin-left: 70px; }
	.hamburger a {
	    background: rgba(0, 0, 0, 0) url("../images/hamburger.png") no-repeat scroll center center;
	    display: block;
	    float: left;
	    height: 60px;
	    width: 60px;
	}
	nav#main.show { height: 100%; }
	nav#main {
		background-color: #fff;
		flex-direction: column;
		height: 0;
		left: 0;
		max-width: 500px;
		overflow: hidden;
		position: fixed;
		top: 60px;
		transition: height 0.3s ease 0s;
		width: 100%;
		z-index: 99;
	}
	nav#main > a {
		margin: 0 0 2px !important;
		flex-grow: 0;
		width: 100% !important;
	}
	div#banner-c a img,
	div#banner-c,
	div#banner-c a { height: auto; width: 100%; }
	div.banner-con { height: auto; margin-top: 10px; }
	div.contact > h4 { font-size: 22px; }
	div.contact > h5 { font-size: 22px; }
	header div.right div.contact > h6 { font-size: 18px; line-height: unset; }
	div.right > img#line { height: 90px; float: right; }
	header div.social { float: right; padding: 0 10px 0 0; }
	div.social > a {
		height: 25px;
		font-size: 25px;
		margin: 0;
		padding: 5px;
		width: 25px;
	}
	div.social a#fb_btn { background-position: -30px 0; }
	div.social a#tw_btn { background-position: -60px 0; }
	header div.right div.contact *,
	header div.right div.contact { font-size: 36px; line-height: 23px; }
	div.banner-con > a#imgright { right: 0; top: 10px; }
	div.banner-con > a#imgleft { left: 0; top: 10px; }
	header div.right div.contact * {
		font-weight: normal;
		line-height: 20px;
		text-align: right;
	}
	article.home div.about h1,
	article.home div.about h2 { margin: 10px 0 0; text-align: center; }
	article.home div.about p { padding: 10px 20px; }
	article.home ul.category,
	div#cat_pane,
	article.home div.about { max-width: 640px; margin: 0; }
	article.home div.about { height: auto; }
	article.home ul.category { margin: 0 0 40px 20px; }
	form input#q { width: 150px }
	div#cat_pane h2 {
		font-family: "OJ92k12";
		font-weight: bold;
		text-indent: 20px;
	}
	article.home ul.category li { height: auto; width: calc(50% - 10px); }
	article.home ul.category li a img { height: auto; width: 100%; }
	footer { height: auto; padding: 10px; }
	footer div.partners {
	    height: auto;
	    padding: 0 0 10px;
	}
	footer div.partners ul { float: none; }
	footer div.partners ul li {
	    display: inline-block;
	    float: none;
	    margin: 2px;
	}
	
	/* About */
	article.promotion img,
	article.about img { max-width: 100%; }
	article.about div.box img {
	    display: block;
	    margin: 0 auto;
	    padding: 0 10px 10px;
	    position: static;
	}
	article.about div.box h1 {
	    display: block;
	    font-size: 40px;
	    line-height: 48px;
	    margin: 0 10px;
	    text-align: center;
	}
	article.about > div.content { margin: 20px 30px; }
	article.about div.box h2 { margin: 10px; text-align: center; }
	article.service .content p, 
	article.about .content div.p p {
	    text-align: justify;
	    text-indent: 20%;
	}
	
	/* Service */
	article.about.service > div.content { margin: 20px 30px; }
	article.service div.content ul { padding: 10px 0 10px 30px; }
	article.service div.content ol li {
	    height: auto;
	    margin: 0;
	    width: 100%;
	}
	
	/* Contact */
	div#map-box {
	    border-left: medium none;
	    border-right: medium none;
	    height: auto;
	    margin-top: 51px;
	    position: static;
	    width: 100%;
	}
	div#mapcontain { height: auto; width: 100%; }
	#picture-map img { height: auto; width: 100%; }
	article.contact div.box form.contact { margin: 10px 20px 30px; padding: 0; }
	.content.address { margin: 10px 10px 20px; padding: 0 0 10px; }
	form.contact div textarea, 
	form.contact div input[type="text"] { width: calc(100% - 30px);	}
	form.contact img.logo { display: none; }
	#captchainput { width: calc(100% - 190px) !important; }
	form.contact div.button { margin: 0 auto 20px; }
	
	/* Product */
	article.products .prores > a {
	    background: rgba(0, 0, 0, 0) url("../images/icon-products.png") no-repeat scroll 0 0;
	    height: 32px;
	    overflow: hidden;
	    text-indent: 40px;
	    width: 32px;
	}
	article.products div.ptit, article.products > h1 { margin: 0 20px; }
	article.products div.prores { margin: 0 20px 20px; }
	
	.prolist li { width: calc(33% - 4px); }
	ul.prolist { width: 100%; }
	.prolist li a { height: auto; width: calc(100% - 6px); }
	.prolist li a img {
	    display: block;
	    height: auto;
	    width: 100%;
	}
	.prolist li strong {
	    bottom: 5px;
	    left: 5px;
	    width: calc(100% - 10px);
	}
	div.page span.pnum b,
	div.page span.pnum * { padding: 0 5px; width: auto;	}
	div.page span.pnum { min-width: auto; padding: 0 10px; }
	
	article.products.home div.prores span.found.res { font-size: 18px; }
	article.prodet.products.home div#banner-c a img,
	article.prodet.products.home div#banner-c a ,
	article.prodet.products.home div#banner-c {
	    height: auto;
	    margin: 0 auto;
	    width: 100%;
	}
	.images a#imgleft,
	.images a#imgright { display: none; }
	.sep.cb, .images #nav { margin: 0 0 30px; }
	.images div#nav li { margin: 0; }
	.images div#nav li a img { width: 65px; }
	
	.box div.axaorder { height: auto; position: static;	}
	.box div.axaorder div {
	    display: block;
	    padding: 10px;
	    position: static;
	    text-align: right;
	}
	
	div.splash { background-color: #000; }
}