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

    .main_title{
        font-size: 21px;
        line-height: 26px;
    }

    .inner_title{
        font-size: 18px;
    }

    .tabs button{
        font-size: 18px;
    }

    .tabs::-webkit-scrollbar{
        height: 5px;
    }

    .form .label{
        margin-bottom: 10px;
    }

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

    .form .input{
        font-size: 14px;
    }

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

    header .select_wrap{
        width: 155px;
    }

    header .select_wrap .nice-select .current{
        padding-left: 0;

        font-size: 12px;
    }

    header .select_wrap .nice-select .current:before{
        display: none;
    }

    header .select_wrap .nice-select .list{
        right: 0;

        width: 225px;
    }

    header .select_wrap .nice-select .list .list_item{
        min-height: 40px;

        font-size: 13px;
    }

    header .link{
        width: 60px;

        margin-left: 15px;
    }

    header .link_btn{
        padding: 0 5px;

        font-size: 10px;
        line-height: 35px;
    }

    /*---------------
        Main section
    ---------------*/
    .existing_services .top_flex{
        margin-top: 20px;
    }

    .existing_services .top_flex .submit_btn{
        width: 100%;
    }

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

        margin-top: 15px;
    }

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

    .existing_services .box_info .box_info_data{
        margin-left: -60px;
    }

    .existing_services .box_info .box_info_data:before{
        margin-left: 52px;
    }

    .existing_services table tr{
        padding: 25px 0;

        align-items: flex-start;
        align-content: flex-start;
    }

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

    .existing_services table tr td.wrap_name .name{
        font-size: 14px;
    }

    .existing_services table tr td.wrap_name .desc{
        margin-top: 3px;

        font-size: 13px;
        line-height: 18px;
    }

    .existing_services table tr td.status{
        width: 90px;
    }

    .existing_services table tr td.status span{
        padding: 0 10px;

        font-size: 10px;
    }

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

        margin-top: 20px;
    }

    .existing_services table tr td.price_box .price{
        font-size: 14px;
    }

    .existing_services table tr td.price_box .date{
        font-size: 13px;
    }

    .existing_services table tr td.extend{
        width: 100px;

        margin-top: 20px;
    }

    .existing_services table tr td.extend a{
        padding: 0 5px;

        font-size: 11px;
        line-height: 40px;
    }

    .profile .data_change{
        padding: 20px 35px;
    }

    .profile .data_change:before{
        top: 21px;
        left: 10px;
    }

    .finance .name_info .face{
        font-size: 14px;
        line-height: 24px;
    }

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

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

    .finance .form_balance .box{
        margin-top: 20px;
    }

    .finance .form_balance .line_form{
        width: 100%;
    }

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

        margin-top: 20px;
    }

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

    .finance table tr td{
        font-size: 12px;
        line-height: 16px;
    }

    .finance table tr td:before{
        font-size: 12px;
        line-height: 16px;
    }

    .finance table tr td.status span{
        padding: 0 10px;

        font-size: 10px;
        line-height: 20px;
    }

    .finance .period{
        margin-top: 15px;

        font-size: 14px;
    }

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

    .finance .box_nothing .title{
        font-size: 16px;
    }

    .finance .box_nothing .desc{
        font-size: 12px;
        line-height: 18px;
    }

    .tickets .top .write_link{
        width: 100%;

        margin-top: 25px;
    }

    .tickets .links a{
        font-size: 18px;
    }

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

    .tickets .messages .message{
        padding: 20px 0;
    }

    .tickets .message .top_flex .status span{
        font-size: 10px;
        line-height: 22px;
    }

    .tickets .message .top_flex .name{
        font-size: 14px;
    }

    .tickets .message .desc{
        font-size: 12px;
        line-height: 18px;
    }

    .tickets .period{
        font-size: 14px;
    }

    .tickets .period .select_wrap .nice-select .current{
        font-size: 14px;
        line-height: 18px;
    }

    .tickets .period .select_wrap .nice-select .list{
        margin-top: 10px;
    }

    .tickets .period .select_wrap .nice-select .list .list_item{
        min-height: 45px;
    }

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

    .virtual_server .config_box .bot{
        margin-top: 15px;
    }

    .virtual_server .config_box .bot .status{
        width: 100%;
    }

    .virtual_server .config_box .bot .config{
        margin: 10px 0 0 0;
    }

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

        margin: 20px 0 0 0;
    }

    .virtual_server .box_set{
        padding: 10px;
    }

    .virtual_server .box_set .info{
        padding: 20px 30px;
    }

    .virtual_server .box_set .info:before{
        top: 24px;
        left: 8px;
    }

    .virtual_server .box_set .info .title{
        font-size: 14px;
        line-height: 18px;
    }

    .virtual_server .box_set .info .desc{
        font-size: 12px;
        line-height: 18px;
    }
    .virtual_server .control .box_links{
        max-width: 100%;
    }

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

    .range-slider__line .name span{
        margin: 0 5px;
    }

    .virtual_server .bot_btn .apply_btn,
    .virtual_server .bot_btn .repl_btn{
        height: 50px;
    }

    .ticket .top{
        padding-bottom: 10px;
    }
    .ticket .info{
        margin-top: 15px;
    }
    .ticket-answer .dropzone .link{
        width: 100%;

        margin-right: 0;
    }
    .ticket-answer .dropzone ul{
        flex-direction: column;

        width: 100%;

        margin-left: 0;

        align-items: stretch;
        flex-wrap: nowrap;
    }
    .ticket-answer .dropzone ul li{
        max-width: 100%;

        margin-left: 0;
    }
    .ticket-answer .dropzone ul li p{
        overflow: hidden;

        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .ticket-answer .dropzone{
        margin-top: 20px;
    }
    .ticket-answer .submit{
        width: 100%;

        margin-top: 20px;
    }



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

    footer{
        padding: 25px 0;
    }


    .modal_title{
        font-size: 18px;
    }

    .modal_repl_account .form .line_form{
        width: 100%;
    }

    .modal_repl_account .form .submit{
        width: 100%;

        margin-top: 20px;
    }

    .modal_status .status_info .line + .line{
        margin-top: 20px;
    }

    .modal_apply .box_btn .apply_btn{
        width: 100%;

        margin-bottom: 15px;
    }
    .modal_apply .box_btn .cancel_btn{
        width: 100%;

        margin-left: 0;
    }
}