.mob_block {
    display: none !important;
}
body,
html {
    overflow-x: hidden;
}

@media screen and (min-width: 1400px) {
    html {
        font-size: 16px !important;
    }
}
@media screen and (max-width: 1400px) and (min-width: 1300px) {
    html {
        font-size: 15px !important;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1200px) {
    html {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 1200px) and (min-width: 1100px) {
    html {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 1100px) and (min-width: 1050px) {
    html {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 1050px) and (min-width: 992px) {
    html {
        font-size: 11px !important;
    }
}

@media screen and (min-width: 992px) {
}

@media screen and (max-width: 993px) {
    .mob-col {
        flex-direction: column;
    }
    .br-none br{
        display: none;
    }
    .mob-col-rev{
        display: flex;
        flex-direction: column-reverse;
    }
    .mob-mb-0{
        margin-bottom: 0 !important;
    }
    .mob-mb-1{
        margin-bottom: 1rem !important;
    }
    .mob-mb-1-25{
        margin-bottom: 1.25rem !important;
    }
    .mob-mt-1-25{
        margin-top: 1.25rem !important;
    }
    .mob-mt-1-5{
        margin-top: 1.5rem;
    }
    .mob-mb-2{
        margin-bottom: 2rem !important;
    }
    .mob-mb-1-5{
        margin-bottom: 1.5rem !important;
    }
    .mob-mb-3{
        margin-bottom: 3rem !important;
    }
    .mob-cen-title{
        text-align: center;
        margin-bottom: 1.8rem;
    }
    .use-op1{
        opacity: 1;
        pointer-events: unset;
    }
    .use-op2{
        display: none;
    }
    .ex-mar{
        margin-top: 1.125rem;
        margin-bottom: 2.125rem;
    }
    .ex-num{
        font-size: 2.7rem;
    }
    .mob-dis-none{
        display: none;
    }
    .social-media a{
        font-size: 1.6rem;
    }
    .mob-gap-1-8{
        gap: 1.8rem;
    }
    .mob-center{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mob-tl{
        text-align: unset;
    }
    .in-card img{
        height: 22rem;
    }
    .large-img{
        height: 23.3125rem;
        margin-bottom: 1.5rem;
    }
    .blog-card-big img,
    .blog-card-lil img{
        height: 14rem;
    }
}

@media screen and (max-width: 992px) {
    body {
        /* padding-top: 4rem; */
        background-image: none;
    }
    .hero-page{
        height: 38rem;
    }
    .fancybox-slide--iframe .fancybox-content {
        width: 95%;
        height: auto;
    }
    .mob_full {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .menu_toggle {
        color: #ff3326;
    }
    .mob_none {
        display: none !important;
    }
    .mob_block {
        display: block !important;
    }
    .logo {
        width: 5.2rem;
    }
    .container {
        width: 100%;
        padding: 0 15px;
    }
    .menu a img {
        display: none;
    }
    .search--show {
        margin-right: 1.5rem;
    }

    .pro-card-lil {
        bottom: unset;
    }
    .blure-methods {
        grid-template-columns: 1fr;
    }
    .footer-top {
        flex-direction: column;
    }
    .geo-txt {
        width: 100%;
        margin-bottom: unset;
    }
    .geo-section{
        margin-bottom: 4rem;
    }
    .btn-width-20 {
        width: 100%;
    }
    .big-text-width {
        width: 100%;
    }

    .lil-text-width {
        width: 100%;
    }

    .err-img {
        width: 100%;
        height: auto;
        margin-top: 2.5rem;
    }

    .mob-mb-2 {
        margin-bottom: 2rem;
    }
    .foot-div {
        width: 100%;
        margin-bottom: 2.5rem;
    }
    .foot-nav {
        width: 100%;
    }

    .foot-cen{
        align-items: center;
        justify-content: center;
    }

    .foot-bot{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }

    .section-title-big,
    .section-title-lil {
        font-size: 2rem;
    }

    .header-logo img,
    .mobile-logo {
        width: 4.875rem;
        height: 3.1875rem;
    }
    .btn.little{
        width: 100%;
    }
    .hero-page h1,
    .hero-page p{
        margin-bottom: 0;
    }

    .text-block{
        text-align: center;
        align-items: center;
        margin-bottom: .8rem;
    }
    .project-card img{
        height: 18rem;
    }
    .pro-card-lil{
        bottom: unset;
    }
    .minus-box{
        margin-top: unset;
    }
    .mob-project-card{
        margin-bottom: 1.5rem;
    }
    .btn.big{
        width: 100%;
    }
    .ab-block{
        padding-bottom: 1.88em;
        border-bottom: 1px solid rgb(255, 255, 255, .20);
    }
    .step-num{
        margin-right: 1.5rem;
    }
    .step-content{
        margin-left: 3rem;
    }
    .works-img{
        margin-top: 1rem;
    }
    .geo-num{
        gap: 2.25rem;
    }
    .foot-logo{
        width: 8.5625rem;
        height: 5.625rem;
        margin-bottom: 2rem;
    }
    .social-media{
        flex-direction: row;
        justify-content: space-between;
        margin: 1rem 0;
    }

    .not-blure .method{
        padding: 0.625rem 1.1875rem;
    }
    
    .pag-pages{
        display: none;
    }

    .foot-bot {
        margin-top: 1.5rem;
    }
    .works-img img{
        height: 14rem;
    }

    .modal-window{
        width: 90%;
    }

    .portfolio-text{
        width: 100%;
        margin-bottom: 2rem;
    }

    .mob-win{
        padding: 1rem;
        padding-top: 2rem;
    }
    .methods2 .text-lil{
        font-size: .8rem;
    }

    .people-img{
        height: 26rem;
        margin-bottom: 1.5rem;
    }
    .mar-text p{
        font-weight: 600;
    }
    .mar-text {
        margin-left: -10px;
        margin-right: -10px;
        margin: 1rem -10px 0.5rem;
    }
    .profs-card{
        margin-bottom: 1.25rem;
    }

    .goal-card{
        inset: 0;
    }
    .goal-card{
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .mob-card-ser-txt{
        flex-direction: column;
        gap: 1rem;
    }
    .mob-card-ser-txt p{
        text-align: unset;
    }
    .mob-card-ser-txt br{
        display: none;
    }
    .big-img{
        height: 17rem;
    }
    .adventages-img{
        height: 18rem;
    }
    .page {
        padding-bottom: 3rem;
    }
    .vis_btns{
        justify-content: space-between;
    }
    .vis_btns .btn{
        width: 49%;
        margin: 0;
        min-width: unset;
    }

    .mob-card-ser-txt{
        flex-direction: column;
        gap: 1rem;
    }
    .mob-card-ser-txt p{
        text-align: unset;
    }
    .mob-card-ser-txt br{
        display: none;
    }
    

}
@media screen and (max-width: 550px) {
    body {
        font-size: 1rem;
    }
}