@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
.common-form .form-control {
  border-radius: 11px;
  border: 1px solid #DBDCE1;
  background: #FFF;
  padding: 8px 16px;
  color: #191C23;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  /* 150% */
}
.common-form .form-control::-moz-placeholder {
  color: #191C23;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  /* 150% */
}
.common-form .form-control::placeholder {
  color: #191C23;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  /* 150% */
}
.common-form label {
  color: #636060;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 8px;
}
.common-form .form-check .check-label {
  color: #636060;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  text-transform: unset;
  padding-left: 8px;
}

@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BookDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BlackOblHead.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BlackOblDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BlackHead.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BookOblBody.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BoldHead.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BoldOblBody.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BookOblHead.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BoldOblDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BookHead.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-HeavyHead.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-MediumBody.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-LightHead.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-MediumDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-HeavyOblHead.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-LightOblHead.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-SemiBoldBody.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-MediumOblDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-ObliqueHead.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-MediumOblBody.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-RomanHead.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-SemiBoldOblBody.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BlackDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-SemiBoldOblDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-SemiBoldDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BlackBody.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BoldDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BoldBody.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BookBody.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BoldOblHead.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BlackOblBody.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-MediumHead.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-SemiBoldOblHead.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-BookOblDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-HeavyBody.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-HeavyDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-HeavyOblDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-HeavyOblBody.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-LightBody.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-LightDisp.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-LightOblBody.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-LightOblDisp.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-MediumOblHead.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-RomanBody.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-ObliqueDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-ObliqueBody.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-SemiBoldHead.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../fonts/SequelSans-RomanDisp.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 767px) {
  .myacc-sec {
    background: url(../images/mob-myacc-bg.png) no-repeat bottom center;
    background-size: auto;
  }
  .myacc-sec .myacc-inner-cont {
    max-width: 327px;
    padding: 28px 0px 23px 0px;
    flex-direction: column;
    gap: 36px;
  }
  .myacc-sec .myacc-inner-cont .myacc-left-breadcrumbs {
    max-width: inherit;
  }
  .myacc-sec .myacc-inner-cont .myacc-left-breadcrumbs .myacc-title h2 {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
  }
  .myacc-sec .myacc-inner-cont .myacc-left-breadcrumbs .breadcrumbs-sec {
    gap: 8px;
    margin-top: 16px;
  }
  .myacc-sec .myacc-inner-cont .myacc-left-breadcrumbs .breadcrumbs-sec a {
    padding: 8px 20px;
    border: 1px solid #F00;
    color: #F00;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms {
    max-width: inherit;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .title {
    margin-bottom: 28px;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .title h3 {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .title p {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 150% */
    max-width: inherit;
    margin-top: 16px;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .personal-detform .personal-title h4 {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .personal-detform .personal-title p {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 150% */
    margin-top: 10px;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .personal-detform .form {
    margin-top: 18px;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .personal-detform .form .formgroup-inline {
    flex-direction: column;
    gap: unset;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .personal-detform .form .formgroup-inline .form-group {
    max-width: inherit;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .personal-detform .save-btn {
    max-width: inherit;
    margin-top: 4px;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .personal-detform .save-btn .primary-btn {
    border-radius: 178px;
    background: #F00;
    padding: 8px 20px;
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-transform: uppercase;
    text-align: center;
    display: block;
    text-decoration: none;
  }
  .myacc-sec .myacc-inner-cont .myacc-right-forms .address-detform {
    margin-top: 36px;
  }
  .orderhis-sec .orderhis-right-part .title {
    margin-bottom: 12px !important;
  }
  .login-sec {
    background: url(../images/mob-login-bg.png) no-repeat top center;
    background-size: cover;
  }
  .login-sec .login-inner-cont {
    padding: 36px 0;
  }
  .login-sec .login-inner-cont .login-form-sec {
    max-width: 327px;
    width: 100%;
    margin: auto;
  }
  .login-sec .login-inner-cont .login-form-sec .loginform {
    padding: 28px 16px;
  }
  .login-sec .login-inner-cont .login-form-sec .loginform .title {
    max-width: inherit;
    margin-bottom: 24px;
  }
  .login-sec .login-inner-cont .login-form-sec .loginform .title h2 {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    /* 126.316% */
  }
  .login-sec .login-inner-cont .login-form-sec .loginform .title p {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 150% */
    margin-top: 12px;
  }
  .login-sec .login-inner-cont .login-form-sec .loginform input[type=email] {
    margin-bottom: 16px;
  }
  .login-sec .login-inner-cont .login-form-sec .loginform .remember-forgot-inline {
    margin-top: 8px;
    padding: 0px 0;
  }
  .login-sec .login-inner-cont .login-form-sec .loginform .remember-forgot-inline .forgotpass-link a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    /* 25.2px */
  }
  .login-sec .login-inner-cont .login-form-sec .loginform .already-acc-loginbtn {
    flex-direction: column-reverse;
    align-items: unset;
    gap: 12px;
    margin-top: 24px;
  }
  .login-sec .login-inner-cont .login-form-sec .loginform .already-acc-loginbtn p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    text-align: left;
  }
  .login-sec .login-inner-cont .login-form-sec .loginform .already-acc-loginbtn .login-btn .primary-btn {
    border-radius: 178px;
    background: #F00;
    padding: 8px 20px;
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-transform: uppercase;
    text-align: center;
    display: block;
    text-decoration: none;
  }
  #forgotpass .modal-dialog {
    max-width: 327px;
    width: 100%;
    margin: auto;
  }
  #forgotpass .modal-body {
    padding: 0;
  }
  #forgotpass .modal-body .forgot-cont {
    padding: 36px 16px;
  }
  #forgotpass .modal-body .forgot-cont h3 {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
  }
  #forgotpass .modal-body .forgot-cont p {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 150% */
    margin-top: 12px;
  }
  #forgotpass .modal-body .forgot-cont .common-form {
    margin: 16px 0px;
  }
  #forgotpass .modal-body .forgot-cont .common-form .form-check {
    margin-top: 16px;
  }
  #forgotpass .modal-body .forgot-cont .common-form .form-check .form-check-input {
    margin-top: 12px;
  }
  #forgotpass .modal-body .forgot-cont .captcha-btn-inline {
    flex-direction: column;
    gap: 16px;
    align-items: unset;
  }
  #forgotpass .modal-body .forgot-cont .captcha-btn-inline .submit-btn .primary-btn {
    border-radius: 178px;
    background: #F00;
    padding: 8px 20px;
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-transform: uppercase;
    text-align: center;
    display: block;
    text-decoration: none;
  }
  .resetpass-sec {
    background: url(../images/mob-resetpass-bg.png) no-repeat top center;
    background-size: cover;
    padding: 75px 0px 0px 0px;
  }
  .resetpass-sec .resetpass-inner-cont {
    padding: 36px 0;
  }
  .resetpass-sec .resetpass-inner-cont .resetpass-form-sec {
    max-width: 327px;
  }
  .resetpass-sec .resetpass-inner-cont .resetpass-form-sec .resetpassform {
    padding: 28px 16px;
  }
  .resetpass-sec .resetpass-inner-cont .resetpass-form-sec .resetpassform .title {
    max-width: inherit;
    margin-bottom: 16px;
  }
  .resetpass-sec .resetpass-inner-cont .resetpass-form-sec .resetpassform .title h2 {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    /* 126.316% */
    text-align: center;
  }
  .resetpass-sec .resetpass-inner-cont .resetpass-form-sec .resetpassform .title p {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 150% */
    margin-top: 12px;
    text-align: center;
  }
  .resetpass-sec .resetpass-inner-cont .resetpass-form-sec .resetpassform .form-control {
    margin-bottom: 16px;
  }
  .resetpass-sec .resetpass-inner-cont .resetpass-form-sec .resetpassform .resetpass-btn {
    max-width: inherit;
    margin: 0px 0px 0px auto;
  }
  .resetpass-sec .resetpass-inner-cont .resetpass-form-sec .resetpassform .resetpass-btn .primary-btn {
    border-radius: 178px;
    background: #F00;
    padding: 8px 20px;
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-transform: uppercase;
    text-align: center;
    display: block;
    text-decoration: none;
  }
  .signup-sec {
    background: url(../images/mob-signup-bg.png) no-repeat bottom center;
    background-size: cover;
  }
  .signup-sec .signup-inner-cont {
    padding: 36px 0;
  }
  .signup-sec .signup-inner-cont .signup-form-sec {
    max-width: 327px;
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform {
    padding: 28px 16px;
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform .title {
    max-width: inherit;
    margin-bottom: 24px;
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform .title h2 {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    /* 126.316% */
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform .title p {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 150% */
    margin-top: 12px;
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform .common-form .form-control {
    margin-bottom: 14px;
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform .common-form .captcha-check-inline {
    flex-direction: column;
    align-items: unset;
    gap: 24px;
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform .common-form .captcha-check-inline .form-check {
    max-width: inherit;
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform .common-form .captcha-check-inline .captcha img {
    max-width: 236px;
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform .already-acc-loginbtn {
    flex-direction: column-reverse;
    margin-top: 14px;
    align-items: unset;
    gap: 24px;
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform .already-acc-loginbtn p {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    /* 185.714% */
    color: #3C3C3C;
    text-align: left;
  }
  .signup-sec .signup-inner-cont .signup-form-sec .signupform .already-acc-loginbtn .signup-btn .primary-btn {
    border-radius: 178px;
    background: #F00;
    padding: 8px 20px;
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-transform: uppercase;
    text-align: center;
    display: block;
    text-decoration: none;
  }
  #registercomp .modal-dialog,
  #mealModal .modal-dialog,
  #checkout-modal .modal-dialog {
    max-width: 327px;
    width: 100%;
    margin: auto;
  }
  #registercomp .modal-body,
  #mealModal .modal-body,
  #checkout-modal .modal-body {
    padding: 0;
  }
  #registercomp .modal-body .register-cont,
  #mealModal .modal-body .register-cont,
  #checkout-modal .modal-body .register-cont {
    padding: 36px 16px;
  }
  #registercomp .modal-body .register-cont h3,
  #mealModal .modal-body .register-cont h3,
  #checkout-modal .modal-body .register-cont h3 {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
  }
  #registercomp .modal-body .register-cont p,
  #mealModal .modal-body .register-cont p,
  #checkout-modal .modal-body .register-cont p {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 150% */
    margin-top: 10px;
    text-align: center;
  }
  #registercomp .modal-body .register-cont .gologin-btn,
  #mealModal .modal-body .register-cont .gologin-btn,
  #checkout-modal .modal-body .register-cont .gologin-btn {
    max-width: inherit;
    margin: 16px auto auto auto;
  }
  #registercomp .modal-body .register-cont .gologin-btn .primary-btn,
  #mealModal .modal-body .register-cont .gologin-btn .primary-btn,
  #checkout-modal .modal-body .register-cont .gologin-btn .primary-btn {
    border-radius: 178px;
    background: #F00;
    padding: 8px 20px;
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-transform: uppercase;
    text-align: center;
    display: block;
    text-decoration: none;
  }
  .error-sec {
    background: url(../images/mob-error-bg.png) no-repeat top center;
    background-size: auto;
    min-height: 628px;
  }
  .error-sec .error-inner-cont {
    padding: 157px 0px;
  }
  .error-sec .error-inner-cont .error-cont {
    max-width: 327px;
  }
  .error-sec .error-inner-cont .error-cont .title {
    font-size: 190.126px;
    line-height: 190px;
  }
  .error-sec .error-inner-cont .error-cont h4 {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #191C23;
    text-align: center;
  }
  .error-sec .error-inner-cont .error-cont .home-btn {
    max-width: inherit;
    margin: 27px auto auto auto;
  }
  .error-sec .error-inner-cont .error-cont .home-btn .primary-btn {
    border-radius: 178px;
    background: #F00;
    padding: 8px 20px;
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-transform: uppercase;
    text-align: center;
    display: block;
    text-decoration: none;
  }
  .privacy-sec {
    background: url(../images/mob-privacy-bg.png) no-repeat 0px -60px;
    background-size: contain;
  }
  .privacy-sec .privacy-inner-cont {
    padding: 36px 0px;
  }
  .privacy-sec .privacy-inner-cont .privacy-cont {
    max-width: 327px;
  }
  .privacy-sec .privacy-inner-cont .privacy-cont h2 {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    /* 126.316% */
  }
  .privacy-sec .privacy-inner-cont .privacy-cont .para-cont {
    margin-top: 16px;
  }
  .privacy-sec .privacy-inner-cont .privacy-cont .para-cont p {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 150% */
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .myacc-sec {
    background: url(../images/myacc-bg.png) no-repeat bottom center;
    background-size: contain;
  }
  .myacc-sec .myacc-inner-cont {
    max-width: 1180px;
  }
  .privacy-sec .privacy-inner-cont .privacy-cont {
    max-width: 1140px;
  }
  header #gbp-dropdown {
    margin-top: -2px;
  }
  header .desktop-header .desktop-nav {
    gap: 22px;
  }
  header .desktop-header .desktop-nav .nav {
    gap: 14px;
  }
  header .desktop-header .desktop-nav .nav .nav-list a {
    padding: 6px;
  }
  footer .footer-wrap .footer-nav {
    gap: 102px;
  }
  .welcom-sec .wecome-content-sec h1 {
    font-size: 50px;
    line-height: 49.5px;
  }
  .welcom-sec .wecome-content-sec h1 span {
    display: block;
  }
  .welcom-sec .wecome-content-sec .num-sec {
    margin-top: 61px;
  }
  .step-sec .step-flex {
    gap: 64px;
    max-width: 1013px;
  }
  .step-sec .step-card:nth-child(2)::after {
    left: -32px;
  }
  .step-sec .step-card:nth-child(2)::before {
    right: -32px;
  }
  .excellent-Protection-sec .excellent-sm-flex .excellent-sm-card .excellent-sm-content {
    top: 32px;
    left: 32px;
  }
  .excellent-Protection-sec .excellent-sm-flex .excellent-sm-card .excellent-sm-content p {
    max-width: 305px;
  }
  .maximise-your-gains-sec .second-heading {
    max-width: 610px;
  }
  .maximise-your-gains-sec .second-heading h4 {
    font-size: 42px;
    line-height: 1;
    margin-bottom: 20px;
  }
  .maximise-your-gains-sec .second-heading p {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .maximise-your-gains-sec .second-heading ul {
    margin-bottom: 20px;
  }
  .maximise-your-gains-sec .second-heading ul li {
    padding: 10px 0 10px 0;
  }
  .product-card .btn-wrap h4 {
    font-size: 24px;
  }
  .store-top-sec .store_top_content {
    bottom: 20%;
  }
  .store-top-sec .store_top_content h1 {
    font-size: 54px;
    line-height: 49.5px;
  }
  .store-top-sec .store_top_content p {
    font-size: 14px;
  }
  .store-main-content .store-main-flex .store-main-left {
    max-width: 284px;
  }
  .store-main-content .store-main-flex .store-main-right .store-card-flex {
    gap: 14px;
  }
  .store-main-content .store-main-flex .store-main-right .product-card {
    max-width: 268px;
  }
  .product-top-sec .product-top-img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .experience-results-sec .second-heading {
    max-width: 550px;
  }
  .experience-results-sec .second-heading h4 {
    font-size: 40px;
    line-height: 30px;
  }
  .experience-results-sec .second-heading p {
    font-size: 14px;
  }
  .sport-habit-sec {
    padding: 80px 0;
  }
  .what-we-offer-sec .second-heading {
    max-width: 513px;
  }
  .what-we-offer-sec .second-heading h4 {
    font-size: 52px;
    line-height: 60px;
  }
  .what-we-offer-sec .what-we-flex {
    gap: 67px;
  }
  .what-we-offer-sec .what-we-items .what-we-item-content {
    max-width: 274px;
  }
  .what-we-offer-sec .what-we-items .what-we-item-content:nth-child(2) {
    border-bottom: 1px solid rgba(164, 162, 162, 0.2);
    padding-bottom: 14px;
  }
  .what-we-offer-sec .what-we-items .what-we-item-content:nth-child(even) {
    max-width: 283px;
    padding-left: 27px;
  }
  .what-we-offer-sec .what-we-items .what-we-item-content h6 {
    font-size: 20px;
  }
  .what-we-offer-sec .what-we-items .what-we-item-content p {
    font-size: 16px;
  }
  .checkout-sec .order-sec {
    padding: 0px 22px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .myacc-sec {
    background: url(../images/myacc-bg.png) no-repeat bottom center;
    background-size: contain;
  }
  .myacc-sec .myacc-inner-cont {
    max-width: 1240px;
  }
  .privacy-sec .privacy-inner-cont .privacy-cont {
    max-width: 1200px;
  }
  .welcom-sec .wecome-content-sec h1 {
    font-size: 50px;
    line-height: 49.5px;
  }
  .welcom-sec .wecome-content-sec h1 span {
    display: block;
  }
  .welcom-sec .wecome-content-sec .num-sec {
    margin-top: 61px;
  }
  .step-sec .step-flex {
    gap: 66px;
    max-width: 1148px;
  }
  .step-sec .step-card:nth-child(2)::after {
    left: -33px;
  }
  .step-sec .step-card:nth-child(2)::before {
    right: -33px;
  }
  .maximise-your-gains-sec .second-heading h4 {
    font-size: 52px;
    line-height: 1;
  }
  .maximise-your-gains-sec .second-heading p {
    margin-bottom: 22px;
  }
  .maximise-your-gains-sec .second-heading ul li {
    padding: 16px 0 22px 0;
  }
  .store-top-sec .store_top_content {
    bottom: 20%;
  }
  .store-top-sec .store_top_content h1 {
    font-size: 60px;
    line-height: 49.5px;
  }
  .store-top-sec .store_top_content p {
    font-size: 14px;
  }
  .store-main-content .product-card {
    max-width: 303px;
  }
  .experience-results-sec .second-heading h4 {
    font-size: 44px;
    line-height: 60px;
  }
  .what-we-offer-sec .second-heading {
    max-width: 520px;
  }
  .what-we-offer-sec .second-heading h4 {
    font-size: 52px;
    line-height: 60px;
  }
  .what-we-offer-sec .what-we-flex {
    gap: 67px;
  }
}
@media screen and (max-width: 991px) {
  .border-btn,
  .primary-btn,
  .secondary-btn {
    padding: 8px 20px;
    font-size: 14px;
  }
  header {
    padding: 16px 24px;
  }
  header .mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header .mobile-header .btn-wrap {
    display: flex;
    gap: 14px;
    align-items: center;
  }
  header #cart-menu {
    width: 100%;
    top: 87px;
    z-index: 1;
  }
  header #cart-menu .card {
    padding: 16px 25px;
    width: 100%;
  }
  header #cart-menu .cart-list .cart-card {
    padding: 0;
    border-bottom: 0;
    gap: 8px;
  }
  header #cart-menu .total-sec {
    margin-bottom: 16px;
  }
  header #cart-menu .total-sec h6 {
    font-size: 21px;
  }
  header .border-btn[aria-expanded=true] {
    border-color: #FF0000;
    color: #FF0000;
  }
  header #sm-menu {
    position: absolute;
    width: 100%;
    top: 75px;
    left: 0;
    background-color: #191C23;
    padding: 32px 0 71px 0;
    height: calc(100vh - 74px);
  }
  header #sm-menu .card {
    border: 0;
    border-radius: 0;
    background: none;
    align-items: center;
  }
  header #sm-menu .nav-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
  header #sm-menu .nav-list a {
    display: inline-block;
    padding: 16px;
    color: #FAF5F5;
    /* Desktop/button */
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-transform: uppercase;
  }
  header #sm-menu .nav-list a.active {
    color: #FF0000;
  }
  header #sm-menu .nav-list #gbp-dropdown {
    position: relative;
    margin-top: -13px;
  }
  header #sm-menu .primary-btn {
    margin-top: 18px;
  }
  header:has(.hamburger-btn[aria-expanded=true]) {
    background-color: #191C23;
  }
  .dark-header:has(.hamburger-btn[aria-expanded=true]) {
    background-color: #FFF;
  }
  .dark-header:has(.hamburger-btn[aria-expanded=true]) #sm-menu {
    background-color: #FFF;
  }
  .dark-header:has(.hamburger-btn[aria-expanded=true]) #sm-menu .nav-list a {
    color: #191C23;
  }
  footer {
    padding: 38px 24px;
  }
  footer .footer-wrap {
    flex-direction: column;
    gap: 30px;
  }
  footer .footer-wrap .logo-wrap .master-wrap {
    margin: 16px 0 6px 0;
  }
  footer .footer-wrap .logo-wrap p {
    color: #A4A3A3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }
  footer .footer-wrap .footer-nav {
    flex-wrap: wrap;
    gap: 36px 42px;
  }
  footer .footer-wrap .footer-nav .footer-nav-items h6 {
    font-size: 21px;
    margin-bottom: 16px;
  }
  footer .footer-wrap .footer-nav .footer-nav-items ul {
    gap: 10px;
  }
  footer .footer-wrap .footer-nav .footer-nav-items ul a {
    font-size: 16px;
  }
  .cart-card .cartCard-content h6 {
    font-size: 14px;
    line-height: 20px;
  }
  .cart-card .cartCard-content h5 {
    font-size: 21px;
  }
  .cart-card .cartCard-content .product-title {
    margin: 10px 0 12px 0;
  }
  .welcom-sec .wecome-container {
    padding: 0 26px 0 21px;
    top: 117px;
    transform: translate(-50%, 0%);
  }
  .welcom-sec .wecome-content-sec h1 {
    font-size: 52px;
    line-height: 60px;
    /* 115.385% */
    margin-bottom: 14px;
  }
  .welcom-sec .wecome-content-sec p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .welcom-sec .wecome-content-sec .num-sec {
    margin-top: 56px;
    display: flex;
    gap: 16px;
    align-items: end;
  }
  .welcom-sec .wecome-content-sec .num-sec .num-list h4 {
    font-size: 32px;
    font-weight: 425;
    line-height: 56px;
  }
  .welcom-sec .wecome-content-sec .num-sec .num-list h6 {
    font-size: 16px;
  }
  .step-sec {
    padding: 52px 24px;
    min-height: auto;
    background: url(../images/step-sec-bg.png) no-repeat center;
    background-size: cover;
  }
  .step-sec .step-flex {
    flex-direction: column;
    gap: 41px;
  }
  .step-sec .step-flex h6 {
    margin: 19px 0 10px 0;
  }
  .step-sec .step-card:nth-child(2)::after {
    content: unset;
  }
  .step-sec .step-card:nth-child(2)::before {
    content: unset;
  }
  .our-Bestsellers-sec {
    padding: 40px 0;
    background: url(../images/our-bestsellers-img-sm.png) no-repeat center;
    background-size: cover;
  }
  .our-Bestsellers-sec .second-heading {
    margin-bottom: 32px;
  }
  .our-Bestsellers-sec .second-heading h4 {
    margin-bottom: 4px;
  }
  .our-Bestsellers-sec .second-heading p {
    max-width: 327px;
    margin: 0 auto 18px auto;
  }
  .our-Bestsellers-sec .our-bestsellers-flex {
    align-items: center;
    flex-direction: column;
    gap: 16px;
  }
  .second-heading h4 {
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
  }
  .second-heading p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
  }
  .product-card {
    padding: 10px;
    max-width: 327px;
  }
  .product-card h6 {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
  }
  .product-card h5 {
    font-size: 21px;
    margin-bottom: 8px;
  }
  .product-card p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .product-card .btn-wrap h4 {
    font-size: 26px;
  }
  .excellent-Protection-sec {
    padding: 40px 24px;
  }
  .excellent-Protection-sec .excellent-flex,
  .excellent-Protection-sec .excellent-sm-flex {
    flex-direction: column;
    gap: 14px;
  }
  .excellent-Protection-sec .excellent-card {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
  }
  .excellent-Protection-sec .excellent-card .excellent-content {
    top: 32px;
    left: 21px;
  }
  .excellent-Protection-sec .excellent-card .excellent-content h6 {
    font-size: 21px;
    margin-bottom: 10px;
    line-height: 1;
  }
  .excellent-Protection-sec .excellent-card .excellent-content p {
    font-size: 16px;
    line-height: 24px;
    max-width: 285px;
  }
  .excellent-Protection-sec .excellent-sm-flex {
    margin-top: 14px;
  }
  .excellent-Protection-sec .excellent-sm-flex .excellent-sm-card {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
  }
  .excellent-Protection-sec .excellent-sm-flex .excellent-sm-card .excellent-sm-content {
    top: 32px;
    left: 21px;
  }
  .excellent-Protection-sec .excellent-sm-flex .excellent-sm-card .excellent-sm-content h6 {
    font-size: 21px;
    margin-bottom: 10px;
    line-height: 1;
  }
  .excellent-Protection-sec .excellent-sm-flex .excellent-sm-card .excellent-sm-content p {
    font-size: 16px;
    line-height: 24px;
    max-width: 285px;
  }
  .maximise-your-gains-sec .maximise-your-content {
    position: absolute;
    top: 40px;
    transform: translateX(-50%);
    padding: 0 24px;
  }
  .maximise-your-gains-sec .second-heading ul li {
    padding: 10px 0 18px 0;
  }
  .maximise-your-gains-sec .second-heading ul li span {
    font-size: 20px;
  }
  .maximise-your-gains-sec .second-heading ul li h6 {
    font-size: 16px;
  }
  .maximise-your-gains-sec .second-heading ul li:last-child {
    padding: 10px 0 32px 0;
  }
  .we-Believe-sec .second-heading {
    padding: 0 24px;
  }
  .we-Believe-sec .second-heading h4 {
    margin-bottom: 12px;
  }
  .we-Believe-sec .second-heading p {
    margin-bottom: 24px;
  }
  .we-Believe-sec .we-believe-bg {
    height: 616px;
  }
  .we-Believe-sec .we-believe-bg video {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .personalise-your-sec .we-believe-bg {
    height: 624px;
  }
  .personalise-your-sec .we-believe-bg::after {
    background: linear-gradient(0deg, rgba(255, 0, 0, 0) 58.38%, rgba(255, 0, 0, 0.2) 87.68%), linear-gradient(359deg, rgba(1, 3, 10, 0.37) 2.41%, rgba(1, 3, 10, 0) 24.37%), linear-gradient(350deg, rgba(1, 3, 10, 0.25) 1.29%, rgba(1, 3, 10, 0) 56.63%), linear-gradient(89deg, rgba(3, 15, 45, 0.5) 26.02%, rgba(4, 17, 47, 0.22) 46.25%, rgba(6, 20, 54, 0.1) 56.73%), linear-gradient(93deg, rgba(0, 0, 0, 0.49) 4.18%, rgba(0, 0, 0, 0) 55.07%);
  }
  .personalise-your-sec .second-heading {
    margin: auto;
    text-align: left;
  }
  .store-top-sec .store_top_content {
    bottom: 50px;
    padding: 0 24px;
  }
  .store-top-sec .store_top_content h1 {
    font-size: 52px;
    margin-bottom: 8px;
    line-height: 60px;
  }
  .store-top-sec .store_top_content p {
    font-size: 16px;
    line-height: 24px;
  }
  .store-main-content {
    padding: 40px 24px;
  }
  .store-main-content .store-main-flex {
    flex-wrap: wrap;
    gap: 0;
  }
  .store-main-content .store-main-flex .store-main-left .filter-card {
    padding: 16px 14px;
    margin-bottom: 14px;
  }
  .store-main-content .store-main-flex .store-main-left .filter-card h5 {
    font-size: 21px;
  }
  .store-main-content .store-main-flex .store-main-left .filter-card .filter-items-wrap {
    margin-bottom: 28px;
  }
  .store-main-content .store-main-flex .store-main-left .filter-card .filter-items-wrap .form-check-label {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
  }
  .store-main-content .store-main-flex .store-main-left .filter-card .custom-Range-sec h6 {
    font-size: 16px;
  }
  .store-main-content .store-main-flex .store-main-right .store-top-tab {
    flex-direction: column;
    align-items: start;
    gap: 8px;
  }
  .store-main-content .store-main-flex .store-main-right .store-top-tab h6 {
    font-size: 14px;
    line-height: 20px;
  }
  .store-main-content .store-main-flex .store-main-right .store-top-tab .text-wrap {
    gap: 18px;
  }
  .store-main-content .store-main-flex .store-main-right .store-top-tab .most-btn {
    width: 253px;
    padding: 8px 16px;
    font-size: 16px;
    line-height: 24px;
  }
  .store-main-content .store-main-flex .store-main-right .store-top-tab #most-btn-dropdown {
    top: 40px;
    width: 253px;
  }
  .store-main-content .store-main-flex .store-main-right .store-top-tab #most-btn-dropdown a {
    font-size: 16px;
    line-height: 24px;
  }
  .store-main-content .store-main-flex .store-main-right .store-card-flex {
    gap: 12px;
    margin-top: 10px;
  }
  .store-main-content .pagination-sec {
    margin-top: 14px;
  }
  .store-main-content .pagination-sec ul {
    gap: 1px;
  }
  .product-top-sec {
    padding: 20px 24px 33px 24px;
  }
  .product-top-sec .product-top-flex {
    flex-direction: column;
    gap: 24px;
  }
  .product-top-sec .product-top-flex .product-top-content {
    gap: 14px;
  }
  .product-top-sec .product-top-flex .product-top-content h6 {
    font-size: 21px;
  }
  .product-top-sec .product-top-flex .product-top-content h5 {
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
    padding-bottom: 12px;
  }
  .product-top-sec .product-top-flex .product-top-content p {
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
  }
  .product-top-sec .product-top-flex .product-top-content .bottom-wrap {
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 12px;
  }
  .product-top-sec .product-top-flex .product-top-content .bottom-wrap h4 {
    font-size: 26px;
  }
  .product-top-sec .product-top-flex .product-top-content .bottom-wrap .qty-sec {
    gap: 4px;
  }
  .product-top-sec .product-top-flex .product-top-content .bottom-wrap .primary-btn {
    width: 100%;
  }
  .experience-results-sec .second-heading {
    top: unset;
    bottom: 40px;
    transform: unset;
    padding: 0 24px;
  }
  .experience-results-sec .second-heading h4 {
    margin-bottom: 14px;
  }
  .experience-results-sec .second-heading p {
    margin-bottom: 24px;
    line-height: 24px;
  }
  .you-will-like-sec {
    padding: 40px 0;
    background: url(../images/you-will-like-sec-img-sm.png) no-repeat center;
    background-size: cover;
  }
  .you-will-like-sec .second-heading {
    margin-bottom: 24px;
  }
  .you-will-like-sec .second-heading h4 {
    max-width: 283px;
    margin: 0 auto 16px auto;
  }
  .you-will-like-sec .our-bestsellers-flex {
    gap: 12px;
  }
  .meal-top-sec .meal-top-video::after {
    background: linear-gradient(180deg, rgba(255, 0, 0, 0) 58.38%, rgba(255, 0, 0, 0.2) 87.68%), linear-gradient(176deg, rgba(1, 3, 10, 0.25) 2.41%, rgba(1, 3, 10, 0) 24.37%), linear-gradient(272deg, rgba(1, 3, 10, 0.25) 33.07%, rgba(1, 3, 10, 0) 98.4%), linear-gradient(270deg, rgba(3, 15, 45, 0.8) 0.95%, rgba(4, 17, 47, 0.36) 78.41%, rgba(6, 20, 54, 0.16) 118.55%), linear-gradient(180deg, rgba(0, 0, 0, 0.31) 4.18%, rgba(0, 0, 0, 0) 55.07%), linear-gradient(270deg, rgba(0, 0, 0, 0.8) 21.4%, rgba(0, 0, 0, 0) 32.07%);
  }
  .meal-top-sec .meal-top-video video {
    height: 690px;
  }
  .meal-top-sec .second-heading {
    bottom: 72px;
    padding: 0 29px 0 24px;
  }
  .meal-top-sec .second-heading h4 {
    margin-bottom: 14px;
  }
  .meal-top-sec .second-heading p {
    margin-bottom: 24px;
  }
  .meal-form-wrap {
    padding: 36px 0;
    background: url(../images/meal-form-wrap-bg-sm.png) no-repeat center center;
    background-size: cover;
  }
  .meal-form-wrap .meal-form-content {
    padding: 32px 16px;
  }
  .meal-form-wrap .meal-form-content .second-heading h4 {
    margin-bottom: 8px;
  }
  .meal-form-wrap .meal-form-content .second-heading p {
    margin-bottom: 20px;
  }
  .meal-form-wrap .meal-form-content .input-flex {
    gap: 16px;
  }
  .meal-form-wrap .meal-form-content .input-flex .input-items {
    flex-direction: column;
    gap: inherit;
  }
  .meal-form-wrap .meal-form-content .input-flex .input-items .form-label {
    margin-bottom: 8px;
  }
  .meal-form-wrap .meal-form-content .input-flex .input-items .btn-wrap .male-btn,
  .meal-form-wrap .meal-form-content .input-flex .input-items .btn-wrap .female-btn {
    padding: 7px;
    font-size: 16px;
  }
  .meal-form-wrap .meal-form-content .input-flex .input-items .form-control {
    height: 40px;
  }
  .meal-form-wrap .meal-form-content .btn-flex {
    margin-top: 19px;
    flex-direction: column;
    gap: 13px;
  }
  .meal-form-wrap .meal-form-content .btn-flex .primary-btn {
    width: 100%;
    padding: 12px;
  }
  .meal-form-wrap .form-select.form-control {
    background-size: 14px;
  }
  .mealModal-sec .modal-dialog {
    max-width: 327px !important;
  }
  .mealModal-sec .modal-body .register-cont p {
    margin-top: 12px;
  }
  .mealModal-sec .modal-body .register-cont .gologin-btn {
    margin-top: 16px !important;
    max-width: 100% !important;
  }
  .about-us-top-sec .meal-top-video video {
    height: 672px;
  }
  .about-us-top-sec .meal-top-video::after {
    background: linear-gradient(180deg, rgba(255, 0, 0, 0) 58.38%, rgba(255, 0, 0, 0.2) 87.68%), linear-gradient(176deg, rgba(1, 3, 10, 0.25) 2.41%, rgba(1, 3, 10, 0) 24.37%), linear-gradient(273deg, rgba(1, 3, 10, 0.25) 2.82%, rgba(1, 3, 10, 0) 97.29%), linear-gradient(270deg, rgba(3, 15, 45, 0.8) 0.95%, rgba(4, 17, 47, 0.36) 78.49%, rgba(6, 20, 54, 0.16) 118.67%), linear-gradient(180deg, rgba(0, 0, 0, 0.31) 4.18%, rgba(0, 0, 0, 0) 55.07%);
  }
  .about-us-top-sec .second-heading {
    bottom: inherit;
    top: 132px;
    transform: unset;
  }
  .sport-habit-sec {
    padding: 80px 24px;
    background: url(../images/sport-habit-bg-sm.png) center center/cover no-repeat;
  }
  .sport-habit-sec .second-heading p {
    margin-bottom: 24px;
  }
  .make-contribution-sec .we-believe-bg {
    height: 710px;
  }
  .make-contribution-sec .we-believe-bg::after {
    background: linear-gradient(180deg, rgba(255, 0, 0, 0) 58.38%, rgba(255, 0, 0, 0.2) 87.68%), linear-gradient(176deg, rgba(1, 3, 10, 0.25) 2.41%, rgba(1, 3, 10, 0) 24.37%), linear-gradient(96deg, rgba(1, 3, 10, 0.39) 20.97%, rgba(1, 3, 10, 0) 102.12%), linear-gradient(86deg, rgba(3, 15, 45, 0.56) 43.15%, rgba(4, 17, 47, 0.25) 84.38%, rgba(6, 20, 54, 0.11) 105.74%), linear-gradient(180deg, rgba(0, 0, 0, 0.31) 4.18%, rgba(0, 0, 0, 0) 55.07%);
    transform: rotateY(180deg);
  }
  .make-contribution-sec .second-heading {
    text-align: end;
  }
  .make-contribution-sec .second-heading h4 {
    margin-bottom: 14px;
  }
  .make-contribution-sec .second-heading p {
    margin-bottom: 21px;
  }
  .what-we-offer-sec {
    padding: 56px 24px;
    background: url(../images/what-sm-bottom-bg.png) no-repeat bottom left, url(../images/what-sm-top-bg.png) no-repeat top right, linear-gradient(180deg, rgba(255, 255, 255, 0.1) 60.26%, rgba(255, 0, 0, 0.1) 100%), #FFF;
  }
  .what-we-offer-sec .what-we-flex {
    flex-direction: column;
    gap: 41px;
  }
  .what-we-offer-sec .what-we-flex .second-heading p {
    margin-bottom: 21px;
  }
  .what-we-offer-sec .what-we-items {
    gap: 18px;
  }
  .what-we-offer-sec .what-we-items .what-we-item-content {
    padding: 0 0 18px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(164, 162, 162, 0.2) !important;
  }
  .what-we-offer-sec .what-we-items .what-we-item-content:last-child {
    border: 0 !important;
  }
  .what-we-offer-sec .what-we-items .what-we-item-content img {
    width: 52px;
  }
  .what-we-offer-sec .what-we-items .what-we-item-content h6 {
    font-size: 21px;
    margin: 21px 0 10px 0;
  }
  .what-we-offer-sec .what-we-items .what-we-item-content p {
    font-size: 16px;
    line-height: 24px;
  }
  .contactUs-sec {
    padding: 36px 0;
    background: url(../images/contact-us-sm.png) no-repeat center center;
    background-size: cover;
  }
  .contactUs-sec .contactUs-wrap {
    padding: 28px 16px;
  }
  .contactUs-sec .contactUs-wrap h1 {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 12px;
  }
  .contactUs-sec .contactUs-wrap .contact-details {
    gap: 6px 0;
    margin-bottom: 24px;
  }
  .contactUs-sec .contactUs-wrap .contact-details address,
  .contactUs-sec .contactUs-wrap .contact-details a {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
  }
  .contactUs-sec .contactUs-wrap .contact-details a {
    padding-top: 6px;
    border-top: 1px solid rgba(164, 162, 162, 0.2);
  }
  .contactUs-sec .form-flex {
    gap: 16px;
  }
  .contactUs-sec .form-flex .form-items {
    gap: 16px;
    flex-direction: column;
  }
  .contactUs-sec .common-form .form-label {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .contactUs-sec .common-form .form-control {
    height: 40px;
    font-size: 16px;
  }
  .contactUs-sec .btn-flex {
    margin-top: 24px;
    flex-direction: column;
    gap: 16px;
  }
  .contactUs-sec .btn-flex .primary-btn {
    width: 100%;
    padding: 12px;
  }
  .checkout-sec {
    padding: 36px 24px;
    background: url(../images/checkout-bg-sm.png) no-repeat top center;
    background-size: cover;
  }
  .checkout-sec .checkout-flex {
    flex-direction: column-reverse;
    gap: 36px;
  }
  .checkout-sec .checkout-flex .billing-sec {
    padding: 0 12px 12px 12px;
  }
  .checkout-sec .checkout-flex .billing-sec .second-heading h4 {
    text-align: center;
    margin-bottom: 16px;
  }
  .checkout-sec .checkout-flex .billing-sec .form-flex {
    gap: 14px;
  }
  .checkout-sec .checkout-flex .billing-sec .form-flex .form-items {
    align-items: stretch;
    flex-direction: column;
  }
  .checkout-sec .common-form .form-label {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .checkout-sec .common-form .form-control {
    height: 40px;
    font-size: 16px;
  }
  .checkout-sec .btn-flex {
    flex-direction: column;
    margin-top: 16px;
    gap: 10px;
    align-items: start;
  }
  .checkout-sec .btn-flex .primary-btn {
    width: 100%;
  }
  .checkout-sec .order-sec {
    padding: 16px 25px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background-color: white;
    gap: 16px;
  }
  .checkout-sec .order-sec h2 {
    text-align: center;
    text-wrap: nowrap;
  }
  .checkout-sec .order-sec .order-card-sec .cart-card {
    margin-bottom: 16px;
    background: white;
    padding: 8px;
    flex-direction: column;
    gap: 8px;
    position: relative;
  }
  .checkout-sec .order-sec .order-card-sec .cart-card .cartCard-content .product-title {
    margin-bottom: 6px;
  }
  .checkout-sec .order-sec .order-card-sec .cart-card .cartCard-content p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 24px;
  }
  .checkout-sec .order-sec .order-card-sec .cart-card .cross-icon {
    position: absolute;
    top: 0px;
    right: 9px;
  }
  .checkout-sec .order-sec .coupon-code-sec {
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
  }
  .checkout-sec .order-sec .coupon-code-sec .secondary-btn {
    width: 100%;
  }
  .subtotal-sec p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .subtotal-sec h6 {
    font-size: 21px;
    margin-top: 16px;
  }
  .order-successful-sec {
    padding: 36px 0;
    background: url(../images/order-succ-bg-sm.png) no-repeat top right;
    background-size: cover;
  }
  .order-successful-sec .order-card-sec {
    margin-bottom: 24px;
    padding: 0 28px;
  }
  .order-successful-sec .order-card-sec .cart-card {
    padding: 8px;
    flex-direction: column;
    gap: 8px;
    position: relative;
    margin-bottom: 24px;
  }
  .order-successful-sec .order-card-sec .cart-card .cartCard-content .product-title {
    margin-bottom: 6px;
  }
  .order-successful-sec .order-card-sec .cart-card .cartCard-content p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 24px;
  }
  .order-successful-sec .order-card-sec .cart-card .cross-icon {
    position: absolute;
    top: 0px;
    right: 9px;
  }
  .order-successful-sec .order-successful-wrap {
    max-width: 708px;
    margin: auto;
    padding: 0;
  }
  .order-successful-sec .order-successful-wrap .second-heading {
    text-align: center;
  }
  .order-successful-sec .order-successful-wrap .second-heading h4 {
    margin-bottom: 12px;
  }
  .order-successful-sec .order-successful-wrap .second-heading p {
    margin-bottom: 24px;
  }
  .order-successful-sec .btn-sec {
    margin-top: 24px;
  }
  .order-successful-sec .btn-sec .primary-btn {
    width: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .container {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1950px) {
  .myacc-sec {
    background-size: cover;
  }
  .error-sec {
    background-size: cover;
  }
  .step-sec {
    background-size: cover;
  }
  .what-we-offer-sec {
    background-size: cover;
  }
  .experience-results-sec img {
    width: 100%;
  }
  .store-top-sec img {
    width: 100%;
  }
  .maximise-your-gains-sec img {
    width: 100%;
  }
}/*# sourceMappingURL=responsive.css.map */