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

  .container {
    width: 100%;
  }
  .s-map {  
    margin-left: 65%;
    
}

  
}
@media (min-width: 480px) and (max-width: 575px) { 

  .container {
    width: 100%;
  }
  .carousel-control-next, .carousel-control-prev {
    top: 143px;
    
} 

.logo {
  text-align: center;
}
.logo img {
  width: 50%;
}
.down-arow {
  font-size: 22px !important;
  padding: 10px 0px;  
  width: 100%;
  float: right;
}
.right-imgs {
  float: left;
  width: 50%;
  text-align: center;
}
.s-map iframe {
  max-width: 100px;
  max-height: 150px;
}
.s-map {  
  margin-left: 70%;  

}

}

@media (min-width: 360px) and (max-width: 479px) { 

  .container {
    width: 100%;
  }
  .carousel-control-next, .carousel-control-prev {
    top: 143px;
    
} 

.logo {
  text-align: center;
}
.logo img {
  width: 70%;
}
.down-arow {
  font-size: 22px !important;
  padding: 10px 0px;  
  width: 100%;
  float: right;
}
.right-imgs {
  float: left;
  width: 50%;
  text-align: center;
}
.s-map iframe {
  max-width: 100px;
  max-height: 100px;
}
.s-map {  
  margin-left: 60%;  

}
.right-imgs img {
  width: 150px;
  margin-bottom: 20px;
  border-radius: 10px;
}

}

@media (min-width: 280px) and (max-width: 359px) { 

  .container {
    width: 100%;
  }
  .carousel-control-next, .carousel-control-prev {
    top: 68px;
    
} 

.logo {
  text-align: center;
}
.logo img {
  width: 70%;
}
.down-arow {
  font-size: 22px !important;
  padding: 10px 0px;  
  width: 100%;
  float: right;
}
.right-imgs {
  float: left;
  width: 50%;
  text-align: center;
}
.s-map iframe {
  max-width: 100px;
  max-height: 100px;
}
.s-map {  
  margin-left: 50%;  

}
.right-imgs img {
  width: 125px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.top-icons a { 
  padding: 0 0 0 13px;
}

}
.keypad-main {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}