@media only screen and (max-width: 1200px) {
    .BlogArticles_section .box{
        padding:60px;
    }
    #ThisIsBlog_sect .box{
        padding:60px;
    }

    #MainNewsArticles{
        padding-top:100px;
        /* padding-bottom: 100px; */
        height:150%;
    }
    .left-blogArcticle img, video{
        height:45%;
    }
    .inside{
        height:300px;
    }
    .thisis-main-wave-num-2 .wave{
        top:40%;
        left:112%;
    }
}
@media only screen and (max-width: 1000px) {
    .SplitBlog_section .container_{
        padding:50px;
    }
    #OurSchoolSection .box{
        padding:20px;
    }
    .two-blogpost_sec{
        padding: 0;
    }
}
@media only screen and (max-width: 900px) {
    footer{
        padding:20px;
    }
    footer .row.primary{
        display: block;
    }
    .two-blogpost_one{
        display: none;
    }
    .video_loop_play_mobile{
        width:100%;
        margin:30px auto;
    }
}
@media (min-width: 900px){
    .video_loop_play_mobile{
        display: none;
    }
}

@media only screen and (max-width: 601px) {
    #ThisIsBlog_sect{
        height:150%;
    }
    #ThisIsBlog_sect .container_{
        padding-top: 0;
        overflow-y: scroll;
    }
    .container_{
        height:100%;
        overflow-y: scroll;
    }
    #ThisIsBlog_sect .thisis-wave-num-1 .wave {
        width:400px;
        height:400px;
        top: 20%;
        left: 140%;
    }
}

@media only screen and (max-width: 605px) {
    .box-inside {
        width: 100%;
        height: auto;
        top: 20%;
        padding: 64px;
        padding-left: 5%;
        padding-right: 5%;
    }
    #ThisIsBlog_sect .box{
        padding:20px;
    }
    .row{
        margin-right: 0;
        margin-left: 0;
    }
    .my-col-lg-4{
        margin-bottom:3rem;
    }
    .anim-typewriter{
        display: none;
    }
    .main-phrase{
        display: none;
    }
    .container_{
        padding: 0;
    }

    .SplitBlog_section .container_{
        padding: 10%;
        grid-template-columns:10fr;
        grid-template-rows: 1fr 1.7fr;
    }
    .one h{
        font-size: 2rem;
        line-height: 2rem;
    }
    .two{
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1.2fr 1fr;
    }
    .SplitBlog_section .wave{
        background: #709fb077;
        z-index: 1;
    }
}
@media only screen and (max-width: 500px) {
    .box-inside h{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .wave0{
        width:450px;
        height:450px;
    }
}
/* если экран больше чем: */
@media (min-width: 605px){
    .non-anim-typewriter{
        display: none;
    }
}