@media screen and (max-width: 1250px){

.container{
    padding: 0 20px;
}

}

@media screen and (max-width: 1024px){

.block1{
    max-width: calc(100% / 2);
}

.block2{
    max-width: calc(100% / 2);
}

.element{
    width: 100%;
    max-width: 100%;
}

.nothing{
    width: 80%;
}

h1{
    font-size: 70px;
}

h2{
    font-size: 40px;
}



}

@media screen and (max-width: 991px){

.wrap{
    flex-wrap: wrap;
}

.block1{
    max-width: 100%;
}

.block2{
    max-width: 100%;
}

.element{
    display: none;
}

.nothing{
    display: none;
}

.mobileCenter{
    justify-content: center;
}

.mainSection{
    height: 100vh;
}

.mobileNone{
    display: none;
}

h1{
    font-size: 50px;
}

.linkBox{
    display: flex;
    flex-direction: column;
}

.linkBox a{
    display: block;
    width: 100%;
}

.linkBox img{
    width: 80%;
}

.mt460{
    margin-top: 200px;
}

}

@media screen and (max-width: 768px) {

h1{
    font-size: 40px;
}

h2{
    font-size: 30px;
}

.input{
    width: 100%;
}

.bigPhone img{
    margin-top: 0;
    width: 80%;
}

.mt155{
    margin-top: 50px;
}

.bgImg{
    top: -400px;
    right: -600px;
}

.cardsImg{
    max-width: 80%;
}

.container{
    max-width: 100vw;
}

.planCard{
    max-width: 100vws;
}

.mt80{
    margin-top: 40px;
}

.mbmt120{
    margin-top: 120px;
}

.mbmt30{
    margin-top: 30px;
}

}