/*------------------------------------------------------------------//
//      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 .head-right .btn {font-size: 12px !important; margin-left: 15px !important;}
  .site-header .head-right .contact .item .desc {font-size: 12px;}
}
@media screen and (max-width: 1198px) and (min-width: 992px) {
  /* IPAD PRO */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-right .contact, .site-header .bottom {display: none !important;}
  .site-header .head-right .btn {font-size: 12px !important; margin-left: 0px !important; margin-right: 15px !important;}

  #faq figure, #faq figure a, #faq figure img {height: 100%;}
  main #stages .title:before {font-size: 55px;}
  main #faq .offset-p-right {padding: 35px;}
  main #contact-us {background-position: -255% center;}
  footer .copyright {padding-bottom: 75px;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* TABLET 768+ ~ 960 */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-left .logo {padding-right: 15px;padding: 5px 15px 5px 0;width: 205px;}
  .site-header .head-right .contact, .site-header .bottom {display: none !important;}
  .site-header .head-right .btn {font-size: 12px !important; margin-left: 0px !important; margin-right: 45px !important;}

  main .section .title {font-size: 35px;}

  #faq figure, #faq figure a, #faq figure img {height: 100%;}
  main #stages .title:before {font-size: 55px;}
  main #faq .offset-p-right {padding: 35px;}
  main #contact-us {background-position: -255% center;}
  main #contact-us form {padding-right: 0;}
  footer .copyright {padding-bottom: 75px;}
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  /* TABLET 640+ ~ 768 */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-left .logo {padding-right: 15px;padding: 5px 15px 5px 0;width: 205px;}
  .site-header .head-right .contact, .site-header .bottom {display: none !important;}
  .site-header .head-right .btn {font-size: 12px !important; margin-left: 0px !important; margin-right: 45px !important;}

  main .section .title {font-size: 35px;}
  main .banner .title {font-size: 35px;}
  main .banner .sub-title {font-size: 15px;}

  main #why .text .title {font-size: 20px;}

  main #stages .item {width: 70%; margin: 15px 10%; padding: 0;}
  main #stages .item:nth-child(2n) {margin-left: 20%;}

  main #contact-us .title {font-size: 25px; line-height: 25px;}
  main #contact-us .title small {font-size: 15px;}
  #faq figure, #faq figure a, #faq figure img {height: 100%;}
  main #stages .title:before {font-size: 35px;}
  main #faq .offset-p-right {padding: 35px;}
  main #contact-us {background-position: -255% center;}
  main #contact-us form {padding-right: 0;}
  main #patient-comments {padding: 50px 25px;}
  footer .copyright {padding-bottom: 75px;}
  .dropdown-menu {width: 100%; z-index: 999999999;}
  main .page-inner aside.sidebar .contact .item .icon i {
    position: relative;
    top:-5px;
  }
  main #videos {padding: 15px;}
  main #videos .items .slick-list {padding: 0;}
  .ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {width: 50%;}
  main .banner .btn{line-height: 45px;}
  main .banner {padding: 50px 0;}
}
@media screen and (max-width: 639px) and (min-width: 480px) {
  /* MOBILE 480+ ~ 640 */
  p {font-size: 13     px !important;}
  .btn {font-size: 13px; margin-top: 15px;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-right, .site-header .bottom {display: none !important;}
  .site-header .head-left .logo {padding-right: 15px;padding: 5px 15px 5px 0;width: 205px;}
  main .section .title {font-size: 20px !important; line-height: 55px !important;}
  main #home-bar .bar {margin: 15px 0;}
  main #about-us, main #contact-us, main #patient-comments, main #news {margin: 50px 0;}
  main #services, main #patient-comments, main #whatsapp {padding: 50px 0;}
  main #services {background-size: 1000px;}
  main #search .search-form .title {font-size: 16px;}
  main #search .search-form .form input {font-size: 14px; padding: 15px;}
  main #search .search-form .form button {width: 55px; font-size: 14px;}
  main #about-us .text {padding: 15px;}
  main #about-us figure img, main #contact-us figure img {width: 100%; height: auto;}
  main #services .service {margin-bottom: 75px;}
  main #services .col-md-12:last-child .service {margin-bottom: 0;}
  main #contact-us form {padding-right: 0;}
  main #patient-comments .comment {margin-bottom: 75px;}
  main #patient-comments .col-md-12:last-child .comment {margin: 0;}
  main #patient-comments .comment:before {left: 50%; transform: translateX(-50%);}
  main #news .new  {margin-bottom: 50px;}
  main #news .col-md-12:last-child .new {margin-bottom: 0;}
  main #whatsapp .text .desc {font-size: 20px;}
  main #contact-us .title {font-size: 25px;line-height: 35px !important;}
  main #contact-us .title small {font-size: 13px; line-height: 15px;}
  main #about-us .text .title {line-height: 25px !important;}
  main #patient-comments {background-size: 1000px;}
  main #patient-comments .title {display: block !important; line-height: 30px !important;}
  main #patient-comments .title .btn {font-size: 13px; padding: 0 10px; line-height: 35px;}
  main #news .new .title {font-size: 20px;}
  main #whatsapp .main {display: block !important;}
  main #whatsapp .main .go-whatsapp {text-align: center;}
  footer .copyright {padding-bottom: 100px;}
  .dropdown-menu {width: 100%; z-index: 999999999;}
  main .page-inner aside.sidebar .contact .item .icon i {
    position: relative;
    top:-5px;
  }
  main #videos {padding: 15px;}
  main #videos .items .slick-list {padding: 0;}
  .ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {width: 50%;}
  main .banner .btn{line-height: 45px;}
  main .banner {padding: 50px 0;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
  /* MOBILE 320+ ~ 480 */
  * {font-size: 13px;}
  p {font-size: 13px !important; line-height: 15px !important;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-left .logo {padding-right: 15px;padding: 5px 15px 5px 0;width: 205px;}
  .site-header .head-right .contact, .site-header .bottom {display: none !important;}
  .site-header .head-right .btn {display: none;}

  .dropdown-menu {width: 100%; z-index: 999999999;}

  main .section .title {font-size: 25px;}
  main .banner .title {font-size: 25px;}
  main .banner .sub-title {font-size: 15px;}

  main #why .text .title {font-size: 20px;}

  main #stages .item {width: 70%; margin: 15px 10%; padding: 0;}
  main #stages .item:nth-child(2n) {margin-left: 20%;}

  main #contact-us .title {font-size: 25px; line-height: 25px;}
  main #contact-us .title small {font-size: 15px;}
  #faq figure, #faq figure a, #faq figure img {height: 100%;}
  main #stages .title:before {font-size: 35px;}
  main #faq .offset-p-right {padding: 35px !important;}
  main #faq .offset-p-right .title {font-size: 25px;}
  main #faq .offset-p-right .title small {font-size: 15px;}
  main #contact-us {background-position: -255% center;padding: 40px;}
  main #contact-us .title {padding-bottom: 0;}
  main #contact-us form {padding-right: 0;}
  main #before-after {padding: 25px 0;}
  main #patient-comments {padding: 50px 25px;}
  main #patient-comments .title {margin-bottom: 0;}
  main #patient-comments .title .navigation {position: relative; top: auto; left: 50%; right: auto; transform: translateX(-50%);}
  main #featured .col figure a {padding: 15px; text-align: center;}
  footer .copyright {padding-bottom: 75px;}
  main .page-inner .nav-link {font-size:13px;}

  main .page-inner aside.sidebar .contact .item .icon i {
    position: relative;
    top:-5px;
  }
  main #videos {padding: 15px;}
  main #videos .items .slick-list {padding: 0;}
  .ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {width: 50%;}
  main .banner .btn{line-height: 45px;}
  main .banner {padding: 50px 0;}
}