body {
    font-family: "Thai Sans Neue", sans-serif;
    /* background-color:  #bbd4d1; */
}
#storyuru{
    font-size:20px;
}
ul,li{
    font-size: 18px;
}
a, a:hover, a:focus{
    font-size: 20px;
}
.breakpoint-off .classynav ul li .dropdown {
    width: 300px;
}

.hero-slides .single-hero-slide{
    height: 420px;
 
    /* width: 100%; */
}
.h{
    padding-top: 55px;
}
.classynav ul li a{
    font-size: 22px;
}
.classy-nav-container a:focus, .classy-nav-container a:hover{
    font-size: 22px;
}
.header-area .academy-main-menu .calling-info .call-center a{
    font-size: 20px;
}
.top-features-area .features-content .single-top-features h5{
    font-size: 25px;
}
.latest-blog-posts h5{
    font-size: 28px;
}
.blog-post-categories h5{
    font-size: 28px;
    font-weight: 700;
    margin-bottom:5px;
}
.single-testimonial-area .testimonial-content h5{
    font-size: 28px;
    margin-bottom: 20px;
}
p{
    font-size: 22px;
}
.bottom-footer-area p{
    font-size: 18px;
}
.bottom-footer-area{
    padding: 10px 0px;
}
.section-padding-100-0{
    padding-top:35px;
    padding-bottom:25px;
}
.padding-30{
    padding:30px;
}
.section-padding-100{
    padding:50px;
}

.single-teachers-area .teachers-info h5{
    margin-bottom: 20px;
}

.main-footer-area .footer-widget .widget-title {
    margin-bottom: 20px;
}

.main-footer-area .footer-widget .widget-title h6{
    font-size: 24px;

}
.img-icon img{
    max-width: 12%;
}

.popular-course-details-area .single-top-popular-course .popular-course-content{
   margin-left: 0px;
   flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.single-top-popular-course .popular-course-thumb{
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.popular-course-details-area .single-top-popular-course .popular-course-thumb{
    height: auto;
}
.popular-course-details-area .single-top-popular-course .popular-course-content h5{
    font-size:24px;
}

.single-top-popular-course {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    background-color: #eef3f600;
    /* background-image: url('../images/bg-img/3.jpg'); */
    background-size: cover;
    background-repeat: no-repeat
}

.service-sys{
    padding:50px;
}
.bg-overlay::after {
    background-color: rgba(0, 0, 0, 0.6); 
}
.section-padding-0-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.header-area .academy-main-menu .calling-info .call-center:before {
    position: absolute;
    width: 63px;
    height: 175%;
    top: -38px;
    left: -32px;
    z-index: -1;
    background: linear-gradient(to right, #1a382b,#1a412e);
    content: '';
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.pic_slide{
    padding-right: 0px;
    padding-left: 0px;
}

#topic_head{
    font-weight: bold;
    font-size: 24px;
}
#tablefactory{
    font-weight: bold;
    font-size: 22px;

}

.latest-blog-posts .latest-blog-post-content .post-date{
    font-size: 18px;
}

.font-20{
    font-size: 20px;
}

.font-24{
 font-size: 24px;
}

.btn-bg-font{
  font-size: 22px;  
}
.btn-bg-font-footer{
    font-size: 22px;  
  }


.link-bg{
    background-color: #ffefcf;
}

.header-area .academy-main-menu .calling-info .call-center{
    padding: 0 20px;
}

.header-area .academy-main-menu .calling-info .call-center a i{
    margin-right: 10px;
}

.callbook a,.callbook a:hover, .callbook a:link{
    color:#fff;
}

.top-features-area .features-content{
    padding:20px 15px;
}

.academy-btn,img,.single-blog-post{
    border-radius: 4px;
    margin-bottom: 10px;
}
.breadcumb-area .bradcumbContent{
    border-radius: 4px;
}

.list-group-item-success{background-color: #186D35; }
.list-group-item-warning{background-color: #4d7e29; }
.list-group-item-info{background-color: #8dba69; }
.font-white{color:#FFF;}
.academy-btn.active, .academy-btn:hover, .academy-btn:focus{
    font-size: 22px;
}

.single-contact>.academy-btn:focus{
    font-size: 18px;
}

.tel_regis{
    color: #FFF; 
    /* 0a0a0a */
}
.serviceuru{
    padding:0px;
}

.academy-tabs-content .nav-tabs{
    margin-bottom: 30px;
}

#pdfzone{
    width:auto;
    min-height:800px;
}



/*----------------------------gallery----------------------*/
.gallery img{
    transition: 1s;
}
.gallery img:hover{
    transform: scale(1.1);
    z-index: 99;
}
/*----------------------------gallery----------------------*/



/*----------------------------paginate----------------------*/
.pagination{
    margin-top: 20px;
    float: right;
}
.page-item.active .page-link {
    background-color: #1a382b;
    border-color: #1a382b;
    
}
.page-link{
    color: #1a382b;
}


/* --------------------steps-section----------------------- */

.steps-section {
    padding-bottom:20px;
    padding-top: 25px;
}
.steps-timeline {
  outline: 1px dashed rgba(255, 0, 0, 0);
  
}

.steps-timeline a{font-weight:bold;color :#5d5d5d ; font-size : 20px; }

@media screen and (max-width: 500px) {
  .steps-timeline {
    /* border-left: 2px solid #3498DB; */
	border-left: 3px solid #CCC;
    margin-left: 25px;
  }
}
@media screen and (min-width: 500px) {
  .steps-timeline {
    
	/* border-top: 2px solid #3498DB; */
	border-top: 3px solid #CCC;
    padding-top: 20px;
    margin-top: 40px;
	margin-top : 60px;
    /*
	margin-left: 16.65%;
    margin-right: 16.65%;
	*/
	margin-left: 10%;
    margin-right: 10%;
  }
}
.steps-timeline:after {
  content: "";
  display: table;
  clear: both;
}

.steps-1,
.steps-2,
.steps-3 ,
.steps-4 ,
.steps-5 {
  outline: 1px dashed rgba(0, 128, 0, 0);
}
@media screen and (max-width: 500px) {
  .steps-1,
  .steps-2,
  .steps-3 ,
  .steps-4 ,
  .steps-5  {
    margin-left: -25px;
  }
}
@media screen and (min-width: 500px) {
  .steps-1,
  .steps-2,
  .steps-3 , 
  .steps-4 , 
  .steps-5  
  {
    float: left;
    
	/* width: 33%; */
	width: 20%;
    margin-top: -50px;
  }
}

@media screen and (max-width: 500px) {
  .steps-1,
  .steps-2 , 
  .steps-3 ,
  .steps-4 ,
  .steps-5 
  {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 500px) {
  /* .steps-one {
    /*
	margin-left: -16.65%;
    margin-right: 16.65%;
	*/
	/*
	margin-left: -10%;
	
    margin-right: 10%;
	
  } */
  
	.steps-1 {
		margin-left: -10%;
		margin-right: 10%;
	}
  
	.steps-2 {
		margin-left: -5%;
		margin-right: 5%;
	}
	
	.steps-4 {
		margin-left: 5%;
		margin-right: -5%;
	}
	
	.steps-5 {
		margin-left: 10%;
		margin-right: -10%;
	}
	
	
}

@media screen and (max-width: 500px) {
  .steps-5{
      display:none;
  }
}
@media screen and (min-width: 500px) {
  /* .steps-5 {
	 
  } */
}

.steps-img {
  display: block;
  margin: auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.steps-time { text-align: center;  font-size: 25px;   margin-top: -35px; } 
.steps-icon {
  text-align :center ; 
  font-size: 25px;
  display: block;
  margin: auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: 8px; 
  
} 

.steps-icon i { vertical-align:middle ;background-color:#FFF ; color :#CCC   }

@media screen and (max-width: 500px) {
  .steps-img {
    float: left;
    margin-right: 20px;
  }
  
  .steps-icon {
	float: left;
    margin-right: 20px;
  }
  .steps-time {
	margin-top: 0px;
    float: left;
    width: 100%;
    margin-right: 20px;
	}
  
}

.steps-name,
.steps-description {
  margin: 0;
}

@media screen and (min-width: 500px) {
  .steps-name {
    text-align: center;
  }
}

.steps-description {
  line-height:22px;
  overflow: hidden;
}
@media screen and (min-width: 500px) {
  .steps-description {
    text-align: center;
  }
}



/*----------------------------------------------------------*/

/*-----------------------timeline----------------------------*/

.timeline {
    list-style: none;
    padding: 0;
    position: relative;
}


#footer,.timeline-title{margin-top:0}
#footer .container .row>div,.timeline-body>p,.timeline-body>ul{margin-bottom:0}
.content-activity .slide-img,.portfolio-item{overflow:hidden}
.timeline h4,.timeline h5,.timeline h6{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}
.timeline{list-style:none;padding:0;position:relative}
.timeline .timeline-panel,.timeline .timeline-time{font-size:21px}
.timeline:before{top:0;bottom:0;position:absolute;content:" ";width:3px;background-color:#CCC;left:60px;margin-left:-1.5px}
.timeline>li{position:relative}.timeline>li:after,.timeline>li:before{content:" ";display:table}
.timeline>li:after{clear:both}.timeline>li>.timeline-panel{width:90%;float:right;padding:13px 0 0 50px;position:relative}

.timeline>li>.timeline-panel:before{position:absolute;top:26px;left:-15px;display:inline-block}
.timeline>li>.timeline-panel:after{position:absolute;top:27px;left:-14px;display:inline-block}
.timeline>li .timeline-time{position:absolute;top:13px}
.timeline>li>.timeline-badge{color:#9E9E9E;width:25px;height:25px;line-height:25px;font-size:1.4em;text-align:center;position:absolute;top:16px;left:47px;background-color:#FFF;z-index:99;border-radius:50%}
.timeline>li.timeline-inverted>.timeline-panel{float:left}
.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;right:-15px;right:auto}
.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timeline-body>p+p{margin-top:5px}a{text-decoration:none!important}#mainNav a:focus{color:#404041!important}

/*----------------------------------------------------------*/


@media only screen and (max-width: 767px){
.academy-blog-sidebar {
    margin-top: 0px;
}
.latest-blog-posts{
    border-radius: 5px;
}

.btn-bg-font-footer{
    font-size: 18px;  
  }
  .academy-btn.btn-sm {
    min-width: 163px;
  }
  
}
@media (min-width: 768px){
    .blog-post-categories ul li a{
    font-size:20px;
    margin-bottom:6px;
    }  
    .single-testimonial-area .testimonial-content h5{
        font-size: 22px;
    }
    .hero-area{
        margin: 0px 0px 0px 0px;
    }
    .top-features-area .features-content .single-top-features h5{
        font-size: 20px;
    }
    .tel_regis{
        font-size:15px;
    }

    .academy-btn.btn-sm {
        min-width: 163px;
      }
    
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
    .header-area .academy-main-menu .calling-info .call-center:before{
        left: -17px;   
    }
}
@media (min-width: 1200px){
    .hero-area{
        margin: 0px 0px 30px 0px;
    }
    .top-features-area .features-content .single-top-features h5{
        font-size: 25px;
    }
    .tel_regis{
        font-size:18px;
    }

    
}

@media (max-width:768px){
    .classynav ul li a {
        font-size: 16px;
    }
    .single-testimonial-area .testimonial-content h5{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .section-heading{
        margin-bottom: 20px;
    }
    p {
        font-size: 18px;
    }
    .blog-post-categories ul li a {
        font-size: 20px;
    }
    .single-course-area .course-content h4{
        font-size: 20px;
    }
    .academy-btn{
        min-width: 110px;
        height: 42px;
        line-height: 45px;
    }
    .main-footer-area .footer-widget .widget-title h6{
        font-size: 20px;

    }
    .img-icon img{
        max-width: 40%;
    }

    .header-area .academy-main-menu .calling-info .call-center:before {
        width: 229px;
        height: 293%;
        top: -63px;
        left: -46px;
        background: linear-gradient(to right, #1a382b,#1d6c3d);
    }
    .hero-area{
        margin: 0px 0px 2px 0px;
        padding-top: 0px;
    }

}
@media (max-width: 992px) {
    .classynav ul li a {
        font-size: 16px;
    }
    .hero-area{
        margin: 0px 0px 0px 0px;
    }
    .classy-nav-container a:focus, .classy-nav-container a:hover{
        font-size: 16px;
    }
    .hero-slides .single-hero-slide{
        height: 344px;
        }
}
@media (min-width: 768px){
    #pdfzone{
        width:100%;
        min-height:800px;
    }
}
@media (min-width: 992px) and  (max-width:1131px){
    .classynav ul li a {
        font-size: 18px;
    }
    .hero-area{
        margin: 0px 0px 0px 0px;
    }
}
/*-----------------ความห่างของสไลด์กับสมัครเรียน-----------------------*/
@media (min-width: 992px) and  (max-width:1199px){
    .hero-slides .single-hero-slide{
        height: 389px;
        }
}
@media (min-width: 768px) and  (max-width:991px){
    .hero-slides .single-hero-slide{
        height: 315px;
        }
}
@media (min-width: 557px) and  (max-width:576px){
    .hero-slides .single-hero-slide{
        height: 350px;
        }
}
@media (min-width: 550px) and  (max-width:556px){
    .hero-slides .single-hero-slide{
        height: 348px;
        }
}
@media (min-width: 320px) and  (max-width:376px){
    .hero-slides .single-hero-slide{
        height: 292px;
    }
    }
@media (min-width: 376px) and  (max-width:420px){
    .hero-slides .single-hero-slide{
        height: 305px;
    }
}
@media (min-width: 421px) and  (max-width:460px){
    .hero-slides .single-hero-slide{
        height: 312px;
    }
}
/*-----------------ความห่างของสไลด์กับสมัครเรียน-----------------------*/

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover{
    background-color: #4d7e29;
}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover{
    background-color: #186D35;
}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover{
    background-color: #186D35;
}

#sitemapfont:focus, #sitemapfont:hover{
    color: #186D35;
}

pre{
    font-family: "Thai Sans Neue", sans-serif;
    font-size: 20px;
    white-space: pre-line;
       
}

.bg-white{
    background-color: #FFF;
}

.std-position{
    z-index: 99;
}

.Style-topic{
    display: flex;
    align-items: center;
    background-color: #9fc74e;
    padding: 5px;
    /* height: 40px; */
    margin-bottom: .625rem;
    padding-left: 1rem;
}


.Style_System_topic{
    display: flex;
    align-items: center;
    background-image: url(../images/topic-bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 40px;
    margin-bottom: .625rem;
    padding-left: 1rem;
    padding-top: 0.4rem;
    vertical-align: middle;
    text-align: center;
}

.Style_System_topic2{
    display: flex;
    align-items: center;
    background-image: url(../images/topic-bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 70px;
    margin-bottom: .625rem;
    padding-left: 1rem;
    padding-top: 0.4rem;
    vertical-align: middle;
    text-align: center;
}

.text-20{font-size: 20px;}
.text-22{font-size: 22px;}
.text-24{font-size: 24px;}
.text-26{font-size: 26px;}
.text-28{font-size: 28px;}
.text-30{font-size: 30px;}


.ita-font{font-size: 22px}

.text-mail{font-size:24px;text-indent: 50px;}