@media(max-width:780px) and (min-width:320px) {
    .n_how_left {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .n_how_left_text {
        width: 46%;
        height: auto;
        margin-right: 2%;
        font: 2.2vw/3vw Open Sans Regular;
        line-height: 1.5;
    }
    .n_how_right, .n_how_right_last  {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .n_how_right_text {
        width: 46%;
        height: auto;
        margin-left: 2%;
        font: 2.2vw/3vw Open Sans Regular;
        line-height: 1.5;
    }
    .n_what_will_long {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .n_process_left {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .n_training_left {
        width: 96%;
        height: auto;
        margin-left: 2%;
        margin-top: 2vw;
        margin-bottom: 1vw;
    }
    .n_training_right {
        width: 96%;
        height: auto;
        margin-left: 2%;
        margin-top: 2vw;
        margin-bottom: 1vw;
    }
    /*sesions*/
    .o_all2 {
        width: 100%;
        height: auto;
        margin-bottom: 3vw;
        margin-left: 0;
    }
    .o_bg01 {
        background: url(../images/o_bg01.png) no-repeat left bottom;
        width: 100%;
        height: auto;
        -o-background-size: cover;
        /*cover*/
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .o_bg1 {
        background: url(../images/o_bg1.png) no-repeat left bottom;
        width: 100%;
        height: auto;
        -o-background-size: cover;
        /*cover*/
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        margin-top: -2vw;
    }
    .o_bg01 {
        background: url(../images/o_bg01.png) no-repeat left bottom;
        width: 100%;
        height: auto;
        -o-background-size: cover;
        /*cover*/
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .o_bg02 {
        background: url(../images/o_bg02.png) no-repeat left bottom;
        width: 100%;
        height: auto;
        -o-background-size: cover;
        /*cover*/
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        margin-top: -2vw;
    }
    .o_bg2 {
        background: url(../images/o_bg2.png) no-repeat left bottom;
        width: 100%;
        height: auto;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        margin-top: -2vw;
    }
    .o_bg3 {
        background: #222 url(../images/o_bg3.png) no-repeat left bottom;
        width: 100%;
        height: auto;
        -o-background-size: cover;
        /*cover*/
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .o_bg4 {
        background: url(../images/o_bg4.png) no-repeat left bottom;
        width: 100%;
        height: auto;
        -o-background-size: cover;
        /*cover*/
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        margin-top: -2vw;
    }
    .o_bg5 {
        background: url(../images/o_bg5.png) no-repeat left bottom;
        width: 100%;
        height: auto;
        -o-background-size: cover;
        /*cover*/
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .o_text1 {
        margin-top: 1.5vw;
        padding-left: 2%;
        font: 2.2vw/2.2vw Open Sans Regular;
        color: white;
        height: auto;
        width: 78%;
        border-left: 4px solid #ffd600;
        line-height: 1.5;
    }
    .o_p {
        width: 93.5%;
        float: right;
        height: 7.5vw;
        margin-top: 3vw;
        border-left: 1px dotted #ffd600;
    }
    .o_cont1 {
        width: 1%;
        padding-left: 8.5%;
        height: auto;
    }
    .o_cont2 {
        width: 17%;
        padding-left: 2vw;
        height: auto;
        margin-left: 1%;
    }
    .o_pictsize {
        width: 70%;
        height: auto;
    }
   
    .o_s201 {
        padding-top: 23vw;
        position: relative;
    }
    .o_s202 {
        padding-top: 39vw;
        position: relative;
    }
    .o_s2 {
        padding-top: 32vw;
        position: relative;
    }
    .o_s21 {
        padding-top: 24vw;
        position: relative;
    }
    .o_s22 {
        padding-top: 9vw;
        position: relative;
    }
    .o_s23 {
        padding-top: 28vw;
        position: relative;
    }
    .o_dgrey {
        width: 100%;
        height: auto;
        margin: 0;
        text-align: center;
        height: auto;
        background: #474747;
        font: 1.6vw/1.6vw Open Sans Regular;
        padding-top: 3vw;
        padding-bottom: 3vw;
        color: #fff;
    }
    .o_checktext {
        font: 2vw/2vw Open Sans Regular;
        line-height: 2vw;
}
    .o_checktext1 {
        font: 2vw/2vw Open Sans Bold;
        line-height: 2vw;
    }
    .o_contforal {
        width: 100%;
        margin-left: 0;
    }
    .n_clock {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: inline-block; 
        zoom: 0.9;
    }
    .n_read_people_cont {
        width: 90%;
        height: auto;
        margin-left: 5%;
    }
    .n_c_1 {
        margin-bottom: 13vw;
    }
    .n_c_2 {
        margin-bottom: 13vw;
    }
    .n_c_3 {
        margin-bottom: 17vw;
    }
    .n_c_4 {
        margin-bottom: 20.5vw;
    }
}

@media(max-width:639px) and (min-width:320px) {
    .n_like {
        width: 60%;
        height: auto;
        margin-left: 20%;
    }
    .n_like_pos1 {
        width: 37.5%;
        height: auto;
    }
    .n_like_pos2 {
        width: 27.5%;
        height: auto;
        margin-left: 3%;
        margin-right: 3%;
    }
    .n_like_pos3 {
        width: 29%;
        height: auto;
    }
}

@media(max-width:1280px) and (min-width:640px){
    .n_like {
        width: 32.5%;
        height: auto;
        margin-left: 35%;
    }
    .n_like_pos1 {
        width: 37.5%;
        height: auto;
    }
    .n_like_pos2 {
        width: 27.5%;
        height: auto;
        margin-left: 3%;
        margin-right: 3%;
    }
    .n_like_pos3 {
        width: 29%;
        height: auto;
    }
}