img {
max-width: 100%;
height: auto;
width: auto\9; border: 0px;
}
@media screen and ( max-width: 1024px) {
html, body {
overflow: visible;
}
header {
position: relative;
}
article {
position: relative;
height: auto;
float: left;
}
footer {
position: relative;
}
.register-banner {
width: 100%;
height: 50%;
}
.project-banner {
width: 100%;
margin-top: 0;
}
.white-box {
width: 100%;
height: auto;
margin: 0;
margin: 0;
}
.black-box {
width: 100%;
height: auto;
margin: 0;
}
#our-team {
margin-top: 0;
}
#map_canvas {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.about-content {
width: 100%;
padding: 0;
overflow-x: visible;
}
}
@media screen and ( max-width: 979px) {
ul.web-nav li {
font-size: 12px;
}
ul.web-nav li a {
margin-right: 10px;
}
.our-team-box {
width: 31.3%;
}
}
@media screen and ( max-width: 768px) {
#access {
display: none;
}
#mob-menu-container {
display: block;
}
}
@media screen and ( max-width: 767px) {
html, body {
overflow: visible;
}
header {
position: relative;
}
article {
position: relative;
top: 0;
height: auto;
}
footer {
position: relative;
}
#access {
display: none;
}
#mob-menu-container {
display: block;
}
.register-banner {
height: 350px;
}
footer {
height: auto;
}
#copy-rights {
line-height: 24px;
margin: 8px 0 0 0;
float: left;
width: 100%;
text-align: center;
}
.text-box input {
padding: 0 4% !important;
width: 100% !important;
}
.textarea {
padding: 4% 4% !important;
width: 100% !important;
}
ul.social-media {
margin: 8px 0;
}
.slides-container img {
height: auto !important;
width: 100% !important;
left: 0 !important;
top: 0 !important;
}
.slides-navigation {
display: none !important;
}
slider {
float: left;
position: relative;
width: 100%;
}
.our-team-box {
width: 100%;
padding: 0;
}
.su-row.warehouse-address { 
width:100%;
}
}
@media screen and ( max-width: 320px) {
#logo {
width: 80%;
}
.gform-center {
width: 100%;
}
}