@media (max-width: 991px) {
    .banner-wrap{
        max-width: 100%;
    }
    .banner-desc > p{
        max-width: 100%;
    }
    .service-img > img{
        width: 130%;
        margin-left: -90px;
        margin-top: -40px;
    }
}
@media (max-width: 767px) {
    .cus-navbar .navbar-nav>li>a:not(.btn){
        color: #fff;
    }
    .cus-navbar{
        padding: 15px;
    }
    .cus-navbar .navbar-toggle{margin-right: 0;}
    .cus-navbar .navbar-toggle .icon-bar{
        background-color: #0eb4b5;
    }
    .cus-navbar .navbar-collapse{
        padding: 0;
    }
    .cus-navbar .navbar-nav{
        background: #000b0d;
        margin: 0;
    }
    .cus-navbar .navbar-nav.navbar-right{
        border-radius: 0 0 10px 10px;
        padding-bottom: 20px;
    }
    section.banner-sec{
        padding: 100px 0 50px;
    }
    .banner-desc h3{
        margin-bottom: 20px;
    }
    .banner-desc > h1{
        font-size: 38px;
        margin-bottom: 15px;
    }
    .service-sec{
        padding-top: 50px;
    }
    .project-box{
        padding-top: 0;
    }
    .project-img{
        text-align: center;
        /* height: 370px; */
    }
    .project-img img{
        max-width: 512px;
        width: 100%;
        top: 0;
        left: 0;
        position: relative;
    }
    .project-form{padding: 0px 20px;}
}
@media (max-width: 560px) {
    .service-img > img{
        width: 140%;
        margin-left: -20%;
        margin-top: 0;
    }
}