/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
/* All styles for screen size over 992px
================================================== */
@media only screen and (min-width: 992px) {
    nav#menu.main-menu {
      display: block !important;
    }
  
    #mm-menu.main-menu {
      display: none !important;
    }
  
    header .btn_mobile {
      display: none !important;
    }
  
    /* Menu */
    .main-menu {
      position: relative;
      z-index: 9;
      width: auto;
      top: 10px;
      right: 15px;
      float: right;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      color: #fff;
    }
    .main-menu ul,
    .main-menu ul li {
      position: relative;
      display: inline-block;
      margin: 0;
      padding: 0;
    }
    .main-menu ul a,
    .main-menu ul li a {
      position: relative;
      margin: 0;    font-size: 16px;
      padding: 0;
      display: block;
      font-weight: 700;
    padding:14px 13px;
      white-space: nowrap;
    }
  
    /*First level styles */
    .main-menu > ul > li span > a {
      color: #fff;
      padding: 0 8px 15px 8px;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 500;
    }
    .main-menu > ul > li span:hover > a {
      opacity: 0.7;
    }
  
    /* Submenu*/
    .main-menu ul ul {
      position: absolute;
      z-index: 1;
      visibility: hidden;
      left: 3px;
      top: 100%;
      margin: 0;
      display: block;
      padding: 0;
      background: #fff;
      min-width: 200px;
      -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175);
      -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175);
      box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175);
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
      opacity: 0;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }
    .main-menu ul ul:before {
      bottom: 100%;
      left: 15%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-bottom-color: #fff;
      border-width: 7px;
      margin-left: -7px;
    }
    .main-menu ul ul li {
      display: block;
      height: auto;
      padding: 0;
    }
    .main-menu ul ul li a {
      color: #555;
      border-bottom: 1px solid #ededed;
      display: block;
      padding: 15px 10px;
      line-height: 1;
    }
  
    .main-menu ul li:hover > ul {
      padding: 0;
      visibility: visible;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  
    .main-menu ul ul li:last-child a {
      border-bottom: none;
    }
    .main-menu ul ul li:hover > a {
      background-color: #f9f9f9;
      color: #0054a6;
      padding-left: 18px;
    }
  }
  /* All styles for screen size under 991px
  ================================================== */
  @media only screen and (max-width: 991px) {
    nav#menu {
      display: none !important;
    }
    a.btn_mobile {
      float: right;
      padding-top:18px;
  }
  header {
    padding: 10px 10px !important;}
    
    .mm-menu {
      background: #fff;
    }
  
    .main-menu {
      top: 0;
      right: 0;
      float: none;
    }
  
    ul.mm-listview {
      line-height: 25px;
    }
    ul.mm-listview li a {
      color: #555 !important;
      display: block;
    }
  }

  
  header {
     padding: 10px 70px;
    background: #000;
  }
  .main-menu ul a, .main-menu ul li a {
    color: #fff;
  }
  div#logo img {
   padding-top: 10px;
}
.main-menu ul a, .main-menu ul li a:hover{
    color: #bbb04d;
}
div#faq_box img {
    width: 100%;
}
.float {
    position: fixed;
    bottom: 40px;
    right: 15px;
    z-index: 100;
}
a.float img {
    width: 75px;
}
#hero_in h3 {
  margin-bottom: 12px;
}