/**************************************
  
  Responsive CSS Created by Wita Aldiyana

  ***************************************/

  /* 
    ##Device = Desktops
    ##Screen = 1281px to higher resolution desktops
  */

  @media (min-width: 1281px) {
  
    .navbar-inverse .navbar-nav > li > a, .dropdown-menu > li > a {
      padding: 10px 15px 
      text-transform: uppercase;
      font-size: 1.22rem;
    }
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    .navbar-inverse .navbar-nav > li > a, .dropdown-menu > li > a {
      padding: 10px 15px 
      text-transform: uppercase;
      font-size: 1.22rem;
    }

    .fusion-footer-widget-area, .fusion-footer-widget-area ul li a {
      font-size: 1.15rem;
    }

    
    .fusion-widget-area .widget_nav_menu li {
      padding: 0 !important;
    }    
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {

    .fusion-header-wrapper {
        position: absolute;
        z-index: 10000;
        left: 0;
        right: 0;
        background: transparent;
        background-image: linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0));
    }
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    

  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    
    
    
  }

    @media (max-width: 800px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        border: none;
        margin-top: 2rem;
    }
    .navbar-collapse {
/*        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
            background: #ff9047;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .fusion-header-wrapper .fusion-header, .fusion-header-wrapper .fusion-secondary-main-menu {
      background: #ff9047;
    }

    .dropdown-menu {
        background-color: #ff761d !important;
    }
}