.container-device-header {
	width: 95% !important;
	margin: 0 auto;
	padding: 0px 10px;
}

@media (max-width: 1920px){
	.footer-section-row {
		width: 15.8%;
	}
	
}
@media (max-width: 1620px){
	.footer-section-row {
		width: 15.8% ;
	}
	
}
@media (min-width: 1366px) and (max-width: 1300px) {
	.popup23-inner-font-a {
		padding-top: 120px !important;
		padding-left: 30px !important;
	}
}
@media (max-width: 1330px){
	.footer-section-row {
		width: 15.7%;
	}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

	.mobile-sub.wsmenu-list li:last-child {
        height: 491px !important;
    }
	#slide-wrap2 {
        margin-top: 39px !important;
        clear: both;
    }

}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.shop_btn_amazon-shopify {
        margin: 15px 0px 0px 0px !important;
    }
	.header-top {
		position: relative;
		top: auto;
		margin-top: 90px;
	}
}
@media all and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait) {

}
@media all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape) {
	.shop_btn_amazon-shopify {
        margin: 21px 0px 24px 0px !important;
    }
}
@media (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	
	.header_top_inner-two {
        color: #fff;
        font-size: 22px !important; 
    }
	.popup23-inner-part-a {
        padding-top: 120px;
		padding-left: 30px;
    }
	.info-btn-popup-accept {
		width: 209px;
		padding: 10px;
	}
	
	.info-btn-popup {
		width: 209px;
		padding: 10px;
	}
	#demos .row {
		margin: 0 auto;
		/* max-width: 56rem !important; */
		width: 100%;
		position: relative;
	}
	.container_bg {
		width: 1030px !important;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.box-v {
		height: auto;
		width: 170px;
		padding: 7px 14px;
		box-sizing: content-box;
	}
	
	.r-footer {
		text-align: right;
		position: relative;
		right: -170px;
		top:-60px;
		
	}
	.c-f-part1 {
		max-width: 50%;
		float: left;
		padding: 20px;
	}
	.popup22 {
		margin: 70px auto;
		padding: 25px;
		background: #fff;
		border-radius: 5px;
		width: 600px;
		height: auto;
		/* height: 370px; */
		position: fixed;
		top: 40%;
		left: 49%;
		transform: translate(-50%, -50%);
		padding-bottom: 40px;
		max-height: 90%;
	}
	.popup23 {
		margin: 70px auto;
		padding: 0px 0px 0px 30px;
		background: #fff;
		border-radius: 5px;
		width: 90%;
		height: auto;
		max-height: 90%;
		position: fixed;
		top: 42%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.popup23-font {
		font-weight: 600;
		padding: 15px 0px;
		font-size: 30px;
		font-family: "Nunito", sans-serif;
		text-align: center;
	}
	.popup23-img-shop {
		width: 15px;
		height: 11px;
		position: relative;
		top: 12px;
		left: -6px;
	}
	.popup23-inner-font-a {
		font-family: "Nunito", sans-serif;
		font-weight: 600;
		padding-top: 5px;
		font-size: 19px;
        line-height: 27px;
	}
	.popup23-inner-part-a {
		width: 35%;
		float: left;
		padding-top: 100px;
	}
	.shop_text {
		font-size: 37px;
		font-weight: bold;
		text-align: center;
		color: #711F9C;
		font-family: "Nunito", sans-serif;
	}
	.popup23-inner-font {
		text-align: center;
		font-family: "Nunito", sans-serif;
		font-weight: 600;
		font-size: 21px;
		line-height: 31px;
		padding: 12px;
	}
	/* .popup23-flex-a {
		margin: 18px 20px;
	} */
	.menu ul li {
		padding: 0px 6px;
		display: flex;
		align-items: center;
	}
	.menu ul li a
	{
		font-size: 16px;
	}
	.popup {
		position: fixed;
		z-index: 99999;
		top: 50%;
		left: 50%;
		width: 655px !important;
		height: auto;
		border-radius: 5px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		opacity: 0.9;
	}
	.cc-container {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 50px;
	}
	.font_story {
		font-size: 48px;
		color: #000;
		font-weight: bold;
		padding: 10px 10px;
		font-family: 'Merriweather', serif;
		border-bottom: 2px solid #000;
		border-top: 2px solid #000;
	}
	.video_btn {
		color: #fff;
		position: absolute;
		top: 13px;
		z-index: 9999;
		text-align: center;
		font-size: 16px;
		line-height: 26px;
		left: 115px;
		font-family: custom-font-menu;
	}
	.info_btn {
	background-color: #CC0033 !important;
    padding: 7px 50px 7px 50px;
    border-radius: 50px;
    border: none;
    font-family: Poppins;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    transition-duration: 0.5s;
	}
	.cookie-font-bg {
		font-size: 13px;
	}
	.c-setting {
		text-align: center;
		font-size: 13px;
	}
	.cookie-pt {
		padding: 0px 54px;
	}
	.features-section-area ul li {
		width:500px !important;
		font-size: 6px !important;
		line-height: 21px;
		position: relative;
		top:10px;
	}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.header-top {
		position: relative;
		top: auto;
		margin-top: 90px;
	}
	.container_bg {
		width:950px !important;
		margin: 0 auto;
		padding: 0px 10px;
	}

	.color-breadcrumb {
		position: relative;
		left: 30px;
	}
	.box-v {
		height: auto;
		width: 170px;
		padding: 7px 7px;
		box-sizing: content-box;
	}
	.game-video2 {
		margin: 0 auto;
		display: block;
		width: 750px;
	}
	.menu ul li {
		padding: 0px 2px;
		display: flex;
		align-items: center;
	}
	.row {
		margin: 0 auto;
		max-width: 85rem;
		width: 100%;
	}
	.popup22 {
		margin: 70px auto;
		padding: 10px;
		background: #fff;
		border-radius: 5px;
		width: 600px;
		height: auto;
		position: fixed;
		top: 40%;
		left: 49%;
		transform: translate(-50%, -50%);
		padding-bottom: 40px;
		max-height: 90%;
		overflow-y: scroll;
	}
	.popup23 {
		margin: 70px auto;
		padding: 10px;
		background: #fff;
		border-radius: 5px;
		width: 90%;
		height: auto;
		position: fixed;
		top: 40%;
		left: 49%;
		transform: translate(-50%, -50%);
		padding-bottom: 40px;
		max-height: 90%;
	}
	.c-f-part1 {
		width: 100%;
		float: left;
		padding: 10px;
	}
	.popup {
		position: fixed;
		z-index: 99999;
		top: 50%;
		left: 50%;
		width: 655px !important;
		height: auto;
		border-radius: 5px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		opacity: 0.9;
	}
	.font_story {
		font-size: 48px;
		color: #000;
		font-weight: bold;
		padding: 10px 10px;
		font-family: 'Merriweather', serif;
		border-bottom: 2px solid #000;
		border-top: 2px solid #000;
		position: relative;
		top: 91px !important;
	}
	.r-footer {
		text-align: right;
		
	}
	.header_contain {
		width: 100% !important;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.video_btn {
		color: #fff;
		position: absolute;
		top: 13px;
		z-index: 9999;
		text-align: center;
		font-size: 16px;
		line-height: 26px;
		left: 115px;
		font-family: custom-font-menu;
	}
	
	.info_btn {
		background-color: #1A1A1A !important;
		padding: 8px 30px 9px 30px;
		border-radius: 3px;
		border: none;
		color: #fff;
		font-weight: bold;
		font-size: 17px;
		transition-duration: 0.5s;
		font-family:custom-font-menu;
		position: relative;
		top: 5px;
	}

	.features-section-area ul li {
		width: 350px !important;
		font-size: 6px !important;
		line-height: 21px;
		text-align: center !important;
	}
}


@media (min-width: 1080px) and (max-width: 1420px) {
	#ani {
		height: 0px;
	}
	.video_btn {
		color: #000;
		position: absolute;
		top: 43px;
		z-index: 9999;
		text-align: center;
		font-size: 13px;
		line-height: 18px;
		left: 32px;
		font-family: Poppins;
	}
	
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
		display: none;
	}
	.left_footer {
		position: relative;
		right: -111px !important;
	}
	.right_footer {
		position: relative;
		left: -164px !important;
	}
}

@media (min-width: 1080px) and (max-width: 1200px) {
	.youtube-btn-mt
	{
		padding-bottom: 20px;
		clear: both;
	}
	.btn-animate {
		position: fixed;
		bottom: 270px;
		right: 28px;
		z-index: 9999;
	}
	.p_close span {
		display: block;
		width: 36px;
		height: 5px;
		background: #fff;
		position: relative;
		top: 30px;
		left: 145px;
		color: #ccc;
		border-radius: 10px;
		font-weight: bold;
	}
	.video_btn {
		color: #000;
		position: absolute;
		top: 43px;
		z-index: 9999;
		text-align: center;
		font-size: 14px;
		line-height: 19px;
		left: 28px;
		font-family: Poppins;
	}
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
		display: none;
	}
	.container {
		width: 1040px;
		margin: 0 auto;
		/*padding: 0px 20px;*/
	}
	
	.features-section ul li {
		width: 346px;
	}
	.stories-section ul li {
		width: 304px;
		margin-bottom: 10px;
		margin: 10px 35px 21px;
	}
	.story-img img {
		width: 304px;
		height: 195px;
	}
	.youtube-img img {
		width: 304px;
	}
	.profile-section {
		margin-top: 30px;
	}
	.profile-section-left {
		width: 412px;
		text-align: center;
		margin: 0 auto;
		border-right: 1px solid #cccccc;
	}
	.profile-section-right {
		width: 600px;
		text-align: left;
		margin: 0 auto;
	}
	.abc {
		font-size: 50px;
		font-weight: bold;
		font-family: Arial;
	}
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .popup23-inner-part-a {
        padding-top: 120px !important;
        padding-left: 27px;
    }
.shop_btn_amazon-tshirt
{
	margin: 10px 0px 10px 0px ;
}
.shop_btn_amazon-shopify {
	margin: -7px 0px 14px 0px;
}
.popup23-inner-img {
	margin: 0px 10px 0px -40px !important;
}
}

@media (min-width: 1100px) and (max-width: 1200px) {
	.popup23-inner-part-a {
        padding-top: 60px !important;
        padding-left: 15px;
    }
	.shop_btn_amazon-tshirt {
        margin: 15px 0px 15px 0px;
    }
	.shop_btn_amazon-shopify {
        margin: 20px 0px 15px 0px;
    }
	.popup23-flex-a {
		margin: 18px 5px;
	}
	.popup23-flex-b {
		margin: 18px 20px;
	}
	.popup23-inner-img {
		margin: 0px 10px 0px -20px !important;
	}
	}

@media (min-width: 1100px) and (max-width: 1300px) {

	.footer-section-row {
		width: 15.8% !important;
		float: left;
	}
	.left-footer-new {
		background: #004FA3;
		width: 65%;
		float: left;
	}
	.right-footer-new {
		width:35%;
		background: #022f5e;
		float: left;
	}	
	}
	@media (min-width: 1100px) and (max-width: 1260px) {
		
		.footer-section-row {
			width: 24% !important;
    		padding: 10px 5px;
		}
	}
	@media (min-width: 1080px) and (max-width: 1180px) {
		.popup23-inner-font-a {
			font-size: 19px;
			line-height: 29px;
		}
		.shop_btn_amazon-tshirt {
			margin: 20px 0px 15px 0px;
		}
		.shop_btn_amazon-shopify
		{
			margin: 20px 0px 15px 0px;
		}
	}
	@media (min-width: 1080px) and (max-width: 1100px) {
		.popup23-inner-part-a {
			padding-top: 65px !important;
			padding-left: 18px;
		}
		.popup23-inner-img {
			margin: 0px 10px 10px -20px !important;
		}
		.popup23-inner-font-a {
			font-size: 18px;
			line-height: 27px;
		}
		.footer-section-row {
			width: 23.8% !important;
			float: left;
			padding: 10px 5px;
		}
		.footer-section-row a div p {
			font-size: 16px;
		}
		.menu ul li a
		{
			font-size: 15px;
		}
		.menu ul li
		{
			padding: 0px 4px;
    		display: flex;
    		align-items: center;
		}
	}
@media (min-width: 1080px) and (max-width: 1130px) {
	.video_btn {
		color: #000;
		position: absolute;
		top: 43px;
		z-index: 9999;
		text-align: center;
		font-size: 14px;
		line-height: 19px;
		left: 28px;
		font-family: Poppins;
	}
	.left_footer {
		position: relative;
		right: -234px !important;
	}
	.right_footer {
		position: relative;
		left: 234px !important;
	}
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
		display: none;
	}
	.font_story01 {
		font-size: 48px;
		color: #333333;
		font-weight: bold;
		padding: 4px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 38px 0px;
		line-height: 68px;
		font-family: 'Merriweather', serif;
	}
}


@media (min-width: 780px) and (max-width: 1080px) {
	.footer-section-row {
		width: 33% !important;
		float: left;
		margin: 0 auto;
	}
	/*change*/
	.c-f-part2
	{
		width: 70%;
    float: none;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
	}
	
	.c-flex
{
	display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
	position: relative;
	top:-12px;
}
}


@media (min-width: 980px) and (max-width: 1080px) {
	
	.second-part-banner {
		padding: 9px 10px 9px 0px;
	}
	.popup23-inner-font {
        font-size: 17px;
	}
	.popup23-inner-part-a {
        padding-top: 61px;
        padding-left: 18px;
    }
	.popup23-inner-font-a {
        font-size: 16px;
        line-height: 25px;
    }
	.shop_btn_amazon-shopify {
        margin: 20px 0px 5px 0px;
    }
	.shop_btn_amazon-tshirt
	{
		margin: 10px 0px 0px 0px;
	}
	.popup23-inner-img {
        margin: 0px -7px 0px -23px;
    }
	.popup23 {
		margin: 70px auto;
		padding: 10px;
		background: #fff;
		border-radius: 5px;
		width: 90%;
		height: auto;
		max-height: 90%;
		position: fixed;
		top: 42%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.popup23-inner-part-b {
		width: 60%;
		float: left;
	}
	.footer-bottom {
		padding: 3px 0px 100px;
	}
	.inner-font-footer {
		font-size: 12px;
		margin: 0px 0px 10px;
		line-height: 25px;
	}

.footer-section-row {
	width: 24.7% !important;
	padding: 10px 10px;
}

}
@media (min-width: 840px) and (max-width: 980px) {
	.stories-section ul li {
		margin: 10px 30px 21px;
	}
	.second-part-banner {
        padding: 25px 0px 10px;
    }
	.popup23 {
		margin: 70px auto;
		padding: 10px;
		background: #fff;
		border-radius: 5px;
		width: 95%;
		height: auto;
		max-height: 90%;
		position: fixed;
		top: 42%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.popup23-inner-part-b {
		width: 60%;
		float: left;
	}
	.popup23-inner-part-a {
        width: 40%;
        float: left;
		padding-top: 40px;
    }
	.popup23-inner-font-a {
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        padding-top: 5px;
        font-size: 17px;
        line-height: 25px;
    }
	.popup23-inner-part-a {
        width: 40%;
        float: left;
        padding-top: 88px;
    }
	.h1-font-footer {
		margin: 0px 0px 14px;
	}
	.f1-part1
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 25px;
}
.f1-part2
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 25px;
}
.f1-part3
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 25px;
}
.f1-part4
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	clear: both;
	padding-bottom: 25px;
}
.f1-part5
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 25px;
}
.inner-font-footer {
    font-size: 11px;
    margin: 0px 0px 10px;
    line-height: 23px;
}
.footer-bottom {
    padding: 0px 0px 100px;
}
	.footer-section-row {
		width: 33.2% !important;
		float: left;
		padding: 10px 10px;
	}
	
	}
@media (min-width: 768px) and (max-width: 840px) {
	.second-part-banner {
		padding: 20px 0px 10px;
	}
	.popup23-flex-a {
		width: 44%;
		float: left;
		background-color: #DBFAFF;
		margin: 18px 10px;
		border-radius: 8px;
		padding: 10px;
	}
	.popup23-flex-b {
		width: 49%;
		float: left;
		background-color: #FFF2E7;
		margin: 18px 12px;
		border-radius: 8px;
	}
	.popup23 {
		margin: 70px auto;
		padding: 10px;
		background: #fff;
		border-radius: 5px;
		width: 95%;
		height: auto;
		max-height: 90%;
		position: fixed;
		top: 42%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.popup23-inner-part-b {
		width: 60% !important;
		float: left;
	}
	.popup23-inner-part-a {
        width: 40% !important;
        float: left;
		padding-top: 40px;
    }
	.popup23-inner-font-a {
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        padding-top: 5px;
        font-size: 16px;
        line-height: 23px;
    }
	.popup23-inner-part-a {
        width: 40%;
        float: left;
        padding-top: 59px;
        padding-left: 15px;
    }
	.h1-font-footer {
		margin: 0px 0px 14px;
	}
	.f1-part1
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part2
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part3
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part4
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	clear: both;
	padding-bottom: 15px;
}
.f1-part5
{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.inner-font-footer {
    font-size: 12px;
    margin: 0px 0px 10px;
    line-height: 25px;
}
	.footer-section-row {
		width: 31.7% !important;
		float: left;
		padding: 10px 10px;
	}
}
@media (min-width: 768px) and (max-width: 1080px) {
	form select {
		margin-left: 0px;
	}
	form input {
		margin-left: 0px;
	}
	form textarea {
		margin-left: 0px;
	}
	.book-seller
{
   position: relative;
   left: -22px;
   top: -9px;
}
	.header-text-youtube
	{
		font-size: 50px !important;
	}
	
	.cookie-pt {
		padding: 0px 70px 0px 0px;
	}
	.profile-section-right h4 {
		font-size: 17px;
		font-weight: 600;
		color: #3a3a3a;
		line-height: 20px;
		margin: 20px 0px 10px 25px;
		text-transform: capitalize;
	}
	.book-text h2 {
		font-size: 56px;
		font-weight: 600;
		font-family: Poppins;
		text-align: center;
		height: 100px;
	}
	.font-kw {
	    width: 100%;
		padding-top: 24px;
		color: #646363;
		font-weight: 500;
		font-size: 18px;
	}
	/*.r-footer {
		text-align: left;
	}*/
	.btn-animate {
		position: fixed;
		bottom: 10px;
		right: 40px;
		z-index: 9999;
	}
	.video_btn {
		color: #000;
		position: absolute;
		top: 44px;
		z-index: 9999;
		text-align: center;
		font-size: 13px;
		line-height: 18px;
		left: 35px;
		font-family: Poppins;
	}
	.btn-animate {
		position: fixed;
		bottom: 120px;
		right: 29px;
		z-index: 9999;
	}
	.btn-animate img.lucas {
		display: block;
		position: relative;
		top: 0;
		right: -22px;
		z-index: 9999;
		background-size: cover;
		width: 240px;
		-webkit-animation: pulse 2.6s infinite alternate;
		animation: pulse 2.6s infinite alternate
	}
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
		display: none;
	}
	.kids-img-cap {
		max-height: 100%;
		max-width: 100%;
		width: auto;
		height: auto;
		position: relative;
		top: 300px;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.d-flexc {
		display: table;
	}
	.half {
		width: 60%;
		height: auto;
		margin-bottom: 10px;
		float: left;
	}
	.half_img {
		width: 40%;
		height: auto;
		float: left;
	}
	.font_story01 {
		font-size: 48px;
		color: #333333;
		font-weight: bold;
		padding: 20px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 38px 0px;
		line-height: 68px;
		font-family: 'Merriweather', serif;
	}
	
	.font_story {
		font-size: 48px;
		color: #000;
		font-weight: bold;
		padding: 10px 10px;
		font-family: 'Merriweather', serif;
		border-bottom: 2px solid #000;
		border-top: 2px solid #000;
		position: relative;
		top: 88px;
	}
	.our-story-top {
		padding-top: 114px;
	}
	.c-font {
		position: relative;
		top: 49% !important;
		font-size: 33px !important;
		color: #fff;
		font-weight: bold !important;
		line-height: 47px !important;
		text-shadow: 2px 2px #000 !important;
	}
	
	.fi-story {
		width: 100%;
		background-size: cover;
		height: 440px;
		clear: both;
		background-position: center;
		background-attachment: inherit;
	}
	.footer2 {
		width: 100%;
		background-image: url(../slider3.jpg) !important;
		background-size: 100% 100%;
		height: 465px;
		clear: both;
	}
	.container {
		width: 761px;
		margin: 0 auto;
	}
	.header_top_inner-two {
		color: #fff;
		font-size: 22px !important;
	}
	.banner {
		padding: 20px 0px;
	}
	.big-text {
		font-size: 22px;
	}
	/*.header-text h2 {
		font-size: 60px;
	}*/
	.small-text {
		width: 85%;
		margin: 0px auto;
		font-size: 16px;
	}
	
	.desc p {
		font-size: 16px;
	}
	.features-section ul li {
		width: 242px;
	}
	.features-section-area ul li {
		width: 358px;
		font-size: 8px !important;
		line-height: 21px;
	}
	.features-section ul li p {
		font-size: 14px;
		width: 95%;
	}
	.contact-section {
		width: 80%;
		margin: 0 auto;
	}
	.profile-section {
		margin-top: 30px;
	}
	.profile-section-left {
		/* width: 204px; */
		width: 284px;
		text-align: center;
		margin: 0 auto;
		border-right: none;
	}
	.profile-section-right {
		/* width: 500px; */
		width: 460px;
		text-align: left;
		margin: 0 auto;
	}
	.oct-inner {
		position: relative;
		top: 29px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 198px;
		transform: rotate(248deg);
	}
	.inner_font {
		color: #fff;
		font-size: 27px;
		font-weight: bold;
		font-family: Poppins;
		line-height: 37px;
	}
	.inner_font_text {
		color: #fff;
		font-size: 15px;
		line-height: 28px;
		font-family: Poppins;
		line-height: 24px;
		font-weight: 500;
	}
}

@media (min-width: 768px) and (max-width: 850px) {
	.btn-animate {
		bottom: 121px;
		right: 50px;
		z-index: 9999;
	}
}
@media (min-width: 768px) and (max-width: 980px) {
	.a-icon-amazon-shopify {
		right: 8px;
		width: 31px;
		position: relative;
		top: 13px;
	}
	.a-icon-amazon-tshirt {
		width: 40px;
		position: relative;
		top: 17px;
		right: 44px;
	}
	.popup23-flex-a {
		width: 43%;
	}
	.popup23-inner-font {
        font-size: 17px;
	}
	
	.popup23-inner-font {
        font-size: 14px;
    }
	.popup23-inner-font-a {
        font-size: 14px;
        line-height: 20px;
    }
	.shop_btn_amazon-shopify {
		font-size: 15px;
		width: 310px;
		margin: 10px 0px 10px 0px;
    }
	.shop_btn_amazon-tshirt
	{
		font-size: 16px;
		width: 265px;
		margin: 20px 0px 10px 0px;
	}
	.a-btn-span-tshirt
	{
		font-size: 14px;
	}
	.a-btn-span-shopify
	{
		font-size: 14px;
	}
	.popup23-inner-img {
        margin: 30px 0px 0px -11px;
    }
	.popup23 {
		margin: 70px auto;
		padding: 10px;
		background: #fff;
		border-radius: 5px;
		width: 90%;
		height: auto;
		max-height: 90%;
		position: fixed;
		top: 42%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.popup23-inner-part-b {
		width: 60%;
		float: left;
	}
	.birthday-banner
{
 
 padding-top: 75px;
}
	.fi-story{
		position: relative;
    top: -3px;
    margin-top: 78px;
	}
	
	.container-profile {
		margin-top: 93px;
	}
	.profile-book-heading {
		font-size: 29px;
        line-height: 34px;
	}
	.header-top {
		margin-top: 76px;
	}
	#slide-wrap2 {
		margin-top:58px !important;
		clear: both;
	}
	img.img-nav {
		width: 150px;
	}
	.img-header {
		max-width: 50px !important;
        width: 100%;
	}
	.cookie-row {
		display: block !important;
		justify-content: space-between;
	}
	
	.game-video2 {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
		.kids-hover-img {
		background-image: url(../images/kids_banner-device.png);
		width: 100%;
		background-repeat: no-repeat;
		clear: both;
		background-position: center;
		background-size: contain;
		background-position: top;
	}
	.kids-hover-img:hover {
		background-image: url(../images/kids_banner-device-hover.png);
		width: 100%;
		background-repeat: no-repeat;
		clear: both;
		background-position: center;
		background-size: contain;
		background-position: top;
	}
	.cookie-font-bg {
		text-align: left !important;
		font-size: 14px !important;
		font-family: Poppins;
		line-height: 37px;
    position: relative;
    top: 7px;
	}
	.info_btn {
		background-color: #1A1A1A !important;
		padding: 12px 25px 12px 25px;
		border-radius: 6px;
		border: none;
		color: #fff;
		font-weight: bold;
		font-size: 17px;
		transition-duration: 0.5s;
		font-family:custom-font-menu;
	}
	
	.fi-bg {
		width: 100%;
		background-size: 100% 100%;
		height: 465px;
		clear: both;
	}
	.font_story01 {
		font-size: 29px;
		color: #333333;
		font-weight: bold;
		padding: 6px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 38px 0px;
		line-height: 55px;
		font-family: 'Merriweather', serif;
	}
	.font_story02 {
		font-size: 28px;
		color: #333333;
		font-weight: bold;
		padding: 0px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 38px 0px;
		line-height: 43px;
		font-family: 'Merriweather', serif;
	}
}
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: Landscape) {
	
	.features-section-area ul li {
		
		display: block;
		text-align: center;
		float: left;
	}
}
/* @media screen and (max-width: 980px){
	#mobile-header {
		display: block;
	}
	.menu{
		display: none;
	}
} */
@media screen and (max-width: 840px){
	
	.cookie-row {
		display: block !important;
		justify-content: space-between;
		padding: 10px;
	}
	.cookie-header {
		position: fixed;
		z-index: 1002;
		width: 100%;
		bottom: 0px;
	}
	 #mobile-header {
		display: block;
	}
	.menu{
		display: none;
	} 
	.icon-s {
		 display: none !important; 
	}
	.icon-ss
   {
      display: flex !important;
	  align-items: center;
   }
   .sidr-class-test-none
   {
	 display: block !important; 
   }
	}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.footer-section-banner {
		width: 90%;
		margin: 0 auto;
		font-family: 'Open Sans', sans-serif;
	}
	.c-f-part2 {
		width: 20%;
		float: left;
		padding: 10px;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.c-f-part2 {
		width: 70%;
		float: none;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.header_contain {
		width: 100% !important;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.info_btn {
		background-color: #1A1A1A !important;
		padding: 12px 25px 12px 25px;
		border-radius: 6px;
		border: none;
		color: #fff;
		font-weight: bold;
		font-size: 17px;
		transition-duration: 0.5s;
		font-family:custom-font-menu;
		position: relative;
		top: 1px;
	}
	
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
		display: none;
	}
	
	.bg-coluors {
		height: auto;
		width: 100%;
	}
	
	.img_top {
		padding-top: 6px;
	}
	
	.fi-story {
		width: 100%;
		background-size: cover;
		height: 440px;
		clear: both;
		background-position: center;
		background-attachment: inherit;
	}
	
	.font_story {
		font-size: 48px;
		color: #000;
		font-weight: bold;
		position: relative;
		top: 84px;
		font-family: 'Merriweather', serif;
	}
	.our-story-top {
		padding-top: 103px !important;
	}
	.container {
		width: 768px;
		margin: 0 auto;
	}
	.banner {
		padding: 20px 0px;
	}
	.big-text {
		font-size: 22px;
	}
	/*.header-text h2 {
		font-size: 60px;
	}*/
	.small-text {
		width: 85%;
		margin: 0px auto;
		font-size: 16px;
	}
	
	.desc p {
		font-size: 16px;
	}
	.features-section ul li {
		width: 242px;
	}
	.features-section ul li p {
		font-size: 14px;
		width: 95%;
	}
	.contact-section {
		width: 80%;
		margin: 0 auto;
		font-family: 'Open Sans', sans-serif;
	}
	.profile-section {
		margin-top: 30px;
	}
	/* .profile-section-left {
		width: 204px;
		text-align: center;
		margin: 0 auto;
		border-right: none;
	}
	.profile-section-right {
		width: 500px;
		text-align: left;
		margin: 0 auto;
	} */
	.profile-section-left {
		/* width: 204px; */
		width: 284px;
		text-align: center;
		margin: 0 auto;
		border-right: none;
	}
	.profile-section-right {
		/* width: 500px; */
		width: 460px;
		text-align: left;
		margin: 0 auto;
	}
}
@media (min-width: 767px) and (max-width: 840px) {
	.header-top {
		margin-top: 75px;
	}
	
	.popup23-img-width {
		width: 100% !important;
	}
	
	
}

@media only screen and (max-width: 768px) {
	.info-btn-popup {
		width: 200px;
		padding: 10px;
	}
	.info-btn-popup-accept {
		width: 200px;
		padding: 10px;
	}
	.c-cookie-necessary {
		max-width: 490px;
		margin: 0 auto;
		width: 100%;
	}
	.cookie-pt {
		padding: 0px 70px 0px 0px;
	}
	.amazon-banner-d
	{
		display: none;
	}
	.amazon-banner-m
	{
		display: block;
	}
	.popup23-flex-a {
		width: 96%;
		float: none;
		background-color: #DBFAFF;
		margin: 24px 12px 0px 12px;
		border-radius: 8px;
	}
	.popup23-flex-b {
		width: 96%;
		float: none;
		background-color: #FFF2E7;
		margin: 18px 12px 0px 12px;
		border-radius: 8px;
	}
	.features-section-area ul li {
		width: 415px;
		font-size: 8px !important;
		line-height: 21px;
	}
	.form-group-check-text
  {
	font-size: 15px;
	font-family: Poppins;
    line-height: 45px;
    color: #5a5a5a;
  }
}

@media (min-width: 640px) and (max-width: 768px) {
	.book-seller
	{
	   position: relative;
	   left: -22px;
	   top: -9px;
	}
	.youtube-btn-mt
	{
		padding-bottom: 15px;
		clear: both;
	}
	.header-text-youtube
	{
		font-size: 40px !important;
	}
	.container-profile {
		margin-top:106px;
	}
	.profile-book-heading {
		font-size: 24px;
        line-height: 31px;
	}
	
	.profile-section-right h4 {
		font-size: 17px;
		font-weight: 600;
		color: #3a3a3a;
		line-height: 20px;
		margin: 20px 0px 10px 15px;
		text-transform: capitalize;
	}
	.book-text h2 {
		font-size: 42px;
		font-weight: 600;
		font-family: Poppins;
		text-align: center;
		height: 100px;
	}
	.color-breadcrumb {
		position: relative;
		left: 24px;
	}
	.game-video2 {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	.shop-btn-full {
		display: block;
	}
	.shop-btn-device {
		display: none;
	}
	.menu {
		display: none;
	}
	#mobile-header {
		display: block;
	}
	.footer-section-banner {
		width: 100%;
		margin: 0 auto;
		font-family: 'Open Sans', sans-serif;
	}
	.c-f-part2 {
		width: 100%;
		float: left;
		padding: 10px;
	}
	
	.work-font {
		color: #0C5C57;
        font-size: 16px;
		text-align: center;
		font-family: Arial;
		padding-top: 10px;
	}
	.copyright-footer {
		font-size: 16px;
		color: #999999;
		position: relative;
		top: -10px;
	}
	.footer-story {
		position: relative;
		top: -18px;
	}
	.kids-hover-img {
		background-image: url(../images/kids_banner-device.png);
		width: 100%;
		background-repeat: no-repeat;
		clear: both;
		background-position: center;
		background-size: contain;
		background-position: top;
	}
	.kids-hover-img:hover {
		background-image: url(../images/kids_banner-device-hover.png);
		width: 100%;
		background-repeat: no-repeat;
		clear: both;
		background-position: center;
		background-size: contain;
		background-position: top;
	}
	.info_btn {
		background-color: #CC0033 !important;
    padding: 7px 50px 7px 50px;
    border-radius: 50px;
    border: none;
    font-family: Poppins;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    transition-duration: 0.5s;
	}
	.footer-font {
		background-color: #3b3b3b;
		padding-bottom: 10px;
		width: 100%;
		float: left;
		padding: 70px 0px 0px 0px;
		text-align: center;
		position: relative;
		top: -8px;
	}
	.footer-top {
		position: relative;
		top: -75px;
	}
	.social_none {
		padding: 30px 0px;
		background: #fff;
		display: none;
	}
	#pointer {
		width: 500px !important;
		height: 60px;
		position: relative;
		background: #bf5f6a;
	}
	.social_font {
		font-size: 26px;
		font-weight: bold;
		font-family: 'DroidSerifItalic';
		font-style: italic;
		text-align: center;
		position: relative;
		top: 16px;
		color: #fff;
	}
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
	}
	.ddd2 {
		display: block;
	}
	.abc2 {
		display: none;
	}
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
		display: block;
	}
	.kids-img-cap {
		max-height: 100%;
		max-width: 100%;
		width: auto;
		height: auto;
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		margin-top: 20px;
	}
	
	.menu ul li {
		display: inline-block;
		padding: 33px 1px;
	}
	.menu ul li a {
		float: right;
		font-family: 'Raleway', sans-serif;
		text-decoration: none;
		color: #4e4f4f;
		font-size: 12px !important;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		transition: color 0.3s ease-in;
		-moz-transition: color 0.3s ease-in;
		-o-transition: color 0.3s ease-in;
		-webkit-transition: color 0.3s ease-in;
		-ms-transition: color 0.3s ease-in;
		text-shadow: 4px 4px 4px #FFF;
	}
	.abc {
		display: none;
	}
	.ddd {
		display: block;
	}
	.d-flexc {
		display: table;
	}
	.half {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.half_img {
		width: 100%;
		height: auto;
	}
	.kids-img {
		top: 20px;
		text-align: center;
	}
	.font_story01 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
		padding: 10px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 38px 0px;
		line-height: 50px;
		font-family: 'Merriweather', serif;
	}
	.font_story02 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
		padding: 10px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 38px 0px;
		line-height: 50px;
		font-family: 'Merriweather', serif;
	}
	.c-font {
		position: relative;
		top: 79% !important;
		font-size: 40px !important;
		color: #fff;
		font-weight: bold !important;
		text-align: center !important;
		line-height: 54px !important;
		text-shadow: 2px 2px #000 !important;
	}
	
	.bg-coluors {
		height: auto;
		width: 100%;
	}
	.btn_top {
		padding-top: 34px;
	}
	.img_top {
		padding-top: 13px;
	}
	
	.fi-bg {
		width: 100%;
		background-size: 100% 100%;
		height: 465px;
		clear: both;
	}
	.footer2 {
		width: 100%;
		background-image: url(../slider2.jpg) !important;
		background-size: 100% 100%;
		height: 465px;
		clear: both;
	}
	
	.container {
		/* width: 600px; */
		width: 620px;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.header_top_inner-two {
		color: #fff;
		font-size: 22px !important;
	}
	.banner {
		padding: 20px 0px;
	}
	.big-text {
		font-size: 20px;
	}
	/*.header-text h2 {
		font-size: 51px;
	}*/
	.small-text {
		width: 90%;
		font-size: 16px;
		line-height: 35px;
	}
	
	.desc {
		padding: 10px 0px;
	}
	
	.desc p {
		font-size: 14px;
	}
	.features-section ul li {
		display: block;
		float: none;
		width: 33%;
		margin: 40px auto;
		float: left;
	}
	p.box-desc {
		line-height: 30px;
	}
	.stories-section ul li {
		margin-bottom: 10px;
		width: 260px;
		margin: 10px 14px 10px;
	}
	.story-img img {
		width: 260px;
		height: 156px;
		
	}
	.youtube-img img {
		width: 260px;
	}
	figure.effect-steve
	{
		width: 260px;
	}
	.features {
		padding: 140px 0px;
	}
	.stories {
		padding: 10px 0px;
	}
	.profile-section {
		margin-top: 30px;
	}
	/* .profile-section-left {
		width: 180px;
		text-align: center;
		margin: 0 auto;
		border-right: none;
	}
	.profile-section-right {
		width: 380px;
		text-align: left;
		margin: 0 auto;
	} */
	.profile-section-left {
        width: 260px;
        text-align: center;
        margin: 0 auto;
        border-right: none;
    }
	.profile-section-right {
        width: 310px;
        text-align: left;
        margin: 0 auto;
    }
}
@media (min-width: 580px) and (max-width: 640px) {
	.header-top {
		position: relative;
		top: auto;
		margin-top: 80px;
	}
	.footer-section-row {
		width: 48% !important;
		float: left;
		text-align: center;
		padding: 10px 10px;
	}
	
}
@media (min-width: 480px) and (max-width: 580px) {
	.header-top {
		position: relative;
		top: auto;
		margin-top: 86px;
	}
	.footer-section-row {
		width: 47.7% !important;
		float: left;
		text-align: center;
		padding: 10px 10px;
	}
	
}
@media (min-width: 480px) and (max-width: 640px) {
	#slide-wrap2 {
        margin-top: 55px !important;
    }
	.lucas-kids {
		margin: 0px 0px;
	}
	.contact-section {
		width: 100%;
		margin: 0 auto;
	}
	.h1-font-footer {
		margin: 0px 0px 14px;
	}
	.f1-part1
{
	width: 50%;
	float:left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part2
{
	width: 50%;
	float:left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part3
{
	width: 50%;
	float:left;
	box-sizing: border-box;
	padding-bottom: 15px;
	clear: both;
}
.f1-part4
{
	width: 50%;
	float:left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part5
{
	width: 100%;
	float:left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.inner-font-footer {
	font-size: 13px;
    margin: 0px 0px 10px;
    line-height: 24px;
}
	form select {
		margin-left: 0px;
	}
	form input {
		margin-left: 0px;
	}
	form textarea {
		margin-left: 0px;
	}
	.youtube-btn-mt
	{
		padding-bottom: 10px;
		clear: both;
	}
	.youtube-btn-font {
		width: 340px;
		min-width: 340px;
	}
	.header-text-youtube
	{
		font-size: 29px !important;
	}
	
	.profile-inner-amazon {
		max-width: 190px;
		width: 190px;
	}
	.container-profile {
		width: 100%;
		box-sizing: border-box;
		padding: 0px 5px;
		justify-content: space-around;
	}
	.profile-book-heading {
		font-size: 21px;
        line-height: 25px;
		text-align: center;
	}
	
	.header_top_inner-two {
        font-size: 19px !important;
        line-height: 24px;
    }
	.second-part-banner {
        padding: 25px 0px 10px;
    }
	.img-nav
	{
		width: 200px;
	}
	.logo {
		float: left;
		position: relative;
		top: 0px !important;
	}
	.img-header
	{
		max-width: 50px;
		width: 100%;
	}
	.cookie-pt {
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	.c-setting {
		text-align: center;
		font-size: 14px;
		letter-spacing: 1px;
	}
	.cookie-bg {
		color: rgb(255, 255, 255);
		line-height: 57px;
		font-family: custom-font;
		height: 181px !important;
		background: #fff;
	}
	.c-flex-row {
		display: block;
	}
	.info-btn-popup-accept {
		width: 167px;
		padding: 10px;
	}
	.info-btn-popup {
		width: 167px;
		padding: 10px;
	}
	.c-cookie-main {
		width: 88%;
		margin: 0 auto;
	}
	.c-cookie-necessary {
		max-width: 373px;
		margin: 0 auto;
		width: 100%;
	}
	.c-cookie-btn{
		display: block;
	}
	.book-banner-img {
		clear: both;
		padding-top: 0px;
	}
	.profile-section-right h4 {
		font-size: 17px;
		font-weight: 600;
		color: #3a3a3a;
		line-height: 20px;
		margin: 20px 0px 10px 0px;
		text-transform: capitalize;
	}
	.book-text h2 {
		font-size: 31px;
		font-weight: 600;
		font-family: Poppins;
		text-align: center;
		height: 100px;
	}
	.footer-bottom {
		padding: 17px 0px 180px; 
        /* padding: 17px 0px 390px; */
	}
	.desc h2 {
        font-size: 34px;
        line-height: 44px;
    }
	.color-title-inner {
		font-size: 20px;
		color: #000;
		line-height: 10px;
	}
	.font-coloring {
		text-align: center;
		color: #fff;
		font-weight: bold;
		line-height: 46px;
		line-height: 18px;
		font-size: 15px;
		padding-top: 6px;
	}
	.c-f-part1 {
		max-width: 100% ;
		float: left;
		padding: 6px 6px;
	}
	.title-inner-font {
		font-size: 16px;
		color: #000;
		font-family: Arial;
		margin: 0px 4px 0px 22px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.title-font-bg {
		background-color: #07A6EE;
		width: 96%;
		padding: 9px 6px;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		position: relative;
		top: 13px;
		margin-left: 20px;
	}
	.game-video2 {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	.popup22 .close {
		position: absolute;
		top: -6px;
		right: 7px;
		font-size: 40px;
		text-decoration: none;
		color: #C7C7C9;
	}
	.popup23 .close {
		position: absolute;
		top: 0px;
		right: 7px;
		font-size: 40px;
		text-decoration: none;
		color: #000;
	}
	.shop_inner_font {
		font-family: EncodeSansCondensed;
		float: right;
		padding-top: 23px;
		color: #868686;
		font-size: 14px;
		line-height: 18px;
	}
	.shop_main_div {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: 0px !important;
	}
	.container_shop {
		/* width: 550px; */
		margin: 0 auto;
	}
	.c-f-part2 {
		width: 100%;
		float: left;
		padding: 10px;
	}
	.copyright-footer {
		font-size: 16px;
		color: #999999;
		position: relative;
		top: -18px;
	}
	.kids-hover-img {
		background-image: url(../images/kids_banner-device.png);
		width: 100%;
		background-repeat: no-repeat;
		clear: both;
		background-position: center;
		background-size: contain;
		background-position: top;
	}
	.kids-hover-img:hover {
		background-image: url(../images/kids_banner-device-hover.png);
		width: 100%;
		background-repeat: no-repeat;
		clear: both;
		background-position: center;
		background-size: contain;
		background-position: top;
	}
	.worksheet-space {
		padding-top: 12px;
	}
	.work-font {
		color: #0C5C57;
        font-size: 15px;
		text-align: center;
		font-family: Arial;
		padding-top: 6px;
	}
	.container4 {
		width: 100%;
		margin: 0 auto;
	}
	.work-slide {
		background-color: #31a4fa;
		padding: 10px 10px 10px 11px !important;
		border-radius: 10px;
		height: 123px;
	}
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 106px;
		background-color: #5bffff;
		color: #737374;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		bottom: 111%;
		left: 30%;
		margin-left: -60px;
		opacity: 1;
		transition: opacity 0.3s;
		box-shadow: -7px -7px 4px -6px #ccc;
		-webkit-box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.82);
		-moz-box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.82);
		box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.82);
		display: none;
	}
	.video-font {
		font-size: 21px;
		color: #000;
		font-weight: bold;
		font-family: 'Merriweather', serif;
		text-align: center;
		padding-top: 10px;
	}
	.btn-animate {
		position: fixed;
		bottom: 181px;
		right: 27px;
		z-index: 9999;
	}
	.video_btn {
		color: #000;
		position: absolute;
		top: 45px;
		z-index: 9999;
		text-align: center;
		font-size: 13px;
		line-height: 18px;
		left: 34px;
		font-family: Poppins;
	}
	.iframe-container {
		position: relative;
		width: 92%;
		padding-bottom: 56.25%;
		height: 0;
	}
	.iframe-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 94%;
	}
	
	.info_btn {
		background-color: #CC0033 !important;
		border-radius: 50px;
		border: none;
		font-family: Poppins;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		transition-duration: 0.5s;
	}
	.info_btn:hover {
		background-color: #CC3155 !important;
	}
	.cookie-pt {
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	.cookie-btn-bg {
		webkit-flex-shrink: 0;
		flex-shrink: 0;
		text-align: center;
	}
	.footer-font {
		background-color: #3b3b3b;
		padding-bottom: 10px;
		width: 100%;
		float: left;
		padding: 70px 0px 0px 0px;
		text-align: center;
		position: relative;
		top: -8px;
	}
	.footer-top {
		position: relative;
		top: -75px;
	}
	.social_none {
		padding: 30px 0px;
		background: #fff;
		display: none;
	}
	#pointer {
		width: 400px !important;
		height: 60px;
		position: relative;
		background: #bf5f6a;
	}
	.social_font {
		font-size: 20px;
		font-weight: bold;
		font-family: 'DroidSerifItalic';
		font-style: italic;
		text-align: center;
		position: relative;
		top: 17px;
		color: #fff;
		line-height: 25px;
	}
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
	}
	.ddd2 {
		display: block;
	}
	.abc2 {
		display: none;
	}
	.kids-img-cap {
		max-height: 100%;
		max-width: 100%;
		width: auto;
		height: auto;
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		margin-top: 20px;
	}
	
	.font_story {
		font-size: 48px;
		color: #000;
		font-weight: bold;
		padding: 10px 10px;
		font-family: 'Merriweather', serif;
		border-bottom: 2px solid #000;
		border-top: 2px solid #000;
	}
	.abc {
		display: none;
	}
	.ddd {
		display: block;
	}
	.d-flexc {
		display: table;
	}
	.kids-img-small {
		width: 250px !important;
	}
	.kids-img-cap {
		width: 212px !important;
	}
	.half {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.half_img {
		width: 100%;
		height: auto;
	}
	.kids-img {
		top: 18px;
		text-align: center;
	}
	.kids-top-img {
		position: relative;
		top: -840px;
	}
	.font_story01 {
		font-size: 29px;
		color: #333333;
		font-weight: bold;
		padding: 0px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 38px 0px;
		line-height: 80px;
		font-family: 'Merriweather', serif;
	}
	.font_story02 {
		font-size: 29px;
		color: #333333;
		font-weight: bold;
		padding: 0px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 38px 0px;
		line-height: 42px;
		font-family: 'Merriweather', serif;
	}
	.bg-coluors {
		height: auto;
		width: 100%;
	}
	.btn_top {
		padding-top: 69px;
	}

	.c-font {
		position: relative;
		top: 79% !important;
		font-size: 40px !important;
		color: #fff;
		font-weight: bold !important;
		text-align: center !important;
		line-height: 54px !important;
		text-shadow: 2px 2px #000 !important;
	}
	.our-story_inner {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 25px;
		line-height: 38px;
		/*font-family: 'Merriweather', serif;*/
		font-family: 'DroidSerifItalic';
		color: #0e47ae;
		font-style: italic;
		text-align: center;
	}
	.fi-story {
		width: 100%;
		clear: both;
		background-position: center;
		background-attachment: inherit;
	}
	.footer2 {
		width: 100%;
		background-image: url(../slider3.jpg) !important;
		background-size: cover;
		height: 440px;
		clear: both;
	}
	.container {
		width: 440px;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.container-device-header {
		width: 95% !important;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.container_bg {
		width: 470px;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.container_story {
		width: 458px;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.our-inner-head {
		margin-right: auto;
		margin-left: auto;
		/* text-align: center; */
		font-size: 32px;
		font-weight: bold;
		line-height: 38px;
		font-family: 'Merriweather', serif;
		position: relative;
		top: -7px;
		width: 95%;
	}
	.banner {
		padding: 20px 0px;
	}
	.big-text {
		font-size: 20px;
	}
	.header-text h2 {
		font-size: 53px;
        line-height: 100px
	}
	.header-text h1 {
        font-size: 35px;
        height: 110px;
        min-height: 110px;
        line-height: 45px;
    }
	.small-text {
		width: 90%;
		font-size: 16px;
		line-height: 35px;
	}
	
	.desc {
		padding: 10px 0px;
	}
	/*.desc h2 {
		font-size: 22px;
	}*/
	.desc p {
		font-size: 14px;
		width: 100%;
	}
	.features-section ul li {
		display: block;
		float: none;
		width: 80%;
		margin: 40px auto;
	}
	.features-section ul li {
		display: block;
		float: none;
		width: 80%;
		margin: 40px auto;
	}
	.features-section-area ul li {
		display: block;
		float: none;
		width: 80%;
		/*margin: 40px auto;*/
		font-size: 14px;
		line-height: 22px;
	}
	p.box-desc {
		line-height: 26px;
		font-size: 15px;
		font-weight: 500;
		font-family: Poppins;
		line-height: 60px;
		text-align: center;
	}
	.stories-section ul li {
		float: none;
		margin: 10px auto;
		margin-bottom: 20px;
		width: 318px;
	}
	.book-section ul li {
		float: none;
		margin: 10px auto;
		margin-bottom: 44px;
		width: 318px;
	}
	.stories-section2 ul li {
		float: none;
		margin: 10px auto;
		margin-bottom: 20px;
		width: 318x;
	}
	.story-img img {
		width: 318px;
	}
	.youtube-img img {
		width: 318px;
	}
	figure.effect-steve
	{
		width: 318px;
	}
	.features {
		padding: 140px 0px;
	}
	
	.stories {
		padding: 10px 0px;
	}
	.contact {
		padding: 20px 0px;
	}
	.profile-section {
		margin-top: 30px;
	}
	.profile-section-left {
		
		display: block;
		float: none;
		width: 90%;
		margin: 40px auto;
		border-right: none;
	}
	.profile-section-right {
		
		display: block;
		float: none;
		width: 90%;
		margin: 40px auto;
	}
}

@media (min-width: 20px) and (max-width: 480px) {
	.container-device-header {
		width: 95% !important;
		margin: 0 auto;
		padding: 0px 10px;
	}
	
	.h1-font-footer {
		margin: 0px 0px 14px;
	}
	.f1-part1
{
	width: 100%;
	float:none;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part2
{
	width: 100%;
	float:none;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part3
{
	width: 100%;
	float:none;
	box-sizing: border-box;
	padding-bottom: 15px;
	clear: both;
}
.f1-part4
{
	width: 100%;
	float:none;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part5
{
	width: 100%;
	float:none;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.inner-font-footer {
    font-size: 14px;
    margin: 0px 0px 10px;
    line-height: 23px;
}
	.container-footer-section
	{
		max-width: 97%;
		width: 100%;
		margin: 0 auto !important;
	}
	.footer-height-kidsapp 
	{
			padding: 3px 3px 0px 3px;
			line-height: 18px;
    		font-size: 12px;
	}
	.footer-height-youtube
	{
			padding: 3px 3px 0px 3px;
			line-height: 18px;
    		font-size: 12px;
	}
	 .footer-height-worksheet
	 {
			padding: 3px 3px 0px 3px;
			line-height: 18px;
    		font-size: 12px;
	 }
	  .footer-height-coloring
	  {
			padding: 3px 3px 0px 3px;
			line-height: 18px;
    		font-size: 12px;
	  }
	   .footer-height-licensing
	   {
			padding: 3px 3px 0px 3px;
			line-height: 18px;
    		font-size: 12px;
	   }
	    .footer-height
		{
			padding: 3px 3px 0px 3px;
			line-height: 18px;
    		font-size: 12px;
		}
	form select {
		margin-left: 0px;
	}
	form input {
		margin-left: 0px;
	}
	form textarea {
		margin-left: 0px;
	}
	.youtube-btn-mt
	{
		padding-bottom: 8px;
		clear: both;
	}
	.youtube-btn-font {
		width: 280px;
        min-width: 280px;
		font-size: 18px !important;
	}
	
	.footer-section-row {
		width: 47.2% !important;
		float: left;
		text-align: center;
		padding: 6px 0px;
	}
	.birthday-banner {
		padding-top: 87px;
	}
	.container-profile {
		width: 100%;
		box-sizing: border-box;
		padding: 0px 3px;
		margin-top: 93px;
		justify-content: space-around;
	}
	.profile-book-heading {
		font-size: 17px;
		line-height: 22px;
		text-align: center;
	}
	.profile-inner-amazon {
		max-width: 140px;
		width: 140px;
	}
	.img-header
	{
		max-width: 45px;
		width: 100%;
	}
	.img-nav {
        width: 150px;
    }
	.logo {
		float: left;
		position: relative;
		top: 0px !important;
	}
	.responsive-menu-button {
		float: right;
		padding: 28px 10px !important;
	}
	.footer-bottom {
		padding: 30px 0px 180px;
	}
	.cookie-bg {
		color: rgb(255, 255, 255);
		line-height: 57px;
		font-family: custom-font;
		height: 180px !important;
		background: #fff;
	}
	.cookie-btn-bg {
		webkit-flex-shrink: 0;
		flex-shrink: 0;
		text-align: center;
		margin-top: -9px;
	}
	.c-flex-row {
		display: block;
	}
	.info-btn-popup-accept {
		width: 228px;
		padding: 10px;
	}
	.info-btn-popup {
		width: 228px;
		padding: 10px;
	}
	.c-cookie-inner-part {
		width: 100%;
		float: none;
		text-align: center;
	}
	.c-popup-inner-font {
		font-family: 'Poppins';
		font-size: 12px;
		text-align: center;
		line-height: 18px;
		padding: 11px 10px;
	}
	.c-cookie-necessary {
		max-width: 350px;
		margin: 0 auto;
		width: 100%;
	}
	.c-cookie-btn {
		display: block;
	}
	.book-banner-img {
		clear: both;
		padding-top: 0px;
	}
	.profile-section-right h4 {
		font-size: 17px;
		font-weight: 600;
		color: #3a3a3a;
		line-height: 20px;
		margin: 20px 0px 10px 0px;
		text-transform: capitalize;
	}
	.book-text h2 {
	font-size: 30px;
    font-weight: 600;
    font-family: Poppins;
    text-align: center;
    height: 109px;
        line-height: 39px;
        padding: 11px 0px;
	}
	.cookie-demo
	{
		display: none !important;
	}
	button.submit {
		font-size: 19px;
	}
	.desc h2 {
        font-size: 23px;
        padding: 9px 0px;
        line-height: 33px;
    }
	.font-kw {
		width: 95%;
		padding-top: 24px;
		color: #646363;
		font-weight: 500;
		font-size: 16px;
		padding-bottom: 20px;
	}
	.font-coloring {
		text-align: center;
		color: #fff;
		font-weight: bold;
		line-height: 46px;
		line-height: 18px;
		font-size: 15px;
		padding-top: 6px;
	}
	.color-title-inner {
		font-size: 16px;
		color: #000;
		line-height: 10px;
	}
	.c-f-part1 {
		max-width: 100%;
		float: left;
		padding: 6px 6px;
	}
	.title-inner-font {
		font-size: 16px;
		color: #000;
		font-family: Arial;
		margin: 0px 4px 0px 22px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.title-font-bg {
		background-color: #07A6EE;
		width: 96%;
		padding: 9px 6px;
		font-size: 15px;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		position: relative;
		top: 13px;
		margin-left: 10px;
	}
	.game-video2 {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	.popup22 .close {
		position: absolute;
		top: -6px;
		right: 7px;
		font-size: 44px;
		text-decoration: none;
		color: #C7C7C9;
	}
	.popup23 .close {
		position: absolute;
		top: 0px;
		right: 7px;
		font-size: 40px;
		text-decoration: none;
		color: #000;
	}
	.shop_inner_font {
		font-family: EncodeSansCondensed;
		padding-top: 23px;
		color: #868686;
		font-size: 14px;
		line-height: 18px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.shop_main_div {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: 0px;
	}
	.c-f-part2 {
		width: 100%;
		float: left;
		padding: 10px;
		box-sizing: border-box;
	}
	.copyright-footer {
		font-size: 16px;
		padding-top: 25px;
		color: #999999;
		position: relative;
		top: -24px;
	}
	.kids-hover-img {
		background-image: url(../images/kids_banner-device.png);
		width: 100%;
		background-repeat: no-repeat;
		clear: both;
		background-position: center;
		background-size: contain;
		background-position: top;
	}
	.kids-hover-img:hover {
		background-image: url(../images/kids_banner-device-hover.png);
		width: 100%;
		background-repeat: no-repeat;
		clear: both;
		background-position: center;
		background-size: contain;
		background-position: top;
	}
	.worksheet-space {
		padding-top: 12px;
	}
	.work-font {
		color: #0C5C57;
        font-size: 14px;
		text-align: center;
		font-family: Arial;
		padding-top: 6px;
	}
	.container4 {
		width: 100% !important;
		margin: 0 auto;
	}
	.work-slide {
		background-color: #31a4fa;
		padding: 10px 10px 10px 11px !important;
		border-radius: 10px;
		height: 123px;
	}
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 106px;
		background-color: #5bffff;
		color: #737374;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		bottom: 111%;
		left: 30%;
		margin-left: -60px;
		opacity: 1;
		transition: opacity 0.3s;
		box-shadow: -7px -7px 4px -6px #ccc;
		-webkit-box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.82);
		-moz-box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.82);
		box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.82);
		display: none;
	}
	.container-worksheet {
		margin: 0 auto !important;
		padding: 0px 10px !important;
		width: 100% !important;
	}
	.btn-animate {
		position: fixed;
		bottom: 180px;
		right: 26px;
		z-index: 9999;
	}
	p_close span {
		display: block;
		width: 16px !important;
		height: 5px;
		background: #000;
		position: relative;
		top: 4px !important;
		left: 21px !important;
	}
	.video-font {
		font-size: 16px;
		color: #000;
		font-weight: bold;
		font-family: 'Merriweather', serif;
		text-align: center;
		padding-top: 10px;
	}
	.video_btn {
		color: #000;
		position: absolute;
		top: 42px !important;
		z-index: 9999;
		text-align: center;
		font-size: 14px;
		/* line-height: 26px; */
		left: 30px !important;
		font-family: Poppins;
	}
	.iframe-container {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%;
		height: 0;
	}
	.iframe-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
.info_btn {
    background-color: #CC0033 !important;
    padding: 7px 120px 7px 120px;
    border-radius: 50px;
    border: none;
    font-family: Poppins;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    transition-duration: 0.5s;
}
.info_btn:hover {
	background-color: #CC3155 !important;
}
.c-setting {
		font-size: 13px;
		letter-spacing: 1px;
	}
	.cookie-pt {
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	.cookie-row {
		display: block !important;
		justify-content: space-between;
		/* padding: 2px;  */
	}
	.btn-right {
		/*padding-left: 10px;*/
	}
	.footer-font {
		background-color: #3b3b3b;
		padding-bottom: 10px;
		width: 100%;
		float: left;
		padding: 70px 0px 0px 0px;
		text-align: center;
		position: relative;
		top: -8px;
	}
	.footer-top {
		position: relative;
		top: -75px;
	}
	.social_none {
		padding: 30px 0px;
		background: #fff;
		display: none;
	}
	#pointer {
		width: 260px !important;
		height: 60px;
		position: relative;
		background: #bf5f6a;
	}
	.social_font {
		font-size: 23px;
		font-weight: bold;
		font-family: 'DroidSerifItalic';
		font-style: italic;
		text-align: center;
		position: relative;
		top: 5px;
		color: #fff;
		line-height: 25px;
	}
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
	}
	.ddd2 {
		display: block;
	}
	.abc2 {
		display: none;
	}
	.kids-img-cap {
		max-height: 100%;
		max-width: 100%;
		width: auto;
		height: auto;
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.abc {
		display: none;
	}
	.ddd {
		display: block;
	}
	.kids-img {
		position: relative;
		top: 17px;
		text-align: center;
	}
	.d-flexc {
		display: table;
	}
	.half {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.half_img {
		width: 100%;
		height: auto;
	}
	.kids-img-small {
		width: 250px !important;
	}
	.kids-img-cap {
		width: 152px !important;
	}
	.kids-top-img {
		position: relative;
		top: -840px;
	}
	.font_story01 {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		padding: 6px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 38px 0px;
		line-height: 38px;
		font-family: 'Merriweather', serif;
	}
	.font_story02 {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		padding: 6px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 38px 0px;
		line-height: 38px;
		font-family: 'Merriweather', serif;
	}
	.font_story {
		font-size: 38px;
		color: #000;
		font-weight: bold;
		padding: 10px 10px;
		font-family: 'Merriweather', serif;
		border-bottom: 2px solid #000;
		border-top: 2px solid #000;
	}
	.our-inner-head {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		font-size: 26px;
		font-weight: bold;
		line-height: 34px;
		font-family: 'Merriweather', serif;
		position: relative;
		top: -7px;
	}
	.our-inner-photos {
		margin-left: auto;
		margin-right: auto;
		font-size: 20px;
		line-height: 30px;
		font-family: custom-font;
		color: #000;
		text-align: center;
	}
	.fi-bg-image {
		width: 100%;
		height: 100%;
	}
	.fi-bg-kids {
		background: rgba(0, 0, 0, 0.2);
		width: 100%;
		height: 100%;
		padding-bottom: 2rem;
		padding-top: 2rem;
	}
	.features-section-area ul li div a {
		color: #fff;
		padding: 2px 0px 0px 0px;
		text-decoration: none;
		text-transform: capitalize;
		font-size: 12px;
		text-align: center;
		font-size: 15px;
	}
	.features-section-area ul li div a:hover {
		color: #d76f6a;
		transition: color 0.3s ease-in;
		-moz-transition: color 0.3s ease-in;
		-o-transition: color 0.3s ease-in;
		-webkit-transition: color 0.3s ease-in;
		-ms-transition: color 0.3s ease-in;
		font-size: 15px;
	}
	.stories-section ul li {
		float: none;
		margin: 10px auto;
		margin-bottom: 20px;
	}
	.bg-coluors {
		width: 100%;
		height: auto;
		background-size: contain;
		background-color: #0B54B3;
	}
	.header_top_inner-two {
        font-size: 16px !important;
        line-height: 19px;
    }
	.btn_top {
		padding-top: 100px;
	}
	.c-font {
		position: relative;
		font-size: 20px !important;
		color: #fff !important;
		text-align: center;
		line-height: 33px !important;
		top: 69% !important;
		text-shadow: 2px 2px #000 !important;
	}
	.fi-story {
		width: 100%;
		clear: both;
		background-position: center;
		background-attachment: inherit;
		position: relative;
        top: -10px;
	}
	.footer2 {
		width: 100%;
		background-image: url(../slider4.jpg) !important;
		background-size: cover;
		/*height:300px !important;*/
		height: 260px !important;
		clear: both;
		margin-top: 85px;
	}
	.container {
		width: 305px;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.container-footer {
		width: 100%;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.container_story {
		width: 305px;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.container_bg {
		width: 380px;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.banner {
		padding: 20px 0px 60px;
	}
	.big-text {
		font-size: 15px;
	}
.header-text-kids h2
{
	font-size:35px;
    line-height: 72px;
}
	.header-text h2 {
		font-size: 34px;
        line-height: 124px;
	}
	.header-text h1 {
        font-size: 29px;
		height: 90px;
        min-height: 90px;
        line-height: 39px;
    }
	.small-text {
		width: 90%;
		font-size: 15px;
		line-height: 35px;
	}
	.button-section ul li {
		margin: 50px 12px;
	}
	.white,
	.green {
		/*padding: 15px;*/
	}
	.desc {
		padding: 10px 0px;
		/*background: #f6f6f6;*/
	}
	
	/*.desc h2 {
		font-size: 22px;
	}*/
	.desc p {
		font-size: 14px;
		width: 100%;
	}
	.features {
		padding: 140px 0px;
	}
	.features-section ul li {
		display: block;
		float: none;
		width: 90%;
		margin: 40px auto;
		font-size: 13px;
	}
	.features-section-area ul li {
		width: 337px;
		line-height: 23px;
		margin: 1px 0px 0px -26px;
	}
	.features-section ul li p {
		width: 100%;
	}
	p.box-desc {
		line-height: 30px;
		font-size: 14px;
		text-align: center !important;
	}
	.stories {
		padding: 10px 0px;
	}
	.stories-section ul li {
		/*float: none;;*/
		margin: 10px -5px;
		width: 300px;
		/* margin-bottom: 40px; */
	}
	.book-section ul li {
		/*float: none;;*/
		margin: 10px auto;
		width: 285px;
		margin-bottom: 44px;
	}
	.stories-section2 ul li {
		margin: 10px auto;
		width: 300px;
		margin-bottom: 46px;
	}
	.story-img img {
		height: 170px;
		width: 300px;
	}
	.youtube-img img {
		width: 300px;
	}
	figure.effect-steve {
		
		width: 300px;
	}
	.features {
		padding: 60px 0px;
	}
	.contact {
		padding: 20px 0px;
	}
	.contact-device-game-count
	{
		padding: 0px 0px;
	}
	.contact-section {
		width: 100%;
	}
	h3.text-head {
		font-size: 40px;
		position: relative;
        top: -30px;
	}
	.menu {
		display: none;
	}
	.logo {
		float: left;
	}
	.profile-section {
		margin-top: 30px;
	}
	.profile-section-left {
		display: block;
		float: none;
		width: 100%;
		margin: 40px auto;
		border-right: none;
	}
	.profile-section-right {
		display: block;
		float: none;
		width: 100%;
		margin: 40px auto;
	}
	.font02 {
		color: #000;
		font-family: 'Raleway', sans-serif;
		font-size: 17px !important;
		font-weight: bold;
		line-height: 27px !important;
	}
}
@media (max-width: 380px) and (min-width: 20px)

{
	/* .lucas-kids {
		margin: 0px -15px auto !important;
	} */
	.education-free {
        font-size: 17px;
        line-height: 25px;
        text-align: left;
        /* padding: 0px 0px 0px 16px; */
    }
	.footer-height-kidsapp
	{
		border: 0px solid #F43B0C !important;
	}
.container_bg {
    width: 320px;
    margin: 0 auto;
    padding: 0px 10px;
}
}
@media only screen and (max-width: 767px) {
	
	.icon-s
	{
		display: none !important;
	}
	.d-flex {
		display: block;
		padding-top: 35px;
		margin: 0px !important;
	}
	.field-error {
		font-family: Poppins;
		color: red;
		padding-bottom: 20px;
        text-align: center;
	}
	#mobile-header {
		display: block;
		position: relative;
        right: -7px;
	}
	.header {
		/*position: fixed;*/
		top: 0;
		z-index: 1002;
		height: auto;
	}
	.responsive-menu-button {
		float: right;
		padding: 28px 14px;
	}
	.logo {
		float: left;
		position: relative;
		top: 0px;
	}
	.logo h1 a {
		text-decoration: none;
		color: #1C97CA;
		font-size: 40px;
		font-weight: 100;
		padding: 6px 0px;
		display: block;
		letter-spacing: 4px;
		text-transform: uppercase;
		position: relative;
    top: -6px;
	}
	.banner {
		padding: 20px 0px 80px;
	}
	.menu {
		display: none;
	}
}

@media screen and (max-width: 375px) {
	#slide-wrap2 {
        margin-top: 41PX;
    }
	.header_top_inner-two {
        font-size: 14px !important;
        line-height: 19px;
    }
	.footer-section-row {
		width: 46.5% !important;
    	padding: 5px 0px;
	}
	.footer-height-licensing 
	{
		font-size: 12px;
		line-height: 18px;
	}
	.footer-height
	{
		font-size: 12px;
		line-height: 18px;
	}
	.footer-height-coloring
	{
		font-size: 12px;
		line-height: 18px;
	}
	.footer-height-worksheet
	{
		font-size: 12px;
		line-height: 18px;
	}
	.footer-height-youtube
	{
		font-size: 12px;
		line-height: 18px;
	}
	.footer-height-kidsapp
	{
		font-size: 12px;
		line-height: 18px;
	}
	.container-profile {
		width: 100%;
		box-sizing: border-box;
		padding: 0px 7px;
		justify-content: space-around;
	}
	.profile-book-heading {
		font-size: 14px;
        line-height: 18px;
	}
	.profile-inner-amazon
   {
	max-width: 140px;
	width: 140px;
   }
	.video_btn {
		top: 42px !important;
		left: 29px !important;
	}
	.img-header
	{
		max-width: 40px;
		width: 100%;
	}
	.bbb
	{
		margin: -3px;
	}
	.img-nav
	{
		width: 130px;
	}
	.logo {
		float: left;
		position: relative;
		top: 3px;
	}
	.responsive-menu-button {
		float: right;
		padding: 28px 7px;
	}
	.info_btn {
		padding: 7px 90px 7px 90px;
	}
	.info_btn:hover {
		background-color: #CC3155 !important;
	}
	.cookie-bg {
		height: 185px !important;
	}
	.btn-animate {
		bottom: 185px;
	}
	.shop_text {
		font-size: 21px;
		font-weight: bold;
		text-align: center;
		color: #711F9C;
		font-family: "Nunito", sans-serif;
	}
	.shop_inner_text {
		font-family: Poppins;
    font-size: 15px;
    text-align: center;
    line-height:22px;
    color: #333333;
    position: relative;
    top: -8px;
	}
	.shop_main_div {
		flex-direction: column;
        align-items: center;
		justify-content: center;
		position: relative;
		top: -17px;
	}
}

@media only screen and (max-width: 767px) {
	#slide-wrap2 {
		margin-top: 57PX;
	}
	.game-app {
		margin-top: 65PX;
	}
	.banner {
		padding: 20px 0px;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1400px) {
	#slide-wrap2 {
		margin-top: 78px;
		clear: both;
	}
	.game-app {
		margin-top: 84PX;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 2000px) {
	.abc {
		display: block;
	}
	.ddd {
		display: none;
	}
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
		display: none;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 5000px) {
	.footer-fix {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		color: white;
		text-align: center;
		border-top: 1px solid #868686;
		display: none !important;
	}
}
@media only screen and (min-width: 767px) and (max-width: 1400px) {
	.abc {
		display: block;
	}
	.ddd {
		display: none;
	}
}
@media only screen and (min-width: 1400px) {
	#slide-wrap2 {
		/*max-width: 1439px;*/
		margin: 0px auto;
		margin-top: 77px;
	}
	/*change End*/
	.second-part-banner
	{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 18px 0px;
		width: 100%;
	}
	/*change*/
}
@media (max-width: 1360px) and (min-width: 1200px) {
	.c-f-part1 {
		max-width: 44%;
		float: left;
		padding: 20px;
	}
	
}

@media (max-width: 1200px) and (min-width: 1080px) {
	.container-profile {
		margin-top: 102px;
	}

	.profile-book-heading {
		font-size: 36px ;
	}
	.features-section-area ul li {
		width: 950px;
		display: block;
		text-align: center;
		float: left;
	}
	.r-footer {
		text-align: right;
		position: relative;
		top: -59px;
		
	}
	.social-icon-f {
		position: relative;
		top: 20px;
	}
	.stories-section2 ul li {
		width: 304px;
		margin-bottom: 10px;
	}
	
	.info_btn {
		background-color: #CC0033 !important;
    padding: 8px 50px 8px 50px;
    border-radius: 50px;
    border: none;
    font-family: Poppins;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    transition-duration: 0.5s;
	}
	.info_btn:hover {
		background-color: #CC3155 !important;
	}

	
	
}

@media (max-width: 1125px) and (min-width: 1080px) {
	/*.footer-ipad {

        position: relative;

        top: -60px;

    }*/
}

@media (max-width: 1080px) and (min-width: 767px) {
	.container-device-header {
		width: 95% !important;
		margin: 0 auto;
		padding: 0px 10px;
	}
	.header-text h1 {
		font-size: 43px;
	}

	.form-group-check-text
	{
	  font-size: 15px;
	  font-family: Poppins;
	  line-height: 45px;
	  color: #5a5a5a;
	}
	.cookie-row {
		display: block !important;
		justify-content: space-between;
	}
	
	.cookie-bg {
		color: rgb(255, 255, 255);
		line-height: 57px;
		font-family: custom-font;
		height: auto;
		background: #fff;
	}
	.font-coloring {
		text-align: center;
		color: #fff;
		font-weight: bold;
		line-height: 46px;
		line-height: 18px;
		font-size: 15px;
		padding-top: 6px;
	}
	.menu ul li {
		padding: 0px 4px;
		display: flex;
		align-items: center;
	}
	.menu ul li a {
		float: right;
		font-family: "Poppins", sans-serif;
    	font-weight: 800;
		text-decoration: none;
		color: #1B1B1B;
		font-size: 13px;
	}
	.info_btn {
	background-color: #CC0033 !important;
    padding: 8px 60px 8px 60px;
    border-radius: 50px;
    border: none;
    font-family: Poppins;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    transition-duration: 0.5s;
	}
	.cookie-font-bg {
		text-align: left !important;
		font-size: 15px;
		font-family: Poppins;
		line-height: 36px;
        position: relative;
        top: 8px
	}
	.stories-section2 ul li {
		width: 202px;
		margin-bottom: 10px;
	}
	.octagonWrap {
		width: 200px;
		height: 200px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		transform: rotate(112deg);
	}
	.octagon {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		transform: rotate(45deg);
		/*border: 3px solid #ff6db4;*/
		border-radius: 50%;
	}
	.octagon:before {
		position: absolute;
		top: -3px;
		right: -3px;
		bottom: -3px;
		left: -3px;
		transform: rotate(45deg);
		content: '';
		border: inherit;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}
	.inner_shadow {
		width: 186px;
		height: 186px;
		position: relative;
		transform: rotate(135deg);
		margin-left: auto;
		margin-right: auto;
		left: 0px;
		top: 5px;
	}
	.inner_border {
		background-color: #FF3A52;
	}
	.octagonWrap1 {
		width: 200px;
		height: 200px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		transform: rotate(112deg);
	}
	.octagon1 {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		transform: rotate(45deg);
		/*border: 3px solid #47c5ee;*/
		border-radius: 50%;
	}
	.octagon1:before {
		position: absolute;
		top: -3px;
		right: -3px;
		bottom: -3px;
		left: -3px;
		transform: rotate(45deg);
		content: '';
		border: inherit;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}
	.octa_color1 {
		width: 186px;
		height: 186px;
		position: relative;
		transform: rotate(135deg);
		margin-left: auto;
		margin-right: auto;
		left: 0px;
		top: 4px;
	}
	.octa_bg_1 {
		background-color: #2AAB00;
	}
	.octagonWrap2 {
		width: 200px;
		height: 200px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		transform: rotate(112deg);
	}
	.octagon2 {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		transform: rotate(45deg);
		/*border: 3px solid #b684ff;*/
		border-radius: 50%;
	}
	.octagon2:before {
		position: absolute;
		top: -3px;
		right: -3px;
		bottom: -3px;
		left: -3px;
		transform: rotate(45deg);
		content: '';
		border: inherit;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}
	.octa_color {
		width: 186px;
		height: 186px;
		position: relative;
		transform: rotate(135deg);
		margin-left: auto;
		margin-right: auto;
		left: 0px;
		top: 4px;
	}
	.octa_bg {
		background-color: #0B99FF;
	}
}

@media (max-width: 768px) and (min-width: 640px) {
	.header-text h1 {
        font-size: 40px;
		height: 100px;
		min-height: 100px;
    }
	.header-top {
		position: relative;
		top: auto;
		margin-top: 80px;
	}
	.h1-font-footer {
		margin: 0px 0px 14px;
	}
	.f1-part1
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part2
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part3
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.f1-part4
{
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	clear: both;
	padding-bottom: 15px;
}
.f1-part5
{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-bottom: 15px;
}
.inner-font-footer {
    font-size: 12px;
    margin: 0px 0px 10px;
    line-height: 21px;
}
	form select {
		margin-left: 0px;
	}
	form input {
		margin-left: 0px;
	}
	form textarea {
		margin-left: 0px;
	}
	.footer-section-row {
		width: 33% !important;
		float: left;
		margin: 0 auto;
		padding: 10px 3px;
	}
	/* .footer-img-width {
		max-width: 160px;
        width: 100%;
	} */
	/* .footer-height {
		width: 160px;
		font-size: 14px;
	}
	.footer-height-coloring {
		width: 160px;
		font-size: 14px;
	}
	.footer-height-worksheet 
	{
		width: 160px;
		font-size: 14px;
	}
	.footer-height-youtube
	{
		width: 160px;
		font-size: 14px;
	}
	.footer-height-kidsapp
	{
		width: 160px;
		font-size: 14px;
	}
	.footer-height-licensing
	{
		width: 160px;
		font-size: 14px;
	} */
	.cookie-bg {
		color: rgb(255, 255, 255);
		line-height: 57px;
		font-family: custom-font;
		height: 121px !important;
		background: #fff;
	}
	.c-cookie-btn {
		
		width: 97%;
	}
	.footer-bottom {
		padding: 20px 0px 120px;
	}
	.bg-coluors {
		width: 100%;
		height: auto;
		background-color: #0B54B3;
	}
	.desc h2 {
        font-size: 45px;
        line-height: 55px;
    }
	
	.font-coloring {
		text-align: center;
		color: #fff;
		font-weight: bold;
		line-height: 46px;
		line-height: 18px;
		font-size: 15px;
		padding-top: 6px;
	}
	.game-video2 {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	.shop_inner_font {
		font-family: EncodeSansCondensed;
		float: right;
		padding-top: 22px;
		color: #868686;
		font-size: 14px;
		line-height: 18px;
	}
	/*.shop_btn_amazon {
		font-family: EncodeSansCondensed;
		background-color: #EB7C00;
		border-radius: 5px;
		width: 230px;
		text-align: center;
		line-height: 62px;
		font-size: 20px;
		color: #fff;
		transition-duration: 1s;
	}*/
	.shop_btn_teespring {
		font-family: EncodeSansCondensed;
		background-color: #EE2761;
		border-radius: 5px;
		width: 230px;
		text-align: center;
		line-height: 62px;
		font-size: 20px;
		color: #fff;
		transition-duration: 1s;
	}
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 106px;
		background-color: #5bffff;
		color: #737374;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		bottom: 111%;
		left: 30%;
		margin-left: -60px;
		opacity: 1;
		transition: opacity 0.3s;
		box-shadow: -7px -7px 4px -6px #ccc;
		-webkit-box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.82);
		-moz-box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.82);
		box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.82);
		display: none;
	}
	.btn-animate {
		position: fixed;
		bottom: 130px;
		right: 41px;
		z-index: 9999;
	}
	.video_btn {
		color: #000;
		position: absolute;
		top: 42px;
		z-index: 9999;
		text-align: center;
		font-size: 14px;
		line-height: 20px;
		left: 30px;
		font-family: Poppins;
	}
	.font_story {
		font-size: 48px;
		color: #000;
		font-weight: bold;
		padding: 10px 10px;
		font-family: 'Merriweather', serif;
		border-bottom: 2px solid #000;
		border-top: 2px solid #000;
	}
	.fi-bg {
		width: 100%;
		background-size: 100% 100%;
		height: 465px;
		clear: both;
	}
	.footer-font {
		background-color: #3b3b3b;
		padding-bottom: 10px;
		width: 100%;
		float: left;
		padding: 70px 0px 0px 0px;
		text-align: center;
		position: relative;
		top: -8px;
	}
	.footer-top {
		position: relative;
		top: -75px;
	}
	.stories-section2 ul li {
		margin-bottom: 10px;
		/* width: 159px; */
		width: 152px;
	}
	.octagonWrap {
		width: 180px;
		height: 180px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		transform: rotate(112deg);
	}
	.octagon {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		transform: rotate(45deg);
		/*border: 3px solid #ff6db4;*/
		border-radius: 50%;
	}
	.octagon:before {
		position: absolute;
		top: -3px;
		right: -3px;
		bottom: -3px;
		left: -3px;
		transform: rotate(45deg);
		content: '';
		border: inherit;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}
	.inner_shadow {
		width: 166px;
		height: 166px;
		position: relative;
		transform: rotate(135deg);
		margin-left: auto;
		margin-right: auto;
		left: 0px;
		top: 5px;
	}
	.inner_border {
		background-color: #FF3A52;
	}
	.octagonWrap1 {
		width: 180px;
		height: 180px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		transform: rotate(112deg);
	}
	.octagon1 {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		transform: rotate(45deg);
		/*border: 3px solid #47c5ee;*/
		border-radius: 50%;
	}
	.octagon1:before {
		position: absolute;
		top: -3px;
		right: -3px;
		bottom: -3px;
		left: -3px;
		transform: rotate(45deg);
		content: '';
		border: inherit;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}
	.octa_color1 {
		width: 166px;
		height: 166px;
		position: relative;
		transform: rotate(135deg);
		margin-left: auto;
		margin-right: auto;
		left: 0px;
		top: 4px;
	}
	.octa_bg_1 {
		background-color: #2AAB00;
	}
	.octagonWrap2 {
		width: 180px;
		height: 180px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		transform: rotate(112deg);
	}
	.octagon2 {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		transform: rotate(45deg);
		/*border: 3px solid #b684ff;*/
		border-radius: 50%;
	}
	.octagon2:before {
		position: absolute;
		top: -3px;
		right: -3px;
		bottom: -3px;
		left: -3px;
		transform: rotate(45deg);
		content: '';
		border: inherit;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}
	.octa_color {
		width: 166px;
		height: 166px;
		position: relative;
		transform: rotate(135deg);
		margin-left: auto;
		margin-right: auto;
		left: 0px;
		top: 4px;
	}
	.octa_bg {
		background-color: #0B99FF;
	}
	.oct-inner {
		position: relative;
		top: 27px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 158px;
		transform: rotate(248deg);
	}
	.inner_font {
		color: #fff;
		font-size: 24px;
		font-weight: bold;
		font-family: Poppins;
		line-height: 30px;
		font-weight: bold;
	}
	.inner_font_text {
		color: #fff;
		font-size: 14px;
		line-height: 28px;
		font-family: Poppins;
		line-height: 21px;
		font-weight: 500;
	}
}

@media (min-width:769px) {
	.abc {
		display: none;
	}
	.amazon-banner-d
	{
		display: block !important;
	}
	.amazon-banner-m
	{
		display: none !important;
	}
}

@media only screen and (max-width: 769px) {
	.doc-list {
		background-color: #999;
		display: none;
	}
}

@media (min-width:769px) {
	.play-banner {
		display: none;
	}
}

@media only screen and (max-width: 769px) {
	.doc-list {
		display: none;
	}
}