@keyframes bouncein{
    0% {
      opacity:0;
      transform:  translate(0px,-25px)  ;
    }
    100% {
      opacity:1;
      transform:  translate(0px,0px)  ;
    }
  }
  
  @-moz-keyframes bouncein{
    0% {
      opacity:0;
      -moz-transform:  translate(0px,-25px)  ;
    }
    100% {
      opacity:1;
      -moz-transform:  translate(0px,0px)  ;
    }
  }
  
  @-webkit-keyframes bouncein {
    0% {
      opacity:0;
      -webkit-transform:  translate(0px,-25px)  ;
    }
    100% {
      opacity:1;
      -webkit-transform:  translate(0px,0px)  ;
    }
  }

/* Responsive */
@media(min-width: 991px){
    .sticky .header_in{ position: fixed; animation: bouncein ease 1.5s; -webkit-animation: bouncein ease 1.5s;}
    .sticky .header_bottom{ background: rgba(17,17,17,1); padding: 13px 0;}
    .sticky .hright_sec{ margin: 22px 0;}
    .sticky .logo{ width: 100px; height: 100px;}
    .sticky .hmenu_sec > ul > li > a{ padding: 3px 6px 1px; font-size: 12px;}
    .sticky .hmenu_sec > ul:first-child{ padding-right: 60px;}
    .sticky .hmenu_sec > ul:last-child{ padding-left: 60px;}
}
@media(max-width: 1199px){
    .container{ padding: 0  15px;}
    .title_br{ margin: 0 0 24px; }
    .title_br h2{ padding: 0 80px;}
    .title1{ font-size: 20px;}
    /* Header */
	#without-banner header { height: 95px; }
    .logo{ width: 100px; height: 100px;}
    .header_bottom{ padding: 15px 0 13px;}
    .hmenu_sec > ul > li > a{ padding: 3px 6px 1px; font-size: 12px;}
    .hmenu_sec > ul:first-child{ padding-right: 60px;}
    .hmenu_sec > ul:last-child{ padding-left: 60px;}
    /* Home */
    .hbanslider .slick-arrow{ width: 45px; height: 45px; background-size: 14px auto; -webkit-background-size: 14px auto;}
    .hbanslide{ text-align: center;}
    .hban_info{ text-align: initial;}
    .hban_info h2{ font-size: 20px;}
    .feature_sec{ padding: 40px 0;}
    .feature_sec .title_br { margin: 0 0 24px; }
    .feature_item h3{ font-size: 16px; height: 50px;}
    .upcoming_eventsec{ padding: 40px 0;}
    .upevent_bx h3{ font-size: 24px; margin: 0 0 10px;}
    .upevent_bx p{ font-size: 14px; margin: 0 0 14px;}
    .upevent_bx p b{ font-size: 16px;}
    .newsevent_sec{ padding: 40px 0;}        
	
	.inner-page-content { padding: 40px 0; }
}
@media(max-width: 991px){
	#without-banner header { height: auto; }
    .header_in{ position: relative;}
    .logo{ top: -29px; left: 15px; right: auto;}
    .header_bottom{ background: rgba(17,17,17,1); padding: 0 15px; position: relative;}
    .menu_trigger {
        background: url(../images/menu_bar.png) no-repeat center;
        width: 30px;
        height: 45px;
        margin: auto 0;
        display: block;
        float: right;        
        transition: all 400ms;
    }
    .menu_overlay {
        background: rgba(0,0,0,0.8);
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: block;
        opacity: 0;
        visibility: hidden; pointer-events: none;
        transition: all 400ms;
    }
    .menu_overlay.active {
        opacity: 1;
        visibility: visible; pointer-events: auto;
    }
    .hmenu_sec{ background: #fff; position: fixed; width: 300px; right: -300px; top: 0; bottom: 0; 
        transition: all 400ms; z-index: 2;}
    .hmenu_sec.open{ right: 0;}
    .hmenu_sec > ul{ display: block; width: auto; text-align: initial; margin-left: 0;}
    .hmenu_sec > ul:first-child{ padding-right: 0;}
    .hmenu_sec > ul:last-child{ padding-left: 0;}
    .hmenu_sec > ul > li{ display: block; width: auto; margin-left: 0;}
    .hmenu_sec > ul > li > a{ display: block; color: #000; padding: 10px 15px 8px; border-bottom: 1px solid #eeeeee;}
    .hmenu_sec > ul > li > a:before{ bottom: -1px;}

    /* Home */
    .article_detail{ float: none; width: auto; padding: 0;}
    .article_list{ float: none; width: auto; }
    .feature_list{ margin: 0 -5px;}
    .feature_col{ padding: 0 5px;}
}
@media(max-width: 768px){
    .hban_info{padding: 13px 15px 13px;}
    .hban_info h2{ padding-left: 11px; font-size: 16px;}
}
@media(max-width: 767px){
  .title_br h2{ padding: 0 25px;}
  .feature_list{ margin: 0;}
  .feature_col{ width: 100%; margin: 0 0 20px; padding: 0;}
  .feature_col:last-child{ margin-bottom: 0;}
  .feature_item h3{ font-size: 14px; height: 46px;}
}
@media(max-width: 480px){
    .logo{ width: 80px; height: 80px;}
    .hbanslider .slick-arrow { width: 30px; height: 30px; background-size: 10px auto; -webkit-background-size: 10px auto; 
    }
    .hban_info h2{ font-size: 14px;}
    .feature_item h3{ left: 15px; right: 15px;}
    .article_img{ display: block; margin: 0 auto 10px; border: 0; border-bottom: 1px solid #f4a700;}
    .article_info{ display: block; width: auto;  text-align: center;}
}