/* NAVBAR */
@media (max-width: 991.98px) {
    /* BASE */
    #navbarSupportedContent {
        position: absolute;
        top: 85px;
        right: 0;
        background-color: black;
        z-index: 15;
        width: 100%;
    }

    .nav-link {
        width: fit-content;
        margin: 0 auto !important; 
        padding-right: 1em !important;
        padding-left: 1em !important;
    }

    .navbar-nav {
        padding: 1em;
        padding-bottom: 1em;
    }

    .language-menu {
        padding: 1em;
        padding-top: .5em;
        width: 100%;
        text-align: center;
    }

    /* END OF BASE */

    .darkgrey-block {
        margin-left: 15px;
        margin-right: 15px;
    }

    .contact-page .contact-row form {
        margin-bottom: 1em;
    }

    .inner-gallery,
    .image-row {
        margin-top: 1.5em;
    }

    .image-row > div {
        margin-bottom: 2em;
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .prices-price {flex-basis: 70%; text-align: right;}
    .prices-title {flex-basis: 30%;}

    .prices-separator {flex-basis: 18%; display: none;}

    .contactspage-row{
        justify-content: center !important;
    }
}


@media (max-width: 575.98px) {
    /* BASE */
    .static-content ul {
        columns: 1;
    }
    /* END OF BASE */

    .carousel-caption {
        left: 15px;
        right: 15px;
        top: 3%;
        width: unset;
    }

    #carouselTop {
        clip-path: none;
    }

    #carouselTop img {
        height: 470px;
    }

    .carousel-caption h1 {
        font-size: 35px;
    }

    .carousel-caption p {
        font-size: 15px;
    }

    .carousel-caption a {
        margin-top: 0;
    }

    .general-padding {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .small-title,
    .content h2 {
        margin-bottom: 1em;
    }

    .buildings a {
        width: 165px;
        bottom: 25px;
        padding-top: .4em;
        padding-bottom: .4em;
    }

    .bottom-section img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        margin-top: 1em;
    }

    .heading {
        min-height: 160px;
    }

    .heading h1 {
        font-size: 35px;
    }

    .contact-row h2 {
        font-size: 32px;
    }

    .gallery-item img {
        height: 250px;
    }

    .gallery-img-list .gallery-img-block {
        width: 100%;
        height: auto;
    }
    .gallery-img-list .gallery-img-block:nth-child(even)::before,.gallery-img-list .gallery-img-block:nth-child(odd)::before {
        font-size: 18px;
    }

    .gallery-img-list .gallery-img-block:nth-child(2n) {
        margin-right: 0;
    }

    .gallery-title .small-title {
        margin: 0px 1em;
        font-size: 25px;
    }

    .text-part h3,
    .text-part .desc {
        height: unset;
    }

    .top-img {
        height: 170px;
    }

    .inner-gallery .gallery-img-block img,
    .image-row img {
        height: 250px;
    }

    .contact-text {
        text-align: center;
        font-size: 22px;
        margin-bottom: 1em;
    }

    .form-img-block img {
        width: 90%;
        margin-bottom: 2.5em;
    }

    .contact-footer {
        margin-top: 1.5em;
    }

    .footer-logo{
        margin-bottom: 1.5em;
    }

    .allrights {
        margin-top: 1em;
    }
    .carousel-caption h1 {
        font-size: 36px;
        line-height: normal;
    }
    .button-block{
        flex-wrap: wrap;
    }
    .standard-btn {
        width: 166px;
        height: 34px;
        font-size: 17px;
    }
    .custom-para{
        display: none;
    }
    .triangle-left,.triangle-right {
        flex: 0 0 100%;
        position: relative;
    }
    .triangle {
        width: 100%;
        height: 580px;
        clip-path: none;
        position: relative;
        flex: 0 0 100%;
        margin-bottom: 1em;
    }
    .triangle-leftbox {
        position: unset !important;
        width: 100% !important;
        clip-path: none !important;
        margin-bottom: 1em;
        height: auto !important;
        padding: 1em 0;
    }
    .triangle-fluid {
        margin-top: 2em;
        height: unset;
        padding: 0;
        margin-bottom: 1em;
    }
    .custom-triangles {
        display: flex;
        position: relative;
        flex-direction: column;
    }
    .triangle-rightbox {
        position: unset !important;
        width: 100% !important;
        clip-path: none !important;
        height: auto !important;
        margin-bottom: 1em;
        padding: 1em 0;
    }
    .triangle-under {
        position: unset;
        transform: translateX(0);
        width: 100%;
        height: auto;
        clip-path: none;
        margin-bottom: 1em;
        padding: 1em 0;
    }
    .triangle-text {
        font-size: 26px;
        padding: 0.2em 0;
        width: unset;
    }
    .triangle-leftbox .triangle-desc {
        padding-right: 0 !important;
        padding-left: 0;
        text-align: center;
        font-size: 18px;
    }
    .triangle-rightbox .triangle-desc{
        font-size: 18px;
    }
    .triangle-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        font-size: 24px;
        line-height: normal;
        
    }
    .triangle-right .triangle-text {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    .triangle-rightbox .triangle-desc {
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center;
    }

    .contactblock-subtitle {
        margin-bottom: 2em;
    }
    .regular-title {
        font-size: 36px;
    }
    .contacts-imgblock {
        width: 60px;
        height: 60px;
    }
    .contacts-box {
        width: 100%;
        height: auto;
        margin-bottom: 1em;
        padding: 1em 0;
    }
    .regular-title{
        font-size: 26px;
    }
    .regular-text {
        font-size: 18px;
    }
    .contacts-name, .contacts-text, .contacts-text a {
        font-size: 18px;
    }
    .contactblock-fluid {
        padding-bottom: 1em;
    }

    .whyus-text {
        font-size: 16px;
    }
    .whyimg-box .whyimg-block:nth-child(2), .whyimg-block {
        width: 50%;
        clip-path: none;
        height: auto;
    }
    .whyus-order{
        order: 2;
    }
    .contactblock-fluid {
        padding-bottom: 1em;
    }
    .whyus-fluid {
        padding-top: 2em;
        padding-bottom: 0;
    }
    .whyus-col .whyus-block {
        clip-path: none;
        margin: 1em 0 !important;
    }
    .whyus-text{
        text-align: left;

    }
    .whyus-title {
        text-align: left;
        line-height: normal;
        padding: 0;
    }
    .reference-title {
        padding-top: 7em;
    }
    .twentytwenty-wrapper {
        margin: 0 auto;
        width: 100%;
    }
    .twentytwenty-container{
        height: 350px;
    }

    .services-fluid {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    .services-fluid .button-block{
        margin-bottom: 2em;
    }
    .first-img, .second-img {
        width: 100%;
        height: auto;
    }
    .moreservices-fluid ul{
        padding: 0;
    }
    .moreservices-col2 {
        padding-top: 2em;
    }
    .moreservices-fluid {
        padding-bottom: 3em;
    }
    .cright-col {
        margin-left: 0em;
        margin-top: 1em;
        padding: 1em 1em;
    }
    .contact-col {
        margin-top: 1em;
        margin-bottom: 0;
       }
       footer {
           padding-top: 2em;
           padding-bottom: 2em;
       }
    .footer-menus-col{
        margin-top: 1em;
    }
    .menu-title{
        margin-bottom: .5em;
    }

    .para-text {
        padding: 0 4em;
    }
    .uniq-para {
        width: 100%;
        clip-path: none;
        height: 300px;
    }
    .aboutus-fluid {
        min-height: 300px;
    }
    .miertmi-box{
        margin-bottom: 1em;
    }
    .miertmi-imgbox {
        width: 70px;
        height: 70px;
    }
    .miertmi-text {
        padding: 0 0em;
    }
    .services-box{
        margin-bottom: 2em;
    }
    .services-rightimg {
        height: 347px;
    }
    .services-box {
        flex-direction: column;
        gap: 1em 0.5em;
    }
    .service-block {
        height: auto;
        width: 100%;
    }
    .service-title {
        font-size: 24px;
    }
    .services-box .service-block:last-child {
        width: 100%;
        height: auto;
    }
    .servicespage-fluid {
        padding: 3em 0;
    }
    .servicev-imgblock {
        width: 100%;
        height: 300px;
    }
    .general-padding {
        padding-top: 3em;
        padding-bottom: 0em;
    }
    .moreservices-img {
        margin-top: 0em;
    }
    .services-title {
        margin-bottom: 0;
    }
    .serviceview-content {
        font-size: 18px;
    }
    .szolgview-list ul li {
        font-size: 18px;
    }
    .szolgview-list .moreservices-fluid {
        padding-bottom: 2em;
    }
    .contact-imgblock {
        width: 100%;
        height: 425px;
        margin-bottom: 2em;
    }
    .contact-row {
        padding-top: 2em;
        padding-bottom: 1em;
    }
    .send-btn {
        height: 26px;
    }
    .contact-ctitle {
        padding-bottom: 1em;
    }
    .static-content p{
        font-size: 18px;
    }
    .base_container{
        padding-bottom: 1em;
        padding-top: 2em;
    }
    .cright-imgblock::after,.cright-imgblock::before {
        width: 10px;
    }
    .uniqimg{
        display: none;
    }
    .szolgview-list {
        padding-top: 0em;
    }
    .servicev-imgbox .servicev-imgblock {
        width: 100%;
        height: 200px;
    }
    .servicev-imgbox {
        gap: 1em;
        flex-wrap: wrap;
    }
    .custom-hpadding{
        padding-right: 0;
    }
    .header_contact{
        text-align: left;
    }
    .triangle-content-link {
        top: 85%;
    }
    .triangle-img {
        height: 170px;
    }
    .triangle-desc-link {
        position: unset;
        padding: 0 !important;

    }
    .triangle-leftbox,.triangle-rightbox{
        text-align: center !important;
        height: auto !important;
    }
    .triangle-under-link{
        display: block;
        position: unset;
        transform: none;
        padding: .5em 0;
    }
    .triangle-desc-link {
        position: unset;
        padding: .5em 0 !important;
        font-size: 28px !important;
        display: block;
    }
    .top-section2{
        margin: 0 0 1em 0;
    }
    .servicespage-fluid .button-block .phone-btn{
        width: 250px !important;
        font-size: 26px;
        height: 55px;
    }
    .contacts-box.top-section2{
        margin: 0 auto 1em 0;
    }

    col:nth-child(2) {
        width: 0% !important;
        display: none;
    }
    col:nth-child(1) {
        width: 41.498% !important;
    }
    col:nth-child(3) {
        width: 29.441% !important;
    }
    .prices-fluid tr td:nth-child(1) span {
        font-size: 16px;
        display: block;
    }
    .prices-fluid tr td:nth-child(2){
        border-bottom: none !important;
        display: none;
    }
    .prices-title, .prices-fluid tr td:nth-child(1) {
        font-size: 18px;
    }
    .prices-price, .prices-fluid tr td:nth-child(3) {
        font-size: 18px;
    }
    .prices-fluid td:not(:nth-child(3)){
        padding-bottom: .5em;
    }
    .prices-fluid h2 {
        margin-top: .8em;
        padding-top: .5em;
        margin-bottom: .3em;
    }
    .prices-fluid h2:first-child{
        margin-top: 0;
    }
    .shipping-prices, .prices-fluid h2 {
        font-size: 32px;
    }
    .triangle-leftbox .triangle-text {
        left: 0px;
        right: 0px;
        width: 100%;
        text-align: center;
    }
}

/* SM */
@media (min-width: 576px) and (max-width: 767.98px) {
    .contact-col {
        margin-top: 2em;
        margin-bottom: 1em;
    }

    .triangle-leftbox .triangle-text {
        left: 0px;
        right: 0px;
        width: 100%;
        text-align: center;
    }

    footer .container .row {
        justify-content: center;
    }
    .servicespage-fluid .button-block .phone-btn{
        width: 250px !important;
        font-size: 28px;
        height: 55px;
    }

    .general-padding {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .side-img {
        height: 315px;
    }

    .small-title,
    .content h2 {
        margin-bottom: 1em;
    }

    .buildings a {
        width: 200px;
        bottom: 30px;
    }

    .carousel-caption {
        left: 15px;
        right: 15px;
        top: 10%;
        width: 545px;
    }

    #carouselTop img {
        height: 500px;
    }

    .carousel-caption h1 {
        font-size: 60px;
    }

    .carousel-caption p {
        font-size: 19px;
    }

    .gallery-item img {
        height: 280px;
    }

    .gallery-img-list .gallery-img-block {
        width: calc(50% - 20px);
    }
    .gallery-img-list .gallery-img-block:nth-child(2n) {
        margin-right: 0;
    }

    .top-img {
        height: 200px;
    }

    .inner-gallery .gallery-img-block img,
    .image-row img {
        height: 250px;
    }

    .contact-text {
        text-align: center;
        font-size: 22px;
        margin-bottom: 1em;
    }

    .form-img-block img {
        width: 75%;
        margin-bottom: 2.5em;
    }
    .carousel-caption h1 {
        font-size: 48px;
        line-height: normal;
    }
    .standard-btn {
        width: 196px;
        height: 44px;
    }
    .triangle-left,.triangle-right {
        flex: 0 0 100%;
        position: relative;
    }
    .triangle {
        width: 100%;
        height: 527px;
        clip-path: none;
        position: relative;
        flex: 0 0 100%;
        margin-bottom: 1em;
    }
    .triangle-leftbox {
        position: unset !important;
        width: 100% !important;
        clip-path: none !important;
        margin-bottom: 1em;
        height: 131px !important;
    }
    .triangle-fluid {
        margin-top: 2em;
        height: unset;
        padding: 0;
    }
    .custom-triangles {
        display: flex;
        position: relative;
        flex-direction: column;
    }
    .triangle-rightbox {
        position: unset !important;
        width: 100% !important;
        clip-path: none !important;
        height: 131px !important;
        margin-bottom: 1em;
    }
    .triangle-under {
        position: unset;
        transform: translateX(0);
        width: 100%;
        height: auto;
        clip-path: none;
        margin-bottom: 1em;
    }
    .triangle-text {
        font-size: 26px;
        padding: 0.2em 0;
        width: unset;
    }
    .triangle-leftbox .triangle-desc {
        padding-right: 0 !important;
        padding-left: 0;
        text-align: center;
        font-size: 18px;
    }
    .triangle-rightbox .triangle-desc{
        font-size: 18px;
    }
    .triangle-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        font-size: 26px;
        height: auto;
        padding: 1em 0;
    }
    .triangle-right .triangle-text {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    .triangle-rightbox .triangle-desc {
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center;
    }

    .contactblock-subtitle {
        margin-bottom: 2em;
    }
    .regular-title {
        font-size: 36px;
    }
    .contacts-imgblock {
        width: 60px;
        height: 60px;
    }
    .contacts-box {
        width: 100%;
        height: 213px;
        margin-bottom: 1em;
    }
    .regular-title{
        font-size: 26px;
    }
    .regular-text{
        font-size: 18px;
    }

    .whyimg-box .whyimg-block:nth-child(2),.whyimg-block {
        width: 50%;
        clip-path: none;
        height: 331px;
    }
    .whyus-order{
        order: 2;
    }
    .contactblock-fluid {
        padding-bottom: 1em;
    }
    .whyus-fluid {
        padding-top: 2em;
        padding-bottom: 0;
    }
    .whyus-col .whyus-block:nth-child(2) {
        margin-left:30px;
    }
    .whyus-col .whyus-block:nth-child(3) {
        margin-left: 10px;
    }
    .whyus-col .whyus-block:nth-child(4) {
        margin-left: -10px;
    }
    .whyus-col .whyus-block:nth-child(5) {
        margin-left: -30px;
    }

    .reference-title {
        padding-top: 7em;
    }
    .twentytwenty-wrapper {
        margin: 0 auto;
        width: 100%;
    }

    .services-fluid {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    .services-fluid .button-block{
        margin-bottom: 2em;
    }
    .first-img, .second-img {
        width: 100%;
        height: auto;
    }
    .moreservices-fluid ul{
        padding: 0;
    }
    .moreservices-col2 {
        padding-top: 2em;
    }
    .moreservices-fluid {
        padding-bottom: 3em;
    }
    .cright-col {
        margin-left: 0em;
        margin-top: 1em;
        padding: 1em 1em;
    }
    .contact-col {
     margin-top: 0;
     margin-bottom: 0;
    }
    footer {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .para-text {
        padding: 0 4em;
    }
    .uniq-para {
        width: 100%;
    }
    
    .miertmi-box{
        margin-bottom: 1em;
    }
    .miertmi-imgbox {
        width: 70px;
        height: 70px;
    }
    .miertmi-text {
        padding: 0 0em;
    }
    .services-box{
        margin-bottom: 2em;
    }
    .services-rightimg {
        height: 557px;
    }
    .services-box {
        flex-direction: column;
        gap: 1em 0.5em;
    }
    .service-block {
        width: 100%;
    }
    .service-title {
        font-size: 24px;
    }
    .services-box .service-block:last-child {
        width: 100%;
        height: 160px;
    }
    .servicespage-fluid {
        padding: 3em 0;
    }
    .servicev-imgblock {
        width: 100%;
        height: 500px;
    }
    .general-padding {
        padding-top: 3em;
        padding-bottom: 0em;
    }
    .moreservices-img {
        margin-top: 0em;
    }
    .services-title {
        margin-bottom: 0;
    }
    .contact-imgblock {
        width: 100%;
        height: 625px;
        margin-bottom: 2em;
    }
    .contact-row {
        padding-top: 2em;
        padding-bottom: 1em;
    }
    .send-btn {
        height: 26px;
    }
    .contact-ctitle {
        padding-bottom: 1em;
    }
    .static-content p{
        font-size: 18px;
    }
    .base_container{
        padding-bottom: 1em;
        padding-top: 2em;
    }
    .cright-imgblock::after,.cright-imgblock::before {
        width: 10px;
    }
    .szolgview-list {
        padding-top: 0em;
    }
    .servicev-imgbox .servicev-imgblock {
        width: 100%;
        height: 268px;
    }
    .servicev-imgbox {
        gap: 1em;
    }
    .custom-hpadding{
        padding-right: 0;
    }
    .triangle-content-link{
        top: 75%;
    }
    .triangle-desc-link {
        position: unset;
        padding: .5em 0 !important;
        font-size: 28px !important;
        display: block;

    }
    .triangle-leftbox,.triangle-rightbox{
        text-align: center !important;
        height: auto !important;
    }
    .triangle-under-link{
        display: block;
        position: unset;
        transform: none;
    }
    .top-section2{
        margin: 0;
    }
    .phone-btn{
        font-size: 24px;
    }
    .contacts-box.top-section2{
        margin: 0 auto 1em 0;
    }

    col:nth-child(2) {
        width: 29.062% !important;
    }
    col:nth-child(1) {
        width: 41.498% !important;
    }
    col:nth-child(3) {
        width: 29.441% !important;
    }
    .prices-fluid tr td:nth-child(1) span {
        font-size: 16px;
        display: block;
    }
    .prices-title, .prices-fluid tr td:nth-child(1) {
        font-size: 18px;
    }
    .prices-price, .prices-fluid tr td:nth-child(3) {
        font-size: 18px;
    }
    .prices-fluid td:not(:nth-child(3)){
        padding-bottom: .5em;
    }
    .prices-fluid h2 {
        margin-top: .8em;
        padding-top: .5em;
        margin-bottom: .3em;
    }
    .shipping-prices, .prices-fluid h2 {
        font-size: 42px;
    }
}

/* MD */
@media (min-width: 768px) and (max-width: 991.98px) {
    .carousel-caption {
        left: 6%;
        top: 18%;
    }

    .side-img {
        height: 315px;
    }

    .general-padding {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    #carouselTop img {
        height: 650px;
    }

    .gallery-item img {
        height: 280px;
    }

    .gallery-img-list .gallery-img-block {
        width: calc(50% - 30px);
    }
    .gallery-img-list .gallery-img-block:nth-child(2n) {
        margin-right: 0;
    }

    .text-part .desc {
        height: 107px;
    }

    .top-img {
        height: 220px;
    }

    .contact-text {
        text-align: center;
        margin-bottom: 1em;
    }

    .form-img-block img {
        width: 65%;
        margin-bottom: 2em;
    }
    .carousel-caption h1 {
        font-size: 56px;
        line-height: normal;
    }
    .triangle-rightbox,.triangle-leftbox {
        width:calc(48vw - 10px) !important
    }
    .triangle-right .triangle-text {
        width: 360px;
        padding-left: 1em;
        font-size: 26px;
    }
    .triangle-rightbox.right-3 .triangle-desc {
        padding-right: 0;
        padding-left: 2em;
        width: 360px;
        font-size: 18px;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-left: 8em;
    }
    .triangle-leftbox .triangle-text {
        position: relative;
        left: 35px;
        width: fit-content;
    }
    .triangle-text {
        width: 210px;
        font-size: 26px;
    }
    .triangle-desc {
        padding-left: 9em;
    }
    .triangle-leftbox.left-2 .triangle-desc {
        padding-right: 12.5em;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-right: 0em;
        padding-left: 4em;
        width: 360px;
        font-size: 18px;
    }
    .triangle-rightbox.right-5 .triangle-desc {
        padding-right: 0;
        padding-left: 9em;
        width: 360px;
        font-size: 18px;
    }
    .triangle-content {
        font-size: 28px;
    }
    .triangle-under {
        width: calc(39vw);
    }
    .triangle-leftbox.left-0 .triangle-desc {
        padding-right: 5em;
        font-size: 18px;
    }
    .triangle-desc {
        padding-left: 2em;
    }
    .triangle-leftbox.left-1 .triangle-desc {
        padding-right: 5.5em;
        font-size: 18px;
    }
    .triangle-leftbox.left-2 .triangle-desc {
        padding-right: 7.5em;
        font-size: 18px;
    }
    .triangle-content {
        font-size: 24px;
        line-height: normal;
    }
    .triangle-under .triangle-desc {
        padding: 0;
        text-align: center;
        font-size: 18px;
    }

    .contactblock-subtitle {
        margin-bottom: 2em;
    }
    .regular-title {
        font-size: 36px;
    }
    .contacts-imgblock {
        width: 60px;
        height: 60px;
    }
    .contacts-box {
        width: 100%;
        height: 213px;
        margin-bottom: 1em;
    }
    .whyimg-box .whyimg-block:nth-child(2) {
        width: 50%;
        clip-path: none;
    }
    .whyimg-block {
        width: 50%;
        height: 411px;
    }
    .whyus-order{
        order: 2;
    }
    .contactblock-fluid {
        padding-bottom: 1em;
    }
    .whyus-fluid {
        padding-top: 2em;
    }
    .whyus-col .whyus-block:nth-child(2) {
        margin-left:20px;
    }
    .whyus-col .whyus-block:nth-child(3) {
        margin-left: 0;
    }
    .whyus-col .whyus-block:nth-child(4) {
        margin-left: -20px;
    }
    .whyus-col .whyus-block:nth-child(5) {
        margin-left: -40px;
    }

    .first-img, .second-img {
        width: 100%;
        height: 478px;
    }
    .moreservices-fluid ul{
        padding: 0;
    }
    .moreservices-col2 {
        padding-top: 2em;
    }
    .moreservices-fluid {
        padding-bottom: 6em;
    }
    .cright-col {
        margin-left: 0em;
        margin-top: 2em;
        padding: 1em;
    }

    .para-text {
        padding: 0 5em;
    }
    .uniq-para {
        width: 100%;
    }
    .miertmi-box{
        margin-bottom: 1em;
    }
    .services-box{
        margin-bottom: 2em;
    }
    .services-rightimg {
        height: 557px;
    }
    .servicev-imgblock {
        width: 100%;
        height: 768px;
    }
    .general-padding {
        padding-top: 3em;
        padding-bottom: 1em;
    }
    .contact-imgblock {
        width: 100%;
        height: 625px;
    }
    .contact-row {
        padding-top: 2em;
        padding-bottom: 1em;
    }
    .send-btn {
        width: 138px;
    }
    .static-content p{
        font-size: 18px;
    }
    .base_container{
        padding-bottom: 2em;
        padding-top: 3em;
    }
    .services-imgblock{
        padding-top: 2em;
    }
    .footer-logotext,.menu-title,.menu-link,.contact-linktext{
        font-size: 18px;
    }
    .szolgview-list {
        padding-top: 0em;
    }
    .servicev-imgbox .servicev-imgblock {
        width: 100%;
        height: 358px;
    }
    .custom-hpadding{
        padding-right: 7em;
    }
    .triangle-content-link{
        top: 80%;
        font-size: 20px;
    }
    
    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 8.6em;
        top: 0%;
        padding-right: 0;
    }
    .triangle-rightbox.right-3 {
        height: 200px;
    }
    .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 8.5em;
        top: 5%;
        padding-right: 0;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 8.5em;
        padding-right: 0;
        top: 5%;
    }
    .triangle-leftbox.left-2 .triangle-desc-link {
        top: 5%;
        padding-right: 0;
        display: block;
        padding-left: 1.5em;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        top: 5%;
        padding-right: 0;
        display: block;
        padding-left: 1.5em;
    }
    .triangle-leftbox.left-0 .triangle-desc-link {
        top: 5%;
        padding-right: 0;
        display: block;
        padding-left: 1.5em;
    }
    .triangle-desc-link{
        font-size: 24px !important;
    }
    .top-section2{
        margin: 0;
    }

    .contacts-box.top-section2{
        margin: 0 auto 1em 0;
    }

    col:nth-child(2) {
        width: 43.062% !important;
    }
    col:nth-child(1) {
        width: 30.498% !important;
    }
    col:nth-child(3) {
        width: 14.441% !important;
    }
    .prices-fluid tr td:nth-child(1) span {
        font-size: 16px;
        display: block;
    }
    .prices-title, .prices-fluid tr td:nth-child(1) {
        font-size: 20px;
    }
    .prices-price, .prices-fluid tr td:nth-child(3) {
        font-size: 18px;
    }
    .prices-fluid td{
        padding-bottom: .5em;
    }
    .prices-fluid h2 {
        margin-top: .8em;
        padding-top: .5em;
        margin-bottom: .3em;
    }

}

/* LG */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .darkgrey-block {
        margin-left: -15px;
        margin-right: 15px;
    }

    .buildings>div:nth-child(2n) {
        padding-right: 7.5px;
    }

    .buildings>div:nth-child(2n+1) {
        padding-left: 7.5px;
    }

    .gallery-item img {
        height: 250px;
    }

    .gallery-img-list .gallery-img-block {
        width: calc(30% - 90px);
    }


    .text-part h3 {
        height: 70px;
    }

    .text-part .desc {
        height: 128px;
    }

    .blue-block {
        height: 300px;
    }

    .image-row {
        margin-bottom: 2.5em;
    }
    #carouselTop{
        height: 800px;
    }
    .carousel-caption h1 {
        font-size: 64px;
        line-height: 90.55px;
    }
    .carousel-caption {
        top: 20%;
    }
    .nav-link {
        margin-right: .5em !important;
    }
    .triangle-rightbox,.triangle-leftbox {
        width:calc(48vw - 10px) !important
    }
    .triangle-right .triangle-text {
        width: 460px;
        padding-left: 1em;
    }
    .triangle-rightbox.right-3 .triangle-desc {
        padding-right: 0;
        padding-left: 2em;
        width: 460px;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-left: 8em;
    }
    .triangle-leftbox .triangle-text {
        position: relative;
        left: 40px;
        width: fit-content;
    }
    .triangle-text {
        width: 250px;
    }
    .triangle-desc {
        padding-left: 9em;
    }
    .triangle-leftbox.left-2 .triangle-desc {
        padding-right: 12.5em;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-right: 0em;
        padding-left: 4em;
        width: 460px;
    }
    .triangle-rightbox.right-5 .triangle-desc {
        padding-right: 0;
        padding-left: 9em;
        width: 460px;
    }
    .triangle-content {
        font-size: 28px;
    }
    .triangle-under {
        width: calc(39vw);
    }
    .triangle-leftbox.left-0 .triangle-desc {
        padding-right: 5em;
    }
    .triangle-desc {
        padding-left: 2em;
    }

    .contactblock-subtitle {
        margin-bottom: 2em;
    }
    .regular-title {
        font-size: 36px;
    }
    .contacts-imgblock {
        width: 80px;
        height: 80px;
    }
    .contacts-box {
        width: 188px;
        height: 233px;
    }
    .whyus-text {
        font-size: 17px;
    }
    .whyimg-box .whyimg-block:nth-child(2) {
        height: 361px;
    }
    .whyimg-block {
        height: 361px;
    }

    .first-img, .second-img {
        height: 400px;
    }
    .moreservices-item::before {
        top: 0;
    }
    .moreservices-item {
        display: flex;
        margin-bottom: 1em;
    }
    .services-title {
        font-size: 34px;
    }
    .moreservices-col2 {
        padding-top: 5em;
    }
    .cright-col {
        margin-left: 4.5em;
    }

    .para-text {
        padding: 0 6em;
    }
    .services-rightimg {
        height: 937px;
    }
    .services-rightimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .servicev-imgblock {
        width: 100%;
        height: 458px;
    }

    header, header a {
        font-size: 20px;
    }
    .contacts-name, .contacts-text, .contacts-text a {
        font-size: 19px;
    }
    .whyus-fluid {
        padding-bottom: 7em;
    }
    .miertmi-text {
        padding: 0 0;
    }
    .custom-hpadding{
        padding-right: 5em;
    }
    .triangle-content-link{
        font-size: 25px;
    }

    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 10em;
        top: 5%;
        padding-right: 0;
    }
    .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 10em;
        top: 5%;
        padding-right: 0;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 10em;
        padding-right: 0;
        top: 5%;
    }
    .triangle-leftbox.left-2 .triangle-desc-link {
        padding-left: 1.4em;
        top: 5%;
        padding-right: 6em;
        display: block;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 6.4em !important;
        padding-left: 1.4em;
        top: 5%;
        display: block;
    }
    .triangle-leftbox.left-0 .triangle-desc-link {
        top: 5%;
        padding: 0;
        display: block;
        padding-left: 1.4em;
    }
    .triangle-leftbox.left-1 .triangle-desc {
        padding-right: 8.5em;
    }
    .contacts-box.top-section{
        margin: 0 4.5em 1em auto;
    }
    .contacts-box.top-section2{
        margin: 0 auto 1em 7.5em;
    }
    col:nth-child(2) {
        width: 49.062% !important;
    }
    col:nth-child(1) {
        width: 30.498% !important;
    }
    col:nth-child(3) {
        width: 14.441% !important;
    }
    .prices-fluid tr td:nth-child(1) span {
        font-size: 16px;
    }
    .prices-title, .prices-fluid tr td:nth-child(1) {
        font-size: 20px;
    }
    .prices-price, .prices-fluid tr td:nth-child(3) {
        font-size: 18px;
    }
    .prices-fluid td{
        padding-bottom: .5em;
    }
    .prices-fluid h2 {
        margin-top: .8em;
        padding-top: .5em;
        margin-bottom: .3em;
    }

    .triangle-desc {font-size: 19px;}
}

/* XL */
@media (min-width: 1200px) {
    .darkgrey-block {
        margin-left: -15px;
        margin-right: 15px;
    }

    .buildings>div:nth-child(2n) {
        padding-right: 7.5px;
    }

    .buildings>div:nth-child(2n+1) {
        padding-left: 7.5px;
    }

    .blue-block {
        height: 300px;
    }

    .image-row {
        margin-bottom: 2.5em;
    }

}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .darkgrey-block .content {
        padding-right: 6rem;
    }
    .nav-link {
        margin-right: 0.5em !important;
    }
    .triangle-rightbox,.triangle-leftbox {
        width: 603.5px !important;
    }
    .triangle-under {
        width: calc(100% - 790px);
    }
    .triangle-right .triangle-text {
        width: 470px;
        padding-left: 1em;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-left: 8em;
    }
    .triangle-leftbox .triangle-text {
        position: relative;
        left: 140px;
        width: fit-content;
    }
    .triangle-text {
        width: 530px;
    }
    .triangle-desc {
        padding-left: 7em;
    }
    .triangle-leftbox.left-2 .triangle-desc {
        padding-right: 12.5em;
    }
    .triangle-rightbox.right-3 .triangle-desc {
        padding-right: 6.7em;
        padding-left: 3em;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-right: 6.7em;
        padding-left: 7em;
    }
    .triangle-rightbox.right-5 .triangle-desc {
        padding-right: 6.7em;
        padding-left: 10em;
    }
    .triangle-content {
        font-size: 32px;
    }
    .whyimg-box .whyimg-block:nth-child(2),.whyimg-block {
        height: 375px;
    }
    .services-rightimg {
        height: 890px;
    }
    .gallery-img-list .gallery-img-block {
        width: calc(30% - 110px);
    }
    .cright-col {
        margin-left: 3em;
        max-width: 46%;
    }
    .custom-hpadding{
        padding-right: 3em;
    }
    .triangle-content-link{
        font-size: 30px;
    }

    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 10.5em;
        top: 5%;
        padding-right: 1em;
    }
    .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 10.3em;
        /* top: 30%; */
        padding-right: 1em;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 10.5em;
        padding-right: 1em;
        /* top: 35%; */
    }
    .triangle-leftbox.left-2 .triangle-desc-link {
        padding-left: 0em;
        top: 5%;
        padding-right: 5em;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 17em;
        padding-left: 9em;
        top: 5%;
    }
    .triangle-leftbox.left-0 .triangle-desc-link {
        /* top: 30%; */
        padding-right: 1em;
        padding-left: 5em;
    }
    .triangle-leftbox.left-1 .triangle-desc {
        padding-right: 10em;
        font-size: 19px;
        padding-left: 7.5em;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 10em;
        padding-left: 1em;
        top: 5%;
        font-size: 28px;
    }
    .contacts-box.top-section{
        margin: 0 6em 1em auto;
    }
    .contacts-box.top-section2{
        margin: 0 auto 1em 9em;
    }
    col:nth-child(2) {
        width: 55.062% !important;
    }
    col:nth-child(1) {
        width: 22.498% !important;
    }
    col:nth-child(3) {
        width: 13.441% !important;
    }

}

@media (min-width: 1400px) {
    .darkgrey-block .content {
        padding-right: 10rem;
    }
}

@media (min-width: 1500px) {
    .container{
        width: 1420px !important;
        max-width: 1420px !important;
    }
    .servicespage-fluid .button-block .phone-btn2{
        width: 374px;
    }
}
@media (min-width:1400px) and (max-width:1500px){
    .nav-link {
        margin-right: 1em !important;
    }
    .custom-hpadding{
        padding-right: 4em;
    }
}
@media (min-width: 1399px) and (max-width:1499px){
    .gallery-img-list .gallery-img-block {
        width: calc(30% - 110px);
    }
    .triangle-content-link{
        font-size: 34px;
    }
    col:nth-child(2) {
        width: 55.062% !important;
    }
    col:nth-child(1) {
        width: 22.498% !important;
    }
}
@media (min-width: 1840px) and (max-width: 1900px) {
    .triangle-rightbox,.triangle-leftbox {
        width: 883.5px !important;
    }
    .triangle-under {
        width: 699px;
    }
    .triangle-right .triangle-text {
        width: 590px;
        padding-left: 8em;
    }
    .triangle-text {
        width: 850px;
    }
    .triangle-leftbox .triangle-text {
        position: relative;
        left: 340px;
        width: fit-content;
    }
    .triangle-desc {
        padding-left: 17em;
    }
    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 14.5em;
        top: 5%;
    }
    .triangle-rightbox.right-4 .triangle-desc-link{
        top: 15%;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 14.5em;
        padding-right: 1em;
        top: 20%;
    }
    .triangle-leftbox.left-2 .triangle-desc-link {
        padding-left: 0em;
        top: 25%;
        padding-right: 1em;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 13em;
        padding-left: 0em;
        top: 15%;
    }
    .triangle-desc.triangle-desc-link {
        padding-left: 12em;
    }
}
@media (min-width: 1710px) and (max-width: 1839.99px) {
    .triangle-rightbox,.triangle-leftbox {
        width: 853.5px !important;
    }
    .triangle-under {
        width: 699px;
    }
    .triangle-right .triangle-text {
        width: 560px;
        padding-left: 7em;
    }
    .triangle-leftbox .triangle-text {
        position: relative;
        left: 310px;
        width: fit-content;
    }
    .triangle-text {
        width: 850px;
    }
    .triangle-desc {
        padding-left: 15.5em;
    }
    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 13.5em;
        top: 5%;
    }
    .triangle-rightbox.right-4 .triangle-desc-link{
        top: 30%;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 13.5em;
        padding-right: 1em;
        top: 25%;
    }
    .triangle-leftbox.left-2 .triangle-desc-link {
        padding-left: 0em;
        top: 25%;
        padding-right: 2em;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 12.9em;
        padding-left: 0em;
        top: 5%;
    }   

    .triangle-leftbox.left-0 .triangle-desc-link {
        top: 15% !important;
    }

    .triangle-leftbox.left-0 .triangle-desc {
        bottom: 0%;
        top: initial;
    }
    .triangle-desc.triangle-desc-link {
        padding-left: 11em;
    }
}
@media (min-width: 1610px) and (max-width: 1710px) {
    .triangle-rightbox,.triangle-leftbox {
        width: 803.5px !important;
    }
    .triangle-under {
        width: 659px;
    }
    .triangle-right .triangle-text {
        width: 510px;
        padding-left: 6em;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-left: 8em;
    }
    .triangle-leftbox .triangle-text {
        position: relative;
        left: 260px;
        width: fit-content;
    }
    .triangle-text {
        width: 700px;
    }
    .triangle-desc {
        padding-left: 13em;
    }
    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 11.9em;
        top: 5%;
    }
    .triangle-rightbox.right-4 .triangle-desc-link{
        top: 15%;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 11.6em;
        padding-right: 1em;
        top: 5%;
    }
    .triangle-leftbox.left-2 .triangle-desc-link {
        padding-left: 0em;
        top: 5%;
        padding-right: 3.5em;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 13em;
        padding-left: 1em;
        top: 5%;
    }
    .triangle-desc.triangle-desc-link {
        padding-left: 9.3em;
        top: 10%;
    }
}
@media (min-width: 1500px) and (max-width: 1610px) {
    .triangle-rightbox,.triangle-leftbox {
        width: 753.5px !important;
    }
    .triangle-under {
        width: 619px;
    }
    .triangle-right .triangle-text {
        width: 500px;
        padding-left: 4em;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-left: 8em;
        padding-right: 12.5em;
    }
    .triangle-leftbox .triangle-text {
        position: relative;
        left: 240px;
        width: fit-content;
    }
    .triangle-text {
        width: 650px;
    }
    .triangle-desc {
        padding-left: 12em;
    }
    .triangle-leftbox.left-2 .triangle-desc {
        padding-right: 12.5em;
    }
    .triangle-rightbox.right-5 .triangle-desc {
        padding-right: 12.7em;
        padding-left: 14em;
    }
    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 19em;
        top: 5%;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 19em;
        padding-right: 1em;
        /* top: 25%; */
    }

    .triangle-desc-link {top: 14%;}
    .triangle-leftbox.left-2 .triangle-desc-link {
        padding-left: 14em;
        top: 5%;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 17em;
        padding-left: 13em;
        top: 5%;
    }
    .triangle-leftbox.left-0 .triangle-desc-link {
        /* top: 30%; */
        padding-right: 1em;
        padding-left: 8.5em;
    }

    .triangle-rightbox.right-3 .triangle-desc {
        padding-right: 12.8em;
        padding-left: 4em;
    }
    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 11.5em;
        /* top: 5%; */
        padding-right: 1em;
    }
    .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 11.5em;
        /* top: 30%; */
        padding-right: 1em;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 11.4em;
        padding-right: 1em;
        /* top: 25%; */
    }
    .triangle-leftbox.left-2 .triangle-desc-link {
        padding-left: 5em;
        /* top: 25%; */
        padding-right: 8.5em;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 11.9em;
        padding-left: 0em;
        top: 5%;
    }
}
@media (min-width: 1400px) and (max-width: 1500px) {
    .triangle-rightbox,.triangle-leftbox {
        width: 703.5px !important;
    }
    .triangle-under {
        width: 569px;
    }
    .triangle-right .triangle-text {
        width: 410px;
        padding-left: 3em;
    }
    .triangle-leftbox .triangle-text {
        position: relative;
        left: 210px;
        width: fit-content;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-left: 8em;
    }
    .triangle-text {
        width: 650px;
    }
    .triangle-desc {
        padding-left: 10.5em;
    }
    .triangle-leftbox.left-2 .triangle-desc {
        padding-right: 12.5em;
    }
    .triangle-rightbox.right-5 .triangle-desc {
        padding-right: 11.7em;
        padding-left: 11em;
    }
    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 17em;
        top: 5%;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 19em;
        padding-right: 1em;
        /* top: 25%; */
    }
    .triangle-leftbox.left-2 .triangle-desc-link {
        padding-left: 14em;
        top: 5%;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 17em;
        padding-left: 13em;
        top: 5%;
    }
    .triangle-leftbox.left-0 .triangle-desc-link {
        /* top: 30%; */
        padding-right: 1em;
        padding-left: 7.5em;
    }
    .triangle-rightbox.right-3 .triangle-desc {
        padding-right: 11.7em;
        padding-left: 3em;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-left: 8em;
        padding-right: 11.5em;
    }

    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 10.4em;
        top: 5%;
        padding-right: 1em;
    }
    .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 10.5em;
        /* top: 30%; */
        padding-right: 1em;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 10.5em;
        padding-right: 1em;
        /* top: 25%; */
    }

    .triangle-desc-link {top: 14%;}
    .triangle-leftbox.left-2 .triangle-desc-link {
        padding-left: 0em;
        top: 15%;
        padding-right: 4em;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 11em;
        padding-left: 1em;
        top: 5%;
    }
    .triangle-right .triangle-text {
        width: 470px;
        padding-left: 3em;
    }

}
@media (min-width: 1300px) and (max-width: 1400px) {
    .triangle-rightbox,.triangle-leftbox {
        width: 653.5px !important;
    }
    .triangle-under {
        width: calc(100% - 820px);
    }
    .triangle-right .triangle-text {
        width: 460px;
        padding-left: 1em;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-left: 8em;
    }
    .triangle-leftbox .triangle-text {
        position: relative;
        left: 180px;
        width: fit-content;
    }
    .triangle-text {
        width: 530px;
    }
    .triangle-desc {
        padding-left: 9em;
    }
    .triangle-leftbox.left-2 .triangle-desc {
        padding-right: 12.5em;
    }
    .triangle-rightbox.right-3 .triangle-desc {
        padding-right: 9.7em;
        padding-left: 3em;
    }
    .triangle-rightbox.right-4 .triangle-desc {
        padding-right: 9.7em;
        padding-left: 7em;
    }
    .triangle-rightbox.right-5 .triangle-desc {
        padding-right: 9.7em;
        padding-left: 11em;
    }
    .triangle-rightbox.right-3 .triangle-desc-link, .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 10em;
        top: 5%;
        padding-right: 1em;
    }
    .triangle-rightbox.right-4 .triangle-desc-link {
        padding-left: 10em;
        /* top: 30%; */
        padding-right: 1em;
    }
    .triangle-rightbox.right-5 .triangle-desc-link {
        padding-left: 10em;
        padding-right: 1em;
        /* top: 25%; */
    }
    .triangle-leftbox.left-2 .triangle-desc-link {
        padding-left: 4em;
        /* top: 25%; */
        padding-right: 8em;
    }
    .triangle-leftbox.left-1 .triangle-desc-link {
        padding-right: 10.5em;
        padding-left: 1em;
        top: 5%;
        font-size: 28px;
    }
    .triangle-leftbox.left-0 .triangle-desc-link {
        /* top: 30%; */
        padding-right: 1em;
        padding-left: 6.5em;
    }

    .contacts-box.top-section{
        margin: 0 6em 1em auto;
    }
    .contacts-box.top-section2{
        margin: 0 auto 1em 9em;
    }
}