@media only screen and (min-width: 768px) and (max-width: 1440px) {
  body.blog-masonry-full #tm-blog .page-content .tm-content.blog-masonry article {
    width: 25%;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  body.blog-masonry-full #tm-blog .page-content {
    width: 1100px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
  body.blog-masonry-full #tm-blog .page-content {
    width: 1375px;
  }
  body.blog-masonry-full #tm-blog .page-content .tm-content.blog-masonry {
    margin: 0;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
  body.blog-masonry-full #tm-blog .page-content {
    width: 1650px;
  }
  body.blog-masonry-full #tm-blog .page-content .tm-content.blog-masonry {
    margin: 0;
  }
}
@media only screen and (min-width: 1921px) and (max-width: 2000px) {
  body.blog-masonry-full #tm-blog .page-content {
    width: 1925px;
  }
  body.blog-masonry-full #tm-blog .page-content .tm-content.blog-masonry {
    margin: 0;
  }
}
@media only screen and (min-width: 2001px) and (max-width: 2236px) {
  body.blog-masonry-full #tm-blog .page-content {
    width: 2200px;
  }
  body.blog-masonry-full #tm-blog .page-content .tm-content.blog-masonry {
    margin: 0;
  }
}
@media only screen and (min-width: 2237px) and (max-width: 2560px) {
  body.blog-masonry-full #tm-blog .page-content {
    width: 2475px;
  }
  body.blog-masonry-full #tm-blog .page-content .tm-content.blog-masonry {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
  .personal.tm-container .page-content .page-content-inner article.format-aside .tm-content-inner .entry-container {
    padding: 20px 0;
  }
  .personal.tm-container .page-content .page-content-inner article.format-aside .tm-content-inner .entry-container:after {
    content: "";
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.53) 53%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(53%, rgba(255, 255, 255, 0.53)), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.53) 53%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.53) 53%, #ffffff 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.53) 53%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.53) 53%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  .personal.tm-container .page-content .page-content-inner article.format-quote .tm-content-inner .entry-container {
    padding: 20px 0;
  }
  .personal.tm-container .page-content .page-content-inner article.format-quote .tm-content-inner .entry-container blockquote {
    font-size: 100%;
    padding-left: 24px;
    font-style: italic;
  }
  .personal.tm-container .page-content .page-content-inner article.format-quote .tm-content-inner .entry-container blockquote:before {
    font-size: 50px;
  }
}
@media only screen and (max-width: 3000px) {
   .service-top{
}
  .tm-wrap-res{}
}

@media only screen and (max-width: 1400px) {
  .tm-wrap-res{}
  .tm-logo{}
}

@media only screen and (max-width: 1100px) {
   .service-top{
  }
  .tm-wrapall {
    width: 95%;
  }
  .tm-wrap {
    width: 100%;
    padding: 0 20px;
  }  
  .tm-wrap-res{	
	padding:0px;
  }
  .tm-logo{}
  
  #tm-template-default-box {
    width: 90%;
  }
  .tm-menu-style2 .tinynav {
    color: #cccccc;
  }
  .tinynav {
    display: block;
    border: none;
    height: 23px;
    width: 23px;
    background-color: transparent;
    background-image: url('../img/menu.png');
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 9999px;
    text-overflow: '';
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  #tm-header-nav {
    padding: 10px 0;
    margin-top:0px;
  }
  #tm-header-nav .tm-nav {
    display: table-cell;
    vertical-align: middle;
  }
  #tm-header-nav .tm-nav .tm-menu {
    display: none;
  }
  body.blog-masonry-full #tm-blog .page-content {
    padding: 0 20px;
    width: 100%;
  }
  body.blog-masonry-full #tm-blog .page-content .tm-content.blog-masonry article {
    width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  body {
    overflow: hidden;
  }
  img {
    max-width: 100%;
  }
  .tm-wrap-res{}
  .tm-logo{padding:0;}  
  
  #service-top{display:block; width:100%;}
  #service-navigation{float:right;}
  #tm-page-title {
    display: ;
  }
  .tm-container.tm-sidebar-right .page-content,
  .tm-container.tm-sidebar-left .page-content {
    width: 100%;
    padding: 0;
    float: none;
  }
  .tm-container.tm-sidebar-right .page-content .tm-content.tm-sidebar-second-left .page-sidebar-second,
  .tm-container.tm-sidebar-left .page-content .tm-content.tm-sidebar-second-left .page-sidebar-second,
  .tm-container.tm-sidebar-right .page-content .tm-content.tm-sidebar-second-right .page-sidebar-second,
  .tm-container.tm-sidebar-left .page-content .tm-content.tm-sidebar-second-right .page-sidebar-second,
  .tm-container.tm-sidebar-right .page-content .tm-content.tm-sidebar-second-left .tm-main-content,
  .tm-container.tm-sidebar-left .page-content .tm-content.tm-sidebar-second-left .tm-main-content,
  .tm-container.tm-sidebar-right .page-content .tm-content.tm-sidebar-second-right .tm-main-content,
  .tm-container.tm-sidebar-left .page-content .tm-content.tm-sidebar-second-right .tm-main-content {
    width: 100%;
    float: none;
    padding: 0;
  }
  .tm-container.tm-sidebar-right .page-sidebar,
  .tm-container.tm-sidebar-left .page-sidebar {
    padding: 0;
    float: none;
    width: 100%;
    margin-top: 40px;
  }
  .tm-container .page-sidebar-second {
    margin-top: 40px;
  }
  .tm-container .page-content .entry-header,
  .tm-container .page-content .entry-container {
    padding: 20px;
  }
  .tm-container .page-content .entry-container section.tags i,
  .woocommerce .tm-container.tm-sidebar-left:before,
  .woocommerce-page .tm-container.tm-sidebar-left:before,
  .tm-single-nav {
    display: none;
  }
  .tm-container .page-content .entry-container section.tags ul {
    margin: 0;
  }
  .blog-masonry[class*="tm-col-"] .item {
    width: 50%;
  }
  [class*="tm-col-"] article,
  [class*="tm-col-"] li,
  [class*="tm-col-"] .tm-col {
    width: 50%;
  }
  #tm-blog.tm-blog-style-magazine2 .page-content .tm-featured .hot li {
    width: 50%;
  }
  #tm-blog.tm-blog-style-magazine2 .page-content .tm-featured .hot li:first-child a h3 {
    font-size: 12px;
  }
  .personal.tm-container .page-content .page-content-inner article.item.column-width {
    width: 50%;
  }
  body.blog-masonry-full #tm-blog .page-content .tm-content.blog-masonry article {
    width: 50%;
  }
  .tm-parallax {
    background-position: 50% 0 !important;
  }
}
@media only screen and (max-width: 568px) {
  header #tm-header-top {background-color:#fff;}
   
  .service-top{}
  .tm-wrap{}
  .tm-wrap-res{}
  
  .tm-logo{padding-top:0;}  
  
  #service-top{display:block;position:absolute; left:0px; top:0px;width:568px;overflow:hidden;}

  .tm-column {
    float: none;
  }
  .tm-column.tm1,
  .tm-column.tm2,
  .tm-column.tm3,
  .tm-column.tm4,
  .tm-column.tm5,
  .tm-column.tm6,
  .tm-column.tm7,
  .tm-column.tm8,
  .tm-column.tm9,
  .tm-column.tm10,
  .tm-column.tm11,
  .tm-column.tm12 {
    width: 100%;
    margin-bottom: 20px;
  }
  .personal.tm-container .page-content .page-content-inner article.item.column-width,
  .personal.tm-container .page-content .page-content-inner article.w2 {
    width: 100%;
  }
  header #tm-header-top {
    padding: 0 0 0 0;
    text-align: center;
  }
  header #tm-header-top .tm-logo {
    width: 525px;
    display: block;
  }

  header #tm-header-top .tm-top-nav {
    padding: 0;
    margin: 0 0 20px 0;
    display: block;
  }
  header #tm-header-top .tm-search {
    text-align: center;
    display: block;
  }
  header #tm-header-top .tm-search form {
    width: 100%;
    position: relative;
  }
  header #tm-header-top .tm-search form input {
    width: 100%;
  }
  header #tm-header-top .tm-search form button {
    display: none;
  }
  /** Blog **/
  #tm-blog.tm-blog-style-list .page-content .tm-content article .entry-thumbnail {
    float: none;
    margin: 0 0 20px 0;
  }
  #tm-blog.tm-blog-style-list .page-content .tm-content article .entry-thumbnail a img {
    width: 100%;
  }
  .blog-masonry[class*="tm-col-"] .item {
    width: 100%;
  }
  /** Portfolio **/
  #tm-portfolio.tm-portfolio-classic .tm-content.tm-col-1 article .tm-image,
  #tm-portfolio.tm-portfolio-classic .tm-content.tm-col-1 article .portfolio-content {
    float: none;
    width: 100%;
    padding: 0;
  }
  #tm-portfolio.tm-portfolio-classic .tm-content.tm-col-1 article .tm-image {
    margin-bottom: 15px;
  }
  /** Column **/
  .one-full,
  .one-half,
  .one-third,
  .two-third,
  .three-fourth,
  .one-fourth {
    float: none;
    margin: 0;
    margin-bottom: 40px;
    width: 100%;
  }
  /** Parallax **/
  .hideout{
	display:none;
}
  /** IconBox **/
  .tm-iconbox.tm-style2 .tm-box {
    margin-top: 50px;
  }
  .tm-iconbox.tm-style2 .tm-box:first-child {
    margin-top: 0;
  }
  .tm-iconbox.tm-style4 .tm-box {
    margin-top: 50px;
  }
  .tm-iconbox.tm-style4 .tm-box:first-child {
    margin-top: 0;
  }
  /** Post content **/
  .tm-recent-post ul[class*="tm-col-"] li {
    width: 100%;
  }
  /** Portfolio **/
  [class*="tm-col-"] article,
  [class*="tm-col-"] li,
  [class*="tm-col-"] .tm-col {
    width: 100%;
  }
  /** tm-promobox **/
  .tm-promobox.has-button .tm-promocontent {
    margin: 0;
  }
  .tm-promobox .tm-promobutton .tm-btn {
    position: static;
    margin: 20px 0 0 0;
  }
  .tm-promobox-group[class*="column-"] .box {
    width: 100%;
    display: block;
  }
  /** Tabs **/
  .tm-tabs.tabs-left .tm-filter,
  #tm-portfolio.tabs-left .tm-filter {
    float: none;
    width: 100%;
  }
  .tm-tabs.tabs-left .tm-filter.tm-style2 li,
  #tm-portfolio.tabs-left .tm-filter.tm-style2 li {
    width: 100%;
    padding: 0;
    border: none;
  }
  .tm-tabs.tabs-left .tm-filter.tm-style3 li a,
  #tm-portfolio.tabs-left .tm-filter.tm-style3 li a {
    min-width: 100%;
  }
  .tm-tabs.tabs-left .tab-container,
  #tm-portfolio.tabs-left .tab-container {
    padding-left: 0;
    width: 100%;
    float: none;
  }
  .tm-tabs.tabs-left.tm-tabs4 .tm-filter,
  #tm-portfolio.tabs-left.tm-tabs4 .tm-filter {
    margin: 0;
  }
  .tm-tabs.tabs-left.tm-tabs4 .tm-filter.tm-style4 li,
  #tm-portfolio.tabs-left.tm-tabs4 .tm-filter.tm-style4 li {
    margin: 0 0 -1px 0;
  }
  .tm-tabs.tabs-left.tm-tabs4 .tab-container,
  #tm-portfolio.tabs-left.tm-tabs4 .tab-container {
    padding-left: 20px;
  }
  .tm-tabs .tm-filter.tm-style1 li,
  #tm-portfolio .tm-filter.tm-style1 li {
    display: block;
    margin-bottom: 10px;
  }
  .tm-tabs .tm-filter.tm-style2 li,
  #tm-portfolio .tm-filter.tm-style2 li {
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #cccccc;
    width: 45%;
  }
  .tm-tabs .tm-filter.tm-style2 li a.selected:before,
  #tm-portfolio .tm-filter.tm-style2 li a.selected:before,
  .tm-tabs .tm-filter.tm-style2 li a.selected:after,
  #tm-portfolio .tm-filter.tm-style2 li a.selected:after {
    display: none;
  }
  .tm-tabs .tm-filter.tm-style3 li,
  #tm-portfolio .tm-filter.tm-style3 li {
    display: block;
    margin-bottom: 10px;
    padding: 0;
  }
  .tm-tabs .tm-filter.tm-style4 li,
  #tm-portfolio .tm-filter.tm-style4 li {
    display: block;
    float: none;
    padding: 0;
    margin: 0 0 -1px 0;
  }
  .tm-tabs .tm-filter.tm-style4 li a.selected,
  #tm-portfolio .tm-filter.tm-style4 li a.selected {
    border-left: 5px solid #cccccc;
  }
  .tm-tabs .tm-filter.tm-style4 li a.selected:after,
  #tm-portfolio .tm-filter.tm-style4 li a.selected:after,
  .tm-tabs .tm-filter.tm-style4 li a.selected:before,
  #tm-portfolio .tm-filter.tm-style4 li a.selected:before {
    display: none;
  }
  /** table **/
  table.tm-table {
    display: block;
    border: 1px solid #e6e6e6;
  }
  table.tm-table thead {
    float: left;
    display: block;
  }
  table.tm-table thead tr {
    display: block;
  }
  table.tm-table thead tr.header th {
    display: block;
  }
  table.tm-table tbody {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  table.tm-table tbody tr {
    border-right: 1px solid #e6e6e6;
    display: table-cell;
    vertical-align: top;
  }
  table.tm-table tbody tr:last-child {
    border-right: none;
  }
  table.tm-table tbody tr td {
    display: block;
  }
  table.tm-table tbody tr td:last-child {
    border-bottom: none;
  }
  table.tm-table.tm-style1 thead tr th {
    background: #f2f2f2;
  }
  table.tm-table.tm-style2 tbody tr {
    border-right: none;
  }
  table.tm-table.tm-style2 tbody tr:nth-child(2n) {
    background: #ffffff;
  }
  table.tm-table.tm-style2 tbody tr:nth-child(2n) td:nth-child(2n) {
    background: #f2f2f2;
  }
  table.tm-table.tm-style2 tbody tr:nth-child(2n + 1) {
    background: #f2f2f2;
  }
  table.tm-table.tm-style2 tbody tr:nth-child(2n + 1) td:nth-child(2n) {
    background: #ffffff;
  }
  .tm-pricing-table .pricing-table-wrap {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  /** Logo Client**/
  .tm-logo-client ul li {
    width: 100%;
    display: block;
  }
  /** Blog **/
  body.blog-masonry-full #tm-blog .page-content .tm-content.blog-masonry article {
    width: 100%;
  }
  #tm-blog.tm-blog-style-magazine1 .page-content .tm-content .tm-main-content article .tm-content-inner .entry-thumbnail {
    width: 100px;
    margin-bottom: 10px;
  }
  #tm-blog.tm-blog-style-magazine2 .page-content .tm-content .tm-main-content article .tm-content-inner .tm-category-block .tm-block-content {
    display: block;
    width: 100%;
    padding: 0;
  }
  #tm-blog.tm-blog-style-magazine2 .page-content .tm-content .tm-main-content article .tm-content-inner .tm-category-block .tm-block-content .entry-thumbnail {
    width: 100px;
  }
  #tm-blog.tm-blog-style-magazine2 .page-content .tm-content .tm-main-content article .tm-content-inner .tm-category-block .entry-others {
    display: block;
    padding: 0;
    width: 100%;
    border: none;
    margin: 30px 0 0 0;
  }
  footer .copyright,
  footer .tm-social-icons {
    display: block;
    text-align: center;
    margin: 10px 0;
  }
  /** Shop **/
  .woocommerce div.product .images,
  .woocommerce-page div.product .images,
  .woocommerce div.product .summary,
  .woocommerce-page div.product .summary {
    width: 100%;
    padding: 10px 0;
    float: none;
    display: inline-block;
  }
  .woocommerce ul.products li.product-category,
  .woocommerce-page ul.products li.product-category {
    width: 50%;
  }
}
@media only screen and (min-width: 567px) {

  button.btn.btn-onlyNew{
    margin-left: 25px;
  }

}
@media only screen and (max-width: 566px) {

  button.btn.btn-onlyNew{
    display: block;
    margin-top: 5px;
  }

}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .tinynav {
    background-image: url("../img/menu@2x.png");
    background-size: 30px 23px;
  }
  header #tm-header-top .tm-logo a.tm-logo-simple {
    display: none;
  }
  header #tm-header-top .tm-logo a.tm-logo-retina {
    display: block;
  }
}

@media only screen and (max-width: 751px) {
  .a-box-aantal-4 .a-box.a-box-big{
    float: none;
    height: 47px;
    width: 45%;
    margin: 0 2px 5px 0;
    padding: 0;
    font-size: 0.9em;
  }
  .a-box-aantal-3 .a-box.a-box-big{
    float: none;
    height: 47px;
    width: 60%;
    margin: 0 2px 5px 0;
    padding: 0;
    font-size: 0.9em;
  }
  a.a-box .fa{
      width: auto;
      font-size: 0.8em;
      margin-right: 4px;
      line-height: 50px;
      height: 47px;
  }

  div.popup-content{width:70%;}
}
@media only screen and (min-width:752px) and (max-width: 768px) {
  .a-box-aantal-4 .a-box.a-box-big{
    float: none;
    width: 168px;
    height: 47px;
    margin: 0 2px 5px 0;
    padding: 0;
    font-size: 0.9em;
  }
  .a-box-aantal-3 .a-box.a-box-big{
    float: none;
    width: 220px;
    height: 47px;
    margin: 0 2px 5px 0;
    padding: 0;
    font-size: 0.9em;
  }
  a.a-box .fa{
      width: auto;
      font-size: 0.8em;
      margin-right: 4px;
      line-height: 50px;
      height: 47px;
  }
}
@media only screen and (max-width: 430px) {
  div.apexir_SEARCH input,
  div.zoek-velden input.txt-search{
    width: 90%;
  }
  div.apexir_SEARCH button,
  .zoek-velden button{
    width: 10%;
    padding: 0;
  }

  span.synoniem.zichtbaar{width: 60px;}
  span.synoniem.zichtbaar span{display: none;}

  div.btns-niveaus .vks-list-buttons .btn{
    width: 48%;
    margin-right: 0.5%;
  }
  div.btns-alfa .btn{
    width: 48%;
    margin-right: 0.5%;
  }

  .a-box-aantal-4 .a-box.a-box-big{
    float: none;
    height: 47px;
    width: 90%;
    margin: 0 2px 5px 0;
    padding: 0;
    font-size: 1em;
  }
  .a-box-aantal-3 .a-box.a-box-big{
    float: none;
    height: 47px;
    width: 90%;
    margin: 0 2px 5px 0;
    padding: 0;
    font-size: 1em;
  }
  a.a-box .fa{
      width: auto;
      font-size: 0.9em;
      margin-right: 4px;
      line-height: 50px;
      height: 47px;
  }

}
@media only screen and (max-width: 521px) {
    .dossierContent i.fa.fa-briefcase{
        display:none;
    }
    .dossierContent div.dossierText{
        width: 85%;
    }
    .dossierContent div.dossierIcon{
        width: 17px;
        font-size:0.3em;
        margin-top: 8px;
    }
}/*
@media only screen and (min-width: 419px) and (max-width: 438px) {
    .dossierContent div.dossierIcon{
        width: 12.5%;
    }

    .dossierContent div.dossierText{
        width: 87.5;
    }
}
@media only screen and (min-width: 439px) and (max-width: 480px) {
    .dossierContent div.dossierIcon{
        width: 11.5%;
    }

    .dossierContent div.dossierText{
        width: 88.5%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
    .dossierContent div.dossierIcon{
        width: 10.5%;
    }

    .dossierContent div.dossierText{
        width: 89.5%;
    }
}

@media only screen and (min-width: 541px) and (max-width: 640px) {
    .dossierContent div.dossierIcon{
        width: 9.5%;
    }

    .dossierContent div.dossierText{
        width: 90.5%;
    }
}

@media only screen and (min-width: 641px) and (max-width: 940px) {
    .dossierContent div.dossierIcon{
        width: 8.5%;
    }

    .dossierContent div.dossierText{
        width: 91.5%;
    }
}*/