/* ============================

Framework Name: Caliz Framework
Theme URI: http://www.calizlab.com
Author: Caliz Lab
Author URI: http://www.calizlab.com
Description:  Responsiveness

================================ */

/*
    992px Resolution
=======================================================*/

@media only screen and (max-width: 992px){



}

/*
    768px Resolution
==============================================*/

@media only screen and (max-width: 768px){
    
    #av-mobile-holder{ display: block; }
    
     /* 
    Main Navegation
    ================================ */
    
    .main-nav ul{
        text-align: center;
        position: absolute;
        right: 0;
        top: 80px;
        margin: 0;
        padding: 0;
        line-height: 50px;
        background-color: #333;
        width: 200px;
        z-index: 9999;
    }

    .main-nav ul li {
        list-style: none;
        display: block;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        border-top: 1px solid rgba(255,255,255,0.1);
    }

    .main-nav ul li a{
        color: #fff;
        font-size: .8em;
        margin: 15px;
        -webkit-font-smoothing:antialiased;
    }


    .main-nav ul li a:hover {
        color: #6fc030;
    }

     /* 
    Sub menu
    ================================ */

    .main-nav .sub-menu{
        position: inherit;
        background-color: #333;
        display: block;
        padding: 0;
        border: none;
        text-align: center;
        margin: 0;
        visibility: visible;
        opacity: 1;
    }

    .main-nav .sub-menu li{
        list-style: none;
        display: block;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        border-top: 1px solid rgba(255,255,255,0.1);
    }

    .main-nav .sub-menu li a{
        display: block;
    }

    /* 
    Message Box
    ================================ */
    
    .message-box { text-align: center;}
    
    .message-box a{ 
        text-align: center; 
        margin: 10px auto ; 
        float: none !important;
        text-align: center;
        display: inline-block;
    }

    
}

/*
    640px Resolution
==============================================*/

@media only screen and (max-width: 640px){

    .bar-top p{ text-align: center; }
    
    .main-nav { height: 20px;}
    .main-nav ul{ top: 20px; }
    .button{  margin-bottom: 10px !important; }
    
    .breadcrumb.standard .left p,
    .breadcrumb.standard .right p{ text-align: center; display: block; margin: 0;}
    
}


/* 
    480px Resolution
============================================== */

@media only screen and (max-width: 480px){

    /* 
    Message Box
    ================================ */
    .message-box a{  display: block; }
    
    .copyright,
    .footer-nav ul{ text-align: center; }
    .av-bar-top .av-social-top{ text-align: center;}
    
}