@media screen and (min-width:1200px) and (max-width: 1399px) {
    .banner {
        width: 1200px;
    }
    
    .logo {
        left: 100px;
        top: calc((50px - 46.8px)*2);
        transform: scale(0.9);
        transform-origin: left top;
    }
    
    .sevenblock {
        left: 400px;
        top: 3px;
        border: 1.2px solid #3bf270;
        transform: scale(0.35);
    }
    
    .lineBlock {
        left: 230px;
        top: 4px;
        transform: scale(.5);
    }
    
    .line3 {
        width: 110px;
        height: 14px;
        left: 570px;
        top: 40px;
    }
    
    .btn {
        width: 160px;
        height: 26px;
        left: 545px;
        top: 10px;
    }
    
    .circle1 {
        width: 1100px;
        height: 544px;
        left: -443px;
        top: -410px;
    }
    
    .circle2 {
        width: 1010px;
        height: 737px;
        left: 0px;
        top: -570px;
    }

    .legalBlock {
        right: 100px;
        width: 380px;
    }
}
@media screen and (min-width:920px) and (max-width: 1199px) {
    .banner {
        width: 920px;
    }
    .logo {
        left: 50px;
        top: calc((50px - 46.8px)*2);
        transform: scale(0.9);
        transform-origin: left top;
    }
    
    .sevenblock {
        left: 340px;
        top: 3px;
        border: 1.2px solid #3bf270;
        transform: scale(0.35);
    }
    
    .lineBlock {
        left: 170px;
        top: 4px;
        transform: scale(.5);
    }
    
    .line3 {
        width: 70px;
        height: 14px;
        left: 494px;
        top: 40px;
    }
    
    .btn {
        width: 105px;
        height: 16px;
        left: 477px;
        top: 20px;
    }
    
    .circle1 {
        width: 1100px;
        height: 544px;
        left: -443px;
        top: -410px;
    }
    
    .circle2 {
        width: 1010px;
        height: 737px;
        left: 0px;
        top: -570px;
    }

    .legalBlock {
        right: 50px;
        width: 280px;
        height: 55px;

    }

    .stuffing {
        font-size: 6px;
    }

    .legal {
        font-size: 6px;
    }
}
@media screen and (min-width:720px) and (max-width:919px) {
    .banner {
        width: 720px;
    }
    .logo {
        left: 10px;
        top: 5px;
        transform: scale(0.6);
        transform-origin: left top;
    }
    
    .sevenblock {
        left: 315px;
        top: 3px;
        border: 1.2px solid #3bf270;
        transform: scale(0.23);
    }
    
    .lineBlock {
        left: 150px;
        top: 5px;
        transform: scale(.32);
    }
    
    .line3 {
        width: 77px;
        height: 14px;
        left: 630px;
        top: 17px;
    }
    
    .btn {
        width: 136px;
        height: 21px;
        left: 470px;
        top: 10px;
    }
    
    .circle1 {
        width: 1100px;
        height: 544px;
        left: -443px;
        top: -410px;
    }
    
    .circle2 {
        width: 1010px;
        height: 737px;
        left: 0px;
        top: -570px;
    }

    .legalBlock {
        right: 10px;
        width: calc(100% - 20px);
        height: 55px;

    }

    .stuffing {
        font-size: 5px;
        bottom: 0px;
    }

    .legal {
        font-size: 5px;
        top: 37px;
    }
}
@media screen and (min-width:520px) and (max-width:719px) {
    .banner {
        width: 520px;
    }
    .logo {
        left: 10px;
        top: 5px;
        transform: scale(0.6);
        transform-origin: left top;
    }
    
    .sevenblock {
        left: 260px;
        top: 3px;
        border: 1.2px solid #3bf270;
        transform: scale(0.23);
    }
    
    .lineBlock {
        left: 120px;
        top: 5px;
        transform: scale(.32);
    }
    
    .line3 {
        width: 77px;
        height: 14px;
        left: 403px;
        top: 30px;
    }
    
    .btn {
        width: 136px;
        height: 21px;
        left: 373px;
        top: 5px;
    }
    
    .circle1 {
        width: 1100px;
        height: 544px;
        left: -443px;
        top: -410px;
    }
    
    .circle2 {
        width: 1010px;
        height: 737px;
        left: 0px;
        top: -570px;
    }

    .legalBlock {
        right: 10px;
        width: calc(100% - 20px);
        height: 55px;

    }

    .stuffing {
        font-size: 5px;
        bottom: 0px;
    }

    .legal {
        font-size: 4px;
        top: 40px;
    }
}

@media screen and (max-width:519px) {
    .banner {
        width: 320px;
    }
    .logo {
        left: 10px;
        top: 5px;
        transform: scale(0.5);
        transform-origin: left top;
    }
    
    .sevenblock {
        left: 170px;
        top: 5px;
        border: 1.2px solid #3bf270;
        transform: scale(0.20);
    }
    
    .lineBlock {
        left: 75px;
        top: 5px;
        transform: scale(.28);
    }
    
    .line3 {
        width: 40px;
        height: 14px;
        left: 260px;
        top: 28px;
    }
    
    .btn {
        width: 60px;
        height: 21px;
        left: 250px;
        top: 15px;
    }
    
    .circle1 {
        width: 1100px;
        height: 544px;
        left: -443px;
        top: -410px;
    }
    
    .circle2 {
        width: 1010px;
        height: 737px;
        left: 0px;
        top: -570px;
    }

    .legalBlock {
        right: 10px;
        width: calc(100% - 20px);
        height: 55px;

    }

    .stuffing {
        font-size: 3px;
        bottom: 0px;
    }

    .legal {
        font-size: 3px;
        top: 40px;
    }
}