@media screen and (max-width: 768px) {
.h2_resp {font-size: 20px; font-weight: bold;}
.logo { 
width: 50%; 
float: left;}

.contactInfo {
  width: 50%;
  float: right;
}
.logoimg {
max-width: 320px;

}
.icon   {
  padding-top: 25px;
}
.phone {
  font-size: 30px;
  float: right;
}
.addy {
  float: right;
  text-align: right;
  font-size: 20px;
}
.sm1 {
  float: left;
width: 62px;
padding-top: 10px
}
.top-center {
  top: 40%;
}
.txt {
  font-size: 17px;
}
.zzz {
  padding-left: 15px;
}
.myButton {
  font-size: 17px;
  padding: 10px 10px;
  margin-left: 8px;
}
.column1 {
  width: 50%;
  padding-right: 5px;


}
.column2 {
  padding-left: 20px;
 }
 .contact_footer {
  padding-top: 3px;
 }
 .img_footer {
  width: 20%;
  padding-left: 50px;
 }

}




@media screen and (max-width: 480px) {
.menu1 {
    float:left;
    width: 100%; 
}
.nav1 {padding-right: 0px;}
.header {
    height: 260px;
    padding: 2px;
}
.contactInfo {
  width: 100%;
  text-align: center;
}
.logo {
  width: 100%;
}

.logoimg {
  width: 100%;
  max-width: none;
}
.sm1 {
  width: 55%;
  display: block;
}
.phone {
  float: left;  
  width: 100%; 
  padding-top: 15px;

}
.addy {float:left;
  display: none;
}
.drcol {
  height: 550px;
}
.welcome_sec {
  font-size: 22px;
}
.column1 {
  width: 100%;
  padding-right: 0px;
}
.w3-row-padding {
  background-color: #727475;
height: 840px;
}
.contactUs {
  padding-top: 1px;
}
.footer {
  height: 155px;
}
.phone2 {font-size: 22px;}
.contact_footer {
  padding-left: 20px;
    font-size: 14px;

}

.img_footer {
    width: 25%;
    padding-top: 16px;
    padding-left: 3px;
    float: left;
}
.zzz {
  display: none !important;
}
.column2 {
  padding-left: 0;
}
.flex-container > a {
  width: 100%;
}
.flex-container1 > a {
  width: 100%;
}
.contact_footer {
  padding-top: 30px;
  font-size: 20px;
 }
 .google-maps {
         padding-bottom: 75%; // This is the aspect ratio
         
    }

}