@media (max-width: 1199.98px) { 
    .header-top .header-contacts ul > li {
        font-size: 0.8em;
    }

    .header-top .header-contacts ul > li > span {
        font-size: 1.3em;
        margin-left: 8px;
    }

    .header-top .header-contacts ul > li:nth-of-type(1) {
        margin-right: 20px;
    }

    .header-top .header-user-menu ul li > a {
        font-size: 0.8em;
    }

    .navbar .nav-menu ul li > a {
        font-size: .8em;
    }
    
    .button-header .bth-chat, .button-header .bth-call {
        font-size: .75em;
        width: 122px;
        height: 35px;
        padding-top: 8px;
    }

    .sub-menu ul > li {
        padding: 17px 20px;
        font-size: 0.9em;
    }

    .banner-slaider .cc-pi {
        width: 40px;
        height: 50px;
        padding-top: 4px;
    }

    .banner-slaider .banner-block .banner-title h1 {
        font-size: 1.6em;
    }

    .banner-slaider .banner-block .banner-title .bth-banner {
        width: 180px;
        height: 40px;
        padding: .5em 0 0 3em;
        margin: 15% 0 0 13%;
    }

    .form-block .input-field button {
        padding: 10px 9px 10px;
        font-size: 14px;
    }

    .form-block .input-field input {
        font-size: 14px;
    }

    .caption-style h1 {
        font-size: 2.3em;
    }

    .box-home-content h2 {
        font-size: 25px;
        margin-bottom: 8px;
    }

    .box-home-content ul > li,  .box-home-content p{
        font-size: 12px;
    }

    .box-home-1 .box-home-content, .box-home-2 .box-home-content {
        height: 250px;
    }

    .box-home-3 {
        height: 530px;
    }

    .bth-uslugi a {
        font-size: 14px;
    }

    .uslugi-price {
        font-size: 12px;
    }

    .uslugi-price > span:nth-of-type(2) {
        font-size: 35px;
    }

    .advantages-title h1 {
        font-size: 2.3em;
        margin-bottom: 10px;
    }
    .advantages-box img {
        width: 50%;
    }

    .advantages-box > p {
        padding: 20px 0;
        font-size: 14px;
    }

    .advantages-box > div {
        text-align: center;
    }

    .advantages-content > div:nth-of-type(2):after {
        left: -75px;
    }

    .advantages-content > div:nth-of-type(2):before {
        left: 75px;
    }

    .advantages-content > div:nth-of-type(1):after {
        bottom: -2.5px;
    }

    .advantages-left .advantages-title {
        height: 367px;
    }

    .advantages-left .advantages-img {
        bottom: 15px;
        max-width: 46%;
    }

    .advantages-left::after {
        -webkit-transform: skewX(-50.6deg);
        -ms-transform: skewX(-50.6deg);
        transform: skewX(-50.6deg);
    }

    .box-uslugi-content h2 {
        font-size: 21px;
    }

    .bth-partnership {
        width: 40%;
    }

    .owl-carousel .owl-item img {
        width: 70%;
    }

    .partnership-block .partnership-content h2 {
        font-size: 24px;
    }

    .state-projects .bth-partnership {
        width: 50%;
    }
}

@media (max-width: 991.98px) { 
    .header-top {
        display: none;
    }

    .navbar {
        display: none;
    }

    .sub-menu {
        display: none;
    }

    .mobile-header {
        display: block;
    }

    #nav-menu-toggle {
        display: block;
    }

    .nav-toggle-btn {
        display: block;
    }

    .banner-slaider {
        display: none;
    }

    .form-block {
        width: calc(100% - 60px);
    }

    .form-block p {
        margin-bottom: 30px;
    }

    .form-block h1 {
        margin-bottom: 10px;
    }

    .form-block .input-field {
        margin-bottom: 20px;
    }

    .form-block .input-field button {
        font-size: 18px;
    }

    .box-home-1 .box-home-content, .box-home-2 .box-home-content {
        height: 300px;
    }

    .box-home-1::after, .box-home-2::after {
        -webkit-transform: skewX(-60deg);
        -ms-transform: skewX(-60deg);
        transform: skewX(-60deg);
    }

    .box-home-3 {
        height: 300px;
        margin-top: 30px;
        background-position-y: 70%;
    }

    .box-home-3 .box-home-content {
        text-align: left;
        padding: 23px 10px 0 10px;
    }

    .box-home-3::after {
        width: 75%;
        -webkit-transform: skewX(-60deg);
        -ms-transform: skewX(-60deg);
        transform: skewX(-60deg);
    }

    .box-home-3 .bth-uslugi {
        right: 30px;
        left: initial;
    }

    .box-home-3 .uslugi-price {
        justify-content: flex-start;
    }
    
    .internet-box .uslugi-price {
        top: 25%;
    }

    .tv-box .uslugi-price {
        top: 25%;
        right: 15px;
        left: auto;
        bottom: auto;
        justify-content: flex-end;
    }

    .video-box .uslugi-price {
        top: 25%;
        justify-content: flex-start;
        left: 15px;
        right: auto;
    }

    .vpn-box .uslugi-price {
        top: 25%;
    }

    .wifi-box .uslugi-price {
        bottom: auto;
        right: auto;
        left: 15px;
        top: 25%;
        justify-content: flex-start;
    }

    .uslugi-price {
        font-size: 14px;
    }

    .uslugi-price > span:nth-of-type(2) {
        font-size: 50px;
    }

    .np-img {
        float: left;
        width: 45%;
    }

    .np-block .np-img img {
        max-height: fit-content;
    }

    .np-block h3 {
         margin: 0;
    }

    .np-content {
        width: 50%;
        float: right;
    }

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

    .company-advantages-block {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .company-advantages-block > div {
        width: 100%;
    }

    .advantages-left::after {
        -webkit-transform: skewX(-62deg);
        -ms-transform: skewX(-62deg);
        transform: skewX(-62deg);
    }

    .advantages-left .advantages-img {
        max-width: 40%;
        bottom: 30px;
    }

    .advantages-content > div:nth-of-type(2):before {
        left: 115px;
    }

    .advantages-content > div:nth-of-type(2):after {
        left: -115px;
    }

    .advantages-content > div:nth-of-type(1):after {
        bottom: -1.7px;
    }

    .feedback-section .carousel-control-next, .feedback-section .carousel-control-prev {
        opacity: 0;
    }

    .client-feedback p {
        width: 80%;
    }

    .box-uslugi .box-uslugi-content {
        height: 250px;
    }

    .video-box .box-uslugi-content {
        height: 250px;
    }

    .box-uslugi-content h2 {
        font-size: 30px;
    }

    .box-uslugi::after {
        -webkit-transform: skewX(-70deg);
        -ms-transform: skewX(-70deg);
        transform: skewX(-70deg);
    }

    .tv-box, .video-box {
        margin-bottom: 30px;
    }

    .tv-box::after {
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        -webkit-transform: skewX(70deg);
        -ms-transform: skewX(70deg);
        transform: skewX(70deg);
    }

    .tv-box .box-uslugi-content h2 {
        bottom: 0;
        right: 15px;
        top: 20px;
    }

    .video-box::after {
        height: 100%;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: skewX(-70deg);
        -ms-transform: skewX(-70deg);
        transform: skewX(-70deg);
    }

    .video-box .box-uslugi-content h2 {
        text-align: left;
        left: 15px;
    }

    .vpn-box::after {
        -webkit-transform: skewX(70deg);
        -ms-transform: skewX(70deg);
        transform: skewX(70deg);
    }

    .wifi-box::after {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: skewX(-70deg);
        -ms-transform: skewX(-70deg);
        transform: skewX(-70deg);
    }

    .wifi-box .box-uslugi-content h2 {
        bottom: 0;
        right: 0;
        top: 20px;
        left: 15px;
    }

    .bth-uslugi {
        padding: 10px 50px;
    }

    .box-uslugi:hover .bth-uslugi {
        left: 35%;
    }

    .bth-uslugi a {
        font-size: 18px;
    }

    .video-box:hover .bth-uslugi {
        bottom: 30px;
    }

    .bth-partnership {
        padding: 10px 50px;
        width: auto;
    }

    .bth-partnership a {
        font-size: 18px;
    }

    .partnership-block .partnership-content h2 {
        font-size: 30px;
    }

    .state-projects .bth-partnership {
        width: auto;
    }

    .content-project h4 {
        font-size: 25px;
    }

    .content-project > div > img {
        width: 70px;
    }

    .content-project p {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) { 

    .caption-style {
        padding: 10px 0;
    }

    .caption-style h1 {
        font-size: 2em;
    }

    .box-home-1 .box-home-content, .box-home-2 .box-home-content {
        height: 250px;
    }

    .box-home-content p, .box-home-content ul {
        width: 45%;
        margin-bottom: 2px;
        font-size: 10px;
    }

    .box-home-content ul > li {
        font-size: 10px;
    }

    .box-home-3 {
        height: 250px;
        margin-top: 20px;
    }
    .box-home-1::after, .box-home-2::after {
        -webkit-transform: skewX(-58.6deg);
        -ms-transform: skewX(-58.6deg);
        transform: skewX(-58.6deg);
    }

    .box-home-3::after {
        -webkit-transform: skewX(-58.7deg);
        -ms-transform: skewX(-58.7deg);
        transform: skewX(-58.7deg);
    }

    .box-home-1 .bth-uslugi, .box-home-2 .bth-uslugi {
        bottom: 10px;
        right: 10px;
    }

    .box-home-3 .bth-uslugi {
        right: 10px;
        bottom: 10px;
    }

    .bth-uslugi {
        padding: 10px 40px;
    }

    .uslugi-price {
        font-size: 10px;
    }

    .uslugi-price > span:nth-of-type(2) {
        font-size: 28px;
    }

    .advantages-left::after {
        -webkit-transform: skewX(-56deg);
        -ms-transform: skewX(-56deg);
        transform: skewX(-56deg);
    }

    .advantages-left .advantages-img {
        max-width: 45%;
    }

    .company-advantages {
        padding: 30px 0;
    }

    .advantages-content > div:nth-of-type(2):after {
        left: -91px;
    }

    .advantages-content > div:nth-of-type(2):before {
        left: 91px;
    }

    .feedback-section {
        padding: 30px 0 50px;
    }

    .footer-menu h5 {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .footer-menu ul li {
        margin-bottom: 5px;
    }

    .footer-menu:nth-of-type(1) ul > li:nth-of-type(3) {
        font-size: 22px;
        margin-top: 20px;
    }

    .box-uslugi::after {
        -webkit-transform: skewX(-65.5deg);
        -ms-transform: skewX(-65.5deg);
        transform: skewX(-65.5deg);
    }

    .tv-box::after {
        -webkit-transform: skewX(65.5deg);
        -ms-transform: skewX(65.5deg);
        transform: skewX(65.5deg);
    }

    .video-box::after {
        -webkit-transform: skewX(-65.5deg);
        -ms-transform: skewX(-65.5deg);
        transform: skewX(-65.5deg);
    }

    .vpn-box::after {
        -webkit-transform: skewX(65.5deg);
        -ms-transform: skewX(65.5deg);
        transform: skewX(65.5deg);
    }

    .wifi-box::after {
        -webkit-transform: skewX(-65.5deg);
        -ms-transform: skewX(-65.5deg);
        transform: skewX(-65.5deg);
    }

    .box-uslugi:hover .bth-uslugi {
        left: 33%;
    }
}

@media (max-width: 575.98px) {
    .nav-toggle-btn-close {
        padding: 24px 0;
    }

    .nav-menu-mobile ul > li > a {
        padding: 25px 2px;
        text-align: center;
    }

    .sity-mobile-menu-bth {
        padding: 24px 0;
    }

    .form-block {
        width: calc(100% - 20px);
        padding: 20px;
    }

    .form-block h1 {
        font-size: 1.2em;
    }

    .form-block p {
        font-size: 14px;
    }

    .box-home-1::after, .box-home-2::after {
        -webkit-transform: skewX(-65deg);
        -ms-transform: skewX(-65deg);
        transform: skewX(-65deg);
        width: 100%;
    }

    .box-home-3::after {
        -webkit-transform: skewX(-65deg);
        -ms-transform: skewX(-65deg);
        transform: skewX(-65deg);
        width: 100%;
    }

    .box-home-content p, .box-home-content ul {
        width: 45%;
    }

    .np-img {
        float: none;
        width: 100%;
    }

    .np-content {
        width: 100%;
        float: none;
    }

    .np-block h3 {
        margin: 10px 0 0 0;
    }

    .advantages-left::after {
        -webkit-transform: skewX(-54deg);
        -ms-transform: skewX(-54deg);
        transform: skewX(-54deg);
    }

    .advantages-content > div:nth-of-type(2):after {
        left: -91px;
    }

    .advantages-content > div:nth-of-type(2):before {
        left: 91px;
    }

    .box-uslugi::after {
        -webkit-transform: skewX(-65deg);
        -ms-transform: skewX(-65deg);
        transform: skewX(-65deg);
    }

    .tv-box::after {
        -webkit-transform: skewX(65deg);
        -ms-transform: skewX(65deg);
        transform: skewX(65deg);
    }

    .video-box::after {
        -webkit-transform: skewX(-65deg);
        -ms-transform: skewX(-65deg);
        transform: skewX(-65deg);
    }

    .vpn-box::after {
        -webkit-transform: skewX(65deg);
        -ms-transform: skewX(65deg);
        transform: skewX(65deg);
    }

    .wifi-box::after {
        -webkit-transform: skewX(-65deg);
        -ms-transform: skewX(-65deg);
        transform: skewX(-65deg);
    }
}

@media (max-width: 414.98px) { 
    .nav-menu-mobile ul > li > a {
        font-size: 12px;
    }

    .nav-menu-mobile ul > li > a {
        padding: 30px 2px;
    }

    .sity-mobile-title {
        padding: 28px 0;
    }

    .mobile-header .mobile-logo {
        width: 18%;
    }

    .mobile-header-contacts {
        width: 60%;
    }

    .mobile-header-contacts span {
        font-size: 14px;
    }

    .mobile-header-contacts i {
        font-size: 14px;
    }

    .box-home-1::after, .box-home-2::after {
        -webkit-transform: skewX(-57deg);
        -ms-transform: skewX(-57deg);
        transform: skewX(-57deg);
    }

    .box-home-3::after {
        -webkit-transform: skewX(-57deg);
        -ms-transform: skewX(-57deg);
        transform: skewX(-57deg);
    }

    .box-home-3 {
        margin-top: 30px;
    }

    .advantages-left::after {
        -webkit-transform: skewX(-46.5deg);
        -ms-transform: skewX(-46.5deg);
        transform: skewX(-46.5deg);
    }

    .advantages-title h1 {
        font-size: 2em;
    }

    .advantages-left .advantages-title p {
        font-size: 11px;
    }

    .advantages-left .advantages-img {
        max-width: 55%;
    }

    .advantages-content > div > .advantages-box {
        padding: 10px 10px;
    }

    .advantages-content > div:nth-of-type(2):after {
        left: -64px;
    }

    .advantages-content > div:nth-of-type(2):before {
        left: 64px;
    }

    .advantages-box > p {
        font-size: 10px;
    }

    .client-feedback p {
        width: 90%;
    }

    .client-feedback p {
        font-size: 14px;
    }

    .advantages-content > div:nth-of-type(1):after {
        bottom: -1.5px;
    }

    .box-uslugi::after {
        -webkit-transform: skewX(-57deg);
        -ms-transform: skewX(-57deg);
        transform: skewX(-57deg);
    }

    .tv-box::after {
        -webkit-transform: skewX(57deg);
        -ms-transform: skewX(57deg);
        transform: skewX(57deg);
    }

    .video-box::after {
        -webkit-transform: skewX(-57deg);
        -ms-transform: skewX(-57deg);
        transform: skewX(-57deg);
    }

    .vpn-box::after {
        -webkit-transform: skewX(57deg);
        -ms-transform: skewX(57deg);
        transform: skewX(57deg);
    }

    .wifi-box::after {
        -webkit-transform: skewX(-57deg);
        -ms-transform: skewX(-57deg);
        transform: skewX(-57deg);
    }

    .box-uslugi-content h2 {
        font-size: 25px;
    }

    .box-uslugi:hover .bth-uslugi {
        left: 25%;
    }

    .partnership-block .partnership-content h2 {
        font-size: 25px;
    }

    .bth-partnership {
        padding: 10px 40px;
    }

    .content-project h4 {
        font-size: 20px;
    }

    .content-project > div > img {
        width: 60px;
    }

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

@media (max-width: 380px) {

    .nav-toggle-btn-close {
        padding: 20px 0;
    }

    .nav-menu-mobile ul > li > a {
        padding: 25px 2px;
    }

    .nav-menu-mobile ul > li > a {
        font-size: 10px;
    }

    .sity-mobile-menu-bth {
        padding: 21px 0;
    }

    .sity-mobile-title {
        padding: 26px 0;
    }
    
    .box-home-1::after, .box-home-2::after {
        -webkit-transform: skewX(-54deg);
        -ms-transform: skewX(-54deg);
        transform: skewX(-54deg);
        width: 100%;
    }

    .box-home-3::after {
        -webkit-transform: skewX(-54deg);
        -ms-transform: skewX(-54deg);
        transform: skewX(-54deg);
        width: 100%;
    }

    .box-uslugi::after {
        -webkit-transform: skewX(-54deg);
        -ms-transform: skewX(-54deg);
        transform: skewX(-54deg);
    }

    .tv-box::after {
        -webkit-transform: skewX(54deg);
        -ms-transform: skewX(54deg);
        transform: skewX(54deg);
    }

    .video-box::after {
        -webkit-transform: skewX(-54deg);
        -ms-transform: skewX(-54deg);
        transform: skewX(-54deg);
    }

    .vpn-box::after {
        -webkit-transform: skewX(54deg);
        -ms-transform: skewX(54deg);
        transform: skewX(54deg);
    }

    .wifi-box::after {
        -webkit-transform: skewX(-54deg);
        -ms-transform: skewX(-54deg);
        transform: skewX(-54deg);
    }

    .advantages-content > div:nth-of-type(2):after {
        left: -58px;
    }

    .advantages-content > div:nth-of-type(2):before {
        left: 58px;
    }
}