@media (max-width: 768px) {
    .thn .sec {
        margin:auto;
        margin-top:12px;
    }
    .thn {
        flex-direction: row;
    }
    .languages-klisl a {
        margin:6px;
    }
    .free-vac {
        font-size: 9px;
        top: 8px;
        right:6px;
    }
    .vacancy-item.salary .ftg-text {
        font-size:22px;
    }
    .vacancy-logo-badge {
        width:30px;
        height:30px;
    }
    .vacancy-card .vacancy-logo-badge {
        left:6px;
        top:6px;
    }
    .text-review-content {
        max-width:280px;
    }
    .thumbs-control { 
        top:20%;
    }
    .main-image-wrapper { 
        height: 230px;
    }
    .free-outline {
        margin-top:12px;
        margin-left:20px;
        font-size:13px;
    }
    .y-dot {
        display:none;
    }
    .crz-item .top {
        margin:0px;
    }
    .crz-item.i2, .crz-item.i4 {
        flex-direction: column-reverse;
    }
    .crz-item .text {
        font-size:14px;
    }
    .crz-item .number {
        font-size:30px;
    }
    .crz-item .bottom {
        margin:0px;
    }
    .scheme .simple-heading { 
        margin-bottom:10px;
    }

    .scheme {
        background:unset;
    }
    .row-fix-mov {
        height:auto;
    }
    .partnt .outline {
        font-size:36px;
    }
    .tickle {
        font-size:18px;
    }
    .callback-section form a{
        font-size:12px;
    }
    .form-group.cst input {
        font-size: 13px;
        padding: 0px 12px;
    }
    .form-group.cst label {
        font-size:10px;
    }
    .cntc-phone {
        font-size:18px;
    }
    .cnt-item {
        font-size:16px;
    }
    .service-groups .vacancy-card .vacancy-title {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .viza-hots .vacancy-card .image-wrapper,
    .service-groups .vacancy-card .image-wrapper {
        height:200px;
    }
    .vizaz .outline {
        font-size:30px;
    }
    .text-review-content {
        font-size:12px;
    }
    .vr-slide p.username {
        font-size:16px;
    }
    .docs-wrapper a {
        padding:6px;
    }
    .hero-background.small {
        padding-top:48px;
    }

    .viza-hots .vacancy-card .vacancy-title {
        font-size:20px;
    }
    .row-fix-mov {
        flex-direction: column;
    }
    .row-fix-mov .crz-item {
        width:100%;
        margin:0px;
        margin-bottom:20px;

    }
    .vizaz {
        text-align: center;
    }
    .pass {
        display: none;
    }
    .about-block.frash p {
        font-size:16px;
    }
    .about-giant-heading {
        font-size:22px;
    }
    .about-block {
        padding:20px;
    }
    .about-name:after {
        display:none;
    }
    .vacancy-heading .vacancy-title {
        font-size:28px;
    }
    .hd-text {
        font-size:12px;
        width:130px;
    }
    .sbtf {
        font-size:14px;
        margin-top:0px;
        margin-bottom: 10px;
    }

    .shorts-list {
        margin-top:8px!important;
    }
    .clbk-heading {
        font-size:14px;
    }
    .more-btn {
        padding:14px;
        font-size:12px;
    }
    .yellow-btn {
        padding: 12px 30px;
        font-size: 12px;
    }
    .vacancy-card.custom .wrkplc {
        margin-top:4px!important;
        margin-bottom:4px!important;
        font-size:10px;
    }
    .cst-btn-blue {
        font-size:12px;
        width: calc(100% + 16px);
        margin-left: -8px;
    }
    .vacancy-card.custom .vacancy-title {
        font-size:16px;
    }
    .vacancy-card.custom .vacancy-salary {
        font-size: 14px;
    }
    .vacancy-card.custom .short-list-item {
        font-size: 10px;
    }
    .vacancy-card.custom .default-content {
        padding:8px;
        padding-bottom: 0px;
    }
    .breadcrumb {
        font-size:11px;
        padding-top:14px;
        padding-bottom:4px;
    }
    .h1-small-hero {
        font-size:25px;
        margin-bottom:14px;
    }
    .hero-background.small {
        background-position: initial;
    }
    .filters-wrapper.active {
        display: block;
    }
    .filters-wrapper {
        display:none;
    }
    .js-show-filters {
        display:block;
    }
    .decor-small-gray,
    .decor-small-yellow {
        display:none;
    }
    .ft-heading.sdf {
        margin-top:20px;
    }
    .gtr {
        justify-content: center;
    }
    .ft-heading{
        margin-bottom: 8px!important;
    }
    .footer {
        text-align: center;
    }
    .clbc-curve {
        display:none;
    }
    .callback-section {
        padding-top:30px;
        padding-bottom:30px;
    }
    .callback-section {
        font-size:10px;
    }
    .callback-section .simple-heading .left-side{
        font-size:12px;
        text-align: center;
        width: 100%;
    }
    .faq-item-text {
        font-size:10px;
        padding-top: 4px;
        padding-bottom: 14px;
    }
    .faq-item-header .btn .arrow-icon {
        width:12px;
        height:12px;
    }
    .faq-item-header .btn {
        font-size:12px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .pop-item-href {
        margin-bottom: 10px;
    }
    .pop-gray-href{
        padding: 8px 14px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .pop-item-text {
        font-size:12px;
        margin-top:4px;
    }

    .simple-heading.small .left-side {
        font-size:20px;
    }
    .partner-item img{
        max-width:100%;
    }
    .partner-item {
        width: 150px;
        height: 88px;
        padding: 10px;
    }
    .decor-1 {
        display:none;
    }
    .text-review {
        margin:16px;
    }

    .callback-block .simple-heading{
        margin:auto!important;
    }
    .callback-block .form-phone-input a {
        font-size:10px;
    }
    .subt-calbk {
        font-size:10px;
        margin: auto!important;
        text-align: center;
        padding-bottom: 20px;
    }
    .callback-block .simple-heading .left-side {
        font-size:12px;
        text-align: center;
        width: 100%;
        line-height: normal;
        margin-bottom: 20px;
    }
    .hero-list-item {
        display:none!important;
    } 
    .callback-curve {
        display:none;
    }
    .vacancy-card.default {
        margin-bottom:20px;
    }
    .vacancy-card.default .default-content .yellow-btn {
        line-height: normal;
        margin:0px;
        padding: 8px 18px;
        margin-bottom: -4px;
        margin-left: -16px;
        margin-right: -16px;
    }
    .ft-block {
        padding: 5px;
        padding-left: 26px;
    }
    .ft-block-title {
        font-size:15px;
        line-height: normal;
        margin-bottom:4px;
    }
    .ft-block-preview {
        font-size:12px;
        line-height: normal;
    }
    .youtube-block img{
        max-width:50px;
    }
    .youtube-block {
        padding:10px;
        margin-bottom:20px;
    }
    .youtube-block i {
        font-size:10px;
    }
    .youtube-block .txt2 {
        font-size:8px;
    }
    .youtube-block .txt1 {
        font-size:12px;
        margin-top:10px;
    }

    .simple-heading-yellow {
        font-size:20px;
        padding-left:10px;
        line-height: normal;
    }
    .youtube-block {
        margin-top:0px;
    }
    .simple-heading {
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .simple-heading .left-side {
        font-size:20px;
        line-height: initial;
    }
    
    .simple-heading .right-side {
        font-size:10px;
    }
    .main-header .logo-text p {
        font-size:8px;
    }
    .main-logo {
        width:32px;
        height:32px;
    }
    .header-phone, .phones-dropdown a {
        font-size:10px;
    }
    .js-open-phones {
        line-height: 0;
    }
    a.call-me-link {
        font-size:8px;
    }
    .main-header .logo-text {
        margin-left:4px;
    }

    .hero-main-container .heading {
        font-size:22px;
        line-height: initial;
    }
    .hero-main-container {
        padding-top:20px;
    }
    .team {
        display:none;
    }
    .salary-badge {
        font-size:10px;
        padding: 10px 4px;
        max-width: 170px;
        margin:auto;
    }
    .form-phone-input {
        width: 94%;
        margin:auto;
        margin-top:22px;
    }
    .form-phone-input input {
        padding: 6px 20px;
        font-size:14px;
    }
    .form-phone-input a {
        padding: 9px;
        font-size: 12px;
    }
    .form-phone-input input::placeholder {
        font-size:14px;
    }
    .hero-list-item .yellow-check{
        width:12px;
        height: 12px;
    }
    .hero-list-item {
        display: inline-flex;
        font-size:10px;
        align-items: center;
        margin:auto;
    }
    .short-list-item .custom-icons {
        margin-right: 4px;
    }
    .vacancy-card .default-content .yellow-btn{
        font-size:10px;
        margin-bottom: -32px;
        margin-left: -16px;
        margin-right:-16px;
        text-align: center;
    }
    .vacancy-card .default-content{
        font-size:10px;
    }
    .vacancy-card {
        margin:0px;
    }

    .vacancy-card .image-wrapper {
        height:90px;
    }
    .vacancy-card .vacancy-title {
        font-size:16px;
        line-height: normal;
        margin-bottom:0px;
    }
    .shorts-list .custom-icons{
        width:12px;
        height:12px;
    }
    .shorts-list {
        font-size:10px;
    }
    .vacancy-card .vacancy-salary {
        font-size:14px;
    }
}


@media (min-width: 768px) and (max-width: 1200px) { 
    .team {
        display:none;
    }
}

.mob.main-nav a {
    display: inline-block;
    padding:16px;
    border-bottom:1px solid #5994FF;
    width:100%;
}

.hero-video-block .arrow {
    font-size:22px;
    color:white;
    padding:4px;
}

.hero-video-block-wrapper p {
    margin:0px;
}
.hero-video-block-wrapper {
    display:flex;
    width:120%;
    margin-left: -138px;
    font-size:10px;
    line-height: normal;
    height: 74px;
}

.hero-video-block-wrapper.active .arrow i{
    transform:rotate(180deg);
}
.hero-video-block-wrapper.active {
    margin-left: -20px;
    width: calc(100% - 20px);
}

.hero-video-block.mobile {
    background: #5180D5;
    border-radius: 0px;
    
}

.hero-video-block.mobile .preview {
    border-radius: 0px;
    margin-left: 20px;
    margin-right:0px;
    height:100%;
}
.hero-video-block-wrapper .arrow {
    background: #5994FF;
    border-radius: 0px 5px 5px 0px;
    display:flex;
    color:white;
    align-items:center;
    padding:10px;
    font-size:20px;
}