@media all and (max-width: 767px){
    body {
        padding-top: 0;
        background-color: #fff;
    }
    .menu {
        position: fixed;
        bottom: 0;
        z-index: 100;
        padding: 0;
        left: 0;
        background-color: #f5f5f5;

    }
    .menu .point {
        float: left;
        width: 25%;
        padding: 13px 2px 9px 8px;
    }
    .menu .point svg {
        display: none;
    }
    .menu .point .name {
        font-size: 12px;
    }
    .menu .maylinks {
        display: none;
    }
    h2 {
        font-size: 24px;
        padding-left: 55px;
    }
    .forms {
        padding-left: 15px;
    }
    .forms .point .wspace {
        margin-left: 0;
    }
    .forms .point {
        padding-bottom: 40px;
    }
    .forms .point .wspace .space {
        padding-left: 0;
    }
    .menu .point {
        border-right: 1px solid #dedede;

    }
    .menu .point:last-of-type {
        border-right: 1px solid transparent;
    }
    .menu .point.active, .menu .point.active:hover {
        border-left: 0;
        border-bottom: 2px solid #00b3e8;
        border-right: 1px solid #fff;
    }
    .forms .point .wspace .space {
        font-size: 14px;
    }
    h3 {
        font-size: 24px;
        display: block;
        margin-top: 10px;
    }
    .plan {
        margin-bottom: 30px;
        display: block;
    }
    .mt15 {
        margin-bottom: 15px;
    }
    .it1 {
        position: absolute;top: 12px;left: 1px;
    }
    .it2 {
        position: absolute;top: 19px;left: 1px;
    }
    .it3 {
        position: absolute;top: 5px;left: 0px;
    }
    .it4 {
         position: absolute;top: 13px;left: 0px;
     }
    .it5 {
        position: absolute;top: 14px;left: -3px;
    }
    h3.accrd {
        font-size: 28px;
        padding-left: 25px;
    }
    h3.accrd:before {
        top: 13px;
        left: 0;
    }
    .multiselect svg {
        display: none;
    }
    .toborderwide svg {
        display: none;
    }
    .plan.big.toborderwide .name {
        min-height: 110px;
    }
    .plan.big.toborderwide .name.s3 {
        min-height: 145px;
    }
    .colorpick .block {
        width: 21px;
        height: 19px;
    }
    .myplanlogo {
        margin-top: 0;
    }
    .maintitle {
        margin-left: 0;
    }
}
@media all and (min-width: 768px) and (max-width: 991px){
    .menu {
        position: fixed;
        bottom: 0;
        z-index: 100;
        padding: 0;
        left: 0;
        background-color: #f5f5f5;
        max-width: none;
    }
    .menu .point {
        float: left;
        width: 25%;
        padding: 13px 2px 9px 8px;
        min-height: 155px;
    }
    .menu .point  svg {
        min-height: 92px;
    }
    .maylinks {
        display: none;
    }
    .menu .point .name {
        min-height: 44px;
    }
    .mt15 {
        margin-top: 15px;
    }
    .forms .point .wspace {
        margin-left: 20px;
    }

}
@media all and (min-width: 992px) and (max-width: 1199px){
    .menu .point .name {
        font-size: 18px;
    }
    .menu .point svg{
        max-width: 80px;
    }
    .tplan + label .name {
        font-size: 20px;
    }
    .colorpick .block {
        width: 23px;
    }
}






@media all and (min-width: 1140px) {

}