@media screen and (max-width: 1300px){
	
}
@media screen and (max-width: 1240px){
	.raincoat,.learn-character{
		max-width: 232px;
	}
	.vedio-section .vedio-box {
	    max-width: 350px;
	}
}
@media screen and (max-width: 1024px){
	
}
@media screen and (max-width: 1110px){
	.vedio-section .vedio-box {
	    max-width: 460px;
	}
	.vedio-section {
	    text-align: center;
	}
	.raincoat{
		left: 20%;
	}
	.learn-character{
		right: 8%;
	}
	.img_side_content{
		bottom: 22%;
	}
	
	.social-icon img{
	max-width: 100px;
    width: 100%;
    height: 30px;

	}
	.new-header .navbar-nav .nav-item {
    padding-right: 30px;
}

}
@media screen and (max-width: 991px){
	.header .navbar-nav .nav-item .nav-link {
    font-size: 18px;
	}
	.vedio-section .vedio-box {
	    max-width: 365px;
	}
	.learnChines-section {
    padding: 10px 0px 15px;
}
.header .navbar-nav .nav-item {
    padding: 5px 0px;
}

.header .navbar-nav .nav-item.login {
    padding: 10px 0px !important;
}
.learnChines-section .head {
    font-size: 18px;
    padding-bottom: 15px;
}

.learnChines-content {
    padding: 30px;
}

.learnChines-content h2 {
    font-size: 16px;
}
.learnChines-details-list {
    display: block !important;
}

.details-list {
    padding: 8px 0px;
}

.learnChines-details {
    padding: 15px 0px;
}
	
	.aboutUs-content-section {
    padding: 15px 0px;
}

.aboutUs-content-section p {
    font-size: 15px;
}

.highlited-content-section {
    padding: 15px 0px;
}

.highlited-content p {
    font-size: 16px;
}

.highlited-content {
    padding: 12px;
}

.image-content-box {
    padding: 15px 0px 2px;
}
.padding-top {
    padding-top: 27px;
}
.image-content-box {
    justify-content: start !important;
}
.helping-section {
    padding: 15px 0px;
}

.downloads-app-section {
    padding: 15px 0px;
}
.helping-section .helpin-detail .content-box h2 {
    font-size: 16px;
}

.helping-section .helpin-detail .content-box p {
    font-size: 14px;
    margin: 3px 0px;
}

.helping-section .helpin-detail .content-box {
    padding: 7px 0px;
}
.downloads-app-section .heading {
    font-size: 22px;
}

.downloads-app-section .download-app {
    padding: 10px;
}

.downloads-app-section h2 {
    font-size: 16px;
}
	.input-form-modal .modal-body {
	    max-width: 100%;
	    padding: 15px 20px;
	}
	.input-form-modal .modal-header {
	    border-bottom: 0px;
	    padding: 42px 45px 3px 15px;
	}
	.raincoat{
		left: 15%;
	}
	.raincoat, .learn-character{
		max-width: 216px;
	}
	
	.features-card .cards {
    padding-right: 10px;
    width: 100%;
    padding-left: 0;
	}
	.features-card .cards:before{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.key_exam .slide img {
		max-width: 100px;
		height: 100px;
	}
	.vedio-section .vedio-box {
	    max-width: 100%;
	}
	.contact-form input, .contact-form textarea {
	    max-width: 100%;
	}
	.contact-column {
	    padding-left: 15px;
	    max-width: 100%;
	    flex: 100% !important;
	}
	.sign-up {
	    padding-top: 28px;
	    padding-bottom: 0px;
	}
	.raincoat,.learn-character{
		max-width: 100%;
	}
	.nav-list{
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.copyright,.plans-card{
		display: block;
	}
	.choose-options form{
		flex-wrap: wrap;
	}
	.main-heading ,.feature-heading{
	    font-size: 22px;
	}
	.plans-card .cards{
		margin-bottom: 20px;
		margin-right: 0px;
		width: 100%;
	}
	.phone-img>div{
		max-width: 300px;
		margin: auto;
	}
	.contact-form,.contact-section,.downloads-section,.features,.about-us{
		padding: 40px 0px;
	}
	.banner-heading, .plans-heading,.download-app,.about-us-content{
		font-size: 15px;
	}
	.purchase-now{
		min-width: 230px;
	}
	.banner-heading .main-heading{
		font-size: 25px;
	}
	.features-card .cards{
		padding-right: 0;
		padding-left: 0 !important;
	}
	.features-card .cards>div{
		font-size: 18px;
	}
	.learn-character,.raincoat{
		position: unset;
		width: 100%
	}
	.img_side_chinese,
	.img_side_content,
	.img_right_chinese,
	.img_rightside_chinese{
		position: unset;
		margin-left: 30px;
	}
	.phone-img{
		display:flex;
		max-width: 600px;
		margin: auto;
	}
	.about-us,.about-us-content{
		padding-bottom: 35px;
	}

	.plan-page .feature-heading {
    padding: 30px 0px 2px;
}

.plan-page .main-heading {
    font-size: 18px;
    padding: 2px 0px;
}

.plan-page p {
    font-size: 14px;
    margin-bottom: 8px;
}

.plan-page .select-plan {
    padding: 15px 0px 0px;
}

.plan-page .plans-card {
    padding-bottom: 30px;
}
}
@media screen and (max-width: 800px){
	.features-card .cards{
		padding-right: 0;
		padding-left: 0 !important;
		width: 100%
	}
}
@media screen and (max-width: 360px){
	.features-card .cards:before{
		background-color: transparent;
	}
	.features,.about-us,.contact-section{
		padding: 0px;
	}
	.contact-column{
		padding-left: 15px;
	}
}
@media screen and (max-width:576px){
	.padding-top {
    padding-top: 15px;
}
	@keyframes rightToLeft {
 	0% {
	 transform: translateX(100%);
	}
 	100% {
	 transform: translateX(-800px);
	 }
}

	.image-content-box {
    justify-content: start !important;
}
	.phone-img{
		flex-wrap: wrap;
	}
	.social-icon img{
		max-width: 100px;
	}
	.register-btn {
	    min-width: 230px!important;
	}
	.input-form-modal .input-box {
	    width: 100%;
	    margin-bottom: 15px;
	}
	.input-form-modal .password-align {
	    display: block;
	}
}
@media screen and (max-width:480px){
	.helping-section .helpin-detail {
    padding: 20px 15px;
}
}