@media screen and (min-width: 1200px) and (max-width: 1400px) {
}


/*FOR-TABLATE-START*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	
.menu-btn {
  	display: block;
}

.main-nav {
	display: none;
}

.sidebar-menu {
	display: block;
}
	
/*=laptop=*/
}

/*FOR-MOBIL-START*/
@media screen and (max-width: 767px) {

.menu-btn {
  	display: block;
}

.header-middlle {
	display: none;
}

.sidebar-menu {
	display: block;
}

.header-main {
	grid-template-columns: repeat(2,1fr);
}

.topper-main ul li {
	font-size: 11px;
}

.topper-main ul {
	column-gap: 4px;
	align-items: initial;
}

.topper-main ul li span {
	margin-bottom: 3px;
}

.topper-main ul li br {
	display: block;
}

.logo-item img {
  max-width: 50px;
}

.topper-main {
  max-width: 358px;
  margin: auto;
}

.hero-main {
	grid-template-columns: 100%;
	row-gap: 16px;
}

.hero-top-cnt ul {
	column-gap: 6px;
}

.hero-top-cnt ul li p span img {
  width: 14px;
  display: block;
}

.hero-left {
  padding: 0;
}

.hero-area {
	padding-top: 36px;
}

.desk-none {
  display: block;
}

.mobil-none {
	display: none;
}

.hero-top-cnt h4 {
	font-size: 12px;
}

.hero-top-cnt h2 {
	font-size: 24px;
	line-height: 120%;
}

.hero-top-cnt p {
	font-size: 16px;
	line-height: 150%;
}

.pass-topper {
	max-width: 321px;
}

.pass-topper ul li {
	font-size: 10px;
}

.pass-item {
	grid-template-columns: 100%;
	row-gap: 8px;
	text-align: center;
}

.pass-circle {
	margin: auto;
}

.hero-btm-main {
	display: none;
}

.hero-btm-item ul li {
	font-size: 12px;
}

.btm-img1 {
  max-width: 32px;
}

.btm-img2 {
  max-width: 28px;
}

.btm-img3 {
  max-width: 20px;
}

.hero-area {
	background: url('../images/hero-bg-m.png') no-repeat;
	background-position: center;
	background-size: cover;
}

.hero-btm-area {
  background: url('../images/hero-btm-bg-m.png') no-repeat;
  background-position: center;
  background-size: cover;
  padding: 16px 0;
  position: relative;
  overflow: hidden;
}

.hero-btm-area::after {
	content: "";
	display: block;
	position: absolute;
	width: 15%;
	height: 100%;
	background: #060E2E;
	top: 0;
	left: 0;
	z-index: 2;
	filter: blur(30px);
}

.hero-btm-area::before {
	content: "";
	display: block;
	position: absolute;
	width: 15%;
	height: 100%;
	background: #060E2E;
	top: 0;
	right: 0;
	z-index: 2;
	filter: blur(30px);
}

.headline-container {
  display: block;
}

.living-area {
	padding: 36px 0 116px 0;
}


.living-main {
	grid-template-columns: 100%;
	row-gap: 24px;
}

.program-main {
	grid-template-columns: 100%;
	row-gap: 24px;
}

.lining-cnt h2 {
  font-size: 20px;
  line-height: 120%;
}

.living-right {
  padding-right: 0;
}

.lining-cnt p {
  font-size: 16px;
}

.living-box-left h2 {
  font-size: 24px;
}

.living-box-right h4 {
  font-size: 15px;
}

.living-box-right p {
	font-size: 14px;
}

.living-box-flex {
	grid-template-columns: 56px auto;
	padding: 12px;
}

.living-box-left h2 span {
	font-size: 12px;
}

.program-cnt-wrap h2 {
	font-size: 20px;
}

.program-cnt-wrap p {
	font-size: 16px;
}

.program-cnt-wrap ul li {
	font-size: 14px;
}

.program-write-cnt h4 {
	font-size: 12px;
}

.right-program-right ul li {
	font-size: 10px;
}

.right-program-right ul li:nth-of-type(2) {
	font-size: 7px;
}

.prog-star img {
  width: 57px;
}

.right-program-right ul {
	column-gap: 4px;
}

.program-write-flex {
  grid-template-columns: 27px auto;
  column-gap: 6px;
  margin-top: 16px;
}

.right-program-left img {
  width: 27px;
  height: 27px;
}

.program-write-cnt {
	width: 95%;
	bottom: -78px;
}

.master-flex {
	display: none;
} 

.master-cnt2 {
  text-align: center;
}

.master-cnt-wrap {
	text-align: center;
	margin-top: 0;
}

.master-title span {
	font-size: 12px;
}

.master-title h2 {
	font-size: 32px;
	line-height: 100%;
	margin-top: 6px;
}

 .master-title h3 {
 	font-size: 20px;
 }

 .master-mobil-img img {
 	max-width: 216px;
 	width: 100%;
 	display: block;
 	margin: auto;
 	margin-top: 16px;
 }

 .master-mobil-flex {
 	display: grid;
 	grid-template-columns: repeat(2,1fr);
 	column-gap: 8px;
 	row-gap: 24px;
 	margin-top: 20px;
 }

 .master-cnt-wrap h4 {
 	font-size: 12px;
 }

 .master-cnt-wrap p {
 	font-size: 14px;
 }

.all-btn-wrap1 {
	margin-top: 16px;
}

.odd-1 {
  order: 1;
}

.odd-2 {
  order: 2;
}

.reason-main {
	grid-template-columns: 100%;
	row-gap: 8px;
}

.result-main {
	grid-template-columns: 100%;
	margin-top: 24px;
	padding: 0;
	border: 0;
	background: none;
	row-gap: 16px;
}

.reason-item {
	display: grid;
	grid-template-columns: 48px auto;
	column-gap: 20px;
	padding: 16px;
}

.reason-item-top img {
  max-width: 48px;
}

.reason-item-btm span {
	display: none;
}

.reason-item-btm {
	text-align: left;
	margin-top: 0;
}

.reason-item-btm h3 br {
	display: none;
}

.reason-item-btm h3 {
	margin-top: 0;
	font-size: 16px;
}

.reason-item-btm p {
	margin-top: 7px;
}

.reason-title h2 {
	font-size: 24px;
}

.reason-title p {
	color: rgba(6, 14, 46, 0.56);
	font-size: 16px;
}

.reason-area {
	padding: 48px 0;
	background: #ffffff;
}

.result-left img {
	border-radius: 24px;
}

.result-right {
  	padding: 0;
}

.result-right-cnt h4 {
	font-size: 24px;
}

.result-right-cnt p {
	font-size: 14px;
}

.living-box-left20 h2 {
	font-size: 24px;
}

.living-box-right20 p {
	font-size: 14px;
}

.living-box-flex20 {
	grid-template-columns: 47px auto;
	padding: 12px;
}


.video-main {
	display: none;
}

.main-content1 {
	padding-left: 16px;
	margin-top: 24px;
}

.video-title h2 {
	font-size: 18px;
}

.video-title h3 {
	font-size: 32px;
	line-height: 100%;
}

.video-area {
	padding: 48px 0;
}

.award-flex {
	grid-template-columns: 100%;
	row-gap: 16px;
	text-align: center;
}

.award-flex-left img {
	max-width: 120px;
	display: block;
	margin: auto;
}

.award-main-wrap {
	padding: 16px;
	margin-top: 24px;
}

.all-btn-wrap ul {
	column-gap: 6px;
}

.all-btn-wrap ul li:nth-of-type(1) img {
  max-width: 122px;
}

.thumb-main {
	grid-template-columns: 100%;
	row-gap: 24px;
}

.video-box2 video {
  height: 198px;
  object-fit: cover;
}

.ems-box {
	padding: 16px;
	margin: 0 15px;
	margin-top: 16px;
}

.ems-box p {
	font-size: 14px;
}

.thumb-btn-topper {
	max-width: 278px;
}

.label-list-wrap ul li {
	font-size: 12px;
}

.plan-flex-inner1 h4 {
	font-size: 14px;
}

.price-save span {
	font-size: 11px;
	padding: 4px 8px;
}

.plan-flex {
  grid-template-columns: 73% auto;
}

.thumb-right-cnt1 h2 {
	font-size: 24px;
} 

.thumb-right-cnt1 h4 {
	font-size: 12px;
}

.thumb-right-cnt2 ul li:nth-of-type(2) {
	font-size: 18px;
}

.thumb-right-cnt2 ul li:nth-of-type(3) span {
	font-size: 14px;
}

.thumb-right-cnt3 ul li {
	font-size: 11px;
}

.thumb-m-pg p {
	font-weight: 400;
	font-size: 14px;
	color: #060E2E;
	line-height: 24px;
	margin-top: 24px;
}

.carousel-nav .carousel-cell {
  width: 14%;
  height: 48px;
  margin-right: 6px;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}

.thumb-area {
	padding: 48px 0;
}

.thub-slide-title h2 br {
	display: block;
}

.main-content2 .owl-theme .custom-nav {
  margin-top: -31px;
  padding-right: 15px;
}

.thumb-container {
	padding: 0;
}

.main-content2 {
	padding-left: 15px;
}

.accordion-main-wrap-cd20 {
 padding: 0 15px;
}

.thumb-m-pg {
	padding: 0 15px;
}

.thumb-right-cnt5 {
	padding: 0 15px;
}

.thumb-btn-wrap {
	padding: 0 15px;
}

.carousel-main {
	padding: 0 15px;
}

.carousel-nav {
	padding-left: 15px;
}

.thumb-mobil-top {
	padding:  0 15px;
}

.average-main {
	grid-template-columns: 100%;
	row-gap: 24px;
	padding: 24px 16px;
}

.table-topper {
 grid-template-columns: 179px 89px auto;
}

.table-main {
  grid-template-columns: 179px 89px auto;
}

.table-col1 li {
	font-size: 16px;
}

.table-top-col h4 {
	font-size: 14px;
} 

.table-top-col2 {
	background: #0F257F;
	border: 1px solid #001728;
	border-bottom: 0;
}

.table-col2 {
	background: #0F257F;
	border: 1px solid #001728;
	border-top: 0;
}

.table-area::after {
	background: #D0F6F5;
	background: linear-gradient(#D0F6F5,#01ABE7);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.table-title h2 {
	font-size: 36px;
}

.question-area {
	padding: 48px 0;
}

.question-main {
	grid-template-columns: 100%;
	row-gap: 24px;
}

.question-cnt h4 {
	font-size: 32px;
}

.ac-trigger4 {
  padding: 12px 12px 12px 46px;
}

.ac-trigger4::after {
  left: 12px;
}

.instructors-area {
	padding: 48px 0;
}


.instructors-item {
	min-height: 345px;
} 

.instructors-main {
	display: none;
}

.instructors-title h2 {
	font-size: 24px;
}

.foooter-main {
	grid-template-columns: 100%;
	row-gap: 24px;
}

.footer-area {
  background: url('../images/hero-bg-m.png') no-repeat;
  background-position: center;
  background-size: cover;
  padding: 36px 0;
}

.footer-inner ul li {
	font-size: 11px;
}













	


/*=mobil=*/
}