/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  } 

  .mainlink {
    margin : 10px 0 0 35px;
  }  

  .header-text h2 {
      font-size: 40px;
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }
  
  .header-text h2 span {
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }   
  
  .header-text h3 {
      font-size: 100px;
  }
  
  .header-text h3 span {
      font-size: 26px;
  }
  
  .header-text h3 span a {
      font-size: 26px;
  }
  
  .hname {
    font-size : 60px;
    margin-top : 30px;
  } 
  
  .hname p {
    clear : both;
    font-size : 24px;
    margin-top : 20px;
  }
  
  .hh133 h2 {
    font-size : 14px !important;
  }    
}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }  
  
  .navbar-inverse h2 {
    font-size: 14px;
    margin : 15px 0;
  }  

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  } 

  .mainlink {
    margin : 10px 0 0 6px;
  } 

  .header-text h2 {
      font-size: 30px;
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }
  
  .header-text h2 span {
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }
  
  .header-text h3 span {
      font-size: 20px;
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }
  
  .header-text h3 span a {
      font-size: 20px;
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  } 
  
  .hname {
    font-size : 60px; 
    margin-top : 30px;
  } 
  
  .hname p {
    clear : both;
    font-size : 24px;
    margin-top : 20px;
  }    
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }  
  
  .navbar-nav {
      float : left; 
      position: absolute;
      background-color: #fff;
      z-index: 300;
      width: 100%;
      margin: 0;
      padding: 0;
  }
  
  .navbar-collapse.collapse {
    display: none !important; 
    width : 100%;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
    width : 100%;
  }
  .navbar-header .collapse, .navbar-toggle {
      display:block !important;
  }
  .navbar-header {
      float:none;
  }
   
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
  }     
  .navbar-collapse {
    width : 100%;
    border-top : 0;
    margin-top : 0px;
  } 
  
  .navbar-inverse h2 {
    font-size: 14px;
  }  
  
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
  } 
  
  .container {
    padding: 0 20px;
  } 

  .header-text h2 {
      font-size: 30px;
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }
  
  .header-text h2 span {
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }
  
  .header-text h3 span {
      font-size: 20px;
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }
  
  .header-text h3 span a {
      font-size: 20px;
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  } 
  
  .hname {
    font-size : 40px; 
    margin-top : 10px;
  } 
  
  .hname p {
    clear : both;
    font-size : 24px;
    margin-top : 20px;
  }    
}


/* xs */
@media (max-width: 767px) {
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
  } 
  
  .navbar-nav {
      float : left; 
      position: absolute;
      background-color: #fff;
      z-index: 300;
      width: 100%;
      margin: 0;
      padding: 0;
  }
    
  .navbar-collapse {
    border-top : 0;
    margin-top : 0px;
  }  
    
  .navbar-inverse h2 {
    font-size: 15px;
  }
  
  .navbar-nav{
    position: absolute;
    background-color: #fff;
    z-index: 300;
    width: 100%;
    margin : 0;
    padding : 0;
  }  

  .header-text h2 {
      font-size: 30px;
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }
  
  .header-text h2 span {
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }
  
  .header-text h3 span {
      font-size: 20px;
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }
  
  .header-text h3 span a {
      font-size: 20px;
      color: #fff;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  }  
  
  .hname {
    font-size : 30px; 
    margin-top : 10px;
  } 
  
  .hname p {
    clear : both;
    font-size : 18px;
    margin-top : 20px;
  }    
}


/* XS Portrait */
@media (max-width: 480px) { 

}