body {
 font-family: "Montserrat", serif;
}
.show-mobile {
 display: block;
}

@media (min-width: 768px) {
 .show-mobile {
  display: none;
 }
}

/* Show only on non-mobile devices */
.show-non-mobile {
 display: none;
}

@media (min-width: 768px) {
 .show-non-mobile {
  display: block;
 }
 .mcd-prdt-nav .navbar-nav > li > a {
  padding-top: 25px;
  padding-bottom: 15px;
 }
}
.navbar-nav > li ul.mooC-corporate-sub-menu {
 display: none;
 padding: 0px;
 margin: 0px;
 list-style: none;
 background: #ffffff;
 -webkit-border-bottom-right-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 -moz-border-radius-bottomleft: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 position: absolute;
 width: 100%;
 border: 1px solid #dddddd;
 border-top: 0px;
}
.navbar-nav > li ul.mooC-corporate-sub-menu li {
 padding: 10px;
 line-height: normal;
}
.navbar-nav > li ul.mooC-corporate-sub-menu li a {
 text-decoration: none;
 color: #686868;
 white-space: nowrap;
 display: block;
 padding: 0px;
}
.navbar-nav > li ul.mooC-corporate-sub-menu li a:hover {
 color: #9b59b6;
}
.navbar-nav > li:hover ul.mooC-corporate-sub-menu {
 display: block;
}
.device-menu {
 display: none;
}
.crop-popup .modal-header {
 padding: 15px;
 border-bottom: 1px solid #e5e5e5;
}
.crop-popup .modal-header h3 {
 font-weight: 600;
 margin: 0;
 text-align: center;
 font-family: "Montserrat", serif;
 color: #343434;
}
.crop-popup .modal-header button.close span {
 font-size: 21px;
}
.upload-sec {
 text-align: center;
}
.crop-popup .upload-sec .fa.fa-camera {
 color: #e00039;
 font-size: 19px;
}
.crop-popup .upload-sec label {
 color: #e81850;
 font-size: 18px;
 font-weight: 400;
 margin: 0 0 20px 5px;
 font-family: "Montserrat", serif;
}
.crop-popup .upload-sec input[type="file"] {
 cursor: pointer;
 display: inline;
 width: 53%;
 border: 1px solid #cacaca;
 padding: 13px 12px 14px 19px;
 font-size: 15px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.form-control::-moz-placeholder {
 font-size: 14px;
}
#news_email::-moz-placeholder {
 font-size: 12px;
}
.login-form input[type="text"]::-webkit-input-placeholder {
 font-size: 14px;
}
.form-control:-ms-input-placeholder {
 font-size: 14px;
}
.moOffers-content {
 margin-top: 25px;
}
.modal.login-popup-section .modal-dialog {
 width: 400px;
}
.modal-dialog .modal-body {
 padding: 20px 30px;
 text-align: left;
}
.frm-submit input {
 margin-bottom: 10px;
}
#step1 #frm_siginup .btn {
 background-color: #9b59b6;
 color: white;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
 background-color: #9b59b6;
 border-color: #9b59b6;
}
.pagination > li > a,
.pagination > li > span {
 color: #9b59b6;
 font-size: 12px;
 font-weight: 600;
}
.report-pagination {
 padding: 0px;
 margin: 0 0 0px;
 list-style: none;
 display: inline-block;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 background: #f5f5f5;
}
.report-pagination li {
 text-align: center;
 float: left;
}
.report-pagination li a {
 color: #343434;
 font-size: 16px;
 font-weight: 600;
 text-decoration: none;
 display: block;
 height: 40px;
 line-height: 40px;
 padding: 0 15px 0 16px;
}
.report-pagination li a:hover,
.report-pagination li a.active {
 background: #edb61d;
 color: #ffffff;
}
.report-pagination li a img {
 width: auto;
}
.report-pagination li.preview {
 background: #d5d5d5;
 -webkit-border-radius: 3px 0 0 3px;
 -moz-border-radius: 3px 0 0 3px;
 border-radius: 3px 0 0 3px;
 overflow: hidden;
 margin-right: 1px;
}
.report-pagination li.next {
 background: #d5d5d5;
 -webkit-border-radius: 0 3px 3px 0;
 -moz-border-radius: 0 3px 3px 0;
 border-radius: 0 3px 3px 0;
 overflow: hidden;
 margin-left: 1px;
}
.mcd-breadcrumb {
}
.mcd-breadcrumb .breadcrumb {
 background: rgba(255, 255, 255, 1);
 border: none;
 border-radius: 0px;
 display: block;
 margin-bottom: 0px;
 padding-left: 0px;
 padding-top: 3px;
 padding-bottom: 3px;
}
.breadcrumb li {
 font-size: 13px;
 font-weight: 600;
 color: #343434;
}
.breadcrumb .breadcrumb-content:last-child {
 font-size: 13px;
 font-weight: 600;
 color: #9b59b6;
 text-transform: capitalize;
}
.breadcrumb {
 padding: 0;
 list-style: none;
 border-radius: 0;
 margin: 20px 0;
 background-color: transparent;
}
.breadcrumb-dvdr {
 background: radial-gradient(
         circle at 100% 100%,
         #ffffff 0,
         #ffffff 3px,
         transparent 3px
 )
 0% 0%/8px 8px no-repeat,
 radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 3px, transparent 3px)
 100% 0%/8px 8px no-repeat,
 radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 3px, transparent 3px)
 0% 100%/8px 8px no-repeat,
 radial-gradient(circle at 0 0, #ffffff 0, #ffffff 3px, transparent 3px) 100%
 100%/8px 8px no-repeat,
 linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 10px)
 calc(100% - 16px) no-repeat,
 linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 16px)
 calc(100% - 10px) no-repeat,
 linear-gradient(90deg, #edb61d 0%, #45b76d 50%, #e81850 100%);
 box-sizing: border-box;
 height: 1px;
 margin-bottom: 20px;
}
.breadcrumb a {
 color: #e81850;
}
.breadcrumb a:hover {
 text-decoration: underline;
 text-decoration-color: #e81850;
 color: #e81850;
 cursor: pointer;
}
.breadcrumb > .active {
 color: #e81850;
}
.mcd-purchase {
 margin: 20px 0;
}
.mcd-purchase-card {
 display: block;
 -webkit-border-radius: 30px 70px 30px 70px;
 -moz-border-radius: 30px 70px 30px 70px;
 border-radius: 30px 70px 30px 70px;
 width: 543px;
 -moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
 -ms-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
 transition: all 0.3s linear;
 position: relative;
 overflow: hidden;
 background: rgb(69, 183, 109);
 background: linear-gradient(
         45deg,
         rgba(69, 183, 109, 0.5) 0%,
         rgba(237, 182, 29, 0.5) 50%,
         rgba(232, 24, 80, 0.5) 100%
 );
 -webkit-box-shadow: 0px 0px 30px -16px rgba(0, 0, 0, 1);
 -moz-box-shadow: 0px 0px 30px -16px rgba(0, 0, 0, 0.5);
 box-shadow: 0px 0px 30px -16px rgba(0, 0, 0, 0.5);
}
.mcd-purchase-card:hover {
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
 -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
}
.country-card {
 position: absolute;
 top: 10px;
 left: 10px;
 color: #ffffff;
 z-index: 1;
}
.country-card span {
 float: left;
}
.country-card label {
 margin: 3px 0 0 10px;
}
.mcd-purchase-card .card-image {
 width: 543px;
 height: 360px;
}
.mcd-purchase-card .logo-img {
 width: 340px;
 height: 180px;
}
.mcd-purchase-detail {
 margin-left: 20px;
}
.mcd-title {
 font-family: "Pacifico";
 color: #e81850;
 font-size: 34px;
}
.mcd-subtitle {
 font-size: 15px;
 color: #343434;
 margin-top: 5px;
 font-family: "Montserrat", serif;
}
.mcd-validity {
 margin-top: 20px;
 font-size: 15px;
 color: #343434;
 font-family: "Montserrat", serif;
}
.mcd-validity-value {
 margin-left: 30px;
}
.mcd-validity-subvalue {
 font-size: 11px;
}
.mcd-credits {
 position: relative;
 margin-top: 15px;
 font-size: 15px;
 color: #343434;
 font-family: "Montserrat", serif;
}
.mcd-credits-label {
 display: inline;
 position: absolute;
 top: 10px;
 left: 0px;
}
.mcd-credits-value {
 display: inline-block;
 margin-left: 85px;
}
.mcd-credits-value .btn {
 width: 93px;
 height: 40px;
 margin: 0 7px;
}
.mcd-credits-value .btn-default:hover,
.mcd-credits-value .btn-default:focus {
 color: white;
 background-color: #e81850;
 border-color: #e81850 !important;
 font-size: 15px;
 font-weight: 600;
}
.mcd-credits-value .btn-default.active {
 color: white;
 background-color: #e81850;
 border-color: #e81850;
 font-size: 14px;
 font-weight: 600;
}
.mcd-credits-heptext {
 color: #9b59b6;
 margin-left: 85px;
 font-size: 13px;
}
.mcd-credits-value
.btn-group
> .btn:first-child:not(:last-child):not(.dropdown-toggle) {
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
}
.mcd-credits-value .btn-line-one {
 display: inline-block;
 width: 100%;
}
.mcd-custom {
 color: #343434;
 margin-top: 15px;
 font-size: 15px;
 display: inline-block;
 width: 100%;
 font-family: "Montserrat", serif;
}
.mcd-custom .custom-vaalue {
 float: left;
 width: 55px;
}
.mcd-custom-value {
 float: left;
 margin-left: 31px;
 width: 73%;
}
.custom-symbol {
 border: 0px;
 width: 50px;
 padding: 14px 0 13px;
 float: left;
 background-color: #eeeeee;
 border: #eeeeee 2px solid;
 -webkit-border-radius: 10px 0px 0px 10px;
 -moz-border-radius: 10px 0px 0px 10px;
 border-radius: 10px 0px 0px 10px;
 text-align: center;
 height: auto;
}
.mcd-custom-value .form-control {
 float: left;
 width: 197px;
 height: auto;
 -webkit-border-radius: 0px 10px 10px 0px;
 -moz-border-radius: 0px 10px 10px 0px;
 border-radius: 0px 10px 10px 0px;
 padding: 14px 15px;
 border: 2px #ffffff solid;
 -webkit-box-shadow: none;
 box-shadow: none;
}
.mcd-custom-value span.error-msg {
 display: block;
 margin-top: 5px;
 color: #e81850 !important;
}
.mcd-custom-helptext {
 margin-left: 0;
 color: #e81850;
 margin-top: 5px;
 font-size: 13px;
}
.mcd-prdt-info .tab-content{
 margin-left: 0px;
}
.mcd-quantity {
 margin-top: 15px;
 font-size: 15px;
 color: #343434;
 font-family: "Montserrat", serif;
}
.mcd-quantity span {
 float: left;
}
.mcd-quantity-value {
 display: inline-block;
 margin-left: 22px;
}
.mcd-quantity-value button {
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 padding: 14px;
 width: 52px;
 height: 50px;
}
.mcd-quantity-input-text {
 margin: 0 5px;
}
.mcd-quantity-input-text .form-control {
 display: inline;
 width: 52px;
 padding: 14px;
 text-align: center;
 height: auto;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.mcd-tc {
 font-size: 9px;
 color: #343434;
}
.mcd-tc-hline {
 border-bottom: 2px solid #e1e1e1;
 clear: both;
}
.mcd-subtotal {
 margin-top: 20px;
 font-size: 14px;
 color: #e81850;
}
.mcd-subtotal span.sub-sup {
 float: left;
 margin-top: 3px;
 width: 80px;
 font-family: "Montserrat", serif;
}
.mcd-subtotal-value {
 margin-top: 0px;
 font-size: 18px;
 color: #343434;
 float: left;
 font-weight: 600;
 font-family: "Montserrat", serif;
}
.mcd-subtotal-value span {
 margin-top: 0px;
}
.mcd-subtotal-value .finalvalue {
 color: #e81850;
 font-weight: bold;
 font-size: 18px;
 border-bottom: 2px solid #e81850;
 font-family: "Montserrat", serif;
}
.mcd-buttonaction {
 display: inline-block;
 float: right;
 margin-top: 20px;
 width: 100%;
}
.mcd-buttonaction .btn {
 width: 49%;
 height: 40px;
}
.mcd-buttonaction .btn-default {
 background: #e81850;
 color: #ffffff;
 border-color: #e81850;
 font-size: 15px;
 font-weight: 600;
}
.mcd-buttonaction .btn-info {
 background: #e81850;
 color: #ffffff;
 border-color: #e81850;
 font-size: 15px;
}
.mcd-buttonaction .btn-info1 {
 background: #45b76d;
 color: #ffffff;
 border-color: #45b76d;
 font-size: 15px;
 font-weight: 600;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 float: right;
 padding: 14px 35px;
 width: auto;
 height: auto;
 font-size: 15px;
}
.mcd-buttonaction a {
 text-decoration: none;
 color: white;
}
.checkout {
 background-color: transparent;
}
.mcd-prdt-info {
 width: 100%;
 margin-bottom: 30px;
}
.mcd-prdt-nav {
 height: 70px;
 margin-bottom: 30px;
}
.mcd-prdt-nav .navbar-default {
 background: #fff6eb !important;
 box-shadow: none !important;
}
.mcd-prdt-nav .navbar{height:70px;}
.mcd-prdt-nav .navbar-default .navbar-nav > li > a {
 color: #909090;
 font-size: 15px;
 font-family: "Montserrat", serif;
 margin-top: 0 !important;
 padding-top: 15px !important;
 padding-bottom: 15px !important;
}
.b2c-profile-dropdown li a {
 color:#343434!important;
}
.b2c-profile-dropdown-mob li a{
 color:#fff!important;

}
.b2c-profile-dropdown-mob{
 margin-left: 45px;
 background: none;
 box-shadow: none;
 border: none;
}
.mcd-prdt-nav .navbar-default .navbar-nav > li{
 padding: 0 8px;
}
.mcd-prdt-nav .navbar-default .navbar-nav > li > a.active > a:focus {
 border-bottom: #e81850 1px solid;
}
.mcd-prdt-nav ul {
 height: 100%;
}
.mcd-prdt-nav li {
 height: auto;
}
.mcd-prdt-nav a {
 height: 100%;
}
.mcd-prdt-nav ul.nav > li.active > a,
.mcd-prdt-nav ul.nav > li.active > a:focus,
.mcd-prdt-nav ul.nav > li.active > a:hover {
 color: #ff4167;
 border-bottom: 6px solid #ff4167!important;
 background: none;
}

.mcd-prdt-about {
 margin-bottom: 36px;
}
.mcd-about-txt {
 font-size: 14px;
 color: #909090;
}
.mcd-other-mcs {
 background-color: transparent;
 margin-bottom: 0px;
}
.mcd-other-mcs .title {
 padding: 15px 0 0;
 font-size: 30px;
 text-align: center;
 font-family: "Montserrat", serif;
 color: #1b1d50;
 font-weight: 700;
}
.about-edit ol,
ul {
 margin: 0;
 padding: 0 0 0 17px;
 line-height: 30px
}
.about-edit ol li a,
ul li a {
 color: #e81850;
}
.other-card-overlay {
 display: block;
 margin: 0 auto;
 width: 358px;
 -moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
 -ms-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
 transition: all 0.3s linear;
 position: relative;
 border-radius: 20px 50px 20px 50px;
 overflow: hidden;
 background: linear-gradient(
         45deg,
         rgba(69, 183, 109, 0.5) 0%,
         rgba(237, 182, 29, 0.5) 50%,
         rgba(232, 24, 80, 0.5) 100%
 );
}
.other-card-overlay .card-image {
 width: 358px;
 height: 236px;
}
.other-card-overlay:hover {
 background-color: #000;
 opacity: 0.8;
}
.other-card-logo {
 position: absolute;
 top: 50px;
 left: 55px;
}
.other-card-pricerange {
 color: white;
 font-size: 18px;
 position: absolute;
 bottom: 30px;
 right: 20px;
}
.mcd-buttonaction .btn-default[disabled]:hover {
 background: #e81850;
 border-color: #e81850;
}
.mcd-buttonaction .btn-info[disabled]:hover {
 background: #31c9a0;
 border-color: #31c9a0;
}
.crop-popup .btn-primary {
 background-color: #e81850;
 border-color: #e81850;
}
.crop-popup .btn-primary:hover {
 background-color: #e81850;
 border-color: #e81850;
}
.ng-image-crop {
 text-align: center;
 margin: 0 auto;
 position: relative;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-user-select: none;
 user-select: none;
}
.ng-image-crop > section {
 background: #ccc;
}
.ng-image-crop button {
 margin-top: 10px;
}
.ng-image-crop .cropping-guide {
 display: block;
 background: rgba(255, 255, 255, 0.3);
 border: 2px dashed white;
 position: absolute;
 pointer-events: none;
}
.ng-image-crop--circle .cropping-guide {
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
}
.ng-image-crop .cropping-canvas {
 background: rgba(255, 255, 255, 0.3);
 margin: 0 auto;
 cursor: move;
}
.ng-image-crop .zoom-handle {
 display: block;
 position: absolute;
 bottom: 1px;
 left: 1px;
 background: rgba(255, 255, 255, 0.7);
 width: 80px;
 height: 80px;
 cursor: move;
 border-radius: 200px 50px;
}
.ng-image-crop .zoom-handle > span {
 color: rgba(0, 0, 0, 0.5);
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 display: block;
 position: relative;
 top: 32px;
}
.customization .block-two .image-view-sec {
 width: 100%;
}
[ng\:cloak],
[ng-cloak],
.ng-cloak {
 display: none !important;
}
.payment-thankyou-content-section .btn-primary {
 background-color: #e81850;
 border-color: #e81850;
}
.payment-thankyou-content-section .btn-primary:hover {
 background-color: #e81850;
 border-color: #e81850;
}
.mcd-quantity .errorMsg {
 display: block;
 margin-left: 0;
 margin-bottom: 0;
}
.Title {
 margin-top: 100px;
 color: #9e4cbd;
}
.aboutpage .Title {
 margin-top: 50px;
}
.size {
 font-size: 44px;
}
.Title_container {
 padding: 5px 0 20px 0;
 text-align: justify;
 font-size: 15px;
 color: #888;
 font-weight: 500;
 line-height: 20px;
 margin-bottom: 24px;
 letter-spacing: 0.01px;
}
.aboutpage {
 min-height: 500px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
input[type="number"] {
 -moz-appearance: textfield;
}
.customize {
 margin-top: 1px;
}
.cust-progress {
 background-image: linear-gradient(6deg, #e1fbea 50%, #ffd1dd 50%);
 -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.18);
 -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.18);
 box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.18);
}
.cust-prog-bar {
 text-align: center;
}
.bar-title {
 font-size: 17px;
 color: #343434;
 margin-bottom: 10px;
 font-family: "Montserrat", serif;
}
.bar-content .progressbar {
 counter-reset: step;
 display: table;
 margin: 0px auto;
}
.bar-content .progressbar li {
 font-family: "Montserrat", serif;
 list-style-type: none;
 text-align: center;
 font-size: 15px;
 color: #343434;
 position: relative;
 width: 250px;
 float: left;
}
.bar-content .progressbar li:before {
 width: 40px;
 height: 40px;
 content: counter(step);
 counter-increment: step;
 line-height: 40px;
 display: block;
 position: relative;
 z-index: 10;
 text-align: center;
 margin: 0 auto 10px auto;
 border-radius: 50%;
 background-color: #e81850;
 color: #ffffff;
 font-size: 15px;
 font-weight: 600;
}
.bar-content .progressbar li:after {
 width: 100%;
 height: 2px;
 content: "";
 position: absolute;
 background: rgb(69, 183, 109);
 background: linear-gradient(
         135deg,
         rgba(69, 183, 109, 1) 0%,
         rgba(237, 182, 29, 1) 50%,
         rgba(232, 24, 80, 1) 100%
 );
 top: 20px;
 left: -50%;
 z-index: 5;
}
.bar-content .progressbar li:first-child:after {
 content: none;
}
.bar-content .progressbar li:last-child:before {
 background-color: #343434;
}
.bar-content .progressbar li:last-child:after {
 background: #949494;
}
.bar-content .progressbar li.active:before {
 border-color: #55b776;
}
.bar-content .progressbar li.active + li:after {
 background-color: #55b776;
}
.cust-personalize .cust-title {
 text-align: center;
 color: #a45ed7;
 margin-top: 30px;
 margin-bottom: 28px;
}
.cust-personalize .cust-title-text {
 font-size: 19px;
 font-weight: 600;
 letter-spacing: 1px;
 display: none;
}
.cust-theme {
 width: 694px;
 height: 38px;
 background-color: #f5f5f5;
 margin: 0 auto;
 text-align: center;
 padding-top: 9px;
 color: #636363;
 font-size: 15px;
 font-weight: 600;
 letter-spacing: 0.5px;
 font-family: "Montserrat", serif;
}
.cust-theme-carousel {
 margin: 23px auto 37px auto;
 width: 694px;
}
.pre-theme-wrapper {
 width: 512px;
 height: 115px;
 margin: 0px 19px 0px 32px;
}
.pre-theme-wrapper .owl-carousel .owl-nav div {
 position: absolute;
}
.pre-theme-wrapper .owl-carousel .owl-nav .owl-prev {
 left: -32px;
 top: 43px;
}
.pre-theme-wrapper .owl-carousel .owl-nav .owl-next {
 right: -19px;
 top: 43px;
}
.pre-theme-wrapper .owl-prev.disabled {
 opacity: 0.5;
 cursor: none;
}
.pre-theme-wrapper .owl-next.disabled {
 opacity: 0.5;
 cursor: none;
}
.pre-theme-wrapper .item a {
 color: white;
 font-size: 16px;
}
.pre-theme-wrapper .item a:hover {
 text-decoration: none;
}
.std-theme {
 height: 115px;
 width: 115px;
 cursor: pointer;
 background-color: #e81850;
 display: table;
 -webkit-border-radius: 20px 40px;
 -moz-border-radius: 20px 40px;
 border-radius: 20px 40px;
}
.std-theme .theme-greet {
 vertical-align: middle;
 display: table-cell;
 text-align: center;
 word-break: break-word;
 color: white;
}
.custom-theme-btn {
 width: 115px;
 height: 115px;
 background-color: #c0c0c0;
 cursor: pointer;
 display: inline-block;
 float: right;
 webkit-border-radius: 20px 40px;
 -moz-border-radius: 20px 40px;
 border-radius: 20px 40px;
}
.custom-theme-btn .edit-img {
 display: block;
 margin: auto;
 margin-top: 20px;
}
.custom-theme-text {
 color: white;
 text-align: center;
 font-size: 16px;
 font-family: "Montserrat", serif;
 font-weight: 500;
}
.btn-bground {
 background: #e81850;
}
.cust-theme-final {
 width: 703px;
 height: 470px;
 margin: 0 auto;
 position: relative;
}
.moom-gift-cover {
 width: 704px;
 height: 470px;
 object-fit: cover;
 border-radius: 20px 50px 0 0;
}
.moom-gift-wish {
 position: absolute;
 top: 110px;
 left: 97px;
}
.moom-gift-wish .form-control {
 width: 515px;
 height: 120px;
 font-family: "Montserrat", serif;
 font-size: 37px;
 color: #ffffff;
 background: none;
 text-align: center;
 box-shadow: none;
 border: 2px double #ffffff;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.moom-gift-wish .form-control::placeholder {
 color: #ffffff;
}
.moom-gift-wish .form-control:focus {
 box-shadow: none;
 border: 2px double #ffffff;
}
.mgw-more-fs {
 font-size: 48px;
}
.mgw-less-fs {
 font-size: 36px;
}
.border-dotted {
 border: 2px dashed #ababab;
}
.border-none {
 border: none;
 box-shadow: none;
 pointer-events: none;
}
.moom-gift-wish .wish-text {
 font-family: "Montserrat", serif;
 font-size: 60px;
 color: #ffffff;
}
.moom-gift-wish::-webkit-input-placeholder {
 color: white;
}
.moom-gift-wish::-moz-placeholder {
 color: white;
}
.moom-gift-wish:-ms-input-placeholder {
 color: white;
}
.moom-gift-wish input:focus::-webkit-input-placeholder {
 opacity: 0;
}
.moom-gift-wish input:focus:-moz-placeholder {
 opacity: 0;
}
.moom-gift-wish input:focus::-moz-placeholder {
 opacity: 0;
}
.moom-gift-wish input:focus:-ms-input-placeholder {
 color: transparent;
}
.moom-gift-recipient {
 position: absolute;
 top: 242px;
 left: 152px;
}
.moom-gift-recipient .form-control {
 font-family: "Montserrat", serif;
 width: 400px;
 height: 60px;
 background: none;
 text-align: center;
 color: white;
 font-size: 20px;
 border: 2px double #ffffff;
 box-shadow: none;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.moom-gift-recipient .form-control:focus {
 box-shadow: none;
 border: 2px double #ffffff;
}
.moom-gift-recipient::-webkit-input-placeholder {
 color: white;
}
.moom-gift-recipient::-moz-placeholder {
 color: white;
}
.moom-gift-recipient:-ms-input-placeholder {
 color: white;
}
.moom-gift-recipient input:focus::-webkit-input-placeholder {
 opacity: 0;
}
.moom-gift-recipient input:focus:-moz-placeholder {
 opacity: 0;
}
.moom-gift-recipient input:focus::-moz-placeholder {
 opacity: 0;
}
.moom-gift-recipient input:focus:-ms-input-placeholder {
 color: transparent;
}
.moom-gift-sender {
 position: absolute;
 bottom: 30px;
 left: 20px;
 color: #ffffff;
 font-family: "Montserrat", serif;
}
.moom-gift-sender .sender-label {
 font-size: 15px;
}
.moom-gift-sender .sender-name {
 font-size: 17px;
 font-weight: bold;
}
.moom-gift-sender .sender-name-last {
 font-size: 17px;
 margin-left: 40px;
 font-weight: bold;
}
.moom-gift-sender-input {
 display: inline-block;
 vertical-align: middle;
}
.moom-gift-sender-input .form-control {
 font-family: "Montserrat", serif;
 width: 200px;
 height: 45px;
 background: none;
 text-align: left;
 color: white;
 font-size: 20px;
 border: 2px double #ffffff;
 box-shadow: none;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.moom-gift-sender-input .form-control::-webkit-input-placeholder {
 color: white;
 font-size: 14px;
}
.moom-gift-sender-input .form-control::-moz-placeholder {
 color: white;
 font-size: 14px;
}
.moom-gift-sender-input .form-control:-ms-input-placeholder {
 color: white;
 font-size: 14px;
}
.moom-gift-sender-input .form-control:focus {
 box-shadow: none;
 border: 2px double #ffffff;
}
.from-errmsg {
 position: absolute;
}
.moom-gift-upload {
 position: absolute;
 top: 23px;
 right: 23px;
 width: 209px;
 height: 40px;
 line-height: 23px;
 border: 2px double #ffffff;
 cursor: pointer;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.moom-gift-upload .cam-image {
 margin-left: 25px;
 margin-right: 10px;
 display: inline-block;
}
.moom-gift-upload .upload-text {
 font-size: 15px;
 color: #ffffff;
 display: inline-block;
 margin-top: 4px;
 font-family: "Montserrat", serif;
}
.moom-gift-card-outer {
 position: absolute;
 top: 365px;
 left: auto;
 right: 20px;
}
.moom-gift-card {
 width: 358px;
 position: relative;
 -moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
 -ms-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
 transition: all 0.3s linear;
 -webkit-border-radius: 20px 50px 20px 50px;
 -moz-border-radius: 20px 50px 20px 50px;
 border-radius: 20px 50px 20px 50px !important;
 background: rgb(69, 183, 109);
 background: linear-gradient(
         45deg,
         rgba(69, 183, 109, 0.5) 0%,
         rgba(237, 182, 29, 0.5) 50%,
         rgba(232, 24, 80, 0.5) 100%
 );
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
 -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
 overflow: hidden;
 bottom: -60px;
}
.moom-gift-card .card-image {
 width: 358px;
 height: 236px;
}
.multiimg-per .multicrd-img,
.multiimg-view .multicrd-img {
 width: 358px;
 height: 236px;
}
.moom-gift-card .logo-img {
 width: 246px;
 height: 132px;
}
.img-opacity {
 opacity: 1;
}
.moom-gift-logo {
 position: absolute;
 left: 56px;
 top: 35px;
}
.moom-gift-logo .logo-image {
 height: 135px;
 width: 250px;
}
.moom-gift-value {
 position: absolute;
 bottom: 10px;
 right: 20px;
 text-align: right;
 font-family: "Montserrat", serif;
}
.gift-value-text {
 font-size: 11px;
 color: white;
 margin-bottom: -5px;
}
.gift-value {
 font-size: 32px;
 color: white;
}
.top-ribbon {
 position: absolute;
 right: -4px;
 top: -5px;
 display: none;
}
.bottom-ribbon {
 position: absolute;
 left: -4px;
 bottom: -5px;
 display: none;
}
.cust-theme-message {
 width: 703px;
 height: 200px;
 margin: 0 auto 27px auto;
 background-color: #ffe9e5;
 border-radius: 0 0 20px 50px;
}
.cust-theme-message-custom {
 background-color: #ffffff;
 -webkit-border-radius: 0 0 35px 70px;
 -moz-border-radius: 0 0 35px 70px;
 border-radius: 0 0 35px 70px;
}
.preview-message-thankyou-page {
 width: 703px;
 height: 160px;
 padding: 20px;
 text-align: left;
 font-size: 12px;
 color: #636363;
 word-wrap: break-word;
}
.cust-theme-message textarea {
 width: 280px;
 height: 115px;
 background: none;
 box-sizing: border-box;
 position: relative;
 top: 20px;
 left: 20px;
 resize: none;
 border: 2px double #50577a;
 box-shadow: none;
 font-size: 14px;
 color: #343434;
 line-height: 15px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 font-family: "Montserrat", serif;
 padding: 15px;
}
.cust-theme-message textarea:focus {
 border: 2px double #343434;
 box-shadow: none;
}
.cust-theme-message::-webkit-input-placeholder {
 line-height: 145px;
 text-align: center;
 font-size: 14px;
 color: #7e7e7e;
}
.cust-theme-message::-moz-placeholder {
 line-height: 145px;
 text-align: center;
 font-size: 14px;
 color: #7e7e7e;
}
.cust-theme-message:-ms-input-placeholder {
 line-height: 145px;
 text-align: center;
 font-size: 14px;
 color: #7e7e7e;
}
.cust-theme-message textarea:focus::-webkit-input-placeholder {
 opacity: 0;
}
.cust-theme-message textarea:focus:-moz-placeholder {
 opacity: 0;
}
.cust-theme-message textarea:focus::-moz-placeholder {
 opacity: 0;
}
.cust-theme-message textarea:focus:-ms-input-placeholder {
 color: transparent;
}
.preview-btn {
 margin: 0 auto 24px auto;
 width: 704px;
 text-align: right;
}
.preview-btn .btn {
 width: auto;
 height: auto;
 padding-top: 5px;
 font-size: 15px;
 border: 0px;
 font-family: "Montserrat", serif;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 padding: 14px 35px;
 background: #a9b5df;
 color: #ffffff;
 font-weight: 600;
}
.preview-btn .btn:active,
.preview-btn .btn:focus {
 outline: none;
 box-shadow: none;
}
.preview-btn .btn-default:hover,
.preview-btn .btn-default:focus,
.prcd-checkout-btn .btn-default:hover,
.prcd-checkout-btn .btn-default:focus {
 border: 0px;
 background-color: #a9b5df;
 -webkit-box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.5);
 box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.5);
}
.preview-btn .btn-default:active:focus,
.preview-btn .btn-default:active:hover {
 color: #979797;
}
.gift-preview {
 position: relative;
}
.gift-wish {
 position: absolute;
 top: 115px;
 text-align: center;
 width: 100%;
 font-family: "Montserrat", serif;
 font-size: 48px;
 color: white;
 font-weight: 600;
}
.gift-recipient {
 position: absolute;
 top: 200px;
 text-align: center;
 width: 100%;
 font-size: 24px;
 color: white;
}
.preview-message {
 width: 280px;
 height: 160px;
 padding: 20px;
 text-align: left;
 font-size: 14px;
 color: #343434;
 word-wrap: break-word;
 font-family: "Montserrat", serif;
 font-weight: 500;
}
.gift-preview-close {
 position: absolute;
 bottom: -50px;
 right: 0px;
}
.gift-preview-close .btn {
 width: 90px;
 height: 40px;
 border-radius: 10px;
 padding-top: 5px;
 font-size: 15px;
 color: #343434;
 font-family: "Montserrat", serif;
 font-weight: 500;
}
.gift-preview-close .btn-default {
 border: 2px solid #cecece;
}
.preview-Modal .modal-dialog {
 width: 705px;
}
.gift-preview-hgt {
 height: 670px;
}
.gift-preview-hgt.view-reply {
 height: 200px;
}
.saytyou-prev-msg {
 width: 300px;
 height: 165px;
 padding: 12px;
 padding-bottom: 5px;
}
.prcd-checkout-btn {
 margin: 0 auto 35px auto;
 width: 704px;
 text-align: right;
}
.prcd-checkout-btn .btn {
 width: 226px;
 color: white;
 padding: 14px 35px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 color: #ffffff;
 text-align: center;
 font-size: 15px;
 font-weight: 600;
 height: auto;
 font-family: "Montserrat", serif;
}
.prcd-checkout-btn .btn-default {
 background-color: #45b76d;
 border: none;
}
.prcd-checkout-btn .btn:active,
.prcd-checkout-btn .btn:focus {
 outline: none;
 box-shadow: none;
}
.prcd-checkout-btn .btn-default:active:focus,
.preview-btn .btn-default:active:hover {
 color: white;
 background-color: #3ec9a0;
 border: none;
}
.prcd-checkout-btn .btn-default[disabled]:focus,
.prcd-checkout-btn .btn-default[disabled]:hover {
 color: white;
 background-color: #45b76d;
 border: none;
 -webkit-box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.5);
 box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.5);
}
.customize .pre-theme-wrapper-saythankyou {
 width: 660px;
 height: 115px;
 margin: 0px 19px 0px 32px;
}
.customize .pre-theme-wrapper-saythankyou .theme-unit a {
 color: white;
 text-decoration: none;
 font-weight: 400;
 font-size: 15px;
}
.cust-theme-message .saythankyou-textfield {
 width: 660px;
 height: 160px;
 background: none;
 box-sizing: border-box;
 position: relative;
 top: 20px;
 left: 20px;
 resize: none;
 border: 2px dashed #ababab;
 box-shadow: none;
 font-size: 12px;
 color: #636363;
 line-height: 15px;
}
.saythankyou-btn-field {
 margin: 0 auto 35px auto;
 width: 704px;
 text-align: center;
}
.saythankyou-btn-field .btn-default {
 background-color: #dd2d54;
}
.saythankyou-btn-field .btn-default[disabled]:hover {
 background-color: #dd2d54;
}
.toCustom .btn {
 width: 96px;
 height: 34px;
 color: #4d4d4d;
 font-size: 12px;
}
.toCustom .btn-default {
 border: 2px solid #cecece;
 background-color: white;
 border-radius: 6px;
}
.order-list .item-qnty {
 vertical-align: top;
}
.item-qnty .quantity {
 color: #4d4d4d;
 font-size: 17px;
 margin-top: -3px;
}
.order-list .item-prce {
 vertical-align: top;
}
.item-prce .itemCost {
 color: #E81850;
 font-size: 20px;
}
.checkout-payment {
 background-color: white;
 margin-bottom: 0px;
 -webkit-border-radius: 20px 50px 20px 50px;
 -moz-border-radius: 20px 50px 20px 50px;
 border-radius: 20px 50px 20px 50px;
 -webkit-box-shadow: 0px 0px 30px -16px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0px 0px 30px -16px rgba(0, 0, 0, 0.5);
 box-shadow: 0px 0px 30px -16px rgba(0, 0, 0, 0.5);
}
.payment-title {
 text-align: left;
 padding: 25px;
}
.payment-title .pay-title {
 color: #45b76d;
 font-size: 24px;
 font-weight: 500;
 font-family: "Montserrat", serif;
}
.payment-title .pay-subtitle {
 color: #343434;
 font-size: 13px;
}
.pay-methods {
 margin: 27px 10px 0px 10px;
 background-color: #f1f1f1;
}
.pay-methods .panel-group .panel-body {
 padding: 0px;
}
.pay-cc .panel-open .panel-heading {
 background-color: #8c59b2;
 color: white;
 padding: 0px;
}
.pay-cc .panel-open .panel-heading {
 color: #4e4e4e;
}
.cc-head-txt {
 display: inline-block;
 float: right;
 text-align: right;
 margin-top: 4px;
 padding-right: 10px;
 color: white;
}
.creditcard-detials {
 background-color: #f1f1f1;
 padding-left: 25px;
 padding-right: 25px;
}
.card-no {
 padding-top: 25px;
}
.card-no-label {
 color: #898989;
 font-size: 14px;
}
.card-no-value .form-control {
 width: 308px;
 height: 46px;
 border-radius: 0px;
}
.card-name {
 padding-top: 18px;
}
.card-name-label {
 color: #898989;
 font-size: 14px;
}
.card-name-value .form-control {
 width: 308px;
 height: 46px;
 border-radius: 0px;
}
.card-expiry-date {
 padding-top: 23px;
}
.card-expiry-label {
 color: #898989;
 font-size: 14px;
}
.card-expiry-value .dropdown-menu {
 top: 46px !important;
 right: 0px;
 left: 0px !important;
}
.card-expiry-value .btn {
 width: 149px;
 height: 46px;
 border-radius: 0px;
}
.card-expiry-value .expiry-dd-arrow {
 float: right;
 margin-top: 7px;
 margin-right: 5px;
}
.card-expiry-value .cc-month {
 width: 149px;
 height: 46px;
 display: inline-block;
}
.card-expiry-value .cc-year {
 width: 149px;
 height: 46px;
 display: inline-block;
}
.card-expiry-value {
 position: relative;
}
.card-expiry-value .error-msg {
 display: block;
 position: absolute;
 top: 46px;
}
.card-expiry-value .error-msg {
 left: 155px;
}
.card-expiry-value .error-msg:nth-child(2) {
 left: 0px;
}
.card-cvv {
 padding-top: 20px;
 padding-bottom: 25px;
}
.card-cvv-label {
 color: #898989;
 font-size: 14px;
}
.card-cvv-value {
 position: relative;
}
.card-cvv-value .error-msg {
 position: absolute;
 left: 0px;
 top: 46px;
}
.card-cvv-value .form-control {
 width: 149px;
 height: 46px;
 border-radius: 0px;
 display: inline;
 color: #373737;
}
.cvv-help {
 color: #898989;
 font-size: 11px;
 display: inline;
 margin-left: 5px;
}
.cvv-help a {
 text-decoration: none;
 cursor: pointer;
}
.pay-cc .panel-default {
 border: none;
 border-radius: 0px;
}
.pay-cc .panel-heading {
 height: 50px;
 background-color: #f1f1f1;
}
.cc-accord-open {
 background-color: #8c59b2;
 color: white;
}
.pay-cc .panel-group {
 margin-bottom: 9px;
}
.pay-enets .btn {
 width: 360px;
 height: 50px;
 border: none;
 border-radius: 0px;
 background-color: #f1f1f1;
}
.enets-selected.btn-default {
 background-color: #8c59b2;
 border: none;
 outline: none;
}
.pay-enets .btn:focus {
 outline: none;
}
.pay-subtotal {
 margin-left: 25px;
 margin-right: 25px;
 font-family: "Montserrat", serif;
}
.pay-subtotal .subtotal-title {
 color: #343434;
 font-size: 18px;
 margin-top: 15px;
 display: inline-block;
}
.pay-subtotal .subtotal-value {
 color: #343434;
 float: right;
 margin-top: 11px;
 display: inline-block;
}
.subtotal-value .total {
 font-size: 20px;
 display: block;
}
.subtotal-value .tax-text {
 font-size: 11px;
 text-align: right;
}
.cvv-help .tooltip-inner {
 max-width: 212px;
 padding-top: 2px;
 background-color: #fff;
 border: 1px solid #e81850;
}
.cvv-helptext {
 font-size: 11px;
 color: #e81850;
}
.tooltip.top {
 padding: 0 0;
}
.tooltip.top .tooltip-arrow {
 bottom: -5px;
}
.subtotal-value .tax-text {
 display: block;
}
.pay-gateway {
 margin-left: 25px;
 margin-right: 25px;
 margin-top: 20px;
}
.gateway-text {
 color: #343434;
 font-size: 10px;
 font-family: "Montserrat", serif;
}
.pay-tc {
 margin: 25px;
 color: #343434;
 font-size: 12px;
 text-align: left;
 font-family: "Montserrat", serif;
}
.pay-btn {
 margin-top: 0px;
 text-align: center;
 padding-bottom: 28px;
}
.pay-btn .btn {
 width: 225px;
 height: 46px;
 border-radius: 5px;
 font-size: 18px;
}
.pay-btn .btn-default {
 background-color: #45b76d;
 color: white;
 width: auto;
 height: auto;
 padding: 14px 35px;
 font-size: 15px;
 font-weight: 600;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 margin: 10px auto;
}
.pay-btn .btn-default:hover {
 -webkit-box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.5);
 box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.5);
}
.item-prce .item-availability {
 color: red;
 font-size: 12px;
}
.gifting-date .uib-title:focus,
.gifting-date .uib-left:focus,
.gifting-date .uib-right:focus {
 border: none;
 background: none;
 outline: none;
}
.gifting-date .text-info {
 color: #ffffff;
}
.gifting-date .btn-default:hover {
 color: white;
 background-color: #e81850;
}
.otp-errormsg {
 color: #ff0000;
 font-size: 12px !important;
}
.error-msg {
 color: #ff0000 !important;
 font-size: 12px !important;
}
.forgot-password-message {
 margin-top: 10px;
}
input[type="button"]:disabled.btn,
a[disabled="disabled"].btn,
input[type="submit"]:disabled.btn,
button.btn-primary[disabled] {
 background: #e81850 !important;
 border: 1px solid #7c4194 !important;
 opacity: 0.65;
}
a[disabled="disabled"].send-gift {
 background: #2e7c2e !important;
 border: 1px solid #2e7c2e !important;
 opacity: 0.65;
}
.forgot-password-message.forgot-success {
 color: #04b431;
 font-size: 14px;
 display: block;
 text-align: center;
 font-weight: 400;
}
.forgot-password-message.forgot-error {
 color: #ff0000;
 font-size: 14px;
 display: block;
 text-align: center;
 font-weight: 400;
}
.user-mobile {
 clear: both;
}
.user-mobile b {
 display: block;
 margin: 10px 0;
 text-align: center;
}
#login-dialog #step1 .frm-submit {
 margin-bottom: 20px;
}
.login-register {
 float: none;
 text-align: left;
 display: inline-block;
}
#login-dialog #step1 .frm-submit {
 margin-bottom: 20px;
}
#step2 .otp-sec a {
 color: #e81850;
 display: inline-block;
 font-size: 13px;
 font-weight: 400;
 margin: 7px 0 0;
}
.edit-no {
 margin-right: 20px !important;
}
#register-dialog {
 min-height: 360px;
}
#register-dialog .step-menu-section,
#register-dialog .step-menu-section ul {
 margin: 0;
 padding: 0;
 display: inline-block;
 width: 100%;
 float: left;
}
#register-dialog .step-menu-section ul li {
 list-style: none;
 float: left;
 width: 50%;
 text-align: center;
}
#register-dialog .step-menu-section ul li span {
 float: left;
 margin: 0;
 width: 100%;
 padding: 8px 0;
 font-size: 14px;
 border-bottom: 2px solid #e81850;
}
#register-dialog .step-menu-section ul li span.active {
 background: #e81850;
 color: #fff;
}
#register-dialog #step1 b {
 margin: 10px 0;
 display: inline-block;
 width: 100%;
 text-align: center;
}
#register-dialog #step1 h2,
#register-dialog #step2 h2,
#step2 .contact-info h2,
#login-dialog h2 {
 color: #e81850;
 font-size: 22px;
 margin: 20px 0;
}
#register-dialog #step2 h2 {
 font-size: 16px;
}
#register-dialog #step1 label {
 font-size: 18px;
 margin: 0;
}
.social-links {
 margin: 0 auto;
 width: 200px;
}
.social-links a {
 border-radius: 5px;
 height: 40px;
 width: 100%;
 float: left;
 margin: 5px 0;
 overflow: hidden;
 color: #fff;
 line-height: 40px;
 text-align: left;
}
.social-links a span {
 height: 40px;
 width: 40px;
 float: left;
 margin-right: 10px;
 border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.social-links a.fb {
 background: #325895;
}
.social-links a.fb span {
 background: url(/shop/images/facebook.png) no-repeat center center;
}
.social-links a.gplus {
 background: #ee4724;
}
.social-links a.gplus span {
 background: url(/shop/images/g-plus.png) no-repeat center center;
}
.frm-submit {
 margin: 10px 0 0;
 position: relative;
 width: 100%;
}
.frm-submit span {
 border-right: 1px solid #d9d9d9;
 color: #999999;
 font-size: 14px;
 left: 0;
 line-height: 32px;
 position: absolute;
 text-align: center;
 top: 1px;
 width: 35px;
 z-index: 1;
}
#register-dialog #step2 {
 width: 100%;
}
#login-dialog .form-control,
#password-recover-dialog .form-control,
#register-dialog .form-control {
 text-indent: inherit;
}
#login-dialog .form-control.mobile-number-input,
#password-recover-dialog .form-control.mobile-number-input,
#register-dialog .form-control.mobile-number-input {
 text-indent: 30px;
}
#step2 h2 {
 font-size: 16px;
 color: #e81850;
 font-weight: 400;
}
#step2 .login-sec {
 margin: 10px 0;
}
#step2 .login-sec .form-control {
 text-indent: 5px;
}
#step2 .contact-info {
 margin: 30px 0 0;
 text-align: center;
}
#step2 .contact-info img {
 width: auto;
}
#register-dialog #step2 .contact-info h2 {
 font-size: 18px;
 margin: 20px 0 0;
}
#step2 .contact-info p {
 font-size: 15px;
 color: #656565;
 margin: 5px 0 20px;
}
.contact-info .frm-submit {
 text-align: center;
}
.g-recaptcha {
 transform: scale(0.85); /* Adjust the scale value as needed */
 transform-origin: left top;
}

.contact-info .frm-submit .btn {
 margin: 0 5px;
}
.contact-info .frm-submit .btn-success {
 background: #e81850;
 border: none;
}
.contact-info .frm-submit .btn-success:hover {
 background: #7c4194;
}
.mt30 {
 margin-top: 30px;
}
.verotp-section {
 background-image: url("../../shop/images/signup-bg.svg") !important;
 background-size: cover;
}
input.btn[type="button"]:disabled,
a.btn[disabled="disabled"],
input.btn[type="submit"]:disabled,
button.btn-primary[disabled] {
 background: #45b76d none repeat scroll 0 0 !important;
 border: 1px solid #45b76d !important;
 opacity: 0.65;
}
.otp-errormsg {
 color: #e81850;
 font-size: 12px !important;
 font-weight: normal;
 margin: 5px 0 0 10px;
}
.otp-errormsgs {
 color: #ff0000;
 font-size: 12px;
}
.error-info {
 color: #ff0000 !important;
 display: block;
}
.success-msg {
 color: #62c208 !important;
}
.success-change-passsword {
 color: #62c208 !important;
}
.user-mobile {
 clear: both;
}
.user-mobile b {
 display: block;
 margin: 10px 0;
 text-align: center;
}
#password-recover-dialog .forgot-step2 .otp-input {
 text-indent: 5px;
}
#password-recover-dialog .btn-primary {
 margin-top: 10px;
}
.modal-body .btn-sec {
 text-align: center;
}
.croped-result {
 text-align: center;
}
.croped-result img {
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
}
.croped-result .btn-sec {
 margin-top: 10px;
}
.croped-result .croped-gift-caption {
 display: inline-block;
 width: 100%;
 margin-bottom: 5px;
 font-weight: 400;
 font-size: 16px;
}
.modal.login-popup-section .modal-dialog {
 width: 400px;
}
.modal-dialog .modal-body {
 padding: 20px 30px;
 text-align: left;
}
.mfp-dialog > h5 {
 margin-bottom: 0;
}
.mfp-dialog .dialog-icon,
.modal-dialog .dialog-icon {
 position: absolute;
 left: -60px;
 top: 5px;
 width: 60px;
 height: 60px;
 display: block;
 line-height: 60px;
 text-align: center;
 color: #fff;
 background: #848484;
 font-size: 27px;
 -webkit-border-radius: 3px 0 0 3px;
 border-radius: 3px 0 0 3px;
}
.modal-dialog .dialog-form,
.modal-dialog .social-media-login {
 padding-top: 15px;
 margin-top: 5px;
 margin-bottom: 0;
}
.mfp-dialog .dialog-form,
.mfp-dialog .social-media-login {
 padding-top: 15px;
 margin-top: 15px;
 border-top: 1px solid #e5e5e5;
 margin-bottom: 0;
}
.mfp-dialog .dialog-form > .btn,
.mfp-dialog .social-media-login > .btn {
 margin-top: 10px;
}
.mfp-dialog .dialog-alt-links,
.modal-dialog .dialog-alt-links {
 list-style: none;
 margin: 0;
 position: absolute;
 right: 30px;
 bottom: 31px;
 font-size: 13px;
}
.mfp-dialog .dialog-alt-links li,
.modal-dialog .dialog-alt-links li {
 line-height: 1em;
 float: left;
 margin-left: 15px;
}
.mfp-dialog-big {
 max-width: 800px;
}
.dialog-alt-links li a {
 text-decoration: none;
 color: #e81850;
}
.frm-submit input {
 margin-bottom: 10px;
}
#step1 #frm_siginup .btn {
 background-color: #e81850;
 color: white;
}
#map {
 width: 100%;
 height: 500px;
}
.item-desc-txt {
 display: inline-block;
 margin-left: 20px;
 vertical-align: top;
}
.brand_and_cost {
 height: 70px;
}
.brand_and_cost .brand {
 color: #4d4d4d;
 font-size: 18px;
}
.brand_and_cost .type_of_purchase {
 font-size: 12px;
}
.cart-content {
 margin-top: 130px;
}
/******************************* Payment Thank you page ******************/
.payment-thankyou-container {
 display: table;
 width: 100%;
}
.payment-thankyou-panel {
 display: table-cell;
 vertical-align: middle;
 float: none;
}
.payment-thankyou-section .logo {
 width: auto;
 margin: 0 auto;
 display: block;
}
#payment-success-dialog .payment-thankyou-content-section {
 text-align: center;
 padding: 30px;
 border-radius: 0px;
 box-shadow: none;
 background: none;
}
.payment-thankyou-content-section {
 text-align: center;
 background: #fff;
 padding: 30px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -o-border-radius: 3px;
 -webkit-box-shadow: 0px 0px 7px 0px rgba(205, 206, 206, 1);
 -moz-box-shadow: 0px 0px 7px 0px rgba(205, 206, 206, 1);
 box-shadow: 0px 0px 7px 0px rgba(205, 206, 206, 1);
}
.payment-thankyou-content-section .congrats-img {
 width: 60px;
 height: 60px;
 margin-bottom: 20px;
}
.payment-thankyou-content-section h3 {
 color: #e81850;
 font-size: 32px;
 font-weight: 400;
 font-family: "Montserrat", serif;
 margin: 20px 0px;
}
.payment-thankyou-content-section p span {
 color: #e81850;
}
.payment-thankyou-content-section p span.price {
 font-size: 18px;
 font-weight: 600;
}
.payment-thankyou-content-section ul {
 list-style: none;
 display: inline-block;
 padding: 0;
 margin: 20px 0;
}
.payment-thankyou-content-section ul li {
 float: left;
 margin: 10px;
}
.payment-thankyou-content-section ul li:first-child {
 margin-top: 25px;
}
.payment-thankyou-content-section ul li .fa {
 cursor: pointer;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -o-border-radius: 50%;
 font-size: 26px;
}
.payment-thankyou-content-section ul li .fa-facebook {
 background: #547bbc;
 color: #fff;
 padding: 12px 17px;
}
.payment-thankyou-content-section ul li .fa-google {
 background: #4b4b4b;
 color: #fff;
 padding: 12px 17px;
}
.payment-thankyou-content-section ul li .fa-pinterest {
 background: #e95655;
 color: #fff;
 padding: 12px 15px;
}
.payment-thankyou-content-section ul li .fa-twitter {
 background: #78cbef;
 color: #fff;
 padding: 12px 15px;
}
.payment-thankyou-content-section .payment-success-ok {
 padding: 8px 30px;
}
/******************************* Payment Thank you page ******************/
.checkout-payment .desc_mywallet .desc {
 color: #343434;
 font-family: "Montserrat", serif;
 font-weight: 500;
 text-align: center;
 margin-top: 10px;
 font-size: 20px;
 padding: 10px;
}
.checkout-payment .desc_mywallet .desc b {
 color: #e81850;
}
.redeem-login-popup .modal-dialog {
 margin: 60px auto;
 width: 483px;
}
.loggedin-mail {
 text-align: center;
 padding-bottom: 65px;
 font-weight: 400;
 color: white;
}
.loggedin-mail .login-txt {
 font-size: 16px;
}
.loggedin-mail .login-mailid {
 font-size: 24px;
}
.continue-add-giftcard {
 text-align: center;
 margin-bottom: 17px;
}
.continue-add-giftcard .btn {
 width: 280px;
 height: 52px;
 border-radius: 10px;
 font-weight: 400;
 color: white;
 font-size: 16px;
}
.continue-add-giftcard .btn-default {
 background-color: #45b76d;
 border: 1px solid #45b76d;
}
.signup-login-btns {
 text-align: center;
}
.signup-login-btns .btn {
 width: 140px;
 height: 52px;
 color: #525252;
 font-weight: 400;
 font-size: 16px;
 border-radius: 8px;
 border: 1px solid #a1a1a1;
 background-color: white;
}
.signup-login-btns .btn-default {
 margin-right: -5px;
 border-top-right-radius: 0px;
 border-bottom-right-radius: 0px;
}
.signup-login-btns .btn-info {
 border-top-left-radius: 0px;
 border-bottom-left-radius: 0px;
}
.dont-show {
 display: none !important;
}
/*.modal-content{*/
/* border-radius: 35px 70px;*/
/*}*/
/************************** Media Query *******************************/
@media (min-width: 1300px) {
 .mcd-about-txt {
  margin: 0px 10px;
 }
}
@media (min-width: 1200px) and (max-width: 1299px) {
 .other-card-pricerange {
  font-size: 17px;
  bottom: 25px;
  right: 20px;
 }
 .mcd-about-txt {
  margin: 0px 10px;
 }
}
@media (min-width: 1200px) {
 .zeroPadLeft {
  padding-left: 0px;
 }
 .mcd-purchase-detail .zeroPad {
  padding-left: 0px;
  padding-right: 0px;
 }
 .error-msg {
  color: #ff0000 !important;
  font-size: 12px !important;
  margin-top: 5px;
  display: inline-block;
 }
 .error1 {
  margin-left: -315px;
 }
 .error2 {
  margin-left: -217px;
 }
 .payment_pad {
  padding-left: 0px;
 }
}
@media (min-width: 991px) and (max-width: 1200px) {
 .checkout-payment .desc_mywallet .desc {
  color: #696969;
  font-family: "" Montserrat ", serif";
  font-weight: 500;
  text-align: center;
  margin-top: 5px;
  font-size: 21px;
  padding: 10px;
 }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .mcd-purchase-card {
  width: 450px;
 }
 .mcd-purchase-card .card-image {
  width: 450px;
  height: 300px;
 }
 .mcd-purchase-card .logo-image {
  width: 240px;
  height: 130px;
 }
 .mcd-purchase-detail .mcd-title {
  font-size: 28px;
 }
 .mcd-credits-value .btn {
  width: 75px;
  margin: 0 6px;
 }
 .zeroPadLeft {
  padding-left: 0px;
 }
 .mcd-purchase-detail .zeroPad {
  padding-left: 0px;
  padding-right: 0px;
 }
 .mcd-other-mcs {
  height: 352px;
 }
 .other-card-overlay {
  width: 300px;
 }
 .other-card-logo {
  top: 38px;
  left: 42px;
 }
 .other-card-pricerange {
  font-size: 16px;
  bottom: 25px;
  right: 20px;
 }
 .mcd-about-txt {
  margin: 0px 10px;
 }
 .sender-fn-ln .form-control,
 .recvr-fn-ln .form-control {
  width: 397px;
 }
 .sender-email .form-control,
 .sender-mobNo .form-control {
  width: 195px;
 }
 .recvr-email-mob .col-lg-2,
 .recvr-email-mob .col-md-2 {
  padding-left: 9px;
 }
 .gifting-date .form-control {
  padding-left: 3px;
  padding-right: 3px;
 }
 .recvr-email-mob .col-lg-2,
 .recvr-email-mob .col-md-2 {
  padding-left: 9px;
 }
 .gifting-date .form-control {
  padding-left: 3px;
  padding-right: 3px;
 }
 .order-list-header {
  padding-left: 24px;
 }
 .order-list-header .item-desc {
  width: 52%;
 }
 .order-list-header .item-pers {
  width: 19%;
 }
 .order-list-header .item-qnty {
  width: 11%;
 }
 .order-list-header .item-prce {
  width: 15%;
 }
 .orders .order-list {
  margin-left: 24px;
 }
 .order-list .item-desc {
  width: 53%;
 }
 .order-list .item-pers {
  width: 19%;
 }
 .order-list .item-qnty {
  width: 10%;
 }
 .order-list .item-prce {
  width: 15%;
 }
 .order-gift-card {
  width: 170px;
 }
 .order-gift-card .card-image {
  width: 170px;
  height: 120px;
 }
 .order-gift-logo {
  left: 30px;
  top: 22px;
 }
 .order-gift-card .logo-img {
  width: 110px;
  height: 70px;
 }
 .item-desc-txt {
  margin-left: 15px;
 }
 .brand_and_cost {
  height: 60px;
 }
 .brand_and_cost .brand {
  font-size: 16px;
 }
 .brand_and_cost .type_of_purchase {
  font-size: 11px;
 }
 .item-desc-txt .cost {
  height: 60px;
  padding-top: 24px;
 }
 .card-no {
  padding-top: 22px;
 }
 .card-no-value .form-control {
  width: 100%;
 }
 .card-name {
  padding-top: 15px;
 }
 .card-name-value .form-control {
  width: 100%;
 }
 .card-expiry-date {
  padding-top: 20px;
 }
 .card-expiry-value .cc-month {
  width: 49%;
 }
 .card-expiry-value .cc-year {
  width: 49%;
 }
 .card-expiry-value .error-msg {
  left: 124px;
 }
 .card-cvv-value .form-control {
  width: 49%;
  left: 117px;
 }
 .pay-methods {
  margin-bottom: 10px;
 }
 .creditcard-detials .error-msg {
  font-size: 10px !important;
 }
 .payment_pad {
  padding-left: 0;
 }
}
@media (min-width: 992px) and (max-width: 1050px) {
 .mcd-about-txt {
  margin: 0 0px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .mcd-purchase-card {
  width: 350px;
 }
 .mcd-purchase-card .card-image {
  width: 350px;
  height: 240px;
 }
 .mcd-purchase-card .logo-image {
  width: 200px;
  height: 110px;
 }
 .mcd-purchase-detail .mcd-title {
  font-size: 22px;
 }
 .mcd-purchase-detail .mcd-subtitle {
  font-size: 11px;
 }
 .mcd-purchase-detail .mcd-validity {
  margin-top: 12px;
  font-size: 14px;
 }
 .mcd-purchase-detail .mcd-validity-value {
  margin-left: 15px;
 }
 .mcd-purchase-detail .mcd-credits {
  margin-top: 8px;
  font-size: 14px;
 }
 .mcd-purchase-detail .mcd-credits-value {
  margin-left: 69px;
 }
 .mcd-purchase-detail .mcd-credits-value .btn {
  width: 55px;
  height: 34px;
  padding: 6px 3px;
  font-size: 13px;
  margin: 0 3px;
 }
 .guest-detail-value-btn .btn {
  margin: 0px;
 }
 .mcd-credits-value .btn-line-one {
  margin-bottom: 0;
 }
 .mcd-purchase-detail .mcd-credits-heptext {
  margin-left: 75px;
 }
 .mcd-purchase-detail .mcd-custom {
  margin-top: 12px;
  font-size: 14px;
 }
 .mcd-purchase-detail .mcd-custom-value {
  margin-left: 15px;
 }
 .mcd-purchase-detail .mcd-quantity {
  margin-top: 8px;
  font-size: 14px;
 }
 .mcd-purchase-detail .mcd-quantity-value {
  margin-left: 10px;
 }
 .mcd-purchase-detail .mcd-subtotal-value {
  white-space: nowrap;
 }
 .mcd-purchase-detail .zeroPad,
 .mcd-buttonaction {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
 }
 .mcd-purchase-detail .btn-info {
  font-size: 15px;
 }
 .mcd-purchase-detail .btn-info1 {
  font-size: 15px;
 }
 .zeroPadLeft {
  padding-left: 0px;
 }
 .mcd-other-mcs {
  height: auto;
 }
 .other-card-overlay {
  width: 230px;
 }
 .other-card-logo {
  top: 35px;
  left: 40px;
 }
 .other-card-pricerange {
  font-size: 15px;
  bottom: 20px;
  right: 15px;
 }
 .mcd-about-txt {
  margin: 0px 10px;
 }
 .bar-content .progressbar li {
  width: 225px;
 }
 .bar-content .progressbar li:after {
  width: 210px;
 }
 .order_info_pad {
  padding-left: 15px;
  padding-right: 15px;
 }
 .order_info_user_pad {
  padding-right: 15px;
 }
 .recvr-email-mob .col-sm-5 {
  width: 45%;
 }
 .recvr-email-mob .col-sm-2 {
  width: 8%;
  padding-left: 12px;
  padding-right: 10px;
 }
 .recvr-fn-ln .form-control {
  width: 98.5%;
 }
 .recvr-email-mob .or-text {
  margin-left: 8px;
 }
 .order_info_totalOrders {
  padding-left: 15px;
 }
 .showdate_cal {
  max-width: 80%;
  float: right;
 }
 .checkout-date-title.col-sm-8 {
  padding-left: 0px;
  padding-right: 0px;
 }
 .gifting-date.col-sm-4 {
  padding-left: 0px;
  padding-right: 0px;
 }
 .checkout-date .dropdown-menu {
  top: 42px !important;
  left: 0px !important;
 }
 .order-list {
  margin-left: 24px;
 }
 .order-gift-card {
  width: 170px;
 }
 .order-gift-card .card-image {
  width: 170px;
  height: 120px;
 }
 .order-gift-logo {
  left: 30px;
  top: 22px;
 }
 .order-gift-card .logo-img {
  width: 110px;
  height: 70px;
 }
 .item-desc-txt {
  margin-left: 15px;
 }
 .brand_and_cost {
  height: 60px;
 }
 .brand_and_cost .brand {
  font-size: 16px;
 }
 .brand_and_cost .type_of_purchase {
  font-size: 11px;
 }
 .item-desc-txt .cost {
  height: 60px;
  padding-top: 24px;
 }
 .pay-methods {
  margin-bottom: 35px;
 }
 .card-no-value .form-control {
  width: 100%;
 }
 .card-name-value .form-control {
  width: 100%;
 }
 .card-expiry-value .cc-month {
  width: 49.5%;
 }
 .card-expiry-value .cc-year {
  width: 49.5%;
 }
 .card-cvv-value .form-control {
  width: 49.5%;
 }
 .card-expiry-value .error-msg {
  left: 50%;
 }
 .gifting-date {
  margin: 4px 0 0;
 }
 p.input-group {
  margin: 0px;
 }
}
@media (max-width: 991px) {
 .search-area label > span {
  display: none;
 }
 .sidebar-left {
  margin-bottom: 20px;
 }
}
@media (max-width: 800px) {
 .moo-category .cate-action label img {
  width: 25px !important;
 }
 .iconSVG {
  width: 25px !important;
  height: 25px !important;
 }
 .iconDiv {
  width: 45px !important;
  height: 45px !important;
 }
 .moo-category .cate-action {
  top: 100px !important;
 }
}
@media (min-width: 768px) and (max-width: 850px) {
 .mcd-about-txt {
  margin: 0 0px;
 }
}
@media (min-width: 768px) {
 .mcd-prdt-nav .navbar-nav > li > a {
  padding-top: 25px;
  padding-bottom: 15px;
 }
 .modal {
  left: 5px;
 }
 .modal-dialog {
  margin-bottom: 60px;
 }
}
@media (max-width: 768px) {
 .breadcrumb {
  text-align: center;
 }
 .breadcrumb .breadcrumb-content {
  font-size: 14px;
 }
 .breadcrumb .breadcrumb-content:last-child {
  font-size: 14px;
 }
}
@media (max-width: 767px) {
 .mcd-purchase .mcd-purchase-card {
  position: relative;
  margin: 0 auto;
 }
 .navbar-collapse{
  background: transparent;
 }
 .mcd-prdt-nav .navbar-nav {
  margin: 0px -5px;
 }
 .mcd-prdt-nav .nav > li > a {
  padding: 20px 10px;
 }
 .mcd-purchase {
  margin-bottom: 20px;
 }
 .mcd-purchase-detail .zeroPad {
  padding-left: 0px;
  padding-right: 0px;
 }
 .mcd-zeroPad {
  padding-left: 0px;
  padding-right: 0px;
 }
 .checkout {
  background-color: transparent;
 }
 .cart_content.container {
  padding-top: 20px;
  margin-top: -40px;
 }
 .order-status-content {
  padding-top: 30px;
 }
 .my_cards_sec {
  margin-top: -40px;
  margin-bottom: 20px;
 }
 .aboutpage {
  margin-top: -45px;
 }
 .cust-xs-title {
  height: 85px;
  color: #6e6e6e;
  font-size: 20px;
  padding-top: 25px;
  padding-bottom: 28px;
  text-align: center;
 }
 .cust-theme-xs-carousel {
  height: auto;
  margin-bottom: 10px;
  padding: 10px 0;
  background-image: linear-gradient(6deg, #e1fbea 50%, #ffd1dd 50%);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.18);
 }
 .cust-xs-theme-item {
  text-align: center;
  color: #e81850;
  font-size: 21px;
  padding: 0;
  font-family: "Montserrat", serif;
 }
 .theme-left {
  position: absolute;
  left: 0px;
  top: 5px;
  cursor: pointer;
 }
 .theme-right {
  position: absolute;
  right: 0px;
  top: 5px;
  cursor: pointer;
 }
 .modal {
  left: -2px;
 }
 .modal-dialog {
  margin-bottom: 60px;
 }
 .gift-preview-close {
  left: 0px;
 }
 .preview-message {
  overflow-y: auto;
 }
 .cust-progress,
 .cust-xs-title {
  display: none !important;
 }
 .theme-left img {
  width: 12px;
 }
 .theme-right img {
  width: 12px;
 }
 .order_info_pad {
  padding-left: 15px;
  padding-right: 15px;
 }
 .sender-email-mob .col-xs-12 {
  padding-left: 0px;
  padding-right: 0px;
 }
 .recvr-email-mob .col-xs-12 {
  padding-left: 0px;
  padding-right: 0px;
 }
 .showdate_cal {
  max-width: 80%;
  float: right;
 }
 .order_info_totalOrders {
 }
 .order-details-title {
  text-align: center;
  padding-bottom: 16px;
 }
 .order-list-header {
  font-size: 13px;
 }
 .order-list {
  margin-left: 20px;
 }
 .card-no-value .form-control {
  width: 100%;
 }
 .card-name-value .form-control {
  width: 100%;
 }
 .card-expiry-value .cc-month {
  width: 49%;
 }
 .card-expiry-value .cc-year {
  width: 49%;
 }
 .card-cvv {
  padding-bottom: 20px;
 }
 .card-cvv-value .form-control {
  width: 49%;
 }
 .card-expiry-value .error-msg {
  left: 50%;
 }
 .payment-title {
  padding: 10px;
  text-align: center;
 }
 .pay-methods {
  margin-bottom: 35px;
  margin-top: 20px;
 }
 .pay-cc .panel-heading {
  height: 45px;
  padding: 8px 12px;
 }
 .pay-subtotal .subtotal-title {
  margin-top: 10px;
  display: inline-block;
 }
 .pay-subtotal .subtotal-value {
  float: right;
  margin-top: 10px;
  display: inline-block;
 }
 .gateway-text {
  float: right;
  padding-top: 9px;
 }
 .red-dot-logo {
  float: left;
 }
 .subtotal-value .tax-text {
  text-align: center;
 }
 .pay-gateway {
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
 }
 .pay_gate {
  float: right;
 }
 .pay-tc {
  margin-top: 15px;
  font-size: 11px;
 }
 .content {
  margin-top: 60px;
 }
 .device-menu {
  display: block;
 }
 .web-menu {
  display: none;
 }
 .mcd-validity {
  margin-top: 0px;
 }
 .Title_container {
  text-align: left;
 }
 .checkout-payment .desc_mywallet .desc {
  font-size: 18px;
 }
 .cust-personalize .cust-title-text {
  display: block;
 }
 .mcd-purchase-detail .btn-toolbar .btn-group {
  margin-left: 0px;
 }
 .mcd-purchase-detail .btn-toolbar .btn-group button {
  margin: 0 3px;
 }
 .guest-user-personalize .cust-theme-message {
  margin-top: 6px;
 }
 .guest-user-personalize
 .moom-gift-recipient
 .form-control::-webkit-input-placeholder {
  color: #999b9d;
 }
 .guest-user-personalize .moom-gift-recipient .form-control::-moz-placeholder {
  color: #999b9d;
 }
 .guest-user-personalize
 .moom-gift-recipient
 .form-control:-ms-input-placeholder {
  color: #999b9d;
 }
}
@media only screen and (min-width: 630px) and (max-width: 767px) {
 .mcd-other-mcs {
  height: 350px;
 }
 .other-card-overlay {
  width: 280px;
 }
 .other-card-logo {
  top: 42px;
  left: 35px;
 }
 .other-card-pricerange {
  font-size: 17px;
  bottom: 25px;
  right: 20px;
 }
 .mcd-about-txt {
  margin: 0px 5px;
 }
}
@media only screen and (min-width: 611px) and (max-width: 767px) {
 .mcd-purchase {
  margin-top: 15px;
 }
 .mcd-purchase .top-xs {
  margin-top: 10px;
 }
 .mcd-purchase-detail {
  margin-left: 0px;
  width: 530px;
  margin: 0 auto;
 }
 .mcd-purchase-card .fav-card-top-logo {
  left: 100px;
 }
 .mcd-prdt-nav li {
  display: inline-block;
 }
}
@media (min-width: 501px) and (max-width: 767px) {
 .moom-gift-logo .logo-image {
  height: 65px;
  width: 160px;
 }
 .cust-theme-message .saythankyou-textfield {
  width: 450px;
  height: 125px;
  top: 20px;
  left: 15px;
 }
 .saythankyou-btn-field {
  width: 478px;
 }
 .cust-progress {
  height: 185px;
 }
 .bar-title {
  font-size: 13px;
  margin-left: 40px;
 }
 .bar-content .progressbar li {
  font-size: 13px;
  width: 138px;
 }
 .bar-content .progressbar li:before {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
 }
 .bar-content .progressbar li:after {
  height: 4px;
  top: 15px;
 }
 .cust-theme-final {
  width: 478px;
  height: 300px;
 }
 .moom-gift-cover {
  width: 478px;
  height: 300px;
  border-radius: 20px 50px 0 0;
 }
 .moom-gift-wish {
  top: 50px;
  left: 75px;
 }
 .moom-gift-wish .form-control {
  width: 320px;
  height: 80px;
  font-size: 22px;
 }
 .mgw-more-fs {
  font-size: 36px;
 }
 .mgw-less-fs {
  font-size: 22px;
 }
 .moom-gift-recipient {
  top: 150px;
  left: 75px;
 }
 .moom-gift-recipient .form-control {
  width: 320px;
  height: 50px;
  font-size: 20px;
 }
 .moom-gift-sender {
  bottom: 15px;
  left: 15px;
 }
 .moom-gift-sender-input .form-control {
  width: 135px;
  height: 45px;
  font-size: 18px;
  padding-left: 6px;
 }
 .cust-theme-message {
  width: 478px;
  height: 160px;
 }
 .cust-theme-message textarea {
  width: 160px;
  height: 120px;
 }
 .moom-gift-card-outer {
  top: 250px;
  left: 215px;
 }
 .moom-gift-card {
  width: 230px;
 }
 .multiimg-view .carousel-inner > .item > a > img,
 .moo-viewGC .card-image {
  width: 230px !important;
  height: 150px !important;
 }
 .top-ribbon {
  right: -3px;
  top: -2px;
 }
 .top-ribbon img {
  width: 40px;
  height: 40px;
 }
 .bottom-ribbon {
  left: -2px;
  bottom: -3px;
 }
 .bottom-ribbon img {
  width: 40px;
  height: 40px;
 }
 .moom-gift-card .logo-img {
  width: 130px;
  height: 75px;
 }
 .moom-gift-logo {
  top: 30px;
  left: 48px;
 }
 .moom-gift-value {
  bottom: 10px;
  right: 15px;
 }
 .gift-value-text {
  font-size: 10px;
 }
 .gift-value {
  font-size: 20px;
 }
 .cust-theme-message::-webkit-input-placeholder {
  line-height: 100px;
  font-size: 12px;
 }
 .cust-theme-message::-moz-placeholder {
  line-height: 100px;
  font-size: 12px;
 }
 .cust-theme-message:-ms-input-placeholder {
  line-height: 100px;
  font-size: 12px;
 }
 .prvw-prcd-btn-xs {
  display: block;
  width: 478px;
  margin: 0 auto 30px;
 }
 .preview-btn {
  float: left;
  width: auto;
 }
 .preview-btn .btn {
  width: auto;
  height: auto;
 }
 .prcd-checkout-btn {
  float: right;
  width: auto;
 }
 .prcd-checkout-btn .btn {
  width: auto;
  height: auto;
 }
 .preview-Modal .modal-dialog {
  width: 480px;
 }
 .gift-preview-hgt {
  height: 460px;
 }
 .gift-wish {
  top: 80px;
  height: 80px;
  font-size: 26px;
 }
 .gift-recipient {
  top: 125px;
  font-size: 21px;
 }
 .preview-message {
  width: 160px;
  height: 120px;
 }
 .preview-message-thankyou-page {
  width: 478px;
  height: 120px;
 }
 .moom-gift-upload {
  top: 10px;
  right: 10px;
 }
 .pre-theme-xs-wrapper {
  width: 478px;
  margin: 0 auto;
 }
 .cart-subtotal div.btn-cntrl.support {
  top: 0 !important;
 }
}
@media only screen and (min-width: 500px) and (max-width: 629px) {
 .mcd-other-mcs {
  height: 300px;
 }
 .other-card-overlay {
  width: 215px;
 }
 .other-card-logo {
  top: 35px;
  left: 40px;
 }
 .other-card-pricerange {
  font-size: 15px;
  bottom: 20px;
  right: 20px;
 }
 .mcd-about-txt {
  margin: 0px 5px;
 }
}
@media only screen and (min-width: 506px) and (max-width: 610px) {
 .mcd-purchase-card {
  width: 450px;
 }
 .mcd-purchase-card .card-image {
  width: 450px;
  height: 340px;
 }
 .mcd-purchase-card .logo-image {
  width: 300px;
  height: 170px;
 }
 .mcd-purchase {
  margin-top: 15px;
 }
 .mcd-purchase-card {
  margin: 0 auto;
 }
 .mcd-purchase .top-xs {
  margin-top: 10px;
 }
 .mcd-purchase-detail {
  margin-left: 0px;
  width: 450px;
  margin: 0 auto;
 }
 .mcd-purchase-card .fav-card-top-logo {
  left: 76px;
  top: 90px;
 }
 .mcd-purchase-card .fav-card-top-logo .logo-image {
  width: 300px;
  height: 170px;
 }
 .mcd-purchase .mcd-title {
  font-size: 26px;
 }
 .mcd-purchase-detail .mcd-credits-value .btn {
  width: 80px;
  height: 40px;
  padding: 6px 3px;
  font-size: 14px;
 }
 .mcd-prdt-nav li {
  display: inline-block;
 }
}
@media (min-width: 500px) and (max-width: 600px) {
 .order-list-header {
  font-size: 12px;
  padding-left: 18px;
 }
 .order-list-header .item-pers {
  width: 21%;
 }
 .order-list-header .item-qnty {
  width: 10%;
 }
 .order-list-header .item-prce {
  width: 15.5%;
 }
 .order-list .item-pers {
  width: 21%;
 }
 .order-list .item-qnty {
  width: 10%;
 }
 .order-list .item-prce {
  width: 15.5%;
 }
 .orders {
  margin-top: 20px;
 }
 .orders .order-list:first-child {
  margin-top: 20px;
 }
 .order-list {
  margin-left: 10px;
 }
 .brand_and_cost {
  height: 45px;
 }
 .brand_and_cost .brand {
  font-size: 13px;
 }
 .brand_and_cost .type_of_purchase {
  font-size: 11px;
 }
 .item-desc-txt .cost {
  height: 45px;
  padding-top: 16px;
  font-size: 12px;
 }
 .toCustom .btn {
  width: 76px;
  padding-right: 8px;
  padding-left: 6px;
 }
 .item-prce .itemCost {
  font-size: 12px;
 }
}
@media only screen and (min-width: 391px) and (max-width: 505px) {
 .mcd-prdt .container {
  padding-left: 0px;
  padding-right: 0px;
 }
 .mcd-purchase-card {
  width: 350px;
 }
 .mcd-purchase-card .card-image {
  width: 350px;
  height: 220px;
 }
 .mcd-purchase-card .logo-image {
  width: 220px;
  height: 115px;
 }
 .mcd-purchase {
  margin-top: 15px;
 }
 .mcd-purchase-card {
  margin: 0 auto;
 }
 .mcd-purchase .top-xs {
  margin-top: 10px;
 }
 .mcd-purchase-detail {
  margin-left: 0px;
  width: 350px;
  margin: 0 auto;
 }
 .mcd-purchase-card .fav-card-top-logo {
  top: 54px;
  left: 65px;
 }
 .mcd-purchase-card .fav-card-top-logo .logo-image {
  width: 220px;
  height: 115px;
 }
 .mcd-purchase .mcd-title {
  font-size: 24px;
 }
 .mcd-purchase .mcd-subtitle {
  font-size: 12px;
 }
 .mcd-purchase-detail .mcd-credits-value .btn {
  width: 60px;
  height: 35px;
  padding: 6px 3px;
  font-size: 14px;
 }
 .mcd-credits-value .btn-line-one {
  margin-bottom: 0;
 }
 .mcd-prdt-nav .navbar-nav {
  margin: 0px 0px;
 }
 .mcd-prdt-nav li {
  display: inline-block;
  width: auto;
  vertical-align: top;
  text-align: center;
 }
 .mcd-purchase-detail .mcd-subtotal {
  font-size: 13px;
 }
 .mcd-purchase-detail .mcd-subtotal-value {
  font-size: 14px;
 }
 .mcd-purchase-detail .mcd-subtotal-value .finalvalue {
  font-size: 14px;
 }
 .mcd-purchase-detail .btn-default {
  font-size: 13px;
 }
 .mcd-purchase-detail .btn-info {
  font-size: 15px;
 }
 .mcd-purchase-detail .btn-info1 {
  font-size: 13px;
 }
 .hidden-xs-500 {
  display: none;
 }
}
@media (min-width: 295px) and (max-width: 500px) {
 .checkout-progress .cust-breadcrumb {
  margin-top: 5px;
 }
 .sender-info-title .title {
  font-size: 20px;
  font-weight: 400;
 }
 .sender-info-title .subtitle {
  font-size: 11px;
 }
 .recvr-email-mob .col-xs-12 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
 }
 .recvr-info-title .title {
  font-size: 20px;
  font-weight: 400;
 }
 .recvr-info-title .subtitle {
  font-size: 11px;
 }
 .checkout-date-title.col-xs-8 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
 }
 .gifting-date.col-xs-4 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 auto;
 }
 .order_info_totalOrders {
 }
 .order-details {
  padding-bottom: 15px;
 }
 .order-list {
  margin-left: 10px;
 }
 .order-list-header {
  padding-left: 16px;
 }
 .order-list-header .item-desc {
  width: 30%;
 }
 .order-list-header .item-desc-buy {
  width: 50%;
 }
 .order-list-header .item-pers {
  width: 35%;
 }
 .order-list-header .item-qnty {
  width: 12%;
 }
 .order-list-header .item-prce {
  width: 19%;
 }
 .orders {
  margin-top: 15px;
 }
 .orders .order-list:first-child {
  margin-top: 15px;
 }
 .order-list .item-desc {
  width: 34%;
 }
 .order-list .item-desc-buy {
  width: 50%;
 }
 .order-list .item-pers {
  width: 30%;
 }
 .order-list .item-qnty {
  width: 12%;
 }
 .order-list .item-prce {
  width: 18%;
 }
 .creditcard-detials {
  padding-left: 15px;
  padding-right: 15px;
 }
 .pay_master_img {
  width: 25px;
  height: 18px;
 }
 .pay_visa_img {
  width: 25px;
  height: 18px;
 }
 .cc-head-txt {
  font-size: 14px;
  margin-top: 0px;
 }
 .card-no {
  padding-top: 15px;
 }
 .pay-methods {
  margin-bottom: 20px;
 }
 .pay-subtotal {
  margin-left: 15px;
  margin-right: 15px;
 }
 .subtotal-value .total {
 }
 .pay-tc {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
 }
 .card-name {
  padding-top: 15px;
 }
 .card-expiry-date {
  padding-top: 20px;
  padding-bottom: 10px;
 }
 .card-expiry-value .error-msg {
  left: 51%;
 }
 .creditcard-detials .error-msg {
  font-size: 10px !important;
  width: 49%;
 }
 .pay-btn {
  padding-bottom: 0px;
 }
 .pay-btn .btn {
  width: auto;
  border-radius: 10px;
  margin: 10px auto;
 }
 /*.checkout-payment{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}*/
 .gateway-text {
  float: none;
  padding-top: 0;
  text-align: center;
  font-size: 9px;
 }
 .red-dot-logo {
  float: none;
  text-align: center;
  padding-top: 10px;
 }
 /******************************** Cashback Responsive Table *************************/
 .cashback-responsive-table div.cart-brand-name {
  font-size: 13px;
 }
 .cashback-responsive-table div.itemCost {
  font-size: 13px !important;
  padding: 5px 0 15px !important;
 }
 .cashback-responsive-table tr td button {
  padding: 7px 20px;
  font-size: 14px !important;
 }
 .cashback-responsive-table .cashback {
  font-size: 12px;
  padding: 3px 5px;
 }
}
@media (min-width: 290px) and (max-width: 500px) {
 .moom-gift-logo .logo-image {
  height: 45px;
  width: 100px;
 }
 .gift-preview-close {
  position: absolute;
  bottom: -75px;
  right: 0px;
 }
 .mcd-prdt-nav .navbar-default .navbar-nav > li{
  padding: 0 8px!important;
 }
 .mcd-prdt-info .tab-content{
  margin-top: 50px;
 }
 .mcd-prdt-info .tab-content{
  margin-left: 20px;
 }
 .rec-view-btn .btn {
  width: 110px;
  height: 35px;
 }
 .cust-prog-bar {
  text-align: center;
  padding-right: 22px;
 }
 .cust-progress {
  height: 185px;
 }
 .bar-title {
  font-size: 12px;
  margin-left: 30px;
 }
 .bar-content .progressbar li {
  font-size: 11px;
  width: 75px;
 }
 .bar-content .progressbar li:before {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 11px;
 }
 .bar-content .progressbar li:after {
  height: 4px;
  top: 12px;
 }
 .pre-theme-xs-wrapper {
  margin: 0px auto;
  width: 288px;
 }
 .cust-theme-final {
  width: 288px;
  height: 230px;
 }
 .moom-gift-cover {
  width: 100%;
  object-fit: cover;
  height: 230px;
  border-radius: 20px 50px 0 0;
 }
 .moom-gift-wish {
  top: 45px;
  left: 35px;
 }
 .moom-gift-wish .form-control {
  width: 220px;
  height: 60px;
  font-size: 16px;
  padding: 0px;
 }
 .mgw-more-fs {
  font-size: 24px;
 }
 .mgw-less-fs {
  font-size: 16px;
 }
 .moom-gift-recipient {
  top: 115px;
  left: 35px;
 }
 .moom-gift-recipient .form-control {
  width: 220px;
  height: 40px;
  font-size: 16px;
 }
 .moom-gift-sender {
  bottom: 12px;
  left: 10px;
 }
 .moom-gift-sender-input .form-control {
  width: 85px;
  height: 30px;
  font-size: 14px;
  padding-left: 5px;
 }
 .moom-gift-sender .sender-label {
  font-size: 11px;
 }
 .moom-gift-sender .sender-name {
  font-size: 11px;
  margin-left: 5px;
 }
 .moom-gift-sender .sender-name-last {
  font-size: 10px;
  margin-left: 40px;
  font-weight: bold;
 }
 .cust-theme-message {
  width: auto;
  height: 135px;
 }
 .cust-theme-message textarea {
  width: 110px;
  height: 85px;
  top: 12px;
  left: 12px;
  font-size: 10px;
 }
 .moom-gift-card-outer {
  top: 190px;
  left: 140px;
 }
 .moom-gift-card {
  width: 200px;
 }
 .multiimg-view .carousel-inner > .item > a > img,
 .moo-viewGC .card-image {
  width: 200px !important;
  height: 133px !important;
  object-fit: cover;
 }
 .top-ribbon {
  right: -3px;
  top: -2px;
 }
 .top-ribbon img {
  width: 40px;
  height: 40px;
 }
 .bottom-ribbon {
  left: -2px;
  bottom: -3px;
 }
 .bottom-ribbon img {
  width: 40px;
  height: 40px;
 }
 .moom-gift-card .logo-img {
  width: 91px;
  height: 44px;
 }
 .moom-gift-logo {
  top: 15px;
  left: 28px;
 }
 .moom-gift-value {
  bottom: 2px;
  right: 4px;
 }
 .gift-value-text {
  font-size: 7px;
 }
 .gift-value {
  font-size: 14px;
 }
 .cust-theme-message::-webkit-input-placeholder {
  line-height: 67px;
  font-size: 10px;
 }
 .cust-theme-message::-moz-placeholder {
  line-height: 67px;
  font-size: 10px;
 }
 .cust-theme-message:-ms-input-placeholder {
  line-height: 67px;
  font-size: 10px;
 }
 .prvw-prcd-btn-xs {
  display: block;
  width: 288px;
  margin: 0 auto 30px;
 }
 .preview-btn {
  width: 100%;
  float: left;
  margin: 0px;
 }
 .preview-btn .btn {
  width: 100%;
  height: auto;
 }
 .prcd-checkout-btn {
  width: 100%;
  float: right;
  margin: 20px 0 0;
 }
 .prcd-checkout-btn .btn {
  width: 100%;
  height: auto;
 }
 .preview-Modal .modal-dialog {
  width: 290px;
 }
 .gift-preview-hgt {
  height: 340px;
 }
 .gift-wish {
  top: 60px;
  height: 60px;
  font-size: 20px;
 }
 .gift-recipient {
  top: 98px;
  font-size: 15px;
 }
 .preview-message {
  width: 90px;
  height: 90px;
  padding: 10px;
  padding-bottom: 0px;
  padding-top: 5px;
 }
 .preview-message-thankyou-page {
  width: 288px;
  height: 100px;
 }
 .rec-view-btn {
  margin-top: 11px;
 }
 .cust-theme-message .saythankyou-textfield {
  width: 265px;
  height: 85px;
  top: 15px;
  left: 12px;
 }
 .saythankyou-btn-field {
  width: 290px;
 }
 .moom-gift-upload {
  top: 5px;
  right: 5px;
  width: auto;
  height: auto;
  padding-bottom: 3px;
 }
 .moom-gift-upload .cam-image {
  margin-left: 10px;
  margin-right: 5px;
  width: 18px;
 }
 .moom-gift-upload .upload-text {
  font-size: 12px;
  margin-top: 0px;
  padding: 0 10px 0 0;
 }
 .guest-user-personalize .moom-gift-sender .sender-label {
  font-size: 15px;
 }
 .guest-user-personalize .moom-gift-sender-input .form-control {
  height: 45px;
 }
 .guest-user-personalize {
  width: 300px !important;
 }
 .guest-user-personalize .moom-gift-recipient .form-control {
  width: 100%;
  height: 50px;
 }
 .guest-user-personalize .gift-value-text {
  font-size: 10px;
 }
 .guest-user-personalize .gift-value {
  font-size: 20px;
 }
 .guest-user-personalize .moom-gift-value {
  bottom: 5px;
  right: 10px;
 }
 .guest-user-personalize .moom-gift-sender {
  bottom: 45px !important;
 }
 .guest-user-personalize .moom-gift-recipient {
  top: 265px !important;
 }
 .guest-user-prvw-prcd-btn-xs .prvw-prcd-btn-xs {
  margin-top: 35px !important;
 }
 .redeem-login-popup .modal-dialog {
  margin: 60px auto;
  width: 300px;
 }
}
@media only screen and (min-width: 420px) and (max-width: 499px) {
 .mcd-other-mcs {
  height: 350px;
 }
 .other-card-overlay {
  width: 340px;
 }
 .other-card-logo {
  top: 47px;
  left: 65px;
 }
 .other-card-pricerange {
  font-size: 18px;
  bottom: 30px;
  right: 20px;
 }
 .mcd-about-txt {
  margin: 0px 10px;
 }
}
@media (min-width: 361px) and (max-width: 480px) {
 .modal.login-popup-section .modal-dialog {
  width: auto;
 }
 .modal.login-popup-section .modal-dialog .btn-primary {
  display: block;
  margin: 10px auto;
 }
 .modal.login-popup-section .modal-dialog .dialog-alt-links {
  position: static;
  margin-top: 10px;
  margin-left: 50px;
 }
}
@media only screen and (min-width: 371px) and (max-width: 479px) {
 .moOffers-content {
  margin-top: 35px;
 }
 .moOffers-content .container {
  padding-left: 0px;
  padding-right: 0px;
 }
}
@media (max-width: 390px) {
 .tab-content {
  margin: 10px auto;
 }
}
@media only screen and (min-width: 355px) and (max-width: 380px) {
 .mcd-other-mcs {
  height: 330px;
 }
 .other-card-overlay {
  width: 280px;
 }
 x .other-card-logo {
  top: 47px;
  left: 50px;
 }
 .other-card-pricerange {
  font-size: 16px;
  bottom: 25px;
  right: 20px;
 }
 .mcd-about-txt {
  margin: 0px;
 }
 .mcd-about-txt .col-lg-12 {
  padding: 0px;
 }
}
@media (max-width: 449px) {
 .saythankyou-btn-field .btn-default {
  background-color: #dd2d54;
  border: none;
 }
 .saythankyou-btn-field .btn-default:hover {
  background-color: #c6284b;
  border: none;
 }
}
@media (max-width: 440px) {
 .uib-datepicker-popup .uib-button-bar span button.uib-clear {
  width: 41% !important;
 }
}
@media (min-width: 295px) and (max-width: 400px) {
 .checkout-date-title.col-xs-8 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
 }
 .gifting-date.col-xs-4 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 auto;
 }
 .gifting-date .form-control {
  padding-left: 6px;
 }
 .showdate_cal {
  float: none;
  margin: 0 auto;
  margin-top: 8px;
 }
 .creditcard-detials {
  padding-left: 6px;
  padding-right: 6px;
 }
 .pay-methods {
  margin-bottom: 20px;
 }
 .card-cvv {
  padding-bottom: 30px;
 }
 .pay-tc {
  margin-top: 10px;
 }
 .item-prce .item-availability {
  color: red;
  font-size: 12px;
 }
}
@media only screen and (min-width: 280px) and (max-width: 390px) {
 .mcd-prdt .container {
  padding-left: 0px;
  padding-right: 0px;
 }
 .mcd-purchase-card {
  width: 280px;
 }
 .mcd-purchase-card .card-image {
  width: 280px;
  height: 200px;
 }
 .mcd-purchase-card .logo-image {
  width: 180px;
  height: 95px;
 }
 .mcd-prdt {
  margin-top: 0px;
 }
 .mcd-purchase {
  margin-top: 5px;
 }
 .mcd-purchase-card {
  margin: 0 auto;
 }
 .mcd-purchase .top-xs {
  margin-top: 10px;
 }
 .mcd-purchase-detail {
  margin-left: 0px;
  width: 280px;
  margin: 0 auto;
 }
 .mcd-purchase-card .fav-card-top-logo {
  top: 55px;
  left: 60px;
 }
 .mcd-purchase-card .fav-card-top-logo .logo-image {
  width: 160px;
  height: 90px;
 }
 .mcd-purchase .mcd-title {
  font-size: 20px;
 }
 .mcd-purchase .mcd-subtitle {
  font-size: 11px;
 }
 .mcd-purchase-detail .mcd-validity-value {
  margin-left: 20px;
 }
 .mcd-purchase-detail .btn-toolbar {
  margin-left: -13px;
 }
 .mcd-purchase-detail .mcd-credits-value .btn {
  width: 65px;
  height: 35px;
  padding: 6px 3px;
  font-size: 13px;
 }
 .mcd-credits-value .btn-line-one {
  margin-bottom: 0;
 }
 .mcd-credits-value .btn-line-one .btn {
  width: 60px;
 }
 .mcd-credits-value .btn-line-two .btn {
  width: 60px;
 }
 .mcd-purchase-detail .mcd-credits-heptext {
  margin-left: 79px;
 }
 .btn-two-row {
  margin-top: 42px;
 }
 .mcd-purchase-detail .mcd-custom {
  margin-top: 10px;
 }
 .mcd-purchase-detail .mcd-custom-value {
  margin-left: 19px;
 }
 .mcd-custom-value .form-control {
  width: 64%;
 }
 .mcd-purchase-detail .mcd-quantity {
  margin-top: 10px;
 }
 .mcd-purchase-detail .mcd-quantity-value {
  margin-left: 14px;
 }
 .mcd-quantity-value .btn {
  padding: 6px 6px;
 }
 .zeroPad {
  padding-left: 0px;
  padding-right: 0px;
 }
 .mcd-purchase-detail .mcd-tc {
  margin-top: 3px;
 }
 .mcd-purchase-detail .mcd-buttonaction .btn {
  width: 49%;
 }
 .mcd-buttonaction {
  width: 100%;
 }
 .mcd-purchase-detail .zeroPad {
  width: 100% !important;
 }
 .mcd-prdt-nav li {
  display: inline-block;
  width: 87px;
  vertical-align: top;
  text-align: center;
 }
 .hidden-xs-500 {
  display: none;
 }
 .mcd-prdt-nav li {
  width: stretch;
 }
 .mcd-prdt-nav .nav > li > a {
  padding: 20px 5px;
 }
 .htr-menu {
  width: 75px;
 }
 .htr-anc {
  padding: 10px 5px;
 }
 .mcd-purchase-detail .btn-toolbar .btn-group button {
  margin: 0px 2px;
 }
}
@media (min-width: 320px) and (max-width: 505px) {
 .tab-content {
  margin: 0 15px;
 }
}
@media (max-width: 390px) {
 .about-edit {
  margin-left: -15px !important;
  margin-right: -15px;
 }
}
@media only screen and (min-width: 280px) and (max-width: 370px) {
 .moOffers-content {
  margin-top: 35px;
 }
 .moOffers-content .container {
  padding-left: 0px;
  padding-right: 0px;
 }
}
@media (min-width: 319px) and (max-width: 360px) {
 .modal.login-popup-section .modal-dialog {
  width: auto;
 }
 .modal.login-popup-section .modal-dialog .btn-primary {
  display: block;
  margin: 10px auto;
 }
 .modal.login-popup-section .modal-dialog .dialog-alt-links {
  position: static;
  margin-top: 10px;
  margin-left: 0px;
 }
}
@media (min-width: 290px) and (max-width: 355px) {
 .bar-content .progressbar li {
  font-size: 10px;
  width: 70px;
 }
 .bar-title {
  font-size: 11px;
 }
}
@media only screen and (min-width: 281px) and (max-width: 354px) {
 .mcd-other-mcs {
  height: 300px;
 }
 .other-card-overlay {
  width: 220px;
 }
 .other-card-logo {
  top: 36px;
  left: 32px;
 }
 .other-card-pricerange {
  font-size: 14px;
  bottom: 20px;
  right: 15px;
 }
 .mcd-about-txt {
  margin: 0px;
 }
 .mcd-about-txt .col-lg-12 {
  padding: 0px;
 }
}
@media (max-width: 360px) {
 .modal-dialog .dialog-alt-links {
  padding: 0;
 }
 .modal-dialog .dialog-alt-links li {
  float: none;
  margin: 5px 0px;
  padding: 0;
  text-align: center;
 }
}
@media (max-width: 350px) {
 .breadcrumb {
  text-align: center;
 }
 .breadcrumb .breadcrumb-content {
  font-size: 13px;
 }
 .breadcrumb .breadcrumb-content:last-child {
  font-size: 13px;
 }
}
@media (max-width: 330px) {
 .breadcrumb {
  text-align: center;
 }
 .breadcrumb .breadcrumb-content {
  font-size: 12px;
 }
 .breadcrumb .breadcrumb-content:last-child {
  font-size: 12px;
 }
 .tab-content {
  margin-left: 25px;
  margin-right: 25px;
 }
}
@media (max-width: 550px) {
 .mcd-purchase-detail .mcd-credits-value .btn {
  width: 65px !important;
 }
}