.responsive_btn {

    display: none

}

.show_on_mobile {

    display: none

}



.activity_list.left_align ul {

    padding-left: 17px

}



.banner_inner.thank_you_page {

    padding-top: 90px

}

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

	.main_nav > ul > li{

		margin: 0 10px;

	}

}

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

    .main_nav>ul>li {

        margin: 0 5px

    }
	.main_nav > ul > li:hover .submenu_main{
		display:none;
	}

    .main_nav {

        padding-top: 25px

    }

    .logo a img {

        max-width: 120px

    }

    .cta {

        margin-left: 7px

    }

    .slider_cotain h2,

    .slider_cotain h3,

    .slider_cotain h4 {

        font-size: 80px

    }

    .section1 h2 {

        font-size: 70px

    }

    .title h3 {

        font-size: 63px

    }

    .offer_block_detail h4 {

        font-size: 45px

    }

    .section3_top h3 {

        font-size: 75px

    }

    .section3_top h4 {

        font-size: 52px

    }

    .section3_bottom_text h5 {

        font-size: 35px

    }

    .box-3 {

        width: 35%;

        max-height: 225px

    }

    .box-7 {

        width: 65%;

        max-height: 225px

    }

    .f-logo>label {

        font-size: 40px

    }

    .activities_list h4 {

        font-size: 20px

    }

    .banner_inner {

        height: 350px;

        padding-top: 130px

    }

    .banner_inner h1 {

        font-size: 70px

    }

    .portfolioContainer img {

        max-width: 235px

    }

    .summer-camps-pages .summer-camps-pages-title h3 {

        font-size: 40px

    }

    .banner_inner.thank_you_page {

        height: 400px;

        padding-top: 40px

    }

    .video-background.secound_video {

        height: 100%;

        width: 100%;

        left: 0

    }

    .main_footer,

    .footer .col-4 {

        width: 25%

    }

    .footer .col-4:nth-child(2) {

        width: 50%

    }

    .footer .col-4.organization {

        padding-left: 30px

    }



    .responsive_btn {

        display: block;

        float: right;

        cursor: pointer;

        padding-top: 15px

    }

    .bar1,

    .bar2,

    .bar3 {

        width: 30px;

        height: 3px;

        background-color: #333;

        margin: 6px 0;

        transition: 0.4s

    }

    .change .bar1 {

        -webkit-transform: rotate(-45deg) translate(-6px, 4px);

        transform: rotate(-45deg) translate(-6px, 4px)

    }

    .change .bar2 {

        opacity: 0

    }

    .change .bar3 {

        -webkit-transform: rotate(45deg) translate(-8px, -8px);

        transform: rotate(45deg) translate(-8px, -8px)

    }

    .menu {

        width: 100%;

        position: absolute;

        top: 124px;

        left: 0;

        display: none;

        border-top: 1px solid #ededed;

        background: #fff;

        border-bottom: 1px solid #ededed;

        z-index: 9999

    }

    .main_nav,

    .main_nav>ul {

        float: none;

        clear: both;

        padding-top: 0;

        padding-bottom: 20px

    }

    .main_nav>ul>li {

        float: none;

        margin: 0 10px;

        clear: both;

        border-bottom: 1px solid

    }

    .main_nav>ul>li>a {

        display: block;

        float: none;

        padding: 10px 0

    }

    header .cta {

        float: none;

        clear: both;

        margin: 0 10px

    }

    header .cta a {

        display: inline-block;

        text-align: center

    }

    .submenu_main {

        position: inherit;

        top: 0;

        border: none;

        padding-left: 10px

    }

    .main_nav>ul>li>a:after {

        display: none

    }

    .main_nav>ul>li>a.has_submenu:after {

        display: block;

        width: 0;

        height: 0;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-top: 10px solid #2997a0;

        right: 0;

        left: auto;

        background: none;

        top: 18px

    }
	.main_nav > ul > li > a.has_submenu.open::after{
		display:none;
	}
	.main_nav > ul > li > a.has_submenu::before {
		display: none;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #2997a0;
		right: 10px;
		left: auto;
		background: none;
		top: 18px;
		content: "";
		position: absolute;
	}
	.main_nav > ul > li > a.has_submenu.open::before{
		display:block;
	}

    .f-logo a img{

    	margin-right: 0;

    	max-width: 140px;

    }

    .social_media_footer ul li a img{

    	max-width: 30px;

    }

    .contact_information{

    	padding-bottom: 0;

    }

    #DropInClassesForm .contact_detail{

    	margin-top: 30px;

    }

    .section8 .title{

        padding: 0;

    }
	.checkout{
		padding: 15px 30px 30px;
	}
    .participant_popup .register_popup_main{
        width: 80%;
    }
    .camp_overview .box{
        min-height: 205px;
    }
    .our_location_btn{
        top:280px;
    }
	.form fieldset.fieldset-ccv{
		width:25%;
	}
	.form fieldset.fieldset-expiration{
		width:75%;
	}
	.checkout .form{
		padding-left:0;
		padding-right:0;
		
	}
    .package-item > ul > li:nth-child(2){
        height: 270px;
    }

}



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

    .logo a img {

        max-width: 100px

    }

    

    header {

        padding: 0 0 20px

    }

    .top_bar {

        margin-bottom: 15px

    }

    

    #slider_banner .slick-dots {

        z-index: 1

    }

    

    .section3_top h3 {

        font-size: 65px

    }

    .slider_cotain h2,

    .slider_cotain h3,

    .slider_cotain h4 {

        font-size: 60px

    }

    .slider_cotain p {

        font-size: 30px

    }

    .section1 h2 {

        font-size: 50px

    }

    .title h3 {

        font-size: 50px

    }

    .offer_block li {

        width: 100%

    }

    .offer_block_detail h4 {

        font-size: 35px

    }

    .offer_block li {

        margin-top: 50px

    }

    .box-3,

    .box-7 {

        max-height: 166px

    }

    .p-40 {

        padding: 40px 0

    }

    .sec5_left h2 {

        font-size: 30px

    }

    .title {

        padding: 30px 0 0

    }

    .form .contact-form .input-text {

        font-size: 16px

    }

    .form .contact-form .submit-btn {

        width: 100%

    }

    .form .contact-form .form-field {

        margin: 20px 0

    }

    .sec7_box h4 {

        font-size: 40px

    }

    .sec7_box label {

        font-size: 15px

    }

    .footer {

        padding: 40px 0 0;

    }

    .footer .col-4 {

        width: 50%

    }

    .footer .main_footer {

        width: 100%;

        text-align: center;

        margin-bottom: 25px

    }

    .social_media_footer {

        width: 100%

    }

    .footer_menu li {

        padding-bottom: 10px

    }

    .social_media_footer ul li {

        float: none;

        margin-right: 0;

        display: inline-block

    }

    .footer .col-4.organization {

        padding-left: 100px

    }

    .social_media_footer ul li:last-child a {

        margin-right: 0

    }

    .about_afp_section2 .col-3 {

        width: 33.33%

    }

    .call-to-action-section h4 {

        font-size: 50px

    }

    .call-to-action-section h5 {

        font-size: 36px

    }

    .call-to-action-section p {

        font-size: 26px

    }

    .banner_inner {

        height: 230px;

        padding-top: 75px

    }

    .banner_inner h1 {

        font-size: 55px

    }

    .title h5 {

        font-size: 24px

    }

    .Bparty_block .col-3 {

        width: 50%

    }

    .Bparty_block_main {

        padding: 30px 0 10px

    }

    .portfolioFilter a {

        margin: 15px 1.25% 0;

        width: 47.5%;

        float: left

    }

    .gallery-section {

        padding: 30px 0

    }

    .portfolioContainer img {

        max-width: 230px

    }

    .membership_type ul li {

        width: 40%

    }

    .fee_block ul {

        margin-top: 30px

    }

    .fee_block li .fee_content h4,

    .fee_block li .fee_content label {

        font-size: 30px

    }

    .fee_block li {

        

    }

    .fee_block li .fee_content {

        padding: 15px 10px;
		min-height:177px;

    }

    .about_afp_section1 {

        padding-bottom: 40px

    }

    .new_table .day-columns {

        display: block

    }

    .new_table .day-columns .day-column {

        display: block;

        margin-bottom: 40px;

        border-left: 1px solid #ebedf2;

        height: auto

    }

    .sub_title {

        padding-top: 20px

    }

    .sub_title h4 {

        font-size: 36px

    }

    .new_table .day-columns .day-column:last-child {

        margin-bottom: 0

    }

    .summer-camps-pages .summer-camps-pages-title h3 {

        font-size: 36px

    }

    .camp_offer .row {

        margin: 0

    }

    .banner_inner.thank_you_page {

        height: 340px

    }

    .about_page .section3_bottom ul li .images_box {

        width: 155px;

        height: 155px

    }

    .about_page .section3_bottom ul li:nth-child(3n-1) .images_box {

        width: 215px;

        height: 215px

    }

    .section3_bottom ul li .images_box {

        width: 155px;

        height: 155px

    }

    .section3_bkg {

        height: 310px

    }

    .thank_you_page.banner_inner p + p {

        margin-top: 20px

    }

    .section3 {

        height: 440px

    }
	.section3_bottom_text{
		margin-top:20px;
	}

    .footer .col-4:nth-child(2) {

        width: 66.67%

    }

    .footer .col-4.organization {

        width: 33.33%;

        padding-left: 0

    }

    .footer .col-8{

    	width: 100%;

    }

    .section8{

    	padding: 30px 0;

    }

    .contact_detail address{

    	margin-bottom: 0;

    }

    .contact-block h3{

    	font-size: 19px;

    	padding: 10px 0;

    }

    .contact-block p{

    	margin-bottom: 20px;

    }

    .section8 .title p{

        font-size: 22px;

    }

    .section8 .title h3{

        margin-bottom: 10px;

    }

    .section8 .cta_main{

        margin-top: 10px;

    }

    .section5_bkg{

        height: 670PX;

    }

    .sec5_left p{

        line-height: 1.4;

    }
	.checkout_form .col-8, .checkout_form .col-4{
        width: 100%;
    }
	.checkout_form .col-8{
		padding:0;
	}
	.checkout .title{
		padding:0;
	}
	#order{
		border-top:2px solid;
	}
	.order-overlay{
		padding:5px 0;
	}
	.detail_row .col-8, .detail_row .col-4{
		width:100%;
	}
	.detail_row{
		padding-top:30px;
	}
	.camp_image{
		max-width:500px;
		margin:0 auto;
	}
	.product_detail_main .camp_list{
		margin:30px 0;
	}
	.item5 .slider_cotain{
		right:0;
		max-width:60%;
	}
    .participant_popup .col-6{
        width: 100%;
        text-align: left;
    }
    .birthday_party_page .fee_block li .fee_content h4{
        font-size: 24px;
    }
    .about_section2 h4{
        font-size: 50px;
    }
    .camp_overview .detail p{
        font-size: 14px;
        line-height: 28px;
    }
    .camp_overview .box{
        min-height: 225px;
    }
    .session_detail .form-field input{
        max-width: 500px;
        margin: 0 auto;
    }
    .camp_list .session_detail .form-field{
        
    }
	.session_detail{
		max-width:500px;
		margin:0 auto 15px;
		padding:15px 0;
	}
	.note{
		padding-top:15px;
	}
	.checkout_page div#DropInClassesForm{
		margin-bottom:0;
	}
	.camp_list .ui-tabs .col-3, .camp_list .ui-tabs .col-6{
		width:100%;
	}
	.camp_list .ui-tabs .ui-tabs-nav li{
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	.camp_list .detail_box{
		max-width:500px;
		margin:0 auto;
	}
	.camp_list .ui-tabs .col-3.text-right{
		text-align:center;
	}
	.camp_list .schedule-name a, .camp_list .meeting-dates, .camp_list .schedule-name span{
		font-size:34px;
		line-height:1.3;
	}
	.camp_list .form-field{
		max-width:500px;
		margin:0 auto;
	}
	.camp_list .col-6{
		padding: 15px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 15px;
	}
    .our_location_btn{
        top:213px;
    }
	.section5 .cta_main{
		margin-top:0;
	}
	.portfolioFilter a{
		font-size:13px;
	}
	form .radioinput{
		width:50%;
	}
	.section3_bottom ul li.slick-center .images_box{
		height:190px;
		width:190px;
	}
	.B_calender .note span{
		margin-right:3px;
	}
    .hide_on_desktop{
        display: inline-block;
    }
    .package-item:first-child{
        display: none;
    }
    form .package .radioinput{
        margin-top: 25px;
    }
    .package-item > ul{
        height: 380px;
        padding-bottom: 20px;
    }
    .package-item > ul > li:nth-child(2){
        height: inherit;
    }
    .package-item{
        padding: 15px 5px 60px 5px;
    }
    form .package .radioinput{
        width: 100%;
        left: 0;
        bottom: 0;
    }
    form .package .radioinput input[type="radio"]:not(old) + label, form .theme .radioinput input[type="radio"]:not(old) + label{
        font-size: 15px;
    }
    .package-item ul li ul li{
        margin: 10px 0;
    }
    .package-item > ul > li{
        margin: 5px;
    }




}
@media screen and (max-width:991px) {
    .inner > img{
        max-width: 100%;
    }
}



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

    .col-4 {

        width: 100%;

    }

.section3_bottom ul li{width: 50%;}
.section3_bottom ul li:last-child{display: none;}
.about_page .section3_bottom ul li:last-child{display: block;}
    .col-6 {

        width: 100%;

        text-align: center

    }

    .slider_cotain h2,

    .slider_cotain h3,

    .slider_cotain h4 {

        font-size: 40px

    }

    .section1 {

        padding-bottom: 20px

    }

    .section1 img {

        margin: 20px auto;

        max-width: 50%

    }

    .section1 h2 {

        font-size: 30px

    }

    .sec1_left {

        padding: 0 15px 15px

    }

    .cta_main {

        font-size: 16px

    }

    .title h3 {

        font-size: 30px

    }

    .offer_block li {

        margin-top: 20px;

        padding: 0 15px

    }

    .offer_block_detail h4 {

        font-size: 24px

    }

    .icon_part {

        width: 20%

    }

    .offer_block_detail {

        width: 80%

    }

    .section3_top h3 {

        font-size: 40px

    }

    .section3_top h4 {

        font-size: 32px

    }

    .section3_bkg {

        height: 200px;

        padding: 40px 0 0 0

    }

    .section3_bottom {

        margin-top: -65px

    }

    .section3_bottom_text h5 {

        font-size: 25px

    }

    .section3_bottom_text span {

        font-size: 22px

    }

    .section3_bottom ul li:nth-child(3n-1) {

        margin-top: -50px

    }

    .box-8 {

        width: 100%

    }

    .p-3 img {

        max-height: 131px

    }

    .box-2 {

        display: none

    }

    .p-40 {

        padding: 20px 0

    }

    .section5_bkg {

        padding: 30px 0;

        height: auto

    }

    .sec5_left {

        margin-bottom: 30px

    }

    .form .row {

        margin: 0

    }

    .col-8 {

        width: 100%

    }

    .form .row .col.x-50,

    .form .row .col.x-100 {

        width: 100%;

        padding: 0

    }

    .m-t-50 {

        margin-top: 20px;

        padding: 10px 0

    }

    .form{

        padding: 20px;

    }

    .sec7_box h4 {

        font-size: 26px

    }

    .footer .col-4 {

        width: 100%

    }

    .section5 .col-6.sec5_left {

        width: 100%

    }

    .sec5_img_botttom_box {

        display: none

    }

    .sec5_img_box {

        margin-left: 0

    }

    .section5 {

        padding-bottom: 0

    }

    .form .contact-form .label {

        left: 0

    }

    .hideon_mobile {

        display: none

    }

    .copy.show_on_mobile {

        display: block;

        text-align: center

    }

    .f-logo.flw {

        text-align: center

    }

    .f-logo a {

        float: none;

        font-size: 16px

    }

    .social_media_footer {

        float: none;

        text-align: center;

        display: inline-block

    }

    .social_media_footer ul li {

        float: none;

        display: inline-block

    }

    .footer_menu li {

        text-align: center;

        width: 50%;

    }

    .footer_menu li a {

        float: none

    }

    .f-logo>label {

        font-size: 32px

    }

    .social_media_footer ul {

        padding-top: 15px

    }

    header {

        padding: 0 0 10px;

    }
    .top_right ul li a span{
        display: none;
    }

    .about_afp_section2 .col-3 {

        width: 50%

    }

    .title h5 {

        font-size: 20px

    }

    .activities_list h4 {

        font-size: 16px

    }

    .who_we_are p {

        font-size: 15px

    }

    .about_afp_section1 {

        padding-bottom: 30px

    }

    .call-to-action-section h4 {

        font-size: 36px

    }

    .call-to-action-section h5 {

        font-size: 20px

    }

    .call-to-action-section {

        padding: 40px 0

    }

    .call-to-action-section .cta_main {

        font-size: 30px;

        margin-top: 30px;

        padding-left: 30px;

        padding-right: 30px

    }

    .section3_about .section3_bkg {

        height: 200px

    }

    .section3_bottom ul li {

        padding-bottom: 20px

    }

    .banner_inner {

        height: 150px;

        padding-top: 50px

    }

    .banner_inner h1 {

        font-size: 40px

    }

    .form .contact-form .label {

        font-size: 16px

    }

    .full_width label{

        font-size: 16px;

    }

    .btn-group.fr {

        width: 100%

    }

    #footer {

        padding: 0

    }

    body {

        font-size: 15px

    }

    .fee_block li {

        padding: 10px;

        width: 100%

    }

    .fee_block li .fee_content {

        padding: 30px 10px

    }

    .fee_block li .fee_content h4 {

        font-size: 22px

    }

    .fee_block li .fee_content label {

        font-size: 22px

    }

    .menu {

        top: 108px

    }

    .portfolioFilter a {

        padding: 10px 15px;

        font-size: 14px

    }

    .gallery-section {

        padding: 10px 0 30px

    }

    .portfolioContainer img {

        max-width: 210px

    }

    .responsive_btn {

        padding-top: 9px

    }

    .portfolioFilter a {

        width: 100%;

        margin: 15px 0 0

    }

    .membership_type ul li {

        width: 100%;

        margin: 15px 0

    }

    .sub_title h4 {

        font-size: 30px;

        margin-bottom: 15px;

        text-align: center;

        float: none

    }

    .various_activities li {

        width: 49%

    }

    .summer-camps-pages .summer-camps-pages-title h3 {

        font-size: 28px

    }

    .activity_list {

        position: inherit;

        left: 0;

        top: 0;

        transform: none;

        text-align: left;

        padding: 40px

    }

    .activity_list.left_align {

        padding: 40px

    }

    .mrg-50 {

        margin: 0

    }

    .banner_inner.thank_you_page {

        height: 290px

    }

    

    .section3_bottom ul li:nth-child(3n-1) {

        margin-top: 0

    }

    .about_page .section3_bottom ul li {

        width: 50%

    }

    .about_page .section3_bottom ul li:nth-child(3n-1) .images_box {

        width: 155px;

        height: 155px

    }

    .about_page .section3_bottom ul li:nth-child(3n-1) {

        margin-top: 0

    }

    .f-logo address {

        text-align: center

    }

    .top_bar {
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
    }

    .top_left,

    .top_right {

        display: inline-block

    }

    .footer .col-4.organization {

        padding-left: 0;

        padding-right: 0;

        padding-top: 30px

    }

    .organization label {

        text-align: center

    }

    .thank_you_page.banner_inner p + p {

        font-size: 14px

    }

    .section3 {

        height: 370px

    }

    .footer .col-4:nth-child(2) {

        width: 100%

    }

    .footer .col-4.organization {

        width: 100%

    }

    .copy, .made-educators{

    	text-align: center;

    }

    .contact_detail h3 a{

    	font-size: 20px;

    }

    .contact_detail .col-6{

    	margin-bottom: 20px;

    }

    .contact-block{

    	margin-top: 100px;

    	height: auto;

    }

    .section8 .image{

        margin-bottom: 20px;

    }

    .section8{

        padding: 30px 0;

    }

    .banner_slider .banner_image img{

        height: 300px;

        width: 100%;

        object-fit: cover;

    }

    #slider_banner .slick-arrow {

        display: none !important;

    }

    .form .contact-form .form-field{

        margin: 10px 0;

    }

    .section7{

        padding: 30px 0;

    }

    .section4_main .item:nth-child(3), .section4_main .item:nth-child(4){

        display: none;

    }
	.camp_list .col-3{
        width: 100%;
        text-align: center;
    }
    .camp_image{
        
    }
    .camp_list .ui-tabs .ui-tabs-nav li{
        float: none;
    }
    .camp_list .ui-tabs #tabs-1.ui-tabs-panel, .camp_list .ui-tabs #tabs-2.ui-tabs-panel{
        padding: 0 10px;
    }
    .camp_list #tabs.ui-widget.ui-widget-content{
        padding-top: 10px;
    }
    .checkout{
        padding: 5px 20px 20px;
    }
    .checkout .title{
        padding: 0 0 10px;
    }
    .participate_detail{
        padding-top: 10px;
        text-align: center;
    }
    .participant_popup .participate_detail{
        text-align: left;
    }
    .action{
        text-align: center;
    }
    .checkout .form{
        padding: 20px 0;
    }
    .form fieldset .payment-method .inspectletIgnore{
        width: 90%;
        padding-right:40px; 
    }
	
	.form fieldset label .radio-label{
		width:90%;
		float:right;
		margin:0;
	}
	.form .new_cc_info fieldset label{
		text-align:left;
	}
	.participant_popup .register_popup_main{
		width:90%;
	}
	.checkout .participant_popup .form{
		padding:0;
	}
	.participant_popup .title_popup h5{
		font-size:30px;
	}
	.item5 .slider_cotain{
		left:65%;
		max-width:70%;
	}
    .birthday_party_page .fee_block li{
        width: 49%;
        padding: 5px;
    }
    .birthday_party_page .fee_block li .fee_content h4{
        font-size: 22px;
    }
    .B_calender, .calender_popup{
        width: 100%;
        padding: 0;
    }
    .about_section2 h4{
        font-size: 30px;
    }
    .B_calender_wrap{
        padding: 30px 0 0;
    }
    .calender_popup{
        padding-top: 25px;
    }
    .birthday_party_page .call-to-action-section{
        padding: 20px 0;
    }
    .camp_overview .box{
        min-height: inherit;
    }
    .detail_box{
        text-align: left;
    }
    .camp_list .ui-widget{
        padding-top: 20px;
    }
	.camp_list .detail_box{
		padding:0;
		margin-bottom:0;
		border:none;
	}
	.camp_list .schedule-name a, .camp_list .meeting-dates, .camp_list .schedule-name span{
		font-size:30px;
	}
	.session_detail{
		padding:15px;
	}
    .our_location_btn{
        top: 170px;
    }
    .our_location_btn a{
        padding: 5px 10px;
        right: -43px;
        font-weight: 500;
        font-size: 14px;
    }
    .map_section iframe{
        height: auto;
    }
    .news a{
        font-size: 14px;
        padding: 5px 15px;
    }
    header{
        margin-bottom: 0;
    }
    .news a span{
        display: block;
    }
	.section3_bottom_text{
		margin-top:0;
	}
	.our_location_btn a::after{
		bottom:-20px;
	}
	.participant_popup .close-model{
		top:22px;
	}
	form .radioinput{
		width:100%;
	}
	.radioinput.existing_card{
		width:auto;
	}
	.list_ul li{
		text-align:left;
	}
	.register_popup_main{
		width:90%;
	}
	.title_popup h5{
		font-size:45px;
	}
	.register_popup_main ul li a{
		font-size:16px;
	}
    .about_page .section3_bottom ul li:nth-child(3n+1){
        clear: none;
    }
    .Bparty_block .col-3.content-main{
        width: 100%;
    }
    .content-main .content-box{
        height: inherit;
    }
    .content-main h2{
        font-size: 25px;
    }
    .content-main .content-box p{
        font-size: 15px;
    }
    .flex-container{
        display: block;
    }
    .package-item{
        float: left;
        width: 100%;
        margin: 10px 0;
    }
    .package-item > ul{
        height: auto;
        display: block;
    }
    form .package .radioinput{
        text-align: center;
        margin-top: 0;
    }
    form .package .radioinput input[type="radio"]:not(old) + label, form .theme .radioinput input[type="radio"]:not(old) + label, 
    form .package .radioinput input[type="radio"]:not(old):checked + label, form .theme .radioinput input[type="radio"]:not(old):checked + label{
        background-position:0 3px; 
    }
    .package-item > ul > li:nth-child(2){
        margin-bottom: 20px;
    }

}



@media screen and (max-width:479px) {
	.participant_popup .title_popup h5{
		font-size:24px;
	}

    .banner_slider .item {

        height: 240px;

    }

    .banner_slider .banner_image img{

        height: 240px;

        width: 100%;

        object-fit: cover;

    }

    .slider_cotain h2,

    .slider_cotain h3,

    .slider_cotain h4 {

        font-size: 28px

    }

    .slider_cotain p {

        font-size: 24px

    }

    

    .sec1_left p {

        padding: 10px 0

    }

    ul.offer_block {

        text-align: center

    }

    .icon_part {

        width: 100%;

        padding-bottom: 20px

    }

    .offer_block_detail {

        width: 100%

    }

    .section3_top h3 {

        font-size: 30px

    }

    .section3_top h4 {

        font-size: 22px

    }

    .section3_bkg {

        height: auto;

        padding: 20px 0

    }

    .section3_bottom {

        margin: 0

    }

    .section3_bottom ul li {

        width: 50%;

        
        padding:0px;

    }

    

    .box-3,

    .box-7 {

        width: 100%;

        max-height: inherit

    }

    .p-3 img {

        max-height: inherit

    }

    .title {

        padding: 20px 0 0

    }

    .title h3 {

        font-size: 30px

    }

    .cta_main {

        margin-top: 0

    }

    .sec5_left h2 {

        font-size: 26px

    }

    .sec5_left p {

        font-size: 14px

    }

    .m-t-50 {

        margin-top: 10px

    }

    .section8 iframe {

        height: auto

    }

    .form .contact-form .label {

        font-size: 14px

    }

    .form .row {

        padding-top: 15px

    }

    .col-3 {

        width: 50%

    }

    .section7 .col-3:nth-child(2n+1){

        clear: left;

    }

    .sec7_box label{

        font-size: 13px;

    }

    .flw.sec7_box.text-center {

        padding-bottom: 15px

    }

    .footer_menu li {

        width: 100%

    }

    .footer .col-4 {

        padding-bottom: 0

    }

    .copy.show_on_mobile {

        font-size: 14px

    }

    .offer_block_detail p {

        font-size: 14px

    }

    .footer_menu li a {

        font-size: 14px;

        line-height: 18px

    }

    .about_afp_section2 .col-3 {

        width: 50%;

        padding: 0 15px

    }

    .activities_img {

        width: 100px;

        height: 100px;

        border-width: 2px!important

    }

    .activities_list h4 {

        font-size: 12px;

        height: 37px

    }

    .who_we_are p {

        font-size: 14px

    }

    .who_we_are p {

        text-align: justify

    }

    .activities_list {

        margin-top: 30px

    }

    .call-to-action-section h4 {

        font-size: 25px

    }

    .call-to-action-section h5 {

        font-size: 18px

    }

    .call-to-action-section p {

        font-size: 20px

    }

    .call-to-action-section .cta_main {

        font-size: 24px

    }

    .call-to-action-section {

        margin-top: 40px

    }

    .footer {

        padding: 30px 0 0;

    }

   

    #footer {

        padding: 0

    }

    .section3_about .section3_bkg {

        height: auto

    }

    .banner_inner {

        height: 110px;

        padding-top: 35px

    }

    .banner_inner h1 {

        font-size: 23px

    }

    .form .contact-form .input-text {

        font-size: 14px

    }

    form .radioinput input[type="radio"]:not(old) + label {

        font-size: 14px

    }

    body {

        font-size: 14px

    }

    .Bparty_block .col-3 {

        width: 100%

    }

    .Bparty_block_main {

        padding: 30px 0 0

    }

    .fee_block li {

        padding: 10px 0

    }

    .fee_block li .fee_content {

        min-height: inherit

    }

    .portfolioContainer img {

        max-width: 100%

    }

    .portfolioFilter a {

        font-size: 13px;

        padding: 10px

    }

    .portfolioFilter {

        padding: 15px 0

    }

    .fee_block ul {

        margin-top: 10px

    }

    .various_activities li {

        width: 100%

    }

    .summer-camps-pages .summer-camps-pages-title h3 {

        font-size: 24px

    }

    .camp_offer .title {

        margin-bottom: 20px

    }

    .activity_list {

        padding: 20px

    }

    .activity_list.left_align {

        padding: 20px

    }

    .activity_list.left_align ul {

        padding-left: 0

    }

    .activity_list li {

        font-size: 15px;

        margin: 0 0 10px

    }

    .banner_inner.thank_you_page {

        padding-top: 20px

    }

    form .radioinput input[type="checkbox"]:not(old) + label {

        font-size: 14px

    }

    .about_page .section3_bottom ul li {

        width: 100%

    }

    .contact_detail_map iframe {

        width: 100%;

        float: left;

        margin-left: 0;

        margin-bottom: 10px

    }

    .top_bar {

        font-size: 13px

    }

    .menu {

        top: 102px

    }

    .copy {

        font-size: 14px;

        margin-bottom: 10px;

        line-height: 22px;

    }

    .section3 {

        height: 340px

    }

    .form{

        padding: 15px;

    }

    .form .contact-form .form-field{

        margin: 5px 0;

    }

    .full_width label{

        font-size: 14px;

    }
	
	.checkout h2{
		font-size:18px;
	}
	.checkout > .container{
		padding:0;
	}
	.checkout{
		padding:0;
	}
	.form fieldset{
		padding:0;
	}
    .participant_popup .form fieldset{
        padding: 10px 0;
    }
	.checkout .col-12, .checkout .col-4{
		padding:0;
	}
    .checkout .participant_popup .col-12{
        padding: 0 15px;
    }
    .participant_popup .form .row{
        padding: 0;
    }
    .birthday_party_page .fee_block li{
        width: 100%;
        padding: 0 0 10px;
    }
    .birthday_party_page .fee_block{
        padding-bottom: 20px;
    }
    .B_calender_wrap .title h3{
        font-size: 22px;
    }
    .birthday_party_page .call-to-action-section{
        padding: 10px 0;
    }
    .detail_box span{
        font-size: 13px;
    }
    .form .new_cc_info .col-6{
        padding: 0;
    }
    .form .new_cc_info fieldset{
        padding:10px 0;
    }
    .form .new_cc_info fieldset label{
        font-size: 14px;
    }
	.note p img {
		vertical-align: middle;
		display: table;
		margin: 5px auto 0;
	}
	.summer-camps-pages .detail > .col-6{
		padding:0;
	}
	.camp_list .schedule-name a, .camp_list .meeting-dates, .camp_list .schedule-name span{
		font-size:24px;
	}
    .location_list ul li{
        width: 100%;
        margin-bottom: 15px;
    }
    .location_list{
        padding-bottom: 20px;
    }
    .map_section{
        padding: 30px 0 0;
    }
	.news a span{
		display:inline-block;
	}
	span.available {
    width: 10px;
    height: 10px;
    }
	span.booked {
		width: 10px;
		height: 10px;
	}
	span.selected {
		width: 10px;
		height: 10px;
	}
	.B_calender .note span{
		margin-right:2px;
	}
	.bithday-party .checkout .col-12{
		padding:0 15px;
	}
	.bithday-party .order-item p:last-child{
		margin-bottom:15px;
	}
	.bithday-party .form fieldset label{
		font-size:15px;
	}
	.bithday-party .form fieldset{
		padding:10px 0;
	}
	.bithday-party .form .row{
		padding-top:0;
	}

}
@media screen and (max-width:767px) {
    .camp_list .camp_image{
        margin-left: 35px;
    }
    .em_full_wrap ul li{
        margin-top:50%;
    }
    .em_full_wrap ul li h1{
        font-size:200% !important;
        margin-bottom:20px !important;
    }
    .em_full_wrap ul li h2{
        font-size:130% !important;
        margin-bottom:20px !important;
    }
    .em_full_wrap ul li h3{
        font-size:110% !important;
        margin-bottom:20px !important;
    }
    .accordion .calender_popup .btn{
        font-size: 20px;
        padding: 5px 15px;
    }
    .Bparty_block_main{
        padding: 10px 0 0;
    }
    .Bparty_block.theme{
        margin-bottom: 10px;
    }
    .inner h5{
        font-size: 16px;
    }
}
@media screen and (max-width:479px) {
    .em_full_wrap ul li h1{
        font-size:120% !important;
        margin-bottom:10px !important;
    }
    .em_full_wrap ul li h2{
        font-size:100% !important;
        margin-bottom:10px !important;
    }
    .em_full_wrap ul li h3{
        font-size:80% !important;
        margin-bottom:10px !important;
    }
    .action .save_participent .submit-btn{
        padding:5px 20px !important;
        font-size:16px !important;
    }
    .package .inner, .booking .inner, .themes .inner{
        padding: 0;
    }
    .package-item:nth-child(2){
        margin-top: 0;
    }
}