/*logo-in-page start here*/
@import url('/css/font-awesome.min.css');
.headermainblock .container {
  width: 1320px;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
.headertop-block {
  width: 100%;
  height: 50px;
  background: #fff;
  padding: 0px;
}
.menu-leftblock {
  padding: 10px 0px 15px;
  text-align: left;
  float: left;
}
.menu-leftblock a {
  float: left;
}
.login-container-inner .login-container {
  width: 600px;
  height: 550px;
  background: #fff;
  border-radius: 20px;
  margin: auto;
}
.login-header a img {
  width: 184px;
  height: 50px;
}
.login-header {
  text-align: center;
  padding: 25px 0 10px 0;
}
.header-container, .headermainblock {
  padding: 0px;
}
/*logo-in-page end here*/
/*logo-in-page start here*/
.bodyContent {
  background-color: #f3f3f3;
}
.login-body {
  background-color: #fff;
  padding: 0px;
  z-index: 2;
  width: 300px;
  margin: auto;
  float: none;
}
.login-body h3 {
  margin: 0;
  padding: 0;
  text-align: center;
}
.logininner-block {
  padding: 0px;
}
.login-form-marring-0 h1 {
  margin: 0px !important;
  margin-bottom: 15px !important;
  text-align: center !important;
}
.login-form-marring-0 {
  margin: 0px !important;
}
.login-form {
  padding: 0px;
  margin-top: 30px;
}
.full-fledge label {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  float: left;
}
.login-form h1 {
  margin: 0;
  padding: 0;
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 29px;
  text-align: left;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
}
.padding-0 {
  padding: 0px;
}
.login-form-inner {
  margin-bottom: 15px;
}
.login-input-block {
  display: inline-block;
}
.full-fledge input[type="text"], .full-fledge input[type="password"], .inputControl {
  background-color: #F9F9F9;
  border-radius: 3px;
  border-bottom: 0px;
  width: 300px;
  height: 48px;
  margin-bottom: 15px;
  padding: 10px 20px;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: #9B9B9B;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  text-align: left;
}
.login-input-block .full-fledge {
  margin-bottom: 15px;
}
.full-fledge:focus, .full-fledge input[type="text"]:focus {
  outline: none;
}
.submit-block {
  width: 100%;
  padding: 0;
  margin: 0;
  float: left;
  display: inline-block;
}
.submit-btn {
  background-color: #6A57FF;
  border-radius: 4px;
  width: 300px;
  height: 48px;
  padding: 10px 0px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  padding-top: 12px;
}
.submit-btn a {
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
}
.full-fledge {
  width: 100%;
  float: left;
}
.full-fledge span {
  text-align: left;
  float: left;
}
.login-form h1 {
  text-align: left;
  margin: 0;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #000000;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.38px;
  line-height: 19px;
}
.login-container-inner {
  margin-top: 50px;
  text-align: center;
  padding: 0;
  margin-bottom: 50px;
}
.tag-manager h3 {
  color: #88919F;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.48px;
  line-height: 24px;
  text-align: center;
  text-transform: capitalize;
  margin-top: 55px;
}
.clear-fix {
  clear: both;
}
/*logo-in-page end here*/
/*forgot page start here*/
.fotgot-otp {
  text-align: center;
  margin: 25px 0;
  padding: 0;
}
.fotgot-otp a {
  font-family: Lato, sans-serif;
  color: #7B7B7B;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  text-transform: capitalize;
}
.forgotform .full-fledge label {
  color: #9B9B9B;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  float: left;
  padding: 0px 25px 10px;
  margin-bottom: 0;
}
.forgot-password-content p {
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #000;
}
.txtpassword {
  background: url('../images/icon-invisible.png') #F9F9F9 no-repeat 95%;
  background-size: 20px auto;
}
/*forgot page end here*/
/*No-Offers-Found-page start*/
.No-Offers-Found-container .container {
  width: 1003px;
  height: 590px;
  background: #fff;
  border-radius: 20px;
  margin: 50px auto;
  text-align: center;
}
.No-Offers-Found-container-img img {
  width: 360px;
  height: 250px;
  margin: 50px 0px 25px;
}
.No-Offers-Found-container h1 {
  text-align: center;
  margin-top: 0px;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
}
.Offers-List {
  margin-top: 30px;
}
.detailsBlk .rectangle-tab-container {
  z-index: 1;
}
.Offers-List a {
  color: #fff;
  font-size: 18px;
  background: #6a57ff;
  padding: 15px 30px;
  margin-top: 20px;
  border-radius: 6px;
}
.No-Offers-Found-container p {
  font-size: 16px;
  color: #7B7B7B;
  font-family: Lato, sans-serif;
}
.No-Offers-Found-container .container .login-form {
  margin-top: 0px;
}
.container-navbar .menu-leftblock {
  border-right: 1px solid #e7e7e7;
  width: 12%;
  float: left;
}
.menu-rigthblock {
  float: right;
  display: inline-flex;
  padding: 0;
}
.headerbottom-menu-leftblock, .headertop-search {
  width: 75%;
  float: left;
}
.headertop-search input {
  background-color: #F9F9F9;
  border-radius: 3px;
  width: 320px;
  height: 36px;
  border: 0px;
  padding: 0px 0px 0px 40px;
  margin-top: 7px;
}
.my-offers {
  color: #4a4a4a;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  /*border-top: 2px solid #6A57FF;*/
  margin-left: 30px;
  display: inline-block;
  padding-top: 15px;
}
.my-offers span {
  padding-top: 13px
}
.mentbtn-icon img {
  width: 70px;
  margin-top: 15px;
  margin-right: 30px;
}
.alarmbtn-icon img {
  width: 20px;
  margin: 15px;
}
.footer-container {
  background: #fff;
  height: 50px;
  width: 100%;
  float: left;
}
.header-search {
  background: url('../images/Search.svg')no-repeat left;
  position: absolute;
  background-size: 20px auto;
  top: 16px;
  z-index: 1;
  height: 20px;
  width: 20px;
  left: 43%;
}
.footer-container img {
  height: 37px;
  margin-top: 5px;
}
/*No-Offers-Found-page end*/
/*offeres-list page start*/
.offeres-list-container-left {
  background-color: #fff;
  padding-top: 65px;
  padding-bottom: 20px;
}
.offeres-list-container {
  padding: 0px;
}
.icon-arrow-img {
  width: 15px;
  height: 15px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  vertical-align: top;
  margin: -1px;
}
.page_number_active {
  color: #9c9c9c !important;
  margin: 0px;
  border-radius: 0px;
  /* padding: 12px; */
  font-size: 16px;
  margin-left: -1px;
}
.icon-arrow a {
  background-color: #F9F9F9;
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 9;
  left: auto;
  right: 0px;
  float: right;
  margin: 20px 0px;
  padding: 8px;
}
.ourlocatoin-left {
  left: -400px;
}
.ourlocatoin-active {
  left: -400px;
  background-color: transparent;
}
.offeres-list-container-left-nav {
  padding: 0px;
  width: 18.4%;
  background: #fff;
  min-height: 657px;
}
.icon-arrow {
  float: left;
  position: absolute;
  left: 218px;
  z-index: 99;
}
.menu-rigthblock .mentbtn-icon img {
  margin-top: 0px;
  width: 62px;
  margin-right: 0px;
  padding: 7px;
}
.icon-arrow-active {
  left: auto;
}
.icon-arrow-active a img {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.offeres-list-container-left .headertop-search input {
  width: 100%;
}
.offeres-list-container-left .headertop-search {
  width: 100%;
}
.offeres-list-container-left .header-search {
  left: 26px;
  top: 80px;
}
.offeres-list-container .offeres-list-container-left-width {
  width: 100%;
}
.offeres-list-container-right {
  width: 81.6%;
  background-color: #F3F3F3;
  min-height: 657px;
}
/* height: 530px;
    overflow-x: hidden;
    overflow-y: scroll;*/
}
/* width */
/*.offeres-list-container-right::-webkit-scrollbar {
  width: 10px;
}*/
/* Track */
/*.offeres-list-container-right::-webkit-scrollbar-track {
  background: #f1f1f1;
}*/
/* Handle */
/*.offeres-list-container-right::-webkit-scrollbar-thumb {
  background: #888;
}*/
/* Handle on hover */
/*.offeres-list-container-right::-webkit-scrollbar-thumb:hover {
  background: #555;
}*/
.rectangle-tab {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding-left: 25px;
  height: 100px;
}
.rectangle-tab h2 {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  float: left;
  width:100%;
}
.rectangle-tab p {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  float: left;
}
.Active-button {
  /*background-color: rgba(0, 184, 148, 0.1);*/
  background-color: rgba(0, 128, 128, 0.2);
  border-radius: 5px;
  padding: 5px 14px;
  padding: 3px 12px;
  margin-top: 0px;
  float: left;
  color: #00B894;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-left: 0px;
}
.clear-fix {
  clear: both;
}
.rectangle-tab-container {
  margin-bottom: 20px;
  background: #fff;
  border-radius: 10px;
  padding-bottom:15px;
}
.rectangle-tab-right {
  padding: 0px;
}
.Bata-logo-box {
  float: right;
  margin-top: 0px;
}
.rectangle-tab-center .Bata-logo-box {
  background-color: #FFD050;
  border-radius: 10px;
  width: 30px;
  height: 30px;
  float: left;
  margin-left: 10px;
}
.rectangle-tab-center {
  text-align: left;
}
.rectangle-tab-center .Bata-logo-box img {
  width: 15px;
  vertical-align: top;
  margin: 0px;
}
.rectangle-tab-center .Bata-logo-box a {
  padding: 7px;
  display: block;
}
.rectangle-tab-center .Bata-logo-box:nth-child(2) {
  background-color: #6A57FF;
}
.show-detailes {
  margin-top: 20px;
}
.show-detailes-inner {
  padding: 0px;
}
.show-detailes-inner p {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  padding-left: 7px;
  padding-top: 5px;
}
.Sort-by {
  padding: 6px 18px;
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
}
.news {
  display: block;
  color: #7B7B7B;
  font-size: 13px;
  font-weight: 400;
  height: 30px;
  padding: 6px 6px;
  font-family: Lato, sans-serif;
  border: 0;
  line-height: 1.42857143;
  border-radius: 6px;
  text-align: center;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../images/down-arrow.svg) no-repeat #fff;
  background-position: right center;
  outline: none;
  background-size: 25px auto;
}
.filter-button {
  float: right;
  border-radius: 3px;
  background: url('../images/icon-filter.svg') center #F9F9F9 no-repeat;
  padding: 15px;
  top: 0px;
  cursor: pointer;
}
.Search-button {
  padding: 0px;
}
.Search-button .header-search {
  float: left;
  border-radius: 3px;
  background: url('../images/Search.svg') center #F9F9F9 no-repeat;
  padding: 15px;
  top: 0px;
  position: relative;
  left: auto;
  background-size: 20px auto;
  z-index: 0;
}
.show-detailes .show-detailes-inner:nth-child(1) {
  margin-top: 0px;
  display: inline-flex;
  margin-bottom: 4px;
}
.show-detailes .show-detailes-inner:nth-child(2) {
  margin-top: 0px;
  margin-bottom: 6px;
  /* width: 70px;*/
  float: right;
}
.select-input .news {
  /*background-position: right center;
      background: url(../images/down-arrow.svg) no-repeat 95% #F9F9F9;*/
  display: block;
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  height: 36px;
  padding: 6px 12px;
  border: 0;
  line-height: 1.42857143;
  color: #555;
  text-align: center;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  background-size: 25px auto;
}
.select-input {
  /*margin-bottom: 15px;*/
}
.select-input .Sort-by {
  color: #7B7B7B;
  font-size: 13px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  padding-left: 0px;
}
.button-container a {
  background-color: #FFFFFF;
  border: 1px solid #6A57FF;
  border-radius: 3px;
  padding: 7px 7px;
  height: 34px;
  width: 50%;
  display: block;
  float: left;
  vertical-align: middle;
  font-size: 13px;
  font-family: Lato, sans-serif;
  text-align: center;
}
.button-container a:nth-child(1) {
  border: 0px;
  padding-left: 0px;
  text-align: left;
}
.button-container {
  margin-top: 20px;
}
/*offeres-list page end*/
/*offeres-and-Discount page end*/
.offeres-discount-container-right .rectangle-tab-center .Bata-logo-box {
  margin-top: 0px;
  float: right;
}
.offeres-discount-container-right .Active-button, .offeres-discount-container-right .Paused-button, .offeres-discount-container-right .Stopped-button, .offeres-discount-container-right .expired-button {
  margin: 0px;
}
.offeres-discount-container-right .draft-button {
  margin: 0px;
}
/*offeres-and-Discount end*/
/*anju*/
/*Offer deatils css starts here*/
.rectangle-tab-center #iconBox:nth-child(1) {
  background-color: #FFD050;
}
.rectangle-tab-center #iconBox:nth-child(2) {
  background-color: #6A57FF;
}
#show-right:nth-child(1) {
  width: 66%;
}
#show-right:nth-child(2) {
  /* width: 70px;*/
  float: right;
}
.show-detailes-inner .Sort-by {
  padding: 8px;
}
.rectangle-tab-center .Bata-logo-box:nth-child(1) {
  background-color: #7B7B7B;
}
.rectangle-tab-center #iconBox img {
  width: 15px;
}
.rectangle-tab-center #iconBox a {
  padding: 7px 8px;
}
.headerbottom-menu-leftblock .active {
  color: #6A57FF;
  border-top: 3px solid #6A57FF;
}
.back-btn {
  background-color: #F9F9F9;
  padding: 5px 10px 5px 30px;
  border-radius: 3px;
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
}
.back-btn img {
  position: absolute;
  left: 10px;
  top: 8px;
  width: 12px;
  height: 12px;
}
.btn-block {
  margin-top: 20px;
}
.btn-block-inner {
  margin-top: 0px;
  display: inline-flex;
  margin-bottom: 4px;
  float: right;
  padding: 0;
}
.btn-disable {
  background-color: #F9F9F9 !important;
  color: #B1B1B1 !important;
}
.btn-block-inner a {
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 9px 20px;
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  margin-right: 5px;
}
.formBlk {
  padding: 0;
  text-align: left;
}
.form-tab {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 20px 78px;
  margin-bottom: 20px;
}
.form-tab label {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
}
.form-tab .block1 {
  margin-bottom: 15px;
}
.form-tab #desctop {
  padding-top: 20px;
}
.form-tab .block1 .inputBox {
  background-color: #F9F9F9;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  border: 0;
}
.block1 input[type='text'] {
  font-size: 14px;
  font-family: Lato, sans-serif;
  text-align: left;
}
.headertop-search input[type="text"]::-webkit-input-placeholder {
  color: #9A9A9A;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
}
input[type="text"]::-webkit-input-placeholder {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
}
.form-tab .block1 span {
  color: #B1B1B1;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  float: right;
  padding: 5px 0;
}
.selectBox {
  display: block;
  color: #7B7B7B;
  font-weight: 400;
  height: 40px;
  padding: 8px 20px;
  border: 0;
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 3px;
  width: 100%;
  line-height: 1.42857143;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../images/down-arrow.svg) no-repeat #F9F9F9;
  background-position: right center;
  outline: none;
  background-size: 25px auto;
}
textarea.form-control {
  background-color: #F9F9F9;
  border-radius: 5px;
  width: 100%;
  border: 0;
  padding: 10px 20px;
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  outline: none;
  border: 0;
}
/*textarea.form-control{
  height: 125px;
}*/
textarea::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  margin: 20px 0;
}
textarea::-webkit-scrollbar-thumb {
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #d8d8d8;
  margin: 10px 0;
}
.validBlk {
  width: 100%;
  display: inline-flex;
  margin-top: 12px;
}
.validBlk .leftblk {
  width: 50%;
  margin-right: 15px;
}
.validBlk .rgtblk {
  width: 50%;
}
.calendar {
  background: url(../images/icons8-calendar.svg) no-repeat right;
  background-position: 96%;
  background-size: 18px;
  border: 0;
  cursor: pointer;
}
.mobileDealcode {
  width: 50%;
  margin-right: 15px;
  border-radius: 10px;
  background-color: #F3F3F3;
  border: 1px dashed #C1C1C1;
  padding: 20px 0;
  text-align: center;
}
.websiteDealcode {
  width: 50%;
  border-radius: 10px;
  background-color: #F3F3F3;
  border: 1px dashed #C1C1C1;
  padding: 20px 0;
  text-align: center;
}
.mobileDealcode h5, .websiteDealcode h5 {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 17px;
  text-align: center;
  margin: 5px 0;
}
.block1 .mobileDealcode .size, .block1 .websiteDealcode .size {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: center !important;
  float: none;
}
.btn-wrap {
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-top: 15px;
  width: 100%;
}
.upload-btn {
  background-color: white;
  padding: 8px 10px;
  border-radius: 5px;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  background-color: #6A57FF;
  border: 1px solid #6A57FF;
  border-radius: 5px;
  width: 100px;
  height: 32px;
  cursor: pointer;
}
.btn-wrap input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  cursor: pointer;
}
.block1 a {
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  text-align: center;
  font-family: Lato, sans-serif;
}
.close-btn {
  border: 0;
  padding: 10px 15px;
  color: #7B7B7B;
  margin-right: 54px;
  font-family: Lato, sans-serif;
  font-size: 14px;
}
.block1 .leftbtn {
  width: 100%;
}
.saveClose-btn {
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  padding: 8px 15px;
  color: #7B7B7B;
  font-size: 14px;
  font-family: Lato, sans-serif;
  margin-right: 10px;
  float: right;
}
.proceed-btn {
  border: 1px solid #6A57FF;
  border-radius: 5px;
  padding: 8px 15px;
  color: #6A57FF;
  font-size: 14px;
  font-family: Lato, sans-serif;
  margin-right: 10px;
  float: right;
}
.save-btn {
  background-color: #6A57FF;
  border: 1px solid #6A57FF;
  border-radius: 5px;
  padding: 8px 26px;
  font-family: Lato, sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  float: right;
}
.listCategories {
  list-style: none;
}
.listCategories li {
  margin: 15px 0;
}
.listCategories li a {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  padding: 0 30px;
}
.offerCheck {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  font-size: 9px;
  text-align: center;
  line-height: 17px;
  color: #fff;
  padding: 0px;
  position: absolute;
  right: 10px;
}
.checkActive::after {
  content: '';
  background: url(../images/icon-tick.svg)no-repeat right;
  background-size: 12px;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 8px;
}
.listCategories .iconHotel {
  content: '';
  background: url(../images/icons-bed.svg)no-repeat left;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 17px;
}
.listCategories .iconTravel {
  content: '';
  background: url(../images/icon-travel.svg)no-repeat left;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 17px;
}
.listCategories .iconOthers {
  content: '';
  background: url(../images/icon-others.svg)no-repeat left;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 17px;
}
.listCategories .iconRest {
  content: '';
  background: url(../images/icons-restaurant.svg)no-repeat left;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 53px;
}
.listCategories .iconReel {
  content: '';
  background: url(../images/icons-film_reel.svg)no-repeat left;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 90px;
}
.listCategories .iconHealth {
  content: '';
  background: url(../images/icons-ambulance.svg)no-repeat left;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 121px;
}
.listCategories .iconRetail {
  content: '';
  background: url(../images/icons-shop.svg)no-repeat left;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 157px;
}
.listCategories .iconSpa {
  content: '';
  background: url(../images/icons-bathtub.svg)no-repeat left;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 190px;
}
.listCategories .iconBanks {
  content: '';
  background: url(../images/icons-merchant_account.svg)no-repeat left;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 228px;
}
.listCategories .iconCafe {
  content: '';
  background: url(../images/icons-cafe.svg)no-repeat left;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 261px;
}
.offeres-list-container-left-nav {
  padding-bottom: 50px;
}
.rectangle-tab-container .tab-active {
  border: 1px solid #6A57FF;
}
.rectangle-tab-container .tab-active h2 {
  color: #6A57FF;
}
/*Offer deatils css ends*/
/*discount css */
.rectangle-tab-center #iconBox1:nth-child(2) {
  background-color: #6A57FF;
}
.rectangle-tab-center #iconBox1:nth-child(1) {
  background-color: #FFD050;
}
.btn-block-inner .downArrow {
  background: url(../images/icon-arrow.svg)no-repeat right;
  background-size: 13px;
  background-position: 95%;
  background-color: #fff;
  margin-right: 0;
  padding: 8px 26px 8px 10px;
}
.btn-block-inner .downArrow img {
  margin-right: 10px;
}
#btnDiv {
  padding: 0;
  width: 100%;
  text-align: left;
  display: block;
}
/*#btnDiv a:nth-child(1){
  margin-left: 37px;
}*/
.brands ul li img {
  width: 60px;
  margin-bottom: 5px;
}
.brands ul li:nth-child(3n+1) {
  clear: both;
}
.ticket {
  background: url(../images/icons8-calendar.svg)no-repeat;
  background-size: 20px;
  background-color: #fff;
  border: 0;
  background-position: 97%;
  cursor: pointer;
  width: 218px;
	display: inline-block;
	float: right;
    margin-right: 6px;
}
.offer-inner-container {
  background-color: #F9F9F9;
  border-radius: 20px;
  padding: 20px 15px 6px;
  margin-bottom: 20px;
}
.couponDiv {
  /*min-height: 215px;*/
  /*margin-bottom: 8px;*/
  padding: 0;
  width: 100%;
  float: left;
}
.couponBox {
  background-color: #FFFFFF;
  border-radius: 15px;
  width: 31.4%;
  height: 100px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 10px 15px;
  overflow: hidden;
  position: relative;
}
.couponBox:nth-child(3), .couponBox:nth-child(6) {
  margin-right: 0;
}
.couponBox label {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  width: 100%;
}
.couponBox span {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 36px;
  text-align: left;
}
.icon-img {
  float: right;
  margin-right: 15px;
  width: 30px;
  height: 30px;
}
.wrapinner {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 15px 10px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
}
.wrapinner h2, .subscriber-container .wrapinner h2 {
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 19px;
  text-align: center;
}
.subscriber-container .wrapinner h2 {
  padding: 100px 0;
}
.subscriber-container {
  border-radius: 15px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  margin: 10px 0 15px;
  background-color: #fff;
}
.subscriber-container h2 {
  font-size: 15px;
  padding: 0 30px;
  color: #000;
  font-family: Lato, sans-serif;
  font-weight: 600;
  line-height: 19px;
  text-align: left;
  margin: 15px 0;
}
.subscriber-container img {
  width: 100%;
}
.subscriber-container .table tr th {
  background-color: #f9f9f9;
  padding: 8px 30px;
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}
.subscriber-container .table tr td {
  padding: 8px 30px !important;
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
}
.subscriber-container .table tr td:nth-child(4) {
  text-align: right;
}
.subscriber-container .graph2 {
  padding: 20px 28px;
  width: 100%;
}
/*dealCloudForm*/
.OfferForm-container-inner {
  margin-top: 22px;
  text-align: center;
  padding: 0;
  margin-bottom: 50px;
}
.OfferForm-container-inner .offerFrom-container {
  width: 700px;
  height: auto;
  background: #fff;
  border-radius: 20px;
  margin: auto;
}
#offerList-form {
  width: 100%;
  background-color: #F3F3F3;
}
.stepDivinner {
  margin: auto;
  width: 34%;
  text-align: center;
  min-height: 68px;
}
.stepWizard {
  width: 100%;
  float: left;
  position: relative;
}
.stepWizard .line {
  width: 100%;
  float: left;
  height: 5px;
  background: #DFDFDF;
  position: absolute;
  margin-top: 29px;
  margin-left: 0%;
  margin-right: 0%;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.leftIcon {
  top: 19px;
  left: -40px;
  position: absolute;
}
.middleIcon {
  top: 19px;
  left: 140px;
  position: absolute;
}
.rightIcon {
  top: 19px;
  right: -40px;
  position: absolute;
}
.stepWizard .circleBtn {
  text-align: center;
  padding: 4px 7px;
  font-size: 12px;
  border-radius: 100%;
  background-color: #DFDFDF;
  width: 22px;
  height: 22px;
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-weight: 600;
  line-height: 14px;
  width: 7.7px;
  text-align: left;
}
.circleBtn.active, .line.active {
  background-color: #6A57FF;
  color: #fff;
}
.circleBtn p {
  color: #4A4A4A !important;
}
.leftIcon p {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  margin: 10px 0;
}
.middleIcon p, .rightIcon p {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  margin: 10px 0;
}
.stepDiv {
  margin-top: 20px;
}
.forminnerContainer {
  background-color: #FFFFFF;
  padding: 20px 44px;
  border-radius: 20px;
}
#tabDiv {
  margin: 0;
  padding-bottom: 10px;
}
.btnDiv {
  display: inline-flex;
  padding: 0;
}
#align-center {
  padding: 0 148px;
}
.leftBtn .close-btn {
  border: 0;
  padding: 10px 15px;
  color: #7B7B7B;
  font-size: 14px;
  font-family: Lato, sans-serif;
  float: left;
}
.rightBtn {
  float: right;
  width: 90%;
}
.saveContinue-btn {
  background-color: #6A57FF;
  border: 1px solid #6A57FF;
  border-radius: 5px;
  padding: 8px 17px;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Lato, sans-serif;
  float: right;
}
.btnDiv .proceed-btn {
  padding: 8px 30px;
}
.block1 .innerBlk {
  position: relative;
}
.innerBlk .days-btn {
  background-color: #EDEDED;
  border-radius: 3px;
  padding: 12px 24px;
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
}
.btnalign {
  padding: 60px 0 40px;
}
/*profile overview*/
.login-form h2 {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  text-align: left;
  margin-bottom: 20px;
  text-transform: capitalize;
}
#txtUserid {
  height: 42px;
  margin-bottom: 20px;
}
.leftBtn .pdlft {
  padding: 10px 0;
}
.pdleft {
  padding: 10px 42px;
}
.submitBlk {
  width: 100%;
  display: inline-flex;
  margin-top: 40px;
}
.login-container-inner .profileContainer {
  height: 500px;
  margin-bottom: 20px;
}
.logBlk {
  padding: 0;
  width: 600px;
  margin: auto;
  display: inline-flex;
}
.loginnerBlk {
  width: 50%;
  padding: 20px 0;
}
.loginnerBlk a {
  background-color: #E8E8E8;
  border-radius: 3px;
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}
.loginnerBlk .psdIcon {
  background: url(../images/icons-password.svg) no-repeat;
  background-position: 8%;
  padding: 10px 20px 10px 30px;
  background-color: #E8E8E8;
  float: left;
}
.loginnerBlk .loglink {
  float: right;
  padding: 10px 15px;
}
#chgpsdContent {
  width: 450px;
}
.forminner {
  min-height: 238px;
}
#innerContent {
  border-radius: 20px;
  padding: 10px 73px;
  background-color: #fff;
}
#modalTitle {
  background-color: #fff;
  padding: 20px 0 10px;
  text-align: left;
}
.psdForm h1 {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 21px;
  text-align: left;
}
#btnBlk {
  margin: 15px 0 20px;
}
/*ends*/
/*Dealcode rules css*/
.dealcodeTitle h1 {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 21.98px;
  text-align: left;
}
/*radiobutton css*/
.radiobtn {
  display: block;
  position: relative;
  padding-left: 24px;
  padding-top: 7px;
  margin-bottom: 12px;
  cursor: pointer;
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radiobtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 8px;
  left: 0px;
  height: 16px;
  width: 16px;
  background-color: #fff;
  /* border: 1px solid #d8d8d8; */
  background: url(../images/Oval.svg)no-repeat;
  border-radius: 50%;
  background-size: 16px;
  background-position: 62%;
}
.radiobtn:hover input ~ .checkmark {
  background-color: #fff;
}
.radiobtn input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #6A57FF;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radiobtn input:checked ~ .checkmark:after {
  display: block;
}
.radiobtn .checkmark:after {
  top: 2.4px;
  left: 2.4px;
  width: 9.6px;
  height: 9.6px;
  border-radius: 50%;
  background: #6A57FF;
}
/*radiobutton css ends*/
.radioBlk {
  padding: 10px 0 40px;
}
.innerradioBlk {
  display: inline-flex;
  margin-bottom: 10px;
}
.radioBlk .form-control {
  width: 120px;
  height: 34px;
  background-color: #F9F9F9;
  border: 1px solid #E6E6E6;
  border-radius: 3px;
}
.radioBlk .inputbox1 {
  margin-left: 56px;
}
.radioBlk .inputbox2 {
  margin-left: 23px;
}
.OfferForm-container-inner .dealcodeContainer {
  width: 800px;
  height: 506px;
}
.dealcodeinnerContainer {
  padding: 20px 40px 20px 80px;
}
.dealimgBlk {
  margin: 40px 0;
}
.dealinnerBlk {
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  width: 200px;
  height: 180px;
  position: relative;
}
.dealinnerBlk::before {
  content: '';
  background: url('../images/checked-checkbox.svg') no-repeat;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 8px;
}
.hotdealImg img {
  width: 60px;
  height: 80px;
}
.hotdealImg {
  position: absolute;
  top: 21%;
  left: 35%;
  width: 80px;
  height: 80px;
}
.dealinnerBlk span {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  position: absolute;
  bottom: 25px;
  left: 45px;
}
.btnalign1 {
  padding: 60px 24px 40px;
}
/*offercategories*/
.downloadBlk {
  display: inline-flex;
  float: right;
  padding: 10px 0 20px;
}
.updateIcon {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(106, 87, 255, 0.2);
  border-radius: 5px;
  padding: 8px 20px 8px 24px;
  background: url('../images/icons-downloading_updates.svg')no-repeat 4%;
  color: #6A57FF;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  margin-right: 10px;
}
/*coming soon css*/
.expired-button {
  /*background-color: rgba(235, 77, 75, 0.1);*/
  background-color: rgba(169, 169, 169, 0.2);
  border-radius: 5px;
  padding: 3px 12px;
  margin-top: 0px;
  float: left;
  /*color: #FF6A6A;*/
  color: #a9a9a9;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-left: 0px;
}
#Btndiv a:nth-child(1), #Btndiv a:nth-child(2), #Btndiv a:nth-child(3), #Btndiv a:nth-child(4) {
  background-color: #F9F9F9;
  color: #B1B1B1;
}
#Btndiv a:nth-child(5) {
  background-color: #FFFFFF;
  color: #4A4A4A;
}
#tabinner h2 {
  margin-bottom: 0;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
}
#tabinner p {
  margin: 0;
  font-size: 12px;
}
/*details screen css*/
.rectangle-tab-center #listIcon a {
  padding: 11px 10px;
}
.rectangle-tab-center #listIcon img {
  width: 20px;
}
.rectangle-tab-center #listIcon:nth-child(1) {
  background-color: #FFD050;
}
.rectangle-tab-center #listIcon {
  height: 40px;
  width: 40px;
}
.draft-button {
  /*background-color: #F3F3F3;*/
  background-color: rgba(173, 216, 230, 0.2);
  border-radius: 5px;
  padding: 3px 12px;
  margin-top: 0px;
  float: left;
  color: #ADD8E6;
  /*color: #7B7B7B;*/
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-left: 0px;
}
.rectangle-tab-center #listIcon:nth-child(3) {
  background-color: #7B7B7B;
}
.rectangle-icon-right #logoIcons {
  margin-top: 9px;
}
.rectangle-icon-right #logoIcons:nth-child(3) img {
  width: 57px;
  margin: 10px 10px 0 0;
}
.rectangle-icon-right #logoIcons:nth-child(2) img {
  width: 68px;
  margin: 10px 10px 0 0;
}
.rectangle-icon-right #logoIconsH:nth-child(1) img {
  width: 90px;
  margin: 12px 0px 0 0;
}
.rectangle-icon-right #logoIcons:nth-child(1) img {
  width: 68px;
  margin: 12px 0px 0 0;
}
.rectangle-icon-right .more-btn {
  position: absolute;
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  float: right;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  margin-top: 10px;
  right: 5px;
  top: 68px;
}
.top-align .expired-button {
  margin-top: 15px;
  margin-left: 20px;
}
/*modal popupofferlisticons css*/
.bonanzaForm p {
  color: #B3B3B3;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
#ModalWidth {
  width: 95%;
}
#Title-section {
  background-color: #fff;
  padding: 20px 0 0;
  text-align: center;
}
#CouponContent {
  border-radius: 20px;
  padding: 10px 37px;
  background-color: #fff;
}
.bonanzaForm h1 {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 36px;
  text-align: center;
  margin: 8px 0;
}
.offerdetails {
  text-align: center;
}
.offerdetails span {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
}
.offerdetails p {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  padding: 10px 0 15px;
}
.offerdetails ul {
  text-align: center;
  list-style: none;
  margin-bottom: 20px;
}
.offerdetails ul li::before {
  content: '\25CF';
  padding: 0 10px;
}
.offerdetails ul li {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 12px;
  text-align: center;
  padding: 5px 0;
}
/*.bonanza-coupons .offerDiv:nth-child(4),.bonanza-coupons .offerDiv:nth-child(8){
  margin-right:0;
}*/
.offerDiv {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  height: 130px;
  width: 268px;
  display: inline-flex;
  margin-right: 15px;
  margin-top: 15px;
}
.offerList {
  padding: 12px 0;
  width: 100%;
  text-align: left;
}
.offerList h4 {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15.87px;
  text-align: left;
  margin: 0;
}
.offerList p {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15.87px;
  text-align: left;
  margin: 0;
}
.innerList {
  padding-bottom: 10px;
}
.imgIcon img {
  padding: 10px 0;
  margin-right: 8px;
  width: 61px;
}
.btnSection {
  position: relative;
  display: inline-flex;
  padding-bottom: 10px;
}
.btnSection a {
  padding: 8px 12px 8px 25px;
  border: 0;
  height: 28px;
  margin-top: 6px;
  color: #2B2B2B;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: right;
  background-color: #E9E9E9;
  border-radius: 5px;
}
.unlockBtn {
  background: url(../images/icons-lock.svg)no-repeat #E9E9E9 5%;
  background-size: 16px;
}
.vmart-btn {
  background: url(../images/icons-checkmark1.svg)no-repeat #E9E9E9 5%;
  background-size: 16px;
}
.looks-btn {
  background-color: #D4D4D4 !important;
}
.lockIcon {
  background: url('../images/icons-lock1.svg')no-repeat 5%;
  background-size: 16px;
  background-color: #D4D4D4 !important;
  color: #2B2B2B;
}
.btnSection .rangebtn {
  background-color: #FFCD00;
  border-radius: 5px;
  border: 0;
  padding: 10px 9px 10px 93px;
  /* text-align: right; */
  /* float: right; */
  height: 40px;
}
.bonanzaOffer {
  min-height: 591px;
}
.validText {
  display: block;
  white-space: nowrap;
}
.expire-in {
  color: #909090;
  font-family: Lato, sans-serif;
  font-size: 8px;
  font-weight: 400;
  line-height: 10.74px;
  text-align: left;
  padding-left: 8px;
  text-transform: uppercase;
}
.btnSection label {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.46px;
  text-align: left;
  vertical-align: top;
  padding-left: 7px;
  text-transform: uppercase;
}
.loadmoreBtn {
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 3px;
  margin: auto;
  width: 100px;
  padding: 7px 10px;
}
.loadmoreBtn a {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  text-transform: uppercase;
}
.closeIcon img {
  outline: none;
  position: absolute;
  right: 16px;
  top: 15px;
}
/*offer catalogue*/
.OfferForm-container-inner ul {
  margin: auto;
  width: 35%;
}
.OfferForm-container-inner ul li a {
  /*border-top-right-radius: 8px;
  border-top-left-radius: 8px;*/
  color: #6A57FF;
  font-size: 14px;
  font-family: Lato, sans-serif;
  background-color: #F9F9F9;
  border-radius: 10px 10px 0 0;
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
ul li.active {
  background-color: #FFFFFF;
  color: #6A57FF;
  border-radius: 10px 10px 0 0;
}
.tab-content {
  background-color: #FFFFFF;
  border-radius: 30px;
  margin-top: 0px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #6A57FF;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  font-weight: 700;
}
.offersinnerblk {
  padding: 30px 30px;
  background-color: #fff;
  border-radius: 30px;
  width: 1164px;
  height: auto;
}
.searchDiv {
  /*margin: auto;
  width: 32%;*/
  display: inline-flex;
}
.search-blk {
  background: url('../images/Search.svg')no-repeat 2%;
  background-size: 16px;
  background-color: #F9F9F9;
  border-radius: 6px;
  width: 350px;
  outline: none;
  padding: 6px 26px;
  border: 0;
  margin-right: 10px;
}
.searchDiv input[type="text"]::-webkit-input-placeholder {
  color: #9A9A9A;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
}
.searchDiv span {
  color: #6A57FF;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: right;
  padding-top: 7px;
}
.topContent {
  display: inline-flex;
}
.publisher-offers {
  padding: 10px 0px;
}
.publisher-title h1 {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
}
#offerinnerDiv {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
  height: 150px;
  margin-right: 8px;
}
#offerinnerDiv .tickIcon {
  position: absolute;
  top: -6px;
  right: -5px;
}
.unlockBtn {
  background-color: #FFCD00;
  border-radius: 5px;
  width: 114px;
  height: 28.5px;
}
.unlocktop-btn {
  background: url('../images/icons-lock.svg')no-repeat 3%;
  background-size: 16px;
  position: absolute;
  top: 0px;
  left: 0;
  background-color: #E9E9E9;
  width: 83.06px;
  height: 28.58px;
  border: 0;
  color: #2B2B2B;
  font-family: Lato, san-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  padding: 9px 15px 9px 25px;
}
.preview-btn {
  border: 1px solid #F3F3F3;
  border-radius: 13px;
  width: 90px;
  height: 26px;
  background: url('../images/icon-preview.svg')no-repeat 10%;
  background-size: 16px;
  padding: 2px 15px 2px 26px;
  margin-left: 8px;
}
.previewIcon {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}
#offerinnerDiv .btnSection, .offer1 .btnSection {
  padding-bottom: 5px;
}
.offer1 {
  background-color: #FFFFFF;
  border: 1px solid #F3F3F3;
  border-radius: 8px;
  box-shadow: none;
  width: 268px;
  height: 150px;
  margin-right: 10px;
}
.validText .expired {
  color: #D02139;
  font-family: Lato, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 10.74px;
  text-align: left;
  padding-left: 8px;
  letter-spacing: 0.46px;
  text-transform: uppercase;
}
.footerbtn {
  padding: 20px 0;
}
.stepWizard .line1 {
  width: 50%;
  float: left;
  height: 5px;
  background: #DFDFDF;
  position: absolute;
  margin-top: 29px;
  margin-left: 0%;
  margin-right: 0%;
  right: 0;
}
.Selectedoffersblk {
  height: 548px;
}
.Selectedoffersblk .btnDiv {
  margin-top: 150px;
}
.validText img {
  width: 22px;
  height: 22px;
  margin: 8px 10px 10px;
}
/*advanced search panel*/
.Offer-searchPanel {
  margin: 20px 0;
}
.offerinnerPanel {
  background-color: #F9F9F9;
  border: 1px solid #EFEFEF;
  border-radius: 10px;
  width: 900px;
  height: 200px;
  margin: auto;
  text-align: center;
  padding: 18px 0;
  position: relative;
}
.offerinnerPanel .createBlk {
  display: inline-flex;
  text-align: left;
  margin-top: 10px;
}
.panel1 {
  margin-right: 15px;
  margin-top: 10px;
}
.panel1 label {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  width: 100%;
}
.dateBox {
  background-color: #FFFFFF;
  border-radius: 3px;
  width: 200px;
  height: 42px;
}
.panel1 .selectType {
  background-position: right center;
  background-size: 25px auto !important;
  background: url(../images/down-arrow.svg) no-repeat 95% #fff;
  display: block;
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  height: 42px;
  padding: 6px 12px;
  border: 0;
  line-height: 1.42857143;
  color: #555;
  text-align: center;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  width: 200px;
}
.panel1 a {
  border-radius: 3px;
  padding: 12px 18px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin: 23px 0;
}
.applybtn {
  border: 1px solid #6A57FF;
  background-color: #FFFFFF;
  color: #6A57FF;
  float: left;
  height: 42px;
  width: 110px;
  padding: 10px 20px;
}
.resetbtn {
  float: right;
  color: #7B7B7B;
  text-align: center;
}
.ApplyPanel {
  display: inline-flex;
}
.offerDiv1 {
  margin: 0 120px;
}
.offerDiv1 .tickIcon {
  right: 14%;
  top: -6%;
  position: absolute;
}
/*offer n description start*/
.Description {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
}
.Description h3 {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
}
.Description p, .Description ul li {
  color: #4A4A4A;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 10px;
  text-align: left;
}
.Description ul li a {
  color: #3898FF;
  text-decoration: underline;
  font-family: Lato, sans-serif;
}
.Description ul li:nth-child(7) {
  list-style: none;
  margin-bottom: 40px;
}
.find-store {
  text-align: center;
  float: none;
  margin-bottom: 20px;
}
.find-store a {
  background-color: #FFCD00;
  border-radius: 5px;
  width: 250px;
  height: 60px;
  float: none;
  display: inline-block;
  padding: 17px;
  color: #4A4A4A;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-weight: 600;
}
.find-store a span {
  background: url('../images/icon-location.png') left no-repeat;
  background-size: 25px auto;
  padding-left: 32px;
}
.container-list-box {
  padding: 0px;
  background: #5533FF;
  border-radius: 10px 10px 0px 0px;
  padding-bottom: 15px;
}
.Expire-in h3 img {
  width: 20px;
}
.copycode img {
  width: 25px;
  vertical-align: top
}
.copycode h2 a {
  color: #fff;
}
.unlock a span {
  background: url(../images/unlock-btn.svg)left no-repeat;
  padding-left: 30px;
  background-size: 14px auto;
}
.batalogo-box-inner {
  text-align: center;
  margin: auto;
  width: 118px;
  float: none;
  background: #ffff;
  height: 80px;
  border-radius: 10px;
}
.copycode::after {
  content: "";
  background-color: #f3f3f3;
  width: 50px;
  border-radius: 100%;
  height: 50px;
  display: inline-block;
  position: absolute;
  left: auto;
  top: 18px;
  right: -26px;
}
body {
  overflow-x: hidden;
}
.copycode::before {
  content: "";
  background-color: #f3f3f3;
  width: 50px;
  border-radius: 100%;
  height: 50px;
  display: inline-block;
  position: absolute;
  left: -26px;
  top: 18px;
}
.batalogo-box {
  margin: 30px 0px;
}
.batalogo-box-inner img {
  /*padding: 20px;*/
  width: 95px;
  padding-top: 10px;
  height: 68px;
  display: inline-block;
}
.container-list-box p {
  font-family: Lato, sans-serif;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 15px;
}
.copycode {
  border-top: 1px solid #e8e3e3a6;
  background-color: #5533FF;
  border-bottom: 1px solid #e8e3e3a6;
  padding: 0px;
}
.copycode h2 {
  font-family: Lato, sans-serif;
  font-size: 22px;
  margin: 30px 0px;
  color: #fff;
}
.Expire-in {
  margin-bottom: 15px;
  background: linear-gradient(#5533FF, #723fef);
  border-radius: 0px 0px 10px 10px;
}
.Expire-in h3 {
  font-size: 15px;
  font-family: Lato, sans-serif;
  color: #fff;
}
.Expire-in h4 {
  font-size: 26px;
  float: left;
  width: 60px;
  color: #fff;
}
.Expire-in h4 span {
  font-size: 14px;
  text-transform: uppercase;
}
.Expire-in-time {
  margin: auto;
  display: block;
  float: none;
  width: 69%;
}
.Expire-in-time-popup {
  margin: auto;
  display: block;
  float: none;
  width: 69%;
}
.unlock {
  text-align: center;
  margin: 50px auto;
}
.unlock a {
  padding: 15px 70px;
  background-color: #fff;
  float: none;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  border-radius: 10px;
}
/*offer n description end*/
/*modal popup for preview*/
#description h3 {
  color: #A1A1A1;
  font-size: 14px;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}
#description ul {
  padding: 0;
  list-style: none;
}
#description ul li::before {
  content: '\002A';
  padding: 8px 8px 8px 0;
  font-size: 16px;
}
#ContentWidth {
  width: 1000px;
}
#Coupon-Content {
  padding: 20px 37px;
  border-radius: 40px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  height: 640px;
}
#description p {
  margin-bottom: 20px;
}
#description ul li {
  line-height: 22px;
}
.offerDescription-right .find-store {
  text-align: left;
}
.offerDescription-right .find-store a {
  padding: 21px 23px;
}
.offerDescription-right .find-store a span {
  padding: 10px 30px;
}
/*20may start*/
.ticketForm .sel {
  background: #2561A8;
  color: #fff;
  min-width: 190px;
  padding-left: 0px;
}
.ticketForm .sel {
  margin-top: 0;
}
.formContainer .sel--black-panther {
  z-index: inherit !important;
}
.formContainer .sel {
  background: #F9F9F9;
  width: 52%;
  min-width: 128px;
  font-size: 14px;
  font-family: Lato, sans-serif;
  font-weight: 500;
  border-radius: 4px;
  color: #999;
  height: 35px;
  border: 0px solid #d3d3d3;
}
.sel {
  font-size: 16px;
  display: inline-block;
  min-width: 150px;
  font-family: Lato, sans-serif;
  background-color: transparent;
  position: relative;
  cursor: pointer;
}
.select {
  position: relative;
  display: inline-block;
  min-width: 150px;
}
.ticketForm .sel::before {
  content: '\f107';
  font-size: 24px;
}
.ticketForm .sel::before {
  color: #fff;
}
.formContainer .sel::before {
  color: #aeb2b3;
  right: 10px;
}
.sel::before {
  position: absolute;
  content: '\f0d7';
  font-family: 'FontAwesome';
  color: #aeb2b3;
  right: -10px;
  top: 49%;
  font-size: 18px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.show-detailes-inner .formContainer .sel {
  background: #fff;
  border-radius: 6px;
  width: 58%;
  min-width: 138px;
  margin-bottom: 0px;
  height: 32px;
}
.formContainer .sel__placeholder {
  display: block;
  width: 100%;
  color: #000;
  padding: 6px 12px;
  text-align: left;
  font-weight: normal;
  /*padding-left: 66px;*/
}
.sel__placeholder {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  visibility: visible;
}
.sel.active::before {
  -webkit-transform: translateY(-50%) rotateX(-180deg);
  transform: translateY(-50%) rotateX(-180deg);
}
.formContainer .sel__placeholder::before {
  position: absolute;
  top: 0;
  bottom: inherit;
  left: 0;
  right: inherit;
  padding: inherit;
  content: attr(data-placeholder);
  visibility: hidden;
}
.formContainer .sel__box {
  left: 0px;
  background-color: #FFF;
  width: 100%;
  border-radius: 10px !important;
  padding: 0px;
  border: 0px;
}
.sel__box {
  position: absolute;
  top: calc(100% + 4px);
  left: -4px;
  display: none;
  list-style-type: none;
  text-align: left;
  background-color: #FFF;
  width: calc(100% + 8px);
  box-sizing: border-box;
  width: 200px;
  border: 1px solid #ECF2F4;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.ticketForm .sel__box__options {
  padding: 0.5em 1em;
}
.formContainer .sel__box__options {
  color: #999;
  padding: 0.5em;
  width: 100%;
  font-family: Lato, sans-serif;
}
.sel__box__options {
  display: list-item;
  font-family: Lato;
  color: #4A4A4A;
  padding: 0.8em 0.8em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 200px;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 2px 5px 0px 5px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: #4A4A4A;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1;
  font-weight: 600;
}
.sel.active .sel__box {
  display: block;
  -webkit-animation: fadeInUp 500ms;
  animation: fadeInUp 500ms;
  border-radius: 0px;
  overflow: hidden;
  z-index: 1;
}
.sel--black-panther label {
  position: absolute;
  top: 0px;
  color: #000;
  padding: 7px 20px;
  font-weight: normal;
  margin-bottom: 0;
}
/*anju css*/
.brandsbtn {
  position: relative;
}
.brandsbtn span {
  float: right;
}
.brands {
  float: left;
  padding: 10px;
  width: auto;
  background: #fff;
  position: absolute;
  top: 95px;
  right: 0px;
  z-index: 999;
  box-shadow: 0 0px 30px #eaeaea;
  -webkit-box-shadow: 0 0px 30px #eaeaea;
  transform: translate(-30px, -20px) scale(0) translate(32px, 20px);
  -webkit-transform: translate(-30px, -20px) scale(0) translate(32px, 20px);
  transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  transform-origin: right 18px;
  -webkit-transform-origin: right 18px;
  max-height: initial;
  border-radius: 10px;
}
.brands ul {
  list-style: none;
  /*display: inline-flex;*/
  padding: 0;
}
.brands ul li {
  margin-right: 3px;
  float: left;
  display: inline-block;
}
/*.brands ul li img{
      width: 36px;
    height: 36px;
    }*/
.brandsbtn:hover > .brands {
  transform: translate(-30px, -20px) scale(1) translate(32px, 20px);
  -webkit-transform: translate(-30px, -20px) scale(1) translate(32px, 20px);
  text-align: left;
}
/*20may end*/
.errorMessage {
  color: #d00505 !important;
  font-size: 14px !important;
  float: left;
  width: 100%;
  text-align: left;
}
.tickIcon input[type="checkbox"]:before {
  content: '';
  width: 22px;
  height: 22px;
  margin: 0 0 0;
  border: solid 1px #c7c6c6;
  display: inline-block;
  outline: 0;
  border-radius: 100%;
}
.tickIcon input [type="checkbox"]:checked:before {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  border: solid 2px #6251e1;
  font-size: 9px;
  text-align: center;
  line-height: 17px;
  background: #6251e1;
  color: #fff;
  padding: 0px;
}
.offerDiv .tickIcon, .CrossIcon {
  position: absolute;
  left: auto;
  right: 15px;
  top: -10px;
}
#offerinnerDiv .CrossIcon {
  position: absolute;
  top: 6px;
  right: 27px;
}
.btnblock-mar {
  margin: auto 12%;
  padding-bottom: 40px;
}
.CrossIcon input[type="checkbox"]:checked:before {
  content: "\2715";
  font-family: inherit;
  border: solid 1px #848181;
  font-size: 13px;
  text-align: center;
  line-height: 17px;
  background: #fbfbfb;
  color: #848181;
  padding: 0px;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  display: block;
  vertical-align: top;
}
.CrossIcon input[type="checkbox"] {
  border: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
  border: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.listCategories i {
  top: auto !important;
}
.tickIcon input[type="checkbox"] {
  border: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
  border: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.tickIcon input[type="checkbox"]:checked:before {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  border: solid 2px #0091de;
  font-size: 9px;
  text-align: center;
  line-height: 17px;
  background: #0091de;
  color: #fff;
  padding: 0px;
}
.divCouponOfferpopup {
  height: 380px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.pagination-Container {
  width: 300px;
  margin: auto;
}
.pagination-Container .pagination > li > a {
  margin: 0px;
  border-radius: 0px;
  /*padding: 12px;*/
  color: #00a1ff;
  font-size: 16px;
  margin-left: -1px;
}
.pagination-Container .pagination {
  width: 500px;
  margin: 0px;
  margin-bottom: 15px;
}
/*15june2020 start*/
.Search-button-container {
  width: 75px;
  float: right;
}
.rectangle-tab {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding-left: 5px;
  height: auto;
}
.full-width {
  width: 100%;
}
.rectangle-tab-container .rectangle-tab-center .Bata-logo-box {
  /*margin-top: 0px;*/
  /*float: left;*/
}
.full-width .rectangle-tab-container .rectangle-tab-center .Bata-logo-box {
  float: left;
}
.Bata-inner {
  float: right;
}
.rectangle-tab-center {
  text-align: left;
}
.full-width .rectangle-tab-center {
  margin-top: 44px;
}
 
.Bata-inner {
  display: none;
}
.full-width .Bata-inner {
  display: block;
}
.detailsBlk .rectangle-tab-right {
  width: 100%;
}
.full-width .rectangle-tab-right {
  width: 66.6%;
}
.detailsBlk .rectangle-tab {
  height:auto; 
	background-color: #FFFFFF;
    border-radius: 10px;
    padding-left: 25px;
    min-height: 100px;
}
.full-width .rectangle-tab {
  height: 120px;
}
.offeres-discount-container-right .detailsBlk .Active-button {
  margin-bottom: 15px;
}
.btn-block-inner-container .ticket {
  float: right;
}
.btn-block-inner-container a {
  margin-top: 1px;
  display: inline-block;
}
.btn-block-inner-container {
  margin-left: 27px;
  float: right;
}
.offeres-list-container-right-list .rectangle-tab-center {
  margin-top: 45px;
}
.offeres-list-container-right-list .rectangle-tab {
  height: 120px;
}
.full-width .rectangle-tab-center .Bata-logo-box {
  width: 40px;
  height: 40px;
}
.full-width .rectangle-tab-center .Bata-logo-box img {
  width: 20px;
}
.full-width .rectangle-tab-center .Bata-logo-box a {
  padding: 11px 10px;
}
.full-width .back-btn-back {
  display: none;
}
.back-btn-back {
  display: block;
}
/*15june2020 end*/
/* 18 June 2020*/
.pagination-Container {
  width: 300px;
  margin: auto;
}
.pagination-Container .pagination > li > a {
  margin: 0px;
  border-radius: 0px;
  /*padding: 12px;*/
  color: #00a1ff;
  font-size: 16px;
  margin-left: -1px;
}
.pagination-Container .pagination {
  width: 500px;
  margin: 0px;
  margin-bottom: 15px;
}
.Search-button-width, .Search-button {
  width: 70px;
  float: right;
}
.detailsBlk .Search-button {
  width: auto;
  float: right;
}
.Search-button, .filter-button{
	margin-right: 5px;
}
.detailsBlk .show-detailes .show-detailes-inner:nth-child(1) {
  width: 80%;
}
#ctl00_ContentPlaceHolder1_offereslistcontainerright1 .show-detailes {
  padding-right: 0px;
}
.success_accruedpoints {
  color: #73a373;
  font: bold 12px Arial, Helvetica, sans-serif;
  background: url(../images/available_icon.png) no-repeat top left;
  /*float:left;*/
  width: 300px;
  padding: 3px 0 0 22px;
  line-height: 14px;
  /*margin:8px 0 0 40px;*/
}
/* 29 June 2020*/
.Paused-button {
  /*background-color: rgba(243, 155, 8, 0.12);*/
  background-color: rgba(254, 216, 177, 0.4);
  border-radius: 5px;
  padding: 3px 12px;
  margin-top: 0px;
  float: left;
  color: #FFA500;
  /*color: #fed8b1;*/
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-left: 0px;
}
.Stopped-button {
  /*background-color: rgba(234, 9, 9, 0.2);*/
  background-color: rgba(255, 204, 203, 0.4);
  border-radius: 5px;
  padding: 3px 12px;
  margin-top: 0px;
  float: left;
  color: #FF0000;
  /*color: #ffcccb*/ ;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-left: 0px;
}
/* 29 June 2020*/
#ctl00_ContentPlaceHolder1_UpnlToken .rightBtn {
  position: absolute;
  top: 25px;
  right: -108px;
}
.login-container-inner .profileContainer-over {
  height: 600px;
}
.mentbtn-icon span {
  padding: 15px 0px;
  display: block;
}
#ctl00_ContentPlaceHolder1_upnlOfferPreView .copycode::before, #ctl00_ContentPlaceHolder1_upnlOfferPreView .copycode::after {
  background-color: #fff;
}
.Expire-in-list h4 {
  width: 70px;
}
.Expire-in-list #Hours {
  width: 120px;
}
.Expire-in-list .Expire-in-time-popup {
  width: 400px;
}
/**Session expiry popup Start**/
.alet-box {
  position: absolute;
  top: 43px;
  z-index: 999;
}
.alert-container p {
  margin: 0px;
  background: url('../images/alert.svg') no-repeat 5%;
  color: #fff;
  background-size: 40px auto;
  text-align: center;
  height: 38px;
}
.alert-container p span {
  font-size: 17px;
  font-family: Lato, sans-serif;
  padding-top: 6px;
  vertical-align: middle;
  display: inline-block;
  padding-left: 16px;
}
.alert-container {
  background: #ff7163;
  width: 830px;
  margin: auto;
  padding: 20px 0px 20px 20px;
  border-radius: 15px;
}
.logoimage {
  margin-top: -6px;
  height: 36px;
  width: 100%;
}
/**Session expiry popup End**/
@media (max-width:1320px) {
  .headermainblock .container {
    width: 100%;
    /*padding: 0px 20px;*/
  }
}
@media (max-width:1200px) {
  .icon-arrow {
    left: 191px;
  }
  .icon-arrow-active {
    left: auto;
  }
  #btnDiv {
    width: 100%;
  }
  .couponBox {
    width: 31%;
  }
}
@media (max-width:1180px) {
  .show-detailes .show-detailes-inner:nth-child(1) {
    width: 68%;
  }
  .detailsBlk .rectangle-tab {
    height: 190px;
  }
  .full-width .rectangle-tab {
    height: 120px;
  }
  .formContainer .sel {
    min-width: 110px;
  }
}
@media (max-width:1125px) {
  .offeres-list-container-right {
    width: 100%;
  }
  .icon-arrow {
    left: auto;
  }
  .icon-arrow-active {
    left: auto;
  }
  .offeres-list-container-left-nav {
    display: none;
  }
  .show-detailes .show-detailes-inner:nth-child(1) {
    width: 70%;
  }
  .full-width .rectangle-tab-right {
    width: 66.66%;
  }
  .rectangle-tab-right {
    width: 100%;
  }
  .rectangle-tab .col-xs-3 {
    width: 50%;
  }
  .back-btn {
    margin-left: 15px;
  }
  .back-btn img {
    left: 25px;
  }
  .Bata-logo-box, .rectangle-icon-right #logoIcons {
    margin-top: 0px;
  }
  .rectangle-tab-center .Bata-logo-box:nth-child(1) {
    margin-left: 0px;
  }
 
  .rectangle-icon-right {
    position: relative;
    top: -42px;
  }
  .detailsBlk-deal .rectangle-tab-container {
    min-height: 100px;
  }
  .detailsBlk-deal .rectangle-tab-center .Bata-logo-box:nth-child(1) {
    margin-left: 10px;
  }
  .container-navbar .menu-leftblock {
    width: auto;
  }
}
@media (max-width:1024px) {
  .OfferForm-container-inner ul li {
    width: 100px;
  }
}
@media (max-width:999px) {
  .offeres-list-container-left-nav {
    display: none;
    width: 100%;
  }
  .Expire-in-list .Expire-in-time-popup {
    width: 400px;
    margin: auto;
  }
  .login-container-inner .profileContainer-over {
    height: 652px;
  }
  .rectangle-tab-center .Bata-logo-box:nth-child(1) {
    margin-left: 10px;
  }
  /*.login-container-inner .login-container{
  width: 100%;
}*/
  .offeres-list-container-right, .rectangle-tab-right, .rectangle-tab .col-xs-3 {
    width: 100%;
  }
  .rectangle-tab {
    height: auto;
    padding-bottom: 20px;
  }
  .icon-arrow {
    left: 0px;
  }
  .rectangle-tab .col-xs-3 {
    padding: 0px;
    width: 100%;
  }
  .mentbtn-icon img {
    margin-top: 0px;
  }
  .Bata-logo-box {
    float: left;
  }
  .rectangle-tab-center .Bata-logo-box {
    margin-top: 0px;
  }
  .rectangle-tab-center {
    padding: 0px;
    margin: 0px -15px;
  }
  /*anju*/
  .No-Offers-Found-container .container, .No-Offers-Found-container-img img {
    width: 100%;
    height: auto;
  }
  .No-Offers-Found-container-img {
    padding: 20px 0;
  }
  .login-form {
    padding: 20px 0 30px;
  }
  .headertop-search {
    margin-left: 58px;
  }
  .header-search {
    left: 56%;
  }
  .form-tab {
    padding: 20px 80px;
  }
  .detailsBlk, .formBlk {
    width: 100%;
    padding: 0 15px;
  }
  .btn-block-inner a {
    padding: 10px 18px;
  }
  .btn-block-inner {
    float: right;
    padding: 0;
  }
  .block1 .mobileDealcode .size, .block1 .websiteDealcode .size {
    font-size: 12px;
  }
  .mobileDealcode h5, .websiteDealcode h5 {
    font-size: 16px;
  }
  .close-btn {
    padding: 10px 15px;
    margin-right: 0px;
  }
  /*.saveClose-btn {
      padding: 10px 9px;
    font-size: 10px;
}*/
  .back-btn img {
    left: 20px;
  }
  .back-btn {
    margin-left: 10px;
    padding: 7px 10px 7px 30px;
  }
  .show-detailes .show-detailes-inner:nth-child(1) {
    width: 82% !important;
  }
  .show-detailes #show-right:nth-child(1) {
    width: 42% !important;
  }
  .headerbottom-menu-leftblock {
    display: none;
  }
  .couponBox {
    width: 31%;
    margin-right: 22px;
  }
  #btnDiv {
    width: 32%;
  }
  .subscriber-container img {
    width: 100%;
  }
  .stepDivinner {
    margin: auto;
    width: 58%;
    text-align: center;
    min-height: 68px;
  }
  .OfferForm-container-inner .offerFrom-container {
    width: 100%;
  }
  .footerbtn {
    padding: 30px 0;
  }
  .offerDiv {
    width: 47%;
  }
  .OfferForm-container-inner ul {
    display: inline-flex;
  }
  .tab-content {
    margin-top: -4px;
  }
  .offersinnerblk {
    width: 100%;
    height: auto;
  }
  #align-center {
    padding: 0;
  }
  .offerinnerPanel {
    width: 100%;
    height: 276px;
  }
  .offerDiv1 {
    width: 100%;
    margin: 0;
  }
  .panel1 {
    width: 46%;
  }
  #ContentWidth {
    width: 100%;
    padding: 20px;
    padding-left: 0px;
  }
  .bonanzaOffer {
    min-height: 840px;
  }
  .rectangle-icon-right {
    top: 0px;
  }
  .rectangle-icon-right #logoIcons:nth-child(1) img {
    margin-right: 10px;
  }
  .headermainblock .container {
    padding: 0px;
  }
  .detailsBlk-padding-0 {
    padding: 0px;
  }
}
@media (max-width: 768px) {
  #btnDiv {
    width: 54%;
  }
  #Coupon-Content {
    height: 1000px;
    padding: 11px;
  }
  .OfferForm-container-inner .offerFrom-container {
    width: 100%;
    display: inline-block;
  }
  .offerDiv1 .tickIcon {
    right: -1%;
    top: -11%;
    position: absolute;
  }
  .form-container-modal-left, .form-container-modal-right {
    width: 100%;
  }
}
@media (max-width: 680px) {
  .pagination-Container .pagination {
    width: 100%;
  }
  .offerDiv {
    height: 150px;
  }
  .show-detailes .show-detailes-inner:nth-child(1) {
    width: 50%;
  }
  .headertop-search {
    display: none;
  }
  .No-Offers-Found-container h1 {
    font-size: 16px;
  }
  .No-Offers-Found-container-img {
    padding: 20px 0;
  }
  .No-Offers-Found-container .container .login-form {
    padding: 10px 0 20px;
  }
  .show-detailes .show-detailes-inner:nth-child(1) {
    width: 71% !important;
  }
  .btn-block-inner {
    width: 47%;
    float: left;
    padding: 0;
  }
  .couponBox:nth-child(odd) {
    margin-right: 10px;
    width: 48%;
  }
  .couponBox:nth-child(even) {
    margin-right: 0;
    width: 48%;
  }
  .btn-block-inner a {
    padding: 8px 10px;
  }
  #btnDiv input {
    padding: 8px 10px;
  }
  #btnDiv a {
    padding: 8px 18px;
  }
  #btnDiv {
    width: 100%;
  }
  .form-tab {
    padding: 20px 18px;
  }
  .save-btn, .proceed-btn, .saveClose-btn {
    padding: 10px 15px;
    font-size: 10px;
    margin-bottom: 10px;
  }
  .mobileDealcode h5, .websiteDealcode h5 {
    font-size: 12px;
  }
  .block1 .mobileDealcode .size, .block1 .websiteDealcode .size {
    font-size: 10px;
  }
  .stepDivinner {
    width: 100%;
  }
  .stepWizard .line {
    width: 100%;
  }
  .leftIcon {
    left: 0px;
  }
  .rightIcon {
    right: -18px;
  }
  .middleIcon {
    left: 42%;
  }
  .forminnerContainer {
    padding: 20px 0px;
  }
  .saveContinue-btn {
    padding: 7px 8px;
  }
  .rightBtn .save-btn, .rightBtn .proceed-btn {
    padding: 10px 30px;
  }
  .btnalign {
    padding: 60px 15px 40px;
  }
  .login-container-inner .login-container {
    width: 100%;
  }
}
/*23july2020 start*/
@media (max-width:600px) {
  .login-container-inner .login-container {
    width: 100%;
  }
  .submitBlk-mar {
    margin-top: 62px;
  }
  #ctl00_ContentPlaceHolder1_UpnlToken .rightBtn {
    position: absolute;
    top: 87px;
    right: 0;
  }
  .pagination-Container .pagination {
    width: 100%;
  }
  .show-detailes #show-right:nth-child(1), .show-detailes .show-detailes-inner:nth-child(2) {
    width: 100% !important;
  }
  .show-detailes-inner .col-xs-9 {
    padding: 0;
  }
  .logBlk {
    width: 100%;
  }
  .offerDiv {
    width: 100%;
  }
  .pagination-Container {
    width: 360px;
    margin: auto;
  }
}
@media (max-width:480px) {
  .saveClose-btn {
    margin-right: 0px;
  }
  .stepDiv {
    padding: 0px;
  }
}
@media (max-width:420px) {
  .full-fledge input[type="text"], .full-fledge input[type="password"], .inputControl {
    width: 100%;
  }
  .Expire-in-list .Expire-in-time-popup {
    width: 100%;
    margin: auto;
  }
  .copycode h2 {
    font-size: 17px;
  }
  .offerDescription-right .find-store a {
    width: 100%;
  }
  .unlock a {
    width: 100%;
    display: block;
    padding-left: 22px;
    text-align: center;
  }
  .btnalign1-padding {
    padding: 0px;
  }
  .rightBtn a {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 0px;
  }
  .middleIcon {
    top: 19px;
    left: 147px;
    position: absolute;
  }
  .middleIcon p, .rightIcon p, .leftIcon p {
    width: 80px;
    text-align: center !important;
  }
  .offersinnerblk {
    padding: 30px 15px;
  }
  .login-body {
    padding: 0px 15px;
    width: 100%;
  }
  .login-container-inner .login-container .submit-btn {
    width: 100%;
  }
  .login-form {
    margin-top: 0px;
  }
  .pagination-Container {
    width: 100%;
    margin: auto;
  }
  .downloadBlk a, .downloadBlk .ticket {
    width: 100%;
    margin-bottom: 10px;
    display: block;
  }
  .downloadBlk {
    display: block;
    float: left;
    padding: 10px 0 20px;
    width: 100%;
  }
  .downloadBlk a {
    padding: 8px 20px 8px 30px;
  }
  .saveClose-btn {
    margin-right: 0px;
  }
  .searchDiv .search-blk {
    width: 70%;
  }
  .rectangle-tab {
    padding-right: 0px;
  }
  .Expire-in-list h4 {
    width: 60px;
    font-size: 20px;
  }
  .Expire-in-list #Hours {
    width: 100px;
  }
  .find-store a {
    width: 100%;
  }
}
@media (max-width:380px) {
  .middleIcon {
    top: 19px;
    left: 104px;
    position: absolute;
  }
  .padding-bottom-0 {
    padding-bottom: 5px;
  }
  .rectangle-tab h2 {
    font-size: 15px;
  }
  .Expire-in-list h4 {
    width: 45px;
    font-size: 18px;
  }
  .Expire-in-list #Hours {
    width: 80px;
  }
}
@media (max-width:320px) {
  .Expire-in-list h4 {
    width: 40px;
    font-size: 16px;
  }
  .Expire-in-list #Hours {
    width: 75px;
  }
}
/*23july2020 End*/
.sidedate input {
  background-color: #F9F9F9;
  width: 100%;
}
.expiry {
  display: inline-block;
  padding-left: 10px;
}
.expiry .expitem {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  display: inline;
  padding-right: 10px;
}
.rectangle-tab p {
  color: #7B7B7B;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  float: left;
  margin-top: 5px;
}
.mrpDiv {
  float: right;
  margin-top: 0px;
  margin-right: 25px;
  text-align: center;
  min-width:100px;
}
.mrpDiv h4, .mrpDiv h5 {
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: 14px;
}
.mrpDiv h4 {
  font-weight: 600;
}
.rectangle-icon-right #logoIcons {
  margin-top: inherit;
  display: inline-flex;
}
.rectangle-icon-right .Bata-logo-box {
  padding-top: 15px;
}
.rectangle-tab-center {
  margin-top: 25px;
}
.menubtn {
  position: relative;
}
.ticketForm {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.mb-5 {
    margin-bottom: 5px;
}
.flR {
    float: right !important;
}
.detailsBlk .show-detailes-inner:nth-child(2){
	width: 18%;
}
.detailsBlk .rectangle-tab-center {
    margin-top: 0px;
}
.grid-Content {
  border-radius: 20px;
  padding: 10px 37px;
  background-color: #fff;
  display: inline-block;
  width: 100%;
}
.grid-section {
  background-color: #fff;
  padding: 10px 0 0;
  text-align: left;
}
.selectItems {}
.selectItems .select, .select-input input[type=text] {
  min-width: 130px;
  background-color: #f6f6f6;
  padding: 8px 40px 8px 10px;
  border-radius: 5px;
  margin-right: 5px;
  font-size: 14px;
  display: inline-block;
}
.selectItems .sel::before {
  right: 15px;
  top: 50%;
}
.loadmoreBtn {
  width: auto;
  border: 0;
}
.loadmoreBtn .save-btn {
  display: inline-block;
  color: #fff;
  float: none;
  margin-right: 5px;
}
.select-input {
  display: inline-block;
  vertical-align: top;
}
.select-input input[type=text] {
  border: 0;
  height: 36px;
  width: auto;
  padding-right: 10px !important;
  font-size: 14px;
  font-family: Lato, sans-serif;
}
.selectItems .news {
  background-color: #f6f6f6;
  padding: 8px 40px 8px 10px;
  border-radius: 5px;
  height: 36px;
  margin-right: 5px;
  text-align: left;
  font-size: 14px;
  color: #555;
  font-family: Lato, sans-serif;
  display: inline-block;
  float: none;
}
.selectItems .save-btn {
  float: none;
  display: inline-block;
}
.tblLeft{
	max-height:220px;
	overflow-y: auto;
}
.tblLeft tr th {
  text-align: left;
	background-color: #7B7B7B;
	color: #fff;
	font-weight: 500;
}
.center-block nav{
	text-align: center;
}
.grid-Content .select-input {
    margin-bottom: 15px;
}
.cursorP {
    cursor: pointer;
}
.formBlk .btn-block-inner a{
	float: right;
}
@media (max-width:999.98px){
	.rectangle-icon-right .more-btn {
    position: relative; 
		top: auto;
}
	.expiry {
    display: inline-block;
    padding-left: 0px;
}
	.Active-button { 
    margin-right: 10px;
}
}
.alert {
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
    font-size: 11px;
}

.no-Records {
    width: 100%;
    font-size: 14px;
}

.no-Records2 {
    width: 100%;
    font-size: 14px;
}

.MakecenterPopup {
    z-index: 2000;
    /* top: 25px; */
    /* left: 362px; 
    position: absolute;*/
    /* position: fixed; */
    position: fixed;
    top: 30px !important;
    width: 100%;
    height: auto;
    left: 0;
}
    .MakecenterPopup:before {
        content: '';
        position: fixed;
        width: 100%;
        top: 0px;
        height: 100%;
        background: rgba(0,0,0,0.6)
    }
    .MakecenterPopup .modal-body {
        overflow-y:auto;
        height:450px;
        overflow-x:hidden;
        padding-bottom:30px;
    }