/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/
@media screen and (min-width: 1601px) {
  /* PC 1400+  */ 
  .mobile-hamburger-menu, .mContact {display: none !important;}
}
@media screen and (max-width: 1600px) and (min-width: 1369px) {
  .mobile-hamburger-menu, .mContact {display: none !important;}
}
@media screen and (max-width: 1368px) and (min-width: 1199px) {
  .mobile-hamburger-menu, .mContact {display: none !important;}
  .site-header .in {padding: 10px 2%  !important;}
  .site-header .head-right {padding-left: 15px !important;}
  .site-header .head-left {padding-right: 40px !important;}
  .site-header .head-right nav.menu ul li a {padding: 0 5px !important; font-size: 15px !important;}
  .site-header .head-right .contact {font-size: 15px !important;}
  .site-header .head-right .contact .item {padding: 0 15px;}
}
@media screen and (max-width: 1198px) and (min-width: 992px) {
  /* IPAD PRO */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-right {display: none !important;}
  .site-header .in {position: relative !important; padding: 10px 5%  !important;}

  main #home-bar {padding: 50px 0;}
  main #about-us .column .text p {font-size: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  main .section .title {font-size: 25px; line-height: 25px;}
  main #about-us .column .others .item .title {margin-bottom: 5px;}
  main #about-us .column .others .item p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 

  main #about-bar .column .bar {padding: 25px;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* TABLET 768+ ~ 960 */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-right {display: none !important;}
  .site-header .in {position: relative !important; padding: 10px 5%  !important;}

  main #slider .video {width: 200px;}
  main #slider .video img {width: 100%; height: auto; display: block;}

  main #home-bar {padding: 50px 0;}
  main #home-bar .column .bar {border: none; border-bottom: 1px solid #f2f2f2; padding: 50px 0;}
  main #about-us .column .text p {font-size: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  main .section .title {font-size: 25px; line-height: 25px;}
  main #about-us .column .others .item {text-align: left;}
  main #about-us .column .others .item .title {margin-bottom: 5px; justify-content: flex-start!important;}
  main #about-us .column .others .item p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 

  main #about-bar .column .bar {padding: 25px;}
  main #comments .comment-list .items {padding-left: 0; padding-top: 25px; border: none !important; border-top: 1px solid #FFF !important; margin-top: 25px !important;}
  main #doctors .doctor {padding: 25px 0;}

  footer .bottom .column {border: none; border-bottom: 1px solid #FFF; padding: 15px;}
  footer .copyright {padding-bottom: 100px;}
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  /* TABLET 640+ ~ 768 */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-right {display: none !important;}
  .site-header .in {position: relative !important; padding: 10px 5%  !important;}

  main #slider {padding: 0 15px;margin-bottom: 90px;}
  main #slider .video {width: 100%;position: absolute;right: auto;bottom: -50%;padding: 0;left: 0;}
  main #slider .video img {width: 100%; height: auto; display: block;}

  main #home-bar {padding: 50px 0;}
  main #home-bar .column .bar {border: none; border-bottom: 1px solid #f2f2f2; padding: 50px 0;}
  main #about-us .column .text p {font-size: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  main .section .title {font-size: 25px; line-height: 25px;}
  main #about-us .column .others .item {text-align: left;}
  main #about-us .column .others .item .title {margin-bottom: 5px; justify-content: flex-start!important;}
  main #about-us .column .others .item p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 

  main #about-bar .column .bar {padding: 25px;}
  main #comments .comment-list .items {padding-left: 0; padding-top: 25px; border: none !important; border-top: 1px solid #FFF !important; margin-top: 25px !important;}
  main #doctors .doctor {padding: 25px 0;}
  main #blog .post {padding: 15px 0;}

  footer .bottom .column {border: none; border-bottom: 1px solid #FFF; padding: 15px;}
  footer .copyright {padding-bottom: 100px;background: transparent;}
  main .page-inner .in {margin-top: 0;}
  main .page-inner .in.detail .in {padding: 15px;}
}
@media screen and (max-width: 639px) and (min-width: 480px) {
  /* MOBILE 480+ ~ 640 */
  p {font-size: 12px !important;}
  .site-header {padding: 15px 15px 0 15px;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-left {padding-right: 15px !important;}
  .site-header .head-right {display: none !important;}
  .site-header .in {position: relative !important;padding: 10px 30px  !important;}

  main #slider {padding: 0 15px;margin-bottom: 90px;}
  main #slider .video {width: 100%;position: absolute;right: auto;bottom: -50%;padding: 0;left: 0;}
  main #slider .video img {width: 100%; height: auto; display: block;}
  main #slider .navigation {left: 15px;}

  main #home-bar {padding: 50px 0;}
  main #home-bar .column .bar {border: none; border-bottom: 1px solid #f2f2f2; padding: 50px 0;}
  main #about-us .column .text p {font-size: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  main .section .title {font-size: 25px; line-height: 25px;}
  main #about-us .column .others .item {text-align: left;}
  main #about-us .column .others .item .title {margin-bottom: 5px; justify-content: flex-start!important;}
  main #about-us .column .others .item p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 

  main #about-bar .column .bar {padding: 25px;}
  main #comments .comment-list .items {padding-left: 0; padding-top: 25px; border: none !important; border-top: 1px solid #FFF !important; margin-top: 25px !important;}
  main #doctors .doctor {padding: 25px 0;}
  main #blog .post {padding: 15px 0;}

  footer .top .logo img {width: 100%; height: auto;}
  footer .top .social-media a {width: 40px; height: 40px; margin: 0 2.5px; line-height: 40px; font-size: 20px;}
  footer .bottom .column {border: none; border-bottom: 1px solid #FFF; padding: 15px;}
  footer .copyright {padding-bottom: 100px;background: transparent;}
  main .page-inner .in {margin-top: 0;}
  main .page-inner .in.detail .in {padding: 15px;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
  /* MOBILE 320+ ~ 480 */
  p {font-size: 12px !important;}
  .site-header {padding: 15px 15px 0 15px;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-left {padding-right: 15px !important;}
  .site-header .head-right {display: none !important;}
  .site-header .in {position: relative !important;padding: 10px 30px  !important;}
.language .web-lang > li img {
    width: 30px;
    height: auto;
    margin-top: 11px;
    /* margin-left: 20px !important; */
}
  main #slider {padding: 0 15px;margin-bottom: 90px;z-index:-1;position:relative;}
  main #slider .video {width: 100%;position: absolute;right: auto;bottom: -50%;padding: 0;left: 0;}
  main #slider .video img {width: 100%; height: auto; display: block;}
  main #slider .navigation {left: 15px;}

  main #home-bar {padding: 50px 0;}
  main #home-bar .column .bar {border: none; border-bottom: 1px solid #f2f2f2; padding: 50px 0;}
  main #about-us .column .text p {font-size: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  main .section .title {font-size: 25px; line-height: 25px;}
  main #about-us .column .others .item {text-align: left;}
  main #about-us .column .others .item .title {margin-bottom: 5px; justify-content: flex-start!important;}
  main #about-us .column .others .item p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 

  main #about-bar .column .bar {padding: 25px;}
  main #comments .comment-list .items {padding-left: 0; padding-top: 25px; border: none !important; border-top: 1px solid #FFF !important; margin-top: 25px !important;}
  main #doctors .doctor {padding: 25px 0;}
  main #blog .post {padding: 15px 0;}

  footer .top .logo img {width: 100%; height: auto;}
  footer .top .social-media a {width: 40px; height: 40px; margin: 0 2.5px; line-height: 40px; font-size: 20px;}
  footer .bottom .column {border: none; border-bottom: 1px solid #FFF; padding: 15px;}
  footer .copyright {padding-bottom: 100px;background: transparent;}

  main .page-inner .in {margin-top: 0;}
  main .page-inner .in.detail .in {padding: 15px;}
}