#header{padding-bottom: 15px;}
#news-banner{   background: url(../images/carrier-ban.jpg) center top no-repeat; background-size: cover; position: relative; height: 420px;}
#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; border-bottom: 1px solid #eee;}
#content a{text-decoration: none!important; cursor: pointer;}
#content .top p{line-height: 27px;}

#content .toper{margin-top: 0;}
#content .toper p{line-height: 28px;}
#content .toper img {margin-top: 10px;}
#content .toper h5 {margin-top: 15px; text-align: center; border-bottom: 1px solid #005cb9; padding-bottom: 15px; font-size: 16px;}
#content a{color: #535353; text-decoration: none!important; margin-right: 10px;text-transform: uppercase;}
#content .line{height: 1px; background: #04a850;margin-top: 15px;margin-bottom: 15px;}
#content h2{margin-top: 0px; width: 70%;line-height: 33px; color: #525252; font-weight: 400;}
#content .certi {margin-top: 20px;}
#content h4{color: #1f1d1d;width: 75%; line-height: 25px; font-weight: 500;}
#content i{color: #00a651;}
#content a:hover{color: #04a850;}



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

}

#content .link{ padding: 10px; display: block; color: #fff; background: #152c73; text-align: center; width: 30%; margin: 20px auto; display: table;}
#content .link:hover{ background: #04a850; color: #fff; }



@media only screen and (min-width : 1600px) and (max-width : 1919px){
.post-module .thumbnail .date{padding: 6.5px 0;}

}
@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 h3{font-size: 20px;}
#content{padding-top: 60px; padding-bottom:60px;}
#content h2{width: 70%;font-size: 25px;}
#content h4{width: 100%;}
#content .container-fluid {width: 85%;}  

.post-module .thumbnail .date {padding: 6.5px 0;}
.post-module .post-content .title {font-size: 20px;}
.post-module .thumbnail{height: 333px;}


}
@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;}
#content h4{width: 100%;}
#content .container-fluid {width: 90%;}
#content .top p{font-size: 13px;}



}
@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;}
#content h4{width: 90%;}
#content .toper {margin-top: 10px;}
#content .link {width: 50%;}
#content .toper img {width: 100%;}
#content h3 {margin-top: 20px;}

.post-module .thumbnail{height: 333px;}
.post-module .post-content .title{font-size: 20px;}


}
@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/carrier-ban.jpg) center top no-repeat; height: 350px;}
#news-banner h2 {border: none;}

#content h4{width: 100%;}
#content .toper p{text-align: justify;}
#content .toper {margin-top: 10px;}
#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;}
#content h3 {font-size: 20px;}
#content .link {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;}

}