/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
@media only screen and (min-width: 768px) and (max-width: 989px) {

    .responsive.html_mobile_menu_tablet .boxed div { overflow: hidden; /*needed for mobile menu scrolling */ }
}



/* All Tablets and smaller */
@media only screen and (max-width: 989px) {

    .responsive #top div .flex_column.av-break-at-tablet, .responsive #top div .av-break-at-tablet .flex_cell {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
        display: block;
    }

    .responsive #top div .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet {
        display: block;	
    }

}


/*  #Mobile (Portrait)
================================================== */

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

    .responsive .boxed div { overflow: hidden; /*needed for mobile menu scrolling */ }

    .responsive #top div .container {
        width: 85%;
        max-width: 85%;
        margin: 0 auto;
        padding-left:0;
        padding-right:0;
        float:none;
    }

    .responsive #top .container .av-content-small, .responsive #top div .flex_column, .responsive #top div .av-flex-cells .no_margin {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .responsive #top div .av-flex-cells .no_margin{
        display: block;
        margin: 0;
        height:auto !important;
        overflow: hidden;
        padding-left:8% !important;
        padding-right:8% !important;
    }

    .responsive #top div .av-flex-cells .no_margin .flex_cell_inner{
        width: 100%;
        max-width: 100%;
        margin: 0 auto;  
    }

    .responsive #top div .av-flex-cells .no_margin.av-zero-padding{
        padding-left:0% !important;
        padding-right:0% !important;
    }

    .responsive #top div .flex_column:empty{margin:0;}
}