@media(max-width:991px) {

    .hero,
    .slide {

        height: 650px;

    }

    .hero-content {

        text-align: center;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;

    }

    .hero-content h1 {

        font-size: 42px;

    }

    .hero-content p {

        font-size: 18px;

    }

}

@media(max-width:768px) {

    .hero,
    .slide {

height: 703px;

}

    .hero-content h1 {

        font-size: 32px;

    }

    .hero-content p {

        font-size: 16px;

    }

}

@media(max-width:480px) {

    .hero,
    .slide {

height: 700px;

}

    .hero-content h1 {

        font-size: 28px;

    }

    .hero-content h5 {

        font-size: 14px;

    }

}

@media(max-width:991px) {

    .top-bar {

        display: none;

    }

    .navbar {

        top: 0;

    }

    .navbar-collapse {

        display: none !important;

    }

    .call-btn {

        display: none;

    }

    .menu-mobile {

        display: block;

    }

    .navbar-brand img {

        height: 65px;

    }

}

@media(max-width:991px) {

    .about-collage {

        height: auto;
        margin-bottom: 60px;

    }

    .img-big {

        width: 100%;
        height: 450px;

    }

    .one {

        width: 170px;
        height: 170px;
        right: 0;
        top: 30px;

    }

    .two {

        width: 200px;
        height: 140px;
        left: 25px;
        bottom: -25px;

    }

    .section-title {

        font-size: 36px;

    }

    .about-features {

        grid-template-columns: 1fr;

    }

}

@media(max-width:576px) {

    .section-padding {

        padding: 80px 0;

    }

    .about-collage {

        display: flex;
        flex-direction: column;
        gap: 20px;

    }

    .img-big,
    .one,
    .two {

        position: relative;
        width: 100%;
        height: 250px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border: none;

    }

    .section-title {

        font-size: 30px;

    }

    .about-text {

        font-size: 16px;

    }

}

@media(max-width:991px) {

    .service-image {

        height: 220px;

    }

    .service-content {

        padding: 30px;

    }

    .service-content h3 {

        font-size: 24px;

    }

}

@media(max-width:576px) {

    .service-image {

        height: 230px;

    }

    .service-icon {

        margin: auto;
        margin-top: -55px;
        margin-bottom: 20px;

    }

    .service-content {

        text-align: center;

    }

}

@media(max-width:991px) {

    .gallery-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:576px) {

    .gallery-grid {

        grid-template-columns: 1fr;

    }

    .large,
    .tall,
    .wide {

        grid-column: auto;

        grid-row: auto;

    }

}

@media(max-width:991px) {

    .coverage-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:576px) {

    .coverage-grid {

        grid-template-columns: 1fr;

    }

    .experience-box {

        width: 100%;

        justify-content: center;

    }

}

@media(max-width:991px) {

    .contact-form {

        padding: 30px;

    }

    .contact-info {

        margin-bottom: 20px;

    }

}

@media(max-width:576px) {

    .contact-form {

        padding: 25px;

    }

    .contact-info div {

        font-size: 15px;

    }

    .contact-info i {

        width: 45px;

        height: 45px;

        font-size: 18px;

    }

}

@media(max-width:991px){

.footer-cta{

text-align:center;

}

.footer-cta .btn-gold{

margin-top:25px;

}

.footer-main{

text-align:center;

}

.footer-social{

justify-content:center;

}

.footer-contact li{

justify-content:center;

}

.footer-bottom-content{

flex-direction:column;

text-align:center;

}

}

@media(max-width:576px){

.footer-cta{

padding:50px 0;

}

.footer-cta h2{

font-size:30px;

}

.footer-main{

padding:70px 0 40px;

}

.footer-logo{

height:80px;

}

}