@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 1023px){
/* desktop to ipad */
html, body { overflow-x:hidden; overflow-y:visible; }

#wrap { min-width:10px; }
#wrap .container { padding-left:15px; padding-right:15px; }

#top .logo { padding:24px 0 11px 0; }
#top .mobile_btn { display:block; }
#top .login_area { display:none; }

#menu .menu_side { height:8px; }
#menu .menu_area { display:none; }

#banner.inner_banner .container { padding-bottom:40px; }
#banner .banner_title { left:15px; bottom:15px; }

#main .left_side { display:none; }
#main .right_side { width:100%; }
#main .title_area { padding:18px 124px 8px 4px; }
#main .title_area select { display:block; }

#footer .footer_sitemap { width:calc(100% + 30px); margin:0 -15px; padding-bottom:0; }
#footer .footer_sitemap_row { width:20%; padding:0 15px; box-sizing:border-box; }
#footer .footer_logo { position:static; width:100%; padding-top:15px; text-align:right; }
#footer .footer_logo img { max-width:279px; }
#footer .copyright p { padding-right:0; }
#footer .copyright p:first-child { padding-left:0; }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#top .logo { width:292px; }

#footer .footer_sitemap_row { display:none; }
#footer .footer_logo { padding-top:0; text-align:center; }
#footer .footer_logo img { max-width:229px; }

#footer .copyright p { width:100%; text-align:center; }
#footer .copyright p:first-child { width:100%; text-align:center; }
}

@media screen and (max-width: 620px){
#mobile_menu { width:250px; }
.openResponsive #wrap { transform:translate3d(250px, 0, 0); -webkit-transform:translate3d(250px, 0, 0); -moz-transform:translate3d(250px, 0, 0); }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#top .logo { width:242px; }

#banner .banner_title { font-size:30px; }
#main .title_area { font-size:26px; }
}

@media screen and (max-width: 374px){
#top .logo { width:222px; }

#banner .banner_title { font-size:28px; }
#main .title_area { font-size:24px; }
}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media screen and (max-width: 1023px){
#index_slogan p { padding:22px 0; }

.index_content { margin:0 -15px; }

.index_box_area { font-size:0; text-align:center; }
.index_box_area .index_box_item { padding:14px 15px; }
.index_box_area .index_box_photo_area { width:132px; }
.index_box_area .index_box_info { width:calc(100% - 146px) !important; }
.index_box_area .index_box_item:nth-child(odd) { width:44%; }
.index_box_area .index_box_item:nth-child(even) { width:56%; }
}

@media screen and (max-width: 767px){
.index_box_area .index_box_item { width:100% !important; }
}

@media screen and (max-width: 479px){
#indexType #top .logo { float:left; }

.index_box_area .index_box_photo_area { width:102px; }
.index_box_area .index_box_info { width:calc(100% - 116px) !important; }
}

/*-------------------------------------------------------------------------------------*/
/* DOWNLOADS CMS */

@media screen and (max-width: 767px){
.download_list .download_item { padding:3px 50px 3px 40px; }
.download_list .download_btn { right:14px; }
}








/*-------------------------------------------------------------------------------------*/
/* CONTACT US */

@media screen and (max-width: 1023px){
.contact_list .contact_info { width:calc(100% - 340px); }
.contact_list .contact_info table td:first-child { white-space:nowrap; vertical-align:top; }
.contact_list .contact_map { width:330px; }
.enquiry_area .enquiry_form { width:100%; max-width:660px; }
.enquiry_area .enquiry_form .form_field { width:calc(100% - 100px); }
}

@media screen and (max-width: 767px){
.contact_list .contact_info { width:calc(100% - 220px); padding-top:4px; }
.contact_list .contact_map { width:210px; }
}

@media screen and (max-width: 479px){
.contact_list .contact_info { float:none; width:100%; padding-top:0; padding-bottom:10px; }
.contact_list .contact_map { float:none; width:300px; margin:0 auto; }

.enquiry_area .enquiry_form .form_title { width:100%; }
.enquiry_area .enquiry_form .form_field { width:100%; }
}

@media screen and (max-width: 374px){
.contact_list .contact_map { width:100%; }
}