@charset "utf-8";
/* CSS Document to make the website responsive */


@media screen and (max-width: 480px) {  
  h1 {
    font-size: 16px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }
  h2 {
    font-size: 21px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }
  h3 {
    font-size: 16px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }
  h4 {
    font-size: 12px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }

  p {
   font-size: 12px;
  }
  body {
   font-size: 12px;
  }

  .client_say_qoutes {
    display: none !important;
  }
 
  .video_sec {
    padding: 0;
    background: #fff;
  }

  .top_header {
    padding: 19px 0 0;
    text-align: center;
  }

  .transl {
    float: right;
    margin-top: 12px;
    width: 49%;
    margin-left:0px !important;
  }
  .fixed_social_icon {
    display: none;
  }
  
  .copyright {
    font-size: 11px;
  }


   .h1 {
      font-size: 18px;
   }
   .h2 {
      font-size: 16px;
   }
   .h3 {
      font-size: 14px;
   }
   .h4 {
      font-size: 12px;
   }

 .top-language {
   margin-top: 5px;
  margin-bottom: 10px;
 }

}

/* col-xs */
@media screen and (min-width: 480px) and (max-width: 768px) {
    
  h1 {
    font-size: 19px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }
  h2 {
    font-size: 28px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }
  h3 {
    font-size: 19px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }
  h4 {
    font-size: 13px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }

  p {
   font-size: 13px;
  }

  body {
    font-size: 13px;
  }

  /* groesser als in 768 - 990, da die boxen umgebrochen werden und somit effektiv groesser sind */
  .banner h2 {
     font-size: 34px;
  }
  .banner h4 {
     font-size: 26px;
  }
  .text-banner {
    font-size: 20px;
  }

  .video_sec {
    padding: 0;
    background: #fff;
  }

  .top_header {
    padding: 19px 0 0;
    text-align: center;
  }

  .top-language {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .transl {
    float: right;
    margin-top: 12px;
    width: 49%;
    margin-left:0px !important;
  }

  .fixed_social_icon {
    display: none;
  }

  .copyright {
    font-size: 11px;
  }


   .h1 {
      font-size: 20px;
   }
   .h2 {
      font-size: 18px;
   }
   .h3{
      font-size: 16px;
   }
   .h4{
      font-size: 14px;
   }
}

/* col-sm */
@media screen and (min-width: 768px) and (max-width: 991px) {
    
  h1 {
    font-size: 22px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }
  h2 {
    font-size: 32px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }
  h3 {
    font-size: 19px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }
  h4 {
    font-size: 16px;
    line-height: 26px;
    margin-top: 26px;
    margin-bottom: 0px;
  }

  p {
   font-size: 14px;
  }

  body {
    font-size: 14px;
  }

  /* darf leider nicht groesser, da sonst unten abgeschnitten */
  .banner h4 {
     font-size: 10px;
  }
  .text-banner {
    font-size: 10px;
  }

   .tag-cloud .h1 > a {
      font-size: 18px;
   }
   .tag-cloud .h2 > a {
      font-size: 16px;
   }
   .tag-cloud .h3 > a{
      font-size: 14px;
   }
   .tag-cloud .h4  > a{
      font-size: 12px;
   }

    .h1 {
      font-size: 24px;
   }
    .h2 {
      font-size: 22px;
   }
    .h3{
      font-size: 20px;
   }
    .h4{
      font-size: 18px;
   }


  .navbar-toggle{
    display:none !important;
  }

  .responsiveSelectContainer {
    margin-bottom:15px !important;
  }
  
  .fixed_social_icon {
    display: none;
  }
  .live_chat_icon {
    display: none;
  }

  .navbar-nav {
    margin: 7.5px 1px !important;
  }

  .publication {
    margin-bottom: 20px;
  }
  
  .footer_top p {
    font-size: 18px;
  }
  
  #primary-menu li .sub-menu {
    position: absolute;
    z-index: 2;
    top: 37px;
    width: 99% !important;
  }
  
 .top-language {
  margin-bottom: 10px;
 }
}