@media only screen and (max-width:1100px) {
    .wrapper > .container > .row {margin-right: 0; margin-left: 0;}

    .wrapper > .container {max-width: 1024px;}
/*    .header .nav { max-width: 800px; margin: 0 auto;}*/
    .header .nav > ul > li.m1 { padding-right: 82px;}
    .header .nav > ul > li.m3 { padding-right: 500px;}

}

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

    .wrapper > .container {max-width: 991px;}
    .header .nav > ul > li.m1 { padding-right: 85px;}
    .header .nav > ul > li.m3 { padding-right: 455px;}
}


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

    .wrapper > .container { max-width: 800px;  }

/*    header*/
/*    .header .logo {font-size: 38px; max-width: 305px;}*/
/*    .header .nav {height: 85px; }*/
    .header .nav > ul > li { font-size: 16px;}
    .header .nav > ul > li.m1 {    padding-right: 30px;}
    .header .nav > ul > li.m3 {    padding-right: 426px;}

    .main_content {    height: calc(100% - 177px);}

    .interior_content_inner {padding: 0 10px;}
    
    .modal{ padding: 0 15px !important; }
    
    .subscription_modal .modal-dialog{ margin: 60px auto; }
    
}

@media only screen and (max-width:800px) {
    .wrapper > .container {max-width: 768px;}
	.header .nav > ul > li { font-size: 13px;}
    .header .nav > ul > li.m1 {    padding-right: 22px;}
    .header .nav > ul > li.m3 {    padding-right: 452px;}
}

@media only screen and (min-width:769px) {
    .header .nav { display: table !important;}
}
@media only screen and (max-width:768px) {

h1 { font-size:32px;}
h2 { font-size:28px;}
h3 { font-size:22px;}
h4 { font-size:20px;}
h5 { font-size:16px;}
h6 { font-size:14px;}
    p {font-size: 15px;line-height: 22px;}

    html, body { height: auto; overflow: auto; }
    .main_content { height: auto;}
    .wrapper, .wrapper > .container > .row { height: auto;}
    .wrapper > .container > .row  {margin-right: 0; margin-left: 0;}
    .wrapper > .container {    width: 100%;}

/*    header*/
    #nav-toggle { display: block;}
    .header {    height: 100px;}
    .header .nav {height: auto; display: none; position: absolute;  z-index: 2; background: #ffffff; left: 0; right: 0; top: 100%;padding: 0 0 20px;}
    .header .nav > ul { display: block;}
    .header .nav > ul > li, .header .nav > ul > li.m1, .header .nav > ul > li.m3, .header .nav > ul > li.m1.m5 {display: block;  padding: 8px 15px; text-align: center;}
    .header .nav > ul > li a { display: block; color: #3c0458; }

/*    footer*/
    .footer .copy { width: 45%;}
    .footer .social_icon { width: 33%;}

/*    home*/
    .banner_img, .banner_text { width: 100%;}
    .banner_img { height: 650px;}
    .banner_img > img { object-position: top;}
    .banner_text .table_cell { top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
    .banner_text_inner h1 { font-size: 30px; padding: 15px 0; margin: 16px 0; line-height: 45px;}
    .banner_text_inner h1 small {    font-size: 25px;}

    .default_inner {    padding: 30px 15px;}
    .default_content_body  { height: auto !important;}
	.default_content_body p{
		font-size: 16px;
	}

    .subscription_modal .modal-dialog{ margin: 20px auto; }
	.alignleft, .alignright,
	.wp-caption.alignright,
	.wp-caption.alignleft{
		float: none;
		display: block;
		margin: 0 auto 15px;
		text-align: center;
		max-width: 100%;
	}
	.wp-caption img{
		margin: 0 auto;
		max-width: 100%;
		display: block;
	}
}



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

    .banner_img { height: 480px;}
/*    footer*/
    .footer { display: block; text-align: center;    height: auto;    padding: 16px 0;}
    .footer > * { width: auto; display: block;}
    .footer .copy { width: 100%; padding: 0 0 16px;}
    .footer .social_icon { width: 100%; text-align: center;}

/*    home*/
    .banner_text_inner { width: 100%;}
    .banner_text h4 {font-size: 18px;}
    .banner_text h3 {    line-height: 27px; font-size: 20px;}
    
    .subscription_modal .modal-header .close {
        opacity: 1;
        background: #fff;
        border-radius: 50%;
        padding: 3px 8px 7px;
    }
    
    .subscription_modal .modal-header .close img{ width: 18px; }
    
    .subscription_modal .modal-header{ top: 10px; right: 12px; }
    
    .footer .fsuc{ width: 100%; margin-bottom: 20px; text-align: center; }
    
    .footer .fsuc .mc4wp-alert{ position: static; margin-top: 10px; }
    
    .header .logo a{color:#fff;font-size:36px;}
    
    .herobanner, .latest_event, .comingsoon, .homeevent, .newslatter {
	margin-bottom: 30px;
}
.header .logo a {
	color :#fff
}
.header .nav > ul > li a,
.header.stick .nav > ul > li > a {
	font-size: 30px;
	color: #3C0458;
}
.oct_version .header .nav,
.oct_version .header.stick .nav {
	padding: 20px 0
}
.banner_content {
    left: 50% !important;
    transform: translate(-50% , -50%);
}
.banner_content h1 {
	font-size: 36px;
	line-height: normal
}
.passstaff p {
	display:block
}
.comingsoon .btnbook{display:block; width:200px;margin:0 auto 10px;}
    
.homeevent .allevent { margin-top: 15px;margin: 0px auto 10px;  width: 180px; display: block;}
}


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

/*    header*/
    .header .logo { font-size: 26px; padding: 0 27px; max-width: 350px;}
/*    home*/
    .banner_img { height: 350px;}
    
    .subscription_modal .col img{
            max-height: 350px;
            width: 100%;
            object-position: top;
    }

    .subscription_modal h4{ font-size: 38px; }
    
    .footer .social_icon ul li:first-child{ padding-left: 0; }
	
	.banner_content {
		left: 25% !important;
	}
	.banner_content h1 {
		font-size: 28px;
	}
    
}



@media only screen and (max-height: 660px) {
  .banner_text .table_cell { padding: 20px 0;}
  .banner_text_inner h1 {margin: 15px 0;padding: 15px 0}
}