/*--RESPONSIVE--*/
@media only screen and (max-width: 600px) and (min-width: 400px){
	.logo img {
		width: 55%;
		margin-top: 5px;
	}
	.welcome h3 {
		margin: 0px;
		letter-spacing: 1px;
		font-size: 14px;
	}
	.birthday img {
		position: relative;
		left: 5vh;
		padding: 10px;
		top: -6vh;
		border-radius: 20px;
	}
	.header{
		display: none;
	}
	span.icons i {
		font-size: 30px;
	}
	a.learn{
	    display: none !important;
	}
}
@media only screen and (max-width: 400px) and (min-width: 370px){
	.logo img {
		width: 60%;
		margin-top: 5px;
	}
	span.icons i {
	    font-size: 30px;
	    color: #1c8fa9;
	}
	.our_details i {
	    border-radius: 100%;
	    background: #fafbfb;
	    padding: 20px 20px;
	    margin: 20px 2px;
	    width: 60px;
	    height: 60px;
	}
	.our_details {
	    margin-bottom: 40px;
	}
}
@media only screen and (max-width: 600px) and (min-width: 500px){
	.logo img {
		width: 40% !important;
		margin: 10px auto !important;
		display: table-column;
	}
}
@media only screen and (max-width: 375px) and (min-width: 360px){
	.welcome h3 {
		margin: 0px;
		letter-spacing: 1px;
		font-size: 10px;
	}
	h3.main_title {
		margin: 40px;
    	font-size: 24px;
		padding: 0px;
	}
}
@media only screen and (max-width: 400px) and (min-width: 320px){
	ul.header-right li i {
	    font-size: 10px;
	    color: #d05234;
	    letter-spacing: 1px;
	    margin: 10px 8px;
	    padding: 5px 5px;
	    width: 18px;
	    height: 18px;
	    background: #fff;
	    border-radius: 100%;
	}
	.header{
		display: none;
	}
	.btttn {
		font-size: 14px;
	}
	.welcome h3 {
		padding: 12px;
		margin: 5px auto;
		font-size: 20px;
		line-height: 30px;
		font-family: roboto,sans-serif;
		display: inline-table;
		text-align: center;
	}
	a.name_wish {
		position: relative;
		top: 12vh;
		left: -7vh;
		font-size: 13px;
		width: 100px;
		padding: 2px;
	}
	.birthday {
		position: relative;
		top: 5vh;
		border: 1px solid#bfa4a4;
		box-shadow: 2px 0px 3px 4px #ad9191;
		height: 360px;
		background: url(../images/birth.gif);
		width: 247px;
		left: -5vh;
		display: none;
	}
	.birthday img {
		position: relative;
		left: 11vh;
		padding: 10px;
		top: -11vh;
		width: 50%;
	}
}
@media only screen and (max-width: 1000px) and (min-width: 320px){
	.text-news {
		margin-bottom: 20px;
	}
	section.cant {
		display: none;
	}
	h3.events_news {
		font-size: 24px;
		color: #0e7980;
		font-weight: 500;
		position: relative;
		left: 7vh;
		bottom: 5vh;
	}
	.our_coure p, .our_teacher p, .our_process p {
		font-size: 12px;
		color: #fff;
		text-align: justify;
	}
	ul.no-bullet li {
		color: #fff;
		padding: 3px;
		font-size: 10px;
		display: block;
	}
	ul.header-left li {
		font-size: 10px;
		margin: 8px 20px;
		padding: 0px;
	}
	p.contain {
		position: relative;
		max-width: 100%;
		font-size: 14px;
		display: inline-block;
		text-align: justify;
	}
	.our_services:before{
		margin-bottom:10px;
	}
	.footer_right p {
		font-size: 11px;
		color: #fff;
		float:left;
	}
	.footer_left p {
		font-size: 12px;
		color: #fff;
		margin: 0px;
	}
	.text-center {
		text-align: center;
		border: 1px solid#fff;
		width: 50%;
		padding: 8px;
		margin-top: 10px;
	}
	.view-jk {
		margin: 0px auto;
		position: relative;
	}
	button.btn-4 {
		background: none;
		border: 3px solid #fff;
		border-radius: 5px;
		color: #fff;
		display: block;
		font-size: 18px;
		margin: 12px auto;
		padding: 8px 30px;
		position: relative;
		bottom: 2vh;
		cursor: pointer;
	}
	.logo h3 {
		position: relative;
		top: -9vh;
		right: -14vh;
		color: #000;
		font-family: 'Philosopher', sans-serif;
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 27px;
	}
	.preigo-main-menu-button-wrapper.preigoMenu {
		display: block!important;
		background: #164167;
	}
	.swiper-container {
		height: 150px !important;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		display:none;
	}
	.our_coure h3, .our_teacher h3, .our_process h3 {
		font-size: 17px;
		text-align: center;
	}
	.our_coure {
		background: #ffaf40;
		color: #fff;
		padding: 12px 20px;
	}
	.our_process {
	    padding: 29px 20px;
	}
	.our_teacher {
	    padding: 12px 18px
	}
	a.buttn {
		color: #000;
		font-size: 12px;
	}
	.welcome p {
		margin-top: 10px;
		font-size: 12px;
		font-family: roboto,sans-serif;
		line-height: 21px;
		text-align: justify;
		letter-spacing: 1px;
	}
	.edu_welcome img {
		width: 100%;
	}
	.edu_welcome {
		margin: 14px;
	}
	h2 {
		font-size: 11px;
		margin-top: 10px;
		color: #09525a;
	}
	.wel_btt {
		margin: 10px;
	}
	.school_name {
		margin-top: 20px !important;
		font-size: 18px !important;
	}
	section.apply {
		background: #bd66ff;
		padding: 14px 1px;
		margin: 0px;
	}
	h3.appl_add {
		font-size: 13px;
		color: #fff;
		font-family: roboto,sans-serif;
		line-height: 20px;
	}
	.news_infor{
		margin-top:0px;
	}
	.footer_title {
		padding: 0px;
	}
	.our_details p {
		font-size: 14px;
		font-family: roboto,sans-serif;
		color: #f5f2f2;
		text-align: center;
	}
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input
	{
		width:100%;
	}
	.footer_form_heading h3 {
		font-size: 26px;
	}
	.conrt_right h3 {
		font-size: 30px;
		color: #3bb5c1;
		padding-top: 0px;
		margin-top: 0px;
	}
	.social-figure{
		margin-bottom: 15px;
	}
	h3.events i {
		color: #d01515;
		font-size: 17px;
		padding: 4px 1px;
		text-align: center;
		display: block;
	}
	span.time {
		color: #fff;
		float: left;
		font-size: 9px;
	}
	p.contain {
		position: relative;
		display: inline-block;
		text-align: justify;
	}
}
@media only screen and (max-width: 1000px) and (min-width: 600px){
	.swiper-container {
		height: 170px!important;
	}
	.birthday{
		width:100%;
		position: relative;
		left: 1vh;
		display: none;
	}
	.text-center {
		text-align: center;
		border: 1px solid#fff;
		width: 24%;
		padding: 8px;
		margin-top: 10px;
	}
	a.name_wish {
		position: relative;
		top: 14vh;
		left: -14vh;
		font-size: 16px;
		color: #eff3f5;
		float: left;
		display: table;
		line-height: 25px;
		letter-spacing: 1px;
	}
	section.apply {
		background: #bd66ff;
		padding: 14px 1px;
		margin: 0px;
		height: 100px;
	}
	h3.appl_add {
		font-size: 16px;
		margin: 6px;
	}
	.welcome h3 {
		font-size: 20px;
	}
	.our_coure h3, .our_teacher h3, .our_process h3 {
		font-size: 14px;
		padding: 0px;
	}
	.preigo-main-menu-button-wrapper.preigoMenu {
		display: block!important;
	}
}
@media only screen and (max-width: 700px) and (min-width: 600px){
	.logo img {
		width: 30% !important;
		margin: 17px auto !important;
		display: block;
	}
	img.slide-content {
		width: 350px !important;
		margin-right: 90px !important;
	}
	section.news {
		margin-top: 50px;
	}
	h3.main_title {
		text-align: center;
		padding-top: 10px;
		color: #3bb5c1;
		font-weight: 500;
		font-size: 26px !important;
	}
	a.learn {
		position: relative;
		top: -3vh;
	}
	button.btn-4 {
		background: none;
		border: 3px solid #fff;
		border-radius: 5px;
		color: #fff;
		display: block;
		font-size: 24px;
		margin: 12px auto;
		padding: 14px 50px;
		position: relative;
		bottom: 2vh;
		cursor: pointer;
	}
}
@media only screen and (max-width: 768px) and (min-width: 700px){
	.logo {
		height: 46px;
	}
	.logo img {
		margin: 16px auto !important;
		width: 25%;
		display: block;
	}
	section.slim_head .logo img {
	    transition: 0.4s ease-in-out all;
	    display: block;
	    width: 20%;
	    margin: 10px auto !important;
	}
	.menu ul li a {
	    padding: 8px 0px!important;
	    font-size: 9px!important;
	    margin: 20px 7px!important;
	}
	.birthday img {
		position: relative;
		left: 5vh;
		padding: 10px;
		top: -6vh;
		width: 50%;
	}
	a.name_wish {
		position: relative;
		top: 6vh;
		left: -6vh;
		font-size: 16px;
		color: #eff3f5;
		float: left;
		display: table;
		line-height: 25px;
		letter-spacing: 1px;
	}
}
@media only screen and (max-width: 475px) and (min-width: 320px){
	.right_box.register {
		display: none;
	}
	.logo img {
		width: 70% !important;
		margin: 4px auto !important;
		display: table;
	}
	.text-news {
		background: #fdfdfd;
		float: right;
		border: 1px solid#d0d0d0;
		box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.35);
		font-size: 20px;
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 1800px){
	.logo img {
		margin-top: 10px;
	}
	.swiper-container{
		height:600px;
	}
	.birthday img {
		position: relative;
		left: 7vh;
		padding: 10px;
		top: -10vh;
		border-radius: 20px;
	}
	a.name_wish {
		position: relative;
		top: 5vh;
		left: -9vh;
		font-size: 18px;
	}
	.birthday {
		position: relative;
		top: 4vh;
		border: 1px solid#bfa4a4;
		box-shadow: 2px 0px 3px 4px #ad9191;
		height: 430px;
		background: url(../images/birth.gif);
	}
	.our_services{
		height: 300px;
	}
	.btttn {
		font-size: 18px;
		padding: 12px 30px;
	}
	span.vissio h3 {
		font-size: 20px;
		padding: 12px;
	}
	h3.main_title {
		font-size: 30px;
		color: #3bb5c1;
		margin-top: 40px;
		padding: 30px;
		text-align: center;
		font-family: 'Noto Serif', serif;
	}
}
@media only screen and (max-width: 900px) and (min-width: 800px){
	.logo img {
	    margin: 12px auto !important;
	    width: 100%;
	}
}
@media only screen and (max-width: 700px) and (min-width: 320px){
	.header .menu {
	    display: none;
	}
	.our_coure h3, .our_teacher h3, .our_process h3 {
	   font-size: 16px;
	}
	span.main_title {
	    padding: 20px;
	    margin: 20px auto;
	    font-size: 26px;
	}
	.our_details {
	    margin-bottom: 30px;
	}
}
@media only screen and (max-width: 768px) and (min-width: 700px){
	.menu ul li a {
		padding: 5px 0px!important;
	}
}
@media only screen and (max-width: 900px) and (min-width: 700px){
	.menu ul li a {
	    padding: 16px 0px!important;
	    font-size: 9px!important;
	    margin: 6px 4px!important;
	}
	ul.header-right li i {
	    font-size: 9px;
	    margin: 10px 6px;
	    padding: 4px 3px;
	    width: 15px;
	    height: 15px;
	}
	span.time i {
	    font-size: 10px;
	}
	.right_box.register ul li a {
	    text-decoration: none;
	    padding: 2px 11px;
	    float: left;
	    font-size: 10px;
	    margin-top: 4px;
	}
	section.slim_head .logo img {
	    margin: 30px 0px;
	}
}
@media only screen and (max-width: 1000px) and (min-width: 900px){
	.menu ul li a {
	    padding: 4px 4px !important;
	    font-size: 10px!important;
	    margin: 20px 7px!important;
	}
	.our_coure h3, .our_teacher h3, .our_process h3 {
	    font-size: 16px;
	}
	ul.header-right li i {
	    font-size: 10px;
	    margin: 10px 6px;
	    padding: 5px 3px;
	    width: 20px;
	    height: 20px;
	}
	.right_box.register ul li a {
	    font-size: 12px;
	}
	span.time {
	    font-size: 12px;
	}
	section.slim_head .logo img {
	    width: 80%;
	    margin: 16px 0px;
	}
	.our_coure h3, .our_teacher h3, .our_process h3 {
	    font-size: 20px;
	}
}
@media only screen and (max-width: 1300px) and (min-width: 1000px){
	.menu ul li a {
	    padding: 4px 4px !important;
	    font-size: 11px!important;
	    margin: 20px 7px!important;
	}
	span.time {
	    padding-top: 12px;
	    font-size: 10px;
	}
	section.slim_head .logo img {
	    margin: 18px 0px;
	   }
	section.slim_head .menu ul li a {
	    font-size: 12px;
	}
	.our_coure h3, .our_teacher h3, .our_process h3 {
	    font-size: 20px;
	}
}