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

    .navbar-brand > img { height: 61px; margin-top: -16px;}
        .head .head-pic h6{font-size: 14px;line-height:34px;padding: 15px;}
        .head .head-info p {font-size: 11px}
        .service-container{margin:10px 0;}
        .image,.overlay{width: 330px;}
        .contact p{ width: 338px;}
        .service-container p {    width: 334px;}
        .service h2 {font-size:18px}
        select{margin-bottom: 10px;}
        .head-info,.head-pic{height:315px}
        .btn{padding: 0 5px;}
        iframe{height:200px;width:100%}




         

@media screen and (min-width:320px) and (max-width:568px){
   
}


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





}






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






}