/* MEDIA QUERIES */

@media (max-width: 750px) {  
	.rightCol{	  
		height:100%;	  
		display:table;  
		}
}

	
@media (min-width: 768px) {  

	h1{
		font-size:72px;
	}

	footer .footerContent{
		padding-bottom:25px;
	}
	
	footer{
		margin-bottom:20px;
	}
	
	#menu a{
		padding-top:5px;
		padding-bottom:5px;
	}
	
	#rightCol{	  
		height:100%;	  
		display:table-cell;  
		}
		
	.clear{
		clear:both;
	}	
	
	.logoFooter{
		margin-top:50px;
	}
		
	.addressBlock{
		float:right;
		padding-top:100px;
	}
	.footerAddress{
		max-width:460px;
		width:100%;
		text-align:right;
		padding:0;
		margin:0;
	}	
	
	.footerAddress li{
		display:inline-block;
		font-size: 11px;
		font-weight: 600;
	}
	
	.footerAddress li:after{
		content:"|";
		margin:0 11px;
	}
	
	.footerAddress li:last-child:after{
		content:"";
	}

    .navbar-right {
        margin-right: -15px; 
    }


    
} 

@media (min-width: 992px) { 

	h1{
		font-size:90px;
		text-shadow:0 5px 10px #333;
	}
	
	#rightCol {
		min-height: 100vh;
		height:100%;
	}
	
	#leftCol {
		background-color: #eef0e6;
		min-height: 100vh;
		height:100%;
		padding: 0;
	}
	
	#logo, #navi {
		height:110px;
	}
	
	#logo{
		text-align:center;
	}
	
	#logo img {
		margin-top: 20px;
		width: 130px;
	}
	
    #navi #topnav{
        display: block;
    }
    
    .navbar-right {
        margin-right: 0;
    }
    
    #menu li a{
        padding-left: 15px;
    }
    
	#menu{
		float:left;
		margin-top:59px;
        margin-left: 130px;
	}
	#menu a{
		font-size:10px;
		font-weight: 900;
        padding-right: 15px;
        padding-left: 15px;
	}
    #menu li a:after{
        content: '';
    }
    
    .navbar-right {
        margin-right: 1px;
    }
	
	.mobNewsCTA{
		width:300px;
		height:50px;
		line-height:50px;
	}
	
	a.mobNewsCTA:hover{
		color:#fff;
		text-decoration:none;
	}

	footer{
		margin-top:30px;
	}
	
	.logoFooter{
		max-width:160px;
	}
	
	.telhead{
		font-size:2em;
	}
    .telhead a{
        color:#eef0e6;
        text-decoration: none;
    }
	
	footer #sndFooterNav, footer #mainFooterNav{
		list-style-type:none;
		padding:0;
		margin:0;
		float:right;
	}


	footer #sndFooterNav li, footer #mainFooterNav li{
		padding:0;
		margin:0 0 0 10px;
		display:inline;
		font-size:11px;
		font-weight:600;
	}
	footer #sndFooterNav li:before, footer #mainFooterNav li:before{	
		content:"|";
		margin-right:10px;
	}
	footer #sndFooterNav li:first-child:before, footer #mainFooterNav li:first-child:before {
		content: '';
	}
	
	footer #topLink{
		float:right;
		margin-left:20px;
	}
    #mobnav{
        display: none;
    }
    
}

@media (min-width: 1200px) { 
    .navbar-right {
        margin-right: 167px;
    }
	
}

@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .navbar .container{
        padding: 0;
    }
    
}

@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}


		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 1px solid #ccc }

		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50% !important;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
		*/
		#receipt_table td:nth-of-type(1):before { content: "Nr"; }
		#receipt_table td:nth-of-type(2):before { content: "Firma"; }
		#receipt_table td:nth-of-type(3):before { content: "Fahrer"; }
		#receipt_table td:nth-of-type(4):before { content: "Kennzeichen"; }
		#receipt_table td:nth-of-type(5):before { content: "Anzahl"; }
		#receipt_table td:nth-of-type(6):before { content: "Gewicht"; }
		#receipt_table td:nth-of-type(7):before { content: "Datum"; }
		#receipt_table td:nth-of-type(8):before { content: "Erledigt"; }

		#knowledge_table td:nth-of-type(1):before { content: "Equipment"; text-align:left; }
		#knowledge_table td:nth-of-type(2):before { content: "Interior Dimensions"; text-align:left; }
		#knowledge_table td:nth-of-type(3):before { content: "Door Opening"; text-align:left; }
		#knowledge_table td:nth-of-type(4):before { content: "Cubic Capacity"; text-align:left; }
		#knowledge_table td:nth-of-type(5):before { content: "Tare"; text-align:left; }
		#knowledge_table td:nth-of-type(6):before { content: "Payload"; text-align:left; }

    #knowledge_table td:nth-child(1) { vertical-align: top; height: auto; text-align:right; }
    #knowledge_table td:nth-child(2) { vertical-align: top; height: auto; text-align:right; }
    #knowledge_table td:nth-child(3) { vertical-align: top; height: auto; text-align:right; }
    #knowledge_table td:nth-child(4) { vertical-align: top; height: auto; text-align:right; }
    #knowledge_table td:nth-child(5) { vertical-align: top; height: auto; text-align:right; }
    #knowledge_table td:nth-child(6) { vertical-align: top; height: auto; text-align:right; }
    
    #tracking_table td:nth-child(1) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table td:nth-child(2) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table td:nth-child(3) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table td:nth-child(4) { vertical-align: top; height: auto; text-align:left; }

    #tracking_table1 td:nth-child(1) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table1 td:nth-child(2) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table1 td:nth-child(3) { vertical-align: top; height: auto; text-align:left; }

    #tracking_table2 td:nth-of-type(1):before { content: "Container-Nr"; }
		#tracking_table2 td:nth-of-type(2):before { content: "Typ"; }
		#tracking_table2 td:nth-of-type(3):before { content: "Siegel-Nr"; }
		#tracking_table2 td:nth-of-type(4):before { content: "Turn-In Referenz"; }
		#tracking_table2 td:nth-of-type(5):before { content: "XXL Ankunft"; }
		#tracking_table2 td:nth-of-type(6):before { content: "XXL Versand"; }
		#tracking_table2 td:nth-of-type(7):before { content: "Anzahl"; }
		#tracking_table2 td:nth-of-type(8):before { content: "Brutto"; }
		#tracking_table2 td:nth-of-type(9):before { content: "CBM(m3)"; }
		#tracking_table2 td:nth-of-type(10):before { content: "Tara(kg)"; }
		#tracking_table2 td:nth-of-type(11):before { content: "VGM(Datum/kg)"; }

    #tracking_table2 td:nth-child(1) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table2 td:nth-child(2) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table2 td:nth-child(3) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table2 td:nth-child(4) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table2 td:nth-child(5) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table2 td:nth-child(6) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table2 td:nth-child(7) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table2 td:nth-child(8) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table2 td:nth-child(9) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table2 td:nth-child(10) { vertical-align: top; height: auto; text-align:left; }
    #tracking_table2 td:nth-child(11) { vertical-align: top; height: auto; text-align:left; }

    #tracking_table3 td:nth-of-type(1):before { visibility: collapse; content: "xxx"; }
    #tracking_table3 td:nth-child(1) { vertical-align: top; height: auto; text-align:left; }

	}
	
.schedule_reserved {
	background-color: #f1941c; 
	background-clip: padding-box; 
	border: 2px solid rgba(0,0,0,0.12); 
	}