@media only screen and (max-width:1200px) {
    .services-main-service-section {}
}

@media only screen and (max-width:1023px) {}

@media only screen and (max-width:991px) {
    .nav-menu-main-links ul li {
        padding-left: 30px
    }
    .main-links-last-link {
        margin-left: 30px
    }
    .home-about-section {
        text-align: center
    }
    .footer-logo img {
        width: 200px;
    }
    .services-main-service-section h1 {
        margin-top: 0px
    }
}


@media only screen and (max-width:920px){
  .services-item-info h3 {
    margin-left: auto;
    text-align: center;
}
}

@media only screen and (max-width:767px) {
    .nav-main-menu-style {
        padding: 20px 0px 17px 0px;
    }
    .menu-icons {
        display: block
    }
    .nav-menu-main-links {
        display: none
    }
    .home-our-offices-section {
        text-align: center
    }
    .hide-header {
        display: none;
    }
    .home-our-offices-section {
        background-position: inherit
    }
    .services-what-we-do-info .col-xs-6 {
        margin-bottom: 50px;
        text-align: center
    }
    .services-main-service-section {
        text-align: center
    }
    .services-main-service-section h1 {
        margin-top: 0px
    }
    .services-main-service-section-img img {
        margin-top: 20px
    }

    .col-md-6.col-md-offset-2.col-sm-6.services-main-service-section-img-container{
        position: relative
    }
    .services-main-slider.owl-theme .owl-nav{
        position: relative
    }
    .services-main-slider .owl-prev {
        float: none;
        margin-left: -30px !important
    }

    .services-main-slider .owl-next {
        float: none;
        margin-right: -30px !important
    }
    .services-main-slider .owl-prev:before {
        position: relative;
        left: -20px;
    }
    .services-main-slider .owl-next:after {
        position: relative;
        right: -20px;
    }
}

@media only screen and (max-width:650px) {
    .home-top-slider .owl-theme .owl-nav {
        width: 100%;
        left: inherit;
    }
    .home-top-slider .owl-prev:before {
        left: inherit;
        margin-left: -43px
    }
    .home-top-slider .owl-next:after {
        right: inherit;
        margin-left: 20px
    }
    .home-top-slider-num {
        bottom: 100px;
        width: 100%;
        text-align: center;
        right: inherit
    }
    .home-top-slider-num p span {
        display: none;
    }
    .contact-us-main-info{
        text-align: center;
    }

    .contact-us-main-form h4{
        text-align: center
    }
}

@media only screen and (max-width:565px) {}

@media only screen and (max-width:550px) {
    .services-hero-info-box h1 {
        font-size: 40px
    }
}

@media only screen and (max-width:500px) {}

@media only screen and (max-width:492px) {}

@media only screen and (max-width:480px) {}

@media only screen and (max-width:450px) {
    .home-top-slider-caption h1 {
        font-size: 40px
    }
    .services-hero-info-box h1 {
        font-size: 40px
    }

    .contact-us-hero-info-box h1{
        font-size: 40px
    }

}

@media only screen and (max-width:440px) {
    .services-main-items .col-xs-6 {
        width: 100% !important;
    }
    .home-featured-projects-filter-main-items .col-xs-6 {
        width: 100% !important
    }
    .services-item img {
        height: 100vh;
    }
    .services-item-info img {
        height: auto !important
    }
    .services-what-we-do-info .col-xs-6 {
        width: 100% !important
    }
    .services-hero-info-box h1 {
        font-size: 35px
    }
}

@media only screen and (max-width:400px) {}

@media only screen and (max-width:396px) {
    .services-hero-info-box h1 {
        font-size: 30px;
        letter-spacing: 5px
    }
}

@media only screen and (max-width:370px) {
    .home-top-slider-caption h1 {
        font-size: 30px
    }
}

@media only screen and (max-width:366px) {}

@media only screen and (max-width:325px) {
    .side-menu {
        width: 100%
    }
    .home-top-slider-caption h1 {
        font-size: 25px
    }
}

@media only screen and (max-width:280px) {}
