/* Responsive Styles for Great Blog Theme */

/* Tablets and Small Desktops */
@media (max-width: 992px) {
    .wrapper {
        width: 95%;
    }
    
    #logo-image,
    #top-banner {
        float: none;
        text-align: center;
        margin-bottom: 15px;
    }
}

/* Mobile Phones */
@media (max-width: 768px) {
    .wrapper {
        width: 100%;
        padding: 0 10px;
    }
    
    .column-a,
    .column-b {
        width: 100%;
        padding: 0;
    }
    
    #main-menu {
        display: none;
    }
    
    #mobile-menu-toggle {
        display: block;
        background: #333;
        color: white;
        padding: 15px;
        text-align: center;
        cursor: pointer;
    }
    
    .newsletter-form .input-email input[type="text"],
    .newsletter-form .input-email input[type="submit"] {
        width: 100%;
        margin-bottom: 10px;
    }
}

/* Small Mobile Phones */
@media (max-width: 480px) {
    #search-social {
        text-align: center;
    }
    
    .social-links {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }
    
    .search-box {
        float: none;
        display: inline-block;
    }
    
    .widget {
        padding: 15px;
    }
}