#defaultModal{background:rgba(0,0,0,0.3);top:0!important}
#defaultModal .modal-dialog{max-width:630px;width:100%}
#defaultModal .modal-content{background-color:#fafafa;box-shadow:4.415px 2.347px 68px 0 rgba(0,0,0,0.31)}
.modal-body .overlayContent {width: 100%;}
#defaultModal .modal-body{padding:0;display: flex;}
div#defaultModal .modal-header{position:absolute;right:10px;padding:0;top:10px}
div#defaultModal .modal-header button.close{width:25px;height:25px;padding:0;opacity:1;margin:0;z-index:999999;background-image:url(/images/homepage/arena-popup-close.webp);background-repeat:no-repeat;background-position:center;outline:none}
#defaultModal h6{font-size:18px;font-weight:700;color:#b3b3b3;text-transform:uppercase;padding-bottom:15px;margin-bottom:25px}
#defaultModal h4{font-size:24px;font-weight:400;color:#444;margin:20px 0 0;line-height:normal}
#defaultModal p{font-size:14px;font-weight:500;color:#262626;margin:0}
#defaultModal h4 span{color:#2d3393}
#defaultModal .form-control{border:1px solid #b7b7b7;height:44px;background:transparent;outline:0;font-size:15px;color:#5b5b5b}
#defaultModal .blueButton a{font-size:16px;text-align:center;margin:15px 0 25px;background-color:#2d3393;padding:13px 25px 12px;text-decoration:none;border-radius:5px;border:#2d3393 solid 1px;color:#fff;font-weight:500;display:block;cursor:pointer}
#defaultModal .left{max-width:200px;width:100%;padding:70px 5px 115px 30px;background:#f4f4f4;display:inline-block;}
#defaultModal .right{width:calc(100% - 200px);padding:70px 60px 85px;display:inline-block;background:#fff}
#defaultModal .right h6{color:#2d3393;border-bottom:1px solid #c4c4c4;position:relative;text-align:center}
#defaultModal .right h6:after{position:absolute;content:'';width:50%;left:0;right:0;margin:0 auto;height:1px;background:#2d3393;bottom:-1px}
#defaultModal .right p{text-align:center;line-height:normal}
#defaultModal .right .verifyBox{display:none}
#defaultModal .right .verifyBox .top{margin-top:-10px}
#defaultModal .right .verifyBox p{font-size:16px;margin:0 0 5px}
#defaultModal .right .verifyBox p span{font-size:18px;font-weight:700}
#defaultModal .right .verifyBox p a{color:#2d3393;text-decoration:underline;text-transform:uppercase;display:inline-block;margin-left:2px}
#defaultModal .right .verifyBox .inputBox{display:block;margin:20px 0 0;width:100%}
#defaultModal .right .verifyBox .inputBox .otpNo{border-radius:4px;background-color:#cecece;width:42px;height:42px;font-size:15px;color:#5b5b5b;border:1px solid #cecece;text-align:center;}
#defaultModal .right .verifyBox .inputBox .otpNo + .otpNo{margin-left:15px}
#defaultModal .right .verifyBox .time{border:1px solid #b7b7b7;border-radius:2px;width:45px;height:42px;font-size:15px;color:#5b5b5b;display:inline-block;vertical-align:middle;line-height:40px}
#defaultModal .right .verifyBox p .resend{font-size:18px;text-transform:initial}
#defaultModal .verifyBox .blueButton a{margin:10px 0 15px}
#defaultModal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-10%);transform:translate(0,-10%)}
.modal-backdrop.show.active{opacity:.2}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.value-button{display:inline-block;border:1px solid #ddd;margin:0;width:40px;height:40px;text-align:center;vertical-align:middle;padding:11px 0;background:#eee;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.value-button:hover{cursor:pointer}
h4.mobile-login-text{display:none}
label#phone-error{color:red;font-size:14px;font-weight:500;margin-bottom:0}
label#otp-error{color:red;font-size:14px;font-weight:500;margin-bottom:0}
label#phone-error-otp{color:red;font-size:14px;margin:10px 0 0}

@media (min-width: 481px) and (max-width: 767px) {
#defaultModal .left{width:100%;max-width:100%;padding:15px 20px}
#defaultModal .right{width:100%;padding:15px 20px}
#defaultModal h6{padding-bottom:0;margin-bottom:0}
#defaultModal.show .modal-dialog{margin:0}
#defaultModal .right .verifyBox .inputBox{display:block;margin:20px 0 18px;text-align:center}
#defaultModal{top:0}
#defaultModal h4{font-size:19px;margin:0}
h4.mobile-login-text{display:block}
#defaultModal .modal-content{width:100%;margin:0 auto}
.leftTop img{display:inline-block;margin-right:15px;}
h4.desktop-login-text{display:none}
header .headerRight .cityTxt{display:inline-block;vertical-align:middle}
header .headerRight .cityTxt a{color:#000;font-weight:700;font-size:.8125rem}
header .headerRight .cityTxt a span{display:inline-block;vertical-align:middle}
header .headerRight .custCareNum{display:inline-block;vertical-align:middle;margin:0 5px}
header .headerRight .custCareNum a{border:#a3a3a3 solid 1px;padding:3px 5px;font-size:.75rem;font-weight:400;color:#656565;text-decoration:none}
header .headerRight .custCareNum a span{display:inline-block;vertical-align:middle;margin-left:5px;position:relative;top:-2px}
header .headerRight .custCareNum a:hover{background:#f0f0f0}
header .headerRight .loginIcon{display:inline-block;vertical-align:middle;margin:0 5px}
header .headerRight .filterIcon{display:none}
header .headerRight .plusIcon{display:none}
header .headerRight .cartIcon{display:inline-block;vertical-align:middle}
.signUpBox p{float:left;width:100%}
.signUpBox .blueButton{display:block;width:100%;float:left;text-align:center}
section.footer-content p{color:#fff}
label#otpNo5-error{display:block;float:left;clear:both;width:100%;position:absolute;top:151px;font-size:12px}
.headMyAccountMain ul{width:100%!important;float:left;overflow:hidden}
header .utilityWrapper .utilityItems li ul li a{margin:0!important;padding:10px 15px!important;border:none!important}
#defaultModal .modal-body {display: block;}
.leftTop {display: -webkit-inline-box;}
}

@media (min-width: 320px) and (max-width: 480px) {
#defaultModal .left{width:100%;max-width:100%;padding:15px 20px}
#defaultModal .right{width:100%;padding:15px 20px}
#defaultModal.show .modal-dialog{margin:0}
#defaultModal .right .verifyBox .inputBox{display:block;margin:20px 0 18px;text-align:center}
#defaultModal{top:0}
#defaultModal h4{font-size:19px;margin:0}
h4.desktop-login-text{display:none}
h4.mobile-login-text{display:block}
#defaultModal h6{margin-bottom:0}
#defaultModal .modal-content{width:100%;margin:0 auto}
.leftTop img{display:inline-block;margin-right:15px}
#defaultModal .modal-body {display: block;}
.leftTop {display: -webkit-inline-box;}
}
@media (max-width: 992px) {
.blueButton a{letter-spacing:.5px;border-radius:5px}
header .headerRight .plusIcon a img{display:inline-block;margin:auto;max-width:inherit}
header .headerRight .plusIcon{display:inline-block;vertical-align:middle;position:relative;top:2px;margin-right:5px}
header .headerRight .filterIcon a img{width:auto;margin-left:10px}
header .headerRight .filterIcon{display:inline-block;vertical-align:middle}
header .headerRight .cartIcon a img{width:auto;margin-left:10px}
header .headerRight .loginIcon a img{width:auto;margin-left:10px}
header .headerRight .custCareNum{display:none}
header .headerRight .cityTxt{display:none}
header .headerMenu{display:none}
header .headerRight{margin-top:5px}
}
@media (max-width: 992px) and (max-width: 359px) {
header .headerRight .plusIcon{margin-right:0}
header .headerRight .cartIcon a img{margin-left:3px}
header .headerRight .loginIcon a img{margin-left:5px}
header .headerRight .filterIcon a img{margin-left:5px}
}
@media (max-width: 480px) {
#defaultModal .right h6:after{display:none}
header .utilityWrapper{position:fixed;top:-3px;right:15px;z-index:999999}
div#defaultModal .modal-dialog{left:0;right:0;margin:0 auto;top:5%;width:95%}
#defaultModal .right{background:#f4f4f4}
#defaultModal .leftTop.only-mobile{background:#f4f4f4}
#defaultModal .modal-content{background:#f4f4f4}
}
@media (max-width: 1279px) {
header .headerRight .cartIcon a img{width:15px}
header .headerRight .loginIcon a img{width:14px}
header .headerRight{margin-top:2px}
header .headerRight .cityTxt a{font-size:.75rem}
header .headerRight .custCareNum{margin:0 2px;height:18px}
header .headerRight .custCareNum a{font-size:.6875rem;padding:2px 4px}
header .headerRight .loginIcon{margin:0}
}