@media (max-width:1920px){

}

@media (max-width:1680px){

}

@media (max-width:1601px) {
    .banner-section .card-content {right: 30%;}
    .banner-section .asterisk-img {right: 78%;}
}

@media (max-width:1520px){

}


@media (max-width:1441px) {
    .banner-section .card-content {right: 26%;}
    .banner-section .asterisk-img {right: 82%;}
}

@media (max-width:1367px) {
    .banner-section .asterisk-img { position: absolute; right: 82%; top: 47px; }
    .banner-section .card-content { position: absolute; bottom: 86px; right: 26%; padding: 18px 12px; }
    .register-section .asterisk-img { position: absolute; right: 82%; top: 93px; }
    .register-section .card-content { position: absolute; bottom: 150px; right: 26%; padding: 18px 12px; }
}

@media (max-width:1281px) {
    .banner-section .card-content {  right: 22%;}
    .banner-section .asterisk-img {right: 85%;}

}

@media (max-width:1201px) {

    .banner-section .card-content {  right: 22%;}
    .banner-section .asterisk-img {right: 85%;}
}


@media  (max-width:1025px) {
    .banner-section .card-content { right: 320px; }
    .banner-section .asterisk-img { right: 72%; }
}

@media (max-width:801px) {
    .banner-section .card-content { right: 215px; }
    .banner-section .asterisk-img { right: 78%; }
}


@media (max-width:768px) {
    .banner-section .card-content { right: 190px; }
}

@media (max-width:600px){
    .subscription-screen {
    width: 400px;
    height: 500px;
}
.image-mask-container img {
        height: 500px;
        position: static;
        border-radius: 20px;
    }

    .image-mask-container {
        mask-image: none;
        height: auto;
    }
    .banner-section .card-content {
        right: 30px;
    }

    .register-bg { padding-block: 50px;height: auto;}
    .banner-section.login-section, .banner-section.register-section { height: auto; }
    .banner-section .card-content { top: unset; bottom: 45px;width: 120px; height: 120px; }
    .banner-section .asterisk-img { right: 85%; top: 20px; }

}


@media (max-width:481px) {
    .image-mask-container img {
        height: 100%;
    }
    .banner-section .asterisk-img { right: 82%; }
}

@media (max-width:414px){
          .subscription-screen {
        width: 280px;
        height: 500px;
    }
     .banner-section .asterisk-img {
        right: 82%;
        width: 60px;
        height: 55px;
        top: 30px;
    
}
}

@media (max-width:375px){

}

@media (max-width:320px){

}