@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-menu-section p{margin: 15px auto 30px;}
    /*------------------- 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: #333;
        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: #333;
    }
    .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) {
    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 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
    }
    
    .event-menu-section .box { height: 235px; min-width: 290px;}
    .event-menu-section h2 { font-size: 30px;}
	
	.contact-info{float: none; width: 70%; margin: 0 auto;}
	.map-block{float: none; width: 70%; margin: 0 auto;}
	.block-box .btn-default{padding: 0 15px;}
    
}
@media screen and (min-width:768px) {
    nav ul.navbar-nav {
        display: block !important
    }
}
@media screen and (max-width:767px) {
	.event-menu-section p{margin: 10px auto 15px;}
	.banner-section{background-position: center center;}
    .hidden-xs {
        display: none;
    }
    .header {
        position: relative;
        z-index: 990;
    }
    .container,
    header .container {
        max-width: 100%;
        width: 100%
    }
    .container-inner {
        width: 94%;
        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: #fff;
        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 {
        top: 60px;
        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: 10px 0;
    }
     .event-menu-section .box { height: 245px; min-width: 290px;}
    .event-menu-section .block {float: none; margin:10px auto;}
    .btn-default { font-size: 18px;}
   
    /*------------------------------------  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%;
    }
	.map-block{margin-top: 30px;}
	.block-border-inner{padding: 22px 5px 85px;}
    .contact-info.right {
        float: none;
        margin: 0px auto 0;
        clear: both;
        max-width: 320px
    }
    .info-bg {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 15px;
    }
    .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: #333;
        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: #333;
    }
    .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: 480px){
	.event-menu-section .box{height: 200px;}
}