#header{padding-bottom: 15px;}
#news-banner{background: url(../images/qua-ban.jpg) center top no-repeat; height: 420px; position: relative;background-size: cover;}
#news-banner	.chevron {position: absolute; width: 10px; height: 2px; opacity: 0; transform: scale3d(0.5, 0.5, 0.5); animation: move 3s ease-out infinite;}
#news-banner .chevron:first-child {animation: move 3s ease-out 1s infinite;}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

#news-banner .chevron:before,
#news-banner .chevron:after {content: ' '; position: absolute; top: 0; height: 100%; width: 51%; background: #fff;}
#news-banner .chevron:before {left: 0; transform: skew(0deg, 30deg);}
#news-banner .chevron:after {right: 0; width: 50%; transform: skew(0deg, -30deg);}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}



@keyframes pulse {
  to {
    opacity: 1;
  }
}



#news-banner .container-fluid{width: 80%;}
#news-banner h2 {color: white!important; margin-top: 180px; font-weight: 400; font-size: 2.5em; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #00a94f; display: inline-block;}

#box{padding-top: 100px;padding-bottom:100px;background: #f5f5f5;}
#box .container-fluid{width: 80%;}


#content .container-fluid{width: 80%;}
#content{padding-top:100px; padding-bottom: 100px;}
#content a{text-decoration: none!important; cursor: pointer;}
#content img {width: 100%;}

#content .top p{line-height: 27px;}
#content .toper i{color: #00a94f;}
#content .toper img{margin-top: 40px;}
#content a{color: #1f1d1d; font-weight: 500; text-decoration: none!important; margin-right: 10px;text-transform: uppercase;}
#content .line{height: 1px;width: 70%; background: #04a850;margin-top: 5px;margin-bottom: 15px;}
#content h2{margin-top: 0px; margin-bottom: 15px; width: 70%;line-height: 33px; color: #1f1d1d; font-weight: 600;}
#content .certi {margin-top: 20px;}
#content h4{color: #1f1d1d;margin-bottom:20px; margin-top: 20px; text-transform: capitalize;}
#content .line {height: 1px; background: #04a850; margin-top: 15px; margin-bottom: 15px;}


#bg {padding-bottom: 70px;}
#bg .container-fluid {width:80%;}
#bg .to {margin-top: 40px;}
#bg .au {padding: 50px; background: url(../images/bg-automotive.jpg) center repeat-y fixed;}
#bg h3 {margin-bottom: 20px; margin-top: 0px; color: #fff; font-size: 26px; font-weight: 400;}
#bg h3 span {color: #00a94f; font-weight: 600;}
#bg p {color: #fff!important; line-height: 28px!important; font-family: 'Open Sans', sans-serif; font-size: 14px;}
#bg a.bot {text-decoration: none; color: #fff; display: inline-block; margin-bottom: 7px; background: #00a94f; padding: 10px 20px; margin-right: 3px;}

#certi {padding-bottom: 70px;}
#certi .container-fluid {width:80%;}
#certi img {width:100%;}

#certi .slideshow-container {position: relative; margin: auto;}
#certi .prev, .next {text-decoration: none; cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; background: #01008042;}
#certi .next {text-decoration: none; right: 0; border-radius: 3px 0 0 3px;}
#certi .prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}
#certi .text {color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}
#certi .numbertext {color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
#certi .active, .dot:hover {background-color: #717171;}

/* Fading animation */
#certi .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; opacity: 1;}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}






@media only screen and (min-width : 1920px) and (max-width : 2560px){


}
@media only screen and (min-width : 1600px) and (max-width : 1919px){


}
@media only screen and (min-width : 1440px) and (max-width : 1599px){
#news-banner h2{font-size: 2em; margin-bottom: 10px;}

#content h4{width: 65%;}


}   
@media only screen and (min-width : 1366px) and (max-width : 1439px){
#news-banner h2{font-size: 2em; margin-bottom: 10px;}

#content{padding-top: 70px; padding-bottom:70px;}
#content h2{font-size: 25px; width: 65%;}


}

@media only screen and (min-width : 1200px) and (max-width : 1365px){
#news-banner h2{font-size: 1.8em; margin-bottom: 10px;}

#content h2{width: 70%;font-size: 25px;}
#content h3{font-size: 20px;}
#content{padding-top: 60px; padding-bottom:60px;}



}

@media only screen and (min-width : 1024px) and (max-width : 1199px){
#news-banner h2{font-size: 1.8em; margin-bottom: 10px;}

#content h2{font-size: 25px; width: 80%;}
#content{padding-top: 60px; padding-bottom:60px;}


}
@media only screen and (min-width : 768px) and (max-width :1023px){
#news-banner h2 {font-size: 1.8em; margin-bottom: 10px;}

#content{padding-top: 50px; padding-bottom: 50px;}
#certi {padding-bottom: 50px;}
#bg {padding-bottom: 50px;}

}
@media only screen and (min-width : 150px) and (max-width : 767px){
#header {padding-bottom: 0px;}
#news-banner .container-fluid {width: 80%;}
#news-banner h2 {margin-top: 160px; margin-bottom: 10px; font-size: 1.8em;}
#news-banner {background: url(../images/mb-banner/qua-ban.jpg) center top no-repeat; height: 350px;}
#news-banner h2 {border: none;}

#content{padding-top: 50px;padding-bottom: 50px;}
#content h2{font-size: 25px;width: 100%;}
#content .top p{text-align: justify;}
#content .toper img {margin-top: 20px;}
#content .certi img{margin-top: 15px;}

#bg {padding-bottom: 50px;}
#bg h3 {font-size: 20px;}
#bg .au {padding: 30px;}
#bg a.bot {width: 100%;}


}
@media only screen and (max-width : 375px){



}  
@media only screen and (max-width : 320px){ 
#content h2 {font-size: 20px;}
#news-banner p{font-size: 13px;}

}