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

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

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

#wrap { min-width:10px; }
#wrap .container { max-width:100%; padding-left:15px; padding-right:15px; display:block; }

#top .logo { width:300px; padding:15px 0; }
#top .toolbar { right:13px; display:none; }
#top .mobile_btn { display:block; }
#top .menu_area { float:left; width:calc(100% + 30px); margin:0 -15px; position:relative; display:none; }
#top ul.menu_list { position:absolute; left:0; top:4px; z-index:1000; width:100%; background-color:#0384ce; text-align:left; display:none; }
#top ul.menu_list > li { display:block; padding-left:0; border-bottom:1px solid #4db1e2; }
#top ul.menu_list > li:last-child { border-bottom:none; }
#top ul.menu_list > li.mobile_menu { display:block; }
#top ul.menu_list > li > a.lv1 { height:auto; padding:10px 25px; color:#ffffff; }
#top ul.menu_list > li > a.lv1 i { display:none; }
#top ul.menu_list > li > a.lv1:hover { background-image:none; background-color:#4db1e2; }

#main .container { padding-left:0; padding-right:0; }
#main .banner_area { width:100%; }
#main .content_area { padding-left:15px; padding-right:15px; }
}

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

#footer .footer_sitemap { padding:0; }
#footer .footer_sitemap_row { display:block; width:100%; padding:0; }
#footer .footer_sitemap_row:first-child { display:none; }

#footer .copyright { padding:0; }
#footer .copyright p, 
#footer .copyright p:first-child { float:none; text-align:center; }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */

}

@media screen and (max-width: 374px){
#footer .footer_sitemap_contact { padding-left:63px; }
}

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

@media screen and (max-width: 1041px){
#indexType #footer .copyright { bottom:-14px; }

.index_box_area { width:680px; padding:14px 15px 35px 15px; margin:0 auto; }

.index_service_box { width:100%; padding-top:10px; }

.index_contact_box { width:100%; padding-top:30px; }
.index_contact_area .index_contact_info { padding-right:50%; }
.index_contact_area .index_contact_info:first-child+.index_contact_info+.index_contact_info { position:absolute; right:24px; bottom:0; width:40%; padding-right:0; }
}

@media screen and (max-width: 767px){
#indexType #footer { padding:20px 0; }
#indexType #footer .footer_sitemap { display:block; }
#indexType #footer .copyright { position:static; width:100%; padding:14px 0 0 0; }
#indexType #footer .copyright p { text-align:center !important; }

.index_box_area { width:100%; margin:0 auto; }

.index_service_list .index_service_item { width:100%; padding:0; }
.index_service_list .index_service.more { padding-top:12px; }

.index_contact_area .index_contact_info { padding-right:0; }
.index_contact_area .index_contact_info:first-child+.index_contact_info+.index_contact_info { position:static; width:100%; }
}

@media screen and (max-width: 374px){
.index_service_list .index_service { padding-left:10px; padding-right:26px; }
.index_service_list .index_service:before { right:10px; }

.index_contact_area { padding:0 10px; }
}

/*-------------------------------------------------------------------------------------*/
/* ABOUT US */

@media screen and (max-width: 1041px){
.about_us_area { min-height:10px; padding-bottom:10px; background:url(../img/about_us_bg.jpg) no-repeat center top; }
.about_us_area .about_us_info { width:100%; padding:28px 0 10px 10px; }
.about_us_area .about_us_img { width:100%; padding:10px; text-align:center; }
.about_us_area .about_us_img img { max-width:499px; }
}

@media screen and (max-width: 767px){
.about_us_area .about_us_title { padding-bottom:16px; }
.about_us_area .about_us_content { padding-left:62px; }
}

@media screen and (max-width: 374px){
.about_us_area .about_us_info { float:left; width:100%; padding-left:0; box-sizing:border-box; }
.about_us_area .about_us_title { font-size:28px; }
.about_us_area .about_us_content { font-size:16px; }
}

/*-------------------------------------------------------------------------------------*/
/* OUR SERVICES */

@media screen and (max-width: 1041px){
.service_area { background:url(../img/service_bg.jpg) no-repeat center top; }
.service_area .service_list_area { width:100%; padding:30px 20px 32px 20px; }
.service_area .service_list { width:100%; padding-left:0; border-left:none; }
.service_area .service_list ul li { min-width:10px; max-width:none; padding:0 16px; margin-top:10px; }
.service_area .service_list ul li:first-child { margin-top:10px; }

.service_area .service_photo_area { width:calc(100% + 30px); padding:28px 15px; margin:0 -15px; }
.service_area .service_photo_row { width:66.66% }
.service_area .service_photo_item { width:33.33%; }

.service_area .service_photo_row .service_photo_item { width:50%; }
}

@media screen and (max-width: 767px){
.service_area .service_list_area { padding:10px 20px 20px 20px; }

.service_area .service_photo_list { max-width:656px; margin:0 auto; }
.service_area .service_photo_row { width:100% }
.service_area .service_photo_item { width:50%; }

.quick_view_slider_wrap { left:36px; right:36px; }
.quick_view_btn .prev_image { left:10px; }
.quick_view_btn .next_image { right:10px; }
}

@media screen and (max-width: 413px){
.service_area .service_list_area { padding:10px 10px 20px 10px; }

.service_area .service_photo_list { max-width:328px; margin:0 auto; }
.service_area .service_photo_item { width:100%; }
.service_area .service_photo_row .service_photo_item { width:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* OUR DENTAL CLINIC */

@media screen and (max-width: 1041px){
.dental_clinic_area { padding:22px 0px 27px 0px; }
.dental_clinic_area .dental_clinic_item { width:33.33%; padding:10px; }
}

@media screen and (max-width: 767px){
.dental_clinic_area { padding:12px 0px 17px 0px; }
.dental_clinic_area .dental_clinic_list { max-width:656px; padding:28px 0; margin:0 auto; }
.dental_clinic_area .dental_clinic_item { width:50%; }
}

@media screen and (max-width: 413px){
.dental_clinic_area .dental_clinic_list { max-width:328px; margin:0 auto; }
.dental_clinic_area .dental_clinic_item { width:100%; }
}

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

@media screen and (max-width: 1041px){
.contact_us_area { padding-bottom:42px; }
.contact_us_area .contact_us_info { width:310px; padding:34px 0 0 20px; }
.contact_us_area .contact_us_map { width:408px; padding:34px 10px 0 0; }
}

@media screen and (max-width: 767px){
.contact_us_area .contact_us_info { width:100%; min-height:250px; padding-left:50%; padding-right:10px; }
.contact_us_area .contact_us_info table.info_table { position:absolute; left:10px; top:34px; width:45%; }
.contact_us_area .contact_us_map { width:100%; padding-right:0; }
.contact_us_area .contact_us_map .map { width:100%; height:250px; }
.contact_us_area .contact_us_map .map img { display:none; }
.contact_us_area .contact_us_map .map iframe { position:static; }
}

@media screen and (max-width: 599px){
.contact_us_area .contact_us_info { min-height:10px; padding-left:20px; padding-right:20px; }
.contact_us_area .contact_us_info table.info_table { position:static; width:100%; }
}

@media screen and (max-width: 413px){
.contact_us_area .contact_us_info { padding-left:10px; padding-right:10px; }
}

@media screen and (max-width: 374px){
.contact_us_area .contact_us_info { padding-left:0; padding-right:0; }
}