-+*-----------------/*------------------------------------------------------------------//
//      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;}
  main .page-head .title {font-size: 45px; padding: 15px 50px;}
  main .section--title {font-size: 25px;}
  main .section--title small {font-size: 12px;}
  main .section .blog .items .item .title {font-size: 18px; margin: 10px 0;}
  main.detail .in .page-banner figure .banner-in h1 {font-size: 28px;}
  header .site-header .column .menu ul li a {padding: 0 7.5px;}
  main.detail .in .page-banner .bottom {bottom: 25px;}
  main.detail .in {padding-top: 125px;}
  main.detail .in .page-banner figure .breadcrumbs span {font-size: 12px; margin: 0 2.5px !important;}
  main.detail .in .page-banner figure .breadcrumbs span a {margin: 0;}
  main.detail .in .page-detail h2 {font-size: 18px;}
  main.detail .in .page-detail h2 {font-size: 16px;}
}
@media screen and (max-width: 1198px) and (min-width: 992px) {
  /* IPAD PRO */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header nav.menu, .site-footer nav.menu {display: none;}
  .site-header .logo img, .site-footer .logo img {width: 75px;}

  main .page-head .title {font-size: 45px; padding: 15px 50px;}
  main #slider .bottom .contact .col {padding: 20px;}
  main #slider .bottom .contact .col a {font-size: 12px;}
  main #slider .navigation .slick-arrow {width: 40px; height: 40px; margin: 0 5px;}
  main #slider .bottom .social-media a {width: 40px; height: 40px; font-size: 15px; line-height: 40px;}
  main .section--title {font-size: 25px;}
  main .section--title small {font-size: 12px;}
  main .section .contact-us .form .title {font-size: 20px;}
  main .section .blog .items .item .title {font-size: 18px; margin: 10px 0;}
  main .section .blog .items {margin-top: 25px;}

  main #treatments .item .title {font-size: 25px;}
  main.detail .in .page-banner figure .banner-in h1 {font-size: 28px;}
  header .site-header .column .menu ul li a {padding: 0 7.5px;}
  main.detail .in .page-banner .bottom {bottom: 25px;}
  main.detail .in {padding-top: 125px;}
  main.detail .in .page-banner figure .breadcrumbs span {font-size: 12px; margin: 0 2.5px !important;}
  main.detail .in .page-banner figure .breadcrumbs span a {margin: 0;}
  main.detail .in .page-detail h2 {font-size: 18px;}
  main.detail .in .page-detail h2 {font-size: 16px;}
  footer {margin-bottom: 55px;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* TABLET 768+ ~ 960 */
  p, li {font-size: 12px !important;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .container-fluid.full-width {padding: 0 15px;}
  .site-header nav.menu, .site-footer nav.menu {display: none;}
  .site-header .logo img, .site-footer .logo img {width: 75px;}
  header .site-header .column:nth-child(2) {display: none;}

  main .page-head .title {font-size: 45px; padding: 15px 50px;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .container-fluid.full-width {padding: 0 15px;}
  .site-header nav.menu, .site-footer nav.menu {display: none;}
  .site-header .logo img {width: 75px;}
  .site-footer .logo img {display: none;}

  main .page-head .title {font-size: 45px; padding: 15px 50px;}
  main #slider .slick-dots {right: 25px;}
  main #slider .bottom {width: 120px;left: auto;right: 0;}
  main #slider .bottom .social-media {display: none;}
  main #slider .bottom .contact .col {display: none; padding: 15px;}
  main #slider .bottom .contact .col:last-child {display: block;width: 100%;padding: 10px;}
  main #slider .navigation .slick-arrow {width: 40px;height: 40px;margin: 0 5px;line-height: 40px;}
  main #slider .bottom .social-media a {width: 40px; height: 40px; font-size: 15px; line-height: 40px;}
  main .section--title {font-size: 25px;}
  main .section--title small {font-size: 12px;}
  main .section .contact-us {padding: 15px !important;}
  main .section .contact-us .form {padding: 15px;}
  main .section .contact-us .form .title {font-size: 20px;}
  main .section .blog {padding: 60px 0;}
  main .section .blog .items .item .title {font-size: 18px; margin: 10px 0;}
  main .section .blog .items {margin-top: 25px;}
  main .section .press {padding: 15px;}
  main .section .press .navigation, main .section .blog .navigation {display: none;}

  main #treatments {padding: 25px;}
  main #treatments .item .title {font-size: 20px;}

  footer #contact-us .section--title {font-size: 20px;}
  footer #contact-us .section--title small {font-size: 13px;}

  footer {margin-bottom: 55px;}
  footer .section.site-footer .column:nth-child(2) {display: none;}
  footer .section.site-footer .column {
    justify-content: center !important;
    display: flex !important;
  }

  main.detail .in .page-detail {padding: 30px;}
  main.detail .in .page-detail h1 {font-size: 18px;}
  main.detail .in .page-detail h2 {font-size: 16px;}
  main.detail .in .page-detail h3 {font-size: 14px;}
  img {max-width: 100%;}
  main.detail .in .page-banner .bottom {position: relative;}
  main.detail .in .page-banner .bottom .social-media {display: none;}
  main.detail .in .page-banner .bottom .iti {color: #000;}
  main.detail .in .page-banner figure {padding: 0 0 0 0; position: relative;}
  main.detail .in .page-banner .bottom .contact .col input {padding: 15px;}
  main.detail .in .page-banner figure .breadcrumbs {left: 0;width: 100%;font-size: 10px;padding: 0;}
  header {position: relative;}
  header .site-header {background-color: #000;}
  main .page-detail .section--title big {font-size: 15px;}
  main .page-detail .section--title small {font-size: 20px;}
  footer #contact-us.template .col {padding: 25px;}
  footer #contact-us .info .social-media a {margin-top: 15px;}
  #galeriust {height: auto;}
  #galeriust .alan {display: block;}
  #galeriust .alan .butonlar a {line-height: 35px;padding: 0;font-size: 12px;height: auto;display: block;}
  #galeriust .alan .baslik {margin: 10px 0; font-size: 20px;}


  .fixed-contact {display: none;}
  main.detail .in .page-banner .contact {
    display: none;
  }
  main.detail .in .page-banner .banner-in {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: translateY(0) !important;
    padding: 0 30px;
  }
  main.detail .in .page-banner .banner-in h1 {font-size: 25px ! important;}
  main.detail .in .page-banner .bottom { padding: 0 30px; }
  main.detail .in .page-banner .bottom .social-media a { width: 45px; height: 45px; }
  header .site-header .column {max-width: max-content; width: max-content;}
  footer #contact-us.template .col:last-child {order: 1;}
  footer #contact-us.template .col:first-child {order: 2;}
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  /* TABLET 640+ ~ 768 */
  p, li {font-size: 12px !important;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .container-fluid.full-width {padding: 0 15px;}
  .site-header nav.menu, .site-footer nav.menu {display: none;}
  .site-header .logo img, .site-footer .logo img {width: 75px;}
  header .site-header .column:nth-child(2) {display: none;}

  main .page-head .title {font-size: 45px; padding: 15px 50px;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .container-fluid.full-width {padding: 0 15px;}
  .site-header nav.menu, .site-footer nav.menu {display: none;}
  .site-header .logo img {width: 75px;}
  .site-footer .logo img {display: none;}

  main .page-head .title {font-size: 45px; padding: 15px 50px;}
  main #slider .slick-dots {right: 25px;}
  main #slider .bottom {width: 120px;left: auto;right: 0;}
  main #slider .bottom .social-media {display: none;}
  main #slider .bottom .contact .col {display: none; padding: 15px;}
  main #slider .bottom .contact .col:last-child {display: block;width: 100%;padding: 10px;}
  main #slider .navigation .slick-arrow {width: 40px;height: 40px;margin: 0 5px;line-height: 40px;}
  main #slider .bottom .social-media a {width: 40px; height: 40px; font-size: 15px; line-height: 40px;}
  main .section--title {font-size: 25px;}
  main .section--title small {font-size: 12px;}
  main .section .contact-us {padding: 15px !important;}
  main .section .contact-us .form {padding: 15px;}
  main .section .contact-us .form .title {font-size: 20px;}
  main .section .blog {padding: 60px 0;}
  main .section .blog .items .item .title {font-size: 18px; margin: 10px 0;}
  main .section .blog .items {margin-top: 25px;}
  main .section .press {padding: 15px;}
  main .section .press .navigation, main .section .blog .navigation {display: none;}

  main #treatments {padding: 25px;}
  main #treatments .item .title {font-size: 20px;}

  footer #contact-us .section--title {font-size: 20px;}
  footer #contact-us .section--title small {font-size: 13px;}

  footer {margin-bottom: 55px;}
  footer .section.site-footer .column:nth-child(2) {display: none;}
  footer .section.site-footer .column {
    justify-content: center !important;
    display: flex !important;
  }

  main.detail .in .page-detail {padding: 30px;}
  main.detail .in .page-detail h1 {font-size: 18px;}
  main.detail .in .page-detail h2 {font-size: 16px;}
  main.detail .in .page-detail h3 {font-size: 14px;}
  img {max-width: 100%;}
  main.detail .in .page-banner .bottom {position: relative;}
  main.detail .in .page-banner .bottom .social-media {display: none;}
  main.detail .in .page-banner .bottom .iti {color: #000;}
  main.detail .in .page-banner figure {padding: 0 0 0 0; position: relative;}
  main.detail .in .page-banner .bottom .contact .col input {padding: 15px;}
  main.detail .in .page-banner figure .breadcrumbs {left: 0;width: 100%;font-size: 10px;padding: 0;}
  header {position: relative;}
  header .site-header {background-color: #000;}
  main .page-detail .section--title big {font-size: 15px;}
  main .page-detail .section--title small {font-size: 20px;}
  footer #contact-us.template .col {padding: 25px;}
  footer #contact-us .info .social-media a {margin-top: 15px;}
  #galeriust {height: auto;}
  #galeriust .alan {display: block;}
  #galeriust .alan .butonlar a {line-height: 35px;padding: 0;font-size: 12px;height: auto;display: block;}
  #galeriust .alan .baslik {margin: 10px 0; font-size: 20px;}


  .fixed-contact {display: none;}
  main.detail .in .page-banner .contact {
    display: none;
  }
  main.detail .in .page-banner .banner-in {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: translateY(0) !important;
    padding: 0 30px;
  }
  main.detail .in .page-banner .banner-in h1 {font-size: 25px ! important;}
  main.detail .in .page-banner .bottom { padding: 0 30px; }
  main.detail .in .page-banner .bottom .social-media a { width: 45px; height: 45px; }
  header .site-header .column {max-width: max-content; width: max-content;}
  footer #contact-us.template .col:last-child {order: 1;}
  footer #contact-us.template .col:first-child {order: 2;}
}
@media screen and (max-width: 639px) and (min-width: 480px) {
  /* MOBILE 480+ ~ 640 */
  p, li {font-size: 12px !important;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .container-fluid.full-width {padding: 0 15px;}
  .site-header nav.menu, .site-footer nav.menu {display: none;}
  .site-header .logo img, .site-footer .logo img {width: 75px;}
  header .site-header .column:nth-child(2) {display: none;}

  main .page-head .title {font-size: 45px; padding: 15px 50px;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .container-fluid.full-width {padding: 0 15px;}
  .site-header nav.menu, .site-footer nav.menu {display: none;}
  .site-header .logo img {width: 75px;}
  .site-footer .logo img {display: none;}

  main .page-head .title {font-size: 45px; padding: 15px 50px;}
  main #slider .slick-dots {right: 25px;}
  main #slider .bottom {width: 120px;left: auto;right: 0;}
  main #slider .bottom .social-media {display: none;}
  main #slider .bottom .contact .col {display: none; padding: 15px;}
  main #slider .bottom .contact .col:last-child {display: block;width: 100%;padding: 10px;}
  main #slider .navigation .slick-arrow {width: 40px;height: 40px;margin: 0 5px;line-height: 40px;}
  main #slider .bottom .social-media a {width: 40px; height: 40px; font-size: 15px; line-height: 40px;}
  main .section--title {font-size: 25px;}
  main .section--title small {font-size: 12px;}
  main .section .contact-us {padding: 15px !important;}
  main .section .contact-us .form {padding: 15px;}
  main .section .contact-us .form .title {font-size: 20px;}
  main .section .blog {padding: 60px 0;}
  main .section .blog .items .item .title {font-size: 18px; margin: 10px 0;}
  main .section .blog .items {margin-top: 25px;}
  main .section .press {padding: 15px;}
  main .section .press .navigation, main .section .blog .navigation {display: none;}

  main #treatments {padding: 25px;}
  main #treatments .item .title {font-size: 20px;}

  footer #contact-us .section--title {font-size: 20px;}
  footer #contact-us .section--title small {font-size: 13px;}

  footer {margin-bottom: 55px;}
  footer .section.site-footer .column:nth-child(2) {display: none;}
  footer .section.site-footer .column {
    justify-content: center !important;
    display: flex !important;
  }

  main.detail .in .page-detail {padding: 30px;}
  main.detail .in .page-detail h1 {font-size: 18px;}
  main.detail .in .page-detail h2 {font-size: 16px;}
  main.detail .in .page-detail h3 {font-size: 14px;}
  img {max-width: 100%;}
  main.detail .in .page-banner .bottom {position: relative;}
  main.detail .in .page-banner .bottom .social-media {display: none;}
  main.detail .in .page-banner .bottom .iti {color: #000;}
  main.detail .in .page-banner figure {padding: 0 0 0 0; position: relative;}
  main.detail .in .page-banner .bottom .contact .col input {padding: 15px;}
  main.detail .in .page-banner figure .breadcrumbs {left: 0;width: 100%;font-size: 10px;padding: 0;}
  header {position: relative;}
  header .site-header {background-color: #000;}
  main .page-detail .section--title big {font-size: 15px;}
  main .page-detail .section--title small {font-size: 20px;}
  footer #contact-us.template .col {padding: 25px;}
  footer #contact-us .info .social-media a {margin-top: 15px;}
  #galeriust {height: auto;}
  #galeriust .alan {display: block;}
  #galeriust .alan .butonlar a {line-height: 35px;padding: 0;font-size: 12px;height: auto;display: block;}
  #galeriust .alan .baslik {margin: 10px 0; font-size: 20px;}


  .fixed-contact {display: none;}
  main.detail .in .page-banner .contact {
    display: none;
  }
  main.detail .in .page-banner .banner-in {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: translateY(0) !important;
    padding: 0 30px;
  }
  main.detail .in .page-banner .banner-in h1 {font-size: 25px ! important;}
  main.detail .in .page-banner .bottom { padding: 0 30px; }
  main.detail .in .page-banner .bottom .social-media a { width: 45px; height: 45px; }
  header .site-header .column {max-width: max-content; width: max-content;}
  footer #contact-us.template .col:last-child {order: 1;}
  footer #contact-us.template .col:first-child {order: 2;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
  /* MOBILE 320+ ~ 480 */
  p, li {font-size: 12px !important;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .container-fluid.full-width {padding: 0 15px;}
  .site-header nav.menu, .site-footer nav.menu {display: none;}
  .site-header .logo img, .site-footer .logo img {width: 75px;}
  header .site-header .column:nth-child(2) {display: none;}

  main .page-head .title {font-size: 45px; padding: 15px 50px;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .container-fluid.full-width {padding: 0 15px;}
  .site-header nav.menu, .site-footer nav.menu {display: none;}
  .site-header .logo img {width: 75px;}
  .site-footer .logo img {display: none;}

  main .page-head .title {font-size: 45px; padding: 15px 50px;}
  main #slider .slick-dots {right: 25px;}
  main #slider .bottom {width: 120px;left: auto;right: 0;}
  main #slider .bottom .social-media {display: none;}
  main #slider .bottom .contact .col {display: none; padding: 15px;}
  main #slider .bottom .contact .col:last-child {display: block;width: 100%;padding: 10px;}
  main #slider .navigation .slick-arrow {width: 40px;height: 40px;margin: 0 5px;line-height: 40px;}
  main #slider .bottom .social-media a {width: 40px; height: 40px; font-size: 15px; line-height: 40px;}
  main .section--title {font-size: 25px;}
  main .section--title small {font-size: 12px;}
  main .section .contact-us {padding: 15px !important;}
  main .section .contact-us .form {padding: 15px;}
  main .section .contact-us .form .title {font-size: 20px;}
  main .section .blog {padding: 60px 0;}
  main .section .blog .items .item .title {font-size: 18px; margin: 10px 0;}
  main .section .blog .items {margin-top: 25px;}
  main .section .press {padding: 15px;}
  main .section .press .navigation, main .section .blog .navigation {display: none;}

  main #treatments {padding: 25px;}
  main #treatments .item .title {font-size: 20px;}

  footer #contact-us .section--title {font-size: 20px;}
  footer #contact-us .section--title small {font-size: 13px;}

  footer {margin-bottom: 55px;}
  footer .section.site-footer .column:nth-child(2) {display: none;}
  footer .section.site-footer .column {
    justify-content: center !important;
    display: flex !important;
  }

  main.detail .in .page-detail {padding: 30px;}
  main.detail .in .page-detail h1 {font-size: 18px;}
  main.detail .in .page-detail h2 {font-size: 16px;}
  main.detail .in .page-detail h3 {font-size: 14px;}
  img {max-width: 100%;}
  main.detail .in .page-banner .bottom {position: relative;}
  main.detail .in .page-banner .bottom .social-media {display: none;}
  main.detail .in .page-banner .bottom .iti {color: #000;}
  main.detail .in .page-banner figure {padding: 0 0 0 0; position: relative;}
  main.detail .in .page-banner .bottom .contact .col input {padding: 15px;}
  main.detail .in .page-banner figure .breadcrumbs {left: 0;width: 100%;font-size: 10px;padding: 0;}
  header {position: relative;}
  header .site-header {background-color: #000;}
  main .page-detail .section--title big {font-size: 15px;}
  main .page-detail .section--title small {font-size: 20px;}
  footer #contact-us.template .col {padding: 25px;}
  footer #contact-us .info .social-media a {margin-top: 15px;}
  #galeriust {height: auto;}
  #galeriust .alan {display: block;}
  #galeriust .alan .butonlar a {line-height: 35px;padding: 0;font-size: 12px;height: auto;display: block;}
  #galeriust .alan .baslik {margin: 10px 0; font-size: 20px;}


  .fixed-contact {display: none;}
  main.detail .in .page-banner .contact {
    display: none;
  }
  main.detail .in .page-banner .banner-in {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: translateY(0) !important;
    padding: 0 30px;
  }
  main.detail .in .page-banner .banner-in h1 {font-size: 25px ! important;}
  main.detail .in .page-banner .bottom { padding: 0 30px; }
  main.detail .in .page-banner .bottom .social-media a { width: 45px; height: 45px; }
  header .site-header .column {max-width: max-content; width: max-content;}
  footer #contact-us.template .col:last-child {order: 1;}
  footer #contact-us.template .col:first-child {order: 2;}
}