/* General
================================================== */
img{ max-width: 100%; }
/*hide redundant menu*/
#primary select { display: none; width: 100% !important; }
@media only screen and (device-width: 768px) {
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#page, #wrap, #page-heading, #home-heading, #map,iframe, #signup{ 
width: 768px; margin:0px auto; padding:0;}
#primary ul { display: none; }
#primary select { display: inline-block!important; background-color:#00b4ff!important; border:none!important;padding: 0px 10px 0 10px;}
#primary{width:768px; padding: 0; height: 40px; line-height: 40px; float: none; margin:0;}
#logo{ float:left; margin:0px 0px; width: 45%;}
.social-icon{ width:35%;}
#address{ width:35%;}
#page-heading{ margin-top:35px; margin-bottom:20px;padding:10px 0px 10px 0px;}
#home-heading{ padding:10px 0px 10px 0px;}
#signup{ height:50px; padding-top:20px;}
.col-left{ width:47%;}
.col-right{ width:47%;}
}

/* Note: Design for a width of 290px */
@media only screen and (max-width: 768px){
#page, #wrap, #page-heading, #home-heading, #map,iframe, #signup{  
width: 524px; margin:0px auto;}
#page-heading{ padding:10px 0px 10px 0px; margin-bottom:15px; margin-top:35px;}
#home-heading{ padding:10px 0px 10px 0px;}
a.buttonsm{ padding-top: 7px;padding-right: 20px;padding-bottom: 7px;padding-left: 20px;}
#primary ul { display: none; }
#primary select {display: inline-block!important; background-color:#00b4ff!important; border:none!important;padding: 0px 10px 0 10px;}
#primary{width:524px; padding: 0; height: 40px; line-height: 40px; float: none; margin:0;}
#logo{ float:left; margin:0px 0px; width: 45%;}
.social-icon{ width:20%; padding:0px 0 0 0;}
#address{ width:40%; font-size:14px;}
#signup{ height:28px; padding-top:20px;}
.col-left{ width:47%;}
.col-right{ width:47%;}
input[type="text"], input[type="email"], textarea{width:92%;}
span.wpcf7-not-valid-tip{width:92%;}
}

/* Note: Design for a width of 420px */
@media only screen and (max-width: 524px){
#page, #wrap, #page-heading, #home-heading, #map,iframe, #signup{  
width: 300px; margin:0px auto;}
#page{ margin-top:20px;}
#page-heading{ padding:10px 0px 10px 0px; margin-bottom:10px;margin-top:25px;}
#home-heading{ padding:10px 0px 10px 0px;}
#primary ul { display: none; }
#primary select {display: inline-block!important; background-color:#00b4ff!important; border:none!important;padding: 0px 10px 0 10px;}
#primary{width:300px; padding: 0; height: 40px; line-height: 40px; float: none; margin:0;}
#logo{ float:none; margin:0px 0px;  max-width:100%; width:100%; display:block; text-align:center;}
#logo img{ width:60%;}
#address{ display:none;}
#signup{ height:22px; padding-top:15px;}
.col-left{ width:100%; margin-bottom:20px; float:none;}
.col-right{ width:100%; float:left; clear:both;}
input[type="text"], input[type="email"], textarea{width:240px;}
h2{font-size:1.7em;
}
.social-icon{ width:100%; float:none; text-align:center; padding:20px 0 0 0;}
}