@media only screen and (max-width: 1850px) {
    .menu {
        padding-bottom: 40px;
    }

    .menu-close {
        top: 40px;
    }

    .intro {
        padding-bottom: 40px;
    }

    .title-bg {
        padding-top: 100px;
        padding-bottom: 40px;
        margin-bottom: 120px;
    }

    .portfolio {
        /*padding-top: 120px;*/
    }

    .portfolio .section-title-big {
        margin-bottom: 80px;
    }

    .service-type {
        margin-bottom: 80px;
    }

    .packages {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .section-title-small {
        margin-bottom: 60px;
    }

    .owl-nav button:first-child {
        margin-right: 40px;
    }

    .about {
        padding-bottom: 80px;
    }

    .about.page {
        padding-top: 80px;
    }


    .about .row:first-child {
        margin-bottom: 80px;
    }

    .clients {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .reviews {
        padding-bottom: 80px;
    }

    .blog {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .blog .section-title-small, .page-single .section-title-small {
        margin-bottom: 40px;
    }

    .information-bg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .footer-lower {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .company-name {
        margin-top: 40px;
    }

    .brief-head {
        margin-bottom: 90px;
    }

    .related {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .grid-page .packages {
        padding-top: 120px;
    }
}

@media only screen and (max-width: 1600px) {
    .packages-carousel .owl-item {
        -ms-flex: 0 0 500px;
        flex: 0 0 500px;
    }

    .review-item {
        padding: 60px;
    }

    .blog-carousel .owl-item {
        -ms-flex: 0 0 500px;
        flex: 0 0 500px;
    }

    .blog-item {
        height: 600px;
    }

    .grid-page .blog-item {
        height: 500px;
        padding: 30px;
    }

    .item-image .bg-image {
        height: 500px;
    }
}

@media only screen and (max-width: 1440px) {
    .service-type:nth-child(odd) {
        padding-right: 40px;
    }

    .service-type:nth-child(even) {
        padding-left: 40px;
    }

    .header {
        height: 100px;
    }

    .header-active {
        height: 80px;
    }

    .bg-image {
        top: 100px;
    }

    .header-btn-start, .btn-start {
        min-width: 300px;
        max-width: 300px;
        height: 60px;
        font-size: 18px;
    }

    .lang-link, .header-menu, .header-menu span {
        font-size: 18px;
    }

    .menu {
        padding-top: 100px;
    }

    .menu-close img, .brief-close img {
        width: 50px;
        height: 50px;
    }

    .mail-link {
        font-size: 28px;
    }

    .intro {
        padding-top: 100px;
    }

    .project-name h4 {
        font-size: 32px;
        max-width: 400px;
    }

    .project-description h5 {
        font-size: 24px;
        max-width: 400px;
    }

    .project-item {
        padding-bottom: 160px;
    }

    .service-type h4 {
        font-size: 32px;
        margin-bottom: 60px;
    }

    .section-title-small {
        font-size: 32px;
    }

    .owl-nav button {
        font-size: 20px !important;
    }

    .packages-carousel .owl-item {
        -ms-flex: 0 0 450px;
        flex: 0 0 450px;
    }

    .package-name h5 {
        font-size: 26px;
    }

    .package-cost {
        font-size: 36px;
    }

    .package-name .package-cost .dollar {
        padding-top: 13px;
    }

    .package-info ul li {
        margin-bottom: 10px;
    }

    .btn-order {
        min-width: 220px;
        max-width: 220px;
    }

    .blog-carousel .owl-item {
        -ms-flex: 0 0 450px;
        flex: 0 0 450px;
    }

    .blog-item {
        height: 520px;
    }

    .blog-name {
        font-size: 20px;
        min-height: 72px;
        margin-bottom: 30px;
    }

    .grid-page .blog-item {
        height: 440px;
    }

    .grid-page .blog-item .blog-name {
        font-size: 18px;
        min-height: 64px;
    }

    .item-image .bg-image {
        height: 440px;
    }

    .brief {
        padding-top: 100px;
    }

    .brief-form .form-group {
        margin-bottom: 40px;
    }

    .brief-form label {
        font-size: 22px;
    }

    .item-text {
        padding-right: 40px;
    }

    .page-top {
        padding-top: 140px;
        padding-bottom: 40px;
    }

    .brief-inner {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

@media only screen and (max-width: 1199px) {
    body {
        font-size: 12px;
    }

    .categories {
        margin-bottom: 20px;
    }

    .pagination {
        margin-bottom: 40px;
    }

    .header-menu {
        padding: 0 40px;
    }



    .mail-link {
        font-size: 24px;
    }

    .contacts .item {
        max-width: 200px;
        margin-right: 40px;
    }

    .address-link {
        line-height: 24px;
    }

    .menu .menu-link {
        font-size: 26px;
    }

    /*.portfolio {*/
    /*    padding-top: 80px;*/
    /*    padding-bottom: 80px;*/
    /*}*/
    .project-name h4 {
        font-size: 28px;
    }

    .project-description h5 {
        font-size: 20px;
    }

    .service-type {
        margin-bottom: 60px;
    }

    .service-type:nth-child(odd) {
        padding-right: 40px;
    }

    .service-type:nth-child(even) {
        padding-left: 40px;
    }


    .service-type h4 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .section-title-small {
        font-size: 28px;
    }

    .owl-nav button {
        font-size: 18px !important;
    }

    .packages-carousel .owl-item {
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
    }

    .package-name h5 {
        font-size: 24px;
    }

    .package-cost {
        font-size: 34px;
    }

    .package-name .package-cost .dollar {
        padding-top: 12px;
    }

    .package-order p {
        max-width: 123px;
    }

    .apply a, .apply i {
        font-size: 16px;
    }

    .partners span {
        font-size: 16px;
    }

    .become-client a {
        font-size: 18px;
    }

    .review-item {
        padding: 40px;
    }

    .author-image {
        margin-right: 30px;
    }

    .review-content p {
        font-size: 14px;
    }

    .author-name {
        font-size: 18px;
    }

    .blog-carousel .owl-item {
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
    }

    .blog-item {
        height: 480px;
        padding: 40px;
    }

    .blog-name {
        font-size: 18px;
        min-height: 64px;
    }

    .grid-page .blog-item {
        height: 400px;
        padding: 20px;
    }

    .grid-page .blog-item .blog-name {
        font-size: 16px;
        min-height: 56px;
    }

    .brief-form input {
        height: 60px;
    }

    .brief-form label {
        font-size: 20px;
    }

    .item-details .detail {
        padding-right: 20px;
    }

    section.brief .brief-head {
        margin-bottom: 30px;
    }

    .brief-head p {
        line-height: 24px;
    }
}

@media only screen and (max-width: 991px) {
    .offices {
        margin-right: 0;
    }
    .info {
        margin-right: 0;
    }
    .error-title {
        font-size: 24px;
    }

    .error-text {
        margin-bottom: 20px;
    }

    .bg-image {
        position: relative;
        top: 0;
    }

    .header-start {
        display: none;
    }

    .mail-link {
        font-size: 18px;
    }

    .contacts .item {
        margin-right: 10px;
    }

    .menu .menu-link {
        font-size: 20px;
    }

    .btn-start {
        min-width: 220px;
        max-width: 220px;
        height: 60px;
        font-size: 16px;
        border-radius: 10px;
    }

    .project-name h4 {
        font-size: 24px;
    }

    .project-description h5 {
        font-size: 16px;
    }

    .title-bg {
        padding-top: 75px;
        padding-bottom: 30px;
        margin-bottom: 90px;
    }

    .service-type h4 {
        font-size: 24px;
    }

    .technologies .logos {
        padding: 15px 15px 0 15px;
    }

    .section-title-small {
        font-size: 24px;
    }

    .packages {
        padding-top: 90px;
        padding-bottom: 60px;
    }

    .package-name h5 {
        font-size: 22px;
    }

    .package-cost {
        font-size: 32px;
    }

    .package-name .package-cost .dollar {
        padding-top: 11px;
    }

    .btn-order {
        min-width: 180px;
        max-width: 180px;
        font-size: 16px;
    }

    .about {
        padding-bottom: 60px;
    }

    .about.page {
        padding-top: 60px;
    }

    .about .row {
        flex-direction: column;
    }

    .slogan {
        -ms-flex: none;
        flex: none;
        margin-bottom: 30px;
    }

    .apply {
        -ms-flex: none;
        flex: none;
    }

    .apply p {
        margin-bottom: 10px;
    }

    .apply i {
        margin-top: 10px;
    }

    .about .row:first-child {
        margin-bottom: 30px;
    }

    .info {
        margin-bottom: 30px;
    }

    .partners span {
        font-size: 14px;
    }

    .clients {
        padding-top: 90px;
        padding-bottom: 60px;
    }

    .review-item {
        display: block;
    }

    .review-author {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .author-image, .company-image {
        max-width: 100px !important;
    }

    .video {
        margin-top: 20px;
    }

    .btn-video {
        width: 180px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog {
        padding-top: 90px;
        padding-bottom: 60px;
    }

    .information-bg {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .footer-lower {
        padding-top: 60px;
        padding-bottom: 15px;
    }

    .company-name {
        margin-top: 30px;
    }

    .brief-head {
        margin-bottom: 60px;
    }

    .grid-page .blog-item {
        -ms-flex: 0 0 47.5%;
        flex: 0 0 47.5%;
        max-width: 47.5%;
    }

    .grid-page .blog-item:nth-child(3n) {
        margin-right: 5%;
    }

    .grid-page .blog-item:nth-child(2n) {
        margin-right: 0;
    }

    .item-text {
        order: 2;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }

    .item-image {
        order: 1;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .item-image .bg-image {
        height: 500px;
    }

    .related {
        padding-top: 90px;
        padding-bottom: 60px;
    }

    .grid-page .packages {
        padding-top: 90px;
    }

    .grid-page .service-item {
        -ms-flex: 0 0 47.5%;
        flex: 0 0 47.5%;
        max-width: 47.5%;
    }

    .grid-page .service-item:nth-child(3n) {
        margin-right: 5%;
    }

    .grid-page .service-item:nth-child(2n) {
        margin-right: 0;
    }

    .grid-page .package-item {
        -ms-flex: 0 0 47.5%;
        flex: 0 0 47.5%;
        max-width: 47.5%;
    }

    .grid-page .package-item:nth-child(3n) {
        margin-right: 5%;
    }

    .grid-page .package-item:nth-child(2n) {
        margin-right: 0;
    }

    .brief-inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    section.brief .brief-inner {
        display: block;
    }

    section.brief .brief-wrapper {
        margin-bottom: 80px;
        margin-right: 0;
    }

    .offices-wrapper {
        position: relative;
        top: 0;
    }

    .services-list {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .portfolio-pager {
        margin-bottom: 40px;
    }

    .header {
        height: 80px;
    }

    .pagination {
        margin-top: 20px;
    }

    .lang-link {
        padding: 5px;
    }

    .header-menu {
        background-color: transparent;
        border-left: 0;
    }

    .header .header-menu span {
        display: none;
    }

    .menu-toggle {
        display: inline-block;
    }


    .menu {
        padding-top: 80px;
    }

    .menu-close {
        display: none;
    }

    .menu-list {
        display: block;
    }

    .menu-item {
        padding: 5px 0;
        margin: 0;
    }

    .information {
        display: block;
    }

    .mail {
        margin-bottom: 40px;
    }

    .mail p {
        margin-bottom: 10px;
    }

    .contacts .item {
        margin-right: 40px;
    }

    .btn-start {
        margin-bottom: 40px;
    }

    .title-bg {
        margin-bottom: 60px;
    }

    .service-type {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-right: 0;
    }

    .service-type:nth-child(odd) {
        padding-right: 0;
    }

    .service-type:nth-child(even) {
        padding-left: 0;
    }

    .section-title-small {
        margin-bottom: 40px;
    }

    .owl-stage {
        padding-top: 40px;
    }

    .packages-carousel .owl-item {
        -ms-flex: none;
        flex: none;
    }

    section.packages .wrapper {
        margin-right: 40px;
    }

    .about {
        padding-bottom: 40px;
    }

    .about.page {
        padding-top: 40px;
    }


    .blog-carousel .owl-item {
        -ms-flex: none;
        flex: none;
    }

    .blog .wrapper, .related .wrapper {
        margin-right: 40px;
    }

    .blog .section-title-small, .page-single .section-title-small {
        margin-bottom: 20px;
    }

    .categories li {
        margin-right: 20px;
    }

    .blog-carousel .owl-stage {
        padding-bottom: 40px;
    }

    .grid-page .blog-item {
        height: 360px;
    }

    .footer .contacts {
        margin-bottom: 40px;
    }

    .footer .mail {
        text-align: left;
        margin-bottom: 0;
    }

    .brief-content {
        width: 100%;
    }

    .brief {
        padding-top: 80px;
    }

    .brief-inner {
        padding-top: 0;
    }

    section.brief .brief-inner {
        padding-top: 60px;
    }

    .brief-close {
        display: none;
    }

    .brief-close-mobile {
        display: block;
        text-align: right;
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .brief-close-mobile img {
        width: 40px;
        height: 40px;
    }

    .item-details {
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .item-image {
        margin-bottom: 20px;
    }

    .page-top {
        padding-top: 120px;
    }

    .grid-page {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .item-inner {
        padding-bottom: 40px;
    }

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

    section.brief .brief-wrapper {
        margin-bottom: 60px;
    }

    .office-bg {
        margin-bottom: 20px;
    }


    .about-project-view {
        margin: 30px auto;
        text-align: center;
    }

    .about-project-view .project-description-header, .project-description-header {
        margin-top: 20px;
    }


    .item-images .col-12 {
        margin-top: 45px;
    }

    .relative-block {
        display: flex;
        flex-direction: column;
    }

    .abs {
        margin: 5px 0;
    }

    .image-block-view {
        padding-bottom: 45px;
    }

}

@media only screen and (max-width: 575px) {
    .image-block-view__slider-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
    .header .wrapper {
        margin-right: 15px;
    }

    .project-link {
        margin-top: 20px;
    }

    .horizontal {
        margin-top: 40px;
    }
    .horizontal .col-12:nth-child(2) {
        margin-top: 40px;
    }

    /*.wrapper {*/
    /*    margin-left: 15px;*/
    /*    margin-right: 15px;*/
    /*}*/

    .header-logo,
    .header-lang,
    .header-menu {
        width: auto;
    }

    .header .row {
        justify-content: space-between;
    }

    .header-menu {
        padding: 0;
    }

    .lang-link {
        font-size: 16px;
    }

    .mail {
        margin-bottom: 20px;
    }

    .contacts {
        display: block;
    }

    .contacts .item {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .contacts .item:last-child {
        margin-bottom: 0
    }

    .intro-title, .section-title-big {
        font-size: 32px;
        max-width: 300px;
    }

    .project-item {
        min-height: 80vh;
        vertical-align: middle;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .project-sign, .project-content .row {
        display: block;
    }

    .project-text {
        display: none;
    }

    .project-name {
        margin-bottom: 20px;
    }

    .project-arrow {
        margin-bottom: 30px;
    }

    .project-arrow img {
        width: 100px;
    }

    section.packages .wrapper {
        margin-right: 15px;
    }


    .slogan h4 {
        font-size: 16px;
    }

    .partners-logos img {
        margin-right: 30px;
        margin-bottom: 30px;
    }

    .clients-inner {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(7, 1fr);
    }

    .become-client a {
        font-size: 14px;
        width: 190px !important;
    }

    .become-client i {
        margin-top: 5px;
    }

    .review-item {
        padding: 20px;
    }

    .author-image {
        max-width: 80px !important;
        margin-right: 15px;
    }

    .author-name {
        font-size: 14px;
    }

    .author-company {
        font-size: 12px;
    }

    .review-content p {
        font-size: 12px;
    }

    .blog .wrapper, .related .wrapper {
        margin-right: 15px;
    }

    .blog-item {
        height: 450px;
        padding: 20px;
    }

    .grid-page .blog-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: 450px;
        margin-right: 0;
    }

    .item-details .detail {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
        margin-bottom: 15px;
        padding-right: 0;
    }

    .footer .contacts {
        margin-bottom: 20px;
    }

    #scrollTopBtn {
        bottom: 30px;
    }

    #scrollTopBtn.active {
        right: 20px;
    }

    .item-image .bg-image {
        height: 400px;
    }

    .grid-page .service-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .grid-page .package-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 10px;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 10px;
    }

    .brief-close-mobile {
        padding-top: 15px;
    }

    .page-top {
        padding-top: 100px;
        padding-bottom: 20px;
    }

    .breadcrumbs {
        margin-bottom: 10px;
    }

    .services-list .service-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .about-project-view .project-description {
        font-size: 12px;
    }


}
@media only screen and (max-width: 430px) {
    .portfolio-services {
        align-items: flex-start;
    }
    .portfolio-services .done {
            width: auto;
    }
}

@media only screen and (max-width: 420px) {
    .slider-container__img {
        width: 250px;
    }
}