@media only screen and (max-width: 285px){
    .customer-account-login input[type="password"], .customer-account-login input[type="email"] {
        width: 95%;
    }
    .customer-account-login  .secondary_forgotpass {
        position: relative;
        width: 71%;
        right: 6%;

    }
    .customer-account-login .customtab .action.remind span,.customer-account-login .customtab .field.choice  {
        font-size: 11px !important;

    }

}
@media only screen and (max-width: 310px) and (min-width: 286px){
    .customer-account-login  .secondary_forgotpass {
        position: relative;
        width: 71%;

    }
    .customer-account-login .customtab .action.remind span,.customer-account-login .customtab .field.choice  {
        font-size: 11px !important;

    }

}
@media only screen and (max-width: 332px) and (min-width: 311px){
    .customer-account-login  .secondary_forgotpass {
        position: relative;
        width: 71%;

    }
}
@media only screen and (max-width: 374px) and (min-width: 333px){
    .customer-account-login  .secondary_forgotpass {
        position: relative;
        width: 48%;

    }
}
@media only screen and (max-width: 381px) and (min-width: 375px){
    .customer-account-login  .secondary_forgotpass {
        left: 0%;
        position: relative;
        width: 40%;
    }
}
@media only screen and (max-width: 407px) and (min-width :382px){
    .customer-account-login  .secondary_forgotpass {
        left: 5%;
        position: relative;
    
    }
}
@media only screen and (max-width: 429px) and (min-width :408px){
    .customer-account-login  .secondary_forgotpass {
        left: 11%;
        position: relative;
    
    }
}
@media only screen and (max-width: 454px) and (min-width: 430px){
    .customer-account-login  .secondary_forgotpass {
        left: 13%;
        position: relative;
    
    }
}
@media only screen and (max-width: 485px) and (min-width: 455px){
    .customer-account-login  .secondary_forgotpass {
        left: 21%;
        position: relative;
    
    }
}
@media only screen and (max-width: 514px) and (min-width: 486px){
    .customer-account-login  .secondary_forgotpass {
        left: 26%;
        position: relative;
    
    }
}
@media only screen and (max-width: 546px) and (min-width :515px){
    .customer-account-login  .secondary_forgotpass {
        left: 31%;
        position: relative;
    
    }
}
@media only screen and (max-width: 579px) and (min-width: 547px){
    .customer-account-login  .secondary_forgotpass {
        left: 35%;
        position: relative;
    
    }
}
@media only screen and (max-width: 620px) and (min-width: 580px){
    .customer-account-login  .secondary_forgotpass {
        left: 39%;
        position: relative;
    
    }
}
@media only screen and (max-width: 653px) and (min-width :621px){
    .customer-account-login  .secondary_forgotpass {
        left: 43%;
        position: relative;
    
    }
}
@media only screen and (max-width: 696px) and (min-width: 654px){
    .customer-account-login  .secondary_forgotpass {
        left: 46%;
        position: relative;
    
    }
}
@media only screen and (max-width: 734px) and (min-width: 697px){
    .customer-account-login  .secondary_forgotpass {
        left: 49%;
        position: relative;
    
    }
}
@media only screen and (max-width: 768px) and (min-width : 735px){
    .customer-account-login  .secondary_forgotpass {
        left: 52%;
        position: relative;
    
    }
}
@media only screen and (max-width: 768px){

    .customer-account-login  .login-container .block {
        width: 100%;
    }

    .customer-account-login  h1.page-title {
        text-align: center;
    }
    .customer-account-login .page-title-wrapper {
        display: none;
    }

    .customer-account-login .login-container {
        display: flex;
        flex-direction: column;
    }

    .customer-account-login .login-container .fieldset>.field>.control {
        width: 100%;
    }
    /* .customer-account-login .page-title-wrapper {
        text-align: center;
    } */

.customer-account-login .block.social-login-authentication-channel.account-social-login .block-content {
    display: flex;
    flex-direction: row;

}

.customer-account-login .customtab {
    display: flex;
    flex-direction: row;
}
 


.customer-account-login .customtab .action.remind span{
    color: #9b529f;
    font-size: 12px;


}
.customer-account-login .actions-toolbar .primary.signin{

    width: 88%;
    position: relative;
    top: 85px;
    left: 6%;

}

.customer-account-login button#send2 {
    width: 100%;
    background: #9b529f;
    text-transform: capitalize;
    letter-spacing: 1.5px;
}



.customer-account-login .account-social-login .actions-toolbar.social-btn {
    width: 63px;
}

.customer-account-login .block.social-login-authentication-channel.account-social-login .block-content{
    justify-content: center;
}

.customer-account-login .action.create.primary.reg{
    color: #9b529f;
    background: white;
    border: 0px solid #333;
    padding: 0px 0px;
    text-transform: capitalize;

}
.customer-account-login .block.block-new-customer .block-content{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.customer-account-login .block.block-new-customer .actions-toolbar.reg{
    margin-top: 0px;
    margin-left: 7px;

}

.customer-account-login span.last_or{
    top: 33px;

    position: relative;

    justify-content: center;
    display: flex;
    width: 86%;
    text-transform: uppercase;
    color: #A9A9A9;
    left: 7%;
}
.customer-account-login span.last_or::before,
.customer-account-login span.last_or::after {
  background-color: #e1e1e1;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  margin-top: 9px;
}
.customer-account-login span.last_or::before{
    margin-right: 12px;
}
.customer-account-login span.last_or::after{
    margin-left: 12px;
}

.customer-account-login hr {
    width: 84%;
    margin-top: 0px;
    border-top: 1px solid #e1e1e1;
    left: 0%;
    position: relative;
}
.customer-account-login .customtab .field.choice {
    width: 212px;
    font-size: 12px;
}
.customer-account-login  .remind span {
    width: 100%;
    float: right;

}

}
@media only screen and (min-width: 769px){
    .customer-account-login .secondary_forgotpass {
        left: 11%;
        position: relative;
    }

    .customer-account-login  .login-container .block {
        width: 100%;
    }

    .customer-account-login  h1.page-title {
        text-align: center;
    }
    .customer-account-login .page-title-wrapper {
        display: none;
    }

    .customer-account-login .login-container {
        display: flex;
        flex-direction: column;
    }

    .customer-account-login .login-container .fieldset>.field>.control {
        width: 100%;
    }
    .customer-account-login main#maincontent {
        max-width: 1380px;
        display: flex;
        justify-content: center;
    }

    
    .customer-account-login .block.social-login-authentication-channel.account-social-login .block-content {
        display: flex;
        flex-direction: row;
    
    }
    
    .customer-account-login .customtab {
        display: flex;
        flex-direction: row;
    }
    
    .customer-account-login  .secondary {
        margin-left: 4%;
    }
    
    .customer-account-login .customtab .action.remind span{
        color: #9b529f;
    
    }
    .customer-account-login .actions-toolbar .primary.signin{
    width: 321px;
    position: relative;
        top: 85px;
    }
    
    .customer-account-login button#send2 {
        width: 100%;
        background: #9b529f;
        text-transform: capitalize;
        letter-spacing: 1.5px;
    }
    
    /* .customer-account-login .action.primary {
        color: #9b529f;
    } */
    
    .customer-account-login .account-social-login .actions-toolbar.social-btn {
        width: 63px;
    }
    
    .customer-account-login .block.social-login-authentication-channel.account-social-login .block-content{
    margin-left: 23%;
    }
    
    .customer-account-login .action.create.primary.reg{
        color: #9b529f;
        background: white;
        border: 0px solid #333;
        padding: 0px 0px;
        text-transform: capitalize;
    }
    .customer-account-login .block.block-new-customer .block-content{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    
    .customer-account-login .block.block-new-customer .actions-toolbar.reg{
        margin-top: 0px;
        margin-left: 7px;
    
    }
    
    .customer-account-login span.last_or{
    top: 33px;
        position: relative;
        /* text-align: center; */
        /* align-items: center; */
        justify-content: center;
        display: flex;
        width: 322px;
        text-transform: uppercase;
        color: #A9A9A9;
    }
    .customer-account-login span.last_or::before,
    .customer-account-login span.last_or::after {
      background-color: #e1e1e1;
      content: "";
      display: inline-block;
      height: 1px;
      position: relative;
      vertical-align: middle;
      width: 50%;
      margin-top: 9px;
    }
    .customer-account-login span.last_or::before{
        margin-right: 12px;
    }
    .customer-account-login span.last_or::after{
        margin-left: 12px;
    }
    
    .customer-account-login hr {
        width: 338px;
        margin-top: 0px;
        border-top: 1px solid #e1e1e1;
    }
    }