/*   
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.4
Version: 1.8.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v1.8/frontend/
*/

.genreListMain { display:block !important;}
@media (max-width: 1920px) {
    .content.has-bg .content-bg img {
        width: 100%;
    }
     
     .genreListMain { display:block !important;}
     .home-content { top: 14%; }
    .home-content h1 {
        font-size: 48px;
    }
    .home-content h3 {
        font-size: 24px;
    }
    .home-content .form-control { width: 60%; font-size: 1.8em; margin:auto;}

}

@media (max-width: 1200px) {
    .content.has-bg .content-bg img {
        max-height: 100%;
        max-width: inherit;
    }
    .content .content-desc {
        margin-bottom: 30px;
    }
     
     .genreListMain { display:block !important;}
     .home-content { top: 14%; }

}

@media (min-width: 768px) and (max-width: 992px) {
    .header.navbar .navbar-nav > li > a {
        padding: 25px 10px;
    }
    .header.navbar.navbar-small .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .home-content h1 {
        font-size: 48px;
    }
    .home-content h3 {
        font-size: 24px;
    }
    .home-content h1, .home-content h2, .home-content h3, .home-content h4 {
        margin: 0 0 15px;
    }
    .home-content p {
        margin-bottom: 30px;
    }
    .form-control { width:60%; margin:auto; font-size:1.3em;}
    .genreListMain { display:block;}
     
     .genreListMain { display:block !important;}
     .home-content { top: 14%; }
}
@media (max-width: 992px) { 
    .about-author .author {
        padding-left: 80px;
    }
    .about-author .author .image {
        width: 80px;
    }
    .form-control { width:70%; margin:auto; font-size:1.3em;}
    
    .genreListMain { display:block !important;}
}
@media (max-width: 767px) {
    .header.navbar .navbar-nav > li > a {
        padding: 10px 15px;
    }
    .navbar-transparent .navbar-collapse {
        background: #000;
        background: rgba(0,0,0,0.9);
    }
    .header.navbar-small.navbar-transparent .navbar-collapse {
        background: #000;
        background: rgba(0,0,0,0.9);
    }
    .header.navbar-small.navbar-transparent .navbar-collapse .navbar-nav > li > a {
        color: #8F8E8E;
    }
    .header.navbar.navbar-small .navbar-nav > li > a {
        padding: 10px 15px;
    }
    .navbar-nav > li.dropdown:hover > .dropdown-menu,
    .navbar-nav > li.dropdown:focus > .dropdown-menu {
        display: none;
    }
    .navbar-nav > li.dropdown.open > .dropdown-menu,
    .navbar-nav > li.dropdown.open:hover > .dropdown-menu,
    .navbar-nav > li.dropdown.open:hover > .dropdown-menu {
        display: block;
        -webkit-animation: none;
        animation: none;
    }
    .navbar-nav > li.dropdown > .dropdown-menu {
        border-top: 1px solid #444;
        border-bottom: 1px solid #444;
    }
    .navbar-default .navbar-nav > li.dropdown > .dropdown-menu,
    .navbar-default .navbar-nav > li.dropdown > .dropdown-menu > li + li {
        border-color: #e7e7e7;
    }
    .home-content h1 {
            /*font-size: 2.5em;*/
            font-size: 3.5em;
    }
    .home-content h3 {
        /*font-size: 14px;*/
        font-size: 24px;
    }
    input.frm_query { margin:auto; margin-bottom: 10px; margin-top: 0px; font-size: 15px; }
    .btn {
        padding: 7px 15px;
        font-size: 14px;
    }
    .home-content p.nextupdate { font-size: 10px; }
    .home-content {  top: 16%;}
    .home-content h1, .home-content h2, .home-content h3, .home-content h4 {
        margin: 0 0 5px;
    }
    .home-content h1 {
            margin-top: -14px;
    }
    .home-content p {
        margin-bottom: 30px;
    }
    .milestone-col + .milestone-col {
        border: none;
        border-top: 1px solid rgba(255,255,255,0.2);
        margin-top: 15px;
        padding-top: 15px !important;
    }
    .team {
        margin-bottom: 30px;
    }
    .action-box .btn {
        margin-top: 15px;
    }
    .pricing-table.col-4 > li,
    .pricing-table.col-3 > li {
        width: 100%;
    }
    .pricing-table .highlight {
        margin-top: 0 !important;
        padding: 10px !important;
    }
    .form-control { width:80%; margin:auto; font-size:1.3em;}
    input.frm_query { margin:auto; margin-bottom: 10px; margin-top: 0px; }
    .integrationList { margin-top: 0px; margin-bottom: 0px;     }
    .nextupdate { margin-top: 0px; }
    .home-content p {
        margin-bottom: 15px;
    }
    #options { display:none; }
    
    .genreListMain { display:block !important;}

}
@media (max-width: 500px) {
    .home-content { top: 19% !important; }
    .home-content h1 {
            font-size: 2.1em;
            margin-bottom: 20px;
            margin-top: 5px;

    }
    .home-content h3 {
        font-size: 13px;
    }
    input.frm_query { margin:auto; margin-bottom: 10px; margin-top: 0px; font-size: 12px; }
    div.browsemenu { display:none; }
    .about-author .quote h3 { font-size: 14px; line-height: 12px;}
    .about-author .quote { padding: 29px 20px; }
    #genreTop100Menu {     margin-top: 188px; }
    .home-content .form-control { width: 100%; font-size:12px;}   
    
    .integrationList { font-size: 1em; margin-top: -10px; }
    .home-content p {
        margin-bottom: 15px;
    }
    #options { display:none; }
    .brand-logo {width: 36px; height: 36px; margin:0px;}
    .brand-text { margin-top: 9px;     font-size: 12px;     margin-left: 39px; }    
    .home-content p.nextupdate { font-size: 9px; }
}


@media (max-width: 467px) {
 
    #options { display:none; }
    .theme-panel.active {    width: 90%;}
    h1 { font-size: 28px;   }
    h3 { font-size:1.2em; }
    .tipbox { margin-top:5px; font-size: 1em;  }

}