/* Mobile */
@media (max-width: 767px){
	
	.mobi-logo{
		display:inline-block;
		width: 40%;
		max-width: 140px;
		margin-bottom:5px;
	}
	
	.not-mobi{
		display:none;
	}
	
	.mobi-materials{
		display:block;
	}
	
	.mobi-materials img{
		padding:2%;
		width:50%;
		float:left;
	}
	
	.logo{
		display:none;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border:none;
	}
	
	.custom-list a{
		text-align: center;
		color: #fff;
	}
	
	.custom-list li{
		padding:0 0 15px;
		width: 100%;
		float:left;
	}
	
	h2{
		font-size:26px;
	}
	
	.custom-list{
		float:none;
	}
	
	.container {
    	padding-right: 0;
		padding-left: 0;
	}
	
	.navbar-toggle {
		font-size: 25px;
		margin: 30px 15px 0;
		border: 0;
		border-radius: unset;
		color: #ffffff;
	}
	
	.navbar-default {
		position: absolute;
		z-index: 999999;
		width: 100%;
	}
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	
	.navbar {
		margin-bottom:0;
	}
	
	.home-head {
		height: 350px;
		padding: 10em 0 0;
	}
	
	.head-info h1 {
		font-size: 23px;
	}
	
	.head-info h2 {
		font-size: 28px!important;
	}
	
	.head-info p {
		font-size: 16px;
		line-height: 20px;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	
	.navbar-nav {
		text-align: center;
		padding-left: 0;
		background: #2C2C2C;
	}
	
	.nav-line {
		margin: 5px 0;
		border-top-color:#fff;
	}
	
	.materials-transport h2 {
    	font-size: 24px;
	}
	
	.btn-contact {
		margin: 10px auto;
		display: block;
		width: 135px;
	}
	
	.head-info{
		text-align:center;
	}
	
	.suppliers h2 {
		text-transform: none;
		padding-right: 0;
		text-align: center;
	}
	
	.suppliers li {
    	font-size: 15px;
		padding-top:0;
		text-align: left;
	}
	
	.suppliers ul{
		padding-top:0;
	}
	
	.suppliers-box {
		width: 100%;
		float: none;
	}

	.aboutus .timeline-block-right p {
		text-align: left;
	}
	
	.btn-contact-inv{
		margin: 10px auto;
    	display: inline-block;
    	width: fit-content;
	}
	
	.suppliers-box p {
		font-size: 20px;
		text-align: center;
	}
	
	.lil-trucks img {
		padding: 1%;
		width: 50%;
		float: left;
	}
	
	.big-truck{
		padding: 1%;
	}
	
	.footer p{
		font-size:15px;
	}
	
	.hcwhy-p {
		font-size: 16px;
	}
	
	.btn-headers {
    	width: fit-content;
		font-size: 16px;
	}
	
	.other-head {
		position: relative;
		/* background: url(https://via.placeholder.com/1920x400) no-repeat center center/cover; */
		height: 250px;
	}
	
	.other-head-info {
		height: 240px;
	}
	
	.mobi-service{
		display:block;
	}
	
	.services-head h1 {
		text-align: center;
	}
		
	.other-pages h1 {
		font-size: 25px;
	}
	
	.services .line {
		border-top: 4px solid #BE0000;
		margin: 15px auto 20px;
	}
	
	.services-head {
		background-image:none;
	}
	
	.services-head h3{
		font-size:21px;
	}

	.services-head .col-xs-12{
		padding-left:0;
	}
	
	.testimonials .col-sm-12{
		padding: 5%;
    	width: 100%;
		margin: 0 0 20px;
	}
	
	.reliable-partner p {
		text-align: center;
	}
	
	.btn-contact-grey {
    	float: none;
		margin: 10px;
	}
	
	.reliable-partner {
		padding: 2%;
	}
	
	.mobi-service{
		display: block;
		width: 70%;
		float: right;
		position: relative;
		right: -15px;
		margin-bottom: 20px;
	}
	
	.services-lwys h2 {
    	font-weight: 600;
		font-size: 28px;
	}
	
	.contact-headers {
		padding: 0;
	}
	
	.contact-form {
		padding: 0;
	}
	
	.contact-form input, .msg-input {
    	padding: 10px 20px;
		font-size:16px;
	}
	
	.team{
		text-align:center;
	}
	
	.mobile-map {
		height: 300px;
		margin-bottom: 30px;
	}
	
	.team h2 {
		font-size: 23px;
	}
	
	.continue-legacy h2 {
    	font-size: 18px;
	}
	
	.continue-legacy p {
		font-size: 16px;
	}
	
/* 	Timeline */
	.aboutus .timeline-div:before {
		left: 9px;
		width: 2px;
	}
	.aboutus .timeline-block {
		width: 100%;
		margin-bottom: 30px;
	}
	.aboutus .timeline-block-right {
		float: none;
		direction:ltr;
	}

	.aboutus .timeline-block-left {
		float: none;
		direction: ltr;
	}
	
	.line-down-l {
    	height: 20px;
		left: 80px;
	}
	
	.line-down-r{
		height: 20px;
	}

	.left-line {
    	width: 81px;
	}
	
	.right-line{
		width: -webkit-calc(100% - 55px);
		width: -moz-calc(100% - 55px);
		width: calc(100% - 55px);
	}
	
	.timeline-logo, .timeline-img2, .timeline-multi-img{
		display:none;
	}
	
	.aboutus .timeline-content {
		height: auto;
	}
	
	.mobi-timeline-logo, .mobi-timeline-img2, .mobi-timeline-multi-img{
		display:block;
	}
	
	.aboutus img{
		padding:5px;
	}
	
	.aboutus .mobi-timeline-multi-img img{
		width:100%;
		float:left;
	}
	
	.ms-skin-default .ms-nav-prev {
		left:0!important;
	}
	
	.ms-skin-default .ms-nav-next {
		right: 0!important;
	}
	
	.services-materials .materials p {
		font-size: 2em;
	}

	.tablet-hide{
		display:none;
	}

	.future {
		padding-top: 0;
	}
	
	.today-mobi{
		width: 100%!important;
	}

	.suppliers-box {
		text-align: center;
	}

	.mobi-breaks{
		display:block;
	}

	.ms-slide {
		position: relative!important;
		margin: 0 auto 15px;
		max-width: 500px;
	}

	.master-slider {
		visibility: visible!important;
	}

	.materials-text {
		opacity: 1;
	}

	.service-mat {
		padding: 0 15px;
	}

	.col-5 {
		width:100%;
		margin-bottom: 15px;
	}
}
/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px){
	.home-head {
    	height: 500px;
	}
	
	.suppliers ul {
		padding: 0;
	}
	
	.suppliers-box {
		width: 80%;
		float: none;
		margin: 0 auto;
	}
	
	.suppliers li {
		font-size: 16px;
	}
	
	.big-truck{
		padding: 2% 1%;
	}
	
	.lil-trucks img {
		padding: 2%;
	}
	
	.btn-headers {
    	width: fit-content;
		font-size:25px;
	}
	
	.other-pages h1 {
    	font-size: 25px;
	}
	
	h3 {
		font-size: 20px;
	}
	
	.services-head {
		/* background-size: 41%; */
		background-image: none;
	}

	.tablet-hide{
		display:none;
	}
	
	.testimonials p {
		font-size: 20px;
		line-height: 24px;
	}
	
	.testimonials .col-md-3 {
		padding: 2%;
		margin-right: 0.2em;
		width: 33%;
	}
	
	.services-lwys {
		padding: 2% 0 3%;
	}
	
	.continue-legacy {
		padding: 2% 0 3%;
	}
	
	.contact-line {
    	margin: 2% 0 3%;
	}
	
	.team h2 {
		font-size: 24px;
	}
	
	.mobile-map {
		height: 400px;
	}

	.future {
		margin-bottom: 60px;
	}

	.head-info h2 {
		font-size: 45px;
	}

	.materials-text {
		opacity: 1;
	}
	
}

@media (min-width: 992px) and (max-width: 1198px){
	
	.home-head {
    	height: 600px;
	}
	
	.suppliers-box {
    	width: 100%;
	}
	
	.truck-images{
		padding: 2% 0;
	}
	
	.btn-headers {
    	width: fit-content;
		font-size:25px;
	}
	
	.other-pages h1 {
    	font-size: 30px;
	}
	
	h3 {
		font-size: 21px;
	}
	
	.services-head {
		background-size: 35%;
		padding: 5% 0 2%;
	}
	
	.testimonials p {
		font-size: 21px;
		line-height: 25px;
	}
	
	.services-lwys {
		padding: 10% 0;
	}
	
	.continue-legacy {
		padding: 10% 0;
	}
	
	.testimonials .col-md-3 {
		margin-right: 1em;
		width: 32%;
	}
	
	.mobile-map {
		height: 500px;
	}

	.services-head h3 {
		height: 30px;
	}

	.head-info h2 {
		font-size: 45px;
	}
	
}

/* Laptop: */
@media (min-width: 1199px) and (max-width: 1399px){
	
	.home-head {
    	height: 600px;
	}
	
	.suppliers-box {
    	width: 100%;
	}
	
	.other-pages h1 {
    	font-size: 35px;
	}
	
	h3 {
		font-size: 25px;
	}
	
	.services-head {
		background-size: 30%;
	}

	.services-head h3 {
		font-size: 23px;
	}
	
	.services-lwys {
		padding: 10% 0;
	}
	
	.continue-legacy {
		padding: 10% 0;
	}
	
}

@media (min-width: 1400px) and (max-width: 1600px){
	
	
}