/* 
  ##Toestel = (Portrait)
  ##Beeld = B/w 319px tot 359px
*/

@media (min-width: 768px) and (max-width: 1023px) {


	.small-screen-delete {
		display: none;
	}
	
	#download-img {
	    max-width: max-content;
	    margin: 0px!important;
	    padding: 0px!important;
	}

	#download-desc {
	    width: 500px;
	    clear: both;
	}
	
	#download-name {
	    margin-left: -30px;
	}
	
	#download-date {
	    margin-top: -30px;
	}	
	
	#align-items-center {
	    align-items: center!important;
	    margin-left: 25px;
	}
	
	div[id^="pg-"] {
		margin-bottom: 25px!important;
		margin-top: 25px!important;
	}	

	#colophon .row {
	    margin-left: 50px;
	    margin-right: 50px;
	}
	
	.header-fixed .logo {
	    display: none;
	}
	
	.fixed-logo {
		display: none;
	}
	
	.header-fixed .site-branding.clearfix {
	    display: none;
	}
	
	td.time {
	    padding-left: 25px;
	}
	
	.col-sm.footer-1 {
	    width: 100%;
	}
	
	.col-sm.footer-2 {
	    width: 33%;
	}
	
	.col-sm.footer-3 {
	    width: 33%;
	    text-align: center;
	}
	
	.col-sm.footer-4 {
	    width: 33%;
	    text-align: right;
	}	

	table.tijden {
	    margin: auto;
	}
	
	#site-navigation ul ul.sub-menu, #site-navigation ul ul.children {
	    width: 100%;
	    left: 0%;
	}
	
	#site-navigation ul#primary-menu li, #site-navigation #primary-menu ul li {
	    text-align: center;
	}
	
	#site-navigation .nav-toggle {
	    width: 30px;
	    margin: 10px auto;
	    float: unset;
	    cursor: pointer;
	}
	
	.container-fluid {
	    margin-left: 0px;
	    margin-right: 0px;
	    background-color: #fff;
	}
	
	.menu-menu-container {
	    position: fixed;
	    background: white;
	    width: 100%;
	}
	
	.menu-menu-container {
	    position: fixed;
	    background: white;
	    width: 100%;
	}
	
	.site-branding {
	    float: left;
	    width: 100%;
	    background-color: #fff;
	}
	
	.logo {
	    width: 100%;
	}
	
	.logo img {
	    margin: auto;
	    display: block;
	}

	nav#site-navigation {
	    float: left;
	    width: 100%;
	    text-align: center;
	}
	
	#site-navigation ul#primary-menu > li > a, #site-navigation #primary-menu ul > li > a {
	    position: relative;
	}
	
	.menu-menu-container {
	    position: relative!important;
	}
	
	.site-header {
	    background-color: #fff;
	}
	
	#site-navigation ul#primary-menu > li > a, #site-navigation #primary-menu ul > li > a {
	    margin: 0 20px 0 20px;
	}
	
	.site-branding {
	    float: left;
	    width: 100%;
	    background-image: url(https://bentis.nl/wp-content/uploads/2018/12/Bentis-header-tablet.png);
	    background-size: cover;
	    background-repeat: no-repeat;
	    min-height: 190px;
	}
	
	body.header-fixed {
	    padding-top: 275px;
	}
.bypass {
    margin-bottom: -50px;
}
	#modules-img {
	    width: 50px;
	    margin-bottom: -30px;
	}	
}

@media (min-width: 1024px) and (max-width: 1200px) {

	div[id^="pg-"] {
		margin-bottom: 25px!important;
		margin-top: 25px!important;
	}

	#colophon .row {
	    margin-left: 50px;
	    margin-right: 50px;
	}
	
	.header-fixed .logo {
	    display: none;
	}
	
	.fixed-logo {
		display: none;
	}
	
	.header-fixed .site-branding.clearfix {
	    display: none;
	}
	
	td.time {
	    padding-left: 25px;
	}
	
	.col-sm.footer-1 {
	    width: 100%;
	}
	
	.col-sm.footer-2 {
	    width: 33%;
	}
	
	.col-sm.footer-3 {
	    width: 33%;
	    text-align: center;
	}
	
	.col-sm.footer-4 {
	    width: 33%;
	    text-align: right;
	}	

	table.tijden {
	    margin: auto;
	}
	
	#site-navigation ul ul.sub-menu, #site-navigation ul ul.children {
	    width: 100%;
	    left: 0%;
	}
	
	#site-navigation ul#primary-menu li, #site-navigation #primary-menu ul li {
	    text-align: center;
	}
	
	#site-navigation .nav-toggle {
	    width: 30px;
	    margin: 10px auto;
	    float: unset;
	    cursor: pointer;
	}
	
	.container-fluid {
	    margin-left: 0px;
	    margin-right: 0px;
	    background-color: #fff;
	}
	
	.menu-menu-container {
	    position: fixed;
	    background: white;
	    width: 100%;
	}
	
	.menu-menu-container {
	    position: fixed;
	    background: white;
	    width: 100%;
	}
	
	.site-branding {
	    float: left;
	    width: 100%;
	    background-color: #fff;
	}
	
	.logo {
	    width: 100%;
	}
	
	.logo img {
	    margin: auto;
	    display: block;
	}

	nav#site-navigation {
	    float: left;
	    width: 100%;
	    text-align: center;
	}
	
	#site-navigation ul#primary-menu > li > a, #site-navigation #primary-menu ul > li > a {
	    position: relative;
	}
	
	.menu-menu-container {
	    position: relative!important;
	}
	
	.site-header {
	    background-color: #fff;
	}
	
	#site-navigation ul#primary-menu > li > a, #site-navigation #primary-menu ul > li > a {
	    margin: 0 20px 0 20px;
	}
	
	.site-branding {
	    float: left;
	    width: 100%;
	    background-image: url(https://bentis.nl/wp-content/uploads/2018/12/Bentis-header-tablet.png);
	    background-size: cover;
	    background-repeat: no-repeat;
	    min-height: 253px;
	}
	
	body.header-fixed {
	    padding-top: 330px;
	}
	
	#modules-img {
	    width: 50px;
	    margin-bottom: -30px;
	        margin-top: 20px;
	}	

	#download-img {
	    width: 50px;
	    margin: -15px;
	}
	
	#align-items-center {
	    align-items: center!important;
	    margin-left: 30px;
	}
}