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

@media (min-width: 1281px) {
  
    
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    nav .navbar-text{
        width: unset !important;
    }
    .artikel-description h1 {
        font-size: 18px;
        margin: 10px 0 50px;
    }
    main .landing-artikel .landing-description h1 {
        font-size: 28px;
    }
    main .landing-artikel .landing-description, .artikel-description {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    main .landing-artikel .landing-description .btn-more, .artikel-description .btn-more {
        font-size: 11px;
        padding: 10px 25px;
    }
    main .section-1,
    main .section-2{
        height: 620px;
        position: relative;
    }
    main .section-3{
        height: 250px;
        position: relative;
    }
    main .section-1 .col-md-6 .col-12,
    main .section-2 .col-md-6 .col-12{
        max-height: 310px;
    }
    
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    nav .navbar-text{
        width: unset !important;
    }
    .artikel-description h1 {
        font-size: 18px;
        margin: 10px 0 50px;
    }
    main .landing-artikel .landing-description h1 {
        font-size: 28px;
    }
    main .landing-artikel .landing-description, .artikel-description {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    main .landing-artikel .landing-description .btn-more, .artikel-description .btn-more {
        font-size: 11px;
        padding: 10px 25px;
    }
    main .section-1,
    main .section-2{
        height: 620px;
        position: relative;
    }
    main .section-3{
        height: 250px;
        position: relative;
    }
    main .section-1 .col-md-6 .col-12,
    main .section-2 .col-md-6 .col-12{
        max-height: 310px;
    }
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    nav .navbar-text{
        width: unset !important;
    }
    .artikel-description h1 {
        font-size: 18px;
        margin: 10px 0 50px;
    }
    main .landing-artikel .landing-description h1 {
        font-size: 28px;
    }
    main .landing-artikel .landing-description, .artikel-description {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    main .landing-artikel .landing-description .btn-more, .artikel-description .btn-more {
        font-size: 11px;
        padding: 10px 25px;
    }
    main .section-1,
    main .section-2{
        height: 620px;
        position: relative;
    }
    main .section-3{
        height: 250px;
        position: relative;
    }
    main .section-1 .col-md-6 .col-12,
    main .section-2 .col-md-6 .col-12{
        max-height: 310px;
    }
    a.btn-all {
        width: 85%;
    }
    footer {
        width: 85%;
    }
    footer ul.footer-link {
        text-align: left;
        -webkit-text-align: left;
        -moz-text-align: left;
        -o-text-align: left;
    }
    footer ul.footer-link li {
        margin-right: unset;
        margin: 5px 25px 5px 0;
    }
    footer label.copyright {
        width: 100%;
        text-align: left;
    }
    footer .row {
        bottom: 20px;
    }
    .top-link {
        bottom: 24px;
        right: -5px;
    }
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    
    nav .navbar-text{
        width: unset !important;
    }
    .artikel-description h1 {
        font-size: 18px;
        margin: 10px 0 50px;
    }
    main .landing-artikel .landing-description h1 {
        font-size: 28px;
    }
    main .landing-artikel .landing-description, .artikel-description {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    main .landing-artikel .landing-description .btn-more, .artikel-description .btn-more {
        font-size: 11px;
        padding: 10px 25px;
    }
    main .section-1,
    main .section-2{
        height: auto;
        position: relative;
    }
    main .section-3{
        height: 250px;
        position: relative;
    }
    main .section-1 .col-md-6 .col-12,
    main .section-2 .col-md-6 .col-12{
        max-height: 310px;
    }
    a.btn-all {
        width: 85%;
    }
    footer {
        width: 85%;
    }
    footer ul.footer-link {
        text-align: left;
        -webkit-text-align: left;
        -moz-text-align: left;
        -o-text-align: left;
    }
    footer ul.footer-link li {
        margin-right: unset;
        margin: 5px 25px 5px 0;
    }
    footer label.copyright {
        width: 100%;
        text-align: left;
    }
    footer .row {
        bottom: 20px;
    }
    .top-link {
        bottom: 24px;
        right: -5px;
    }
  }