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

.main_in{
    max-width: 100%;
    width: 100%;
    top: 0px;
    left: 0%;
    margin-left: 0px;
    overflow-y: scroll;
}
.avatar img {
    width: 100px;
}
.main_in .star_zag {
    font-size: 26px;
}
.vopros_title {
    font-size: 14px;
}



}



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


.vopros_title {
    font-size: 14px;
}
.vopros {
    padding: 15px 20px;
    margin: 15px;
    margin-top: 20px;
}
.btn2 {
    margin-top: 20px;
}
.m2_planet {
    width: 110px;
    height: 110px;
}
.m3_planet {
    width: 110px;
    height: 110px;
}
.m4_planet {
    width: 110px;
    height: 110px;
}
.m5_planet {
    width: 110px;
    height: 110px;
}
.m6_planet {
    width: 170px;
    height: 110px;
}
.m7_planet {
    width: 160px;
    height: 110px;
    margin-top: 20px;
}
.otvet, .otvet2 {
    margin-top: 20px;
}
.otvet_btn {
    border-radius: 10px;
    padding: 10px 10px;
    font-size: 14px;
}
.rezult_img img{
    width: 80px;
}
.otvet2 .otvet_btn:before {
    top: 10px;
}
.btn_end {
    margin-top: 10px;
}
.rezult_zag.v1 {
    font-size: 18px;
    line-height: 1.5em;
}
.rezult_zag.v2 {
    font-size: 18px;
    line-height: 1.5em;
}
.rezult_zag.v3 {
    font-size: 18px;
    line-height: 1.5em;
}

}



@media screen and (max-width: 360px){
.main_in .usloviya {
    font-size: 12px;
}
.avatar {
    margin-top: 10px;
}
.avatar img{
    width: 100px;
}
.main_in .star_zag{
    font-size: 24px;
}
.rezult_img img{
    width: 100px;
}
.rezult_zag{
    font-size: 24px;
}
.rezult_zag.v2{
    font-size: 20px;
    padding: 0px 10px;
}
.btn2{
    margin-top: 20px;
}
.big_title {
    font-size: 26px;
    width: 270px;
    margin-top: 30px;
}
.big_text {
    font-size: 12px;
    margin-top: 10px;
}
.vopros{
	font-size: 14px;
	margin: 10px;
	padding: 20px 10px;
	margin-top: 20px;
}
.otvet {
    margin: 10px;
    margin-top: 20px;
    font-size: 14px;
}
.otvet_btn {
    border-radius: 20px;
    margin-bottom: 5px;
    padding: 10px;
    font-size: 14px;
}


.m2_planet{
	width: 120px;
	height: 120px;
	margin: auto;
	margin-top: 30px;
}


.btn {
    width: 200px;
    height: 44px;
    background: url(../img/btn.png) no-repeat center / cover;
    margin-left: -100px;
}
.btn2, .btn_end{
    width: 200px;
    height: 44px;
    background: url(../img/btn.png) no-repeat center / cover;
}
.logo_prime {
    background: url(../img/logo_praym.png) no-repeat center / 70px;
    bottom: 20px;
}
.planet_1 {
    width: 60px;
    height: 60px;
    right: 20px;
}
.planet_1 .planet_logo {
    background: url(../img/logo_okko.png) no-repeat center / 30px;
}
.planet_2 {
    width: 80px;
    height: 80px;
    top: 22%;
}
.planet_2 .planet_logo {
    background: url(../img/logo_szvuk.png) no-repeat center / 50px;
}
.planet_3 {
    width: 100px;
    height: 100px;
    top: 22%;
}
.planet_3 .planet_logo {
    background: url(../img/logo_smarket.png) no-repeat center / 80px;
}
.planet_4 {
    width: 120px;
    height: 120px;
}
.planet_4 .planet_logo {
    background: url(../img/logo_delivery.png) no-repeat center / 80px;
}
.planet_5 {
    width: 80px;
    height: 80px;
}
.planet_5 .planet_logo {
    background: url(../img/logo_sapteka.png) no-repeat center / 60px;
}
.green {
    width: 100px;
    height: 100px;
    background: url(../img/green.png) no-repeat left center / 30px;
    top: 20px;
}

}




@media screen and (max-height: 570px){


.avatar img {
    width: 60px;
}




}