#top {
  /* background: #fff;
  height: 600px; */
}

#top2 {
  /* background: #fff; */
  height: 600px;
}

#top3 {
  /* background-image: url('/images/main/logo_a.png');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right; */
}

#top3 img {
  /* float: left;
  width: auto; */
}

.fh5co-pricing .price {
  font-size:3.0em;
}

#title_background {
  background-color: rgba(0, 0, 0, 0.04);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y:20%;
}

#title_image {
  margin-top: -150px;
  margin-left: -150px;
  width:100%;
}

.counseling{
  background-image: url(/images/main/title/background/counseling.png);
  /* background-size: cover;
  background-repeat: no-repeat; */
}
.seminar{
  background-image: url(/images/main/title/background/seminar.png);
  /* background-size: cover;
  background-repeat: no-repeat; */
}
.profile{
  background-image: url(/images/main/title/background/profile.png);
  /* background-size: cover;
  background-repeat: no-repeat; */
}

@media screen and (max-width: 768px) {
  #title {
    width: 100%;
  }
  #top {
    height: 400px;
  }
  #top img {
    padding-top: 80px;
  }
  #top2 {
    height: 400px;
  }
  #top2 img {
    padding-top: 80px;
  }
  #top3 {
    width: 80%;
    background-image: url('/images/main/logo_a.png');
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: right;
  }
  #top3 img {
    float: left;
    width: 40%;
    margin-top: -60px;
  }
  #chiefofficer {
    width: 40%;
    float: right;
  }

  .counseling{
    background-image: url(/images/main/title/background/background.jpg);
  }
  .seminar{
    background-image: url(/images/main/title/background/background.jpg);
  }
  .profile{
    background-image: url(/images/main/title/background/background.jpg);
  }

  .fh5co-pricing .price {
    font-size:2.5em;
  }

  #title_image {
    margin-top: auto;
    margin-left: auto;
    width:50%;
  }
  #title_background {
    /* padding-top:10%;
    background-repeat: no-repeat;
    background-size: cover; */
    background-position-y:-30%;
  }
}

@media screen and (max-width: 600px) {
  #top {
    height: 300px;
  }
  #top2 {
    height: 300px;
  }
  #top3 {
    width: 90%;
    background-size: 40%;
  }
  #top3 img {
    float: left;
    width: 40%;
    margin-top: -50px;
  }

  .counseling{
    background-image: url(/images/main/title/background/background.jpg);
  }
  .seminar{
    background-image: url(/images/main/title/background/background.jpg);
  }
  .profile{
    background-image: url(/images/main/title/background/background.jpg);
  }

  .fh5co-pricing .price {
    font-size:2.5em;
  }

  #title_image {
    margin-top: 0px;
    padding-top: 0px;
    width:75%;
  }
  
  #title_background {
    /* background-repeat: no-repeat;
    background-position: 0 0;   */
    background-size: contain;
    background-position-y:-180px;
  }
}

@media screen and (max-width: 360px) {
  #top {
    height: 240px;
  }
  #top2 {
    height: 240px;
  }
  #top3 {
    width: 90%;
    background-size: 40%;
  }
  #top3 img {
    float: left;
    width: 40%;
    margin-top: -50px;
  }

  .counseling{
    background-image: url(/images/main/title/background/background.jpg);
  }
  .seminar{
    background-image: url(/images/main/title/background/background.jpg);
  }
  .profile{
    background-image: url(/images/main/title/background/background.jpg);
  }

  .fh5co-pricing .price {
    font-size:2.0em;
  }

  #title_image {
    padding-top: 20px;
    width:50%;
  }
}

.sasie {
  width:50%;
  float:right;
  margin:5px;
}
.title_icon img{
  height: 30px;
  vertical-align: middle;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}
.sasie_s {
  float:right;
  margin:5px;
}
.sasie_m {
  float:right;
  margin:5px;
  width:40%;
}
.sasie_ms {
  float:right;
  margin:5px;
  width:30%;
}
.sasie_mss {
  float:right;
  margin:15px;
  width:20%;
}
@media screen and (max-width: 768px) {
  .sasie_s {
    width:50%;
  }
}
.sasie_l {
  float:left;
  width:30%;
  margin-right:20px;
}
.o_hidden {
  overflow: hidden;
}
.o_hidden2 {
  overflow: hidden;
}

.btn{
  background: #c2a353 !important;
  color:#fff;
}
.btn:hover, .btn:active, .btn:focus {
  background: #c2b653;
  color: #fff !important;
}

#topimage{
  background-image: url(/images/top1_2022.png);
  background-repeat:no-repeat;
  background-position: center top;
  background-size:contain;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  -o-background-size:100% auto;
  -ms-background-size:100% auto;
}
#topimage2{
  background-image: url(/images/bg2.jpg);
  background-repeat:no-repeat;
  background-position: center top;
  background-size:contain;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  -o-background-size:100% auto;
  -ms-background-size:100% auto;
}

#fh5co-programs-section,
#fh5co-schedule-section,
#fh5co-team-section,
#fh5co-blog-section,
#fh5co-contact {
  padding: 3em 0;
}

.fh5co-cover .desc {
  top: 60%;
}
@media screen and (max-width: 1500px) {
  #top{
		/* height:460px; */
		height:400px;
  }
  .fh5co-cover, .fh5co-hero {
		/* height:460px; */
		height:400px;
	}
}

@media screen and (max-width: 1300px) {
  #top{
		/* height:460px; */
		height:360px;
  }
  .fh5co-cover, .fh5co-hero {
		/* height:460px; */
		height:360px;
	}
}
@media screen and (max-width: 1100px) {
  #top{
		height:260px;
  }
  .fh5co-cover, .fh5co-hero {
		height:260px;
    margin-top: 40px;
	}

  #fh5co-programs-section,
  #fh5co-schedule-section,
  #fh5co-team-section,
  #fh5co-blog-section,
  #fh5co-contact {
    padding: 2em 0;
  }
}
@media screen and (max-width: 768px) {
  #top{
		margin-top:10px;
    margin-bottom: 7em;
  }
	#topimage {
		background-image: url(/images/top2_2022.jpg);
    background-repeat:no-repeat;
    background-position: center center;
    background-size:cover;
		margin-top:10px;
		height:400px;
    -webkit-background-size:100% auto;
    -moz-background-size:100% auto;
    -o-background-size:100% auto;
    -ms-background-size:100% auto;
  }
	#topimage h3{
		display: none;
	}

  #topimage2 {
    background-size:cover;
		background-image: url(/images/top22_2022.jpg);
    background-repeat:no-repeat;
    background-position: center center;
    background-size:cover;
		margin-top:10px;
		height:400px;
    -webkit-background-size:100% auto;
    -moz-background-size:100% auto;
    -o-background-size:100% auto;
    -ms-background-size:100% auto;
	}
  .fh5co-cover, .fh5co-hero {
		height:200px;
	}

  .fh5co-cover .desc {
    top:50%;
  }

  #fh5co-programs-section,
  #fh5co-schedule-section,
  #fh5co-team-section,
  #fh5co-blog-section,
  #fh5co-contact {
    padding: 2em 0;
  }
}
.fh5co-blog .desc.desc2 {
  padding-left: 120px;
}

@media screen and (max-width: 480px) {
  #top{
		height:200px;
    margin-bottom: 0;
  }
  .fh5co-cover .desc {
    top:40%;
  }
  .fh5co-blog .desc.desc2 {
    padding-left: 0;
  }
  #topimage {
    background-repeat:no-repeat;
    background-position: center center;
    background-size:cover;
		margin-top:10px;
		height:200px;
    -webkit-background-size:100% auto;
    -moz-background-size:100% auto;
    -o-background-size:100% auto;
    -ms-background-size:100% auto;
  }
	#topimage h3{
		display: none;
	}

  #topimage2 {
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
    background-size:cover;
		margin-top:10px;
		height:200px;
    -webkit-background-size:100% auto;
    -moz-background-size:100% auto;
    -o-background-size:100% auto;
    -ms-background-size:100% auto;
	}

  .fh5co-cover .desc {
    top:70%;
  }
}