/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Youxi v1.1 - Layout Stylesheet
 *
 * This file is part of Youxi, a HTML5 Business Theme build for sale at ThemeForest.
 * For questions, suggestions or support request, please mail me at maimairel@yahoo.com
 *
 * Development Started:
 * March 26, 2013
 *
 */

/* info
================================================== */
table.table-info { border-bottom: 1px solid #ddd; }
table.table-info dl{ margin: 0; }
table.table-info dt{ width:150px; float:left; }
table.table-info dd{ padding:0 0 0 160px; }
.insta_area { text-align: center; margin: 0 auto; }
.insta_area img { width: 180px; }

/* Media Queries
================================================== */
@media only screen and (max-width: 1024px) {

}
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
    table.table-info { border-top: 2px solid #ccc; border-bottom:none; }
    table.table-info th { display: none; }
    table.table-info td { display: block; border-top:none; }
    table.table-info td.sp_left { float: left; }
    table.table-info td.venue { border-bottom: 2px solid #ccc; border-top: 1px solid #ddd; }
    table.table-info td.bdr_none { border-top: none; display: block; float: none; }
    table.table-info dt{ width:inherit; float:none; }
    table.table-info dd{ padding: 0; margin: 0; }
}
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

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

}