/*==================================================================================
    Custom Stylesheet (Any custom styling you want to apply should be defined here).
====================================================================================*/

@media (max-width:768px){
  .tp-fullwidth-forcer,
.rev_slider_wrapper {

    height: 172px !important;
}
  .rev_slider .tp-mask-wrap .tp-caption{
  padding:0 !important;
  }
  .header-menu #menu-button {
    color: #00a651;
  }
  .header-top-info li.social-icons a {
    display: inline-block;
    padding: 0 5px;
    font-size: 13px;
    margin-top: -6px;
}
  .subscription-heading,
  section.primary-bg .col-lg-2{
  text-align:center !important;
  }
}

@media (min-width:768px){
  .header-transparent{
    position: absolute;
    z-index: 9;
    width: 100%;
    background: transparent;
  }
  .header-transparent .main-header{
    background-color:transparent !important;
    text-align:center;
  }
  .header-transparent .header-top{
    background:transparent !important;
  background-color:transparent !important;
  }
    .header-transparent  .header-top-settings li,
  .header-transparent .header-top-info li{
  border:none;
  }
     .header-transparent .header-menu>ul>li,
  .header-transparent .menu-wraper{
  float:none;
  }
  .header-transparent .header-menu>ul>li>a{
  color:#fff;
  }
  .header-menu > ul > li > a:after, .header-menu > ul > li.active > a:after{
    background-color:transparent;
  }
  .header-transparent .main-header .col-xl-3,
    .header-transparent .main-header .col-xl-9{
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
    .header-transparent  .header-top-info li.social-icons a,
   .header-transparent .header-top-info li a, 
  .header-transparent  .header-top-settings li span{
  font-size:14px;
  }
  .rev-slider{
  position:relative;
  }

   .header-transparent .main-header.stuck{
    background-color:#fff !important;
   
  }
  .header-transparent .main-header.stuck .col-xl-3{
      -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
    .header-transparent .main-header.stuck .col-xl-9{
      -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .header-transparent .main-header.stuck .header-menu>ul>li{
    float:left;
  }
  .header-transparent .main-header.stuck .menu-wraper{
  float:right;
  }
    .header-transparent .main-header.stuck .header-menu>ul>li>a{
  color:#333;
  }
}
.rev_slider .tp-mask-wrap .tp-caption.sub-title{
text-align:center !important;
  font-size:20px !important;
      min-width: max-content !important;

    max-width: max-content !important;
  float:none !important;
}