/* officefurniture.html */
body,h1,h2,h3,h4,h5{ font-family: Inter, sans-serif;}
.office-banner{width:100%;padding-top:5px; background: url(../images/officefurniture/office-ban.jpg) no-repeat center ; height: 600px; background-size: contain;}
.office-top{ width: 1200px; margin: 12% auto 0; }
.office-top h1{ color: #ffffff; font-size: 38px;  font-weight: normal;line-height: 48px;  margin: 0 0 15px; padding: 0;}
.office-top p{color: #ffffff; font-size: 16px; }
.office-pc{ display: block; }


.office-link{margin-bottom: 50px; display: block;}
.office-link img{ margin-bottom: 20px; 
-webkit-transform:scale(1) translateZ(0);-moz-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);-webkit-transition:transform .3s linear 0s;-moz-transition:transform .3s linear 0s;transition:transform .3s linear 0s}
.office-link p{ color: #333333; font-size: 24px; margin-bottom: 15px;}
.office-link p b{font-family: Lato, arial, sans-serif;}
.office-link:hover img{ -webkit-transform:scale(1.03) translateZ(0);-moz-transform:scale(1.03) translateZ(0);transform:scale(1.03) translateZ(0);-webkit-transition:transform .3s linear 0s;-moz-transition:transform .3s linear 0s;transition:transform .3s linear 0s;}

.office-box{ padding: 60px 0; }
.office-box2{ padding: 80px 0; }
.office-box2{ background-color: #2f2f2f; }
.office-box2 h3{ border:none; color: #ffffff; font-size: 30px; font-weight: bold; margin: 0 0 20px; padding: 0;}
.office-box2 p{ color: #ffffff; line-height: 28px; margin-bottom: 20px; font-size: 18px;font-weight:300;word-wrap: break-word; word-break: normal; }
.office-box2 a{ border-radius: 50px; background-color: #ffffff; color: #2f2f2f; font-size: 20px; padding: 12px 30px; margin-top: 20px;display: inline-block; }
.office-box2 a:hover{ background-color: #d40000; color: #ffffff; }
.office-box3 img{ margin-bottom: 30px; }
.office-box3 h3{ border:none; text-align: center; font-size: 30px;font-weight: bold; margin: 0 0 20px; padding: 0; }
.office-box3 p{text-align: center;line-height: 30px;  font-size: 20px; width: 75%; margin: 0 auto 40px; color: #333333;}

/* office-cabinet.html */
.office-id-box{ padding: 50px 0; }
.office-id-box h1{ font-size: 34px; text-align: center; font-weight: bold; line-height: 30px;margin-bottom: 55px; color: #000000; }
.office-id-box img{ margin-bottom: 20px; }
.office-id-box .row>div{ margin-bottom: 30px; }
.office-id-box p{  font-size: 20px; line-height: 26px; color: #333333; margin-bottom: 10px; }
.office-id-box p b{font-family: Lato, arial, sans-serif;}







@media screen and (min-width:1500px) and (max-width:1700px){

	.office-banner{ height: 520px; }


}

@media screen and (min-width:1400px) and (max-width:1500px){

	.office-banner{ height: 480px; }


}

@media screen and (min-width:1300px) and (max-width:1400px){

	.office-banner{ height: 450px; }


}

@media screen and (min-width:1100px) and (max-width:1300px){

	.office-banner{ height: 360px; }
	.office-top{ margin-top: 9%; }


}


@media (max-width: 1200px){

	.office-top{ width: 96%; margin-top:9%; }
	.office-link p{ height: 36px; }


}

@media screen and (min-width:900px) and (max-width:1099px){

	.office-banner{ height: 330px; }
	.office-top{ margin-top: 8%; }
	.office-top h1{ font-size: 30px; line-height: 38px;}

	.office-box3 p{ width: 90%; }
	.office-link p{ height: auto; }


}


@media screen and (min-width:768px) and (max-width:899px){

	.office-banner{ height: 300px; }
	.office-top{ margin-top: 8%; }
	.office-top h1{ font-size: 30px;  line-height: 38px;}

	.office-box3 p{ width: 90%; }

}

@media (max-width: 767px){


	.office-banner{ height: 240px; }
	.office-top{ margin-top: 6%; }
	.office-top h1{ font-size: 26px; line-height: 32px; }
	.office-box{ padding: 30px 0; }
	.office-link p{ font-size: 22px; margin-bottom: 3px; line-height: 20px; }
	.office-box2 a{ margin: 10px 0 40px; }
	.office-box3 p{ width: 94%; margin-bottom: 20px; }
	.office-box3 h3{ line-height: 24px; margin-bottom: 15px; }


}

@media (max-width: 600px){

	.office-banner{ height: 190px; }
	.office-top h1{ font-size: 20px; line-height: 24px; font-weight: bold; }
	.office-top p{ font-size: 14px; }

	.office-box{ padding: 30px 0; }
	.office-link p{ font-size: 16px; margin-bottom: 3px;line-height: 20px; height: auto; }
	.office-link img{ margin-bottom: 5px; }

	.office-box2 h3{ font-size: 24px; line-height: 30px; }
	.office-box3 p{ font-size: 16px; line-height: 24px; }
	.office-box3 h3{ font-size: 24px; }
	.office-link .p_height{ height: 40px; }

	.office-id-box h1{ font-size: 30px;  margin-bottom: 30px;}
	.office-id-box p{ font-size: 18px; line-height: 24px;height: auto; margin-bottom: 6px; }


}

@media (max-width: 450px){
	.office-banner{ height: 130px; }
	.office-top { margin-top: 2%; }
	.office-top h1{ font-size: 16px; line-height: 20px; }
	.office-top p{ font-size: 12px; line-height: 16px; }

}

@media (max-width: 350px){
	.office-banner{ height: 118px; }
	.office-top h1{ font-size: 16px; line-height: 20px; }
	.office-top p{ display: none; }

}