/* responsive */

	/*  media queries  */
	@media only screen and ( max-width: 991px) {
		.container { width: 100%; max-width: 100%; }
		.nav-block ul li { width: 19%; margin-right: 1%; background: #fff; border-radius: 4px 4px 0px 0px; }
		.nav-block ul li.logo { min-height:100px; }
		.heecon-account { min-height: 578px;}	
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 959px) {
		 .nav-block ul li.logo a { max-width:80%; margin: 0 auto; }
		 .nav-block ul li.logo { min-height:130px; }
		 .nav-block ul li.logo img { width:80%;}
		 .nav-block ul li.logo img { padding: 22px 0px; }
		 .nav-block ul li a{ max-width: 100%; margin: 0 auto; padding: 7px 0px; }
		 .nav-block ul li span { font-size:20px; }
		 .nav-block ul li.logo a { min-height: 130px; }
		 #footer-wrap { margin-top: -130px; }
		 .nav-block ul li a i { max-width:100%; }  
		 .nav-block ul li img { width: 38%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; transform: inherit; }
		 .nav-block ul li i { width: 100%; height: 80px; position: relative; }
		 #section { padding-bottom: 145px; }	
		.maintable .rows .td.td1 { padding: 0px 23px; }
		.maintable .rows .td { font-size:14px; }
		.title { padding:0; margin:0; }
		.sub-page .nav-block ul li img { width: 70%; }
		.sub-page .nav-block ul li a { padding: 16px 0px; }
		.panel_two .rows1 .td.td9 input[type="text"] { width: 95%; }
		.panel_two .rows1 .td.td8 { width: 0%; }
		.panel_two .rows1 .td.td9 { width: 100%; }
		.used-material select { width: 32%; }
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.nav-block ul li.logo { min-height: 118px; }
		.nav-block ul li a i { height: 68px; }
		#footer-wrap { margin-top: -119px; }
		#section { padding-bottom: 120px;}
		.nav-block ul li span {  font-size: 18px;  padding: 2px 0px; }
		.title { margin-bottom:0; }
		.heecon-account.heecon_werkbonnen{   width:100%;}
		.maintable .rows .td.td1,.maintable .rows .td.td2,.maintable .rows .td.td3,.maintable .rows .td.td4 {  padding: 0px 5px; } 
		.maintable .rows .td.td4:after { right:10px; }
		.heecon-account {  min-height: 590px }
		.heecon-account.heecon_werkbonnen ul li { font-size: 26px; }
		.heecon-account.heecon_werkbonnen ul li.order button { font-size: 20px;  padding-left: 43px;}
		
		.maintable .rows.title { display:none; }
		.maintable .rows .td { display:block; width:100%; }
		.maintable .rows .td label.tl{ display: block; background: #b0ce6c; margin-bottom:0; padding: 0px 15px; margin: 0px -15px; font-family: 'Roboto Condensed', sans-serif;   font-weight: 400;  }
		.maintable .rows .td.td1,.maintable .rows .td.td2,.maintable .rows .td.td3,.maintable .rows .td.td4 { width:100%; padding:0 15px ; }
		.maintable .rows .td.td4:after { right: 20px; }
		.heecon-account > h2 { padding: 16px 15px 8px; font-size: 26px;}
		.heecon-account > h3 { font-size: 16px; padding: 0px 15px; }
		.heecon-account ul { padding: 10px 23px; }
		.heecon-account ul li label { font-size: 21px; }
		.heecon-account ul li label input[type="text"] { width: 50%;  font-size: 18px; }
		.heecon-account ul li button { padding-left: 40px; line-height: 30px; font-size: 19px; }
		.heecon-account ul li button:before { width: 30px; height: 30px; line-height: 30px;}
		.heecon-account { min-height: 500px; }
		.panel, .innerpanel,.innerpanel2,.innerpanel3 { margin: 0px 20px;  }
		.innerpanel3 { padding:0; }
		.panel_two .rows1 .td.td9 input[type="text"] { width: 94%; height:30px; font-size:16px; }
		.panel > span { font-size:28px; padding-left: 40px; }
		.panel > span:before { width: 30px; height: 30px; border-radius:4px;}
		.left-details input[type=text] ,.heecon-account.heecon_werkbonnen.heecon_details .left-details > ul li,.heecon-account.heecon_werkbonnen.heecon_details .innerpanel ul li label { font-size:18px; }
		.panel_two .rows .td{ font-size: 20px; display: block; width: 100%; }
		.panel_two .td label.check { font-size: 16px; }
		.panel_two .rows { display:block; padding: 5px 0px 2px; }
		.panel_two .rows .td.td6 { width: 17.2%; }
		.panel_two .rows .td.td1,.panel_two .rows .td.td2,.panel_two .rows .td.td3,.panel_two .rows .td.td4,.panel_two .rows .td.td5,.panel_two .rows .td.td6,.panel_two .rows .td.td3.td10 { width:100%; display:block; }
		.innerpanel3 select,.innerpanel3 select.col1,.innerpanel3 .total li.add,.innerpanel3 .total li.addtotal { font-size:18px; }
		.panel_five .innerpanel3 button { height: 40px; font-size: 20px; margin: 15px 0 15px; }
		.panel_five .innerpanel3 button:before { top: 11px; }
		.heecon-account ul { padding: 10px 15px; }
		.weekplanning-block .addr ul { padding: 7px 0px; }
		.sub-page #footer-wrap {
			margin-top: -53px;
		}
		.sub-page .nav-block ul li:first-child a {
			height: 53px;
		}
		.sub-page .nav-block ul li a {
			padding: 8px 0px;
		}
		.sub-page #footer-wrap .nav-block ul li {
			height: auto;
		}
		.nav-block ul li.logo a {
			min-height: 119px;
		}
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 639px) {
	 .nav-block ul li span { display:none; }
	 .nav-block ul li.logo { min-height: 84px; }
	 .nav-block ul li.logo a { max-width: 73%;}
	 .nav-block ul li a i { max-width:60%; }
	 .nav-block ul li img { width:100%; }
	 .nav-block ul li.logo a { min-height: 89px; }
	 .nav-block ul li.logo img {
	  padding: 15px 0px 15px;
	 }
	 #footer-wrap { margin-top: -89px; }
	 .nav-block ul li a i { max-width: 50%; }
	 .nav-block ul li img { width: 100%; padding: 5px 0px 0px; }
	 .login-wrap { max-width:95%; padding:20px; }
	 .heecon-account.heecon_werkbonnen ul { padding: 15px 15px; }
	 .maintable .rows .td { font-size: 12px; }
	 .maintable .rows .td.td1,.maintable .rows .td.td2,.maintable .rows .td.td3,.maintable .rows .td.td4 {  line-height:35px; }
	 .heecon-account { min-height: 470px; }
	 .heecon-account.heecon_werkbonnen ul li {  font-size: 23px; }
	 .heecon-account.heecon_werkbonnen ul li.order button { font-size: 17px; margin: 0; padding-left: 33px; }
	 .heecon-account ul li button:before {  top: 4px; width:25px; height:25px; font-size: 30px; line-height: 26px; }
	 .sub-page .nav-block ul li img { width: 85%; }
	 .sub-page .nav-block ul li span { display: block; font-size:14px; }
	 .sub-page .nav-block ul li a { padding: 11px 0px; }
	 .heecon-account > h3 { font-size: 15px; }
	 .panel_two .rows1 .td.td9 input[type="text"] { width: 93%; }  
	 .used-material select,.used-material select.col2 { width:42%; }
	 .panel_three .innerpanel3 .total, .panel_four .innerpanel3 ul.total { padding-bottom: 15px; }
	 .left-details{ margin-bottom:20px; }
	 .innerpanel3 select, .innerpanel3 select.col1, .innerpanel3 .total li.add, .innerpanel3 .total li.addtotal,.left-details input[type=text], .heecon-account.heecon_werkbonnen.heecon_details .left-details > ul li, .heecon-account.heecon_werkbonnen.heecon_details .innerpanel ul li label ,.panel_five .innerpanel3 button{font-size: 16px; }
	 .panel > span { font-size:22px; }
	 .panel > span:before { top:2px; }
	 .panel_two h2, .panel_three h2, .panel_four h2 { font-size: 18px; line-height: 35px; padding:3px 20px; }
	 .innerpanel3 .total li.add img { width:28px; } 
	 .panel_five .innerpanel3 textarea { height:100px; }
	 .innerpanel3 select {  background: url(../images/icon-5.png)no-repeat 5% 50%, url(../images/icon-10.png)no-repeat 95% 50%; background-size: 10%;padding-left: 35px; }
	 .innerpanel3 > i img {  width: 86%; }
	 .innerpanel3 select.col1 { background-size:10%; }
	 .weekplanning .top {  padding: 20px 20px 8px 20px; }
	 .weekplanning-block { padding: 0px 0px 0px 15px; }
	 .nav-block ul li a {
		padding: 8px 0px 7px;
	}
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 539px) {
		.maintable .rows .td { font-size: 14px;} 
		.maintable .rows .td.td4:after { right: 15px; }
		.heecon-account > h2 { padding: 12px 16px 4px; font-size: 24px; }
		.heecon-account > h3 { font-size: 13px;  padding: 0px 15px; line-height: 34px; } 
		.heecon-account ul li label input[type="text"] { width: 60%;  font-size: 16px; }
		.heecon-account ul li button { padding-left: 32px; line-height: 34px; }
		.panel_two .rows1 .td.td9 input[type="text"] { width: 90%; }
		.panel_two .rows .td.td1 { font-size:20px; }
		.innerpanel3 select.col1 { width: 40%; }
		.innerpanel3 select, .innerpanel3 select.col1, .innerpanel3 .total li.add, .innerpanel3 .total li.addtotal, .left-details input[type=text], .heecon-account.heecon_werkbonnen.heecon_details .left-details > ul li, .heecon-account.heecon_werkbonnen.heecon_details .innerpanel ul li label, .panel_five .innerpanel3 button { font-size:14px; }
		.panel_two .td label.check { font-size: 14px; }
		.panel_two h2, .panel_three h2, .panel_four h2 { font-size: 16px; line-height: 25px; }
		.panel_five .innerpanel3 textarea { height: 80px; }
		.panel_two .rows1 .td.td9 input[type="text"] { font-size:15px; }
		.heecon-account.heecon_werkbonnen .easy-autocomplete-container ul li {    
			font-size: 14px; 
		}
		.left-details .mpannel {
			min-height: 220px;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#footer-wrap { margin-top: -71px; }
		.nav-block ul li a i { height: 50px; }
		.nav-block ul li.logo a { min-height: 70px;}
		.login-wrap { max-width:95%; padding:15px; }
		.login-page ul li input[type=text] { height: 40px; background-size: 7%; font-size:18px; background-position: 13px 7px;margin-bottom: 5px; }
		.login-page ul li:nth-child(2n) input[type=text] { background-size: 6%; background-position: 15px 7px; }
		.login-page ul li label.check { font-size:18px; margin-bottom: 10px; }
		.login-page ul li button { height: 40px; font-size: 22px; }
		.login-page ul li a { font-size:18px;  }
		.sub-page .nav-block ul li span { font-size: 11px;}
		.sub-page .nav-block ul li a {
			padding: 17px 0px 10px;
		}
		.heecon-account.heecon_werkbonnen ul li { font-size: 20px; }
		.heecon-account > h2 { font-size: 22px; }
		.heecon-account > h3 {
			font-size: 14px;
			line-height: 18px;
			padding: 5px 15px;
		}
		.heecon-account ul li label { font-size: 16px; margin: 0;}
		.heecon-account ul li label input[type="text"]{width:100%; font-size: 14px; }
		.heecon-account ul li button { font-size: 16px; }
		.heecon-account ul li button:before { top: 6px; width: 20px; height: 20px; font-size: 25px; line-height: 20px; }
		.heecon-account ul li button { padding-left: 25px; }
		.heecon-account { min-height: 400px; }
		.panel, .innerpanel, .innerpanel2, .innerpanel3 { margin:0 10px; }
		.heecon-account.heecon_werkbonnen.heecon_details .left-details > ul li .heading4 { width: 50%; }
		.heecon-account.heecon_werkbonnen.heecon_details .innerpanel ul li label { width:100%; margin:0; }
		.heecon-account.heecon_werkbonnen.heecon_details .innerpanel ul li input[type="text"] { width:100%; }
		.innerpanel3 select,.innerpanel3 select.col1 { width: 38%; padding-left: 19px; height: 35px;  margin: 2px 0px;}
		.innerpanel3 > i { padding-top:5px;}
		.innerpanel3 select, 
		.innerpanel3 select.col1, 
		.innerpanel3 .total li.add, 
		.innerpanel3 .total li.addtotal, 
		.left-details input[type=text], 
		.heecon-account.heecon_werkbonnen.heecon_details .left-details > ul li, 
		.heecon-account.heecon_werkbonnen.heecon_details .innerpanel ul li label, 
		.panel_five .innerpanel3 button { font-size: 14px; }
		.panel_two .td label.check { font-size: 14px; }
		.panel > span { font-size: 18px; }
		.panel > span:before {  width: 25px; height: 25px; background-size: 100%; }
		.panel_two .rows1 .td.td9 input[type="text"] { font-size: 13px; }
		.panel_five .innerpanel3 button:before { background-size: 46%; top: 8px; left: 7px; height: 20px; }
		.panel_five .innerpanel3 button { height: 30px; padding: 0px 15px 0px 25px; }
		.innerpanel3 select, .innerpanel3 select.col1 {
			width: 100%;
			background-size: 18px;
		}
		.innerpanel3 select.col1{  padding-left: 12px; background: url(../images/icon-10.png)no-repeat right 15px center; }
		.top .leftside h2 { font-size: 25px; }
		.top .rightside figure { width: 30px; height: 30px; }
		.top .rightside figure img { transform: translate(0,58%); }
		.heecon-account.heecon_werkbonnen ul li.order button { padding-left: 27px; }
		.nav-block ul li.logo {
			min-height: 70px;
		}
		.nav-block ul li a {
			padding: 7px 0px 7px;
		}
		.nav-block ul li.logo img {
			padding: 18px 0px 15px;
		}
		.heecon-account.heecon_werkbonnen ul li.order button {
			font-size: 16px;
		    line-height: 24px;
		}
		.heecon-account ul li button:before {
			top: 1px; 
		}
		.innerpanel3 select {
			background: url(../images/icon-5.png)no-repeat 10px center, url(../images/icon-10.png)no-repeat right 15px center; 
			background-size: 18px;
			padding-left: 40px;
		}
		.innerpanel3 {
			margin-bottom: 15px;
		}
	}	
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 359px) {
		.nav-block ul li a i { height: 40px; }
		#footer-wrap { margin-top: -60px; }
		#section { padding-bottom: 60px; }
		.nav-block ul li.logo a { min-height: 60px; }
		.nav-block ul li.logo img {
			padding: 13px 0px 13px;
		}
		.nav-block ul li.logo {
			min-height: 60px;
		}
		
	}