@media handheld, only screen and (max-width: 767px) { /*-MOBILE-*/
    /*---------------------------------*/
    .hide-on-mobile {
        display: none !important;
    }
    /*---------------------------------*/
    h1 {
        font-size: 26px;
    }
    .page-main h1 {
        display: none;
    }
    h2 {
        font-size: 24px;
    }
    /*---------------------------------*/
    .column__center-indent {
        padding-top: 0px;
    }
    .page-main .column__center-indent {
        padding-top: 0px;
    }
    /*---------------------------------*/
    .l-grid {
        height: 305px;
    }
    .l-grid .grid__item3 {
        top: 137px;
    }
    .l-grid .grid__item4 {
        top: 244px;
    }
    /*---------------------------------*/
    .b-contacts-foot {
        font-size: 20px;
    }
    /*---------------------------------*/
    .b-pilot {
        font-size: 30px;
        color: #5d5d5d;
    }    
    .b-pilot .pilot__1 {
        left: 18px;
        right: 18px;
        top: 176px;
        width: auto;
        text-align: center;
    }
    /*---------------------------------*/
    .b-picture2 {
        position: static;
        height: 387px;
    }
    /*---------------------------------*/
    .b-authmain-head {
        position: static;
        width: auto;
        margin-bottom: 51px;
        text-align: center;
    }
    /*---------------------------------*/
    .b-slogan {
        font-size: 30px;
    }
    /*---------------------------------*/
    .b-categ {
        text-align: center;
    }
    .b-categ .categ__item {
        width: 100%;
        max-width: 581px;
    }
    .b-categ .categ__title {
        font-size: 18px;
    }
    .b-categ .categ__text {
        padding: 15px 20px;
        font-size: 16px;
        text-align: left;
        overflow-y: auto;
    }
    /*---------------------------------*/
    .b-benefit {
        height: auto;
        padding-left: 3020px;
        padding-right: 3020px;
        padding-top: 55px;
        padding-bottom: 32px;
        /*background-image: url(/images/benefit-mobile-bg.png);*/
        background-image: none;
        background-position: 50% 100%;
        font-size: 16px;
    }
    .b-benefit:before {
        content: "";
        position: absolute;
        top:0;
        height: 8px;
        left: -30px;
        right: -30px;
        background: url(/images/benefits-before.png) 0 0 repeat-x;
    }
    .b-benefit h2 {
        margin-top: 0;
        margin-bottom: 44px;
        font-size: 26px;
    }
    .b-benefit .benefit__itembox {
        text-align: center;
        margin: 0;
    }
    .b-benefit .benefit__item {
        width: 100%;
        max-width: 245px;
        margin-top: 0;
        margin-bottom: 39px;
    }
    .b-benefit .benefit__img {
        margin-bottom: 12px;
    }
    /*---------------------------------*/
    .b-how {
        margin: -14px -3000px 0 -3000px;
        padding: 0 3000px 6px 3000px;
        background: url(/images/how-mobile-bg.png) 50% 0 no-repeat;
        font-size: 18px;
    }
    .b-how h2 {
        margin-top: 49px;
        font-size: 26px;
    }
    .b-how .how__itembox {
        margin: 0 -10px;
    }
    .b-how .how__item {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-right: -0.275em;
        width: 100%;
        max-width: 230px;
        padding: 0 10px;
        margin: 0;
        margin-bottom: 45px;
    }
    .b-how .how__header {
        width: 241px;
        height: 152px;
        margin-top: 0;
        /*background-image: url(/images/how-header-mobile.png);*/
        background: none;
    }
    .b-how .how__img img {
        max-height: 100%;
        height: 100px;
    }
    /*---------------------------------*/
    .b-subs {
        padding-top: 40px;
        padding-bottom: 46px;
        font-size: 16px;
    }
    .b-subs h2 {
        font-size: 26px;
    }
    .b-subs .subs__item {
        max-width: 240px;
        width: 100%;
    }
    .b-subs .subs__inner {
        height: auto;
        padding-top: 37px;
        padding-bottom: 30px;
    }
    .b-subs .subs__imgbox {
        margin-bottom: 20px;
    }
    .b-subs .subs__caption {
        font-size: 18px;
    }
    .b-subs .subs__price {
        font-size: 18px;
    }
    .b-subs .subs__price ins {
        font-size: 26px;
    }
    .b-subs .subs__num {
        font-size: 26px;
    }
    /*---------------------------------*/
    .b-ipad {
        height: 648px;
        padding-top: 55px;
        background-image: url(/images/ipad-mobile-bg.jpg);
        font-size: 16px;
    }
    .b-ipad h2 {
        margin-bottom: 11px;
        font-size: 22px;
    }
    .b-ipad p {
        padding-bottom: 15px;
    }
    .b-ipad .ipad__col {
        width: 100%;
    }
    /*---------------------------------*/
    .b-reviews_custom {
        padding-top: 36px;
        padding-bottom: 0;
        font-size: 16px;
    }
    .b-reviews_custom h2 {
        margin-bottom: 44px;
        font-size: 26px
    }
    .b-reviews_custom .reviews__item {
        width: 100%;
    }      
    .b-reviews_custom .reviews__item:nth-child(n+2) {
        display: none;
    } 
    .b-reviews_custom .reviews__name {
        font-size: 19px;
    }
    .b-reviews_custom .reviews__city {
        font-size: 16px;
    }
    .b-reviews_custom .reviews__btnbox {
        /*margin-top: 165px;*/
    }
    /*----------------------------------*/
        .b-reviews_custom_page .reviews__item:nth-child(n+2) {
            display: block;
        }
    /*---------------------------------*/
    .b-form [class^="form__col-"] {
        width: 100%;
    }
    .b-form .form__label-left .form__label {
        float: none;
        display: block;
        width: 100%;
    }
    .b-form .form__label-left .form__inputwrap {
        margin-left: 0;
        padding-left: 0;
    }
    .b-form .form__label-right .form__label {
        float: none;
        display: block;
        width: 100%;
        padding-left: 0;
    }
    .b-form .form__label-right .form__inputwrap {
        margin-right: 0;
        padding-left: 0;
    }
        /*-------------------*/
        .b-form_reg {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .b-form_reg h2 {
            margin-bottom: 20px;
            font-size: 28px;
        }
        .b-form--main {
            padding-top: 58px;
            padding-bottom: 58px;
        }
        .b-form--main .form__col-btn {
            text-align: center;
        }
    /*---------------------------------*/
    .b-profile h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }
    .b-profile .profile__subs {
        margin-bottom: 50px;
    }    
    .b-profile .profile__payment-item {
        width: 100%;
        max-width: 225px;
    }
    .b-profile .profile__payment-inner {
        height: auto;
        padding: 30px 30px 20px 30px;
    }
    .b-profile .profile__subs-message {
        font-size: 24px;
    }
    .b-profile .profile__history {
        margin-bottom: 40px;
    }
    .b-profile .profile__history tr {
        background: #e7e7e7;
    }
    .b-profile .profile__history tr:nth-child(2n) {
        background: #efefef;
    }
    .b-profile .profile__history td {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
        background: none;
    }
    .b-profile .profile__history tr:nth-child(2n) td {
        background: none;
    }
    .b-profile .profile__history-caption {
        display: block;
        padding-bottom: 8px;
        font-weight: normal;
    }
    /*---------------------------------*/
    .b-guestbox .guestbox__leftside {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    /*---------------------------------*/
    .b-photobox .photobox__imgbox {
        float: none;
        margin-right: 0;
    }
    /*---------------------------------*/
}
/*---------------------------------*/
@media handheld, only screen and (max-width: 767px) and (orientation: landscape) { /*-MOBILE LANDSCAPE-*/
    /*---------------------------------*/
    /*---------------------------------*/
}