/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1024px) {
	#mainmenu > ul { display:flex !important; }
}

/*==========================================================================================================*/
@media only screen and (max-width:1800px) {
	.amenities-section .amenities-box:nth-child(even) .amenities-details.left {	padding-right: 30px;	}
	.amenities-details.left {padding-left: 30px;	}
}

/*==========================================================================================================*/
@media only screen and (max-width:1600px) {
	.great-day h2 { font-size:55px; }
	.heading-source { background-size:contain; }
	h2 { font-size:45px; }
	.contact-detail a {font-size: 24px; white-space: nowrap;}
}

/*==========================================================================================================*/
@media only screen and (max-width:1500px) {
	.contact-detail a {font-size: 21px;}
	.contact-detail {margin-left: 30px;}
	.phone-loc {font-size: 13px;}
}

/*==========================================================================================================*/
@media only screen and (max-width:1450px) {
	#mainmenu {	font-size: 16px; }
	#mainmenu > ul > li { width:120px; }
	#mainmenu li a { padding:38px 10px; }
	.contact-detail { margin-left:20px; }
	.search-details { padding:0 15px; min-height:115px; }
	.contact-detail a { font-size:20px; }
	.phone-loc {font-size: 12px;}
	.contact-detail p { font-size:20px; }
	#logo {	width: 320px; }
	.why-woodplay .cols.cols4 { margin:0 auto; }
	.why-woodplay .cols .col { padding:0 20px; }
	.benifit-box h2 { font-size:35px; }
	.great-day h2 { font-size:55px; }
	.heading-bg-great { background-size:cover; }
	.amenities-details.right { padding-right: 0; padding-top: 0; }
	.right-padding { padding: 50px 50px; }
	.amenities-heading {padding:20px 15px;	}
	.stamp-img  {  transform: translate(-110px, 50px); }
	.stamp-img  img { width:142px; }
	.amenities-section .amenities-box:nth-child(even) .amenities-details.right { padding:0; }
	.amenities-section .amenities-box:nth-child(even) .stamp-img {    transform: translate(110px, 30px); }
	.footer-row:before  { 	width: 62.3125%; }
	.heading-bg-reserve { background-size: contain;	}
	.amenities-heading {padding: 20px 25px;	min-width: auto; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1200px) {
	.contact-detail { display:none; }
	h2 { font-size:40px; }
	.banner-content { bottom:40px; }
	.inner-banner .heading {min-width: 400px; }
	.padding { padding: 60px 0; }
	.great-day h2 { font-size:45px; } 
	.heading { padding:16px 15px; }
	.footer-row:before { width: 55.3125%; }
	.footer-row:after { width: 51.3333%; }
	.newsletter-row { flex-direction:column; }
	.newsletter-data { flex-direction:column; margin:0 auto;  margin-top:20px;  }
	.newsletter-data h5 { margin:0 0 10px 0; }
	.heading {padding: 16px 15px;background-size: contain;	}
	.heading-bg-reserve { padding: 0px 0!important;	}
	.gallery-page .cols .col { padding-left: 10px; padding-right: 10px; }
	.gallery-page .cols { margin-left: -10px; margin-right: -10px; }
	.gallery-box { margin-bottom: 20px; }
	.basketball-in-ground { margin:  40px 0; }
	.basketball-in-ground .accessories-trampolines-detail { margin: 40px 0; }
	.basketball-in-ground-content { margin: 40px auto 50px; }
	.gallery-page { margin: 20px 0 0 0; }
	.outback-option .cols .col {  margin-bottom: 30px; }
	.outback-option .cols { margin-left: -20px; margin-right: -20px; }
	.map iframe { min-height: 400px; }
	.outback .top-heading { font-size: 39px; }
	.outback-option-info.safari-detail { padding-bottom: 0; }
	.accessories-accordion .accordion-databox .accordion-row h5 { font-size: 32px; }
	.accessories-trampolines-content h2 { font-size: 32px; }
	.accessories-trampolines-detail .cols .col { padding-right: 10px; padding-left: 10px; }
	.accessories-trampolines-detail .cols { margin-left: -10px; margin-right: -10px; }
	.contact-address address , .contact-phone a { font-size: 18px; }
	.contact-page .cols .col:first-child { width: 40%; }
	.contact-page .cols .col:last-child { width: 60%; }
	.inner-banner .outback-shape { min-width: 250px; }
	.page-detail p { padding: 0 10px 17px 12px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	#header { position:relative; }
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; z-index:5; }
	#mainmenu ul li { float:none; margin:0; padding:0; width:100%; }
	#mainmenu ul li a { padding:12px 15px; display:block; text-align:left; }
	#mainmenu ul li a:after { display:none; }
	
	/* Responsive Menu line icon*/
	#menu { display:block; height:20px;  }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#df5c95; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; display:none; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width:30px; height: 3px; background: #df5c95; position: relative; float: left; margin:9px 0 0 0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: #df5c95; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.buttonset .col a { margin:0 5px 8px 0; }
	.default-grid.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	
	.image-block figure { width:45%; }
	.contact-detail { display: flex; }
	.search-details {padding: 30px 15px;min-height: auto;	}
	.amenities-details.left { padding-left: 0; 	}
	.right-padding { padding: 30px 30px; }
	.great-day h2 {	font-size: 36px; }
	.content-img {	padding: 30px 50px;	}
	h2 { font-size: 30px; }
	.banner-content p {	font-size: 18px; }
	.banner-content .button { padding: 18px 36px;	}
	.benifit-box h2 { font-size: 30px;	}
	.benifit-box p { font-size: 18px; }
	.benifit-box {	margin-top: 40px;	}
	.footer-row:after { width:53%; }
	h5 { font-size: 20px; }
	.trigger-heading h2 {font-size: 22px; }
	.request-a-catalog {padding: 20px 20px 15px;max-width: 317px;	}
	.footer-info {	font-size: 16px;	margin-bottom: 50px;}
	.footer-row:before { width: 58%;}
	#mainmenu {	order: 2; }
	.contact-box {	flex-direction: row-reverse;	}
	.contact-detail { margin-left:0; }
	.search-details {	margin-right: 20px;	}
	.search-details { border-left: 1px solid #d8d8d8; border-right:0; margin-left: 15px; margin-right:0; }
	.inner-banner figure {	height: 229px;	}
	p { line-height:1.9; }
	.amenities-content p { margin-top:30px; }
	.amenities-section .amenities-box:nth-child(even) .amenities-details.left {padding-left: 0;	padding-right: 0;}
	.package-price { width:200px; height:200px; }
	.package-price h2 { font-size:60px; }
	.package-box {	width: 100%;	text-align: center;	margin-top: 40px;	}
	.package-info p { font-size:18px; }
	.booking-details {	padding: 40px 30px;	}
	.inner-section .heading { margin-bottom: 30px;	}
	.heading { padding: 16px 15px;	background-size: cover;	}
	.footer-row { position: relative; overflow:hidden; }
	.footer-row .wrap:before { content:''; width:50%; position:absolute; left:0; top:0; background:#6c509f; height:100vh; z-index:2;  }
	.footer-row .wrap:after { content:''; width:50%; position:absolute; right:0; top:0; background:#28abe2; height:100vh; z-index:1;  }
	.copyright-box {padding: 10px 30px 70px 30px;	margin: 0 -30px;	background: 	#6c509f; }

	.inner-banner .heading { padding: 16px 15px; background-size: contain; 	}

	.stamp-img { transform: translate(-80px, 20px); width: 90px;	}
	.amenities-section .amenities-box:nth-child(even) .stamp-img {     transform: translate(70px, 20px); }
	.banner-content { left:30px; }
	.content-img {  max-width:420px; }
	.banner-slider figure { height:531px; }

	/*accessories*/
	.accessories-detail .cols4 .col { width: 33.33%; }
	.accessories-trampolines-detail .cols .col { width: 100%; }
/*	.basketball-in-ground .accessories-trampolines-detail .cols .col { width: 50%; }*/
	.basketball-in-ground .accessories-trampolines-box .cols .col:first-child { width: 30%; }
	.basketball-in-ground .accessories-trampolines-box .cols .col:last-child { width: 70%; }
	.outback-option .cols .col { width: 50%; }
	.outback-option select {   padding: 8px 42px 7px 12px; }
	.custom-select:after { bottom: 14px; width: 8px; height: 8px; }
	.accessories-accordion .accessories-detail .cols4 .col { padding-left: 10px; padding-right: 10px; }
	.accessories-accordion .accessories-detail .cols { margin-left: -10px; margin-right: -10px; }
	.accessories-accordion .accessories-box { margin-bottom: 30px; }
	.accessories-accordion { margin: 30px 0; }
	.contact-page .cols .col:last-child , .contact-page .cols .col:first-child { width: 50%; }
	.contact-form-detail {display: block;}
	/*.contact-page-box { max-width: 600px; text-align: center; margin: 0 auto 80px; }
	.contact-page-box .social-info { text-align: center; }
	.contact-page .footer-social { justify-content: center; }*/
	.contact-form-detail input { height: 48px; }
	.contact-us-form textarea { height: 120px; }
	.contact-page { margin: 40px 0; } 
	.contact-us-form { margin-left: 0; }
	.map iframe { min-height: 240px; }
	.outback-content span { font-size: 22px; }
	.outback-option-info .custom-select select { height: 45px; }
	.outback-option-info .custom-select:after { width: 10px; height: 10px; bottom: 20px; }
	.outback .top-heading { font-size: 34px; }
	
	.contact-info span { font-size: 25px; margin-bottom: 6px; }
	.contact-page-box .sub-title-content { font-size: 36px; }
	.page-detail .cols .col { width: 50%; }
	.page-result { padding: 50px 0 30px 0; }
	.page-heading { font-size: 30px; }
	.page-box span.view-page-btn { font-size: 24px; }
         .sub-title-content h3 { font-size: 40px; }



} 
/*==========================================================================================================*/
@media only screen and (max-width: 640px) {
    #gform_wrapper_1 .ginput_container.ginput_container_phone {padding:0; }
    #gform_wrapper_1 .ginput_container.ginput_container_email {padding-left: 0; }
    #gform_wrapper_1 .ginput_container.ginput_container_name  {padding:0; }
    #gform_wrapper_1 #field_1_11 { padding: 0 0 8px; }
    #gform_wrapper_1 .ginput_container.ginput_container_email { padding: 0 0 0 0; }
    #gform_wrapper_1 #field_1_9 label.gfield_label { padding: 0 0 0 0; }
 
}
/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	.default-grid.cols3 .col { width:50%; }
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:#f3f3f3; border:medium none; font-size:15px !important; text-transform:uppercase; margin:0 0 7px; padding:16px 54px 16px 16px; position:relative; cursor:pointer; font-weight:bold; }
	.tabMobiletrigger:after { border-left:8px solid rgba(0, 0, 0, 0); border-right:8px solid rgba(0, 0, 0, 0); border-top:8px solid #848690; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(0, 0, 0, 0.08); content:""; height:100%; position:absolute; right:0; top:0; width:54px; z-index:1; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#272c2f; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; }
	.testimonial-section .tns-nav { display: block; }
	.newsletter-box .form-group { max-width: 500px;	}
	.newsletter-box .form-group input[type="email"] { width: 500px; }
	.banner-content { position: static;	}
	.content-img { padding: 30px 30px; text-align: center; margin-top:-20px;	}
	h2 { font-size: 25px; }
	.why-woodplay .cols.cols4 {	margin: 0 -20px; }
	.why-woodplay .cols.cols4  .col { width:50%; }
	.padding {	padding: 40px 0; }
	.great-day h2 { font-size: 30px; }
	.amenities-box { display: flex; flex-wrap: wrap; }
	.amenities-img { width: 100%; }
	.amenities-content { width: 100%; }
	.amenities-content p {	text-align: center;	margin-top:20px; line-height: 1.5;margin-bottom: 0; 	}
	.amenities-img figure { height: 400px; }
	.testimonial-section { padding: 40px 0;	}
	.footer-row:after {	width: 135%; background-size: cover; }
	.footer-social a {	padding: 0 3px;	}
	.footer-social a img { width: 30px;	}
	.trigger-heading h2 { font-size: 18px; }
	.request-a-catalog { padding: 15px 17px 15px;	max-width: 270px;	}
	.testimonial-row #tns1-ow {	margin-top: 30px; padding: 0 40px 70px !important;	position: relative;	}
	.testimonial-row  .tns-nav { position: absolute; bottom: 0; text-align: center; left: 0; right: 0; }
	.testimonial-row  .tns-nav button { width: 14px; height: 14px; border-radius: 50%; padding: 0; margin: 0 5px; } 
	.testimonial-row  .tns-nav .tns-nav-active { background: #90c440; }
	.tns-controls {	display: none; }
	.search-box { right: 0; width: 350px; }
	.banner-content { bottom: 40px; max-width:100%; }
	.content-img { background-size: cover;	width: 100%;	min-width: 100%; }
	.footer-row:before { display:none; }
	.amenities-section .amenities-box:nth-child(even) .amenities-content p {text-align: center; margin-top:20px; }
	.user-info { margin-top:0; }
	.testimonial-section:before { background-size: cover; z-index: -1; background-position:inherit; }
	.amenities-heading {background-size: contain!important;	}
	.inner-section .amenities-content p {text-align: center;}
	.playsets .button {	margin: 0 auto;	margin-top: 30px;	}
	.amenities-section .playsets.amenities-box:nth-child(even) .button { margin:0 auto; margin-top:30px; }
	.playsets .button { padding:17px 15px; letter-spacing:1px; }
	.amenities-heading { line-height:24px;	}
	.package-price { width: 140px;	height: 140px;	}
	.package-price h2 {	font-size:55px; }
	.booking-room {	padding: 40px 0; }
	.about-amenities .amenities-content p {text-align:center;	margin-top: 20px;	margin-bottom: 0;	}

	.amenities-title { justify-content: center; }
	.amenities-heading { background-size: 100% 100%!important;	}
	.amenities-section .amenities-box:nth-child(even) .amenities-title { justify-content:center; }
	.banner-slider .shape { display:none; }
	.banner-slider figure { height:310px; }

	/*accessories*/
	.accessories-detail .cols4 .col { width: 50%; }
	.accessories-box p { font-size: 18px; }
	.accessories-page { margin: 40px 0 20px 0; }
	.accessories-box { margin-bottom: 30px; }
	.accessories-trampolines-content h2 { font-size: 28px; }
	.accessories-trampolines-box { margin-bottom: 50px; }
	.accessories-trampolines-detail { margin: 30px 0 20px 0; }
	.gallery-page .cols .col { width: 50%; padding-left: 5px; padding-right: 5px; }
	.gallery-page .cols { margin-left: -5px; margin-right: -5px; }
	.gallery-box { margin-bottom: 10px; }
	.gallery-page { margin: 30px 0 0 0; }
	.basketball-in-ground .gallery-page { margin: 40px 0 0 0; }
	.gallery-page h2, .page-sub-content { margin-bottom: 14px; font-size: 30px; }

	.basketball-in-ground-content p { font-size: 15px; margin-bottom: 10px; }
	.basketball-in-ground-content { margin: 10px auto 20px; }
	.basketball-in-ground .accessories-trampolines-detail { margin: 40px 0 0; }
	.outback-option .cols .col { width: 100%; }
	.outback .gallery-page { margin: 24px 0 0 0; }
	.outback { margin: 30px 0; }
	.accessories-accordion .accordion-databox .accordion-row h5 { font-size: 26px; padding: 8px 0; }
	.contact-page .cols .col:last-child, .contact-page .cols .col:first-child { width: 100%; }
	.contact-info { margin-bottom: 20px; padding: 0; }
	.contact-page-box .social-info { padding: 0; }
	.contact-page-box { margin-bottom: 40px; }
	.contact-page-box .sub-title-content { padding: 0 0 20px 0; }
	.sub-title-content { padding-bottom: 10px; font-size: 30px; }
	.contact-page .footer-social a img { max-width: 16px; }
	.contact-form-detail input { height: 40px; }
	.contact-form-detail textarea  { height: 100px; }
	.outback .top-heading { font-size: 28px; }
	.contact-page-box .sub-title-content { font-size: 30px; }
	.contact-page-box .social-info h6 { font-size: 26px; }
	.form-submit-btn { margin-top: 16px; }
	.accessories-accordion .accordion-data { padding: 0; }
	.page-detail .cols .col { width: 100%; }
	.page-box span.view-page-btn { font-size: 20px; }
	.page-detail p { padding: 0 10px 8px 12px; }
	.page-content { padding: 0 10px; }
	.page-result { padding: 30px 0 20px 0; }
        figure.parking-img { width: 100%; }
        figure.parking-img img { width: 100%; }
        .sub-title-content h3 { font-size: 34px; }

	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:100%; }
	.inner-banner .heading { min-width: 310px; }
	table.res-table tr th { display:none; }
	table.res-table tr td { display:block; position:relative; padding-left:50%; }
	table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display:block; padding-right:10px; position:absolute; left:0; top:0; padding:10px 10px; } 
	table.res-table { border-top:0; }	
	.list-block.cols3 .col { width:100%; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	.footer-box .cols.cols2 .col { width:100%; }
	.footer-data .cols .col:last-child { max-width: 100%; margin-left:0; }
	.footer-info { font-size: 16px; margin:20px 0; }
	.social-info {	text-align: left;	margin: 0;	}
	.footer-social a:first-child { padding-left:0 ; }
	.footer-data  h5 { font-size: 20px; margin-bottom: 5px;	}
	.social-info {	text-align: left;margin: 20px 0 0;	}
	.fmenu li:last-child { margin-bottom: 0; }
	.user-data { width: calc(100% - 81px); }
	.user-info figure { max-width: 81px; }
	.newsletter-box .form-group input[type="email"] { width: 100%; }
	.newsletter-box input[type="submit"] {	padding: 15px;}
	.footer-row:after {	width: 145%;}
	.testimonial-row #tns1-ow {	margin-top: 30px;padding: 0 0px 60px !important;	position: relative;	}
	
	.tns-controls {	left: -20px;right: -20px; display:none;		}
	.footer-data { padding:22px 0 0; }
	.footer-right { margin-top: 32px; }
	.footer-box { padding-bottom: 50px; }
	.benifit-box {margin-top: 30px;	}
	.great-day h2 {	font-size: 25px;	}
	.amenities-section .playsets.amenities-box .button { font-size:14px; }
	.amenities-section .playsets.amenities-box:nth-child(even) .button { font-size:14px; }
	.planning-party.padding .cols3 .col { width: 100%;	}
	.package-price {width: 200px;	height: 200px;	}
	.form-details form .form-group {width: 100%;	padding: 2px 0;	}
	.footer-row .wrap:before { content:''; width:100%; position:absolute; left:0; right:0; top:0; background:#6c509f; height:240px; z-index:2;  }
	.footer-row .wrap:after { content:''; width:100%; position:absolute;left:0; right:0; bottom:0; background:#28abe2; height:50vh; z-index:1;  }

	.copyright-box {padding: 10px 0;	margin:0;	background:transparent; }

	/*accessories*/
	.accessories-trampolines-box .cols .col:first-child , .accessories-trampolines-box .cols .col:last-child { width: 100%; }

	/*basket-ball-in-ground*/
	.basketball-in-ground .accessories-trampolines-box figure { max-width: 140px; margin: 0 auto; }
	.basketball-in-ground .accessories-trampolines-box { margin-bottom: 40px; }
	.basketball-in-ground .accessories-trampolines-box .cols .col:first-child , .basketball-in-ground .accessories-trampolines-box .cols .col:last-child { width: 100%; }
	.accessories-accordion .accessories-detail .cols4 .col  { width: 100%; }
	.contact-info { display: block; }
	.contact-phone { margin-bottom: 20px; }
}	

/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {
	.form-inline .form-group label, .form-inline .form-group .field-box { float:none; display:block; width:auto; }
	.form-inline .form-group label.blank { display:none; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	.why-woodplay .cols.cols4 .col { width:100%; }
	.contact-detail {	display: none;	}
	.search-details {	padding: 20px 15px;	}
	.search-box {right: -56px;width: 250px;	}
	.search-box:before { right:70px; }
	.amenities-img figure {	height: 250px;	}
} 
/*==========================================================================================================*/
/* Retina css */ 
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}*/