*{
    box-sizing: border-box;
}
 


.no-visibility{

    visibility: hidden ;

}

.no-hidden{

    visibility: visible  ;
}


.no-visibility2{

    visibility: hidden !important;

}

.no-hidden2{

    visibility: visible !important;
}




/**** color and styles***/

#sidebar3 {
    width: 100%;
    padding: 30px 10px 10px 70px;
    margin: 0;
    float: left;
    background: #070721;
}
#sidebar a{
    font-size: 0.9rem !important;
}

#sidebar p.h6.mb1 a {
    color:  #000 !important;
    
}

#sidebar p.h6.mb1 a:hover {
    color: #38a7de  !important;
}

#sidebar p.h6 a {
    color: #000;
}

#sidebar p.h6 a:hover {
 
    color: #38a7de  !important;
}

#sidebar .dropdown-item2 {
  
        color: rgb(122, 122, 122);
   
}
#sidebar .dropdown-item2:hover {
  
    color: #38a7de  !important;

}



/**sidebar2**/

#sidebar2 a{
    font-size: 0.85em !important;
}

#sidebar2 p.h6 a {
 
    font-size: 0.85em !important;
  }
   

#sidebar2 p.h6.mb1 a {
    color:  #000 !important;
    
}

#sidebar2 p.h6.mb1 a:hover {
    color: #38a7de  !important;
}

#sidebar2 p.h6 a {
    color: #000;
}

#sidebar2 p.h6 a:hover {
 
    color: #38a7de  !important;
}

#sidebar2 .dropdown-item2 {
  
        color: rgb(122, 122, 122);
   
}
#sidebar2 .dropdown-item2:hover {
  
    color: #38a7de  !important;

}
/****end colors***/


/**sidebar3**/

#sidebar3 a{
    font-size: 0.9rem !important;
}

#sidebar3 p.h6.mb1 a {
    color:  rgb(184, 184, 184) !important;
    
}

#sidebar3 p.h6.mb1 a:hover {
    color: #38a7de  !important;
}

#sidebar3 p.h6 a {
    color: rgb(184, 184, 184) ;
}

#sidebar3 p.h6 a:hover {
 
    color: #38a7de  !important;
}

#sidebar3 .dropdown-item2 {
  
        color: rgb(158, 158, 158) ;
   
}
#sidebar3 .dropdown-item2:hover {
  
    color: #38a7de  !important;

}
/****end colors***/




#sidebar{
    width: 20%;
    padding: 10px;
    margin: 0;
    float: left;
}

#sidebar2{
    width: 20%;
    padding: 10px;
    margin: 0;
    float: left;
}
#products{
    width: 80%;
    padding: 10px;
    margin: 0;
    float: right;
}
#sidebar2 ul{
    list-style: none;
    padding-left: 10px;
  
}
  
.filter{
    display: none;
    padding: 0;
    margin: 0;
}
 

@media(min-width:991px){
 
  
    #mobile-filter{
        display: none;
    }
}
@media(min-width:768px) and (max-width:991px){
  
    #mobile-filter{
        display: none;
    }
}
@media(min-width:568px) and (max-width:767px){
  
  
    .fa-circle{
        font-size: 15px;
    }
    #mobile-filter{
        display: none;
    }
}

@media(max-width:567px){

    #sidebar{
        width: 100%;
        padding: 10px;
        margin: 0;
        float: left;
      

    }

    #sidebar2{
        width: 100%;
        padding: 10px;
        margin: 0;
        float: left;
      

    }
    #products{
        width: 100%;
        padding: 5px;
        margin: 0;
        float: right;
    }
    
     
    .list-group-item{
        padding: 3px;
    }
    .offset-1{
        margin-left: 8%;
    }
    .filter{
        display: block;
        margin-left: 70%;
        margin-top: 2%;
    }
    /*
    #sidebar{
        display: none;
    }

    #sidebar2{
        display: none;
    }
    */
    #mobile-filter{
        padding: 10px;
    }
}


@media(min-width:1840px){

    .sidebar-sublinks{
        margin-bottom: -5px;
    }

    aside#sidebar {
        padding-left: 50px;
        padding-top: 50px;
    }


    aside#sidebar2 {
        padding-left: 50px;
        padding-top: 50px;
    }

    .sidebar-scroll{

    margin-top: 104px;
    }

    .height-home {
        height: 155vh;
    }

    .height-ondersteuning{
        height: 1733vh;
    }

   

    .height-home2{
        height:629vh;
    }

    
    .height-doorlopend {
        height: 826vh;
    }

    .height-corona {
        height: 715vh;
    }

    .height-up-uw{
        height: 768vh;
    }

    .height-school{
        height:398vh;
    }

    .height-faq{
        height: 165vh;
    }

    .height-covid {
        height: 482vh;
    }

    
    .height-bloedtesten{
        height: 165vh;
    }
 

    .height-ons{
        height: 930vh;
    }
    .height-contact{
        height: 745vh;
    }



    .height-products {
        height: 100vh;
    }
  .height-products2 {
    height: 817vh;
}

    #sidebar{
        width: 17%;
        padding: 10px;
        margin: 0;
        float: left;
      
       /* height: 629vh*/
    }

    #sidebar2{
        width: 17%;
        padding: 10px;
        margin: 0;
        float: left;
        position: fixed;
        
        height: 100%;
    }

}

@media(min-width:1660px) and (max-width:1839px) {

    .sidebar-sublinks{
        margin-bottom: -5px;
    }

    aside#sidebar {
        padding-left: 20px;
        padding-top: 30px;
    }

    aside#sidebar2 {
        padding-left: 20px;
        padding-top: 30px;
    }

    .sidebar-scroll{

    margin-top: 104px;
    }


    .height-home {
        height: 155vh;
    }

    .height-ondersteuning{
        height:1700vh;
    }

    .height-home2{
        height:629vh;
    }

    
    .height-doorlopend {
        height: 903vh;
    }

    .height-corona{
        height: 813vh;
    }


    .height-up-uw{
        height:801vh;
    }
    .height-school{
        height:431vh;
    }

    .height-faq{
        height: 175vh;
    }
    .height-covid {
        height: 482vh;
    }
    
    .height-bloedtesten{
        height: 165vh;
    }
 

    .height-ons{
        height: 1000vh;
    }
    .height-contact{
        height: 785vh;
    }



 
  .height-products2 {
    height: 817vh;
}

    .height-products {
        height: 100vh;
    }
  

    #sidebar{
        width: 13%;
        padding: 10px;
        margin: 0;
        float: left;
       
          /* height: 629vh*/
    }

    #sidebar2{
        width: 13%;
        padding: 10px;
        margin: 0;
        float: left;
        position: fixed;
       
        height: 100%;
    }

}

@media(min-width:1250px) and (max-width:1659px) {

    .sidebar-sublinks{
        margin-bottom: -5px;
    }

    aside#sidebar {
        padding-left: 20px;
        padding-top: 10px;
    }

    aside#sidebar2 {
        padding-left: 20px;
        padding-top: 10px;
    }


    .sidebar-scroll{

    margin-top: 104px;
    }
    #sidebar{
        width: 13%;
        padding: 10px;
        margin: 0;
        float: left;
       
          /* height: 629vh*/
    }

    .height-home {
        height: 155vh;
    }

    .height-ondersteuning {
        height: 1788vh;
    }

    .height-home2{
        height:629vh;
    }

    

    .height-doorlopend{
        height:900vh;
    }

    .height-corona{
        height: 813vh;
    }


    .height-up-uw{
        height: 851vh;
    }
    .height-school{
        height:421vh;
    }

    .height-faq{
        height: 175vh;
    }

    .height-covid {
        height: 502vh;
    }

    
    .height-bloedtesten{
        height: 165vh;
    }
   

    .height-ons{
        height: 1000vh;
    }
    .height-contact{
        height: 805vh;
    }



 
  .height-products2 {
    height: 874vh;
}
.height-products {
    height: 100vh;
}
  
  


    #sidebar2{
        width: 13%;
        padding: 10px;
        margin: 0;
        float: left;
        position: fixed;
        height: 100%;
    }


}



@media (min-width: 1250px) and  (max-width: 1450px)  {

    #sidebar2 ul {
        list-style: none;
        padding-left: 5px;
        margin: 0;
    }
  
    #sidebar2 a{
        font-size: 0.7em !important;
        margin:0 !important;
    }
    
    #sidebar2 p.h6 a {
     
        font-size: 0.7em !important;
        margin:0 !important;
      }

  
    
    #sidebar2 p.h6  {
      
        margin: 0 !important;
      }
      
 }

 @media (min-width: 1451px) and  (max-width: 1700px){
    #sidebar2 ul {
        list-style: none;
        padding-left: 5px;
        margin: 0;
    }
  
    #sidebar2 a{
        font-size: 0.75em !important;
        margin:0 !important;
    }
    
    #sidebar2 p.h6 a {
     
        font-size: 0.75em !important;
        margin:0 !important;
      }

  
    
    #sidebar2 p.h6  {
      
        margin: 0 !important;
      }
      .sidebar-sublinks {
        margin-bottom: -5px;
    }
 }