/*
Theme Name: Galleria
Theme URI: http://chatterjeeandlal.com
Author: Srinivas Kini
Author URI: http://resetcorp.com
Description: Custom-built theme for the Chatterjee & Lal, Mumbai.
Version: 1.0
*/

/* Modified by Mithun */

.menu{
	
	width:75%;
	max-width:100%;
}

.logo{
    position: relative;
	top: 20px;
	width:15%;
	padding-left:15px;
}

.logo img {
	width: 200px;
}
#showscontent #sidebar {
	position: relative;
}

#showscontent #show-year-toggle {
    position: absolute;
    font-family: monospace;
    display: inline-block;
    right: 40px;
    top: 40px;
    font-size: 22px;
    transform: rotate(90deg);
    color: #13aad3;
}

#showscontent .active #show-year-toggle {
    transform: rotate(-90deg);
}

#showscontent > .container {
	display: flex;
	flex-direction: column-reverse;
}
#showscontent #sidebar ul {
	display: none;
}

#showscontent #sidebar.active ul {
	display: block;
}

.tribe-common.tribe-events .tribe-common-l-container .tribe-events-c-subscribe-dropdown__container {
	display: block;
	top: 15px;
    position: relative;
}
.tribe-events-calendar-list-nav.tribe-events-c-nav {
	width: 100%;
}

#post-5694 .artists.clearfix {
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 768px) {
	#showscontent #sidebar ul {
		display: block;
	}
	#showscontent #show-year-toggle {
		display: none;
	}
	.logo {
		top: 40px;
	}

	.logo img {
		width: auto;
	}
	#showscontent > .container {
		display: block;
	}
}

.responsive-tabs__list{
	font-size:1.4em
}

.moreshows{
	display:flex;
        flex-wrap:wrap;
}

#header{
    height:115px !important;
    z-index:10000 !important;
}

@media only screen and (max-width: 600px){
.logo {
    float: none;
    margin-left: 0px;
    width: 100% !important;
    text-align: center;
    padding:0
}

.menu{
	float:none !important;
	width:100% !important;
        max-width:100% !important;
        padding-top:0 !important
}

#header{
       height:153px !important;
       z-index:100000 !important
}

.logo{
	height: 100px;
        overflow: hidden;
}


}


@media only screen and (min-width: 601px) and (max-width: 768px){
.menu{
	width:100% !important;
        padding-top:0 !important
}

#header{
     height: 150px !important;
     z-index:10000 !important
}

.logo{
     width:100%;
     padding:0px;
     overflow:hidden;
     height:100px
}
}