/**
 * ==============================================
 *  RESPONIVE-MAIN.CSS
 * ==============================================
 * (a)n Foundation responsive style sheet
 *
 *
 * @since        0.1
 * @author        chriscarvache
 */


 
/**
 * ==============================================
 *  SMALL SCREENS
 * ==============================================
 */

/* Define mobile styles */
@media only screen {

}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	#topbar .sidebar li.widget:last-child {
		margin-bottom: 0;
	}

	#main-footer .textwidget {
		text-align: center;
	}

	.middle.tab-bar-section {
		height: auto;
	}
}

/*-- END SMALL SCREENS --*/



/**
 * ==============================================
 *  MEDIUM SCREENS
 * ==============================================
 */

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
    #more-footer .sidebar li.widget:last-child,
    #main-footer .sidebar li.widget:last-child,
    #topbar .sidebar li.widget:last-child{
        margin-bottom: 0;
    }
} 


/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    #header .medium-12 {
        text-align: center;
    }
    
    #header .medium-12 .top-bar-section ul.top-bar-menu {
        display: table;
        margin: 0 auto;
        background: transparent;
        padding: 0;
    }
    #header .medium-12 .top-bar-section ul.top-bar-menu li {
        display: table-cell;
        border: 0;
    }
    #header .medium-12 .top-bar.right {
        float: none!important;
    }
}

/*-- END MEDIUM SCREENS --*/



/**
 * ==============================================
 *  LARGE SCREENS
 * ==============================================
 */

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
    .admin-bar .stuck {
        top: 32px;
    }
}

/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {

}

/*-- END LARGE SCREENS --*/



/**
 * ==============================================
 *  XL SCREENS
 * ==============================================
 */

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {

}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {

} 

/*-- END XL SCREENS --*/



/**
 * ==============================================
 *  XXL SCREENS
 * ==============================================
 */

/* min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) {

}

/*-- END XXL SCREENS --*/