@media screen and (max-width: 480px) {
    .skil_body {

        flex: 1 1 100%;

    }

    .blog_item {
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #313030;
        justify-content: center;
        margin: 12px auto;

    }

    .blog_box_col {
        flex-direction: column;
    }

    .list_icon {
        margin: 0;
    }

    .sw_inner_img {
        margin: 0 58px;
    }

    .sw_inner_box {
        flex-direction: column;
        justify-content: center;
    }

    .price_plan_box {
        display: block;
    }

    .as-mask {
        transform: none !important;
    }

    .resumi_baner {
        height: 350px;
    }

    .sw_item {
        flex: 0 0 100%;
        border-top: 3px solid #2196F3;
        border-bottom: 3px solid #2196F3;
        border-left: 3px solid #2196F3;
        border-right: 3px solid #2196F3;
        margin: 10px 0;
        border-radius: 8px;
        position: relative;
        overflow: hidden;
        transition: all ease-in .5s;
    }

    /*.mob{*/
    /*    position: fixed;*/
    /*    right: -10%;*/
    /*    transition: all ease 300ms;*/
    /*}*/
    .w50 {
        width: 100%;
    }

    .ws_box {
        width: 100%;
    }

    .srvice_item {
        width: 100%;
    }

    .input_form_w50 {
        width: 100%;
        flex-wrap: wrap;
        float: unset;
    }

    .resumi_menu {
        display: flex;
        gap: 35px;
        flex-wrap: wrap;
        position: fixed;
        width: 100%;
        height: 100%;
        background: black;
        z-index: 999;
        left: 0;
        right: -100%;
        padding: 20px 20px;
        top: 0;
    }

    #resumi_menu li {
        width: 100%;
        text-align: left;
        margin-left: 70px;

    }
    #box_menu{
        position: fixed!important;
        width: 61%!important;
        height: 100%;
        left: 0;
        right: 100%;
        z-index: 9999;
        top: 0;
        transition: all ease 300ms;
    }

    .dot_menu ul li a{
        line-height: 50px!important;
    }
    #fix_body{
        height: auto;
        overflow: hidden;
    }
    .circles{
        position: relative!important;
        left: 15px!important;
    }
    .sample_work_body{
        margin: 0;
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    .sample_work_body::-webkit-scrollbar {
        display: none;  /* Safari and Chrome */
    }
    .price_plan_item{


        margin-left: -2px!important;
        margin-right: 0!important;

    }

}