@media (min-width: 1500px) and (max-width: 1800px) {

}

@media (min-width: 1200px) and (max-width: 1499px) {
    .drawer-list li {
        padding: 10px 0;
    }
    .main_text .text1 {
        font-size: 6Vw;
        line-height: 6Vw;
    }
    .main_text .text2 {
        -webkit-text-stroke: 2px var(--global-color1);
        font-size: 8Vw;
        line-height: 8Vw;
    }
    .main_text .text3 {
        font-size: 1.5Vw;
        line-height: 1.5Vw;
    }
    .carouselslider .item img {
        margin-bottom: 15px;
    }
}

@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
    .drawer-list li {
        padding: 15px 0;
    }
    .owl-carousel .owl-next {
        right: 0;
    }
    .owl-carousel .owl-prev {
        left: 0;
    }
    footer .socials {
        max-width: 330px;
    }
    .touch_head {
        font-size: 75px;
        line-height: 85px;
    }
    .contact_phone a {
        font-size: 55px;
        line-height: 65px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    footer .socials {
        max-width: 200px;
    }
    .touch_head {
        font-size: 75px;
        line-height: 85px;
    }
    .text_about p {
        font-size: 30px;
        line-height: 50px;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 768px) {
    .mob_phone {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .head_block {
        max-width: 250px;
    }
    .block_lines .line {
        display: none;
    }
    .block_lines .line:nth-child(3) {
        display: block;
    }
    .main_container {
        margin-left: 100px;
    }
    .main_text .text2 {
        -webkit-text-stroke: 2px var(--global-color1);
    }
    .cards_block {
        max-width: 960px;
        margin: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .carouselslider .item img {
        margin-bottom: 15px;
    }
    .contacts_wrapper .block_left .text {
        font-size: 70px;
        line-height: 80px;
    }
    .slider_control {
        border-right: 1px solid var(--border-color);
    }
}

@media (max-width: 991px) {
    .contents {
        min-height: calc(100Vh - 140px);
    }
    body p {
        font-size: 18px;
        line-height: 26px;
    }
    main.page {
        padding-top: 70px;
      }
    .scroll-to,
    .block-lines-wrapper {
        display: none;
    }
    .head_phone {
        padding: 0;
        border: 0;
    }
    .main_container {
        margin-left: 0;
        margin-right: 0;
        padding-top: 70px;
    }
    .navbar {
        height: 70px;
        border-bottom: 1px solid var(--border-color);
    }
    .nav_brand {
        max-width: 250px;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .head_block {
        max-width: 220px;
        height: 70px;
        border-bottom: 0;
    }
    .navbar-brand {
        margin-left: 0;
    }
    label.hamburger svg {
        width: 50px;
    }
    .navmenu_wrapper {
        max-width: 70px;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .main_text .text1 {
        font-style: normal;
        font-weight: 500;
        font-size: 45px;
        line-height: 70px;
    }
    .main_text .text2 {
        font-style: normal;
        font-weight: 900;
        font-size: 95px;
        line-height: 95px;
        word-break: break-all;
    }
    .main_text .text3 {
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        line-height: 29px;
    }
    .drawer-list li {
        padding: 30px 0;
    }
    .drawer-list li a {
        font-size: 55px;
        line-height: 55px;
    }
    .owl-carousel .owl-next {
        right: 0;
    }
    .owl-carousel .owl-prev {
        left: 0;
    }
    .bg_img {
        height: calc(100Vh - 141px);
    }
    footer {
        height: 70px;
    }
    footer .brand {
        max-width: 70px;
    }
    footer .brand svg {
        width: 30px;
    }
    footer .brand a {
        font-size: 10px;
        line-height: 12px;
    }
    footer .socials {
        margin-left: 0;
        max-width: 120px;
    }
    footer .socials ul li:not(:last-child) {
        margin-right: 10px;
    }
    .block_about_text_right {
        margin-top: 0;
    }
    .block_about_text_left {
        margin-top: 0;
    }
    .block_about_text_left .wrap {
        font-size: 18px;
        line-height: 26px;
    }
    .block_about_text_right .wrap {
        padding: 0;
        margin-top: 20px;
        font-size: 24px;
        line-height: 30px;
    }
    .btn-primary {
        font-size: 18px;
        line-height: 26px;
    }
    .cards_block {
        max-width: 720px;
    }
    .stack-cards__item {
        top: 100px;
    }
    .project .descr {
        font-size: 40px;
        line-height: 40px;
    }
    .touch_block_wrapper .btn_wrapper {
        margin-top: 20px;
    }
    .last {
        margin-bottom: 20px;
    }
    .text_about,
    .about_blocks {
        margin-top: 30px;
    }
    .about_blocks .row {
        margin-bottom: 30px;
    }
    .contactform {
        max-width: 100%;
        margin-top: 0;
      }
    .contacts_wrapper .block_left .text1 {
        padding: 0 0 30px;
    }
    .mail_block  {
        margin-top: 30px;
    }
    .icons_wrapper {
        text-align: center;
        margin-top: 20px;
    }
    .icons_wrapper .soc {
        justify-content: center;
        display: flex;
        margin-top: 30px;
    }
    .map .info {
        max-width: 350px;
        font-size: 20px;
        line-height: 35px;
    }
    .projects_wrapper .project {
        margin: 25px 0;
    }
    .project_description {
        margin: 40px 0;
    }
    .project_description .descr_head br {
        display: none;
    }
    .btn-back {
        font-size: 16px;
    }
    #Description {
        font-size: 30px;
        line-height: 45px;
    }
    .block_image_wrapper,
    .block_text_wrapper {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    body p {
        font-size: 18px;
        line-height: 26px;
    }
    .pb40 {
        padding-bottom: 10px;
    }
    .nav_brand {
        max-width: 200px;
    }
    .head_block {
        display: none;
    }
    .bg_img {
        background: url(/images/main_mob.jpg)no-repeat center;
        background-size: cover;
      }
    .head_phone {
        display: none;
    }
    .drawer-list li {
        padding: 20px 0;
    }
    .drawer-list li {
        white-space: normal;
    }
    .drawer-list li a {
        font-size: 35px;
        line-height: 35px;
    }
    #slider .owl-nav [class*=owl-] {
        height: 45px;
        width: 45px;
    }
    #slider .prev-slide {
        height: 15px;
        width: 20px;
    }
    #slider .next-slide {
        height: 15px;
        width: 10px;
    }
    #slider .owl-prev {
        top: calc(95% - 90px);
        left: 15px;
    }
    #slider .owl-next {
        top: calc(95% - 90px);
        right: auto;
        left: 75px;
    }
    .caption {
        top: calc(50% - 400px/2);
    }
    .caption p.text_top {
        font-size: 18px;
        line-height: 25px;
    }
    .caption p {
        font-size: 16px;
        line-height: 30px;
    }
    .owl-carousel .owl-next {
        top: calc(50% - 40px / 2);
        right: 0;
    }
    .owl-carousel .owl-prev {
        top: calc(50% - 40px / 2);
        left: 0;
    }
    .drawer-list .mob_phone a {
        font-family: 'Lato', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        -webkit-text-stroke: 0px;
        -webkit-text-fill-color: var(--global-color);
    }
    .head_text {
        font-size: 42px;
        line-height: 50px;
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .stack-cards__item .description h3 {
        font-size: 30px;
        line-height: 30px;
    }
    .stack-cards__item .description a {
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
    }
    .client_logo .block {
        min-height: 85px;
    }
    .client_logo .block img {
        max-width: 40px;
    }
    .img_wrapper,
    .latest_block,
    .cards_block,
    .carouselslider {
        padding-right: 0;
        padding-left: 0;
    }
    .project .descr {
        font-size: 30px;
        line-height: 40px;
    }
    .project p {
        font-size: 16px;
        line-height: 24px;
    }
    .touch_head {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .touch_block p {
        font-size: 16px;
        line-height: 40px;
    }
    .touch_block a {
        font-size: 18px;
        line-height: 26px;
    }
    .touch_block_wrapper .btn_wrapper {
        text-align: center;
        border-top: 1px solid var(--border-color);
    }
    .touch_block_wrapper .btn_wrapper .btn {
        margin-top: 30px;
        font-size: 30px;
        line-height: 40px;
    }
    .last {
        margin-bottom: 20px;
    }
    .text_about p,
    .about_blocks .block_text p {
        font-size: 18px;
        line-height: 26px;
    }
    .text_about, .about_blocks {
        margin-top: 10px;
    }
    .about_blocks .block_image {
        margin-bottom: 20px;
    }
    .carouselslider .item .name {
        font-size: 18px;
        line-height: 26px;
    }
    .carouselslider .item .who {
        font-size: 14px;
        line-height: 20px;
    }
    .contacts_wrapper .block_left .text {
        font-size: 24px;
        line-height: 30px;
    }
    .btn-submit {
        font-size: 24px;
        line-height: 30px;
        padding: 14px 0;
    }
    .contact_phone a {
        font-weight: 300;
        font-size: 40px;
        line-height: 40px;
    }
    .icons_wrapper .soc ul li:not(:last-child) {
        margin-right: 30px;
      }
    .icons_wrapper .soc a img {
        width: 25px;
    }
    .map_wrapper {
        padding-right: 0;
        padding-left: 0;
        margin-top: 20px;
    }
    .map .info {
        position: relative;
        top: 0;
        right: 0;
        max-width: 100%;
        background: var(--main-background-color);
        padding: 15px;
        font-weight: 300;
        font-size: 20px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .projects_wrapper .project {
        margin: 15px 0;
    }
    .project_description .descr_head {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    #slider .descr {
        max-width: 320px;
        text-align: center;
        left: calc(50% - 320px/2);
    }
    .slider_control {
        padding-top: 5px;
        padding-bottom: 10px;
        margin-bottom: 45px;
    }
    .slider_control div {
        text-align: center;
        justify-content: center !important;
        margin: 0 !important;
    }
    .slider_control button {
        padding: 20px;
    }
    #Description {
        font-size: 20px;
        line-height: 35px;
    }
    #Counter {
        font-size: 45px;
        line-height: 65px;
    }
    #Counter span {
        font-size: 20px;
        line-height: 46px;
    }
    .block_image_wrapper,
    .block_text_wrapper {
        margin-bottom: 30px;
    }
    .block_image_wrapper .image:nth-child(2) {
        margin-top: 20px;
    }
    .block_image_wrapper .image:nth-child(3) {
        margin-top: 20px;
    }
    .next_project .next {
        font-size: 16px;
        line-height: 24px;
        padding-top: 10%;
      }
}

@media (min-width: 568px) and (max-width: 767px) {

}

@media (orientation: landscape) and (max-width: 900px) {
    .drawer-list li {
        margin-bottom: 10px;
        padding: 0;
    }
    .drawer-list li a {
        font-size: 35px;
        line-height: 35px;
    }
}