/*!
Theme Name: ent
Theme URI: http://underscores.me/
Author: Sydney Digital Group
Author URI: https://www.sydneydigitalgroup.com.au/about-us/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ent
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ent is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/* font family */

@font-face {
    font-family: Geddes;
    src: url("../fonts/Geddes.otf");
  }
  @font-face {
    font-family: Geddes_B;
    src: url("../fonts/Geddes\ Bold.otf");
  }
  @font-face {
    font-family: Geddes_B_I;
    src: url("../fonts/Geddes\ Bold\ Italic.otf");
  }
  @font-face {
    font-family: G_Condensed;
    src: url("../fonts/Geddes\ Condensed.otf");
  }
  @font-face {
    font-family: G_Condensed_B;
    src: url("../fonts/Geddes\ Condensed\ Bold.otf");
  }
  @font-face {
    font-family: G_Condensed_B_I;
    src: url("../fonts/Geddes\ Condensed\ Bold\ Italic.otf");
  }
  @font-face {
    font-family: G_Condensed_I;
    src: url("../fonts/Geddes\ Condensed\ Italic.otf");
  }
  @font-face {
    font-family: Geddes_I;
    src: url("../fonts/Geddes\ Italic.otf");
  }
  @font-face {
    font-family: GOTHIC;
    src: url("../fonts/GOTHIC.TTF");
  }
  @font-face {
    font-family: GOTHICB;
    src: url("../fonts/GOTHICB.TTF");
  }
  @font-face {
    font-family: GOTHICBI;
    src: url("../fonts/GOTHICBI.TTF");
  }
  
  /*--------------------------------------------------------------
  # Typography
  --------------------------------------------------------------*/
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    color: #404040;
    font-family: GOTHIC;
    font-size: 1rem;
    line-height: 1.5;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    clear: both;
    margin: 0;
    padding: 0;
  }
  
  p {
    /* margin-bottom: 1.5em; */
    margin: 0;
    padding: 0;
  }
  
  dfn,
  cite,
  em,
  i {
    font-style: italic;
  }
  
  blockquote {
    margin: 0 1.5em;
  }
  
  address {
    margin: 0 0 1.5em;
  }
  
  pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
  }
  
  code,
  kbd,
  tt,
  var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 0.9375rem;
  }
  
  abbr,
  acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
  }
  
  mark,
  ins {
    background: #fff9c0;
    text-decoration: none;
  }
  
  big {
    font-size: 125%;
  }
  
  /*--------------------------------------------------------------
  # Elements
  --------------------------------------------------------------*/
  
  /* Inherit box-sizing to more easily change it's value on a component level.
  @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  
  html {
    box-sizing: border-box;
  }
  
  body {
    background: #fff;
  }
  
  hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
  }
  
  ul,
  ol {
    margin: 0;
    padding: 0;
  }
  
  ul {
    list-style: none;
  }
  
  ol {
    list-style: decimal;
  }
  
  li > ul,
  li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
  }
  
  dt {
    font-weight: 700;
  }
  
  dd {
    margin: 0 1.5em 1.5em;
  }
  
  img {
    height: auto;
    max-width: 100%;
  }
  
  figure {
    margin: 1em 0;
  }
  
  table {
    margin: 0 0 1.5em;
    width: 100%;
  }
  
  /*--------------------------------------------------------------
  # Forms
  --------------------------------------------------------------*/
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.6em 1em 0.4em;
  }
  
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
  }
  
  button:active,
  button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
  }
  
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
  }
  
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111;
  }
  
  select {
    border: 1px solid #ccc;
  }
  
  textarea {
    width: 100%;
  }
  
  /*--------------------------------------------------------------
  # Navigation
  --------------------------------------------------------------*/
  
  /*--------------------------------------------------------------
  ## Links
  --------------------------------------------------------------*/
  a {
    color: rgb(37, 39, 107);
  }
  
  a:visited {
    color: rgb(37, 39, 107);
  }
  
  a:hover,
  a:focus,
  a:active {
    color: rgb(70, 159, 172);
    text-decoration: none;
  }
  
  a:focus {
    outline: thin dotted;
  }
  
  a:hover,
  a:active {
    outline: 0;
  }
  
  /*--------------------------------------------------------------
  ## Menus
  --------------------------------------------------------------*/
  .main-navigation {
    display: block;
    width: 100%;
  }
  
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
  }
  
  .main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
  }
  
  .main-navigation ul ul ul {
    left: -999em;
    top: 0;
  }
  
  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    display: block;
    left: auto;
  }
  
  .main-navigation ul ul a {
    width: 200px;
  }
  
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    left: auto;
  }
  
  .main-navigation li {
    position: relative;
  }
  
  .main-navigation a {
    display: block;
    text-decoration: none;
  }
  
  /* Small menu. */
  .menu-toggle,
  .main-navigation.toggled ul {
    display: block;
  }
  
  @media screen and (min-width: 37.5em) {
    .menu-toggle {
      display: none;
    }
  
    .main-navigation ul {
      display: flex;
    }
  }
  
  .site-main .comment-navigation,
  .site-main .posts-navigation,
  .site-main .post-navigation {
    margin: 0 0 1.5em;
  }
  
  .comment-navigation .nav-links,
  .posts-navigation .nav-links,
  .post-navigation .nav-links {
    display: flex;
  }
  
  .comment-navigation .nav-previous,
  .posts-navigation .nav-previous,
  .post-navigation .nav-previous {
    flex: 1 0 50%;
  }
  
  .comment-navigation .nav-next,
  .posts-navigation .nav-next,
  .post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
  }
  
  /*--------------------------------------------------------------
  # Accessibility
  --------------------------------------------------------------*/
  
  /* Text meant only for screen readers. */
  .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }
  
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
  
  /* Do not show the outline on the skip link target. */
  #primary[tabindex="-1"]:focus {
    outline: 0;
  }
  
  input[type="text"].txt_input_1,
  input[type="email"].txt_input_1,
  input[type="tel"].txt_input_1,
  input[type="number"].txt_input_1,
  textarea.txt_input_1 {
    border-radius: 8px;
    border: none;
    padding: 1px 12px;
  }
  
  input[type="submit"].btn_input_1,
  input[type="button"].btn_input_1 {
    background-image: linear-gradient(
      to bottom,
      rgb(121, 192, 213),
      rgb(84, 167, 179) 80%,
      rgb(65, 150, 165)
    );
    color: white;
    border: none;
    border-radius: 8px;
    text-transform: uppercase;
    padding: 7px 20px;
  }
  input[type="submit"]:hover.btn_input_1,
  input[type="button"]:hover.btn_input_1 {
    background-image: linear-gradient(
      to bottom,
      rgb(104, 165, 184),
      rgb(61, 120, 129) 80%,
      rgb(50, 114, 126)
    );
  }
  input[type="submit"]:active.btn_input_1,
  input[type="button"]:active.btn_input_1 {
    background-image: linear-gradient(
      to bottom,
      rgb(104, 165, 184),
      rgb(51, 97, 104) 20%,
      rgb(29, 80, 88)
    );
  }
  input[type="submit"]:focus.btn_input_1,
  input[type="button"]:focus.btn_input_1 {
    outline: 0;
  }
  
  .icon_1 {
    height: 25px;
    width: 25px;
  }
  .icon_2 {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(0.6);
  }
  .icon_3 {
    height: 50px;
    width: 50px;
  }
  .icon_4 {
    height: 100px;
    width: 100px;
  }
  
  /*--------------------------------------------------------------
  # Alignments
  --------------------------------------------------------------*/
  .alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
  }
  
  .alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
  }
  
  .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
  }
  
  /*--------------------------------------------------------------
  # Widgets
  --------------------------------------------------------------*/
  .widget {
    margin: 0 0 1.5em;
  }
  
  .widget select {
    max-width: 100%;
  }
  
  /*--------------------------------------------------------------
  # Content
  --------------------------------------------------------------*/
  
  /*--------------------------------------------------------------
  ## Header
  --------------------------------------------------------------*/
  header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
  }
  .current-menu-item a {
    color: rgb(0, 168, 194);
  }
  /* body.cps{
    margin-right: 80vw;
  } */
  .nav_btn {
    visibility: hidden;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 8px;
    right: 10px;
    z-index: 200;
  }
  .nav_btn ul {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 2px;
    width: 100%;
    height: 100%;
  }
  .nav_btn ul li {
    background-color: white;
    width: 100%;
    height: 3px;
    border-radius: 10%;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
  }
  .nav_btn.cps ul li:first-child {
    transform: matrix(0.9, 0.8, 0, 1, 0, 12);
  }
  .nav_btn.cps ul li:nth-child(2n) {
    margin-left: -100vw;
  }
  .nav_btn.cps ul li:last-child {
    transform: matrix(0.9, -0.8, 0, 1, 0, -12);
  }
  /* register form  */
  .pat_btn {
    position: fixed;
    z-index: 999;
    top: 300px;
    right: -95px;
    transform: rotate(270deg);
  }
  
  #registerFormModal .modal-dialog {
    width: 90%;
    max-width: 1200px;
  }
  #registerFormModal .modal-dialog .rmp-widgets-container {
    display: none;
  }
  /* logo */
  #registerFormModal img {
    max-height: 100px;
    width: auto;
    margin: 2% 5% 0;
  }
  .reg_form_ctn {
    margin: 2% 5%;
  }
  .reg_form_ctn input[type="submit"] {
    font-size: 18px;
    background-color: rgba(0, 168, 194, 0.8);
    color: white;
    transition: background-color 0.3s ease-in-out;
  }
  .reg_form_ctn input[type="submit"]:hover {
    background-color: rgba(37, 39, 107, 1);
  }
  .reg_form_ctn label {
    margin: 0;
  }
  .reg_form_ctn h6 {
    font-weight: bold;
  }
  .reg_form_sec select {
    margin: 5px 10px;
  }
  .reg_form_sec {
    border: 1px solid black;
    margin: 10px 0;
  }
  .reg_form_sec,
  .reg_form_sec h5 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
  }
  .reg_form_sec h5 {
    border-bottom: solid 0.5px black;
    padding: 10px;
    background-color: #404040;
    color: white;
  }
  .reg_form_sec > div {
    padding: 2px 10px;
  }
  
  .reg_form_row {
    display: flex;
  }
  .reg_form_row h6 {
    display: inline-block;
    margin-right: 10px;
  }
  .reg_form_row input[type="text"],
  .reg_form_row input[type="email"],
  .reg_form_row > div label span {
    width: 100%;
  }
  
  .reg_form_row input[type="text"],
  .reg_form_row input[type="email"] {
    background-color: rgb(238, 243, 247);
    margin: 5px 0;
  }
  
  .reg_form_row > div,
  .reg_form_row > div label {
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  
  .reg_form_row > div {
    flex-direction: column;
    justify-content: center;
    padding-right: 5%;
  }
  
  /* header */
  .header_phone span,
  .header_phone a {
    display: flex;
  }
  /* phone  */
  .header_phone {
    background-color: rgb(70, 159, 172);
    width: 100%;
    padding: 10px 40px 10px 20px;
    display: flex;
    justify-content: space-between;
  }
  .header_phone a {
    color: white;
    align-items: center;
  }
  .header_phone h3,
  .header_phone h5 {
    font-family: GOTHICB;
  }
  .header_phone span a {
    padding: 0 2vw;
  }
  
  /* header navigate */
  .header_logo {
    display: none;
    height: auto;
    width: 100%;
    text-align: center;
  }
  .header_logo img {
    width: 60vw;
    height: auto;
    object-fit: cover;
    margin: 10px;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(48, 48, 48, 0.5));
    filter: drop-shadow(2px 2px 2px rgba(48, 48, 48, 0.5));
  }
  .header_logo p {
    font-size: 15px;
  }
  .header_nav ul {
    display: flex;
    height: 80px;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    font-family: GOTHICB;
  }
  .header_nav ul li {
    background-color: rgba(70, 159, 172, 0.5);
    padding: 5px 2vw;
  }
  .header_nav ul li:last-child {
    padding: 5px 4vw 5px 2vw;
  }
  
  /* banner  */
  .header_banner {
    min-height: 50vh;
    padding: 80px 20px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
  }
  .header_banner.banner_size_1 {
    min-height: 100vh;
  }
  .header_banner > div {
    max-width: 35vw;
    min-width: 150px;
  }
  .header_banner img {
    text-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    filter: drop-shadow(5px 5px 5px #222);
  }
  .head_ban_txt {
    font-size: 50px;
    color: rgb(37, 39, 107);
    font-family: G_Condensed;
  }
  
  /*--------------------------------------------------------------
  ## Posts and pages
  --------------------------------------------------------------*/
  .sticky {
    display: block;
  }
  
  .updated:not(.published) {
    display: none;
  }
  
  .page-content,
  .entry-content,
  .entry-summary {
    margin: 1.5em 0 0;
  }
  
  .page-links {
    clear: both;
    margin: 0 0 1.5em;
  }
  /*--------------------------------------------------------------
  ## Home Page
  --------------------------------------------------------------*/
  .home_page_content .rmp-widgets-container {
    display: none;
  }
  
  /* service option  */
  .home_ser_section {
    margin: 3vw;
  }
  .home_ser_section ul {
    /* display: -ms-grid; */
    /* display: grid; */
    text-align: center;
    /* -ms-grid-column: fit-content(50px) 1fr; */
    /* grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); */
    font-family: GOTHIC;
  }
  .home_ser_section a {
    color: rgb(37, 39, 107);
  }
  .home_ser_section ul li {
    width: 100%;
    height: 360px;
  }
  .home_ser_section li:hover .home_ser_title {
    transform: scale(1.5);
    margin-bottom: 20px;
  }
  .home_ser_section li:hover .home_ser_des span,
  .home_ser_section li:hover .home_ser_des .home_ser_txt {
    opacity: 1;
  }
  .home_ser_section li:hover .home_ser_des div:last-child {
    bottom: 15px;
  }
  .home_ser_title {
    margin: 20px 0 0;
    min-height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition: transform 0.3s ease-in-out, margin-bottom 0.3s ease-in-out;
  }
  .home_ser_des {
    position: relative;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: auto;
    border-radius: 5px;
    padding: 1.5vw;
    width: 100%;
    height: 230px;
    /* overflow: hidden; */
  }
  .home_ser_des span {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 5px;
    transition: opacity 0.3s ease-in-out;
    background: rgba(70, 158, 172, 0.7);
  }
  .home_ser_des p {
    color: white;
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 1;
  }
  .home_ser_des .home_ser_txt {
    height: 150px;
    width: 100%;
    margin: 0 0 30px 0;
    overflow: scroll;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .home_ser_des .home_ser_txt::-webkit-scrollbar {
    display: none;
  }
  .home_ser_des div:last-child {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1;
    transition: bottom 0.3s ease-in-out;
  }
  
  /* doctor post */
  .doc_post_section ul li .rmp-widgets-container {
    display: none;
  }
  .doc_post_section ul {
    color: rgb(37, 39, 107);
  }
  .doc_post_section ul li,
  .doc_ctn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .doc_post_section ul li {
    margin: 20px;
    text-align: left;
  }
  .doc_post_section ul li:nth-child(2n) {
    flex-direction: row-reverse;
    text-align: left;
  }
  .doc_ctn {
    flex: 0.35;
    padding: 10px;
  }
  .doc_img {
    position: relative;
    width: 100%;
    height: auto;
  }
  .doc_img::after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  .doc_img img,
  .doc_img .doc_name,
  .doc_img .doc_des {
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .doc_img .doc_name {
    background-color: rgb(210, 235, 239);
    font-family: GOTHICB;
    bottom: 15%;
    font-size: calc(10px + 1vw);
    border-radius: 5px;
  }
  .doc_des {
    background-color: white;
    font-family: GOTHIC;
    height: 15%;
    overflow: visible;
    bottom: 0;
    font-size: calc(8px + 0.5vw);
    padding: 0 4vw;
    color: black;
  }
  .doc_des::-webkit-scrollbar {
    display: none;
  }
  .doc_des p {
    padding: 0;
    margin: 0;
  }
  .doc_img img {
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    right: 0; /* Make the picture taking the size of it's parent */
    width: 100%; /* This if for the object-fit */
    height: 100%; /* This if for the object-fit */
    object-fit: cover; /* Equivalent of the background-size: cover; of a background-image */
    object-position: center;
  }
  .doc_content {
    flex: 0.65;
    font-size: calc(8px + 1vw);
    margin: 20px;
  }
  
  /*--------------------------------------------------------------
  ## Comments
  --------------------------------------------------------------*/
  .comment-content a {
    word-wrap: break-word;
  }
  
  .bypostauthor {
    display: block;
  }
  
  /*--------------------------------------------------------------
  ## Contact Page
  --------------------------------------------------------------*/
  /* contact form  */
  .contact_section {
    display: flex;
  }
  .contact_section .rmp-widgets-container {
    display: none;
  }
  .contact_banner,
  .contact_section .contact_form {
    flex: 1;
    width: 100%;
  }
  .contact_banner {
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
  }
  
  .contact_section .contact_form {
    color: rgb(37, 39, 107);
    background-color: rgb(210, 235, 239);
    padding: 30px 20px;
    max-width: 600px;
  }
  .contact_section .contact_form h1,
  .contact_section .contact_form h2,
  .contact_section .contact_form h4 {
    color: rgb(37, 39, 107);
    font-family: GOTHICB;
    margin: 5px 0;
  }
  .contact_section .contact_form h2 {
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-size: calc(18px + 0.5vw);
  }
  .contact_section p,
  .contact_section h4 {
    font-size: calc(5px + 0.7vw);
    /* white-space: nowrap; */
  }
  .contact_section li span {
    display: inline-block;
    width: 50%;
    height: auto;
    border-radius: 50%;
    margin: calc(5px + 0.5vw);
    background-color: white;
  }
  .contact_section li:hover span {
    animation: bounce 0.8s;
  }
  .contact_section .contact_form input {
    height: 50px;
    width: 100%;
    font-family: GOTHIC;
  }
  .contact_section .contact_form .txt_input_1 {
    margin: 5px 0;
  }
  .contact_section .contact_form input[type="submit"] {
    font-family: GOTHICB;
    width: auto;
    height: auto;
    font-size: 20px;
    padding: 5px 50px;
  }
  .contact_section .contact_form textarea {
    font-family: GOTHIC;
    padding: 15px 12px;
    height: 100px;
  }
  .contact_section ul {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0 0 10px;
  }
  .contact_section ul li {
    margin: 0 5px;
    flex: 1;
  }
  
  /*--------------------------------------------------------------
  # Map page
  --------------------------------------------------------------*/
  .map_section {
    color: rgb(37, 39, 107);
  }
  .map_section h1,
  .map_section h5,
  .map_txt h4 {
    font-family: GOTHICB;
  }
  .map_txt span {
    background-color: rgb(209, 238, 235);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
  }
  .map_txt span img {
    transform: scale(0.7);
  }
  
  .map_txt p {
    font-size: 15px;
    font-family: GOTHIC;
  }
  .map_dir {
    display: flex;
  }
  
  .map_dir div {
    width: 100%;
    flex: 1;
    margin: 30px 3vw;
  }
  .map_dir div iframe {
    width: 100%;
    height: 100%;
  }
  .map_more {
    float: left;
    margin: 0 10%;
  }
  .map_route {
    float: right;
    margin: 0 10%;
  }
  .map_route > div {
    display: flex;
    position: relative;
    margin: 20px 0;
  }
  .map_route > div span:first-child {
    position: absolute;
    left: -30px;
    top: 0;
  }
  .map_route > div span:last-child {
    display: block;
    max-width: 350px;
  }
  .line_icon {
    margin-left: -28px;
  }
  .map_address_ctn {
    text-align: center;
    margin: 200px 0 20px;
  }
  
  /*--------------------------------------------------------------
  # Price page
  --------------------------------------------------------------*/
  
  .price_section .rmp-widgets-container {
    display: none;
  }
  .price_section {
    color: #25276b;
    font-family: GOTHICB;
    padding: 20px 15vw;
  }
  .price_section .price_title {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .price_section .price_title h1 {
    font-size: calc(18px + 0.8vw);
  }
  .price_section h6 {
    font-size: 9px;
  }
  .price_section h6,
  .price_section .price_title p {
    font-family: GOTHIC;
  }
  .price_section .price_title div {
    max-width: 600px;
  }
  .price_section table {
    border-collapse: separate;
    overflow: hidden;
    border-spacing: 0;
    width: 100%;
    border-color: rgb(70, 159, 172);
    border-style: solid;
    border-width: 4px 2px;
    border-radius: 15px;
    margin: 0;
  }
  .price_section th,
  .price_section td {
    border-color: rgb(70, 159, 172);
    border-style: solid;
    border-width: 0 1px;
    color: rgb(37, 39, 107);
  }
  .price_section thead th,
  .price_section td {
    vertical-align: middle;
  }
  .price_section thead th {
    color: white;
    border: none;
    background-color: rgb(70, 159, 172);
  }
  .price_section th p {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
  }
  .price_section td span {
    background-color: rgb(70, 159, 172);
    padding: 5px;
    color: white;
  }
  .price_section tbody tr {
    height: 100px;
    background-color: rgb(238, 243, 247);
  }
  .price_section tbody tr:nth-child(2n) {
    background-color: rgb(215, 227, 234);
  }
  
  /*--------------------------------------------------------------
  # Service page
  --------------------------------------------------------------*/
  .ser_details .rmp-widgets-container {
    display: none;
  }
  .ser_pg_sec {
    color: rgb(37, 39, 107);
    font-family: GOTHIC;
  }
  .ser_pg_sec h1 {
    font-family: GOTHICB;
  }
  .ser_title {
    text-align: center;
  }
  .ser_typ {
    /* display: grid; */
    text-align: center;
    /* grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); */
    margin: 0 15vw;
  }
  .ser_typ li {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .ser_typ li:hover span {
    animation: bounce 0.8s;
  }
  .ser_typ li span {
    background-color: rgb(215, 228, 230);
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: block;
  }
  .ser_typ span img {
    transform: scale(0.6);
  }
  .ser_typ li:last-child img {
    margin: 5px 0 0 0;
  }
  .ser_tab_ctn {
    display: flex;
    height: 500px;
    width: 100%;
  }
  .ser_tab_ctn > div,
  .ser_tab_ctn > ul {
    width: 100%;
    flex: 1;
    height: 500px;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
  }
  .ser_tab_ctn > div > img {
    width: 100%;
    max-width: calc(100% - 220px);
    height: 100%;
    object-fit: cover;
  }
  /* tab selector */
  .ser_tabs {
    height: 100%;
    width: 220px;
    float: right;
    display: flex;
    flex-direction: column;
    color: white;
    background-color: rgb(70, 159, 172);
  }
  .ser_tabs li {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-color: white;
    border-style: solid;
    border-width: 1px 0;
    transition: flex 0.3s ease-in-out;
  }
  .ser_tabs li:first-child {
    flex: 1.3;
  }
  .ser_tabs li:first-child div {
    font-size: calc(10px + 1.5vw);
  }
  .ser_tabs li div {
    margin: 0;
    transition: margin 0.3s ease-in-out;
  }
  .ser_tabs li span {
    position: absolute;
    display: none;
    width: 0px;
    height: 0px;
    border-right: solid 10px white;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    left: -10px;
    bottom: calc(50% - 5px);
  }
  
  .ser_tabs li:hover {
    flex: 1.3;
  }
  .ser_tabs li:hover div {
    margin: 0 0 -40px 0;
  }
  .ser_tabs li.active {
    background-color: white;
  }
  .ser_tabs li.active div {
    color: black;
    font-family: GOTHICB;
  }
  .ser_tabs li.active span {
    display: block;
  }
  
  /* tab detail */
  .ser_tab_ctn .ser_details {
    position: relative;
  }
  .ser_tab_ctn .ser_details > li {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .ser_tab_ctn .ser_details > li:not(.show) {
    display: none;
  }
  .ser_details_ctn {
    display: flex;
    flex: 1;
    height: 90%;
  }
  .ser_details_ctn ul {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ser_details_ctn ul li {
    display: flex;
    align-items: center;
  }
  .ser_details_ctn ul:first-child li{
    flex-direction: column;
    justify-content: center;
  }
  .ser_details_ctn ul:nth-child(2) li {
    margin: 20px 20px 20px 0;
  }
  .ser_details_ctn ul:nth-child(2) li span {
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0 0 0 20px;
    background-color: rgb(210, 235, 239);
    font-family: GOTHICB;
  }
  .ser_details_ctn ul li h4 {
    background-color: rgb(70, 159, 172);
    color: white;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 10px 0;
    display: none;
  }
  
  .ser_detail {
    /* padding: 20px; */
    overflow: scroll;
  }
  .ser_detail::-webkit-scrollbar {
    display: none;
  }
  
  /*--------------------------------------------------------------
  # patient page
  --------------------------------------------------------------*/
  .pat_pg_sec {
    color: rgb(37, 39, 107);
    font-family: GOTHIC;
    overflow: hidden;
  }
  .pat_pg_sec h1,
  .pat_pg_sec h5,
  .pat_pg_sec p {
    text-align: center;
  }
  .pat_pg_sec h1,
  .pat_pg_sec h5 {
    font-family: GOTHICB;
  }
  .pat_pg_sec > div {
    /* display: flex; */
    /* justify-content: center; */
  }
  .pat_pg_ctn {
    display: flex;
  }
  .pat_pg_ctn > div {
    width: 100%;
  }
  .pat_pg_sec ul {
    max-width: 750px;
    width: 100%;
    margin: auto;
    /* display: grid; */
    /* grid-template-columns: repeat(auto-fit, 50px); */
    text-align: center;
    justify-items: center;
    justify-content: center;
  }
  .pat_pg_sec li {
    /* grid-area: span 5 / span 5; */
    display: flex;
    align-items: center;
    justify-items: center;
    padding: 50px;
  }
  /* .pat_pg_sec li.pat_item_a {
    grid-area: 6 / 6 / span 5 / span 5;
  }
  .pat_pg_sec li.pat_item_b {
    grid-area: 6 / 4 / span 5 / span 5;
  } */
  .pat_pg_sec li:hover div {
    animation: flipInX 1s;
  }
  .pat_pg_sec li div {
    position: relative;
    height: 150px;
    width: 150px;
  }
  
  .pat_pg_sec li svg {
    position: absolute;
    right: -85px;
    top: 70px;
  }
  .pat_pg_sec li:nth-child(3n) svg {
    display: none;
  }
  .pat_items{
      max-width: 800px;
  }
  .pat_items div span:first-child {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: GOTHICB;
    padding: 20% 20% 10%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .pat_items div span:first-child::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top, white 51%, rgb(39, 38, 92) 49%);
    transform: scale(1.22);
    z-index: -11;
  }
  .pat_items div span:first-child::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 60px;
    top: 60px;
    background-image: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.3),
      rgba(255, 255, 255, 0)
    );
    transform: rotate(135deg);
    z-index: -8;
  }
  .pat_items div span:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: rgb(72, 161, 174);
    border-radius: 50%;
    z-index: 5;
    /* box-shadow: 50px 50px 10px 0px rgba(0, 0, 0, 0.2); */
  }
  .pat_items div span:last-child::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, white 51%, rgb(39, 38, 92) 49%);
    transform: scale(1.2);
    z-index: -10;
  }
  /* triangle */
  .pat_items div span:last-child::after {
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    border-top: solid 10px rgb(39, 38, 92);
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    overflow: hidden;
    z-index: 6;
    bottom: -23px;
    left: calc(50% - 10px);
  }
  .pat_pg_sec li:nth-child(2n) span:last-child {
    background-color: rgb(104, 226, 233);
    color: black;
  }
  
  .pat_items li a {
    color: white;
  }
  .pat_items li:nth-child(2n) a {
    color: rgb(37, 39, 107);
  }
  
  /*--------------------------------------------------------------
  # Educate page
  --------------------------------------------------------------*/
  
  .edu_section .rmp-widgets-container {
    display: none;
  }
  
  /*--------------------------------------------------------------
  # footer
  --------------------------------------------------------------*/
  
  /* mailchimp  */
  .mc_ctn {
    width: 100%;
    background-color: rgb(229, 229, 229);
    padding: 20px 2%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mc_ctn span:first-child {
    position: relative;
    display: inline-block;
    width: 40%;
    margin: 0 5px 0 5vw;
    min-width: 200px;
  }
  .mc_ctn span:first-child input[type="email"] {
    margin: 5px 0;
  }
  .mc_ctn span:first-child::before {
    position: absolute;
    content: "For more information on ENTLocal please subscribe";
    left: -230px;
    width: 210px;
    top: 2px;
    text-align: right;
    line-height: 15px;
    font-family: GOTHIC;
    color: rgb(37, 39, 107);
  }
  .mc_ctn span:first-child input[type="email"] {
    width: 100%;
  }
  .mc_ctn span:last-child {
    margin: 0 5px;
  }
  
  /* customer post */
  .cus_post_section {
    position: relative;
    padding: 0 5vw;
  }
  .cus_posts {
    position: relative;
    /* display: grid; */
    /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 1;
  }
  .cus_posts .cus_post {
    border: solid 1px black;
    margin: 0.8vw;
    padding: 25px 15px;
    overflow: hidden;
    /* max-height: 385px; */
    max-width: 300px;
    background-color: white;
    position: relative;
    flex: 1;
  }
  
  .cus_posts .cus_post img {
    height: 100px;
    width: auto;
    object-fit: cover;
  }
  .cus_posts .cus_post .cus_post_title {
    font-family: GOTHICB;
    font-size: 20px;
    position: relative;
  }
  .cus_posts .cus_post .cus_post_title span{
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
  }
  .cus_posts .cus_post .cus_post_content {
    /* max-height: 350px; */
    /* max-height: 200px; */
    margin: 20px 0;
    overflow: scroll;
    font-family: GOTHIC;
  }
  .cus_posts .cus_post .cus_post_content::-webkit-scrollbar {
    display: none;
  }
  .cus_posts .cus_post .rmp-widgets-container {
    position: absolute;
    bottom: 0;
    left: 10px;
  }
  .rmp-widgets-container.rmp-wp-plugin.rmp-main-container.js-rmp-widgets-container {
    transform: scale(0.5);
    margin-left: -50px;
  }
  .rmp-rating-widget.js-rmp-rating-widget {
    width: 210px;
  }
  .cus_posts .cus_post .rmp-rating-widget__icons {
    height: 15px;
  }
  .cus_posts .cus_post .rmp-rating-widget p {
    display: none;
  }
  .rmp-rating-widget .rmp-icon--full-highlight {
    color: rgb(247, 199, 78);
  }
  .cus_post_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 0 2vw;
    z-index: 0;
  }
  .cus_post_bg span {
    display: block;
    width: 100%;
    height: 30px;
    background-color: rgb(210, 235, 239);
    border-radius: 10px;
  }
  
  /* footer  */
  
  footer {
    height: 400px;
    display: flex;
    padding: 0 5%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }
  footer > div {
    width: 100%;
    flex: 1;
  }
  footer > div:first-child {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /* margin: 10% 0 0; */
  }
  .footer_logo_main {
    margin: 50px 0;
  }
  .footer_logo {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    display: flex;
    align-items: center;
  }
  .footer_logo li {
    margin: 0 5% 0 0;
  }
  .footer_logo li:last-child {
    padding: 0 0 2% 0;
  }
  .footer_menu {
    text-align: right;
    display: flex;
    flex-direction: column;
    color: rgb(37, 39, 107);
    text-transform: uppercase;
    font-family: GOTHICB;
  }
  .footer_menu div:first-child {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
  }
  .footer_menu ul {
    margin: 0 0 0 80px;
  }
  .footer_menu ul li {
    margin: 20px 0;
  }
  .footer_menu ul a {
    color: rgb(37, 39, 107);
  }
  .footer_menu ul a:hover {
    text-decoration: none;
    color: rgb(70, 159, 172);
  }
  /* copyright  */
  .cp_ctn,
  .cp_ctn ul {
    align-items: center;
    justify-content: space-between;
    display: flex;
  }
  .cp_ctn {
    font-size: calc(5px + 0.4vw);
    font-family: GOTHIC;
    padding: 0 1vw;
    background-color: rgb(70, 159, 172);
  }
  .cp_ctn ul li a,
  .cp_ctn span {
    padding: 1vw;
    white-space: nowrap;
    color: black;
  }
  .cp_ctn a:hover {
    color: black;
  }
  
  /*--------------------------------------------------------------
  # Infinite scroll
  --------------------------------------------------------------*/
  
  /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
  .infinite-scroll .posts-navigation,
  .infinite-scroll.neverending .site-footer {
    display: none;
  }
  
  /* Re-display the Theme Footer when Infinite Scroll has reached its end. */
  .infinity-end.neverending .site-footer {
    display: block;
  }
  
  /*--------------------------------------------------------------
  # Media
  --------------------------------------------------------------*/
  .page-content .wp-smiley,
  .entry-content .wp-smiley,
  .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
  }
  
  /* Make sure embeds and iframes fit their containers. */
  embed,
  iframe,
  object {
    max-width: 100%;
  }
  
  /* Make sure logo link wraps around logo image. */
  .custom-logo-link {
    display: inline-block;
  }
  
  /*--------------------------------------------------------------
  ## Captions
  --------------------------------------------------------------*/
  .wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
  }
  
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0;
  }
  
  .wp-caption-text {
    text-align: center;
  }
  
  /*--------------------------------------------------------------
  ## Galleries
  --------------------------------------------------------------*/
  .gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
  }
  
  .gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  
  .gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  
  .gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  
  .gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  
  .gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  
  .gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  
  .gallery-caption {
    display: block;
  }
  
  @media only screen and (max-width: 1500px) {
    /* .pat_pg_sec li.pat_item_a,
    .pat_pg_sec li.pat_item_b {
      grid-area: unset;
      grid-area: span 5 / span 5;
    } */
    .pat_pg_sec li:nth-child(3n) svg {
      display: unset;
    }
    .pat_pg_sec li:nth-child(2n) svg {
      display: none;
    }
  }
  
  @media only screen and (max-width: 1000px) {
    .nav_btn {
      visibility: visible;
    }
    .header_logo {
      display: block;
    }
    .site-header {
      height: 100vh;
      width: 0;
      right: 0;
      left: unset;
      overflow: hidden;
      pointer-events: none;
      background-color: rgb(70, 159, 172);
    }
    .site-header.mobile {
      transition: width 0.3s ease-in-out;
    }
    .site-header .header_phone,
    .site-header .header_nav {
      margin-left: 90vw;
      transition: margin-left 0.3s ease-in-out;
    }
    .site-header.cps {
      width: 90vw;
      pointer-events: auto;
      transition: width 0.3s ease-in-out;
    }
    .site-header.cps .header_phone,
    .site-header.cps .header_nav {
      margin-left: 0;
      transition: margin-left 0.3s ease-in-out;
    }
  
    .header_nav {
      height: 100%;
    }
    .menu-header-container,
    .menu-header-container ul {
      height: auto;
    }
    .header_nav ul {
      display: block;
    }
    .header_nav ul li {
      border-top: 0.5px solid rgba(255, 255, 255, 0.5);
    }
    .header_nav ul li:last-child {
      padding: 5px 2vw;
    }
    .current-menu-item a,
    .header_nav ul li a:hover {
      color: white;
    }
  
    .header_banner {
      padding: 20px;
    }
    .header_banner.banner_size_1 {
      min-height: 50vh;
    }
    .head_ban_txt {
      font-size: 30px;
    }
    .reg_form_ctn h6 {
      font-size: 12px;
    }
    /* service page */
    .ser_typ {
      /* grid-template-columns: repeat(1, minmax(50px, 1fr)); */
    }
    .ser_tab_ctn {
      text-align: center;
      flex-direction: column;
      height: auto;
      margin-bottom: 20px;
    }
    .ser_tab.web,
    .ser_tab_ctn > div > img{
      display: none;
    }
    .ser_details_ctn ul li h4,
    .ser_tab_ctn .ser_details > li:not(.show) {
      display: block;
      font-size: 20px;
    }
    .ser_tab_ctn .ser_details > li {
      position: unset;
    }
    .ser_tab_ctn > div,
    .ser_tab_ctn > ul {
      flex: unset;
      height: auto;
    }
    .ser_tabs {
      flex-direction: row;
      height: 50px;
      width: 100%;
      font-size: 9px;
    }
    .ser_tabs li:first-child div {
      font-size: 25px;
    }
  
    .ser_details_ctn{
      flex-direction: column-reverse;
    }
    .ser_details_ctn ul{
      padding: 0 10px;
    }
    .ser_details_ctn ul li{
      flex-direction: column;
    }
    .ser_details_ctn ul:first-child li{
      justify-content: flex-start;
    }
    .ser_details_ctn ul:nth-child(2) li span{
      max-width: 90%;
    }
    
  
    .map_more {
      float: unset;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: 200px 0 50px;
      text-align: center;
    }
    .map_address_ctn {
      margin: 0;
    }
    .price_section {
      padding: 0 5vw;
    }
    .pat_pg_sec li svg {
      display: none;
    }
    .pat_pg_sec li:nth-child(3n) svg {
      display: none;
    }
    .mc_ctn {
      flex-direction: column;
    }
    .mc_ctn span:first-child {
      width: 100%;
      max-width: 600px;
      margin: 0;
    }
    .mc_ctn span:first-child::before {
      position: unset;
      display: block;
      width: 100%;
      text-align: center;
      margin: 0;
      top: 0;
      left: 0;
    }
    footer {
      height: auto;
      flex-direction: column;
    }
    footer > div:first-child {
      margin: 10% 0 0;
    }
    .footer_logo_main {
      width: 50%;
      padding: 0;
    }
    .footer_menu {
      text-align: center;
    }
    .footer_menu div {
      width: 100%;
    }
    .footer_menu div:first-child {
      justify-content: center;
      flex: unset;
    }
    .footer_menu ul {
      margin: 0;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .reg_form_row {
      flex-direction: column;
    }
    .reg_form_sec .flex-row {
      flex-direction: column !important;
    }
  }
  
  @media only screen and (max-width: 600px) {
    .header_banner > div {
      transform: scale(0.6);
      margin-left: -30px;
      margin-top: -20px;
    }
    .header_phone {
      display: block;
      padding: 10px 20px;
    }
    .header_phone > a {
      font-size: 20px;
      margin: 0 0 5px;
      display: flex;
      justify-content: center;
    }
    .header_phone h5 {
      font-size: 12px;
    }
    .header_banner {
      min-height: 25vh;
    }
    .header_banner.banner_size_1 {
      min-height: 38vh;
    }
    .header_banner.mobile_h_20 {
      min-height: 20vh;
    }
    .header_banner.mobile_pos_65 {
      background-position-x: 65%;
    }
    .head_ban_txt {
      font-size: 12px;
    }
    .head_ban_txt br {
      display: none;
    }
  
    .home_ser_section ul {
      /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
    }
    .contact_section {
      flex-direction: column;
    }
    .contact_banner {
      min-height: 50vh;
      width: 100%;
    }
    .contact_section h1{
      font-size: 2em;
    }
    .contact_section h4{
      font-size: 0.8em;
    }
    .contact_section p{
      font-size: 0.5em;
    }
    .doc_post_section ul li,
    .doc_post_section ul li:nth-child(2n) {
      flex-direction: column;
    }
    .doc_post_section ul li,
    .doc_ctn {
      display: block;
    }
    .ser_pg_sec p {
      font-size: 15px;
    }
    .ser_pg_sec h1{
      font-size: 25px;
    }
    .ser_pg_sec h5{
      font-size: 18px;
    }
    .pat_pg_sec h1{
      font-size: 2em;
    }
    .map_dir {
      flex-direction: column;
    }
    .map_section h1 {
      font-size: 30px;
    }
    .map_section h5 {
      font-size: 20px;
    }
    .map_section p {
      font-size: 15px;
    }
    .map_dir div:first-child {
      height: 300px;
    }
    .map_dir img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
    .map_route > div {
      flex-direction: column;
      transform: scale(0.8);
      /* width: 90vw; */
    }
    .map_more {
      margin: 220px 20px 20px;
    }
    .map_more span {
      max-width: 90vw;
    }
    .map_more span p a {
      overflow-wrap: break-word;
    }
    .map_dir iframe,
    .map_dir div {
      margin: 10px 0;
    }
    .price_section {
      padding: 5px;
    }
    .price_section td,
    .price_section th {
      font-size: calc(6px + 0.8vw);
    }
    .price_section td span {
      padding: 0;
    }
    .price_section input[type="button"] {
      padding: 5px;
    }
    .pat_pg_ctn {
      flex-direction: column;
    }
    .cus_posts .cus_post {
      height: 400px;
    }
    .cus_posts .cus_post .cus_post_content {
      font-size: calc(8px + 1vw);
      height: 200px;
    }
  }