.jumbotron-aboutus{
    background-image: url("../img/aboutus.png");
    background-size: 100% 100%;
    min-height: 490px;
}
.headder{
    padding-right: 0px;
    padding-left: 0px; 
}
.headder .jumbotron-aboutus{
    border-radius: 0px;
}
#gmap{
    min-height:200px; 
    background:#cccccc;
    padding-right: 0px;
    padding-left: 0px; 
    margin-top:10px;
    margin-bottom:20px;
}


.banner-text {
    position: absolute;
    bottom: 10%;
    left: 5%;
    right: 5%; 
    color: rgba(255,255,255,0.6);
    z-index: 99;
}

.banner-text .titles {
    font-size: 50px;
}

.banner-service {
    animation-name: example;
    animation-duration: 4s;
    animation-fill-mode: forwards;
}

@keyframes example {
    0%   {transform: scale(1);}
    100% {transform: scale(1.1);}
}

/* 
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

}

/* 
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) {

    .banner-service > img{
        width: 100%;
    }
}

/* 
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    .banner-service > img{
        width: 100%;
    }
}

/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .banner-service > img{
        width: 100%;
    }

}

/* 
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .banner-service > img{
        height: 450px;
    }
}

/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .banner-service > img{
        height: 400px;
    }
}