/*
====================================
Medium Screen - Others
====================================
*/

@media screen and (min-width: 1201px) and (max-width: 1370px) {
  .main-right-side {
      margin-left: 0px;
  }
  .female-m-name h4 {
      font-family: "Couture";
      font-size: 16px;
  }
  .female-m-name span img {
      width: 25px;
  }
  .female-m-name {
      padding: 11px 13px;
  }
  .need-some-excitment-content h2 {
      font-size: 23px;
      text-align: center;
  }
  .resgister-form form button {
      font-size: 21px;
  }
  .src-member-sub-btn button {
      font-size: 20px;
  }
  .left-side-title h2 {
      font-family: "Couture";
      font-size: 22px;
  }
  .online-all-hours h5 {
      font-size: 14px;
  }
  .online-all-hours h2 {
      font-size: 20px;
  }
  .online-cr-btn a {
      font-size: 18px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .logo img {
      width: 235px
  }
  .menu-item ul li a {
      font-size: 22px;
  }
  .menu-btn a {
      font-size: 21px;
  }
  .main-right-side {
      margin-left: 0px;
  }
  .female-m-name h4 {
      font-family: "Couture";
      font-size: 16px;
  }
  .female-m-name span img {
      width: 25px;
  }
  .female-m-name {
      padding: 11px 13px;
  }
  .need-some-excitment-content h2 {
      font-size: 23px;
      text-align: center;
  }
  .resgister-form form button {
      font-size: 21px;
  }
  .src-member-sub-btn button {
      font-size: 20px;
  }
  .left-side-title h2 {
      font-family: "Couture";
      font-size: 22px;
  }
  .online-all-hours h5 {
      font-size: 14px;
  }
  .online-all-hours h2 {
      font-size: 20px;
  }
  .online-cr-btn a {
      font-size: 18px;
  }
  /* ======
get-in-touch-area-start====
======= */
  .getin-page-body {
      height: inherit;
  }
  .contact-form-area {
      padding: 100px 0;
  }
}

/*
====================================
Small Screen - Tablate
====================================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {
  .menu-logo img {
      width: 200px;
      height: 40px;
      padding-left: 0px;
  }
  .logo::before {
      bottom: -55px;
      left: 42px;
  }
  .menu-bar {
      display: block;
  }
  .menu-btn {
      display: none !important;
  }
  .main-wrapper {
      display: block;
      padding: 40px 0;
  }
  .main-left-side {
      width: 100%;
  }
  .main-right-side {
      width: 100%;
      margin-left: 0px;
  }
  .resgister-form form button {
      font-size: 20px;
  }
  .src-member-sub-btn button {
      font-size: 19px;
  }
  .online-all-hours h5 {
      font-size: 16px;
  }
  .online-cr-btn a {
      font-size: 20px;
      font-weight: 900;
  }
  .female-member-title h2 {
      font-family: "Couture";
      font-size: 20px;
  }
  .need-some-excitment-wrapper img {
      height: 217px;
  }
  .need-some-excitment-text a {
      font-size: 20px;
  }
  .need-some-excitment-text h2 {
      font-size: 24px;
  }
  .need-some-excitment-content h2 {
      font-size: 17px;
  }
  .footer-content ul {
      display: block;
      text-align: center;
  }
  .f-logo img {
      width: 200px;
      margin-bottom: 5px;
  }
  /* mm */
  .modal-body h3 {
      font-size: 20px;
      margin-bottom: 15px;
  }
  .modal-body h3 br {
      display: none;
  }
  .modal-body a {
      font-size: 20px;
  }
  /* ===========
join-page start
============ */
  .head-ac h2 {
      font-family: "Couture";
      color: #fff;
      font-size: 14px;
  }
  .head-ac {
      background-color: #FF006C;
      padding: 13px 16px;
      border-radius: 30px 30px 0 0;
  }
  .body-ac {
      padding: 24px 15px 22px 16px;
  }
  .body-ac p {
      font-family: 'Momcake';
      color: #fff;
      font-size: 15px;
  }
  .body-ac a {
      color: #000;
      font-size: 13px;
  }
  /* ======
get-in-touch-area-start====
======= */
  .getin-page-body {
      height: inherit;
  }
  .contact-form-area {
      padding: 100px 0;
  }
  .get-form-inner-item {
      display: block;
  }
  #g-name {
      width: 100% !important;
  }
  #g-email {
      width: 100% !important;
  }
  .getin-body-ac {
      background-color: #000;
      padding: 38px 21px 17px 20px;
  }
  .get-form-inner-item label {
      margin-bottom: 4px;
  }
  .head-getin-ac h2 {
      font-family: "Couture";
      color: #fff;
      font-size: 18px;
  }
  .head-getin-ac {
      background-color: #FF006C;
      padding: 15px 20px;
  }
}

/*
====================================
Small Screen - Mobile
====================================
*/

@media screen and (min-width: 576px) and (max-width: 767px) {
  .menu-logo img {
      width: 200px;
      height: 40px;
      padding-left: 0px;
  }
  .logo::before {
      bottom: -55px;
      left: 42px;
  }
  .menu-bar {
      display: block;
  }
   .menu-btn {
      display: none !important;
  }
  .main-wrapper {
      display: block;
      padding: 40px 0;
  }
  .main-left-side {
      width: 100%;
       }
 .online-main-left-side {
      width: 100%;
      display: none;
  }

  .main-right-side {
      width: 100%;
      margin-left: 0px;
  }
  .resgister-form form button {
      font-size: 20px;
  }
  .src-member-sub-btn button {
      font-size: 19px;
  }
  .online-all-hours h5 {
      font-size: 16px;
  }
  .online-cr-btn a {
      font-size: 20px;
      font-weight: 900;
  }
  .female-member-title h2 {
      font-family: "Couture";
      font-size: 20px;
  }
  .need-some-excitment-wrapper img {
      height: 217px;
  }
  .need-some-excitment-text a {
      font-size: 20px;
  }
  .need-some-excitment-text h2 {
      font-size: 24px;
  }
  .need-some-excitment-content h2 {
      font-size: 17px;
  }
  .footer-content ul {
      display: block;
      text-align: center;
  }
  .f-logo img {
      width: 200px;
      margin-bottom: 5px;
  }
  /* mm */
  .modal-body h3 {
      font-size: 20px;
      margin-bottom: 15px;
  }
  .modal-body h3 br {
      display: none;
  }
  .modal-body a {
      font-size: 20px;
  }
  /* ===========
join-page start
============ */
  .head-ac h2 {
      font-family: "Couture";
      color: #fff;
      font-size: 14px;
  }
  .head-ac {
      background-color: #FF006C;
      padding: 13px 16px;
      border-radius: 30px 30px 0 0;
  }
  .body-ac {
      padding: 24px 15px 22px 16px;
  }
  .body-ac p {
      font-family: 'Momcake';
      color: #fff;
      font-size: 15px;
  }
  .body-ac a {
      color: #000;
      font-size: 13px;
  }
  /* ======
get-in-touch-area-start====
======= */
  .getin-page-body {
      height: inherit;
  }
  .contact-form-area {
      padding: 100px 0;
  }
  .get-form-inner-item {
      display: block;
  }
  #g-name {
      width: 100% !important;
  }
  #g-email {
      width: 100% !important;
  }
  .getin-body-ac {
      background-color: #000;
      padding: 38px 21px 17px 20px;
  }
  .get-form-inner-item label {
      margin-bottom: 4px;
  }
  .head-getin-ac h2 {
      font-family: "Couture";
      color: #fff;
      font-size: 18px;
  }
  .head-getin-ac {
      background-color: #FF006C;
      padding: 15px 20px;
  }
}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/

@media screen and (max-width: 576px) {
  .menu-logo img {
      width: 200px;
      height: 40px;
      padding-left: 0px;
  }
  .logo::before {
      bottom: -55px;
      left: 42px;
  }
  .menu-bar {
      display: block;
  }
  .menu-item {
      display: none !important;
  }
   .menu-btn {
      display: none !important;
  }
  .main-wrapper {
      display: block;
      padding: 40px 0;
  }
  .main-left-side {
      width: 100%;
      
  }
  .online-main-left-side {
      width: 100%;
      display: none;
  }

  .main-right-side {
      width: 100%;
      margin-left: 0px;
  }
  .resgister-form form button {
      font-size: 20px;
  }
  .src-member-sub-btn button {
      font-size: 19px;
  }
  .online-all-hours h5 {
      font-size: 16px;
  }
  .online-cr-btn a {
      font-size: 20px;
      font-weight: 900;
  }
  .female-member-title h2 {
      font-family: "Couture";
      font-size: 20px;
  }
  .need-some-excitment-wrapper img {
      height: 217px;
  }
  .need-some-excitment-text a {
      font-size: 20px;
  }
  .need-some-excitment-text h2 {
      font-size: 24px;
  }
  .need-some-excitment-content h2 {
      font-size: 17px;
  }
  .footer-content ul {
      display: block;
      text-align: center;
  }
  .f-logo img {
      width: 200px;
      margin-bottom: 5px;
  }
  /* mm */
  .modal-body h3 {
      font-size: 20px;
      margin-bottom: 15px;
  }
  .modal-body h3 br {
      display: none;
  }
  .modal-body a {
      font-size: 20px;
  }
  /* ===========
join-page start
============ */
  .head-ac h2 {
      font-family: "Couture";
      color: #fff;
      font-size: 14px;
  }
  .head-ac {
      background-color: #FF006C;
      padding: 13px 16px;
      border-radius: 30px 30px 0 0;
  }
  .body-ac {
      padding: 24px 15px 22px 16px;
  }
  .body-ac p {
      font-family: 'Momcake';
      color: #fff;
      font-size: 15px;
  }
  .body-ac a {
      color: #000;
      font-size: 13px;
  }
  /* ======
get-in-touch-area-start====
======= */
  .getin-page-body {
      height: inherit;
  }
  .contact-form-area {
      padding: 100px 0;
  }
  .get-form-inner-item {
      display: block;
  }
  #g-name {
      width: 100% !important;
  }
  #g-email {
      width: 100% !important;
  }
  .getin-body-ac {
      background-color: #000;
      padding: 38px 21px 17px 20px;
  }
  .get-form-inner-item label {
      margin-bottom: 4px;
  }
  .head-getin-ac h2 {
      font-family: "Couture";
      color: #fff;
      font-size: 18px;
  }
  .head-getin-ac {
      background-color: #FF006C;
      padding: 15px 20px;
  }

  .free-account-area {
    /* padding: 100px 0; */
    min-height: 100vh;
  }
  .join-page-body{
    height: inherit;
  }

}