@import url("https://fonts.googleapis.com/css2?family=Audiowide&display=swap");
* {
  box-sizing: border-box;
  font-family: "Graphik-Regular";
}
@font-face {
  font-family: "Graphik-Regular";
  src: url("https://d2pco6gv44g4j6.cloudfront.net/sc3-assets/static/mnk/ASICS-INDIA/Graphik-Regular/Graphik-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("https://d2pco6gv44g4j6.cloudfront.net/sc3-assets/static/mnk/ASICS-INDIA/Graphik-Regular/Graphik-Regular.otf")
      format("opentype"),
    url("https://d2pco6gv44g4j6.cloudfront.net/sc3-assets/static/mnk/ASICS-INDIA/Graphik-Regular/Graphik-Regular.woff")
      format("woff"),
    url("https://d2pco6gv44g4j6.cloudfront.net/sc3-assets/static/mnk/ASICS-INDIA/Graphik-Regular/Graphik-Regular.ttf")
      format("truetype"),
    url("https://d2pco6gv44g4j6.cloudfront.net/sc3-assets/static/mnk/ASICS-INDIA/Graphik-Regular/Graphik-Regular.svg#Graphik-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Graphik-Semibold";
  src: url("https://d2pco6gv44g4j6.cloudfront.net/sc3-assets/static/mnk/ASICS-INDIA/Graphik-Semibold/Graphik-Semibold.eot?#iefix")
      format("embedded-opentype"),
    url("https://d2pco6gv44g4j6.cloudfront.net/sc3-assets/static/mnk/ASICS-INDIA/Graphik-Semibold/Graphik-Semibold.otf")
      format("opentype"),
    url("https://d2pco6gv44g4j6.cloudfront.net/sc3-assets/static/mnk/ASICS-INDIA/Graphik-Semibold/Graphik-Semibold.woff")
      format("woff"),
    url("https://d2pco6gv44g4j6.cloudfront.net/sc3-assets/static/mnk/ASICS-INDIA/Graphik-Semibold/Graphik-Semibold.ttf")
      format("truetype"),
    url("https://d2pco6gv44g4j6.cloudfront.net/sc3-assets/static/mnk/ASICS-INDIA/Graphik-Semibold/Graphik-Semibold.svg#Graphik-Semibold")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
/*@import url('https://fonts.googleapis.com/css?family=PT+Serif');*/
html {
  min-height: 100%;
}
body {
  height: 100%;
  counter-reset: section;
}
html,
body,
div,
image,
h1,
h3,
h4,
h5,
h6,
p,
figure,
input,
ul,
li,
figure {
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
  height: 10px;
}
.error-msg {
  text-align: left;
  color: red;
  font-size: 13px;
}
#sgn-error-cont,
#sgn-flashloader,
#sgn-loader,
#sgn-succ-cont {
  position: fixed !important;
  top: 0 !important;
  padding: 20px !important;
}
#sgn-flashloader-text,
#sgn-succ-text {
  padding: 10px !important;
}
.mandatory {
  color: red;
  font-size: 20px;
  display: inline-block;
}
/*-----------------------------AUTHLOGIN----------------------------------------*/
.logo {
  background: #ed1b24;
  text-align: center;
  max-width: 200px;
  margin: 0px auto 0px 5px;
  width: 100%;
  padding: 0px 0px 10px;
  border-radius: 0px 0px 5px 5px;
  visibility: hidden;
}
.logo_img {
  width: 175px;
  margin: 0px;
  display: inline-block;
}
/*.login_header{
padding: 20px 0px 0px 24px;
background: #fff;
}*/
.sub_container {
  max-width: 360px;
  width: 100%;
  margin: 4px 4px 4px auto;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  background: #ffffe4;
  background: rgba(158, 158, 158, 0.9);
  padding: 15px;
  position: relative;
  z-index: 2;
}
.sub_container_reg {
  max-width: 700px;
  width: 100%;
  margin: 4px auto;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  background: #ffffe4;
  background: rgba(255, 255, 255, 0.8);
  background: rgba(158, 158, 158, 0.94);
  padding: 15px;
  position: relative;
  z-index: 2;
}
h2 {
  text-align: center;
  font-size: 25px;
  color: #383838;
}
.login_under {
  border: 1px solid #231f20;
}
.login_footer {
  padding: 70px 10px 0px 10px;
}
.login_fields {
  width: 95%;
  margin: 0px auto;
  padding: 5px;
}
.login_input_lable {
  width: 100%;
  padding-top: 3px;
  font-size: 15px;
  padding-bottom: 10px;
  color: #383838;
}
.login_input_field {
  text-align: center;
}
.login_input {
  width: 100%;
  padding: 10px;
  border: 1px solid #a6a7a9;
  outline: none;
  background: rgba(255, 255, 255, 0.25882352941176473);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  text-align: center;
  font-size: 15px;
}
.login_input:hover {
  background: transparent;
  background: #fff;
  color: #222 !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.login_sub {
  padding: 10px;
  width: 50%;
  border-radius: 10px;
  border: none;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e98f80),
    color-stop(1, #3f1f1f)
  );
  font-size: 20px;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  background: #ed1b24;
  transition: 0.5s;
}
.login_sub_btn {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  padding: 0px 0px 7px;
}
.login_sub:hover {
  /*background: #65605b;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3f1f1f),
    color-stop(1, #e98f80)
  );
  background: #ed1b24b0;
}
.login_btns {
  display: flex;
  justify-content: space-between;
  width: 92%;
  margin: 0px auto;
}
.login_forgot:hover {
  text-decoration: underline !important;
}
.login_forgot {
  color: #5b0e12;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
}
/*-----------------------------SET PASSWORD----------------------------------------*/
.set_ps_header {
  padding: 20px 0px 0px 24px;
  background: #fff;
}
.set_ps_under {
  border: 1px solid;
}
.set_ps_footer {
  padding: 70px 10px 0px 10px;
}
.set_ps_fields {
  width: 95%;
  margin: 0px auto;
  padding: 5px;
}
.set_ps_input_lable {
  width: 100%;
  padding-top: 3px;
  font-size: 18px;
  padding-bottom: 10px;
  color: #383838;
}
.set_ps_input_field {
  text-align: center;
}
.set_ps_input {
  width: 100%;
  padding: 10px;
  border: 1px solid #a6a7a9;
  outline: none;
  background: rgba(255, 255, 255, 0.25882352941176473);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  text-align: center;
  font-size: 15px;
}
.set_ps_input:hover {
  /*border: 2px solid #000;*/
  background: transparent;
  background: #fff;
  color: #222 !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.set_ps_sub {
  padding: 10px;
  width: 100%;
  border-radius: 10px;
  border: none;
  /*background: #454345;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e98f80),
    color-stop(1, #3f1f1f)
  );
  font-size: 20px;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  background: #ed1b24;
  line-height: 100%;
}
.set_ps_sub_btn {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  padding: 10px;
}
.set_ps_sub:hover {
  /*background: #65605b;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3f1f1f),
    color-stop(1, #e98f80)
  );
  background: #ed1b24b0;
}
.set_ps_btns {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  padding: 10px;
  text-decoration: none;
}
.set_ps_forgot:hover {
  text-decoration: underline !important;
}
.set_ps_forgot {
  color: #5b0e12;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
}
.set_ps_hm {
  padding: 10px;
  width: 100%;
  border-radius: 10px;
  border: none;
  /*background: #454345;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3f1f1f),
    color-stop(1, #e98f80)
  );
  font-size: 20px;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  background: #ed1b24;
  line-height: 100%;
}
.set_ps_redirect {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0px auto;
}
.set_ps_hm:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e98f80),
    color-stop(1, #3f1f1f)
  );
  background: #ed1b24b0;
}
/*-----------------------------valid otp----------------------------------------*/
/*.valid_otp_header{
padding: 20px 0px 0px 24px;
background: #fff;
}*/
.valid_otp_under {
  border: 1px solid;
}
.valid_otp_footer {
  padding: 70px 10px 0px 10px;
}
.valid_otp_fields {
  width: 95%;
  margin: 0px auto;
  padding: 5px;
}
.valid_otp_input_lable {
  width: 100%;
  padding-top: 3px;
  font-size: 18px;
  padding-bottom: 10px;
  color: #383838;
}
.valid_otp_input_field {
  text-align: center;
}
.valid_otp_input {
  width: 100%;
  padding: 10px;
  border: 1px solid #a6a7a9;
  outline: none;
  background: rgba(255, 255, 255, 0.25882352941176473);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  text-align: center;
  font-size: 15px;
}
.valid_otp_input:hover {
  /*border: 2px solid #000;*/
  background: transparent;
  background: #fff;
  color: #222 !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.valid_otp_sub {
  padding: 10px;
  width: 100%;
  border-radius: 10px;
  border: none;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e98f80),
    color-stop(1, #3f1f1f)
  );
  font-size: 18px;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  background: #ed1b24;
  line-height: 100%;
}
.valid_otp_sub_btn {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  padding: 10px;
}
.valid_otp_sub:hover {
  /*background: #65605b;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3f1f1f),
    color-stop(1, #e98f80)
  );
  background: #ed1b24b0;
}
.valid_otp_btns {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  padding: 10px;
  text-decoration: none;
}
.valid_otp_forgot:hover {
  text-decoration: underline !important;
}
.valid_otp_forgot {
  color: #5b0e12;
  font-weight: bold;
}
.valid_otp_hm {
  padding: 10px;
  width: 100%;
  border-radius: 10px;
  border: none;
  /*background: #454345;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3f1f1f),
    color-stop(1, #e98f80)
  );
  font-size: 18px;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  background: #ed1b24;
  line-height: 100%;
}
.valid_otp_redirect {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0px auto;
}
.valid_otp_hm:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e98f80),
    color-stop(1, #3f1f1f)
  );
  background: #ed1b24b0;
}
.valid_otp_heading {
  text-align: center;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
  color: #383838;
}
/*-----------------------------Activate----------------------------------------*/
.activate_header {
  padding: 20px 0px 0px 24px;
  background: #fff;
}
.activate_under {
  border: 1px solid;
}
.activate_footer {
  padding: 50px 10px 0px 10px;
}
.activate_fields {
  width: 95%;
  margin: 0px auto;
  padding: 5px;
}
.activate_input_lable {
  width: 100%;
  padding-top: 3px;
  font-size: 18px;
  padding-bottom: 10px;
  color: #383838;
}
.activate_input_field {
  text-align: center;
}
.activate_input {
  width: 100%;
  padding: 8px;
  border: 1px solid #a6a7a9;
  outline: none;
  background: rgba(255, 255, 255, 0.25882352941176473);
  border-radius: 3px;
  text-align: center;
}
.activate_input_mobile {
  width: 100%;
  padding: 8px;
  border: 1px solid #a6a7a9;
  outline: none;
  background: rgba(255, 255, 255, 0.25882352941176473);
  border-radius: 3px;
  text-align: center;
}
.activate_input:hover {
  border: 0px;
  border-radius: 0px;
  background: transparent;
  border-bottom: 2px solid #656565;
  width: 96%;
  margin: 0px auto;
}
.activate_sub {
  padding: 10px 25px;
  width: 100%;
  border-radius: 10px;
  border: none;
  /*background: #454345;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e98f80),
    color-stop(1, #3f1f1f)
  );
  font-size: 20px;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  background: #ed1b24;
}
.activate_sub_btn {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  padding: 10px 10px 30px;
}
.activate_sub:hover {
  /*background: #65605b;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3f1f1f),
    color-stop(1, #e98f80)
  );
  background: #ed1b24b0;
}
.activate_btns {
  width: 80%;
  margin: 0px auto;
  text-align: center;
  padding: 10px;
  text-decoration: none;
}
.activate_forgot:hover {
  text-decoration: underline !important;
}
.activate_forgot {
  color: #5b0e12;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
}
.activate_hm {
  padding: 7px;
  width: 100%;
  max-width: 200px;
  border-radius: 10px;
  border: none;
  /*background: #454345;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3f1f1f),
    color-stop(1, #e98f80)
  );
  font-size: 20px;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}
.activate_redirect {
  display: flex;
  justify-content: space-between;
  width: 92%;
  margin: 0px auto;
}
.activate_hm:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e98f80),
    color-stop(1, #3f1f1f)
  );
}
.activate_heading {
  text-align: center;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
  color: #383838;
}
.activate_radio_option {
  width: 60%;
  margin: 0px auto;
}
.activate_radio1 {
  width: 30%;
  float: left;
}
.activate_radio2 {
  width: 30%;
  float: right;
}
.activate_tabs-button {
  width: 20px;
  height: 17px;
}
/*-----------------------------forgot password----------------------------------------*/
.forgot_ps_header {
  padding: 20px 0px 0px 24px;
  background: #fff;
}
.forgot_ps_under {
  border: 1px solid;
}
.forgot_ps_footer {
  padding: 50px 10px 0px 10px;
}
.forgot_ps_fields {
  width: 95%;
  margin: 0px auto;
  padding: 5px;
}
.forgot_ps_input_lable {
  width: 100%;
  padding-top: 3px;
  font-size: 18px;
  padding-bottom: 10px;
  color: #383838;
}
.forgot_ps_input_field {
  text-align: center;
}
.forgot_ps_input {
  width: 100%;
  padding: 10px;
  border: 1px solid #a6a7a9;
  outline: none;
  background: rgba(255, 255, 255, 0.25882352941176473);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  text-align: center;
  font-size: 15px;
}
.forgot_ps_input_mobile {
  width: 100%;
  padding: 8px;
  border: 1px solid #a6a7a9;
  outline: none;
  background: rgba(255, 255, 255, 0.25882352941176473);
  border-radius: 3px;
  text-align: center;
}
.forgot_ps_input:hover {
  /*border: 2px solid #000;*/
  background: transparent;
  background: #fff;
  color: #222 !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.forgot_ps_sub {
  padding: 10px;
  width: 100%;
  border-radius: 10px;
  border: none;
  /*background: #454345;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e98f80),
    color-stop(1, #3f1f1f)
  );
  font-size: 20px;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  background: #ed1b24;
  line-height: 100%;
}
.forgot_ps_sub_btn {
  width: 55%;
  margin: 0px auto;
  text-align: center;
  padding: 10px;
}
.forgot_ps_sub:hover {
  /*background: #65605b;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3f1f1f),
    color-stop(1, #e98f80)
  );
  background: #ed1b24b0;
}
.forgot_ps_btns {
  width: 80%;
  margin: 0px auto;
  text-align: center;
  padding: 10px;
  text-decoration: none;
}
.forgot_ps_forgot:hover {
  text-decoration: underline !important;
}
.forgot_ps_forgot {
  color: #5b0e12;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
}
.forgot_ps_hm {
  padding: 7px;
  width: 100%;
  max-width: 200px;
  border-radius: 10px;
  border: none;
  /*background: #454345;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3f1f1f),
    color-stop(1, #e98f80)
  );
  font-size: 20px;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}
.forgot_ps_redirect {
  display: flex;
  justify-content: space-between;
  width: 92%;
  margin: 0px auto;
}
.forgot_ps_hm:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e98f80),
    color-stop(1, #3f1f1f)
  );
}
.forgot_ps_heading {
  text-align: center;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
  color: #383838;
}
.forgot_ps_radio_option {
  width: 60%;
  margin: 0px auto;
}
.forgot_ps_radio1 {
  width: 30%;
  float: left;
}
.forgot_ps_radio2 {
  width: 30%;
  float: right;
}
.forgot_ps_tabs-button {
  width: 20px;
  height: 17px;
}
/*-----------------------------AUTHLOGIN----------------------------------------*/
.logo_img {
  max-width: 170px;
  width: 100%;
  margin: 0px;
  display: inline-block;
  display: block;
  margin: 0px auto;
}
.registration_header {
  padding: 20px 0px 0px 24px;
  background: #fff;
}
.registration_under {
  border: 1px solid #231f20;
}
.registration_footer {
  padding: 10px 10px 0px 10px;
}
.registration_fields {
  width: 48%;
  /*margin: 0px auto;*/
  padding: 5px;
}
.registration_input_lable {
  width: 100%;
  padding-top: 3px;
  font-size: 18px;
  padding-bottom: 10px;
  color: #383838;
}
.registration_input_field {
  text-align: center;
}
.registration_input {
  width: 100%;
  padding: 10px;
  border: 1px solid #a6a7a9;
  outline: none;
  background: rgba(255, 255, 255, 0.25882352941176473);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  text-align: center;
  font-size: 15px;
}
.registration_input:hover {
  /*border: 2px solid #000;*/
  background: transparent;
  background: #fff;
  color: #222 !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.registration_sub {
  padding: 10px;
  width: 40%;
  border-radius: 10px;
  border: none;
  /*background: #454345;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #e98f80),
    color-stop(1, #3f1f1f)
  );
  font-size: 20px;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  background: #ed1b24;
}
.registration_sub_btn {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  padding: 10px;
}
.registration_sub:hover {
  /*background: #65605b;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3f1f1f),
    color-stop(1, #e98f80)
  );
  background: #ed1b24b0;
}
.registration_btns {
  display: flex;
  justify-content: space-between;
  width: 92%;
  margin: 0px auto;
}
.registration_forgot:hover {
  text-decoration: underline !important;
}
.registration_forgot {
  color: #5b0e12;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
}
.registration_radio {
  width: 32%;
  float: left;
  padding-top: 10px;
  font-size: 18px;
  color: #383838;
}
input[type="radio"] {
  width: 20px;
  height: 18px;
}

----------------------------/*View profile starts here*/-----------------------------------------
.view_mobile li {
}

.logo ul li:hover {
  color: red;
}
.view_desktop {
  display: flex;
  align-items: center;
  list-style-type: none;
  width: 65%;
  justify-content: space-between;
  /*padding: 15px 0px 0px 0px;*/
  margin: 0px auto;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
  color: #231f20;
  cursor: pointer;
  font-size: 18px;
}
.flex {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.view_mobile {
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 1200px;
  margin: 0px auto;
}
.view_mobile li {
  text-align: center;
  list-style-type: none;
  padding: 10px 0px;
  font-family: "Graphik-Semibold";
  color: #231f20;
  width: 16%;
}
.view_mobile li:hover,
view_mobile:active {
  background: black;
  color: white;
  cursor: pointer;
}
#view_mobile_bar {
  font-size: 25px;
  cursor: pointer;
}
#view_mobile_close {
  font-size: 25px;
  cursor: pointer;
  display: none;
}
.view_sub_body {
  display: flex;
  width: 100%;
}
.view_left {
  width: 35%;
  padding: 20px 10px;
}
.view_right {
  width: 65%;
  padding: 20px 50px;
}
h1 {
  text-align: center;
  font-size: 20px;
  color: white;
  margin: 0px;
  padding: 5px 0px;
}
.view_field_1 {
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  background: rgba(241, 249, 255, 0.93);
  font-size: 17px;
  border-radius: 3px;
}
.view_field_2 {
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  background: rgba(241, 249, 255, 0.93);
  font-size: 17px;
  border-radius: 3px;
}
.view_field_3 {
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  background: rgb(241, 245, 249);
  font-size: 17px;
  border-radius: 3px;
}
.view_field_4 {
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  background: rgb(241, 245, 249);
  font-size: 17px;
  border-radius: 3px;
}
.view_field_5 {
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  border-radius: 3px;
}
.view_fields {
  display: flex;
  justify-content: space-between;
  padding: 10px 0px;
  font-size: 18px;
  width: 90%;
  margin: 0px auto;
  word-break: break-word;
}
.view_heading {
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  /*padding: 10px;*/
  background: #231f20;
  margin-bottom: 20px;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
  font-size: 25px;
}
.view_board_1 {
  text-align: center;
  width: 100%;
  margin: 0px auto;
  padding: 10px 0px;
  /*background: #ff6567;*/
  background: rgba(200, 138, 110, 0.8);
  background: #03a9f4;
  background: #ed1b24;
  color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 16px;
  box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.19);
}
.view_board_2 {
  text-align: center;
  width: 100%;
  margin: 0px auto;
  padding: 10px 0px;
  /*background: #ff6567;*/
  background: rgba(200, 138, 110, 0.8);
  background: #03a9f4;
  background: #ed1b24;
  color: #fff;
  border-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 16px;
  box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.19);
}
.view_board_3 {
  text-align: center;
  width: 100%;
  margin: 0px auto;
  padding: 20px 0px 10px;
  /*background: #ff6567;*/
  background: rgba(200, 138, 110, 0.8);
  background: #03a9f4;
  background: none;
  color: #fff;
  border-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 16px;
  color: #ed1b24;
  letter-spacing: 1px;
}

.view_board_4 {
  text-align: center;
  width: 100%;
  margin: 0px auto;
  padding: 20px 0px 10px;
  /*background: #ff6567;*/
  /*background: rgba(200, 138, 110, 0.8);
background: #03A9F4;*/
  color: #fff;
  border-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 16px;
  color: #ed1b24;
}
.view_board_5 {
  text-align: center;
  width: 100%;
  margin: 0px auto;
  padding: 10px 0px;
  /*background: #ff6567;*/
  background: rgba(200, 138, 110, 0.8);
  color: #fff;
  border-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 16px;
}
.view_fields_loyal_2 {
  display: flex;
  justify-content: space-between;
  padding: 10px 0px;
  font-size: 18px;
  width: 75%;
  margin: 0px auto;
  word-break: break-word;
}
.view_input_label_1 {
  width: 40%;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
}
.view_input_label_1 {
  /*font-size: 16px;*/
}
.view_input_field_1 {
  width: 60%;
  /*font-size: 16px;*/
  padding-left: 30px;
}
.view_input_label_2 {
  width: 50%;
  padding-left: 30px;
  /*font-size: 16px;*/
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
}
.view_input_field_2 {
  width: 70%;
  /*font-size: 16px;*/
  padding-left: 30px;
}
.view_table_heading {
  padding: 10px 0px;
  color: #fff;
  background: rgba(90, 89, 84, 0.86);
  background: #516975;
}
.view_table {
  padding: 15px;
  word-break: break-word;
  background: rgb(241, 245, 249);
  overflow: auto;
  max-height: 395px;
}
.view_table_value {
  text-align: center;
  padding: 12px 0px;
  width: 24%;
  font-size: 15px;
}
table tr:nth-child(2n) {
  background: rgb(81 105 117 / 44%);
}
.active {
  color: red;
}
.all-container-div {
  display: none;
}
.active_list {
  display: block;
}
.view_mobile .active_menu {
  background: #ed1b24;
  color: #fff;
  font-size: 17px;
}
.view_heading_4 {
  text-align: center;
  padding: 10px;
}
/*body{
background: url(https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/6e98af97a688308ea955.png);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center center;
}*/
.bg_container {
/*  background-image: url("https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/fcf9dac5-6604-44d2-8537-0d8e787c.png");*/
  background-image: url("https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/0196e408-dac4-4ec2-90ae-1a4ea457.png");
  background-repeat: no-repeat;
  /* background-size: cover; */
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: -1;
  background-position: top center;
  background-attachment: fixed;
  background-size: 100% 100%;
}
.view_select {
  width: 100%;
  padding: 10px;
  font-family: "Graphik-Semibold";
  /*font-weight: bold;*/
  background: transparent;
  outline: none;
  border: 1px solid;
}
.view_select_bar {
  width: 80%;
  margin: 0px auto;
  padding: 10px;
}
.view_comment_bar {
  width: 80%;
  margin: 0px auto;
  padding: 10px;
}
.view_comments {
  width: 100%;
  background: transparent;
  height: 100px;
  resize: none;
  outline: none;
  border: 1px solid;
}
.header1 {
  color: #0092d4;
  text-align: left;
  padding: 10px 0px 5px 15px;
  font-size: 17px;
  letter-spacing: 1px;
}
.loyalty-img-wrap {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #fffef3;
  /* padding: 20px; */
  display: block;
  border-radius: 3px;
}
.loyalty-img-wrap figure {
  padding: 0px 5px 0px;
}
.loyalty-img-wrap .loyalty-img {
  display: block;
  /*max-width: 310px;*/
  width: 100%;
  border: 0px;
  margin: 0px;
}
.points-msg,
.coupon-msg,
.transaction-msg,
.transactionline-msg {
  font-size: 17px;
  padding: 10px 0px 20px;
  display: none;
}
.transactionline-msg {
  padding: 20px 0px 10px;
}
.logoutbtn-wrap {
  position: relative;
}
.logoutbtn-wrap .logout {
  position: absolute;
  top: -62px;
  right: 1%;
  background: #fff;
  outline: 0;
  border: navajowhite;
  padding: 10px 15px;
  border-radius: 3px;
  font-size: 15px;
  color: #ed1b24;
  cursor: pointer;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}
.coupon-wrapper {
  width: 85%;
  margin: 5px auto 25px;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
  /*background: #f9f9f9ba;*/
  box-shadow: 0px 10px 10px 0px rgb(240, 77, 84, 1);
}
.coupon-header {
  padding: 20px 20px 40px;
}
.btn-wrapper {
  text-align: center;
}
.btn-wrapper .redeembtn {
  padding: 6px 8px;
  outline: 0;
  border: 0;
  background: #b32346;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  border-radius: 3px;
  line-height: 100%;
  cursor: pointer;
}
img {
  width: 100%;
  border: 0px;
  display: block;
}
.couponcode-wrap {
  max-width: 475px;
  margin: 10px auto 15px;
  color: #1e2f5e;
  font-weight: bold;
  font-size: 16px;
}
.couponcode-error {
  color: #1e2f5e;
  font-weight: bolder;
  text-align: center;
  padding: 5px 0px 5px;
  font-size: 14px;
  font-style: italic;
}
.couponcode-container {
  margin: 3px 0px 0px 0px;
}
.couponcode-table {
  text-transform: uppercase;
}
.footer {
  text-align: center;
}
.footer figure {
  margin: 40px auto 20px;
}
.termsimg {
  max-width: 570px;
  width: 100%;
  margin: 0px auto;
}
#externalcoupons-div {
  /*background-image: url(https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/6226009fd0eee66c06ac.png);*/
  background-image: url("https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/c5183949-7b2f-47ae-b046-42dc578d.png");
  background-size: 20px;
  padding: 20px;
  /*background-attachment: fixed;*/
  background-repeat: round;
}
.externalcoupons-wrap,
.externalcoupons-error {
  box-shadow: 0px 0px 10px 0px rgba(237, 29, 37, 0.2);
}
.readonly {
  pointer-events: none;
  background: #ccc;
}
.GV_wrap {
  display: flex;
  width: 95%;
  max-width: 700px;
  border: 2px dotted red;
  margin: 15px auto;
  background: #fff;
  border-radius: 25px;
  box-shadow: 0px 10px 30px 0px rgb(235 34 39 / 10%);
}
.GV_logo {
  display: flex;
  align-items: center;
  max-width: 100px;
  width: 100%;
  border-right: 1px solid red;
  padding: 10px 0px;
}
.GV_logo img {
  max-width: 150px;
  margin: 0px;
  border: 0px;
  padding: 5px;
}
.GV_offer {
  max-width: 205px;
  width: 100%;
  padding: 5px 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.GV_offer .btn-wrapper .redeembtn {
  font-size: 9px;
  padding: 5px;
}
.offerheading_wrap {
  color: #bd2d22;
  font-size: 13px;
}
.offerinfo_wrap {
  font-size: 10px;
  font-weight: 600;
}
.GV_tc {
  max-width: 395px;
  width: 100%;
  border-left: 1px solid red;
  padding: 5px 4px 10px 10px;
}
.GV_tc p {
  font-size: 8px;
  color: #666;
  padding: 0px 0px 3px;
}
.GV_tc ul {
  color: #666;
  list-style: none;
  font-size: 8px;
  line-height: 130%;
  font-weight: normal;
}
.desktopfm {
  display: block;
}
.mobilefm {
  display: none;
}
.dobNote {
  margin: 5px auto;
  padding: 10px;
  background: repeating-linear-gradient(
    140deg,
    #ed1b24,
    #ccd3d7,
    #14284b,
    transparent
  );
  color: #fff;
  border-radius: 5px;
  width: 94%;
  background: #ed1b24;
}
.dobNote p {
  font-style: italic;
  font-size: 14px;
  line-height: 130%;
}
.rewardsWrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: 15px auto 20px;
  justify-content: space-around;
  align-items: center;
}
.rewardsCont {
  position: relative;
  width: 35%;
  padding: 5px;
  border: 2px solid #ea232a;
  border-radius: 10px;
  margin: 0px 0px 40px;
}
.rewardsCont::before {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  border-radius: 7px;
  border: none;
  background: #ea232a;
  color: #fff;
  box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 30%);
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  top: -15px;
  font-weight: bold;
  font-size: 20px;
  left: -15px;
}
.rewardsCont:nth-child(1)::after,
.rewardsCont:nth-child(2)::after,
.rewardsCont:nth-child(3)::after {
  background: #ea232a;
  color: #fff;
  right: -15px;
  bottom: -15px;
  border-radius: 10px;
  padding: 5px;
  position: absolute;
  content: "OR";
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-weight: bold;
  font-size: 17px;
}
/*.rewardsCont::after{
position: absolute;
z-index: 10;
content: "OR";
border-radius: 50%;
background:#1e2f5e;
color:#fff;
}*/
.rewardsSerwrap {
  margin: 0px;
  background-color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
  color: red;
  border: none;
  font-size: 15px;
  /*margin: 10px 0px 0px;*/
  border: 2px dashed #ea232a;
}
.dashedborder {
  border: 2px dashed #ea232a;
  border-radius: 5px;
}
.offername {
  color: #ea232a;
  font-size: 18px;
  padding: 5px 0px 0px;
  text-transform: uppercase;
}
.offernameborder {
  border: 2px solid #fff;
  border-radius: 0px 10px 10px 0px;
  width: 85%;
  position: relative;
  left: -10px;
  background: #fff;
}
.rewardsSer {
  font-size: 28px;
  padding: 0px 0px 5px;
  font-weight: bold;
  line-height: 130%;
  color: #ea232a;
}
.rewardstc {
  font-size: 15px;
  padding: 5px 0px;
  border-top: 2px solid #9a0d13;
  border-bottom: 2px solid #9a0d13;
  color: #9a0d13;
  font-weight: bold;
}
.coupshow {
  background: url("https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/03d5eca6-2103-4725-b731-d7648647.png");
  background-size: 8px;
  color: #fff;
  max-width: 100px;
  width: 100%;
  line-height: 140%;
  font-weight: bold;
  text-align: center;
  padding: 7px 10px;
  font-size: 11px;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -40%);
}
.disabled {
  pointer-events: none !important;
}
.coupexpirydate {
  font-size: 12px;
  padding: 5px 0px 10px;
  /*font-style: italic;*/
}
.rewardsCoup {
  display: none;
}
.width100 {
  width: 100%;
}
.hide {
  display: none;
}
.BoatredeemCont {
  /*display: flex;
flex-direction: column;
align-self: flex-start;*/
  width: 100%;
  background: #eb2227;
  padding: 20px;
  max-width: 470px;
  position: relative;
  right: 12%;
}
.BoatredeemCont h4 {
  font-family: "Audiowide", cursive;
  font-size: 25px;
  font-weight: 800;
  padding: 0px 0px 10px;
}
.BoatCouponCont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.boatredembtn {
  text-decoration: none;
  background: #000;
  color: #fff;
  padding: 10px 10px;
  display: inline-block;
  border-radius: 5px;
  letter-spacing: 1px;
  font-size: 13px;
  font-family: "Audiowide", cursive;
}
.boatcentreCont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  background: #fdfcff;
  padding: 10px 0px 0px;
}
.BoatredeemWrap {
  max-width: 380px;
  margin: 0px 0px 0px auto;
}
.watchImg {
  position: absolute;
  max-width: 250px;
  top: -15px;
  z-index: 100;
  left: 25px;
}
.couponcodeTxt {
  font-family: "Audiowide", cursive;
  font-size: 13px;
}
.boatmoImg {
  display: none;
}
.boatdesktopImg {
  display: block;
}
.boatcenterright {
  padding: 5px 0px;
  background: #fff;
}
.boatcentrerightImg {
  background: #000;
  max-width: 465px;
  position: relative;
  left: 28%;
}
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: none;
}
.activeOverlay {
  display: flex;
  top: 0;
  transition: top 0.4s ease-in-out;
}
.invoiceNo {
  cursor: pointer;
  color: #000 !important;
  font-weight: bold;
  text-decoration: underline;
}
.LineitemWrap .view_table_value {
  width: 20%;
}
.LineitemWrap,
.popupCont {
  max-width: 700px;
  position: fixed;
  width: 100%;
  top: -150%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0px auto;
  padding: 30px 40px;
  z-index: 2;
  background: #f7f7f7;
  border-radius: 4px;
  transition: 0.5s top ease-in-out;
}
.lineitemwrapAnimate,
.popupanimate {
  transition: 0.5s top ease-in-out;
  top: 50%;
}
.closelineitem,
.closepopup {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -50px;
}
.lineitemHeader {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px 0px 40px;
}
.lineitemheading h4 {
  font-weight: 700;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.85);
}
.LineitemWrap .flex_register {
  align-items: flex-start;
}
.LineitemWrap .formdataWrap {
  /*padding: 7px 0px 35px;*/
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
.LineitemWrap .LabelAnimation {
  font-size: 16px;
  font-weight: bold;
  padding: 0px 0px 5px;
  display: inline-block;
}
.lineattribute {
  list-style: none;
}
.viewinfo {
  font-size: 15px;
}
.mo_status {
  display: none;
}
#lineWrap {
  background: transparent;
}
.popupCont {
  max-width: 400px;
}
.popcontent {
  max-width: 280px;
  margin: 0px auto;
  width: 100%;
}
.popcontent h4 {
  font-size: 22px;
  padding: 0px 0px 12px;
  line-height: 130%;
  text-align: center;
  color: #cb1e26;
  font-style: italic;
}
.popcontent p {
  font-size: 15px;
  line-height: 140%;
  letter-spacing: 0.5px;
  color: #333;
}
.thankyou_modal {
  max-width: 700px;
  width: 93%;
  margin: 0px auto;
  background: rgba(158, 158, 158, 0.94);
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px;
}
.thankyou_modal h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  /* padding-bottom: 5px; */
  font-size: 22px;
}
#myModal .set_ps_btns {
  padding: 0;
}
#myModal .set_ps_hm {
  width: 100px;
  margin-bottom: 0;
}
.outer_flex {
  display: none;
  align-items: center;
  height: 100vh;
}
.figureImg {
  width: 100%;
}
.figureImg1 {
  width: 95%;
}
/* css start new */
.ref-icon {
  width: 25px;
  height: 25px;
  margin: 0 4px;
}
.ref-btn {
  margin-top: 3px;
  background: #009848;
  color: #fff;
  padding: 9px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ref-title {
  color: #000;
  text-align: left;
  font-size: 18px;
  margin: 0px;
  padding: 5px 0px;
}
.ref-title-2 {
  color: #000;
  text-align: left;
  font-size: 18px;
  padding-top: 10px;
}
.ref p {
  font-size: 15px;
  padding-top: 10px;
}
.tc-small {
  font-size: 11px !important;
}
/* end */
.sub_container,
.sub_container_reg {
  box-shadow: none;
  background: none;
  /* border: 1px solid #fff; */
}
.sub_container h2,
.sub_container_reg h2,
.forgot_ps_heading,
.valid_otp_heading,
.registration_input_lable,
.registration_radio {
  color: #fff;
}
.registration_radio {
  color: #000;
}
.registration_input_lable {
  color: #000;
  font-weight: bold;
}
.font-blank {
  color: #000 !important;
}
/* .bg_container::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: -1;
} */
/* .view_field_2 {
background: rgb(241, 245, 249);
} */
#referral-div .view_table {
  background: rgba(241, 249, 255, 0.93);
}
.Tnc_block{
  text-align: right;
  padding: 30px 60px;
  color: #fff;
}
.Tnc_block span{
  display: inline-block;
  background-color: #ed1b25;
  padding: 6px 6px;
 
}
.Tnc_block span a{
   cursor: pointer;
}

@media screen and (max-width: 900px) {
  .popupCont {
    width: 95%;
  }
  .lineitemHeader {
    justify-content: center;
    padding: 0px 0px 20px;
  }
  .lineattribute {
    list-style: none;
  }
  .mo_status {
    display: block;
  }
  .de_status {
    display: none;
  }
  .LineitemWrap .formdataWrap {
    padding: 15px 15px 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .LineitemWrap .flex_register {
    padding: 0px 0px 25px;
    width: 49%;
    margin: 0;
    text-align: left;
  }
  .viewinfo {
    font-size: 12px;
  }
  .LineitemWrap .LabelAnimation {
    font-size: 13px;
  }
  .LineitemWrap {
    padding: 20px 20px;
    width: 95%;
  }
  .lineitemheading h4 {
    font-size: 20px;
  }
  .boatcentreCont {
    display: block;
  }
  .BoatredeemCont {
    max-width: 100%;
    position: static;
  }
  .watchImg {
    position: static;
    margin: 0px auto 10px;
  }
  .BoatredeemWrap {
    margin: auto;
  }
  .boatcentrerightImg {
    position: static;
    max-width: 100%;
  }
  .boatcentrerightImg img {
    margin: 0px auto;
  }
}
@media screen and (max-width: 700px) {
  .boatdesktopImg {
    display: none;
  }
  .boatmoImg {
    display: block;
  }
  .desktopfm {
    display: none;
  }
  .offerheading_wrap {
    font-size: 11px;
  }
  .offerinfo_wrap,
  .GV_offer .btn-wrapper .redeembtn {
    font-size: 8px;
  }
  .mobilefm {
    display: block;
  }
  .GV_wrap {
    width: 95%;
  }
  .GV_logo {
    max-width: 70px;
  }
  .GV_tc ul,
  .GV_tc p {
    font-size: 5px;
  }
  #externalcoupons-div {
    padding: 20px;
  }
  .logoutbtn-wrap .logout {
    padding: 7px 8px;
    font-size: 13px;
    top: -56px;
  }
  .header1 {
    font-size: 15px;
  }
  .activate_sub {
    padding: 10px 20px;
    font-size: 15px;
  }

  .view_desktop {
    display: none;
  }
  .view_menu_icon {
    display: flex !important;
  }
  .bg_container {
/*    background-image: url("https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/82e60c1b-01c5-4ea2-91d2-027d9899.png");*/
    background-image: url("https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/230a94c6-2544-4cfe-ba20-f1bd57bc.png");
    background-position: top center;
    background-size: cover;
  }
  /*body{
background: url(https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/412dbfddad0b59b409e4.png) #ed1b24;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
position: absolute;
width: 100%;
height: 100px;
}*/
  .view_heading {
    font-size: 15px;
  }
  .view_fields {
    font-size: 13px;
  }
  .view_fields_loyal_2 {
    font-size: 13px;
  }
  h2 {
    font-size: 23px;
  }
  .registration_input_lable,
  .login_input_lable,
  .set_ps_input_lable,
  .forgot_ps_input_lable {
    font-size: 15px;
  }
  .registration_input,
  .login_input,
  .set_ps_input,
  .valid_otp_input,
  .forgot_ps_input {
    font-size: 12px;
    padding: 12px;
  }
  .valid_otp_heading,
  .forgot_ps_heading {
    font-size: 14px;
  }
  .forgot_ps_radio2 {
    width: 50%;
  }
  .forgot_ps_radio1 {
    width: 50%;
  }
  .registration_radio {
    font-size: 15px;
  }
  .view_table_heading {
    font-size: 10px;
  }
  .view_table_value {
    font-size: 10px;
  }
  .rewardsCont {
    width: 90%;
    margin: 0px auto 40px;
    max-width: 370px;
  }
  .figureImg,
  .figureImg1 {
    width: 100%;
  }
  .ref-title,
  .ref-title-2 {
    font-size: 15px;
  }
  .ref p {
    font-size: 13px;
  }
  .only_mob_hide {
    display: none;
  }
  .Tnc_block{
  padding: 30px 10px;
}
.Tnc_block span{
  padding: 10px 16px;
}

}

@media screen and (max-width: 800px) {
  .loyalty-img-wrap {
    flex-direction: column;
  }
  .loyalty-img-wrap figure {
    padding: 10px 0px 0px;
  }
  .view_mobile {
    font-size: 10px;
  }
  .view_mobile .active_menu {
    font-size: 12px;
  }
  .view_mobile li {
    width: 15%;
  }
  .points-msg,
  .coupon-msg,
  .transaction-msg,
  .transactionline-msg,
  .transactionline-msg {
    font-size: 15px;
  }
  .login_sub {
    width: 93%;
  }
  .valid_otp_redirect {
    display: block;
  }
  .sub_container {
    max-width: 550px;
    margin: 0px auto;
  }
  .registration_fields {
    width: 100%;
  }
  .forgot_ps_sub_btn {
    width: 100%;
  }
  .set_ps_redirect {
    display: block;
  }
  .registration_sub {
    width: 100%;
  }
  .view_sub_body {
    display: flex;
    flex-direction: column-reverse;
  }
  .view_left {
    width: 100% !important;
  }
  .view_right {
    width: 100% !important;
    padding: 20px 10px;
  }
  .view_desktop {
    width: 65%;
    font-size: 16px;
  }
  .view_input_field_2 {
    width: 60%;
    padding-left: 31px;
  }
  .view_input_label_2 {
    width: 40%;
    padding-left: 1px;
  }
  .view_fields_loyal_2 {
    width: 90%;
  }
  .tc-small {
    font-size: 10px !important;
  }
}
@media screen and (max-width: 550px) {
  .logo {
    max-width: 150px;
  }
  .view_table {
    max-height: 360px;
  }
  .couponcode-table {
    font-size: 11px;
  }
  .btn-wrapper .redeembtn {
    padding: 5px 7px;
    font-size: 12px;
  }
  .couponcode-error h2 {
    font-size: 12px !important;
    line-height: 100%;
  }
  .dobNote p {
    font-size: 11px;
  }
  .rewardstc {
    font-size: 14px;
  }
  .offername {
    font-size: 16px;
  }
  .rewardsSer {
    font-size: 20px;
  }
  .coupexpirydate {
    font-size: 11px;
  }
  .thankyou_modal h2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 450px) {
  .rewardsCont {
    max-width: 300px;
  }
  .popcontent h4 {
    font-size: 20px;
  }
  .popcontent p {
    font-size: 14px;
  }
}