@charset "utf-8";
/* CSS Document */

@media (max-width:1200px){

}

@media (max-width:991px){
	.price_table .circle{display: none;}
    .price_table:before{display: none;}
    .main-plan_block {
    width: 48%;
    float: left;
    margin: 20px 1%;
}
    .main-plan_block .img_container {
    display: flex;
    padding: 0;
    justify-content: center;
}
    .main-plan_block .img_container .text h1{margin-top: 40px;}
    .main-plan_block .img_container img {
    max-width: 100%;
    margin-left: 15px;
}
    .price-table__row--sort {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    width: 50% !important;
    float: left;
}
    .price-table__sorting-holder {
    display: -webkit-table;
    display: -ms-table;
    display: table;
    border-top: none;
    width: 50%;
    background-color: #fff;
}
    .price-table__row {
    display: -webkit-table;
    display: -ms-table;
    display: table;
    text-align: center;
    width: 100%;
}
.price-table-row__col{padding: 2px 0;}
.vps_plans .price_table .plan_block{margin-top: 10px;}
.vps_plans .price_table .plan_block:hover{margin-top: 10px;margin-bottom: 0;}
.menu-vps{width: 160px;}
.price.myshow>.menu-vps:nth-child(6) {transform: rotate(60deg) translate(-210px, -140px) rotate(300deg);}
.price.myshow>.menu-vps:nth-child(5) {transform: rotate(20deg) translate(-200px, -130px) rotate(-20deg);}
.price.myshow>.menu-vps:nth-child(3) {transform: rotate(-20deg) translate(60px, -120px) rotate(20deg);}
.price.myshow>.menu-vps:nth-child(4) {transform: rotate(-60deg) translate(-5px, -165px) rotate(60deg);}

}


@media (max-width:768px){
    .main-plan_block {
    width: 70%;
    float: none;
    margin: 20px auto;
}
}

@media (max-width:640px){
    .main-plan_block{width: 90%;}
    .period .btn{font-size: 16px;margin: 5px;}
}

@media (max-width:460px){
    .main-plan_block{width: 100%;}
}

@media (max-width:360px){
    .price.myshow>.menu-vps:nth-child(6) {transform: rotate(60deg) translate(-255px, -75px) rotate(300deg);}
    .price.myshow>.menu-vps:nth-child(5) {transform: rotate(20deg) translate(-125px, -162px) rotate(-20deg);}
    .price.myshow>.menu-vps:nth-child(3) {transform: rotate(-20deg) translate(-13px, -145px) rotate(20deg);}
    .price.myshow>.menu-vps:nth-child(4) {transform: rotate(-60deg) translate(30px, -88px) rotate(60deg);}
}