@media (max-width: 767px){
    /*---------------
        Main styles
    ---------------*/

    .main_title{
        font-size: 26px;
    }

    .inner_title{
        font-size: 20px;
    }

    .tabs{
        overflow-x: auto;

        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .tabs button{
        font-size: 20px;
        line-height: 26px;

        white-space: nowrap;
    }

    .tabs button + button{
        margin-left: 25px;
    }

    .tabs::-webkit-scrollbar{
        width: 7px;
        height: 10px;

        border-radius: 0;
        background-color: #fafafa;

        -webkit-appearance: none;
    }

    .tabs::-webkit-scrollbar-thumb{
        border-radius: 0;
        background-color: #c0c0c0;
    }

    .box_info .box_info_data{
        top: calc(100% + 10px);
        left: 50%;

        transform: translateX(-50%);
    }

    .box_info .box_info_data:before{
        top: -2px;
        left: 50%;

        margin-left: -8px;

        transform: rotate(135deg);
    }

    .form .line_form{
        margin-bottom: 25px;
    }

    /*---------------
        Header
    ---------------*/

    header .link{
        width: 100px;

        margin-left: 25px;
    }

    header .select_wrap{
        width: 210px;
    }

    /*---------------
        Main section
    ---------------*/

    .content{
        padding: 25px 0;
    }

    .existing_services .top_flex{
        margin-top: 20px;

        justify-content: space-between;
    }

    .existing_services .top_flex .balance{
        width: 100%;

        margin-bottom: 30px;
    }

    .existing_services .top_flex .submit_btn,
    .existing_services .top_flex .order_link{
        width: calc(50% - 15px);

        margin-left: 0;
    }

    .existing_services .top_flex2 .order_link{
        width: auto;
    }


    .existing_services .title_box{
        margin-top: 30px;
    }

    .existing_services table tr{
        flex-wrap: wrap;
    }

    .existing_services table tr td.wrap_name{
        width: calc(100% - 170px);

        padding-right: 0;
    }

    .existing_services table tr td.status{
        text-align: right;
    }

    .existing_services table tr td.price_box{
        width: calc(100% - 170px);

        margin-top: 30px;
        margin-left: 0;
    }

    .existing_services table tr td.extend{
        margin-top: 30px;
    }


    .finance .name_info{
        margin-top: 25px;
    }

    .profile .line_form{
        max-width: 100%;
    }

    .profile .tabs_container{
        margin-top: 30px;
    }

    .profile .item + .item,
    .profile .form_profile .item + .item{
        margin-top: 40px;
    }

    .profile .submit{
        width: 100%;

        margin-top: 40px;
    }

    .profile .form_profile{
        margin-top: 30px;
    }

    .profile .data_change{
        margin-top: 30px;
        padding: 25px 40px;
    }

    .profile .data_change:before{
        top: 26px;
        left: 15px;
    }

    .profile .form_profile .submit{
        margin-top: 40px;
    }

    .finance .tabs_container{
        margin-top: 50px;
    }

    .finance .name_info .name{
        font-size: 18px;
    }

    .finance .form_balance .box{
        width: 100%;

        margin: 30px 0 0 0;

        justify-content: space-between;
    }

    .finance .form_balance .line_form{
        width: calc(50% - 15px);
        max-width: 100%;
    }

    .finance .form_balance .submit{
        width: calc(50% - 15px);

        margin-left: 0;
    }

    .finance .tabs{
        margin-bottom: 0;
    }

    .finance table thead{
        display: none;
    }

    .finance table tr{
        display: flex;

        border-bottom: 1px solid #e4edff;

        justify-content: space-between;
        align-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .finance table tr td{
        display: block;

        width: calc(50% - 10px);

        padding: 10px 0;

        border-top: none;
    }

    .finance table tr td .rub{
        margin-left: 3px;

        line-height: 16px;
    }

    .finance table tr td.status,
    .finance table tr td.file{
        width: calc(50% - 10px);
    }

    .finance table tr:hover td,
    .finance table tr:hover + tr td{
        border-top: none;
    }

    .finance table tr:hover:last-child td{
        border-bottom-color: transparent;
    }

    .finance table tr td:before{
        display: block;

        margin-bottom: 4px;

        color: #747c8b;
        font-family: var(--font-family2);
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;

        content: attr(data-label);
    }

    .finance table tr:last-child td{
        border-bottom-color: transparent;
    }

    .finance .box_nothing{
        margin-top: 65px;
    }

    .finance .box_nothing .title{
        margin-top: 35px;

        font-size: 18px;
    }

    .finance .box_nothing .desc{
        font-size: 14px;
        line-height: 22px;
    }

    .tickets .links{
        overflow-x: auto;
    }

    .tickets .links a{
        font-size: 20px;
        line-height: 26px;

        white-space: nowrap;
    }

    .tickets .links a + a{
        margin-left: 30px;
    }

    .tickets .message .top_flex{
        flex-wrap: wrap;
    }

    .tickets .message .top_flex .name{
        width: 100%;

        margin: 15px 0 0 0;

        order: 3;
    }

    .tickets .period{
        margin-top: 20px;
    }

    .tickets .period .select_wrap .nice-select .list .scrollbar{
        max-height: 100px;
    }

    .virtual_server .config_box .bot .config{
        margin-right: 0;
    }

    .virtual_server .config_box .bot .col{
        width: 100%;

        margin-top: 25px;
    }

    .virtual_server .block_flex{
        margin-top: 25px;
    }

    .virtual_server .box_set{
        margin-top: 25px;
        padding: 15px;
    }

    .virtual_server .settings{
        width: 100%;
    }

    .range-slider__line .name{
        font-size: 14px;
    }

    .virtual_server .bot_btn .apply_btn{
        width: 100%;
    }

    .virtual_server .bot_btn .box{
        width: 100%;

        margin-top: 20px;
    }

    .virtual_server .block_flex .sector{
        width: 100%;

        margin: 20px auto 0;
    }
    .virtual_server .control .box_links{
        max-width: 205px;
    }

    /*---------------
        Footer
    ---------------*/

    footer{
        padding: 45px 0 25px;
    }

    .fancybox-slide--html .fancybox-close-small{
        right: 0;
    }

    .modal{
        padding: 25px 15px;
    }

    .modal_title{
        font-size: 20px;
    }
}