/*==========================================================================================================*/
  @media only screen and (max-width: 1023px) {
	body {
	  min-width: 320px;
	}
	img {
	  max-width: 100%;
	  width: auto;
	  height: auto;
	}
	.wrap {
	  width: auto;
	  padding: 0 20px;
	}
  
	.banner-content-row h1 {
	  font-size: 60px;
	  line-height: normal;
	}
	.banner-img {
	  width: 40%;
	}
	.screen-img {
	  margin-top: -100px;
	  width: calc(100% + 80px);
	  margin-left: -80px;
	}
	.banner-img figure {
	  max-width: 240px;
	  margin-left: 0;
	}
	.hero-section {
	  min-height: 513px;
	}
	.form-section {
	  margin-top: -60px;
	}
	.banner-shape span {
	  left: -20px;
	  bottom: -50px;
	  transform: none;
	  display: block;
	  width: 443px;
	  height: 216px;
	}
	.quality-box {
	  margin-left: -60px;
	}
	.benefit-row {
	  grid-template-columns: 1fr;
	}
	.benefit-row .main-title,
	.inside-teaching-folders .main-title {
	  margin-bottom: 30px;
	}
	.benefit-section {
	  padding-top: 60px;
	}
	.benefit-box {
	  min-height: auto;
	}
	.teaching-section .main-title {
	  margin-bottom: 30px;
	}
	.teaching-boxes {
	  grid-gap: 30px;
	}
	.teaching-box {
	  width: 220px;
	}
	.inside-teaching-boxes {
	  grid-gap: 30px;
	}
	.counter-section:after {
	  right: -165px;
	}
	.counter-section:before {
	  left: -135px;
	}
	.counter-section {
	  padding: 60px 0;
	}
	.video-section {
	  padding: 60px 0;
	}
	.video-section .video-box {
	  margin-bottom: 60px;
	}
	.offer-box:before {
	  left: -180px;
	}
	.video-box iframe {
	  height: 300px;
	}
  }
  
  /*==========================================================================================================*/
  @media only screen and (max-width: 767px) {
	.banner-content-row h1 {
	  font-size: 50px;
	}
	.banner-img {
	  width: 100%;
	  position: static;
	}
	.screen-img {
	  margin: 0;
	  width: 100%;
	}
	.banner-content-row {
	  width: 60%;
	}
	.banner-img figure {
	  position: absolute;
	  right: 20px;
	  top: 20px;
	}
	.quality-box {
	  margin: 0 auto;
	}
	.form-section {
	  margin: 0;
	  padding: 60px 0 0;
	}
	.form-row {
	  max-width: 100%;
	}
	.banner-shape {
	  display: none;
	}
	.offer-box {
	  min-height: auto;
	}
	.offer-box:before {
	  background-position: center center;
	  width: 365px;
	  left: -280px;
	}
  }
  /*==========================================================================================================*/
  /* only iphone4 landscape & Potriat 300 by 480*/
  @media only screen and (max-width: 567px) {
	.banner-content-row {
	  width: 100%;
	}
	.banner-img figure {
	  width: 100%;
	  position: relative;
	}
	.logo {
	  margin: 0 auto;
	}
	.banner-content-row h1 {
	  text-align: center;
	  font-size: 40px;
	  padding-left: 0;
	}
	.banner-content-row h1 span {
	  font-size: 30px;
	  line-height: normal;
	}
	.banner-content-row h1:before {
	  display: none;
	}
	.banner-img figure {
	  margin: 0 auto;
	}
	.screen-img {
	  margin: -90px 0 0 0;
	}
	.quality-box ul li {
	  font-size: 18px;
	  padding-left: 50px;
	  margin-bottom: 20px;
	}
	.quality-box ul li img {
	  max-height: none;
	  width: 25px;
	  top: -2px;
	}
	.quality-box {
	  max-width: 100%;
	  padding: 30px;
	  margin-top: 30px;
	}
	.inside-teaching-box {
	  min-height: auto;
	}
	body {
	  font-size: 16px;
	}
	h2 {
	  font-size: 30px;
	}
	h3 {
	  font-size: 28px;
	}
	h4 {
	  font-size: 25px;
	}
	.hero-section {
	  padding: 30px 0 60px;
	}
	.benefit-row {
	  padding: 60px 20px;
	}
	.benefit-boxes {
	  grid-template-columns: 1fr;
	  grid-gap: 20px;
	}
	.benefit-row .main-title h2 {
	  text-align: center;
	}
	.benefit-box {
	  text-align: center;
	}
	.teaching-box {
	  width: 100%;
	  max-width: 335px;
	}
	.inside-teaching-boxes {
	  grid-gap: 20px;
	}
	.inside-teaching-box {
	  width: 100%;
	  max-width: 335px;
	  min-height: 150px;
	  padding: 20px 50px;
	}
	.counter-boxes {
	  grid-gap: 20px;
	}
	.counter-box {
	  max-width: 335px;
	  width: 100%;
	}
	.inside-teaching-box p {
	  max-width: 230px;
	  margin: 0 auto;
	}
	.video-box iframe {
	  height: 250px;
	}
	.offer-box:before {
	  display: none;
	}
	.offer-content .button {
	  font-size: 16px;
	}
  }