/* Responsive fixes for AW Jones website */

/* Global responsive fixes */
html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Improved container responsiveness */


/* Header and logo fixes */
.logo img {
    max-width: 100%;
    height: auto;
}

/* Navigation improvements */
.navbar {
    margin-bottom: 0;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

/* Improved mobile menu */
@media (max-width: 767px) {
    .navbar-default .navbar-collapse {
        background-color: #f8f8f8;
        border-radius: 4px;
        margin-top: 10px;
        border: 1px solid #e7e7e7;
    }
    
    .navbar-nav {
        margin: 0;
    }
    
    .navbar-nav > li > a {
        padding: 10px 15px;
    }
    
    .navbar-toggle {
        margin-right: 0;
        margin-top: 8px;
    }
    
    .social_head {
        text-align: left !important;
        margin-top: 10px;
    }
}

/* Content area fixes */
.bordermain {
    padding-top: 20px;
}

/* Image responsiveness */
.picture, img {
    max-width: 100%;
    height: auto;
}

/* Fix for floating images */
@media (max-width: 767px) {
    .pic {
        float: none !important;
        display: block;
        margin: 0 auto 15px auto;
        text-align: center;
    }
    
    .imgalign-left {
        margin-right: 0;
    }
}

/* Footer fixes */
#footer {
    margin-top: 20px;
    padding: 15px 0;
    text-align: center;
}

/* Fix for Google Map */
iframe {
    max-width: 100%;
    border: none;
}

/* Contact form improvements */
#contact-form .form-group {
    margin-bottom: 15px;
    overflow: hidden;
}

@media (max-width: 767px) {
    #contact-form .col-xs-6,
    #contact-form .col-xs-4 {
        width: 100%;
        padding: 0;
    }
    
    #contact-form label {
        margin-bottom: 5px;
    }
}