.e24-mobile {
	display: none;
}
.j24-mobile {
	display: none;
}
@media only screen and (max-width: 1024px) {
	.e24-slides-wrap > div:nth-child(1) {
		background: url('../images/d1.png') no-repeat 98% 93% / 255px, url('../images/cloud1.png') no-repeat 85% 51% / 350px;
	}
	.e24-slides-wrap > div:nth-child(2) {
		background: url('../images/d2.png') no-repeat 98% 93% / 255px, url('../images/cloud2.png') no-repeat 85% 51% / 350px;
	}
	.e24-slides-wrap > div:nth-child(3) {
		background: url('../images/d3.png') no-repeat 98% 93% / 255px, url('../images/cloud3.png') no-repeat 85% 51% / 350px;
	}
	.e24-slides-wrap > div:nth-child(4) {
		background: url('../images/d4.png') no-repeat 98% 93% / 295px, url('../images/cloud4.png') no-repeat 85% 51% / 350px;
	}
	.e24-slides-wrap > div:nth-child(5) {
		background: url('../images/d5.png') no-repeat 98% 93% / 255px, url('../images/cloud5.png') no-repeat 85% 51% / 350px;
	}

	.e24-slides-wrap.corp > div:nth-child(1) {
		background: url('../images/d1.png') no-repeat 98% 94% / 255px, url('../images/cloud1.png') no-repeat 85% 51% / 350px;
	}
	.e24-slides-wrap.corp > div:nth-child(2) {
		background: url('../images/d2.png') no-repeat 98% 94% / 255px, url('../images/cloud2.png') no-repeat 85% 51% / 350px;
	}
	.e24-slides-wrap.corp > div:nth-child(3) {
		background: url('../images/d3.png') no-repeat 98% 94% / 255px, url('../images/cloud3.png') no-repeat 85% 51% / 350px;
	}
	.e24-slides-wrap.corp > div:nth-child(4) {
		background: url('../images/d4.png') no-repeat 98% 94% / 295px, url('../images/cloud4.png') no-repeat 85% 51% / 350px;
	}
	.e24-slides-wrap.corp > div:nth-child(5) {
		background: url('../images/d5.png') no-repeat 98% 94% / 255px, url('../images/cloud5.png') no-repeat 85% 51% / 350px;
	}

	.e24-info {
		background: url(../images/70.png) no-repeat 0px 0px / 60px;
		left: 175px;
		top: 20px;
		max-width: 310px;
		padding-top: 45px;
		padding-left: 18px;	
	}
	.e24-slides-wrap > div {
		padding: 0px 72px 172px 190px;
	}
	.e24-modal {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 100vw;
		top: 0;
		border-radius: 0;
	}
	.e24-modal.show {
		left: 0;
	}

}
.e24-presents-mobile-wrap {
	display: none;
}
@media only screen and (max-width: 767px) {
	.h1-wrap p {
		color: #DF4A5F;
		text-align: center;
		font-family: Nunito;
		font-size: 14px;
		font-style: normal;
		font-weight: 900;
		line-height: normal;
		letter-spacing: 1.4px;
		text-transform: uppercase;
		margin: 0 !important;
	}
	.h1-wrap h1 {
		color: #000;
		text-align: center;
		leading-trim: both;
		text-edge: cap;
		font-family: Pacifico;
		font-size: 36px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		background: unset;
		padding: 0;
		margin: -12px 0 0 0;
	}
	.e24-back-wrap .e24-desc {
		color: #000;
		text-align: center;
		font-family: Nunito;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 20px;
	}
	.h1-wrap {
		margin-bottom: 5px;
	}
	.e24 {
		background: #fff;
		border-radius: 0px;
		padding: 0px;
	}
	.e24-info {
		display: none;
	}
	.e24-presents {
		display: none;
	}
	.e24-controls {
		display: none;
	}
	.e24-slides {
		height: auto;
		overflow: auto;
	}
	.e24-slides-wrap > div {
		position: static;
		opacity: 1;
		visibility: visible;		
		height: auto;
		width: 100%;
		padding: 24px 24px 259px 24px;
		border-radius: 10px;
		margin-bottom: 24px;
	}

	.e24-slides-wrap > div:nth-child(1) {
		background: #CBF2FF url('../images/d1.png') no-repeat center bottom 24px / 255px;
	}
	.e24-slides-wrap > div:nth-child(2) {
		background: #F9F0FF url('../images/d2.png') no-repeat center bottom 24px / 255px;
		padding: 24px 24px 294px 24px;
	}
	.e24-slides-wrap > div:nth-child(3) {
		background: #FFF3CD url('../images/d3.png') no-repeat center bottom 24px / 255px;
		padding: 24px 24px 254px 24px;
	}
	.e24-slides-wrap > div:nth-child(4) {
		background: #FFDBE0 url('../images/d4.png') no-repeat center bottom 24px / 255px;
		padding: 24px 24px 239px 24px;
	}
	.e24-slides-wrap > div:nth-child(5) {
		background: #DAFFC3 url('../images/d5.png') no-repeat center bottom 24px / 255px;
		padding: 24px 24px 294px 24px;
	}

	.e24-slides-wrap > div .e24-price {
		color: #000;
		leading-trim: both;
		text-edge: cap;
		font-family: Pacifico;
		font-size: 36px;
		font-style: normal;
		font-weight: 400;
		line-height: 1;
	}
	.e24-slides-wrap > div .e24-title {
		color: #000;
		leading-trim: both;
		text-edge: cap;
		font-family: Nunito;
		font-size: 18px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		padding: 15px 0;
	}
	.e24-slides-wrap > div [href='#add'] {
		width: 100%;
		color: #FFF;
		text-align: center;
		leading-trim: both;
		text-edge: cap;
		font-family: Nunito;
		font-size: 18px;
		font-style: normal;
		font-weight: 900;
		line-height: normal;
		letter-spacing: 0.72px;
		text-transform: uppercase;
	}
	.e24-presents-wrap {
		border-radius: 0px;
		position: relative;
		height: auto;
	}
	.e24-slides-wrap > div input {
		width: 100%;
	}
	.e24-footer {
		flex-direction: column;
		border-radius: 10px;
		background: #F3F6F8;
		padding: 40px 24px 11px 24px;
	}
	.e24-total > span:last-child {
		text-align: center;
	}
	.e24-total > span:first-child {
		text-align: center;
	}
	.e24-total {
		margin-bottom: 40px;
	}
	.e24-btns {
		flex-direction: column;
		width: 100%;
	}
	.e24-btns a {
		width: 100%;
		justify-content: center;
		margin-bottom: 13px;
		margin-left: 0;
	}
	.e24-menu {
		flex-direction: column;	
		align-items: flex-start;
		justify-content: flex-start;
	}
	.e24-menu > div:first-child {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.e24-menu > div:first-child > * {
		display: block;
		margin-bottom: 20px;
	}

	.e24-popup {
		position: fixed;
		width: 100%;
		left: 0;
		top: 100vh;
		height: 100vh;
		background: #fff;
		border-radius: 0px;
		padding: 0px;
		transition: all 0.3s ease-in-out;
		z-index: 1001;
		overflow-y: auto;
	}
	.e24-popup.show {
		top: 0px;
	}
	.e24-presents-mobile-wrap {
		display: block;
		margin-bottom: 20px;
		height: 80px;
	}
	.e24-presents-mobile {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 1000px;
		background: #F3F6F8;		
		padding: 14px 14px 18px;	
		position: relative;
	}
	.e24-presents-mobile-fixed {
	}
	.e24-presents-mobile-fixed.sticky {
		position: fixed;
		bottom: -1px;
		background: #F3F6F8;
		left: 0;
		width: 100%;
		padding: 0 16px;
	}
	.e24-presents-mobile:before {
		position: absolute;
		content: '';
		width: 66px;
		height: 66px;
		border-radius: 50%;
		background: #fff;
		z-index: 1;
		left: 7px;
		top: 7px;
		transition: all 0.3s ease-in-out;
	}
	.e24-presents-mobile[select='1']:before {
		left: calc(25% - 14px);
	}
	.e24-presents-mobile[select='2']:before {
		left: calc(50% - 32px);
	}
	.e24-presents-mobile[select='3']:before {
		left: calc(75% - 52px);
	}
	.e24-presents-mobile[select='4']:before {
		left: calc(100% - 70px);
	}
	.e24-presents-mobile > a {
		width: 48px;
		position: relative;
		z-index: 2;
	}
	.e24-presents-mobile > a > img {
		width: 100%;
	}
	.keyboard {
		height: calc(100% + 500px); /* add padding for keyboard */
	}
	.e24-popup > div {
	}
	.e24-mobile {
		display: block;
	}
	.widget.ind-40 {
		padding-top: 10px !important;
	}
	.mapinfo {
		border-radius: 10px;
		background: #3BB5B8 url('../images/mapinfo.svg') no-repeat right 20px center / 40px;
		padding: 20px 60px 20px 20px;
		position: fixed;
		display: none;
		z-index: 200;
		left: 20px;
		top: 20px;	
		color: #FFF;
		leading-trim: both;
		text-edge: cap;
		font-family: Nunito;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 18px;
	}
	.e24-modal .mapinfo {
		display: block;
	}
	[name="map-wrap"] {
		border-radius: 0;
		width: 200vh;
		height: 100vh;
		position: relative;
		background-color: #dff6fa;
	}
	.e24-modal > div {
		overflow: auto;
		height: 100%;
	}
	.e24-corp {
		display: none;
	}
	.e24-corp-mobile {
		display: block;
		width: auto;
		height: 40px;
		margin: 0 auto 20px;
	}
	.e22-about-block {
		flex-wrap: wrap;
	}
	.e22-about-block img {
		width: 100%;
		margin-bottom: 15px;
	}
	.e22-about-block span {
		width: 100%;
		margin-left: 0;
	}
	.e24-dop-info {
		color: #333;
		font-family: Nunito;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	.e24-dop-info br {
		display: none;
	}
	.e24-desktop {
		display: none;
	}
	.e24-mobile {
		display: block;
	}
	.j24-desktop {
		display: none !important;
	}
	.j24-mobile {
		display: block;
	}
	.j24-header-wrap-mobile {
		font-family: Inter;
		font-size: 40px;
		font-weight: 600;
		color: #FF7F37;
		text-align: center;
		line-height: 1.2;
		text-transform: uppercase;
	}
	.j24-desc-wrap-mobile {
		font-family: Inter;
		font-size: 18px;
		font-weight: 400;
		color: #FF7F37;
		text-align: center;
		line-height: 1.2;
		padding: 15px 0 40px 0;
	}
	.j24-txt-1 {
		font-size: 21px;
	}
	.j24 {
		background: #fff;
	}
	.j24-presents-mobile > div {
		background: #F4F6F8;
		border-radius: 10px;
		padding: 24px;

		text-align: center;
		margin-bottom: 24px;
	}
	.j24-presents-mobile > div > div:nth-child(1) {	
		font-family: Caveat;
		font-size: 64px;
		font-weight: 400;
		line-height: 0.8;
		color: #FF7F37;
	}
	.j24-presents-mobile > div > div:nth-child(2) {	
		font-family: Caveat;
		font-size: 21px;
		line-height: 1;
		font-weight: 400;
		color: #1E1E1E;
		padding: 15px 0;
	}
	.j24-presents-mobile > div > a {
		display: block;
		text-align: center;
		background: #FF7F37;
		color: #fff;
		font-family: Inter;
		font-weight: 500;
		font-size: 20px;
		padding: 15px 0;
		border-radius: 100px;
		text-decoration: none !important;
		margin-top: 15px;
	}
	.j24-footer-mobile {
		background: #F4F6F8;
		border-radius: 10px;
		padding: 24px 24px 14px 24px;
	}
	.j24-mobile .j24-share {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.j24-mobile .j24-menu {
		display: flex;
		flex-direction: column;
	}
	.j24-mobile .j24-menu a {
		margin-bottom: 10px;
	}
	.j24-footer-mobile {
		text-align: center;
	}
	.j24-footer-mobile .j24-menu-2 {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-left: 22%;
	}
	.j24-footer-mobile .j24-menu-2 a {
		margin-left: 0;
		margin-bottom: 20px;
	}
	.j24-total {
		font-family: Inter;
		font-size: 16px;
		font-weight: 500;
	}
	.j24-total span {	
		font-family: Inter;
		font-size: 36px;
		display: inline-block;
		font-weight: 500;
		margin: 15px 0;	
	}
	.j24-jam-base {
		margin-top: 100px;
	}
	[data-jam-id='i1'] {
		left: 26%;
		top: 29%;
		width: 70px;
	}
	[data-jam-id='i2'] {
		left: 0%;
		top: 38%;
		width: 80px;
	}
	[data-jam-id='i3'] {
		left: -1%;
		top: 51%;
		width: 70px;
	}
	[data-jam-id='i4'] {
		left: 5%;
		top: 64%;
		width: 80px;
	}
	[data-jam-id='i5'] {
		left: 1%;
		top: 79%;
		width: 90px;
	}
	[data-jam-id='i6'] {
		left: 57%;
		top: 30%;
		width: 70px;
	}
	[data-jam-id='i7'] {
		left: 80%;
		top: 36%;
		width: 80px;
	}
	[data-jam-id='i8'] {
		left: 71%;
		top: 50%;
		width: 120px;
	}
	[data-jam-id='i9'] {
		display: none;
		left: 11%;
		top: 29%;
		width: 70px;
	}
	[data-jam-id='i10'] {
		left: 75%;
		top: 75%;
		width: 80px;
	}
	[href='#buy'] {
		padding: 27px 0 0 0px;
		left: calc(50% - 79px);
		top: 84%;
		width: 158px;
		height: 90px;		
	}

	.j24-jam-ing > img:nth-child(1) {
		left: 17%;
		top: 7%;
		width: 25%;
		height: 20%;
		object-fit: contain;
	}
	.j24-jam-ing > img:nth-child(2) {
		left: 54%;
		top: 7%;
		width: 25%;
		height: 20%;
		object-fit: contain;
	}
	.j24-jam-ing > img:nth-child(3) {
		left: 13%;
		top: 23%;
		width: 30%;
		height: 20%;
		object-fit: contain;
	}
	.j24-jam-ing > img:nth-child(4) {
		left: 59%;
		top: 22%;
		width: 25%;
		height: 20%;
		object-fit: contain;
	}
	.j24-jam-base[data-id='2'] .j24-jam-ing > img:nth-child(1) {
		left: 12%;
		top: 13%;
		width: 35%;
		height: 25%;
		object-fit: contain;
	}
	.j24-jam-base[data-id='2'] .j24-jam-ing > img:nth-child(2) {
		left: 48%;
		top: 30%;
		width: 35%;
		height: 30%;
		object-fit: contain;
	}
	.j24-jam-base[data-id='2'] .j24-jam-ing > img:nth-child(3) {
		left: 8%;
		top: 52%;
		width: 35%;
		height: 30%;
		object-fit: contain;
	}
	.j24-jam-base[data-id='2'] .j24-jam-ing > img:nth-child(4) {
		left: 52%;
		top: 59%;
		width: 35%;
		height: 30%;
		object-fit: contain;
	}
	.e22-content-wrap {
		padding: 40px 0 0 0;
	}
	.e24-modal > div {
		padding: 10px;
	}
	.jam-map-wrap > div {
		width: 30%;
		height: 169px;
		margin-top: 5px;
		margin-bottom: 0px;
	}
	.jam-map-wrap {
		padding-top: 5px;
	}
	.j24-share img {
		margin-left: 7px;
	}
	.j24-share {
		padding: 16px;
	}
	.j24-corp {
		display: block;
		position: relative;
		/* right: 0; */
		width: 200px;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 10px;
	}
	.s24-menu {
		display: none;
	}
	.s24-tab {
		display: block;
		margin-bottom: 15px;
		height: auto;
		padding: 260px 30px 40px;
		border-radius: 10px;
	}
	.s24-tabs {
		display: flex;
		flex-direction: column;
	}	
	.s24-tab-desc {
		padding: 0;
	}
	.s24-tab .s24-form {
		display: none;
	}
	.s24-tab.tab1 {
		background: #ECFFB6 url('/school24/images/pic_1.png') no-repeat center 10px;
	}
	.s24-tab.tab2 {
		background: #CBD0FF url('/school24/images/pic_2.png') no-repeat center 10px;
	}
	.s24-tab.tab3 {
		background: #FFEE93 url('/school24/images/pic_3.png') no-repeat center 10px;
	}
	.s24-pre-header {
		font-family: 'Unbounded';
		font-size: 20px;
		font-weight: 500;
		padding-bottom: 20px;
	}
	.s24-tab-desc > header {
		font-size: 14px;
		font-weight: 400;
		line-height: 1.3;
	}
	a[href='#presend'] {
		background: #FFC516;
		display: block;
		border-radius: 100px;
		text-align: center;
		padding: 19px 0;
		color: #fff;
		font-family: 'Unbounded';
		font-size: 18px;
		font-weight: 600;
		text-decoration: none !important;
		text-transform: uppercase;
		margin-top: 20px;
	}
	.s24-about-wrap {
		flex-direction: column;
	}
	.s24-about-wrap > div {
		width: 100%;
		margin-bottom: 50px;
	}
	.s24-about-wrap > div:last-child {
		margin-bottom: 20px;
	}
	.s24-form {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.s24-form a[href='#donate'] {
		width: 30%;
		padding: 15px 16px;
		margin-bottom: 10px;
		font-size: 18px;
		margin-right: 0px;
		text-align: center;
	}
	.s24-form input[type='text'] {
		width: 100%;
		padding: 15px 20px;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.s24-about {
		margin-bottom: 0;
	}
	.s24-mobile-footer {
		text-align: left;
		padding-bottom: 30px;
	}
	.s24-mobile-footer > a {
		font-family: 'Nunito';
		font-size: 16px;
		font-weight: 500;
		display: block;
		margin-bottom: 15px;
		text-decoration: none !important;
	}
	.s24-mobile-footer span {
		font-family: 'Nunito';
		font-size: 16px;
		font-weight: 500;
		color: #939ca1;
	}
	.s24-mobile-info {
		background: #F3F6F8;
		border-radius: 20px;
		padding: 20px 20px 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 20px;
	}
	.s24-mobile-info p {
		font-family: 'Nunito';
		font-size: 16px;
		font-weight: 600;
		color: #666;
	}
	.s24-mobile-info header {
		font-family: 'Unbounded';
		font-size: 36px;
		font-weight: 400;
		padding-bottom: 10px;
	}
	.s24-mobile-info a img {
		margin-right: 10px;
	}
	.s24-mobile-info a {
		background: #fff;
		border-radius: 100px;
		padding: 13px 0;
		text-align: center;
		display: block;
		width: 100%;
		text-decoration: none !important;
		margin-bottom: 20px;
		font-family: 'Nunito';
		font-size: 16px;
		font-weight: 500;
		color: #000;
	}
	.s24-back-wrap > h1 {
		font-size: 27px;
	}
	.s24-back-wrap > p br {
		display: none;
	}
	.s24-tab-desc > p br {
		display: none;
	}
	.s24-tab-desc > p {
		font-size: 12px;
		padding: 0 0 20px 0;
	}
	.jam-map-wrap-back {
		background: url('/school24/images/books.svg') no-repeat left top / 1165px;
	}
}