body{
    font-family: 'montserrat'! important;

}
.panel , .panel-group {
    margin-bottom: 5px ! important;
}
.abd {
  padding-bottom: 55px;
}
.modal-dialog {
  width: 70%!important;
}
.modal-header {
  padding: 8px!important;
      border-bottom: 0px solid #e5e5e5!important;
}
.modal-content {
      border: 0px solid rgba(0,0,0,.2)!important;
}
.modal-body {
padding:0px! important;
}
.branchimage{

width: 170px;
    height: 170px;
}


.logo h4 {
   color: white;
   margin-left: 20px;
   font-size: 25px;
}
.logo p {
   color: white;
   margin-left: 20px;
}
.sidebar {
  padding: 10px;
}
.contact{
}
.fix{
  clear: both;
}
.icons i{
  color: white;
  font-size: 25px;
  border-radius: 360px;
}
.logo ul {
  margin-left: -27px;
  list-style: none;
}
.logo ul li {
  float: left;
  margin: 10px;
}
.logo li a :hover{
  background-color: #eb4930;
}
.wasim{
  text-align: justify;
}

.left{
  margin-left: -15px;
}
.col-md-6{
  width: 365px;
  margin-top: 20px;
}
.col-md-6 p{
margin:10px;
}
.panel-heading{
  width: 100%;
  background-color:#2b6d9d;
  color: white;
}
.panel-body{
  background-color: #f2f2f2;
}

  .branchdetail {
    font-size: 17px;
    text-align: justify;
  }
  .map {
    width: 100%;
    height: 100px;

  }
  h4 p h2 h3 h1 {
     font-family: 'montserrat'! important;
  }

  .gmnoprint {
    display: none ! important;
  }
 .img-circle,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
 
   border-radius: 100%;}


    .branchhead {
        font-size: 15px;
        color: black;
    font-weight: 800;
  }
 .brancheadname {
    font-size: 18px;
    color: black;
    font-weight: bolder;
  }
  .branchpost {
   font-size: 10.8px;
    color: black;
    display: none;
    font-weight: 700;
  }
.nuu {
      font-size: 16px;
    font-weight: 700;
    color: black;
}
.iconss:hover ,.u1:hover  {
   color:#2b6d9d ! important;
}
.iconss {
  font-size: 15px;
   font-weight: 700;
    color: black;
}

    .hide-me[aria-expanded="true"] {

   display: none;
    }
    .show-me[aria-expanded="false"] {


      display: show;
    }
    .panel-collapse[aria-expanded="true"]  {
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
 animation-delay: 1s;
transition: all 500ms ease;
    }
     .panel-collapse[aria-expanded="false"] {
 -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
 animation-delay: 1s;
transition: all 500ms ease;
    }


.topc {
  margin-top: 35px;
}


.centerimage{

  background-color: white;
      padding-top: 129px;
    padding-bottom: 129px;
 
}

.row {
  margin-left: auto ! important;
  margin-right: auto ! important;
}



.binfo {
      text-align: center;
}

.headingga {
  cursor: pointer;
  border: 0px solid white ! important;
      display: block ;
   color: white ! important;
    font-size: 14px;
    padding: 15px! important;
}

.headingg {
  border: 0px solid white ! important;
  width: 20%  ! important;
    background: #2b6d9dc4  ! important;
    color: white  ! important;
  
    margin: 0 auto  ! important;
    text-align: center  ! important;
    margin-bottom: 5px ! important;
}
.panel-title {
    color:white;


}
.secondarea {
  background: whitesmoke;
padding-top: 70px;
    padding-bottom: 60px;
}
.iconss {
margin: -4px 0 28px;
}

.des {
      font-size: 18px;
    text-align: justify;
    font-weight: 600;
    color: black;
        word-spacing: 15px;
    letter-spacing: 1px;
}
.panel {
  border: 0px solid transparent ! important;   box-shadow: 0 0px 0px rgb(0 0 0 / 0%)! important;
  background-color: #fff0 ! important;;
}
a:focus, a:hover {
    color: #ffffff  ! important;
    text-decoration: none  ! important;
}
.topcontact {
  padding-top: 80px;
}
.headingmain {
      font-size: 34px;
    font-weight: 700;
    border: rebeccapurple;
    color: black;
    padding: 10px;
    width: 100%;
}
.bgcolor {
    background-color: whitesmoke ! important;
   padding-top:35px;
}
.headingg:hover {
      box-shadow: 0 14px 35px rgb(0 0 0 / 26%);
}
.closeb {
  margin-top: -60px! important;
    color: #5c8fb4 ! important;
    font-weight: 800! important;
    font-size: 28px! important;
}
.closeb:hover {
  margin-top: -60px! important;
    color: #5c8fb4 ! important;
    font-weight: 800! important;
    font-size: 28px! important;
}










.bf {
color: black;
    font-weight: 600;
}

.imagesdiv {
padding:6px ! important;
}

.imagesdiv a > img:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

   @media screen and (max-width: 600px) and (min-width: 200px) {
  .headingg {
      font-size: 12px! important;
  width: 90% ! important;
  }
  .topcontact {
  padding-top: 10px  ! important;
}

.headingmain {
      font-size: 24px! important;
    font-weight: 700;
    border: rebeccapurple;
    color: black;
    padding: 10px;
    width: 90%! important;
}
.bgcolor {
    background-color: whitesmoke ! important;
    margin-left: 0px ! important;
    margin-right: 0px ! important;
}

.container-fluid {
    padding-right: 15px! important;
    padding-left: 15px ! important;
}
.branchimage {
  margin: 0 auto;
}


}


    .modal.in .modal-dialog 
{
    -webkit-transform: translate(0, calc(50vh - 50%));
    -ms-transform: translate(0, 50vh) translate(0, -50%);
    -o-transform: translate(0, calc(50vh - 50%));
    transform: translate(0, 50vh) translate(0, -50%);
}




 @media screen and (max-width: 2500px) and (min-width: 600px) {

.imagesdiv a > img {
height: 345px! important;
}


.container-fluid {
    padding-right: 60px! important;;
 }
 

  }




    @media (min-width:320px)  { 
     #iframh {
  height: 335px;
 }
  }
@media (min-width:481px)  { 

 #iframh {
  height: 540px;
 }


 }
@media (min-width:641px)  { 

 #iframh {
  height: 600px;
 }
   }
@media (min-width:961px)  { 

 #iframh {
  height: 600px;
 }
  }
@media (min-width:1025px) { 

 #iframh {
  height: 600px;
 }

}
@media (min-width:1281px) {

 #iframh {
  height: 500px;
 }
}

 @media (min-width:1381px) {

 #iframh {
  height: 562px;
 }
 }

 @media (min-width:1481px) {

 #iframh {
  height: 540px;
 }
 }

  @media (min-width:1581px) {

 #iframh {
  height: 600px;
 }
}
  @media (min-width:1681px) {

 #iframh {
      padding-top: 32px;
    height: 635px; }
 }