* { margin: 0 0; padding: 0; outline: none;}

body { /* font-family: 'Dangrek', cursive; */ font-family: 'Gothic A1', sans-serif; font-weight: 400; background:url(../images/background_img.png) no-repeat, #FFFFFF;  background-position: center; background-size: cover;  }
.swal2-styled.swal2-confirm {background-color: #0B0B0B; box-shadow: none !important; }
.swal2-html-container { color: #0B0B0B; }
.swal2-icon.swal2-info {color: #0B0B0B;}
.swal2-icon.swal2-info {border-color: #0B0B0B;}
.swal2-styled {padding: .625em 2.1em;}

html {scroll-behavior: smooth;}
.hyphens, p, h1, h2, h3 { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: break-word; word-wrap: break-word;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #0B0B0B;
  -webkit-text-fill-color: #0B0B0B;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

.common-inside-block { scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #0B0B0B ; }
.common-inside-block::-webkit-scrollbar { width: 5px;}
.common-inside-block::-webkit-scrollbar-track { background: #B1B1B1;}
.common-inside-block::-webkit-scrollbar-thumb { background-color: #0B0B0B; border-radius: 6px; border: 3px solid #0B0B0B; } 

body.modal-open  .responsive-nav label .burger{ z-index: 1 !important; }

/* main css code */

header { width: 100%; display: block; text-align: center; padding: 10px 0px; }
header a.site_logo { display: block; width: 156px; margin: 0px auto; }
header a.site_logo img { width: 100%; display: block;  }

.header_element { display: flex; align-items: center; justify-content: space-between; }
.header_element ul.left_menu, .header_element ul.right_menu { list-style: none !important; display: flex; align-items: center; }
.header_element ul.left_menu {  margin-right: 220px !important;}
.header_element ul.right_menu .cart_link{ position: relative; margin-left: 10px; padding: 0px 12px; }
.header_element ul.right_menu .cart_link a { width: 30px; height: 30px; display: block; }
.header_element ul.right_menu .cart_link a img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.header_element ul.right_menu .cart_link a span { background: #0B0B0B; border: 1px solid #FFFFFF; font-size: 12px; line-height: 19px; color: #FFFFFF; height: 22px; width: 22px; padding: 0px !important;}

.header_element ul.left_menu .nav-link { width: 48px; height: 48px; background: #0B0B0B; box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); border-radius: 50%; padding: 16px 12px; }
/* .header_element ul.left_menu .nav-link.active { padding: 14px 10px; } */
.header_element ul.left_menu .nav-link span { background: #FFFFFF; border-radius: 20px; width: 24px; height: 3px; display: block; margin-bottom: 3px; transition: transform 0.25s ease-in-out; }
.header_element ul.left_menu .nav-link span:last-child { margin-bottom: 0px; }
.header_element .dropdown-menu { background: #242424; border-radius: 30px; transform: matrix(-1, 0, 0, 1, 0, 0); border: none !important; width: 210px; }
.header_element .dropdown-menu .dropdown-item { font-size: 12px; line-height: 30px;text-transform: uppercase;  color: #FFFFFF; border-top: 1px solid #161616; padding: 10px; padding-left: 60px; }
.header_element .dropdown-menu .dropdown-item:hover, .header_element .dropdown-menu .dropdown-item.active { background: none !important; color: #B1B1B1; }
.header_element .dropdown-item.active, .header_element .dropdown-item:active, .header_element .dropdown-item:focus, .header_element .dropdown-item:hover { background: none !important; }
.header_element .dropdown-menu li.menu-title { font-size: 16px; line-height: 30px; text-transform: uppercase; color: #FFFFFF; padding: 10px; padding-left: 60px; }

.header_element ul.left_menu .nav-link.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 4px);}
.header_element ul.left_menu .nav-link.active span:nth-child(3) { transform: rotate(-45deg) translate(4px, -4px);}
.header_element ul.left_menu .nav-link.active span:nth-child(2) { opacity: 0;}
.header_element .dropdown-menu.show { top: 0px !important; }
.header_element ul.left_menu .nav-link.show { z-index: 11111; }

/*  */
.homepage{ width: 100%; display: block; padding: 10px 10px; background:url(../images/body-bg.png) no-repeat, #000000; height: 100vh; background-position: center; background-size: cover; }
.homepage .home_logo { width: 100%; height: 100%; display: block; }
.homepage .home_logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; max-width: 70%; margin: 0px auto; display: block; }

footer  { width: 100%; display: block; padding: 10px 10px; position: fixed; bottom: 0px; background: #fff; z-index: 1; }
footer ul { list-style: none; display: flex; padding: 0px; margin: 0px; justify-content: center; align-items: center; }
footer ul li { color: #6C6C6C; font-size: 18px; line-height: 42px; font-family: initial; }
footer ul li a {  font-size: 18px; line-height: 42px; text-transform: uppercase; color: #6C6C6C; margin: 0px 5px;  font-family: 'Gothic A1', sans-serif; font-weight: 600;  }
footer ul li a:hover, footer ul li a.active { color: #0B0B0B; text-decoration: underline !important; }

.help-block { display: block; }

/* about us */

.common-height-section { height: calc(100vh - 140px); /* background:url(../images/background_img.png) no-repeat, #FFFFFF;  background-position: center; background-size: cover; */ display: flex; }
.common-inside-block{ width: 100%; height: 100%; overflow-y: auto; padding: 20px 0px; }

.about-content-block .title { font-size: 26px; line-height: 36px; color: #0B0B0B; margin-bottom: 10px; font-weight: 700;}
.about-content-block .desc {  font-size: 16px; line-height: 26px; color: #0B0B0B; margin-bottom: 10px; }
.common-btn { width: auto; padding: 7px 21px;  font-size: 16px; line-height: 28px; text-transform: uppercase;color: #FFFFFF; background: #0B0B0B; box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32) !important; border-radius: 0px !important; border: 1px solid transparent; transition: 1s ease; display: inline-flex; align-items: center; }
.common-btn img { width: 18px; height: 18px; object-fit: contain; object-position: center; margin-right: 5px; }
.common-btn:hover { border-color: #0B0B0B; background: transparent; color: #0B0B0B; transition: 1s ease; box-shadow: rgba(11, 11, 11, 0.48) 0px 7px 29px 0px !important; }
.about-content-block .middel_block { width: 100%; display: block; padding: 20px 0px; }
.about-content-block ul.about-list li {  font-size: 16px; line-height: 26px; color: #0B0B0B; margin-bottom: 10px; }
.about-content-block ul.about-list li:last-child { margin-bottom: 0px; }
.common-btn:hover img { filter: invert(100%); }

/* contact us */

.contact-form-block .page_heading { margin-bottom: 30px; }
.contact-form-block { padding: 20px 0px; }

.form-group { margin-bottom: 15px; position: relative; }
.ab_form_label { font-size: 16px; line-height: 26px; color: #0B0B0B; margin-bottom: 0px; top: 21px; }
.ab_form_label span { vertical-align: super; }
.form-group .form-control { border: none !important; border-bottom: 1px solid #6F6F6F !important; padding: 12px 0px;  box-shadow: none !important; font-size: 16px; line-height: 26px; color: #0B0B0B; background: none !important; border-radius: 0px; resize: unset !important; }

/* added  */
.form-group .btn { border: none !important; border-bottom: 1px solid #6F6F6F !important; padding: 12px 0px;  box-shadow: none !important; font-size: 16px; line-height: 26px; color: #0B0B0B; background: none !important; border-radius: 0px; resize: unset !important; }

.form-group .form-control::placeholder {  color: #0B0B0B !important; vertical-align: super !important; }
.form-group .form-control:focus + .ab_form_label { display: none !important; }


.custom-check-box { width: 100%; display: block; margin-bottom: 20px; }
.check-boxs { width: 100%; margin-bottom: 18px; }
.custom-checks { background: none;padding-top: 0px; padding-bottom: 0px;  width: 100% !important;}
.checkbox { position: relative; padding-left: 35px; cursor: pointer;font-size: 16px; line-height: 26px;  -webkit-user-select: none; color: #B3B3B3 !important;  -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 0; margin-left: 0px; }
.checkbox a { color: #0B0B0B !important;  text-decoration: underline !important; }
.checkbox a:hover { color:#0B0B0B !important; }
.checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.checkmark { position: absolute; top: 0px; left: 0; height: 26px; width: 26px; border: 1px solid #0B0B0B; border-radius: 4px; }

.checkmark::after { display: none; content: "";position: absolute; left: 8px; top: 1px; width: 8px; height: 18px; border: solid #fff; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  }
input:checked ~ .checkmark::after { display: block; }
input:checked ~ .checkmark { background: #0B0B0B;  }


.contact-form-block .radio-group { padding: 17px 0px; }
.contact-form-block .radio-group label {margin-bottom: 0px !important; }

/* terms */

.terms-content-block {  padding: 30px 0px;  } 
.terms_top { width: 100%; display: block; position: relative; }
.terms_top .back_btn { position: absolute;  font-size: 18px; line-height: 38px; text-align: right; color: #0B0B0B; left: -65px; text-transform: uppercase; }
.terms_top .page_heading {  margin-bottom: 25px; }
.terms-box { margin-bottom: 20px; display: block; width: 100%; }
.terms-box .t_title, .terms-box h2 {  font-size: 26px; line-height: 30px; color: #0B0B0B; margin-bottom: 10px; font-weight: 700; }
.terms-box .t_desc, .terms-box p {  font-size: 16px; line-height: 26px; color: #0B0B0B; margin-bottom: 10px; }
.terms-box .t_desc:last-child { margin-bottom: 0px; }

/* article  */

.articles-content-block { padding: 20px 0px; }
.page_heading {  font-size: 28px; color: #0B0B0B; margin-bottom: 30px;text-transform: uppercase;  word-break: break-word; font-weight: 700; }

.articles_top { position: relative; }
.articles_top a.common-btn { position: absolute; right: 0; top: 0; }

.article-card { max-width: 355px; width: 100%; margin: 0px auto 30px; border: 1px solid transparent; transition: 1s ease; }
.article-card:hover {  border-radius: 10px; background: #fff; box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); transition: 1s ease; }
.article-card a { display: block; padding: 10px; }
.article_img { border-radius: 10px; height: 210px; width: 100%; /* margin-bottom: 12px; */ }
.article_img img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; border-radius: 10px; }
.article-card a.common-btn { font-size: 14px; margin-right: 10px; }
.article-body .article_title {  font-size: 18px; line-height: 26px; color: #0B0B0B; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.article-body .article_desc {  font-size: 14px; line-height: 22px; color: #0B0B0B; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.article-body .go_detail {   font-size: 14px; line-height:22px; color: #0B0B0B; margin-bottom: 0px; font-weight: 600; }

.articles-us-page .article-body { padding-top: 15px; }

.lds-spinner { color: official; display: block; position: relative; width: 60px; height: 60px; margin: 0px auto; }
.lds-spinner div { transform-origin: 36px 30px; animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 35px; width: 3px; height: 10px; border-radius: 50%; background: #0B0B0B;}
.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s;}
.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg); animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s;}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}




/* .lds-ring { display: block; position: relative; width: 50px; height: 50px; margin: 0px auto; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 45px; height: 45px; margin: 3px;
  border: 6px solid #0B0B0B; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #0B0B0B transparent transparent transparent;}
.lds-ring div:nth-child(1) { animation-delay: -0.45s;}
.lds-ring div:nth-child(2) { animation-delay: -0.3s;}
.lds-ring div:nth-child(3) { animation-delay: -0.15s;}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
 */

/* article detail page */

.article_detail_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.article_detail_top .page_heading { margin-bottom: 0px; width: 100%; flex: 1; padding: 0px 10px; }
.article_detail_top .back_btn {  font-size: 18px; line-height: 38px; text-align: right; color: #0B0B0B; text-transform: uppercase; }


.article_content { display: block; width: 100%; }
.article_content .article-img{ float: left; width: 550px; height:auto !important /* 450px */; border-radius: 10px; margin-right: 25px; margin-bottom: 25px; position: relative; }
.article_content .article-img img {  object-fit: contain; object-position: center; width: 100%; height: 100%; display: block; position: relative; z-index: 1; border-radius: 10px; }
.article_content p {  font-size: 16px; line-height: 26px; color: #0B0B0B; margin-bottom: 12px; word-break: break-word; }
.article_content p:last-child { margin-bottom: 0px; }

/* news letter */

.newsletter-form-block {  padding: 30px 0px; display: flex; align-items: center; }
.newsletter-top { max-width: 811px; width: 100%; margin: 0px auto 30px;  }
.newsletter-top .page_heading { margin-bottom: 10px; }
.newsletter-top p {  font-size: 16px; line-height: 26px; text-align: center; color: #0B0B0B; text-align: center; margin-bottom: 0px; }
.newsletter-form { max-width: 811px; width: 100%; margin: 0px auto; }
.form-group .small-text {  font-size: 14px; line-height: 26px; color: #727272; }

/* login page */

.auth-form-block .desc { text-align: center; font-size: 16px; line-height: 26px; color: #0B0B0B; margin-bottom: 25px; font-weight: 600; }
.auth-form { max-width: 600px; width: 100%; margin: 0px auto; }
.forgot-text { margin-top: 35px; overflow: hidden; font-size: 16px; line-height: 30px; color: #B3B3B3; font-weight: 600; }
.forgot-text a { font-size: 16px; line-height: 30px; display: inline-flex; align-items: center; text-decoration: underline !important; color: #0B0B0B; }
.auth-form .common-btn { max-width: 161px; display: block; margin: 0px auto; width: 100%; margin-top: 30px; }
.forgot-form-block .page_heading { margin-bottom: 20px;} 
.reset-page .auth-form .common-btn {max-width: 200px;}

/* profile page */

.profile-form label.form-label { font-size: 14px; line-height: 30px; color: #707070; margin-bottom: 0px; }
.profile-form label.form-label span { vertical-align: super; }
.profile-form .form-group .form-control { padding: 5px 0px !important; }
.profile-form .form-group .btn { padding: 5px 0px !important; }

.profile-form .checkbox { color: #0B0B0B !important; }
.profile-form  .common-btn { margin-top: 30px; max-width: 161px; width: 100%; justify-content: center; }

/* dashboard page */

.dash-card { width: 100%; height: 100%; padding-bottom: 30px; }
.dash-card-inside { display: block; height: 100%; background:url(../images/body-bg.png) no-repeat, #000000; background-position: center; background-size: cover; border-radius: 20px; padding: 30px; display: flex;
  flex-direction: column; justify-content: center; text-align: center; min-height: 200px; }
.dash-card-inside .t_count {font-size: 40px; line-height: 50px; color: #FFFFFF; margin-bottom: 20px; } 
.dash-card-inside .t-title { font-size: 20px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; line-height: 32px; hyphens: unset; -webkit-hyphens: unset; }
.dash-card-inside .resent-title { font-size: 20px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 10px; }
.dash-card-inside .date_time { font-size: 28px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; }
.bottom-cards .dash-card-inside { padding: 50px 30px; }

/* appointment */

.appointment-form { padding-left: 10px; }
.appointment-form .form-group { margin-bottom: 25px; }
.appointment-form h3{ font-size: 24px; line-height: 30px; text-align: center; color: #0B0B0B; margin-bottom: 18px; }
.radio-group { display: flex; align-items: center; justify-content: center; }
.radio-group div { margin: 0px 15px; }
[type="radio"]:checked,
[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
.radio-group [type="radio"]:checked + label,
.radio-group [type="radio"]:not(:checked) + label{ position: relative; padding-left: 22px; cursor: pointer; line-height: 20px; display: inline-block;  color: #0B0B0B; font-size: 16px; }
.radio-group [type="radio"]:checked + label:before,
.radio-group [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #000000; border-radius: 100%; background: #fff;}
.radio-group [type="radio"]:checked + label:after,
.radio-group [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #0B0B0B; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.radio-group [type="radio"]:not(:checked) + label:after { opacity: 0;  -webkit-transform: scale(0);  transform: scale(0);}
.radio-group [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}


.redio_time { display: flex; align-items: center; flex-wrap: wrap; }
.redio_time div { width: 25%; text-align: center; }
.redio_time span { width: 100%; text-align: center; }
.redio_time [type="radio"]:checked + label,
.redio_time [type="radio"]:not(:checked) + label{ background: #FFFFFF; border: 1px solid #000000; box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); position: relative; cursor: pointer; display: inline-block; font-size: 16px; line-height: 30px; text-transform: uppercase; color: #0B0B0B; padding: 6px 20px; margin:10px 10px; }
.redio_time [type="radio"]:checked + label { background: #000; color: #fff; }

.calendar_home { background: #0B0B0B; width: 100%; border-radius: 20px; padding: 25px 40px; }
.calendar_home .datepicker-inline { width: 100% !important; padding: 0px; }
.calendar_home .datepicker table { width: 100% !important; }
.calendar_home .datepicker td,.calendar_home .datepicker th { font-size: 16px; line-height: 56px; color: #FFFFFF; width: 56px; height: 56px; border-radius: 50%;}
.calendar_home .datepicker .datepicker-switch { font-weight: 400; font-size: 24px; line-height: 26px; color: #FFFFFF; background: none !important; }
.calendar_home .datepicker .datepicker-switch,.calendar_home .datepicker .next,.calendar_home .datepicker .prev,.calendar_home .datepicker tfoot tr th { color: #FFFFFF; background: none !important; }
.calendar_home .datepicker table tr td.day.focused, .calendar_home .datepicker table tr td.day:hover { background: transparent ; cursor: pointer;}

.Book_type { width: 100%; margin:15px 0px; display: flex; align-items: center; flex-wrap: wrap; }
.Book_type p { margin-bottom: 0px; font-size: 14px; line-height: 30px; color: #0B0B0B; display: flex; align-items: center; margin-right: 30px; }
.Book_type p span { background: #FFAC0C; width: 12px; height: 12px; border-radius: 50%; transform: matrix(-1, 0, 0, 1, 0, 0); display: block; margin-right: 8px; }

.Book_type p:nth-child(1) span { background: #FE7A7A; }
.Book_type p:nth-child(2) span { background: #FFAC0C; }
.Book_type p:nth-child(3) span { background: #11FF0C; }
.Book_type p:nth-child(4) span { background: #37AD34 ; }

.Book_type p:last-child  { margin-right: 0px; }



/* .active.day.all-av-date{ position: relative; background: none !important; border: none !important; }
  .active.day.all-av-date::before { width: 40px; height: 40px; border-radius: 50%; background: #11FF0C; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); }
*/


/* my appointment */

.appointment-table-list .th-table { border-radius: 8px 8px 0px 0px; overflow: hidden; }
.appointment-table-list .table-dark { background: linear-gradient(180deg, #0B0B0B 0%, #323232 100%) !important; border-radius: 8px 8px 0px 0px; }
.appointment-table-list .table-dark th { background: none !important; border-bottom: none !important; }
.table th { font-weight: 400 !important; font-size: 16px; line-height: 30px; text-transform: uppercase; color: #FFFFFF; padding: 10px; }
.table-striped > tbody > tr { background: #F2F2F1; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background: #FFF; }
/* .table > :not(caption) > * > *{ background: #F2F2F1 !important; } */
.table-striped > tbody > tr:nth-of-type(2n+1) { --bs-table-accent-bg: #fff;}
.table td { font-weight: 400; font-size: 16px; line-height: 30px; text-transform: uppercase; color: #0B0B0B; vertical-align: middle; padding: 10px; word-break: break-word; }
.table td:nth-child(5) { font-size: 12px; line-height: 18px; }
.appointment-table-list .table td:last-child a{ display: block;  white-space: normal;  word-break: break-word; color: #0B0B0B; font-size: 16px; }
.appointment-table-list .table td:last-child a.common-btn { color: #fff; }
.appointment-table-list .table td:last-child a.common-btn:hover { color: #0B0B0B; }

.table-body { width: 100%; max-height: 470px; overflow-y: auto; }
.table-body{ scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #0B0B0B ; }
.table-body::-webkit-scrollbar { width: 5px;}
.table-body::-webkit-scrollbar-track { background: #B1B1B1;}
.table-body::-webkit-scrollbar-thumb { background-color: #0B0B0B; border-radius: 6px; border: 3px solid #0B0B0B; } 

.table-filter-box { margin-bottom: 10px; margin-top: -10px; display: flex; align-items: center; justify-content: flex-end; }
.table-filter-box div { margin-left: 20px; max-width: 180px; width: 100%; }
.table-filter-box .form-control { font-size: 14px; line-height: 25px; text-transform: uppercase; color: #0B0B0B; background-color: #FFFFFF; border: 1px solid #000000; border-radius: 0px; box-shadow: none !important; }
.table-filter-box .form-select {background-size: 10px 9px; box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32) !important; }
.table-filter-box .input-group { box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); }
.table-filter-box .input-group .form-control { border-right: 0px !important; }
.table-filter-box .input-group .form-control::placeholder { color: #0B0B0B !important; }
.table-filter-box .input-group .input-group-text { border-left: 0px !important; background-color: #FFFFFF; border: 1px solid #000000; border-radius: 0px !important; }
.table-filter-box .input-group .input-group-text img { width: 16px; height: 16px; }
.table-filter-box .input-group .form-control:focus + .input-group-text { background: #000; }
.table-filter-box .input-group .form-control:focus + .input-group-text img { filter: invert(100); }



/* product */

.product_img.article_img { background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 10px; position: relative; }
.overlay-div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; filter: blur(5px); background-position: center !important; background-size: cover !important;  }
.product_img.article_img img { /* object-fit: contain; */ position: relative; z-index: 1; }  
.product_img.article_img span { font-size: 16px; line-height: 28px; text-transform: uppercase; color: #FFFFFF; background: #0B0B0B; border-radius: 10px 0px; padding: 2px 15px; position: absolute; bottom: 0; right: 0; z-index: 1; }
.product-bottom { display: flex; align-items: center; justify-content: space-between; }
.product-bottom .common-btn { padding: 0px 12px; }
.product-bottom .common-btn.Checkout-btn { border-color: #0B0B0B; background: transparent; color: #0B0B0B; transition: 1s ease; box-shadow: rgba(11, 11, 11, 0.48) 0px 7px 29px 0px !important; }
.product-bottom .common-btn.Checkout-btn:hover { background: #0B0B0B; color: #fff; box-shadow: none !important; }

.products-page .article-card { margin: 0px auto ; height: 100%; }
.products-page .table-filter-box label { font-size: 16px; line-height: 28px;text-transform: uppercase; color: #0B0B0B; }
.products-page .table-filter-box div { margin-left: 10px; max-width: 300px;}

.products-page .article-body { display: flex; flex-direction: column; }
.products-page  .product-bottom { margin-top: auto  ; }
.products-page .article-card-outer { width: 100%; height: 100%; padding-bottom: 35px;}


/* product detail page */

.product-detail-page .article_content img  { width: auto !important; height: auto !important; float: none !important; margin: 0px auto; }

.product-detail-page .article_content .page_heading{ margin-bottom: 15px; }
.product-detail-page .article_content p { font-size: 14px; line-height: 22px; margin-bottom: 15px; }
.product-detail-page .article_content ul li { font-size: 14px; line-height: 22px; margin-bottom: 15px; }
.product-price { float: left; margin-bottom: 20px; margin-right: 20px; }
.article_content .product-price p.amount { text-align: center; font-size: 30px; line-height: 50px; text-transform: uppercase; color: #0B0B0B; margin-bottom: 5px; }


.product-info { /* display: flex; */ width: 100%;  }
.product-info .product_img { margin-right: 25px; max-width: 500px; height: auto !important  /* 396px */; width: 100%; border-radius: 10px; background: #FFFFFF; border: 1px solid #D9D9D9; float: left; margin-bottom: 20px; position: relative; }
.product-info .product_img img { width: 100%; height: 100%; object-fit: contain; object-position: center;  border-radius: 10px; position: relative; z-index: 1; }
.product-info .common-btn {  padding: 0px 12px;  }

.More_Products_block { display: block; width: 100%; padding-top: 20px; clear: both; }
.More_Products_block .article-card { margin-bottom: 0px !important; height: 100%; }
.product_slider.owl-carousel .owl-item {padding: 10px 0px; height: 100%; }


/* Shopping Cart */

.t-product { display: flex; align-items: center; }
.t-product img { width: 100px; height: 80px; margin-right: 5px; object-position: center; object-fit: cover; background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 10px; }
.t-product .p-text { text-transform: unset !important; width: 100%; flex: 1;  }
.cart-page table td { text-transform: unset !important; }

.table-bottom-content { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.tbc-right { display: flex; align-items: center; }
.tbc-right .amount { margin-right: 25px; font-size: 30px; line-height: 50px; text-align: right; text-transform: uppercase; color: #0B0B0B; }
.tbc-right .amount span { font-size: 16px; line-height: 33px; }
.tbc-right .common-btn span{ font-size: 30px; margin-left: 10px; margin-bottom: 2px; }
.tbc-left .common-btn span{font-size: 30px; margin-right: 10px; margin-bottom: 2px; }

.quantity { display: flex; align-items: center; justify-content: space-between; background: #FFFFFF; max-width: 142px;  width: 100%; box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); height: 42px; }
.quantity__minus,
.quantity__plus { width: 31px; height: 100%; margin: 0; border: 1px solid #000000; background: #FFFFFF; text-decoration: none; font-size: 30px; line-height: 54px; display: flex; align-items: center; text-transform: uppercase; color: #696868; justify-content: center; }
.quantity__minus:hover,
.quantity__plus:hover { background: #0B0B0B; color: #fff;} 
.quantity__input { width: 100%; height: 100%; flex: 1; margin: 0; padding: 0; border: none; border-radius: 0px !important; border-top: 1px solid #000000; border-bottom: 1px solid #000000; text-align: center; background: #fff;  font-size: 16px; line-height: 30px; color: #0B0B0B; }


.myoreder-page .collapse-tr .t-product .p-text { width: auto; flex: none; }
/*  */

.collapse-tr { background: #525252; }
.collapse-table.table > :not(caption) > * > * { background: none !important;}
.collapse-tr td { color: #fff; }
.collapse-btn { background-color: #FFFFFF; width: 26px; height: 26px; margin-left: 20px; border-radius: 50%; background-image: url(../images/plus.png); background-size: 14px; background-position: center; background-repeat: no-repeat; }
.collapse-btn:not(.collapsed) { background-image: url(../images/minus.png); background-size: 14px; background-position: center; background-repeat: no-repeat; }
.re-order-btn { font-size: 16px; line-height: 30px; color: #525252; background: #FFFFFF; box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); text-transform: capitalize; }
.re-order-btn:hover { border-color: #fff; background: transparent; color: #fff; transition: 1s ease; box-shadow: none !important;}

.appointment-table-list td .common-btn { text-transform: capitalize; width: 115px; justify-content: center; }
/* edited 6.5vw to 9.5vw  */

.appointment-table-list td .common-btn { width: 134px;}


/* date picker */

.calendar_home .datepicker table tr td.day span {width: 100% !important; border-radius: 50% !important; height: 100% !important; margin: 0 !important; position: relative; color: #fff; }
.calendar_home .datepicker table tr td.active.active { border: none !important; }
.calendar_home .datepicker table tr td { position: relative; }
.calendar_home .datepicker table tr td::before { width: 32px; height: 32px; border-radius: 50%; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff !important; }
.calendar_home .datepicker table tr td span.focused, .calendar_home .datepicker table tr td span:hover { background: transparent !important;}

/* .datepicker table tr td.disabled::before { background: #dedbdb !important;  } */

.datepicker table tr td span {width: 100%; height: 40px; line-height: 40px; margin: 0px !important; }
.datepicker table tr td.active { background: linear-gradient(180deg, #0B0B0B 0%, #323232 100%) !important; background: -webkit-linear-gradient(180deg, #0B0B0B 0%, #323232 100%) !important; color: #fff !important; }
.datepicker table tr td span.focused, .datepicker table tr td span:hover { background: linear-gradient(180deg, #0B0B0B 0%, #323232 100%) !important; background: -webkit-linear-gradient(180deg, #0B0B0B 0%, #323232 100%) !important; color: #fff !important;}

/* .datepicker table tr td.day span {color: #fff !important;} */

.calendar_home .datepicker table tr td.disabled span { color: #999 !important ;cursor:default; }
.calendar_home .datepicker table tr td.active.active { background: transparent !important; }
.calendar_home .datepicker table tr td.booked::before { background: #FFAC0C !important; }
.calendar_home .datepicker table tr td.myappointment::before {background: #11FF0C !important;   }
.calendar_home .datepicker table tr td.notavailable::before { background: #FE7A7A !important; }
/* .datepicker table tr td.notavailable::before { background: #FE7A7A !important; } */

.calendar_home .datepicker table tr td.active::before { background: #37AD34 !important; }

.calendar_home .datepicker table tr td.myappointment.disabled span {color: #fff !important;   }
.calendar_home .datepicker table tr td.notavailable.disabled span  { color: #fff !important; }
.calendar_home .datepicker table tr td.booked.disabled span { color: #fff !important; }
.calendar_home .datepicker table tr td.day span { line-height: 57px;}
/* .datepicker table tr td.all-av-date:hover{border: 1px solid white;}
.datepicker table tr td.day.active{border: 1px solid white !important;} */

/* .datepicker table tr td.day.active::before{background-color: rgb(32, 83, 141) !important;} */

/* .datepicker table tr td, .datepicker table tr th { height: 90px !important; } */

.datepicker-dropdown.datepicker table tr td.disabled, .datepicker-dropdown.datepicker table tr td.disabled:hover { opacity: 0.4; }

/*  */

.nothing-found img { width: 200px; height: 200px; object-fit: contain; object-position: center;  margin: 20px 0px; }
.nothing-found div { font-size: 18px; color: #0B0B0B; text-align: center; text-transform: uppercase; }
/*  */

.dash-card-inside a.common-btn { width: auto !important; background: #fff !important; color: #0B0B0B !important;  }
.dash-card-inside a.common-btn:hover { background: transparent !important; color: #fff !important; border-color: #fff !important; }


/* modal design */

.modal-dialog { max-width: 1018px; }
.modal-content { border-radius: 6px; background-color: rgb(255, 255, 255); /* min-height: 820px;  */border: none !important; } 
.modal-header { background-color: rgb(245, 245, 245); padding: 0px; border: none !important; border-radius: 6px 6px 0px 0px; }
.header-box { display: flex; align-items: center; justify-content: center; padding: 15px 30px; width: 100%; }
.header-box .left_logo { width: auto; height: 80px; display: block; object-position: center; object-fit: contain; }
.header-box .right_logo { width: 330px; height: 70px; display: block; object-position: center; object-fit: contain; }
.modal-header .btn-close { margin: 0px; padding: 0px; position: absolute; top: 5px; right: 5px; color: #0b0b0b; opacity: 1; width: 10px; }

.content-block { width: 100%; padding: 20px; border-bottom: 1px solid rgb(209, 209, 209); }
.top-section { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.rx-icon { width: 50px; height: 50px; }
.rx-icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.top-section .date { font-size: 16px;  color: rgb(11, 11, 11); line-height: 1.2; font-weight: 500; }

.doc-description .title {  font-weight: 700; font-size: 16px; color: rgb(11, 11, 11); line-height: 1.2;}
.doc-description .description { font-size: 16px; color: rgb(11, 11, 11); line-height: 1.875; margin-bottom: 0px;  }  

.med-table-block { padding: 20px; }
.med-table-block h3 { font-size: 16px; color: rgb(11, 11, 11); line-height: 1.2; margin-bottom: 20px; font-weight: 700; }
.med-table-block table th { font-size: 16px; color: rgb(11, 11, 11); line-height: 1.2; font-weight: 700 !important; border: none !important; text-transform: unset !important; }
.med-table-block table td { font-size: 16px !important; color: rgb(11, 11, 11); line-height: 1.875; border: none !important; vertical-align: top; }
.med-table-block table th:first-child, .med-table-block table td:first-child { padding-left: 0px !important; }
.pdf-btn { padding: 20px; }
.pdf-btn .common-btn { text-transform: unset; }
.modal-footer { background-color: rgb(18, 18, 18); padding:5px 15px; border-radius: 0px 0px 6px 6px; display: flex; align-items: center; justify-content: space-between; }
.modal-footer .site_logo { width: 208px; margin: 0px; }
.modal-footer .site_logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.modal-footer > * { margin: 0rem;} 
.address-box, .tel-box { display: flex; width: 230px;     word-break: break-all;}
.tel-box { justify-content: center;}
.address-box img, .tel-box img { width: 20px; height: 20px; margin-right: 10px; object-fit: contain; object-position: center; }
.address-box a, .address-box span, .tel-box span, .tel-box a { font-size: 12px; color: rgb(255, 255, 255); line-height: 1.75; text-align: left; }


.prescription-page .appointment-table-list .th-table,
.prescription-page .appointment-table-list .table-body { width: 100% !important; }
.prescription-page .hand-curser { display: none !important; }

/* responsive view */


@media (min-width: 1200px) and (max-width: 1300px) {


}

@media (min-width: 1400px) {


}

@media (min-width: 1440px) {


}

@media (min-width: 1600px) {

}


@media (min-width: 1680px) {

}

@media (min-width: 1700px){

.container { max-width: 77.36vw !important; }

.common-inside-block::-webkit-scrollbar { width: 0.25vw;}
.common-inside-block::-webkit-scrollbar-thumb { border-radius: 0.31vw;} 

/* main css code */

header { padding: 0.52vw 0px; }
header a.site_logo { width: 8.21vw; }

.header_element ul.left_menu {  margin-right: 13.15vw !important;}
.header_element ul.right_menu .cart_link{ margin-left: 0.52vw; padding: 0px 1.05vw; }
.header_element ul.right_menu .cart_link a { width: 1.57vw; height: 1.57vw; }
.header_element ul.right_menu .cart_link a span { font-size: 0.63vw; line-height: 0.94vw; height: 1.15vw; width: 1.15vw;}

.header_element ul.left_menu .nav-link { width: 2.52vw; height: 2.52vw; padding: 0.84vw 0.63vw; }
.header_element ul.left_menu .nav-link span { border-radius: 1.05vw; width: 1.26vw; height: 0.15vw; margin-bottom: 0.15vw;}
.header_element .dropdown-menu { border-radius: 1.57vw; width: 11.05vw; }
.header_element .dropdown-menu .dropdown-item { font-size: 0.63vw; line-height: 1.57vw; padding: 0.52vw; padding-left: 3.15vw; }
.header_element .dropdown-menu li.menu-title { font-size: 0.84vw; line-height: 1.57vw; padding: 0.52vw; padding-left: 3.15vw; }


.homepage{ padding: 0.52vw 0.52vw; }

footer  { padding: 1.05vw 0.52vw; }
footer ul li { font-size: 1.36vw; line-height: 2.47vw; }
footer ul li a { font-size: 1.36vw; line-height: 2.47vw; margin: 0px 0.25vw; }

/* about us */

.common-height-section { height: calc(100vh - 8.84vw); }
.common-inside-block{ padding: 1.57vw 0px; }

.about-content-block .title {font-size: 1.78vw; line-height: 2.10vw; margin-bottom: 1.05vw; }
.about-content-block .desc { font-size: 0.94vw; line-height: 1.57vw; margin-bottom: 1.05vw; }
.common-btn { padding: 0.36vw 1.10vw; font-size: 0.94vw; line-height: 1.73vw; }
.common-btn img { width: 0.94vw; height: 0.94vw; margin-right: 0.42vw; }
.about-content-block .middel_block { padding: 1.57vw 0px; }
.about-content-block ul.about-list li { font-size: 0.94vw; line-height: 1.57vw; margin-bottom: 0.52vw; }

/* contact us */

.contact-form-block .page_heading { margin-bottom: 1.84vw; }
.contact-form-block { padding: 1.57vw 0px; }

.form-group { margin-bottom: 1.57vw; }
.ab_form_label { font-size: 0.94vw; line-height: 1.57vw; top: 1.15vw; }
.form-group .form-control { padding: 0.65vw 0px; font-size: 0.94vw; line-height: 1.57vw; }
.form-group .btn { padding: 0.65vw 0px; font-size: 0.94vw; line-height: 1.57vw; }

.custom-check-box { margin-bottom: 1.05vw; }
.check-boxs { margin-bottom: 0.94vw; }
.checkbox { padding-left: 2.10vw; font-size: 0.94vw; line-height: 1.57vw; }
.checkmark { height: 1.57vw; width: 1.57vw; border-radius: 0.22vw; }

.checkmark::after { left: 0.47vw; width: 0.47vw; height: 1.05vw; }

/* terms */

.terms-content-block { padding: 1.57vw 0px; } 
.terms_top .back_btn { font-size: 0.94vw; line-height: 2vw; left: -3.42vw; }
.terms_top .page_heading {  margin-bottom: 2.10vw; }
.terms-box { margin-bottom: 2.10vw; }
.terms-box .t_title, .terms-box h2 { font-size: 1.78vw; margin-bottom: 0.84vw;  }
.terms-box .t_desc, .terms-box p { font-size: 0.94vw; line-height: 1.57vw; margin-bottom: 0.52vw; }

/* article  */

.articles-content-block { padding: 1.57vw 0px; }
.page_heading { font-size: 1.78vw; margin-bottom: 2.10vw; }


.article-card { max-width: 18.68vw; margin: 0px auto 1.57vw; }
.article_img { border-radius: 0.52vw; height: 14.05vw; /* margin-bottom: 1.05vw; */ }
.article_img img { border-radius: 0.52vw; }

.article-body .article_title { font-size: 1.05vw; line-height: 1.57vw; margin-bottom: 0.52vw; }
.article-body .article_desc { font-size: 0.73vw; line-height: 1.15vw; margin-bottom: 0.52vw; }
.article-body .go_detail { font-size: 0.84vw; line-height: 1.57vw; }

/* article detail page */

.article_detail_top { margin-bottom: 1vw; }
.article_detail_top .back_btn { font-size: 0.94vw; line-height: 2vw; }

.article_content .article-img { width: 36.84vw; height: 31.57vw; border-radius: 0.52vw; margin-right: 1.84vw; margin-bottom: 1.84vw; }
.article_content p {  font-size: 0.94vw; line-height: 2vw; margin-bottom: 1.57vw; }

/* news letter */

.newsletter-form-block {  padding: 1.57vw 0px; }
.newsletter-top { max-width: 45.68vw; margin: 0px auto 1.57vw;  }
.newsletter-top .page_heading { margin-bottom: 0.52vw; }
.newsletter-top p { font-size: 0.94vw; line-height: 2vw; }
.newsletter-form { max-width: 42.68vw; }
.form-group .small-text { font-size: 0.73vw; line-height: 1.57vw; }


/* login page */

.auth-form-block { padding: 1.57vw 0px !important; }
.auth-form-block .desc { font-size: 0.94vw; line-height: 1.57vw; margin-bottom: 1.57vw; }
.auth-form { max-width: 31.57vw; }
.forgot-text { margin-top: 2.63vw; font-size: 0.94vw; line-height: 1.73vw; }
.forgot-text a { font-size: 0.94vw; line-height: 1.73vw; }
.auth-form .common-btn { max-width: 8.47vw; margin-top: 2.63vw; }
.forgot-form-block .page_heading { margin-bottom: 1.05vw;} 
.reset-page .auth-form .common-btn {max-width: 10.47vw;}


/* profile page */

.profile-form label.form-label { font-size: 0.73vw; line-height: 1.57vw;}
.profile-form .form-group .form-control { padding: 0.25vw 0px !important; }
.profile-form .form-group .btn { padding: 0.25vw 0px !important; }

.profile-form  .common-btn { margin-top: 1.57vw; max-width: 8.47vw; }

/* dashboard page */

.dash-card {  padding-bottom: 2.10vw; }
.dash-card-inside { border-radius: 1.05vw; padding: 1.57vw; min-height: 10.52vw; }
.dash-card-inside .t_count {font-size: 3.36vw; line-height: 2.63vw; margin-bottom: 1.05vw; } 
.dash-card-inside .t-title { font-size: 1.68vw; line-height: 1.84vw; }
.dash-card-inside .resent-title { font-size: 1.68vw; margin-bottom: 0.52vw; }
.dash-card-inside .date_time { font-size: 2.10vw; }

.bottom-cards .dash-card-inside { padding: 2.63vw 1.57vw; }

/* appointment */

.appointment-form { padding-left: 1.57vw; }
.appointment-form .form-group { margin-bottom: 1.57vw; }
.appointment-form h3{ font-size: 1.57vw; line-height: 1.57vw; margin-bottom: 0.94vw; }
.radio-group div { margin: 0px 0.78vw; }
.radio-group [type="radio"]:checked + label,
.radio-group [type="radio"]:not(:checked) + label{ padding-left: 1.15vw; line-height: 1.05vw; font-size: 0.94vw; }
.radio-group [type="radio"]:checked + label:before,
.radio-group [type="radio"]:not(:checked) + label:before { width: 0.94vw; height: 0.94vw; }
.radio-group [type="radio"]:checked + label:after,
.radio-group [type="radio"]:not(:checked) + label:after { width: 0.63vw; height: 0.63vw; top: 3px; left: 3px; }

.redio_time div { width: 25%;}
.redio_time [type="radio"]:checked + label,
.redio_time [type="radio"]:not(:checked) + label{ font-size: 0.94vw; line-height: 33px; padding: 0.31vw 1.05vw; margin:0.52vw 0.52vw; }
.calendar_home { border-radius: 1.05vw; padding: 1.31vw 2.10vw; }
.calendar_home .datepicker td, .calendar_home .datepicker th { font-size: 0.94vw; line-height: 1.47vw; width: 2.94vw; height:2.94vw;}
.calendar_home .datepicker .datepicker-switch { font-size: 1.57vw; line-height: 1.47vw; }

.Book_type { margin:0.78vw 0px; }
.Book_type p { font-size: 0.73vw; line-height: 1.57vw; margin-right: 1.57vw; }
.Book_type p span { width: 0.63vw; height: 0.63vw; margin-right: 0.42vw; }


/* my appointment */

.appointment-table-list .th-table { border-radius: 0.42vw 0.42vw 0px 0px;}
.appointment-table-list .table-dark {  border-radius: 0.42vw 0.42vw 0px 0px; }
.table th { font-size: 0.84vw; line-height: 1.57vw; padding: 0.52vw; }
.table td { font-size: 0.84vw; line-height: 1.57vw; padding: 0.52vw; }
.table td:nth-child(4) { font-size: 0.63vw; line-height: 0.94vw; }

.table-body { max-height: 26.31vw;}
.table-body::-webkit-scrollbar { width: 0.25vw;}
.table-body::-webkit-scrollbar-thumb { border-radius: 0.31vw;} 

.table-filter-box { margin-bottom: 0.52vw; margin-top: -1.57vw; }
.table-filter-box div { margin-left: 2.05vw; max-width: 9.42vw; }
.table-filter-box .form-control { font-size: 0.73vw; line-height: 1.31vw; }
.table-filter-box .form-select {background-size: 0.52vw 0.47vw; }
.table-filter-box .input-group .input-group-text img { width: 0.84vw; height: 0.84vw; }


/* product */

.product_img.article_img { border-radius: 0.52vw; }
.product_img.article_img span { font-size: 0.94vw; line-height: 1.73vw; border-radius: 0.52vw 0px; padding: 0.10vw 0.78vw; }
.product-bottom .common-btn { padding: 0px 0.63vw; }

.products-page .article-card-outer { padding-bottom: 2.63vw;}
.products-page .article-card { margin: 0px auto;}
.products-page .table-filter-box label { font-size: 0.94vw; line-height: 1.73vw; }
.products-page .table-filter-box div { margin-left: 0.52vw; max-width: 18.63vw;}

/* product detail page */

.product_slider.owl-carousel .owl-item {padding: 0.52vw 0px;}
.product-detail-page .article_content .page_heading{ margin-bottom: 1.25vw; }
.product-detail-page .article_content p { font-size: 0.73vw; line-height: 1.15vw; margin-bottom: 1.05vw; }
.product-detail-page .article_content ul li { font-size: 0.73vw; line-height: 1.15vw; margin-bottom: 1.05vw; }
.product-price { margin-bottom: 1.05vw; margin-right: 1.05vw; }
.article_content .product-price p.amount { font-size: 2.10vw; line-height: 3.68vw; margin-bottom: 0.25vw; }

.product-info .product_img { margin-right: 1.57vw; max-width: 31.57vw; height: 26.10vw; border-radius: 0.52vw; margin-bottom: 1.05vw; }
.product-info .product_img img {  border-radius: 0.52vw;  }
.product-info .common-btn {  padding: 0px 0.63vw;  }

.More_Products_block { padding-top: 1.57vw; }

.article-card a.common-btn { font-size: 0.84vw; margin-right: 0.52vw; }

/* Shopping Cart */

.t-product img { border-radius: 0.52vw; width: 7.63vw; height: 5.63vw; margin-right: 0.25vw; border-radius: 0.52vw; }

.table-bottom-content { margin-top: 1.05vw; }
.tbc-right .amount { margin-right: 1.57vw; font-size: 1.89vw; line-height: 3.42vw;}
.tbc-right .amount span { font-size: 0.94vw; line-height: 1.73vw; }
.tbc-right .common-btn span{ font-size: 1.57vw; margin-left: 0.52vw; margin-bottom: 0.10vw; }
.tbc-left .common-btn span{font-size: 1.57vw; margin-right: 0.52vw; margin-bottom: 0.10vw; }

.quantity { max-width: 7.47vw; height: 2.21vw; }
.quantity__minus,
.quantity__plus { width: 1.63vw; font-size: 1.57vw; line-height: 2.84vw; }
.quantity__input { font-size: 0.84vw; line-height: 1.57vw;  }

/*  */

.collapse-btn {  width: 1.36vw; height: 1.36vw; margin-left: 1.05vw; background-size: 0.73vw; }
.re-order-btn { font-size: 0.84vw; line-height: 1.57vw;}

.appointment-table-list td .common-btn { width: 9.5vw;}

/* date picker */

.calendar_home .datepicker table tr td::before { width: 1.68vw; height: 1.68vw;  }


/* modal design */

.modal-dialog { max-width: 53.57vw; }
.modal-content { border-radius: 0.31vw; /* min-height: 43.15vw; */ } 
.modal-header { border-radius: 0.31vw 0.31vw 0px 0px; }
.header-box { padding: 1.15vw 1.57vw;  }
.header-box .left_logo { width: 7.84vw; height: 2.31vw;}
.header-box .right_logo { width: 17.36vw; height: 3.684vw; }
.modal-header .btn-close { top: 0.25vw; right: 0.25vw; width: 0.52vw; }

.content-block { padding: 1.05vw; }
.top-section { margin-bottom: 1.05vw; }
.rx-icon { width: 2.63v; height: 2.63vw; }
.top-section .date { font-size: 0.84vw;  }

.doc-description .title {  font-size: 0.84vw;}
.doc-description .description { font-size: 0.84vw;  }  

.med-table-block { padding: 1.05vw; }
.med-table-block h3 { font-size: 0.84vw; margin-bottom: 1.05vw; }
.med-table-block table th { font-size: 0.84vw; }
.med-table-block table td { font-size: 0.84vw !important; }
.pdf-btn { padding: 1.05vw; }

.modal-footer {  padding: 0.42vw 0.78vw; border-radius: 0px 0px 0.31vw 0.31vw; }
.modal-footer .site_logo { width: 10.94vw; }
.address-box, .tel-box { width: 12.10vw; }
.address-box img, .tel-box img { width: 1.05vw; height: 1.05vw; margin-right: 0.52vw; }
.address-box a, .address-box span, .tel-box span, .tel-box a { font-size: 0.63vw; }





}

@media (min-width: 2100px) {

  .radio-group [type="radio"]:checked + label:after,
.radio-group [type="radio"]:not(:checked) + label:after { width: 0.63vw; height: 0.63vw; top: 0.15vw; left: 0.15vw; }

}

@media (max-width: 1199px) {

.container { max-width: 100% !important; }

footer ul li, footer ul li a { font-size: 20px; line-height: 42px;}
.about-content-block .title { font-size: 24px; line-height: 30px; margin-bottom: 10px;}
.about-content-block .desc { margin-bottom: 12px;}
.about-content-block .middel_block {padding: 15px 0px;}
footer { padding: 10px 10px; /* background: #fff;  *//* position: relative; */ }
.about-content-block ul.about-list li { font-size: 16px; line-height: 26px;}
.terms-box .t_title { font-size: 24px; margin-bottom: 6px;}
.terms_top .back_btn { left: 0;}
.common-btn { line-height: unset; padding: 7px 15px !important; }
.article_content .article-img {width: 480px; height: 380px; margin-right: 18px; margin-bottom: 15px;}

/*  */

.header_element ul.right_menu .cart_link { padding-left: 0px; margin-left: 0px; }
.header_element ul.left_menu {margin-right: 42px !important;}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 1s forwards; z-index: 1111;
  background: #fff;
  box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32) !important;
  }
  @keyframes smoothScroll {
      0% {
          transform: translateY(-40px);
      }
      100% {
          transform: translateY(0px);
      }
  }

body.open_nav { overflow: hidden; }

.common-height-section {  height: auto; overflow: unset;}

.responsive-nav input { position: fixed; opacity: 0;}
.responsive-nav label { position: absolute; margin: 0; padding: 0; border: none; outline: none; background: none; cursor: pointer; }
.responsive-nav label::before { position: fixed; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75);  content: ""; opacity: 0;  pointer-events: none;  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
.responsive-nav label .burger { position: absolute; top: -48px; left: 1em; z-index: 3; width: 2em; height: 24px; margin: 0;  padding: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); z-index: 11111; }
.responsive-nav label .burger::before,
.responsive-nav label .burger .bar, .responsive-nav label .burger::after {
    position: absolute; left: 0; display: block; width: 100%;  height: 3px; background: #0B0B0B; content: "";  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); 
} 
.responsive-nav label .burger .bar { top: 10px; }
.responsive-nav label .burger::before { top: 0; transform-origin: top left;}
.responsive-nav label .burger::after { bottom: 0; transform-origin: bottom left; }
.responsive-nav input:focus + label .burger,
.responsive-nav label:hover .burger { opacity: 0.75; }
  
.responsive-nav nav {position: fixed; top: 0; left: 0; bottom: 0; z-index: 1111; padding-top: 90px; transform: translate3d(0, 0, 0); transform: translateX(-100%); will-change: transform; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
.res_scroll { display: flex; flex-flow: column nowrap; align-items: flex-start; }
.responsive-nav nav::before { position: absolute; top: 0; bottom: 0; left: 0; z-index: -1; width: 25em; background: #fff; content: "";  transform: skewX(15deg) translateX(-100%);
  transform-origin: bottom left; will-change: transform; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.responsive-nav nav a { margin: 0.2em 0; padding: 0.2em 2em; text-transform: uppercase; font-size: 1.5em; color: #0B0B0B; text-decoration: none; transform: translateX(-100%); transition: color 0.15s, transform 0.5s;  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);}
.responsive-nav nav a:hover, .responsive-nav nav a.active { color: #B1B1B1; }
.responsive-nav nav a:nth-child(1) { transition-delay: 0s, 100ms;}
.responsive-nav nav a:nth-child(2) { transition-delay: 0s, 150ms;}
.responsive-nav nav a:nth-child(3) { transition-delay: 0s, 200ms;}
.responsive-nav nav a:nth-child(4) { transition-delay: 0s, 250ms;}
.responsive-nav nav a:nth-child(5) { transition-delay: 0s, 300ms;}
.responsive-nav nav a:nth-child(6) { transition-delay: 0s, 350ms;}
.responsive-nav nav a:nth-child(7) { transition-delay: 0s, 400ms;}
.responsive-nav nav a:nth-child(8) { transition-delay: 0s, 450ms;}
.responsive-nav nav a:nth-child(9) { transition-delay: 0s, 500ms;}
.responsive-nav nav a:nth-child(10) { transition-delay: 0s, 550ms;}
.responsive-nav nav a:nth-child(11) { transition-delay: 0s, 600ms;}
.responsive-nav nav a:hover, .responsive-nav  nav a:focus { color: #B1B1B1;}
  
[id=navcheck]:checked + label::before { opacity: 1; pointer-events: auto;}
/* [id=navcheck]:checked + label .burger::before, [id=navcheck]:checked + label .burger::after { width: 141.42%;} */
[id=navcheck]:checked + label .burger::before { transform: rotate(45deg) translateY(-50%); top: 4px; }
[id=navcheck]:checked + label .burger::after { transform: rotate(-45deg) translateY(50%);}
[id=navcheck]:checked + label .burger .bar { transform: scale(0.1);}
[id=navcheck]:checked ~ nav { transform: translateX(0);}
[id=navcheck]:checked ~ nav::before { transform: skewX(15deg) translateX(0);}
[id=navcheck]:checked ~ nav a { transform: translateX(0);}

/*  */



.dash-card-inside .t-title {font-size: 24px; line-height: 30px;}
.dash-card-inside .t_count {font-size: 48px; line-height: 38px; margin-bottom: 15px;}
.dash-card-inside .resent-title { font-size: 24px;}
.dash-card-inside .date_time { font-size: 30px;}
.dash-card-inside { min-height: 180px; }
.bottom-cards .dash-card-inside { padding: 30px;}

.appointment-form { padding-left: 0px;}
.table td {font-size: 14px; line-height: unset; }

.appointment-table-list { width: 100%; overflow-x:auto ; position: relative; }
  .appointment-table-list .th-table { width: 1200px; }
  .appointment-table-list .table-body { width: 1200px; }


  .hand-curser { display: block !important; width: 30px; height: 30px; position: absolute; top: 15px; }
  .hand-curser img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
  #pot {
    -webkit-animation: linear infinite;
    -webkit-animation-name: run;
    -webkit-animation-duration: 5s;
  }
  @-webkit-keyframes run {
    0% { left: 94%; }
    50% {left: 97%; }
    100% { left: 94%; }
  }

  .tbc-right .common-btn span, .tbc-left .common-btn span  { line-height: 1;}

  .article_detail_top .back_btn { font-size: 14px; line-height: 32px;}
  .common-btn { font-size: 14px;}
  .page_heading { font-size: 26px;}


  .header-box .right_logo { width: 290px;}
  .header-box .left_logo {  width: 115px;}
  .rx-icon {width: 36px; height: 36px;}
  .doc-description .description { font-size: 14px;}
  .top-section .date { font-size: 14px;}
  .med-table-block table td { font-size: 14px !important;}
  .modal-footer .site_logo {width: 180px;}
  .doc-description .title { font-size: 14px;}
  .med-table-block table th { font-size: 14px;}
  .med-table-block h3 { font-size: 14px; margin-bottom: 15px;}
  .modal-dialog { max-width: 900px;}



}

@media (max-width: 991px) {


  .appointment-table-list .th-table { width: 1180px; }
  .appointment-table-list .table-body { width: 1180px; }

  ul.about-list { margin-top: 20px; padding-left: 20px; }

  footer { display: none !important; }
  /* .common-height-section {  height: calc(100vh - 78px);} */
  .article_content .article-img { float: none; width: 100%; margin-right: 0px; }
  .article_detail_top .back_btn { font-size: 16px;}

  .product-info { display: block;}
  .product-info .product_img {max-width: 100%; margin-bottom: 18px;}

  .modal-dialog { max-width: 90%;}
  .med-table-block table {width: 1000px;}
  .modal-content { min-height: auto;}


}

@media (min-width: 40em) {
  .responsive-nav nav::before { width: 45em; }
}

@media (max-width: 767px) {

  /* header a { width: 130px;} */
  /* .common-height-section {  height: calc(100vh - 69px);} */
  .article_detail_top { margin-bottom: 20px;}
  .dash-card {   padding-bottom: 20px;}

  .page_heading { margin-bottom: 25px;}
  .calendar_home { padding: 20px ;}
  .appointment-form h3 { font-size: 20px; line-height: 24px;  margin-bottom: 14px;}
  .calendar_home .datepicker td, .calendar_home .datepicker th { font-size: 14px;}

  .responsive-nav nav { padding-top: 70px;}
  .responsive-nav nav a {padding: 0.2em 1.5em; font-size: 1.25em; }
  .res_scroll { height: 250px; overflow-y: scroll; }

  .tbc-right .amount { margin-right: 15px;  font-size: 26px; line-height: 42px;}
  .tbc-right .common-btn span {  font-size: 26px;  margin-left: 6px;}
  .tbc-left .common-btn span { font-size: 26px;  margin-right: 6px;}

  .header-box .right_logo { width: 240px;}
  .header-box .left_logo { width: 86px; height: auto;}
  .modal-footer {  flex-wrap: wrap; padding: 15px 15px;}
  .modal-footer .site_logo { order: 1; margin: 0px auto; }
  .address-box { width: 100%; order: 2; margin: 15px 0px; justify-content: center;}
  .tel-box {width: 100%; order: 3; justify-content: center;  }
  .address-box img, .tel-box img { width: 16px; height: 16px;}

  

}

@media (max-width: 700px) {

  .res_scroll { height: 190px; }


}

@media (max-width: 600px) {


}



@media (max-width: 500px) {
  
  .article_content .article-img {height: 260px;}
  .page_heading { margin-bottom: 20px;}
  .terms_top .page_heading {margin-bottom: 20px;}
  .redio_time div { width: 33%;}
  .table-filter-box { margin-top: 0px; justify-content: center;}
  .table-filter-box div { margin: 0px 5px;}

  .Book_type {display: block; margin: 10px 0px;}
  .redio_time [type="radio"]:checked + label, .redio_time [type="radio"]:not(:checked) + label { margin: 5px; padding: 6px 15px; }

  .res_scroll { height: 100%; overflow-y: unset; }

  .table-bottom-content { /* display: block; */ align-items: flex-end; }
  .tbc-right { display: block}

  .table-bottom-content .tbc-left { text-align: center;/*  margin-bottom: 15px; */ }
  .tbc-left .common-btn span {font-size: 20px;}
  .tbc-right .common-btn span { font-size: 20px;}
  .tbc-right { justify-content: space-between;}

  .product-info .product_img {height: 320px;}
  .table-bottom-content .common-btn { padding: 7px 8px !important;  }

  .articles_top {display: flex; align-items: center;  justify-content: space-between;}
  .articles_top a.common-btn {  position: relative; margin-bottom: 20px; }

  .terms_top .back_btn { position: relative;}

  .responsive-nav nav::before { width: 29em; }

  .header-box {justify-content: center; flex-wrap: wrap;}
  .header-box .left_logo { margin-bottom: 12px;}
  .modal-dialog {margin: .5rem auto;}


}

@media (max-width:375px) {



}


@media (max-width:320px) {


}