/* =========================================
   Root + Fonts + Global
========================================= */


/* =========================================
   Hero
========================================= */


.hero-left-inner .x-logo {
  position: absolute;
  bottom: 125px;
  right: -246px;
  width: 429px;
  height: 159px;
  opacity: 0.8;
}



/* =========================================
   Responsive: Desktop (>= 992px)
========================================= */
@media (min-width: 992px) {
  
}

/* =========================================
   Responsive: Tablet/Mobile (<= 991.98px)
========================================= */
@media (max-width: 991.98px) {

   .hero-left-inner .x-logo {
    bottom: -50px;
    right: 28%;
    width: 150px;
    height: 85px;
  

}

}

/* =========================================
   Responsive: Small (<= 768px)
========================================= */
@media (max-width: 768px) {
 
}