@media only screen and (max-width: 1150px) {
  span.pencile-put {
    position: unset !important;
    padding-left: 0 !important;
  }
  }
  
  @media only screen and (max-width: 519px) {
  .blac {
      margin-right: 10px !important;
  }
  
  .team .member .member-info {
      padding-left: 0px !important;
      margin-top: 22px;
  }
  
  .form-inline-ddx {
      margin-top: 2px !important;
  }
  
  .ser-btn-hom {
          margin-top: 30px !important;
  }
  
  }
  
  @media only screen and (max-width: 575px) {
     .pose {
      position: inherit !important;
  }
  }
  
  @media only screen and (max-width: 1136px) {
      input.fview {
      margin-top: 15px;
  }
  
  .practi-form-input .join-client {
      margin-top: 20px;
  }
  
  .right-pan #map {
      overflow: visible !important;
      margin-top: 164px;
  }
  }
  
  @media only screen and (max-width: 768px) { 
        .bor-img-add {
          margin: auto;
      }
      .input-area.membq .join-log {
      width: 209px !important;
  }
  
      span.pencile-img {
          left: 72% !important;
      }
      span.pencile-fpu {
      display: block;
  }
  a.banner-three-btn {
      margin-top: 10px;
      display: block;
  }
  button#addB_address {
      padding-left: 0;
      margin-bottom: 10px;
  }
  span#span_Inperson, #span_vertual {
      display: block;
      padding-left: 0;
  }
  button#btn-vertual {
      padding-left: 0;
  }
  button#addIn_persion {
      padding-left: 0;
      margin-bottom: 10px;
  }
  .green-penc {
      display: block;
      padding-left: 0 !important;
      margin: 5px 0;
  }
  button#calenderr {
      float: right;
          margin-right: -10px;
  }
  .mod-area-body h5 {
      width: 63%;
      margin-left: auto;
      margin-right: auto;
  }
  .show-in-phone {
      display: block !important;
  }
  .hide-in-phone {
      display: none;
  }
  }
  
  @media only screen and (max-width: 991px) {
  
  .f-logo {
      text-align: center;
  }
  .single-pro-col {
      padding-right: 10px !important;
  }
  .product-title h2 {
      margin-top: 25px;
  }
  
  .text-align-end {
      text-align: center !important;
  }
  
  .text-align-left {
      text-align: center !important;
  }
  .pract-map-pg .select2.select2-container.select2-container--default {
      width: 100% !important;
      margin-top: 20px;
  }
  .pract-map-pg .select2-container--default .select2-selection--single .select2-selection__arrow {
      right: 30px !important;
  }
  .beg-mod-hid {
      margin-right: -27px !important;
  }
  .mleftt {
          padding-right: 0px !important;
  }
  .prefixx {
      font-size: 9px !important;
  }
  button.mode-btn.btn.btn-info.btn-lg.event_detail {
      padding: 0;
      font-size: 9px;
  }
  .mod-btt {
      padding-left: 3px !important;
  }
  .left-align {
      padding-left: 0px !important;
  }
  #show-mob {
    display: inline-block !important;
  }
  
  .show-descktop {
      display: none !important;
  }
  .mar-top-ad {
      margin-top: 40px;
  }
  span#editviewspeciality {
      display: block;
      margin-bottom: 3px;
  }
  .gth::after {
      display: none !important;
  }
  .add-sec-col {
      padding: 0 0 0 10px !important;
  }
  
  .wid100 {
      width: 100% !important;
  }
  
  table.time-tabl {
      width: 64% !important;
  }
  .add-sec-col .left-des {
      padding: 0;
  }
  button#edit-btn {
      padding-left: 0;
  }
  span.pencile-fpu {
      padding-left: 0px !important;
  }
  .scros, .ccros {
      color: #000;
      font-size: 15px !important;
      right: 0 !important;
      margin-top: -12px !important;
  }
  .hour-form-in {
      width: auto !important;
      }
  #footer .credits {
      padding-left: 0;
  }
  
  
  .story-box {
      padding: 30px 0 30px 10px !important;
      margin: 30px 0px 20px !important;    
  }
  
  .blog-head .col-md-6 {
      width: 50%;
  }
  
  .services .icon-box h4 a {
      top: 180px !important;
  }
  
  .pop-mod {
      width: 100% !important;
      height: auto !important;
      padding: 50px !important;
      left: 0 !important;
  }
  .mod-area-body h1 {
      font-size: 31px !important;
      text-align: center;
  }
  
  .inner-area-m p {
      text-align: center;
  }
  
  .music audio {
      width: 100%;
  }
  
  .podcasrtyu {
      display: block !important;
  }
  .podcast-iimg, .podcast-iimg-pro, .find-pra-img {
      width: 100% !important;
      height: auto !important;
  }
  
  video.video-fluid.z-depth-1 {
      width: 100%;
  }
  
  img.wb-img {
      width: 100% !important;
      height: 236px !important;
  }
  
  .blog-comment img {
      width: 15% !important;
      margin-top: -40px !important;
  }
  
  .blog-comment textarea {
      width: 100% !important;
  }
  
  img.wb-imgb {
      width: 100% !important;
      height: 236px !important;
  }
  .services .icon-box h4 {
      /*bottom: 25px !important;
      padding: 0 5px;*/
      padding-top: 172px;
  }
  .recent-blog .card {
      margin-bottom: 20px;
  }
  
  .blog-main-content, .blog-comment {
      padding: 30px !important;
  }
  
  .blog-detail {
      width: 100% !important;
  }
  
  .blog-titled {
      width: 100% !important;
  }
  
  .padd-righ .add-desc {
      padding-right: 0 !important;
      
  }
  
  .cred-12 {
      color: #000;
  }
  
  #blog-page h4 {
      font-size: 20px !important;
  }
  
  #blog-page .icon-box {
      margin-bottom: 20px;
  }
  
  .uft p {
      
      margin-bottom: 30px;
  }
  
  .event-form-input .einpu {
      width: 100% !important;
      background-position-x: 100% !important;
      text-align: center !important;
  }
  
  .practi-form-input .einpu {
      width: 100% !important;
      background-position-x: 100% !important;
      text-align: center !important;
  }
  
  .mar-left {
      margin: 0 0 0 0% !important;
  }
  
  a.save-change-b, #addIn_persion a, #addB_address a, #btn-vertual a {
      color: #000 !important;
  }
  
  .gth {
      border: none !important;
      padding-right: 0 !important;
  }
  
  .row {
      padding: 0 15px;
  }
  .row .row {
      padding: 0;
  }
  
  .row.sec-tab-cart {
      padding: 10px 0 !important;
  }
  
  .quantity-c input {
      padding: 7px 7px !important;
  }
  
  .quantity-c .valo {
      padding: 7px 0px !important;
  }
  
  .admin-backg .col-sm-3, .admin-backg .col-sm-9 {
     width: 100%;
  }
  
  .admin-backg .col-sm-9 p, .sec-admin-title {
      color: #595959 !important;
  }
  
  .admin-backg .col-sm-9 ul li {
      color: #595959;
  }
  .admin-backg .col-sm-9 ul li span {
      color: #595959;
  }
  
  .admin-backg .col-sm-9 {
          padding-top: 20px;
  }
  .add-sec-col .col-sm-6 {
      width: 100% !important;
  }
  }
  
  @media only screen and (max-width: 880px) {
      .admin-backg .col-sm-9 {
      padding-left: 10% !important;
  }
  
  }
  
  @media only screen and (max-width: 1199px) {
  .coupon-btn {
      margin-left: 0 !important;
  }
  .log img {
      width: 40%;
  }
  
  .log {
      top: 0px !important;
  }
  }
  
  @media only screen and (max-width: 991px) {
  .coupon-btn, .update-btn {
      margin-top: 15px;
  }
  textarea.mem-area {
      width: 100% !important;
  }
  
  .mySlidesm img {
      padding: 0 50px !important;
  }
  
  .img-mod-close {
      top: 150px !important;
  }
  
  #image-popup .prev, #image-popup .next {
      margin-top: 0 !important;
      font-size: 25px;
      top: 39%;
  }    
  
  .tligh {
      padding-top: 50px;
  }
  .pop-close-btn {
      margin-right: -30px !important;
  }
  }
  
  
  
  @media only screen and (max-width: 1080px) {
    
  .okl .col-lg-12 {
      padding: 10px !important;
  }
  
  .left-13 {
      margin-left: 0 !important;
  }
  
  .left-14 {
      margin-left: 35px !important;
  }
  
  .box-invi {
      width: auto !important;
  }
  
  .box-invi1 {
      width: auto !important;
  }
  
  .popco {
      width: 100% !important;
  }
  
  textarea.texreas {
      width: 100% !important;
  }
  
  .respo-v iframe,  .slideshow-container {
      width: 100% !important;
  }
  
  .prec-adm-pro {
      width: 100% !important;
  }
  
  .member-form-area {
      width: 100% !important;
  }
  
  .mem-form-in {
      width: 100% !important;
      cursor: pointer;
  }
  
  .bahut .join {
      margin-bottom: 20px;
  }
  
  .wid .col-sm-3 {
      width: 50% !important;
  }
  
  .s-repo {
      width: 100% !important;
      text-align: center !important;
  }
  
  .s-repo input {
      margin: auto;
  }
  
  .stor-cl {
      padding-left: calc(var(--bs-gutter-x) * .5) !important;
  }
  
  .sub-wid {
      width: 100% !important;
  }
  
  .loggin-area {
      width: 100% !important; 
  }
  
  .membql .join {
      width: 45% !important;
  }
  
  .row.sec-tab-cart .col-sm-7 {
      margin-top: 30px;
  }
  
  .left-pan {
      width: 100% ;
  }
  
  .right-pan {
      width: 100% ;
  }
  
  .event-title {
      margin-right: 0px !important;
  }
  
  .days {
      padding: 10px;
  }
  
  .weekdays {
      text-align: center;
  }
  
  .weekdays li {
      font-size: 12px;
  }
  
  span.prefixx.calender-input {
      left: 82px !important;
  }
  
  .prefixx {
      text-align: center;
      padding-left: 6px;
  }
  
  form.event-form-input {
      text-align: center;
      justify-content: center !important;
  }
 
  
  .einpu {
      margin-top: 20px;
  }
  
  .whit {
      margin-top: 18px;
      margin-right: 0px !important;
  }
  
  .form-inline {
      margin-top: -36px !important;
  }
  
  .inpubtnn {
      margin-top: 35px !important;
  }
  
  .profile-area {
      width: 100% !important;
  }
  
  .profile-area-12 {
      width: 100% !important;
  }
  
  #profile-page .input-area {
       width: 475px !important;
  }
  
  .input-area-12 {
       width: 100% !important;
  }
  
  .input-areal {
       width: 100% !important;
  }
  
  .col-sm-4 {
      margin-bottom: 20px;
  }
  
  .blog-area {
      width: 100% !important;
          padding: 0px !important;
  }
  
  .tligh {
      padding-left: 10px !important;
  }
  
  
  .input-box-size-black {
      width: 100% !important;
  }
  
  .bahut {
      width: 100% !important;
      text-align: center;
  }
  
  .wid {
      width: 100% !important;
  }
  
  .shad {
      padding-right: 0 !important;
      margin-left: 23px !important;
  }
  .lfgl {
      padding-left: 10px !important;
      padding-top: 30px;
  }
  
  .music {
      width: 100% !important;
  }
  }
  
  @media only screen and (max-width: 768px) {
  .form-inline {
      margin-top: -11px !important;
  }
  }
  
  /*@media only screen and (max-width: 425px) {
  .inpubtn {
      margin-top: 20px;
  }*/
  
  #why-us {
      padding-bottom: 140px !important
  }
  
  
  
  @media only screen and (max-width: 514px) {
  .whi {
      margin-right: -80px;
  }
  
  }
  
  
  .center {
      text-align: center;
  }
  
  .log {
      text-align: center;
      top: 10px;
      position: absolute;
      width: 100%;
  }
  
  .navu {
      background: #00cccb;
  }
  
  .sixc {
      color: #fff;
      text-align: left;
  }
  
  .wid {
      width: 976px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 35px;
  }
  
  .input-box-size {
      margin: auto;
      border: 3px solid #fff;
      border-radius: 50px;
      padding: 3px;
      height: 50px;
  }
  
  .form-inline {
      margin-top: -11px;
  }
  
  .form-inline-ddx {
     margin-top: -11px; 
  }
  
  .whi {
      color: #fff;
      font-family: "AvenirLight", sans-serif;
      background: transparent;
      border: none;
      padding-right: 68px;
  }
  
  .whit {
      color: #fff;
      margin-right: 19px;
      font-family: "AvenirLight", sans-serif;
      background: transparent;
      border: none;
  }
  
  .whit::placeholder  {
      color: #fff;
  }
  
  .whi::placeholder  {
      color: #fff;
  }
  
  .whis {
      color: #fff;
     /* font-size: 20px;*/
      margin-right: 5px;
      margin-left: 10px;
      font-family: "AvenirLight", sans-serif;
  }
  
  .spe {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 20px;
      color: #fff;
      letter-spacing: 2px;
      padding-top: 10px;
      padding-bottom: 37px;
  }
  
  .sixc h6 {
      font-size: 18px;
      font-family: "RalewaySemiBold", sans-serif;
  }
  
  #about {
      padding: 133px 0 168px 0;
  }
  
  .okl .col-lg-12 {
      padding: 0 220px;
  }
  
  .join:hover {
      background: #00cccb;
      color: #000;
      border-color: #00cccb;
  }
  
  .join {
      font-family: "AvenirHeavy", sans-serif;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 41px 8px 41px;
      border-radius: 50px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
  }
  
  .join-client {
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 12px 28px 12px 28px;
      border-radius: 50px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
  }
  
  .join-client:hover {
      background: #00cccb;
      color: #000;
      border-color: #00cccb;
  }
  
  .signup:hover {
      background: #f7e523;
      color: #000;
      border-color: #f7e523;
  }
  
  .signup {
      font-family: "AvenirHeavy", sans-serif;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 7px 24px 7px 24px;
      border-radius: 50px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
  }
  
  .upo {
      padding-top: 100px;
  }
  
  #about h4{
      margin-bottom: 22px;
      font-family: "RalewaySemiBold", sans-serif;
      color: #000;
      font-size: 20px;
      letter-spacing: 1px;
  }
  
  #why-us{
      background: #00cccb;
      height: 286px;
      padding: 90px 0;
  }
  
  .section-titlei h4{
      font-size: 30px;
      font-weight: bold;
      color: #000000;
      font-family: "DoraSignature", sans-serif;
      text-align: center;
          padding-bottom: 10px;
  }
  
  .input-box-size-black {
      width: 505px;
  }
  
  .blac {
      font-size: 16px;
      color: #000;
      font-family: "AvenirLight", sans-serif;
      width: 66%;
      border: none;
      background: transparent;
          margin-right: 104px;
  }
  
  .blac::placeholder {
      color: #000;
  }
  
  #membership h4 {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 17px;
      color: #000;
      letter-spacing: 1px;
      padding-bottom: 10px;    
  }
  
  .uft h6 {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 17px;
      color: #000;
  }
  
  .uft p {
      font-family: "Raleway", sans-serif;
      font-size: 17px;
      color: #000;
      margin-right: 40px;
      text-align: justify;  
  }
  
  .uftt p {
      font-family: "Raleway", sans-serif;
      font-size: 17px;
      color: #595959;
  }
  
  .uftt h6 {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 17px;
      color: #000;
  }
  
  .form-inline-black {
     margin-top: -1px;
     text-align: center;
  }
  
  .bada {
      font-size: 17px;
      color: #000;
      font-family: "RalewaySemiBold", sans-serif;
      padding-bottom: 10px;
      letter-spacing: 1px;
  }
  
  .chhota {
      font-size: 17px;
      color: #595959;
      font-family: "Raleway", sans-serif;
      font-weight: normal;
      display: block;
  }
  
  .bahut a {
      margin-right: 16px;
      font-family: "RalewaySemibold";
  }
  
  .bahut{  
      margin-top: 44px;
      /*width: 730px;*/
  }
  
  .bahut .join {
      padding: 7px 28px 5px 28px;
     
  }
  
  .membq .join {
      padding: 6px 28px 6px 28px;
  }
  
  #spotlight{
     padding: 133px 0 158px 0;
  }
  
  #spotlight .container{
      max-width: 1235px;
  }
  
  
  #spotlight .row.content {
      padding-top: 30px;
  }
  .shad {
      box-shadow: -15px -10px 0px #e5e5e5;
      width: 93%;
      margin-left: 30px;
  }
  
  .tligh {
      padding-left: 45px;
  }
  
  #services{
      padding: 124px 0;
  }
  
  .img1 {
      background: linear-gradient(rgb(0 0 0 / 28%), rgb(0 0 0 / 49%)), url(https://techstreet.in/coca/assets/img/buddha.webp) center center;
      background-size: cover;
  }
  
  .img2 {
      background: linear-gradient(rgb(0 0 0 / 28%), rgb(0 0 0 / 49%)), url(https://techstreet.in/coca/assets/img/head.webp) center center;
      background-size: cover;
  }
  
  .img3 {
      background: linear-gradient(rgb(0 0 0 / 28%), rgb(0 0 0 / 49%)), url(https://techstreet.in/coca/assets/img/joga.webp) center center;
      background-size: cover;
  }
  
  .img12 {
      background: linear-gradient(rgb(0 0 0 / 28%), rgb(0 0 0 / 49%)), url(https://techstreet.in/coca/assets/img/buddha2.webp) center center;
      background-size: cover;
  }
  
  .img22 {
      background: linear-gradient(rgb(0 0 0 / 28%), rgb(0 0 0 / 49%)), url(https://techstreet.in/coca/assets/img/head2.webp) center center;
      background-size: cover;
  }
  
  .img32 {
      background: linear-gradient(rgb(0 0 0 / 28%), rgb(0 0 0 / 49%)), url(https://techstreet.in/coca/assets/img/joga2.webp) center center;
      background-size: cover;
  }
  
  .services .icon-box h4 a:hover{
      color: #04F7F2;
  }
  
  .services .icon-box a h4:hover{
      color: #04F7F2 !important;
  }
  
  .plmk {
      text-align: center;
      margin-top: 85px;
  }
  
  .mar {
      margin-top: 133px;
  }
  .music {
      text-align: center;
      margin-top: 20px;
      width: 295px;
  }
  
  .music hr {
      opacity: 1;
  }
  
  .music hr:before {
      content: "\A";
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin-top: -6px;
      background: #040404;
      display: block;
      position: absolute;
  }
  
  .mu-icon img {
      padding: 0 6px;
  }
  #follow-us {
      background: #000;
      padding: 48px 0;
  }
  
  #follow-us i {
      color: #000;
      background: #949494;
      border-radius: 50px;
      padding: 6px 1px 1px 6px;
  }
  i.ucoon_0 {
      padding: 6px 2px 1px 6px !important;
  }
  i.ucoon_3 {
      padding: 6px 6px 1px 7px !important;
  }
  
  #follow-us .social {
      margin-top: 18px;
  }
  
  #follow-us h4 {
      font-size: 30px;
      color: #f7e523;
      font-family: "DoraSignature", sans-serif;
      font-weight: bold;
  }
  .memb {
      max-width: 1200px; 
  }
  .lfgh p {
      padding-right: 70px;
  }
  
  .lfgl {
      padding-left: 70px;
  }
  
  .gth::after {
      content: "";
      position: absolute;
      display: block;
      width: 1px;
      height: 68px;
      background: #000;
      right: 0;
      top: 27%;
  }
  
  #follow-us .social a {
      padding: 0 4px;
  }
  
  #membership{
    padding: 133px 0;
  }
  
  .signn {
      text-align: center;
      margin-top: 100px;
  }
  
  .helpful-link span {
      font-size: 12px;
      font-family: "Raleway", sans-serif;
      color: #c7c7c7;
  }
  
  .footer-link-1 {
      padding-right: 32px;
  }
  
  .footer-link-2 {
      padding-right: 24px;
  }
  
  .footer-link-4 {
      padding-right: 30px;
  }
  
  .footer-link-5 {
      padding-right: 26px;
  }
  
  .footer-link-6 {
      padding-right: 32px;
  }
  
  .footer-link-7 {
      padding-right: 27px;
  }
  
  .footer-link-8 {
      padding-right: 23px;
  }
  
  .footer-link-9 {
      padding-right: 29px;
  }
  
  .footer-link-10 {
      padding-right: 21px;
  }
  
  .footer-link-12 {
      padding-right: 32px;
  }
  
  .igta {
      font-size: 14px;
      font-family: "Raleway", sans-serif;
      color: #c7c7c7;
      margin-bottom: 10px;
      margin-top: 11px;
  }
  
  .vl {
      border-right: 1px solid #706e6e;
      height: 74px;
      position: absolute;
      margin-top: 13px;
      margin-left: 17px;
  }
  
  .f-logo {
      padding-top: 12px;
  }
  p.helpful-link {
      margin-bottom: 12px;
  }
  
  .f-mar-bot {
      margin-bottom: 10px;
  }
  
  #membership .join{
      padding: 9px 41px 7px 41px;
      margin-top: 15px;
  }
  
  #services .signup {
     padding: 10px 13px 7px 13px;
  }
  
  #practice {
      height: 631px;
  }
  
  #practice h2 {
      padding-top: 100px;
  }
  
  #podcast {
      padding: 100px 0 150px;
  }
  
  .semib {
      font-family: "RalewaySemiBold", sans-serif;
  }
  
  .semibh {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 17px;
      color: #000;
      padding-top: 20px;
          letter-spacing: 1px;
  }
  
  .bot-pa {
      padding-bottom: 50px;
  }
  
  .img-box {
      border: 1px solid #c7c7c7;
      padding: 10px;
  }
  
  #shop {
      padding: 100px 0;
  }
  
  #blog-page {
      padding: 100px 0;
  }
  
  #shop .container {
      max-width: 1242px;
  }
  
  .product-img {
      text-align: center;
      padding: 15px 0 25px 0;
      
  }
  
  .product-area {
      background: #000;
      color: #fff;
      height:150px;
  }
  
  .product-title {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 16px;
  }
  
  .product-price {
      font-family: "Raleway", sans-serif;
      font-size: 15px;
  }
  
  .product-des {
      font-family: "Helvetica Light", sans-serif;
      font-size: 12px;
  }
  
  .blog-area {
      width: 980px;
      background: #efeff4;
      margin: auto;
      padding: 5px 20px 20px 20px;
  }
  
  .profile-area {
      width: 762px;
      border-radius: 10px;
      background: #fff;
      margin: auto;
      padding: 0 0 71px 0;
  }
  
  .profile-area-12 {
      width: 762px;
      border-radius: 10px;
      background: #fff;
      margin: auto;
      padding: 0 0 55px 0;
  }
  
  .col-lg-6.team {
      margin-bottom: 15px;
  }
  
  .loggin-area {
      width: 767px;
      border-radius: 10px;
      background: #fff;
      margin: auto;
      padding-bottom: 58px;
  }
  
  .pad-top {
      padding-top: 15px;
  }
  
  #profile-page {
      padding: 62px 0 122px;
      background: #f1f1f1;
  }
  
  #profile-page h2 {
      padding-top: 70px;
  }
  
  #profile-page-2 {
      padding: 62px 0 90px;
      background: #f1f1f1;
  }
  
  #profile-page-2 h2 {
      padding-top: 70px;
  }
  
  #blog-page h4 {
      font-size: 25px;
      font-family: "Avenir", sans-serif;
  }
  
  .input-area {
      width: 475px;
      margin: auto;
      text-align: center;
  }
  input.rinpu {
      margin-bottom: 25px;
  }
  
  .input-area-12 {
      width: 540px;
      margin: auto;
      margin-bottom: 25px;
      text-align: center;
  }
  
  .join-gg {
     padding: 6px 28px 6px 28px;
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      border-radius: 50px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
  }
  
  
  .input-areal {
      width: 470px;
      margin: auto;
      margin-bottom: 25px;
      text-align: center;
  }
  
  .rinpu {
      text-align: center;
      border: 1px solid #000;
      border-radius: 50px;
      color: #000;
      font-family: "AvenirLight", sans-serif;
      padding: 4px 0;
      width: 209px;
      font-size: 15px;
  }
  
  input::placeholder {
      color: #000;
  }
  
  .pencil {
      margin-left: 17px;
  }
  
  .below-text {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 14px;
      text-align: center;
      margin-top: 10px;
  }
  
  .below-text-login {
      font-family: "AvenirLight", sans-serif;
      font-size: 15px;
      text-align: center;
      margin-top: 15px;
  }
  
  .below-text-login a {
      color: #000;
      text-decoration: underline;
  }
  
  .join-log {
      padding: 6px 28px 6px 28px;
      border-radius: 50px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
  }
  
  .below-text a {
      color: #000;
      text-decoration: underline;
      font-style: italic;
  }
  
  .logo-bgm {
      width: 100%;
  }
  
  
  .weekdays {
    margin: 20px 0 0 0;
    padding: 10px 0;
  }
  
  .weekdays li {
    display: inline-block;
    width: 13.8%;
    color: #000;
    text-align: center;
    font-family: "AvenirLight", sans-serif;
    font-size: 17px;
  }
  
  .days {
    padding: 10px 0;
    margin: 0;
  }
  
  .days li {
      list-style-type: none;
      display: inline-block;
      width: 13.8%;
      margin-bottom: 5px;
      font-size: 15px;
      color: #000;
      background: #e6e6e6;
      text-align: right;
      padding-right: 10px;
      padding-top: 10px;
      font-family: "Avenir", sans-serif;
      font-weight: 600;
      height: 122px;
      vertical-align: bottom;
  }
  
  .left-align {
      float: left;
      padding-left: 10px;
  }
  
  .isizeot {
      font-size: 10px;
      margin-right: 8px;
      color: #00cccb;
      border: 1px solid #000;
      border-radius: 50px;
  }
  
  /* #event .even-page {
      max-width:1450px;
      padding: 60px 0;
  } */
  
  /* Add media queries for smaller screens */
  @media screen and (max-width:720px) {
    .weekdays li, .days li {width: 13.1%;}
  }
  
  @media screen and (max-width: 420px) {
    .days li .active {padding: 2px;}
  }
  
  @media screen and (max-width: 290px) {
    .weekdays li, .days li {width: 12.2%;}
  }
  
  .einpu {
      text-align: -webkit-center;
      text-align: center!important;
      border: 1px solid #000;
      border-radius: 50px;
      color: #000;
      font-family: "AvenirLight", sans-serif;
      padding: 12px 29px;
      margin-right: 10px!important;
  }
  
  .einpu:hover {
      background: #00cccb;
      border: 1px solid #00cccb;
  }
  
  .membql .join {
      padding: 8px 31px 8px 31px;
      width: 95%;
  }
  
  .below-textl {
      text-align: center;
  }
  
  .below-textl a {
      color: #000;
      text-decoration: underline;
      font-size: 15px;
      font-family: "AvenirLight";
  }
  
  
  .event-form-input .fview {
      font-family: "RalewaySemiBold", sans-serif;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 13px 38px 11px 39px;
      border-radius: 50px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
  }
  
  .event-title {
      font-size: 20px;
      font-family: "AvenirLight", sans-serif;
      color: #000;
      /*margin-right: -30px;*/
      text-transform: uppercase;
  }
  
  
  .prefixx {
      color: #595959;
      font-size: 14px;
      font-family: "Raleway", sans-serif;
      display: table;
  }
  
  .isize {
      font-size: 20px;
          margin-right: 8px;
  }
  
  .isizeo {
      font-size: 10px;
      margin-right: 8px;
      margin-left: 10px;
      color: #00cccb;
      border: 1px solid #000;
      border-radius: 50px;
  }
  
  .asdf {
      text-align: end;
      padding-right:5%!important;
      padding-top: 20px;    
  }
  
  span.prefixx.calender-input {
      position: absolute;
      left: 200px;
      top: 100px;
          font-weight: 100;
  }
  
  form.practi-form-input {
      text-align: center;
  }
  
  .map-t {
      font-size: 20px;
      color: #000;
      font-family: 'AvenirLight', sans-serif;
  
      padding: 40px 0px;
  
      margin: 58px 0 43px 0;
  
  }
  
  .inn-map-title {
      font-size: 20px;
      color: #000;
      font-family: 'Avenir', sans-serif;
  }
  
  .map-list-i {
      font-size: 17px;
      color: #595959;
      font-family: 'Raleway', sans-serif;
      padding-left: 18px;
  }
  
  ul.ico-text i {
      font-size: 20px;
      width: 20px;
      text-align: center;
  }
  
  .map-sec-title {
      font-size: 16px;
      color: #595959;
      font-family: 'RalewaySemiBold', sans-serif;
      padding-top: 20px;
  }
  
  .rate.star {
      font-size: 20px;
      color: #595959;
      font-family: 'Raleway';
      text-align: left;
      padding-top: 20px;
  }
  
  .lorem-text {
      font-size: 16px;
      color: #595959;
      font-family: 'Raleway', sans-serif;
      padding-right: 30px;
  }
  
  #event .lorem-text {
      padding-right: 0;
      /* text-align: justify; */
  }
  
  .s-container {
      background: #efeff4;
      display: flex;
      justify-content: flex-end;
  }
  
  .left-pan {
      padding: 0px 30px 66px 30px;
      width: 515px;
  }
  
  .right-pan {
      width: 842px;
  }
  
  .jprop {
      margin: 20px 0 40px;
  }
  
  .ico-text {
      list-style: none;
      padding: 10px 0;
  }
  
  #cart h2 {
      padding-top: 100px;
  }
  
  .cart-tab {
      width: 100%;
  }
  
  .cart-tab thead {
      background: #dbdbdb;
  }
  
  .cart-tab thead th {
      padding: 11px;
      color: #000;
      font-family: "RalewaySemiBold", sans-serif;
  }
  
  .cart-tab tbody td {
      padding: 20px 0;
  }
  
  .sec-tab-cart {
      border-top: 1px solid #c7c7c7;
      padding: 20px 0;
      border-bottom: 1px solid #c7c7c7;
      margin-bottom: 30px;
  }
  
  .row.sec-tab-cart .col-sm-5 {
      text-align: start;
      padding-left: 50px;
  }
  
  .row.sec-tab-cart .col-sm-7 {
      text-align: end;
  }
  
  .coupon-btn {
      border: none;
      padding: 3px 27px;
      background: #000;
      color: #fff;
      border-radius: 50px;
      font-size: 16px;
      font-family: "Avenir";
          margin-left: 50px;
  }
  
  .coupon-btn:hover {
      background: #04f7f2;
      color: #000;
  }
  
  .update-btn {
      border: none;
      padding: 3px 27px;
      background: #000;
      color: #fff;
      border-radius: 50px;
      font-size: 16px;
      font-family: "Avenir";
  }
  
  .update-btn:hover {
      background: #04f7f2;
      color: #000;
  }
  
  .coupon {
      border: 1px solid #d0d0d0;
      padding: 3px 12px;
          text-align: center;
          width: 160px;
  }
  
  .cart-o {
      font-size: 35px;
  }
  
  .cart-tab-total {
      width: 100%;
  }
  
  .cart-tab-total thead {
      background: #dbdbdb;
      text-align: center;
  }
  
  .cart-tab-total thead th {
      padding: 11px;
      color: #000;
      font-family: "RalewaySemiBold", sans-serif;
          width: 100%;
  }
  
  .cart-tab-total tbody td {
      padding: 20px 0;
  }
  
  .cart-tab-total tbody td {
      border-top: 1px solid #dbdbdb;
      border-bottom: 1px solid #dbdbdb;
  }
  
  td.left-bord {
      border-left: 1px solid #dbdbdb;
  }
  
  button.update-btn.chke-out {
      margin: 30px 0 50px 0;
  }
  
  .quantity-c input {
      background: #fff;
      border: 1px solid #dbdbdb;
      padding: 7px 15px;
      text-align: center;
      color: #53d2d5;
      font-family: 'Avenir';
      margin: -3px;
  }
  
  #story {
      padding: 100px 0;
  }
  
  #story h4 {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 17px;
      color: #000;
      padding-bottom: 10px;
  }
  
  .story-h {
      margin-top: 30px;
  }
  
  .jcvc {
      margin: 20px 0;
  }
  
  #story h3 {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 20px;
      color: #000;
      padding-top: 30px;
      padding-bottom: 10px;
  }
  
  img.story-img {
      box-shadow: -10px 10px #00cccb;
      width: 100%;
  }
  
  .story-box {
      border: 1px solid #000;
      padding: 30px 0 50px 30px;
  }
  
  .sbox-h {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 20px;
      color: #000;
      margin-bottom: 30px;
  }
  
  .sbox-h::before {
      content: "";
      position: absolute;
      display: block;
      width: 58px;
      /*height: 1px;*/
      text-align: center;
      background: #000;
      bottom: 196px;
  }
  
  .str-sto {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 17px;
      color: #000;
      margin-bottom: 0;
  }
  
  .str-stoth a {
      font-family: "Raleway", sans-serif;
      font-size: 17px;
      color: #595959;
      display: block;
      word-break: break-word;
  }
  
  @media screen and (max-width: 640px){
      .str-stoth a{
          font-size: 16px;
      }
  }
  
  .stor-cl {
      padding-left: 30px;
  }
  
  .sub-wid {
      width: 980px;
      text-align: center;
      margin: auto;
  }
  
  .texreas {
    width: 445px;
    height: 132px;
        margin-bottom: 20px;
  }
  
  .s-repo {
      width: 445px;
      margin: auto;
      text-align: left;
      margin-top: 40px;
  }
  
  .mag-bot {
          margin-bottom: 20px;
  }
  
  /*.admin-backg {
      background-image: url("https://techstreet.in/coca/assets/img/backug.webp");
      background-repeat: no-repeat;
      overflow-x: hidden;
      overflow-y: hidden;
      background-size: contain;
  }*/
  
  .prec-adm-pro {
      width: 987px;
      margin: auto;
      margin-top: 33px;
  }
  
  .inn-admin-title {
      font-size: 30px;
      color: #fff;
      font-family: 'AvenirHeavy', sans-serif;
          margin-bottom: 0px;
  }
  
  
  .sec-admin-title {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 17px;
      color: #fff;
      display: contents;
      letter-spacing: 0.05em;
  }
  
  .add-text li {
      color: #fff;
  }
  
  .add-list-i {
      font-size: 17px;
      color: #fff;
      font-family: "Raleway", sans-serif;
      padding-left: 8px;
      letter-spacing: 0.05em;
      vertical-align: text-bottom;
  }
  
  .padd-righ .add-desc {
      padding-right: 30px;
  }
  
  .bor-img-add {
      border: 12px solid #000;
      width: 233px;
      height: 249px;
      object-fit: cover;
  }
  
  .practi-form-input .einpu {
      width: 208px;
  }
  
  .left-des .add-desc {
      color: #000;
          font-size: 15px;
  }
  
  .lista {
      display: contents;
      color: #000;
      font-family: 'AvenirLight';
  }
  
  .add-desc li {
      color: #000;
  }
  
  .admin-backg .col-sm-9 {
      padding-left: 14px;
  }
  
  .logot-add {
      color: #000;
      text-decoration: underline;
      font-style: italic;
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 15px;
          margin-top: 30px;
      position: absolute;
  }
  
  ul.ico-text.add-text {
      margin-bottom: 30px;
  }
  
  .join-cen {
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 41px 8px 41px;
      border-radius: 50px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
  }
  
  .join-cen:hover {
      background: #00cccb;
      color: #000;
      border-color: #00cccb;
      }
  
  .add-sec-col {
      padding: 80px 0;
  }
  
  .add-desc {
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      color: #595959;
      padding-bottom: 30px;
  }
  
  .add-desc-right {
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      color: #595959;
      padding-bottom: 30px;
  }
  
  .add-desc5 {
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      color: #000;
      letter-spacing: 0.05em;
      margin-top: 2px !important;
      display: block;
  }
  
  span.event-item {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 15px;
  }
  
  .facer i.fa.fa-plus-circle {
      font-size: 24px;
      padding-right: 2px;
      vertical-align: bottom;
  }
  
  .add-desc1 {
      font-family: "Raleway", sans-serif;
      font-size: 15px;
      color: #000;
      margin-bottom: 0px;
  }
  
  .add-desc2 {
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      color: #595959;
  }
  
  .add-titl {
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 17px;
      color: #000;
      letter-spacing: 0.05em;
  }
  
  table.time-tabl {
      width: 50%;
      margin-bottom: 30px;
  }
  
  table.time-tabl td {
      font-family: 'AvenirLight';
          font-size: 15px;
      color: #000;
  }
  
  .martt-p {
      margin: 20px 0 15px;
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      display: inline-block;
      padding: 0px 24px 0px 24px;
      border-radius: 50px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
      letter-spacing: 0.05em;
      height: 29px;
  }
  
  .martt-pd {
      margin: 8px 0 20px;
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      display: inline-block;
      padding: 0px 29px 0px 29px;
      border-radius: 50px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
      letter-spacing: 0.05em;
      height: 29px;
  }
  
  .col-sm-6.padd-righ {
      padding-left: 0;
  }
  
  .row.mar-lef .asdft {
      margin-right: 0px;
  }
  
  .mar-bot {
      margin-bottom: 28px;
  }
  
  .semi-bold {
      font-family: "RalewaySemiBold", sans-serif;
  }
  
  .red-uli {
      padding: 12px 0;
      color: red;
      letter-spacing: 0.05em;
      font-family: "RalewaySemiBold", sans-serif;
      text-decoration: underline;
      font-style: italic;
      font-size: 12px;
  }
  
  .bcgk {
      background-image: url("../img/backug.webp");
      background-repeat: no-repeat;
      overflow-x: hidden;
      overflow-y: hidden;
      background-size: cover;
      height: 231px;
      margin-bottom: -231px;
  }
  
  .row.mar-lef .asdfg {
      margin-right: 5px;
  }
  
  .wi1 {
      width: 189px;
  }
  span.pencile-p {
      padding-left: 7px;
      cursor: pointer;
      vertical-align: initial;
  }
  
  span.pencile-pu {
      padding-left: 13px;
      cursor: pointer;
      vertical-align: text-bottom;
  }
  
  /*span.pencile-put {
      padding-left: 13px;
      cursor: pointer;
      vertical-align: text-bottom;
      position: absolute;
      right: -120px;
      top: 45px;
  } */
  
  span.pencile-put {
      padding-left: 13px;
      cursor: pointer;
      vertical-align: text-bottom;
      position: relative;
  }    
  
  span.pencile-img {
      cursor: pointer;
      position: absolute;
      left: 195px;
      top: 15px;
  }
  
  span.pencile-fpu {
      padding-left: 13px;
      cursor: pointer;
      vertical-align: text-top;
  }
  
  a.save-change {
      padding-left: 14px;
      font-size:12px;
      font-style:italic;
      text-decoration:underline;
      letter-spacing:0.05em;
      font-family:"RalewaySemiBold",sans-serif;
      color: #000;
      vertical-align: middle;
  }
  
  a.save-change-b {
      padding-left: 14px;
      font-size:12px;
      font-style:italic;
      text-decoration:underline;
      letter-spacing:0.05em;
      font-family:"RalewaySemiBold",sans-serif;
      color: #fff;
      vertical-align: middle;
  }
  
  .martt-p:hover {
      background: #00cccb;
      border-color: #00cccb;
      color: #000;
  }
  
  
  
  
  .mar-top {
      margin-top: 40px;
  }
  
  .rate.star-left {
      font-size: 16px;
      color: #595959;
      font-family: 'Raleway';
      padding-top: 20px;
  }
  
  .social-fg i {
      color: #fff;
      background: #000000;
      border-radius: 50px;
      padding: 6px;
  }
  
  .popco {
      width: 476px;
      margin-top: 25px;
  }
  
  .even-paged {
      text-align: center;
  }
  
  #membership-form-page {
      padding: 133px 0;
  }
  
  .form-tit {
      margin-bottom: 40px;
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 17px;
      color: #000;
      letter-spacing: 1px;
  }
  
  .fot-des {
      margin-bottom: 25px;
  }
  
  .member-form-area {
      width: 955px;
      margin: auto;
  }
  
  #membership-form-page input::placeholder {
      color: #000;
      font-family: 'AvenirLight', sans-serif;
  }
  
  .sec-11 {
      padding: 20px 0;
  }
  
  .mem-form-in {
      text-align: -webkit-center;
      border: 1px solid #000;
      border-radius: 50px;
      color: #000;
      font-family: "AvenirLight", sans-serif;
      width: 209px;
      margin-bottom: 15px;
      font-size: 15px;
      padding: 5px;
      text-align: center !important;
  
  }
  
  .hour-form-in {
      text-align: center;
      border: 1px solid #000;
      border-radius: 50px;
      color: #000;
      font-family: "AvenirLight", sans-serif;
      width: 97px;
      margin-bottom: 15px;
      font-size: 14px;
      padding: 5px;
          background: #fff;
  }
  
  .hour-select {
      text-align: center;
      border: 1px solid #000;
      border-radius: 50px;
      color: #000;
      font-family: "AvenirLight", sans-serif;
      width: 97px;
      margin-bottom: 15px;
      font-size: 14px;
      padding: 6px 5px;
  }
  
  .form-title-inn {
      margin-bottom: 20px;
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 16px;
      color: #000;
  }
  
  .mem-area {
      width: 304px;
      height: 132px;
      border-radius: 13px;
      padding: 10px 20px;
  }
  
  .browse-btn {
      margin: auto;
      margin-top: 20px;
  }
  
  .form-titz {
      margin-bottom: 20px;
      margin-top: 40px;
      font-family: "RalewaySemiBold", sans-serif;
      font-size: 17px;
      color: #000;
  }
  
  .type-rad {
      margin: 35px 0 25px 0;
  }
  
  
  .seven-cols{
      padding: 0 40px;
  }
  
  @media (min-width: 768px){
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1  {
      width: 100%;
      *width: 100%;
    }
  }
  
  @media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
      width: 14.285714285714285714285714285714%;
      *width: 14.285714285714285714285714285714%;
    }
  }
  
      
  @media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
      width: 14.285714285714285714285714285714%;
      *width: 14.285714285714285714285714285714%;
    }
  }
  
  .chokk .hour-form-in:hover {
      cursor: pointer;
  }
  
  .blue-cell {
    background: #00cccb;
      border-color: #00cccb;
  }
  
  .addi {
      position: absolute;
      right: 10px;
      top: 10px;
      color: #000;
      cursor: pointer;
      font-size: 13px;
  }
  
  .just {
          display: flex;
      justify-content: center;
  }
  
  .pose {
      position: absolute;
  }
  
  .cre_div, .spe_div {
      margin-top: 10px;
      border: 1px solid #fff;
      padding: 15px 15px 0px 6px;
      box-shadow: 0px 0px 8px 0px #00000054;
      border-radius: 5px;
      display: none;
      background: #fff;
      z-index: 1;
      position: absolute;
          width: 236px;
  }
  
  i.fa.fa-times-circle-o.scros {
      position: absolute;
      right: 1px;
      cursor: pointer;
          top: 1px;
  }
  
  i.fa.fa-times-circle-o.ccros {
      position: absolute;
      right: 1px;
      cursor: pointer;
          top: 1px;
  }
  
  
  .custom-file-input {
      background: #000;
      border: 1px solid #000;
      border-radius: 50px;
      -webkit-user-select: none;
      cursor: pointer;
      color: #fff;
      font-family: "Raleway", sans-serif;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 3px 22px 3px 22px;
      display: block;
      width: fit-content;
  }
  
  .uline {
      text-decoration: underline;
  }
  
  .signnl {
      text-align: center;
      margin-top: 60px;
  }
  
  .footer-bottom a {
      color: #c7c7c7 !important;
      font-family: "Raleway", sans-serif;
      font-size: 12px;
  }
  
  .mar-left {
      margin: 0 0 0 6%;
  }
  
  .container.poi {
      text-align: center;
  }
  
  button a {
      color: #fff;
  }
  
  button:hover a {
      color: #000;
  }
  
  .checkb {
      position: absolute;
      right: 14%;
      top: 8px;
  }
  
  .sun {
      display: none;
  }
  
  .mon {
      display: none;
  }
  
  .tue {
      display: none;
  }
  
  .wed {
      display: none;
  }
  
  .thu {
      display: none;
  }
  
  .fri {
      display: none;
  }
  .sat {
      display: none;
  }
  
  #navbar i.bi.bi-chevron-down {
      display: none;
  }
  
  .faminus, .faminus1 {
      color: #000;
      font-size: 15px;
      padding: 30px 0px 0 1px;
      position: absolute;
      cursor: pointer;
  }
  
  #report_button {
      text-decoration: none;
      font-size: 15px;
      color: black;
      font-weight: bold;
  }
  
  #report_button:hover{
      color: #00cccb;
  }
  
  .form-inline-o {
      margin-top: 20px;
  }
  
  .add-btn {
      border: none;
      background: transparent;
  }
  
  .sec-11 select {
      height: 34px;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: transparent;
      background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
      background-repeat: no-repeat;
      background-position-x: 95%;
      background-position-y: 3px;
      text-align:-webkit-center;
      text-align-last:center!important;
  }
  
  .box-invi {
      width: 505px;
  }
  
  .box-invi1 {
      width: 505px;
  }
  
  .find_practitioner {
      background: transparent;
      border:none;
      font-family: "AvenirLight", "sans-serif";
      width: 115px;
  }
  
  input.email_subscription::placeholder {
      color:#000;
      opacity: 1;
    }
  
  input.find_practitioner::placeholder {
      color: #ffffff;
      opacity: 1;
    }
  
    select.practi_type {
      width:150px;
      background: transparent;
      border: none;
    }
  
    select.practi_type option {
      color: #080808;
    }
  
  .left-12 {
     margin-left: 35px;
  }
  
  .left-13 {
    margin-left: -20px;
  }
  
  .left-14 {
    margin-left: -40px;
  }
  
  #span_add {
      vertical-align: super;
  }
  
  .saveIn_persion, .saveB_address {
      padding-left: 10px;
      font-size: 12px;
      font-style: italic;
      text-decoration: underline;
      letter-spacing: 0.05em;
      font-family: "RalewaySemiBold",sans-serif;
  }
  
  .save-welcome {
      padding-left: 10px;
      font-size: 12px;
      font-style: italic;
      text-decoration: underline;
      letter-spacing: 0.05em;
      font-family: "RalewaySemiBold",sans-serif;
      color: #000;
  }
  
  .save-welcome:hover {
      text-decoration: underline;
  }
  
  .saveIn_persion:hover, .saveB_address:hover {
      color: inherit;
  }
  
  #event button:hover a {
      color: inherit;
  }
  
  #aboutyou2, #welcomeMes1, #execept1 {
      width: 90%;
      border: 1px solid #595959 !important;
      border-radius: 5px;
      padding: 5px;
  }
  
  #specialty {
      padding-bottom: 30px;
  }
  
    #Eventmodal input {
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      font-family: 'Avenir';    
    }
  
    #Eventmodal .modal-footer {
      padding-top: 5px;
      border:none;
      justify-content: center;
      padding-bottom: 20px;
      margin-top: -5px;
      margin-bottom: 20px;
  }
  #updateEventmodal .modal-footer {
      padding-top: 5px;
      border:none;
      justify-content: center;
      padding-bottom: 20px;
      margin-top: -5px;
      margin-bottom: 20px;
  }
  #updateEventmodal .btn {
      
      
      line-height: 1.42857143;
      font-family: "AvenirHeavy", sans-serif;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 41px 8px 41px;
      border-radius: 10px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
  }
  #updateEventmodal .btn:hover {
      background-color: #00cccb;
  }
  #updateEventmodal .modal-body {
      padding: 15px;
  }
  #saveNewEvents{
      background-color:#f7e30f!important;
      color:black!important;
  }
  #saveNewEvents:hover{
      background-color:black!important;
      color:#FFF!important;
  }
  
  #Eventmodal .btn {
      
      
      line-height: 1.42857143;
      font-family: "AvenirHeavy", sans-serif;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 41px 8px 41px;
      border-radius: 10px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
  }
  #Eventmodal .btn:hover {
      background-color: #00cccb;
  }
  #Eventmodal .modal-body {
      padding: 15px;
  }
  #saveNewEvent{
      background-color:#f7e30f!important;
      color:black!important;
  }
  #saveNewEvent:hover{
      background-color:black!important;
      color:#FFF!important;
  }
  #Eventmodal .modal-header {
      padding: 15px;
  }
  
  .modal-headerr {
      padding: 15px;
         
  }
  
  
  .modal-headerr .close {
      margin-top: -21px;
  }
  
  
  #addVideo input {
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      font-family: 'Avenir';
    }
  
    #addVideo .modal-footer {
      padding: 15px;
  }
  
  #addVideo .btn {
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
  }
  
  #addVideo .modal-body {
      padding: 15px;
  }
  
  #addVideo .modal-header {
      padding: 15px;
  }
  
  
  #addpodcast input {
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      font-family: 'Avenir';
    }
  
    #addpodcast .modal-footer {
      padding: 15px;
  }
  
  #addpodcast .btn {
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
  }
  
  #addpodcast .modal-body {
      padding: 15px;
  }
  
  #addpodcast .modal-header {
      padding: 15px;
  }
  
  .modal-title {
      font-size: 17px;
      color: #212529;
      font-family: 'RalewaySemiBold';
      text-align: center;
      margin: 30px 0px 15px 0;
  }
  .modal-dialog{
      max-width: 568px!important;
      width:100%;
      height:120%!important;
  }
  .modal-body{
      height:auto;
      width: 95%!important;
      left:15px;
      
  }
  
  .modal label {
      font-size: 15px;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      font-family: 'RalewaySemiBold';
      margin-bottom: 15px!important;
  }
  
  .c-hide {
      display: none;
  }
  
  .cal-plus {
      cursor: pointer;
  }
  
  
  #mode .fade:not(.show) {
      opacity: 1 !important;
      background: transparent;
  }
  
  #mode .modal-dialog {
      margin-top: 100px;
  }
  
  #mode .modal-header {
      display: block;
  }
  
  button.mode-btn {
      background: transparent;
      border: none;
  }
  
  .mod-btt {
      padding-left: 2%;
      text-align: center!important;
      padding-top: 5%;
  }
  .mod-btts {
      padding-left: 2%;
      text-align: center!important;
      padding-top: 5%;
     
  }
  
  .facer {
      display: inline-flex;
      padding: 8px 0;
      align-items: center;    
  }
  
  .days li:empty {
       background-color: #fff;
  }
  
  .tost {
      display: none;
      font-size: 15px;
      background: #00cccb;
      color: #000;
      border-top-left-radius: 100%;
      border-bottom-left-radius: 100%;
      padding: 2px 5px 2px 14px;
      position: absolute;
      right: -66px;
      top: -3px;
  }
  .tosts{
      display: none;
      font-size: 15px;
      background: #00cccb;
      color: #000;
      border-top-left-radius: 100%;
      border-bottom-left-radius: 100%;
      padding: 2px 5px 2px 14px;
      position: absolute;
      right: -66px;
      top: -3px;
  }
  .scros:hover + .tost {
      display: block;
  }
  
  .ccros:hover + .tost {
      display: block;
  }
  .credentials:hover + .tosts{
      display: block;
  }
  
  .tostm {
      display: none;
      font-size: 15px;
      background: #00cccb;
      border-top-left-radius: 100%;
      border-bottom-left-radius: 100%;
      padding: 2px 5px 2px 14px;
      color: #000;
      position: absolute;
      right: -115px;
      margin-top: -23px;
  }
  .tostms {
      display: none;
      font-size: 15px;
      background: #00cccb;
      border-top-left-radius: 100%;
      border-bottom-left-radius: 100%;
      padding: 2px 5px 2px 14px;
      color: #000;
      position: absolute;
      right: -40%;
      margin-top: 5%;
  }
  .scros, .ccros {
      color: #000;
  }
  .cred-add:hover + .tostms {
      display: block;
  }
  
  .faminus:hover + .tostm {
      display: block;
  }
  
  .faminus1:hover + .tostm {
      display: block;
  }
  
  .image-file-name {
      padding-top: 7px;
      display: block;
  }
  
  .reset-img-btn {
      cursor: pointer;
      width: fit-content;
      margin: 10px auto;
      display: block;
  }
  
  .image-file-name:empty + .reset-img-btn {
      display: none;
  }
  
  input:hover, textarea:hover, select:hover, .mem-form-in:hover {
      border-color: #00cccb;
  }
  
  input:focus-visible, textarea:focus-visible, select:focus-visible, .mem-form-in:focus-visible {
      outline-color: #00cccb;
  }
  
  
  .practi-form-input select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
      background-size: contain;
      background-repeat: no-repeat;
      background-origin: content-box;
      background-position-x: 115%;
      text-align: center;
  }
  
  .event-form-input .einpu {
      width: 230px;
  }
  
  .event-form-input select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
      background-size: contain;
      background-repeat: no-repeat;
      background-origin: content-box;
      background-position-x: 105%;
      text-align: center;
  }
  
  
  .arro-event a {
      background: #000;
      position: absolute;
      display: block;
      top: initial;
      bottom: initial;
      width: 6%;
      padding: 4px;
      border-radius: 5px;
      margin-top: 7px;   
      opacity: 1 !important;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .arro-event a .carousel-control-next-icon,.arro-event a .carousel-control-prev-icon{
      margin-top: 0 !important;
  }
  
  .arro-event a:hover{
      background: #0dcaf0;
  }
  
  .carousel-control-next {
      left: 28px;
  }
      .comment-box {
      padding: 5px
      }
      .comment-area textarea {
      resize: none;
      border: 1px solid #ad9f9f
      }
      .comment-area .form-control {
          font-size: 1.5rem !important;
          }
      .form-control:focus {
      color: #495057;
      background-color: #fff;
      border-color: #ffffff;
      outline: 0;
      box-shadow: 0 0 0 1px rgb(5, 235, 239) !important
      }
      .my-form{
          border-radius:10px 10px 10px 10px;
      }
      .my-forms{
          border-radius:10px 10px 10px 10px;
          text-align: -webkit-center;
      border:1px solid #ced4da;    
      color: #000;
      font-family: "AvenirLight", sans-serif;
      display: block;
      width: 100%!important;
      padding:5px 29px!important;
      }
      .send {
      color: #fff;
      background-color: #00cccb;
      border-color: #00cccb;
      }
      .send:hover {
      color: #fff;
      background-color: #00cccb;
      border-color: #00cccb;
      }
      .rating {
      display: flex;
      margin-top: -10px;
      flex-direction: row-reverse;
      margin-left: -4px;
      float: left
      }
      .rating>input {
      display: none
      }
      .rating>label {
      position: relative;
      width: 19px;
      font-size: 25px;
      color: #00cccb;
      cursor: pointer
      }
      .rating>label::before {
      content: "\2605";
      position: absolute;
      opacity: 0
      }
      .rating>label:hover:before,
      .rating>label:hover~label:before {
      opacity: 1 !important
      }
      .rating>input:checked~label:before {
      opacity: 1
      }
      .rating:hover>input:checked~label:before {
      opacity: 0.4
      }
  
  img.tri-img {
      width: 12px;
      margin-right: 6px;
      margin-top: -4px;
  }
  
  img.dott-img {
      margin: -3px 10px 0 12px;
      width: 12px;
  }
  
  img.dotti-img {
      margin-right: 4px;
  }
  
  img.trii-img {
      width: 12px;
      margin-right: 1px;
      margin-top: -5px;
  }
  
  button.signup.inpubtn.nws-let {
      position: absolute;
      top: 4px;
      right: 14px;
      bottom: 6px;
      border: 0;
      border-radius: 50px;
  }
  
  .email_subscription {
      background: transparent;
      border: 3px solid #000;
      font-family: "AvenirLight", "sans-serif";
      color: #000;
      border-radius: 50px;
      width: 100%;
      height: 50px;
      padding-left: 54px;
      font-size: 16px;
  }
  
  .email_subscription:hover {
      border-color: initial !important;
  }
  
  
  .email_subscription:focus-visible {
      outline-color: #000 !important;
  }
  
  .yello {
      color: #f7e523;
      font-size: 26px;
      margin-right: 5px;
      margin-left: 10px;
      vertical-align: middle;
      position: absolute;
      top: 6px;
      left: 20px;
  }
  
  img.wb-img {
      width: 100%;
      height: 364px;
      object-fit: cover;
  }
  
  img.wb-imgb {
      width: 462px;
      height: 380px;
      object-fit: cover;
  }
  
  .blog-area .col-lg-6.align-items-stretch.pad-top.aos-init.aos-animate {
      text-align: center;
  }
  
  .blog-detail {
      width: 940px;
      margin: auto;
  }
  
  .blog-head {
      padding: 23px 0;
  }
  
  .blog-head p {
      color: #000;
      font-family: 'Avenir';
  }
  
  .float-right {
      float: right;
      border: 1px solid #00cccb;
      padding: 5px 17px;
  }
  
  .float-right a {
      color: #00cccb;
  }
  
  .blog-main-content {
      border: 1px solid #f3f3f3;
      margin-top: 20px;
      padding: 60px;
  }
  
  .blog-date {
      font-size: 14px;
      color: #000;
      font-family: sans-serif;
      margin-bottom: 27px;    
  }
  
  .blog-titled h1 {
      color: #000;
      font-size: 40px;
      font-weight: 700;
      font-family: 'RalewaySemibold';
      padding-bottom: 60px;
  }
  
  .blog-titled {
      width: 740px;
      margin: auto;
  }
  
  .blog-main-img {
      position: relative;
  }
  
  .blog-main-img img {
      width: 100%;
  }
  
  .blog-content-des {
      margin-top: 20px;
  }
  
  .empty-div {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background: rgba(0, 0, 0, .01);
      color: transparent;
  }
  
  .blog-description-b {
      line-height: 1.5;
      font-size: 18px;
      color: #000;
      font-family: sans-serif;
      margin-bottom: 40px;  
      text-align: justify;     
  }
  
  .blog-social a {
      color: #000;
      padding: 0 25px 0 0;
      font-size: 18px;
  }
  .blog-social {
      padding: 10px 0;
  }
  
  .float-rights {
      float: right;
  }
  
  .float-rights a {
      color: #000;
  }
  
  .recent-blog-img {
      width: 100%;
      height: 162px;
      object-fit: cover;    
  }
  
  .rent-blog-text {
      color: #000;
      font-size: 18px;
      font-family: 'AvenirHeavy';
      padding: 25px 25px 50px;
  }
  
  .rent-blog-text:hover {
      color: rgb(4, 247, 242);
  }
  
  .recent-blog {
      margin-top: -15px;
      margin-bottom: 50px;
  }
  .recent-blog .card {
      border-radius: 0px;
      border-color: #f3f3f3;
      height: 293px;        
  }
  
  .blog-comment {
      border: 1px solid #f3f3f3;
      margin-top: 20px;
      padding: 30px 60px 60px 60px ;
      margin-bottom: 150px;    
  }
  
  .blog-comment-name {
      line-height: 1.5;
      font-size: 20px;
      color: #000;
      font-family: sans-serif;
      font-weight: 600;
      padding-bottom: 5px;        
  }
  
  .blog-comment img {
      width: 9%;
      margin-top: -145px;
  }
  
  .blog-comment textarea {
      width: 90%;
      resize: none;
      height: 100px;
      border: 1px solid #c6c6c6;
      padding: 10px;
  }
  
  .blog-comment form {
      margin-top: 35px;
      padding: 0 10px 0 0;
  }
  
  .blog-comment button {
      width: 10rem;
      border: 0;
      margin-top: 65px;
      position: absolute;
      margin-left: -110px;
  }
  
  .podcasrtyu {
      display: flex;
  }
  
  .left-align-rating {
      padding-left: 85px;
  }
  .comment-area {
      margin-top: 50px;
      margin-bottom: 15px;
  }
  
  .begning-modal {
      height: 100vh;
      margin: auto;
      position: fixed;
      top: 0;
      width: 100%;
      background: rgba(0, 204, 203, 0.75);
  }
  
  .pop-mod {
      width: 860px;
      margin: auto;
      height: 335px;
      background: #000;
      padding: 60px 119px;
      top: calc(50% - 170px);
      z-index: 1050;
      position: fixed;
      left: calc(50% - 435px);
  }
  
  .inner-area-m p {
      color: #04F7F2;
      font-size: 20px;
      letter-spacing: normal;
      margin-bottom: 0;    
  }
  .mod-area-body h1 {
      color: #fff;
      font-size: 76px;
      font-family: 'AvenirHeavy';
      letter-spacing: 0em;
  }
  
  .mod-area-body h5 {
      font-size: 20px;
      line-height: 1.5em;
      text-align: center;
      color: #fff;
      font-family: 'Raleway';  
      margin-top: 24px;      
  }
  .mod-area-body h1::after {
      content: "";
      position: absolute;
      display: block;
      width: 83px;
      height: 1px;
      background: #fff;
      left: calc(50% - 43px);
  }
  
  .pop-close-btn {
      color: #f7e30f;
      background: transparent;
      font-size: 80px;
      border: none;
      line-height: 0;
      margin-right: -160px;
      margin-top: -90px;
      opacity: 1;
      font-weight: 700;
      padding: 0;
      cursor: pointer;
      text-shadow: 0 1px 0 #fff;
      float: right;
  }
  
  .begning-modal {
      display: none;
  }
  
  .pop-close-btn:hover {
      color: #f7e30f;
      opacity: 1;
  }
  .coment-area {
      padding: 5px 0 0 0 !important;
  }
  
  .serv-blu-bg {
      background: #ffffff9c;
  }
  .podcast-iimg {
      width: 129px;
      height: 139px;
      object-fit: cover;
  }
  
  .podcast-iimg-pro {
      width: 96px;
      height: 104px;
  }
  .find-pra-img {
      width: 124px;
      height: 135px;
      object-fit: cover;
      border: 7px solid #000;
  }
  
  #event_data_detail span:hover{
      cursor:pointer;
      color: #000;;
  }
  
  #single_event_hover:hover{
      cursor:pointer;
      color: #000;;
  }
  
  .mar-lef .martt-pd {
      margin-right: 20px;
  }
  
  .empty-divr {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%;
      height: 56%;
      display: block;
      background: rgba(0, 0, 0, .01);
      color: transparent;
  }
  
  .mySlidesm {display: none}
  .img-pop-body {
      background: #00000000 !important;
      border: none !important;
      box-shadow: none !important;
  }
  
  #image-popup {
      background: #000000c2;
  }
  
  .img-mod-close {
      right: 26px;
      font-size: 50px;
      line-height: 1;
      color: #fff;
      position: absolute;
      top: 45px;
      cursor: pointer;
  }
  
  .image-body {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .mySlidesm img {
      width: 100%;
      padding: 0 100px;
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    .prev, .next,.text {font-size: 11px}
  }
  
  /* Add Animation */
  .modal-content, #caption, #image-popup {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }
  
  .img-modal-text {
      text-align: center;
  }
  
  .img-modal-text h2 {
      color: #fff;
      font-weight: 100;
      font-family: Helvetica;
      margin: 20px auto;
  }
  
  .img-modal-text p{
      color: #fff;
      white-space: pre-line;
      font-size: 12px;
      line-height: 17px;
      letter-spacing: .3px;
      max-width: 100%;
      font-weight: 100;
      font-family: Helvetica;
  }
  
  .vdopls {
      position: absolute;
      margin-top: 12px;
      margin-left: 10px;
  }
  
  .join-cencel {
      font-family: "Raleway", sans-serif;
      font-size: 16px;
      display: inline-block;
      padding: 0px 24px 0px 24px;
      border-radius: 50px;
      transition: 0.5s;
      color: #fff;
      background: #000;
      border: 1px solid #000;
      letter-spacing: 0.05em;
      height: 29px;
  }
  hr.con-divider {
      width: 103px;
      margin-top: -20px;
      margin-bottom: 20px;
      color: #000;
  }
  li#credential {
      margin-bottom: -5px;
  }
  
  #show-mob {
    display: none;
  }
  
  .beg-mod-hid {
      color: #f7e30f;
      font-size: 40px;
      float: right;
      margin-top: -103px;
      margin-right: -157px;
      cursor: pointer;
  }
  .black {
      color: #000 !important;
  }
  #event_data_detail .prefixx {
      font-size: 16px !important;
  }
  
  .praxti-sel .select2-container--default .select2-selection--single {
      background-color: transparent !important;
      border: none !important;
  }
  
  .praxti-sel .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #fff;
  }
  .praxti-sel span.select2-selection__arrow {
      display: none;
  }
  
  .select2-container--default .select2-results__option--disabled {
      display: none;
  }
  
  .select2-results__options li:empty {
        display: none;
  }
  
  .pract-map-pg .select2-container--default .select2-selection--single {
      border: none;
      background: inherit;
  }
  
  .pract-map-pg .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #000;
      font-family: "AvenirLight", sans-serif;
  }
  .pract-map-pg .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 13px;
      right: 8px;
  }
  
  .pract-map-pg .select2-container--default .select2-selection--single .select2-selection__arrow b {
      display: none;
  }
  
  .pract-map-pg .select2.select2-container.select2-container--default {
      text-align: -webkit-center;
      border: 1px solid #000;
      border-radius: 50px;
      color: #000;
      font-family: "AvenirLight", sans-serif;
      padding: 10px 29px;
      margin-right: 20px;
  }
  /* .pract-map-pg .select2.select2-container.select2-container--default:hover {
      background: #00cccb;
      border: 1px solid #00cccb;
  } */
  
  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
      background-color: #00cccb;
      color: #000;
  }
  .select2-results__option--selectable {
      color: #fff;
  }
  .select2-dropdown {
      background-color: transparent;
      border: none;
  }
  .select2-container--default .select2-search--dropdown .select2-search__field {
      border: none;
      background: transparent;
      color: #fff;
      padding: 4px 0 4px 6px;        
  }
  
  .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
      overflow-y: hidden;
      width: 0;
  }
  .select2-results {
      background: rgb(0,0,0, 0.65);
  }
  .select2-search--dropdown {
      background: transparent;
      margin-top: -34px;
      padding: 4px 0;    
  }
  
  li.select2-results__option.select2-results__message {
      color: #fff;
  }
  .select2-container--default .select2-results__option--selected {
      background-color: #000;
  }
  input.select2-search__field:focus-visible {
      background: black !important;
  }
  
  a.banner-three-btn {
      background: #F7E30F;
      color: #000;
      padding: 10px 27px;
      border-radius: 50px;
      font-size: 16px;
      letter-spacing: 0.05em;
      font-family: 'AvenirHeavy';
      font-family: 'RalewaySemiBold';  
  }
  a.banner-three-btn:hover {
      background: #04CCCC;
      color: #fff;
  }
  .text-align-end {
      text-align: end;
  }
  
  .text-align-left {
      text-align: left;
  }
  a.bnr-bt-f {
      padding: 10px 45px;
  }
  a.bnr-bt-l {
      padding: 10px 31px;
  }
  a.buy-btn {
      border-radius: 60px;
      background: #FFFFFF;
      color: #000;
      cursor: pointer;
      padding: 3px;
      text-align: center;
      opacity: 0;
      width: 111px;
      border: 1px solid #fff;
      transition: opacity .35s ease;
      margin-top: -48px;
      margin-left: 15px;
      display: block;
  }
  a.buy-btn:hover {
      background: #000;
      color: #fff;
      border: 1px solid #fff;
      
  }
  
  .hover-shop {
     transition: all 0.4s ease-in-out 0s, visibility 0s; 
     background: #000;
     padding: 15px 15px 1px 15px;
  }
  
  .product-area:hover .hover-shop {
     transform: translate(0px, -50px);
  }
  
  .product-area:hover a.buy-btn {
      opacity: 1;
     transition: opacity .35s ease;
  }
  .product-area {
      padding-bottom: 15px;
  }
  
  #single-product {
      padding: 100px 0;
  }
  .product-title h2 {
      font-size: 25px;
      color: #000;
      font-family: 'AvenirHeavy';
      margin-bottom: 30px;    
  }
  .single-des {
      color: rgb(89,89,89);
      margin-bottom: 20px;
  }
  a.underline {
      text-decoration: underline;
  }
  .mt-30 {
      margin-top: 30px;
      margin-left: 3px;
  }
  small.q-small {
      display: block;
      padding-bottom: 7px;
      color: #000;
      font-size: 12px;
      font-family: "RalewaySemiBold", sans-serif;
      margin-left: -3px;
  }
  .add-to-cart-btn a {
      border: 2px solid;
      padding: 10px 105px;
      color: #000;
      font-family: "RalewaySemiBold", sans-serif;
  }
  .add-to-cart-btn {
      margin-top: 35px;
  }
  .mt-30 input {
      color: #000;
  }
  img.paypal-btn {
      width: 300px;
      margin-top: 25px;
      height: 43px;
      object-fit: cover;
  }
  p.pay-option {
      text-align: center;
      width: 300px;
      margin-top: 12px;
      font-size: 13px;
      text-decoration: underline;
      color: #000;
      font-family: "RalewaySemiBold", sans-serif;    
  }
  .share-link input {
      border: 2px solid;
      padding: 10px 10px;
      color: #000;
      font-family: "RalewaySemiBold", sans-serif;
      width: 300px;
  }
  
  .share-link label {
      position: absolute;
      left: 20px;
      color: #000;
      font-size: 10px;
      padding-top: 2px;
      font-family: 'AvenirHeavy';
  }
  i.fa.fa-copy.copy-icons {
      position: absolute;
      margin-left: -32px;
      background: #fff;
      padding: 10px 0px 10px 10px;
      margin-top: 5px;
  }
  .product-img-box {
      box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 40%);
      padding: 10px;
      height: 500px;
  }
  .single-pro-col {
      padding-right: 50px;
  }
  .product-img-box img {
      width: 100%;
      height: 90%;
  }
  .product-img-box img:hover, .single-gal-img img:hover {
      opacity: 0.5;
  }
  .single-gal-img img {
      width: 71px;
      margin: 8px;
      box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 40%);
      padding: 5px;
      height:71px;
  }
  .single-gal-img {
      margin-top: 15px;
  }
  .like-title h2 {
      color: #000;
      font-size: 17px;
      font-family: "RalewaySemiBold", sans-serif;
      padding-bottom: 25px;
  }
  p.like-prod-title {
      font-size: 15px;
      color: #000;
      padding-top: 20px;
      font-family: "RalewaySemiBold", sans-serif;
  }
  .share-link {
      margin-top: 15px;
  }
  img.img-fluid.footer-logoss {
      width: 135px;
      height: 100px;
      object-fit: contain;
  }
  #paypal_payment:hover{
      border:none;
  }
  #paypal_payment{
      border:none;
      margin-left: -10px; 
  }
  div#social-links ul li a {
      
      font-size: 25px!important;
      /* margin-left:10px!important; */
  }
  
  div#social-links ul {
      padding-left: 0 !important;
      margin-left:0 !important;
      display: flex;
  }
  .cart-form{
      width:80%;
      margin-left: 10%;
      
  }
  .cart-form tbody td {
      border-top: none;
      border-bottom:none;
      padding: 0;
      width:50%;
  }
  .cart-input-left{
   width: 100% !important;;
  }
  .cart-form tbody td input {
      /* width:95%; */
      /* margin:5px; */
    font-size:15px;
      
      padding:5px;
  }
  .cart-form tbody td select {
      /* width:95%; */
      /* margin:5px; */
    font-size:15px;
      
      padding:5px;
  }
  
  #event_desc{
      resize: none;
  }
  .alert {
      text-align:center!important;
      text-align: -webkit-center!important;
  }
  .multisel span {
      text-overflow: ellipsis;
      overflow: hidden;    
      display: block;   
      overflow: hidden;
      white-space: nowrap;
      
  }
  .multiSel span{
      text-overflow: ellipsis;
      overflow: hidden;    
      display: block;   
      overflow: hidden;
      white-space: nowrap;
      
  }
  
  .ctm-month-btn .asdf{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding-right: 0 !important;
  }
  .ctm-month-btn .asdf form:nth-of-type(2){
          display: flex;
          align-items: center;
    }
    .ctm-month-btn .asdf form:nth-of-type(2) .suffix{
          top: unset !important;
          left: unset !important;
          margin-top: 5px;
          margin-left: 10px !important;
    }
  
    @media screen and (max-width: 991px){
  .ctm-month-btn .asdf{
      justify-content: center;
      padding-top: 20px !important;
  }      
  }
      @media screen and (max-width: 400px){
          .ctm-month-btn .asdf form:nth-of-type(1){
              width: 250px;
          }
          .ctm-month-btn .asdf form:nth-of-type(2) .suffix{
              margin-top: 0 !important;
              margin-left: 0px !important;
          }
      }
  
  @media screen and (max-width: 767px){
      #profile-page .input-area {
       width: 100% !important;
  }
  }

  /* logo img new css */
  .log {
    text-align: center;
    top: 52px;
    position: absolute;
    width: 100%;
  }
  @media only screen and (max-width: 1600px) {
    .log {
        top:40px;
        padding-top:5px;
    }
  } 
  @media only screen and (max-width: 1400px) {
    .log {
        top: 2% !important;
        padding-top:5px;
    }
  } 
  @media only screen and (max-width: 1199px) {
    .log {
      top: 10px !important;
      padding-top:5px;
    }
  } 
  @media only screen and (max-width: 768px) {
    .log {
        top: 5px !important;        
      }
    .log img {
      width: 35%;
      padding: 5px 2px;
    }
  }