/* 
    Document   : template quatroagency.com
    Author     : design@quatroagency.com
    Description:
        Purpose of the stylesheet follows.
*/

@media (max-width: 1360px){
    #banner{width: 35%;}
}

@media (max-width: 1024px){
    #cbp-bislideshow li h1{
        top: 5px;
    }

    #banner{
        width: 40%;
    }

     #SocialNetwork{right: -10px;}

     #page-movil .btn-navbar, #default .btn-navbar{
        background-image: none;
        background: #0f7dab;
    }

    #home #cbp-bislideshow li {
        background-position: right top;
        background-size: cover;
    }

}

@media (max-width: 815px){
    
    #SocialNetwork{right: -10px;}

}

@media (max-width: 980px){

}

@media (max-width: 615px){


    #dropdownbox{
        display: none;
    }

    #default #banner li {
        margin: 0.3em 0.5em;
        width: 30%;
    }


    #logo-default{
        text-align: center;
    }

    

    #page-movil #banner{
        width: 100%;
        position: relative;
    }

    #home footer{
        display: block;
         padding: 0.8em 0.5em;
        width: 109%;
    }

    footer{
        margin: 0 -20px;
        padding: .8em  1.45em;
    }


}

@media (max-width: 495px){
    #default #banner li {
        margin: 0.3em 0.5em;
        width: 25%;
    }

    #page-movil #banner ul {
        width: 100%;
    }

}

@media (max-width: 335px){
    #home footer{
        display: block;
         padding: 0.8em 0.5em;
        width: 115%;
    }
}