/* Medium Layout: 1280px. */

@media only screen and (max-width: 1199px) {
  .single-blog h3 {
    font-size: 19px !important;
  }
  .navbar-nav {
    font-size: 15px;
  }
  .navbar-header {
    width: 30%;
  }
  .navbar-brand {
    width: 100%;
  }
  .logo img {
    width: 70% !important;
  }
}

@media only screen and (max-width: 991px) {
  .space-76 {
    height: 0px;
    margin-top: -50px;
  }
  .navbar-nav {
    font-size: 14px;
  }
  .navbar-header {
    width: 22%;
  }
  .navbar-brand {
    width: 100%;
  }
  .logo img {
    width: 100% !important;
    margin-top: 5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .single_screen_slide {
        padding: 48px 30px 52px 30px;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #mainmenu ul.nav.navbar-nav li a {
        padding: 20px 10px;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    .mainmenu-area {
        /* background: #1e5799;
        background: -webkit-linear-gradient(left, #1e5799 0%, #3ccdbb 0%, #16c9f6 100%);
        background: linear-gradient(to right, #1e5799 0%, #3ccdbb 0%, #16c9f6 100%); */
        background: none !important;
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#16c9f6', GradientType=1);
    }
    .mainmenu-area .navbar-toggle {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #fff;
        border-radius: 1px;
        padding: 10px;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }
    .mainmenu-area .navbar-toggle .icon-bar {
        background-color: #ffffff;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }
    .mainmenu-area .navbar-toggle:focus,
    .mainmenu-area .navbar-toggle:hover {
        background-color: #ffffff;
    }
    .mainmenu-area .navbar-toggle:focus .icon-bar,
    .mainmenu-area .navbar-toggle:hover .icon-bar {
        background-color: #c42b4a;
    }
    .well.well-lg {
        padding: 30px;
    }
    #mainmenu ul.nav.navbar-nav li a {
        text-align: center;
    }
    .comment-list .media-left {
        display: inline-block;
        padding: 20px 20px 10px;
    }
    .navbar-nav {
      font-size: 15px;
    }
    .navbar-header {
      width: 100%;
    }
    .navbar-brand {
      width: 170px;
    }
    .logo img {
      width: 100% !important;
      margin-top: -10px;
    }
    .subpage-header {
      height: 53%;
    }
    .navbar-default .navbar-collapse {
      background-color: #c42b4a;
      margin-top: 23px;
    }
    .navbar-fixed-top .navbar-collapse {
      max-height: 309px;
    }
    .navbar-nav {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .nav>li {
      border-bottom: 1px solid #fff;
    }
    .navbar-toggle {
      margin-top: 10px;
      margin-bottom: 5px;
    }
    #mainmenu li.active a {
      position: relative;
      border-bottom: none;
    }
    .mainmenu-area.affix .container {
      display: none;
    }
    .mainmenu-area.affix {
      box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.0) !important;;
    }
    .ue-subpage h3.subpage-hoofdtitel {
      margin-top: -40px;
    }
}

@media only screen and (max-width: 672px) {
  .navbar-header {
    width: 100%;
  }
  .navbar-brand {
    width: 200px;
    padding-left: 20px;
  }
  .logo img {
    width: 100% !important;
    margin-top: -10px;
  }
  h1 {
    font-size: 20px;
    line-height: 30px;
  }
  .blue-bg.relative.fix .space-100{
    height: 80px;
  }
  .btn.btn-link.no-round.text-uppercase.button-wit.features{
    display: none;
  }
  #product .boven-titel{
    height: 0px;
  }
  .rechter-icon{
    display: none;
  }
  .space-60.mobiel-30 {
    height: 30px;
  }
  #scrollUp{
    display: none!important;
  }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {}