/*
    *estilos que definen el diseño responsivo de el header
    *menu superior
    *logo
    redes sociales
    buscador
 */
@media (max-width: 452px) {
    #searchbox {
        float: none !important;
        margin: auto;
        width: 100%;
        margin-top: 5px !important;
    }

    input.search_query {
        display: initial !important;
    }

    #scrollable-dropdown-menu {
        text-align: center;
    }

    #sns_header .header-right .header-right-inner .connect-us {
        float: none;
        display: block;
        margin: auto;
        width: 300px;
        text-align: center;
    }

    #header-connect-us {
        margin-bottom: 10px;
    }

    #sns_header .header-right .header-right-inner .connect-us li {
        margin-bottom: 5px !important;
        float: none !important;
    }

    #scrollable-dropdown-menu .tt-dropdown-menu {
        max-height: 300px;
        border-radius: 10px;
        opacity: .9;
        top: 100px;
        height: 200px;
        margin: auto;
        width: 245px !important;

    }

    /*#search_query_top {*/
    /*    width: 245px !important;*/
    /*}*/

    .search_query {
        width: 300px !important;
    }

}

@media  (max-width: 495px) and (min-width: 480px) {
    #searchbox {
        width: 300px;
    }

}

@media (max-width: 991px) and (min-width: 768px) {
    .form-search {
        width: 230px;
    }
}

@media (max-width: 560px) and (min-width: 453px) {
    #scrollable-dropdown-menu .tt-dropdown-menu {
        max-height: 300px;
        border-radius: 10px;
        opacity: .9;
        top: 120px;
        height: 200px;
        margin: auto;
        width: 160% !important;
        margin-left: -90% !important;
    }
}