@charset "utf-8";

@media only screen and (max-width: 980px) {


    .header {
        border-bottom-width: 0;
    }

    .header .container {
        height: 88px;
    }


    .header .menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 100;
        background: #fff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 23px 20px;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    .header.open-menu .menu {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .header .menu a {
        margin: 10px 0;
    }

    .header .toggle-menu,
    .header .toggle-search.for-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header .menu .toggle-search {
        display: none;
    }

    .block2-item .txt{
        max-width: 500px
    }

}
@media only screen and (max-width: 768px) {

    .block2-item .title{
        width: 140px;
    }
    .block1 .title,
    .content h1{
        font-size: 46px;
    }

    .block3 .txt {
        font-size: 26px;
    }
    .block5 .item{
        height: auto;
        margin-bottom: 30px;
    }
    .block6 .list .item{
        width: 100px;
    }
    .footer .container-f{
        flex-direction: column;
        height: auto;
        padding: 60px 15px 40px;
        align-items: baseline;
    }
    .footer .logo{
        display: flex;
        margin: 0;
    }
    .footer .menu{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        margin: 20px 0;
        white-space: break-spaces;
        flex-direction: column;
        align-items: baseline;
        left: 0;
        top: 0;
        transform: translate(0%, 0%);
    }
    .footer .menu a{
        margin: 5px;
    }
    .footer .social{
        margin: 0;
        justify-content: center;
        display: flex;
        width: 100%;
    }
    .footer .conf2{
        padding: 30px 15px;
        height: auto;
        flex-direction: column;
    }
}


@media only screen and (max-width: 740px) {
    .header .personal-area{
        display: none;
    }
    .header .personal-a{
        display: none;
    }
    .header .mob{
        display: block;
        opacity: 1 !important;
    }
    .header .mob.personal-area{
        color: #ffffff !important;
    }

    .block1 .title,
    .content h1{
        font-size: 36px;
    }

    .block1 .txt,
    .block2-item .txt{
        font-size: 18px;
    }
    .block2-item{
        flex-direction: column;
    }
    .block2-item .title {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .block3 .txt {
        font-size: 26px;
    }
    .block4 .item .ico {
        font-size: 46px;

    }

    .block5 .item .txt,
    .block7 p,
    .block4 .item .txt,
    .block2 .item .item_txt {
        font-size: 16px;
    }
    .block5 .block5-txt {
        margin: 10px auto 40px;
        font-size: 16px;
    }
    .block6 .title,
    .block7 .title {
        font-size: 32px;
    }
    .block6 .list .item{
        width: 80px;
    }

    .block5 .item{
        height: auto;
        margin-bottom: 30px;
    }





}

@media only screen and (max-width: 370px) {
    .block4 .item .txt {
        font-size: 13px;
    }
}