@media screen and (max-width:767px){

    .navbar-brand > img { height: 61px; margin-top: -16px;}
    .carousel-inner h2 {bottom: 300px;left:350px;font-size: 30px;}
    .carousel-inner p {bottom: 200px;left:320px;font-size: 40px;}
    .about p:first-child{padding-top: 20px;}
    .about img{width:330px;height: 230px;}
    .btn{padding: 0 5px;}
    iframe{height:200px;width:100%}
    .contact p{ width: 338px;}
    .gallery{padding: 40px 8px;}
    .service .col1,.service .col2, .service .col3{width:90%}
    .about img{float: right;}
    .service{padding: 0}
}



         

@media screen and (min-width:320px) and (max-width:568px){
    .carousel-inner h2 {bottom: 45px;left:82px;font-size: 30px;}
    .carousel-inner p {bottom: 0;left:38px;font-size: 21px;}
    .about img{width: 293px;}
    .contact p {
        width: 305px;}
}









@media screen and (min-width:992px) and (max-width:1199px){
  






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

    .carousel-inner h2 {bottom: 142px;left: 168px;font-size: 52px;}
    .carousel-inner p {bottom: 85px;left: 129px;font-size: 30px;}
    .service .col1,.service .col2, .service .col3{width:90%}
    .about img{float: right;}
    .service{padding: 12px}


}

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

    .carousel-inner h2 {bottom: 180px;left:187px;font-size: 60px;}
    .carousel-inner p {bottom: 94px;left: 126px;;font-size: 40px;}
    







}