/*
Responsive 996px grid system ~ Style CSS.
Copyright 2013, Josh Cope
*/

/* =============================================================================
   Site Styles
   ========================================================================== */

/* =============================================================================
   Page Styles
   ========================================================================== */

/* =============================================================================
   Media Queries
   ========================================================================== */

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.Tickets_outer .line_A, .gray-line .line_B{
		font-size:1.5em;
	}
	.by_ticket_img {
		top: -69px;
		width: 100%;
    }
	.Tickets_outer{
		margin:15px;
	}
	.video_band{
		  margin: 42px 15px 15px;
	}
  .container.custom_container {
    display: none;
}
.active {
    /*background-color: #333 !important;*/
    color: white;
}
#myTopnav {
    display: block !important; 
}
.contact-page-popup a {
    font-size: 13px !important;
}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
.cloud-animation{
      height: 50px;
}
.table-main-outer1{
    clear: left;
    overflow: hidden;
}
    .welcome_content .wel_text {
        width: 90% !important;
    }
    .plan-sky img {
        width: 100% !important;
    }
    .main-navigation {
    display: none !important;
}
    .main_container::after {
        position:inherit !important;
    }
    .welcome_content .plan-sky {
        position: relative !important;
    }
    .nav-items {
    position: absolute;
    width: 100%;
    background: #fff;
    top: 62px;
    z-index: 111;
    left: 0;
}
    .nav-items ul li {
    margin: 8px 0px;
}
    .nav-items ul {
    list-style-type: none;
    display: block;
    padding: 10px;
}
    .topnav a.icon {
     display: block;
    width: 20%;
    position: absolute;
    width: 25%;
    top: 0;
    font-size: 22px;
}
    #logo {
        width:35%;
        margin:20px auto;
        display: block;
    }
	body{
		 background-repeat: repeat-y;
         background-size: 100% auto;
	}
	.eventcenter {
    left: 0;
    margin-top: 30px;
    position: relative;
    width: inherit;
}
.april_1st{
	width:100%;
	background-color: rgb(0, 0, 0);
    -webkit-border: 1px solid rgb(255, 255, 255);
	-moz-border: 1px solid rgb(255, 255, 255);
	border: 1px solid rgb(255, 255, 255);
    -webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 29px;
    position: relative;
}
.April_div{
	width:55%;
	  left: 25%;
}
.firt-1st {
    left: 32%;
    position: relative;
    width: 40%;
}
.by_ticket_img {
    position: inherit;
    right: 0;
    top: 0;
    z-index: 1;
}
.Tickets_outer .line_A {
    color: rgb(0, 0, 0);
    display: block;
    font-size: 166%;
    height: inherit;
    margin: 10px 0;
    text-align: center;
}
.Tickets_outer{
	border-radius:0px;
	padding-top:12px;
	margin:15px;
}
.gray-line{
	border-radius:0px;
}
.by_ticket_img{
	text-align:center;
}
.video_band {
	border:none;
    border-radius: 0;
    margin: 30px 15px 15px;
}
.container.custom_container {
    display: none;
}
.active {
    /*background-color: #333 !important;*/
    color: white;
}
#myTopnav {
    display: block !important; 
}
.welcome_content .wel_text p{
	width: 45%;
	text-align: center;
	font-size:12px;
	}
.contact-page-popup a {
    font-size: 13px !important;
}
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.container.custom_container {
    display: none;
}
.active {
    /*background-color: #333 !important;*/
    color: white;
}
#myTopnav {
    display: block !important; 
}

}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 320px) {
 /*    .mobile_logo .img-responsive {
    text-align: center;
    width: 100px;
    margin-left: 95px !important;
    margin-top: 20px;
}*/
}
@media only screen and (min-width: 330px) and (max-width: 400px)  {

.img-responsive {
    width: 100px;
    margin-left: 145px;
}
}   
@media only screen and (min-width: 340px) and (max-width: 350px)  {

.img-responsive {
    width: 100px;
    margin-left: 105px;
}
}   
@media only screen and (min-width: 350px) and (max-width: 400px)  {

.img-responsive {
    width: 100px;
    margin-left: 125px;
}
}   
@media only screen and (min-width: 400px) and (max-width: 415px)  {

.img-responsive {
    width: 100px;
    margin-left: 135px;
}
} 
@media only screen and (min-width: 415px) and (max-width: 430px)  {

.img-responsive {
    width: 100px;
    margin-left: 138px;
}
} 
@media only screen and (min-width: 430px) and (max-width: 440px)  {

.img-responsive {
    width: 100px;
margin-left: 142px;
}
} 
@media only screen and (min-width: 440px) and (max-width: 450px)  {

.img-responsive {
    width: 100px;
margin-left: 142px;
}
} 


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

.container.custom_container {
    display: none;
}

@media only screen and (max-width: 343px) {
/*.plan-sky img{
    height: auto !important;
    width: 100px !important;
}
*/.wel_text img {
    width: 180px !important;
    height: auto !important;
}
.kids_making_food {
    width: 100px !important;
    margin-top: 40px !important;
}
.science_kids {
    width: 100px;
    margin-top: 42px;
}
.orange_btn {
    margin-top: 0px;
    margin-bottom: 65px;
}
/*.mobile_logo .img-responsive {
    text-align: center;
    width: 100px;
    margin-left: 105px;
    margin-top: 20px;
}*/



.grass-place-outer .science_kids {
    position: absolute;
    top: -72px !important;
    left: 0px !important;
}



.kids_playing img {
    width: 100px !important;
    margin-top: -60px !important;
}


.kid_find_somthing {
    width: 30px !important;
    margin-bottom: -69px !important;
    margin-left: -105px !important;
}
.contact_img img {
    width: 70px !important;
    margin-left: 140px !important;
}



.kids_cleaning {
    width: 80px !important;
    margin-bottom: -62px !important;
    margin-right: -187px !important;
}

    }
	@media only screen and (max-width: 414px) {
/*.plan-sky img {
           width: 100px;
           height: auto;
}*/
.welcome_content .wel_text p{
	width: 100% !important;
	text-align: center !important;
	font-size:12px !important;
	}

}

 @media only screen and (max-width: 479px) {
 
/* .plan-sky img{
    width: 100px;
    height: auto;
 }*/
 

 }   



.active {
    /*background-color: #333 !important;*/
    color: white;
}
#myTopnav {
    display: block !important; 
}
}
@media only screen and (min-width: 340px) and (max-width: 410px) {
    .kids_making_food {
    width: 100px;
    margin-top: 40px;
}
.science_kids {
    width: 100px;
    margin-top: 42px;
}
.kids_playing img {
    width: 100px;
    margin-top: -50px;
}
.kids_cleaning {
    width: 80px;
    margin-right: -149px;
    margin-bottom: -63px;
}
.kid_find_somthing {
    width: 40px;
    margin-bottom: -60px;
    margin-left: -98px;
}
.orange_btn {
    margin-bottom: 40px;
}
.contact_img img {
    width: 93px;
    margin-left: 120px;
}

}
@media only screen and (min-width: 410px) and (max-width: 500px){
     .kids_making_food {
    width: 100px;
    margin-top: 45px;
}
.science_kids {
    width: 100px;
    margin-top: 42px;
}
.kids_playing img {
    width: 100px;
    margin-top: -50px;
}
.kids_cleaning {
    width: 80px;
    margin-right: -149px;
    margin-bottom: -63px;
}
.kid_find_somthing {
    width: 40px;
    margin-bottom: -60px;
    margin-left: -98px;
}
.orange_btn {
    margin-bottom: 40px;
}
.contact_img img {
    width: 93px;
    margin-left: 120px;
}
.welcome_content .wel_text p {
    width: 100%;
    text-align: center;
    font-size: 12px;
}
}


@media only screen and (min-width: 480px) and (max-width: 600px){
/*.plan-sky img {
    width: 125px;
}*/
.welcome_content .wel_text p {
    width: 100%;
    text-align: center;
    font-size: 12px;
}
}
@media only screen and (min-width: 480px) and (max-width: 600px){

     .kids_making_food {
    width: 100px;
    margin-top: 45px;
}
.science_kids {
    width: 100px;
    margin-top: 42px;
}
.kids_playing img {
    width: 100px;
    margin-top: -50px;
}
.kids_cleaning {
    width: 80px;
    margin-right: -149px;
    margin-bottom: -63px;
}
.kid_find_somthing {
    width: 40px;
    margin-bottom: -60px;
    margin-left: -98px;
}
.orange_btn {
    margin-bottom: 40px;
}
.contact_img img {
    width: 93px;
    margin-left: 120px;
}
.welcome_content .wel_text p {
    width: 100%;
    text-align: center;
    font-size: 12px;
}
}
@media only screen and (min-width: 600px) and (max-width: 650px){

       .kids_making_food {
  width: 200px;
margin-top: 19px;x;
}
.science_kids {
 width: 170px;
margin-top: 22px;
}
.kids_playing img {
    width: 247px;
margin-top: -50px;
}
.kids_cleaning {
   width: 140px;
margin-right: -149px;
margin-bottom: -63px;
}
.kid_find_somthing {
   width: 54px;
margin-bottom: -60px;
margin-left: -52px;
}
.orange_btn {
    margin-bottom: 40px;
}
.contact_img img {
    width: 93px;
    margin-left: 120px;
}
.welcome_content .wel_text p {
    width: 100%;
    text-align: center;
    font-size: 12px;
}


::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
/*.plan-sky img {

    width: 170px;

}*/
}
@media only screen and (min-width: 650px) and (max-width: 700px){


       .kids_making_food {
  width: 200px;
margin-top: 19px;x;
}
.science_kids {
 width: 170px;
margin-top: 22px;
}
.kids_playing img {
    width: 247px;
margin-top: -50px;
}
.kids_cleaning {
   width: 140px;
margin-right: -149px;
margin-bottom: -63px;
}
.kid_find_somthing {
   width: 54px;
margin-bottom: -60px;
margin-left: -52px;
}
.orange_btn {
    margin-bottom: 40px;
}
.contact_img img {
    width: 93px;
    margin-left: 120px;
}
.welcome_content .wel_text p {
    width: 100%;
    text-align: center;
    font-size: 12px;
}


::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
/*.plan-sky img {

    width: 170px;

}*/


}
@media only screen and (min-width: 700px) and (max-width: 800px){

.kids_making_food {
  width: 215px;
margin-top: 19px;x;
}
.science_kids {
 width: 170px;
margin-top: 22px;
}
.kids_playing img {
    width: 355px;
margin-top: -50px;
}
.kids_cleaning {
   width: 170px;
margin-right: -80px;
margin-bottom: -63px;
}
.kid_find_somthing {
   width: 54px;
margin-bottom: -60px;
margin-left: -52px;
}
.orange_btn {
    margin-bottom: 40px;
}
.contact_img img {
    width: 93px;
    margin-left: 120px;
}
.welcome_content .wel_text p {
    width: 100%;
    text-align: center;
    font-size: 12px;
}


::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
/*.plan-sky img {

    width: 170px;

}*/

}
@media only screen and (min-width: 800px) and (max-width: 900px){

.kids_making_food {
  width: 235px;
margin-top: 16px;
}
.science_kids {
 width: 210px;
margin-top: 18px;
}
.kids_playing img {
    width: 360px;
margin-top: -50px;
}
.kids_cleaning {
   width: 200px;
margin-right: -76px;
margin-bottom: -63px;
}
.kid_find_somthing {
   width: 82px;
margin-bottom: -60px;
margin-left: 0px;
}
.orange_btn {
    margin-bottom: 40px;
}
.contact_img img {
    width: 93px;
    margin-left: 120px;
}
.welcome_content .wel_text p {
    width: 100%;
    text-align: center;
    font-size: 12px;
}


::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
/*.plan-sky img {
    width: 260px;
}
*/
}
@media only screen and (min-width: 900px) and (max-width: 1000px){
  .kids_making_food {
  width: 200px;
margin-top: 30px;x;
}
.science_kids {
 width: 170px;
margin-top: 22px;
}
.kids_playing img {
    width: 247px;
margin-top: -50px;
}
.kids_cleaning {
   width: 140px;
margin-right: -149px;
margin-bottom: -63px;
}
.kid_find_somthing {
   width: 54px;
margin-bottom: -60px;
margin-left: -52px;
}
.orange_btn {
    margin-bottom: 40px;
}
.contact_img img {
    width: 93px;
    margin-left: 120px;
}
.welcome_content .wel_text p {
    width: 100%;
    text-align: center;
    font-size: 12px;
}


::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
/*.plan-sky img {

    width: 170px;

}*/
}


/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/