@media screen and (max-width: 1440px){
    .inner{
        max-width: 1300px;
    }

    .header-nav__item + .header-nav__item{
        margin-left: 12px;
    }
}

@media screen and (max-width: 1280px) {
    .inner {
        max-width: 920px;
    }

    header .inner,
    footer .inner {
        max-width: 100%;
    }

    .header-nav {
        display: none;
    }

    .header-menu {
        display: block;
    }

    .smartb-helper__items{
        margin-left: 0;
    }

    .smartb-helper__item {
        width: 100%;
        margin-left: 0;
    }

    .smartb-employer__items{
        margin-left: 0;
    }

    .smartb-employer__item{
        width: 100%;
        margin-left: 0;
    }

    .service-item__describe {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .service-item__inc {
        margin-left: 0;
    }

    .service-item__image{
        width: 50%;
        padding-bottom: 50%;
    }

    .layout{
        display: block;
        padding: 20px 0;
    }

    .layout-aside{
        margin-right: 0;
    }

    .layout-menu{
        display: flex;
        overflow-x: auto;
    }

    .layout-menu__item + .layout-menu__item{
        margin-top: 0;
        margin-left: 15px;
    }

    .layout-menu__name{
        width: auto;
        white-space: nowrap;
    }

    .layout-container{
        margin-top: 20px;
    }
}

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

    .inner{
        padding-left: 10px;
        padding-right: 10px;
    }

    .header-logo__img{
        max-height: 35px;
    }

    .footer-nav__items{
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-nav__item + .footer-nav__item{
        margin-left: 15px;
    }

    .footer-main__item{
        font-size: 13px;
    }

    .banner-prev, .banner-next{
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .banner-prev{
        left: 10px;
    }

    .banner-next{
        right: 10px;
    }

    .banner-pagination .swiper-pagination-bullet{
        width: 5px;
        height: 5px;
    }

    .banner-pagination .swiper-pagination-bullet-active{
        width: 15px;
    }

    .smartb-helper__items{
        margin-top: 15px;
        margin-left: 0;
    }

    .smartb-helper__item{
        margin-left: 0;
        margin-top: 15px;
        padding: 10px;
    }

    .smartb-helper__info{
        margin-left: 10px;
    }

    .smartb-helper__code{
        font-size: 17px;
    }

    .smartb-helper__rows{
        margin-top: 6px;
    }

    .smartb-helper__row + .smartb-helper__row{
        margin-top: 6px;
    }

    .smartb-helper__label{
        font-size: 14px;
    }

    .smartb-helper__skills{
        margin-top: 0;
        margin-left: -6px;
    }

    .smartb-helper__skill{
        margin-left: 6px;
        margin-top: 6px;
        padding: 5px;
        font-size: 13px;
    }

    .smartb-employer__item{
        padding: 10px
    }

    .smartb-employer__row + .smartb-employer__row{
        margin-top: 6px;
        font-size: 14px;
        line-height: 1.4;
    }

    .smartb-employer__info{
        margin-left: 10px;
    }

    .smartb-form__element{
        padding: 12px;
    }

    .smartb-form__items{
        margin: -15px 0 0;
    }

    .smartb-form__item{
        flex: 0 0 100%;
        margin-left: 0;
    }

    .smartb-form__item{
        flex-direction: column;
        align-items: flex-start;
        margin-top: 15px;
    }

    .smartb-form__group{
        margin-right: 0;
        margin-bottom: 5px;
        font-size: 15px;
    }

    .smartb-form__buttons{
        margin-top: 12px;
        font-size: 14px;
    }

    .smartb-form__field input[type="checkbox"] + span{
        font-size: 14px;
    }

    .layout-form__field{
        display: block;
    }

    .layout-form__label{
        padding-right: 0;
        display: block;
        line-height: 35px;
        text-align: left;
    }

    .layout-form__content{
        width: 100%;
    }

    .layout-col-2{
        margin-left: 0;
    }

    .layout-col-2 > * {
        width: 100%;
        padding-left: 0;
    }

    .home-helper{
        padding: 50px 0;
    }

    .home-helper__title{
        font-size: 22px;
    }

    .home-helper__content{
        margin-top: 20px;
    }

    .home-helper__more{
        margin-top: 25px;
    }

    .home-helper__more .button{
        font-size: 15px;
    }

    .detail-info{
        padding-top: 50px;
    }

    .detail-info .inner{
        flex-wrap: wrap;
        justify-content: center;
    }

    .detail-info__avatar{
        width: 40%;
    }

    .detail-info__content{
        flex: 0 0 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .detail-info__title{
        text-align: center;
        font-size: 17px;
    }

    .detail-grid__item{
        width: calc(50% - 2vw);
        font-size: 14px;
    }

    .detail-info__actions{
        flex-wrap: wrap;
    }

    .detail-info__profile{
        flex: 0 0 100%;
        margin-bottom: 12px;
    }

    .detail-info__actions{
        margin-top: 10px;
    }

    .detail-info__apply{
        width: 100%;
    }

    .detail-info__apply .button{
        width: 100%;
        text-align: center;
    }

    .detail-item__title{
        font-size: 17px;
    }

    .detail-item__table th{
        font-size: 14px;
    }

    .detail-item__table td{
        font-size: 13px;
    }

    .helper-search{
        padding-top: 20px;
    }

    .helper-result{
       padding-top: 0;
    }

    .employer-search{
        padding-top: 20px;
    }

    .service-intro{
        padding: 50px 0;
    }

    .service-intro__title{
        font-size: 20px;
        font-weight: 600;
    }

    .service-intro__content{
        margin-top: 25px;
    }

    .service-main{
        padding: 50px 0;
    }

    .service-item__wrapper{
        border-radius: 8px;
    }

    .service-item__text{
        font-size: 20px;
        font-weight: bold;
    }

    .service-item__content{
        padding: 20px;
    }

    .service-item__sub{
        text-align: center;
    }

    .service-item__sub{
        font-size: 18px;
    }

    .service-item__describe-text{
        margin-top: 12px;
    }

    .service-item__inc{
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .service-item__image{
        width: 80%;
        padding-bottom: 80%;
        margin: auto;
    }

    .service-item__subscribe{
        margin-top: 25px;
    }

    .service-item__subscribe .button{
        width: 100%;
        font-size: 17px;
        text-align: center;
    }

    .condition-main{
        padding: 50px 0;
    }

    .condition-main__title{
        font-size: 22px;
    }

    .condition-main__content{
        margin-top: 30px;
    }

    .about-banner__link{
        padding-bottom: 52.52%;
    }

    .about-banner__title{
        font-size: 20px;
        font-weight: bold;
    }

    .about-banner__sub{
        font-size: 20px;
        margin-top: 10px;
    }

    .about-intro{
        padding: 50px 0;
    }

    .about-intro__title{
        font-size: 20px;
        font-weight: bold;
    }

    .about-intro__content{
        margin-top: 20px;
    }

    .about-cert{
        padding: 50px 0;
    }

    .about-cert__title{
        font-size: 20px;
        font-weight: bold;
    }

    .about-cert__item{
        width: calc(50% - 3vw);
    }

    .contact-map{
        padding: 50px 0;
    }

    .contact-map__title{
        font-size: 20px;
        font-weight: bold;
    }

    .contact-map__content{
        padding-bottom: 75%;
    }

    .contact-form{
        padding-bottom: 70px;
    }

    .news-main{
        padding: 50px 0;
    }

    .news-main__title{
        font-size: 20px;
        font-weight: bold;
    }

    .news-main__content{
        margin-top: 15px;
    }

    .smartb-intent__items{
        margin-left: 0;
    }

    .smartb-intent__item{
        margin-left: 0;
        width: 100%;
    }

    .smartb-intent .smartb-form__item{
        margin-left: 0;
    }

    .smartb-intent .button{
        width: 100%;
    }
}