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

.container-inner { padding-bottom:30px;  }		

.header-logo { padding-top:30px; }	

	}





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

.container-inner{ padding-bottom:20px }

.header-logo { padding-top:25px; }	

	}



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

.container-inner { padding-bottom:40px; }

    /*------------------- event section -------------*/

    #tribe-events-content .tribe-events-calendar .mobile-active:hover, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*="tribe-events-daynum-"], #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar td.mobile-active {background-color: #d9a738 !important; color: #fff !important;}

    #tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover, .tribe-events-calendar td.tribe-events-present.mobile-active, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present.mobile-active div[id*="tribe-events-daynum-"] a{background-color: transparent;}

    .tribe-events-event-body p { color: #000 !important;}

    .tribe-mobile-day h4 a { color: #000;}

    .tribe-events-event-body .tribe-events-read-more { color: #5f2f18;}

	}





@media screen and (max-width:992px){
.item-img{margin: 7px auto 35px;}
h3, .h3 { font-size:36px; }	

h5, .h5 { font-size:24px; }

.container, header .container{ max-width:740px; }	 



.header-logo { max-width:557px }

.block-info-inner::before { right:85px; }

.contact-inner, .extra-info-section, .brand-logos-section { padding:50px 0 }

.info-bg { background-size:100% auto; -ms-background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto; padding-top:62px; padding-bottom:52px; }

.info-bg h4 { padding-top:18px; }	

.info-bg ul li { font-size:16px; line-height:14px; }

.info-bg p { font-size:18px; }	

.block-box p { padding-bottom:6px }

.button { padding-top:20px; }

.sp-map { background-position: 0 -184px; background-size: 211px 266px;  width: 138px;}

.sp-map:hover { background-position:0 -225px; } 	

.block-box p { font-size:16px; }	

.sp-book-now { background-position: 10px -95px;  background-size: 229px 283px; width:184px; height:52px;	}	

.sp-book-now:hover { background-position:10px -145px; }

.sp-apply { background-position: 10px 4px;  background-size: 229px 283px; width:184px; height:52px;	}	

.sp-apply:hover { background-position:10px -46px; }

.brand-logos ul li { width: 16.15%} 

footer { padding:30px 0 }

	} 

	

@media screen and (min-width:768px){

nav ul.navbar-nav { display:block !important }	

	}	





	

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

.hidden-xs { display:none; }

.header{position: relative; z-index: 990;}

.container, header .container{ max-width:100%; width:100% }	 	

 .container-inner { width:100%; position: relative; padding-bottom:10px; }

.header-logo { max-width:250px; margin-bottom:-20px; padding-top:10px; }



.call a{ font-size:26px; padding-top:4px; }	

.navbar-header { display:block; }

.navbar-nav { display:none; background:#080605; padding-top:30px;  }

nav ul.navbar-nav li {float:none;   }

nav ul.navbar-nav li a { padding-top:5px; padding-bottom:5px;  }

.navbar-toggle { background:url(../images/mobile-menu.png) no-repeat; background-size:40px auto; outline:none; border:none;  height: 40px; margin: 7px 20px 0 0; width: 40px; cursor:pointer; text-align:center }

.navbar-toggle .icon-bar { height:3px;  display:none; margin:6px 0; width:24px; text-align:center; }

 nav ul.navbar-nav { left: 0; margin: 0 25px 0 0; padding: 22px 0 ; position: absolute;right: 0; width: 100%; }

.info-bg { padding-bottom:0px; }

.info-block p, .info-block ul li, .info-bg ul li { font-size:16px; }	

.info-block h2{ margin-bottom:5px; }	

.icon-phone::before { font-size:34px; }

.phone { padding:10px 0; display:block; }



.extra-info-section {padding:50px 0 30px}

.brand-logos-section { padding:30px 0 20px }





/*--------------------------------------------  main content ------------------------------------------------*/

.event-menu-section { padding:20px 0 0px }

.block { width:100%; margin-bottom:20px; }	

.block-box .button { padding-top:20px }



/*------------------------------------  Image Gallery  -----------------------------------------*/
    .grid {
        margin: 0 -3px;
        width: 103%;
		height: auto !important;
    }
    .grid-item {
        display: block;
		width:100% !important;
		float:left;
		height:auto!important;
		position: static !important;
    }
    .grid-item.mobile-block img {
        display: block;
        height: 100% !important;
        width: 100% !important;
    }
    .grid-item.mobile-block {
        display: block;
        height: auto !important;
        overflow: hidden;
        width: 100% !important;
    }
	.item.item-block { height: auto;  width: auto; }
	.item img{width:100%; height:auto }

/*-------------------------- Info Block  ----------------------------------*/

.block-info { padding:40px 0; }	

.block-info p { padding:0 10px }	

.block-info h2 { padding-bottom:10px; }

.block-info-inner::before { display:none }




/*--------------------------- Contact Section ----------------------------------------*/



.map-block, .contact-info { width:100%;}

.contact-info.right { float:none; margin:0px auto 0; padding-top:40px; clear:both; max-width:250px }

.info-bg { height:470px; padding-left:10px; padding-right:10px; padding-top:75px; }

.block-box { width:100%; margin-bottom:20px; }

.brand-logos ul li{ width:49%; margin-bottom:10px; text-align:center}

.title h4 { font-size:15px; }



.lb-nav a.lb-next, .lb-nav a.lb-prev { background-size:40px auto;  }

 .lb-data .lb-close { background-size:20px auto; width:20px; } 

.lb-data .lb-details { width:80% }	



/*------------------- event section -------------*/

    #tribe-events-content .tribe-events-calendar .mobile-active:hover, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*="tribe-events-daynum-"], #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar td.mobile-active {background-color: #d9a738; color: #fff !important;}

    #tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover, .tribe-events-calendar td.tribe-events-present.mobile-active, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present.mobile-active div[id*="tribe-events-daynum-"] a{background-color: #d9a738;}

    .tribe-events-event-body p { color: #000 !important;}

    .tribe-mobile-day h4 a { color: #000;}

    .tribe-events-event-body .tribe-events-read-more { color: #5f2f18;}
    

    #merch {
        background-position: center right;
        padding: 50px 0;
        padding-bottom: 300px;
    }
    #merch .block h5{
        font-size: 36px;
    }
    #merch .block p{
        font-size: 22px;
    }

    .three-col-menu .col-3 .block{
        width: 100%;
        max-width: 300px;
        float: none;
        margin: 0 auto;
    }

}