@media screen and (max-width:1700px){
    .cont-text-ban h1 {
        font-size: 58px;
    }
    .cont-navbar ul {
        margin-left: 0px;
    }
    .cont-navbar ul li a, .header-num-ra a span {
        font-size: 20px;
    }
    .slide-icon li a span {
        font-size: 20px;
    }
    .slide-icon li img {
        width: 45px;
    }
    .cont-logo img {
        width: 300px;
        top: 34px;
    }
    .cont-navbar ul li {
        margin: 0px 5px;
    }
    .center2 {
        right: 5%;
    }
    .slide-icon li {
        width: 45px;
    }
    .call-ban-bot h2 {
        font-size: 45px;
    }
    .banner-cont {
        height: 770px;
    }
    .slide-icon li:nth-child(1):hover {
        width: 170px;
    }
    .cont-cho h1 {
        font-size: 44px;
    }
    .border-line-2 {
        height: 3px;
    }
    .cont-cho h2 {
        font-size: 29px;
    }
    .box-card {
        margin: 0px 14px;
    }
    .cont-image-ser-hom {
        width: 570px;
        height: 345px;
    }
    .text-conten-services p {
        font-size: 21px;
    }
    .cont-i img {
        width: 145px;
    }
    .cont-text-gal-hom p {
        font-size: 21px;
    }
    .text-conten-services2 p {
        font-size: 21px;
    }
    .cont-text-gal-hom h1 {
        font-size: 50px;
    }
    .para-cont-pro p {
        font-size: 21px;
    }
    .cont-spacing-ser1 {
        width: 95%;
    }
    .cont-spacing-ser2 {
        width: 95%;
    }
}
@media screen and (max-width:1500px) {
    .cont-image-ser-t {
        width: 510px;
    }
    .wid-cont-ser-img {
        width: 510px;
    }
    .box-yellow-m {
        width: 445px;
        height: 315px;
    }
}
@media screen and (max-width:1475px) {
    .slide-icon {
        margin-left: 20px;
    }
    .header-num-ra img {
        width: 32px;
    }
}
@media screen and (max-width:1490px) {
    .cont-res-gal img:nth-child(1) {
        width: 340px;
    }
    .cont-res-gal img:nth-child(2) {
        width: 340px;
    }
    .space-marg {
        margin: 0px 40px;
    }
    .box-servi-con-cit {
        width: 90%;
    }
    .box-servi-con-cit2 {
        width: 90%;
    }
    .border-bot-dash {
        width: 100%;
    }
}
@media screen and (max-width:1000px) {
    .cont-reviews-box {
        display: none;
    }
    .cont-reviews-box-mobile {
        display: flex;
    }
}
@media screen and (max-width:1400px){
    .footer {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .footer-menu ul li {
        margin: 10px;
    }
    .square-box {
        width: 510px;
    }
    .footer-menu-flex {
        display: flex;
        flex-direction: column;
    }
    .container-reviews-home {
        width: 100%;
    }
    .par-reviews p {
        font-size: 20px;
    }
    .par-reviews {
        width: 70%;
    }
}

@media screen and (max-width:1360px) {
    .contaner-box-crew {
        width: 100%;
        flex-wrap: wrap;
    }
}

@media screen and (max-width:1335px) {
    .cont-navbar ul li a, .header-num-ra a span {
        font-size: 16px;
    }
    .slide-icon li a span{
        font-size: 16px;
    }
    .navbar {
        padding: 10px 10px;
    }
    .cont-logo img {
        width: 285px;
        top: 19px;
    }
    .slide-icon li:nth-child(1):hover {
        width: 142px;
    }
    .cont-text-ban h1 {
        font-size: 48px;
    }
    .call-ban-bot h2 {
        font-size: 35px;
    }
    .cont-spacing-ser1 {
        width: 97%;
    }
    .cont-spacing-ser2 {
        width: 97%;
    }
    .text-conten-services2 h1 {
        font-size: 28px;
    }
    .cont-text-gal-hom h1 {
        font-size: 45px;
    }
    .cont-image-ser-t {
        width: 100%;
    }
    .wid-cont-ser-img {
        width: 100%;
    }
    .box-yellow-m {
        width: 88%;
        height: 88%;
    }
}

@media screen and (max-width:1200px) {
    .cont-navbar ul, .cont-icons {
        display: none;
    }
    .cont-logo {
        height: auto;
        width: auto;
    }
    .video-in-si {
        height: 350px;
    }
    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .cont-logo img {
        position: relative;
        top: 0px;
    }
    .cont-navbar {
        justify-content: space-between;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
    }
    .mob-nav {
      display: block;
    }
    .card-boxes-demo {
         width: 100%;
    }
    .card-cont-demo-left {
        margin-right: 0px;
    }
    .card-cont-demo-right {
        margin-left: 0px;
    }
    .cont-text-gal-hom {
        margin-left: 0px;
    }
    .para-cont-pro p {
        width: 95%;
    }
    .cont-title-services p {
        width: 90%;
    }
    .container-reviews-home {
        padding: 15px;
        width: 100%;
    }
    .border-line-review {
        left: 310px;
    }
    .cont-image-ser-hom {
        width: 475px;
        height: 280px;
    }
    .box-reviews-container {
        width: 100%;
    }
    .banner-cont-oth {
        height: 100%;
    }
}

@media screen and (max-width:1060px) {
    .box-serv {
        height: 100%;
        flex-direction: column;
    }
    .box-card {
        top: 0px;
        margin-top: 88px;
        width: 90%;
    }
    .cont-i img {
        top: -152px;
    }
    .cont-cho {
        height: 100%;
    }
    .cont-cho h2 {
        margin-bottom: 35px;
    }
}

@media screen and (max-width:1000px) {
    .slider-text {
        flex-direction: column;
    }
    .border-line-review {
        position: relative;
        height: 3px;
        width: 375px;
        left: 0px;
        margin: 40px 0px 20px 0px;
    }
    .par-reviews p {
        margin-left: 0px;
        margin-top: 25px;
    }
    .cont-slide-reviews {
        height: auto;
        width: 100%;
    }
    .slider-text {
        justify-content: flex-start;
    }
    .cont-review-name {
        width: 100%;
    }
    .par-reviews {
        width: 85%;
    }
    .container-reciews-home-text {
        flex-direction: column;
    }
    .cont-services-card-hom {
        flex-direction: column;
    }
    .cont-services-card-hom2 {
        flex-direction: column;
    }
    .cont-image-hom a {
        width: 473px;
    }
    .cont-image-hom2 a {
        width: 473px;
    }
    .cont-image-hom {
        bottom: 35px;
        align-items: center;
        margin-left: 0px;
    }
    .cont-image-hom2 {
        bottom: 35px;
        align-items: center;
        margin-right: 0px;
    }
    .cont-box-ti-pro {
        width: 100%;
        height: 150px;
    }
    .cont-pro-hom {
        flex-direction: column;
    }
    .cont-text-pro {
        width: 100%;
    }
    .cont-box-ti-pro h1 {
        display: none;
    }
    .dis-none-look {
        display: block !important;
    }
    .cont-servi-wh {
        flex-direction: column;
        align-items: center;
    }
    .cont-ser-image {
        width: 100%;
    }
    .cont-ser-context {
        width: 100%;
        margin-top: 30px;
    }
    .box-yellow-m {
        width: 75%;
    }
    .cont-ser-image {
        padding: 0px;
    }
    .cont-ser-context p {
        width: 100%;
    }
}
@media screen and (max-width:962px) {
    .cont-gal-hom {
        flex-direction: column;
        height: 100%;
    }
    .cont-text-gal-hom {
        width: 100%;
    }
    .container-sliding-compar {
        width: 100%;
    }
    .cont-gal-hom2 {
        flex-direction: column;
        height: 100%;
    }
    .cont-form-index {
        width: 98%;
        margin-top: 40px;
    }
    .cont-bot-about {
        width: 100%;
    }
    .cont-staff-pa-te {
        width: 100%;
        padding: 30px;
    }
}

@media screen and (max-width:870px) {
    .footer {
        justify-content: space-between;
    }
}

@media screen and (max-width:840px) {
    .cont-demo-content {
        flex-direction: column;
    }
    .card-cont-demo-left {
        width: 100%;
        padding: 10px;
    }
    .card-cont-demo-right {
        width: 100%;
        padding: 10px;
    }
    .card-boxes-demo {
        height: 100%;
        flex-direction: column;
        align-items: center;
    }
    .priv-text h1 {
        font-size: 2vw;
    }
}

@media screen and (max-width:768px) {
    .contact-container {
        align-items: center;
    }
    .cont-img-cities img {
        width: 90%;
    }
    .box-servi-con-cit {
        width: 100%;
    }
    .box-servi-con-cit p {
        font-size: 20px;
    }
    .box-servi-con-cit span::before {
        display: none;
    }
    .box-servi-con-cit2 {
        width: 100%;
    }
    .box-servi-con-cit2 p {
        font-size: 20px;
    }
    .box-servi-con-cit2 span::before {
        display: none;
    }
    .bot-cit-con-ab a {
        padding: 12px 16px;
        font-size: 16px;
    }
}

@media screen and (max-width:680px) {
    .priv-text h1 {
        font-size: 3vw;
        line-height: 22px;
    }
    .mobile-menu-icon {
        padding: 5px;
    }
}

@media screen and (max-width:630px) {
    .mage-about-us-cont img {
        width: 100%;
    }
    .space-marg {
        margin: 0px 0px !important;
    }
}


@media screen and (max-width:500px) {
    .header-inner {
        margin-right: 0px;
    }
}

@media (max-width: 768px) {
  #navbar {
    top: 0 !important; /* Always visible on mobile */
  }
}

@media screen and (max-width:588px) {
    .space-marg {
        margin: 0px;
    }
    .contact-form .form-row {
        flex-direction: column;
    }
    .contact-form {
        width: 100%;
    }
    .contact-info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .contact-info p{
        text-align: center;
    }
    .cont-text-ban h1 {
        width: 100%;
    }
    .cont-text-gal-hom {
        padding: 0px 20px;
    }
    .cont-cho h1 {
        font-size: 35px;
    }
    .cont-cho h2 {
        font-size: 22px;
    }
    .priv-foot {
        flex-direction: column;
    }

}

@media screen and (max-width:556px) {
    .square-box {
        width: 95%;
        left: 0px;
        top: -20px;
    }
    .border-line-2 {
        width: 80%;
    }
    .slider-track {
        width: 50%;
    }
    .cont-servi-wh {
        padding: 50px 20px;
    }
    .nav-buttons button {
        top: 50px;
    }
    .containe-our-serv {
        width: 80%;
        max-width: 500px;
    }
    .button-gal-hom a {
        font-size: 15px;
    }
    .cont-box-ti-pro h1 {
        font-size: 45px;
    }
    .para-cont-pro {
        bottom: 0;
    }
    .footer-menu ul li, .footer-menu ul li a {
        font-size: 4vw;
    }
    .footer-menu ul li img {
        width: 9%;
    }
    .footer-menu h1 {
        font-size: 5vw;
    }
    .border-line {
        width: 90%;
    }
    .cont-text-ban h1 {
        font-size: 11vw;
    }
    .bot-ban a {
        font-size: 4vw;
        margin: 10px 17px;
    }
    .call-ban-bot h2 {
        font-size: 8vw;
    }
    .button-gal-hom a {
        font-size: 4vw;
        padding: 10px 50px;
    }
    .slider-text {
        width: 100%;
    }
    .cont-slide-reviews {
        padding: 0px;
    }
    .container-reviews-home {
        padding: 4px;
    }
    .cont-title-review {
        margin-top: 20px;
    }
    .cont-text-gal-hom h1 {
        font-size: 35px;
    }
    .bot-ban {
        display: flex;
        flex-direction: column;
    }
    .cont-i img {
        width: 123px;
    }
    .show-mob-fo {
    height: 0px;
    overflow: hidden;
    transition: 0.4s ease;
    }

    .show-mob-fo.active-fot-do {
        height: 100%; /* Enough height to reveal all list items */
    }
    .footer-para {
        height: 95px;
    }
    .arow-footer-mobile {
        width: 4%;
        margin: 0px 10px;
    }
    .footer-menu h1 {
        display: flex;
        align-items: center;
    }
    .arow-footer-mobile {
      display: block;
    }
    .footer-menu-flex {
        flex-direction: column;
    }
    .box-card h1 {
        font-size: 22px;
    }
    .box-card p {
        font-size: 16px;
    }
    .footer-menu {
        margin-top: 8px;
    }
}

@media screen and (max-width:460px) {
    .bot-cit-con-ab {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .border-line10 {
        width: 100%;
    }
    .bot-cit-con-ab a {
        margin: 10px;
    }
    .box-servi-con-cit2 p {
        font-size: 18px;
    }
    .box-servi-con-cit2 h1,.box-servi-con-cit2 span {
        font-size: 25px;
    }
}

@media screen and (max-width:390px) {
    .footer-log img {
        width: 90%;
    }
    .mobile-slider {
        width: 260px;
    }
    .cont-logo img {
        width: 100%;
    }
}

@media screen and (max-width:350px) {
    .cont-box-ti-pro h1 {
        font-size: 40px;
    }
}