/* Mobile */
@media (max-width: 767px){
	
	.mobi-logo{
		display:inline-block;
		width: 6em;
		max-width: 140px;
		margin-bottom:5px;
	}
	
	.not-mobi{
		display:none;
	}
	
	.mobi-materials{
		display:block;
	}

	.mobi-only{
		display:block;
	}
	
	.mobi-materials img{
		padding:2%;
		width:50%;
		float:left;
	}
	
	.logo{
		display:none;
	}
	
	.custom-list a{
		text-align: center;
		color: #fff;
	}
	
	.custom-list li{
		padding:0 0 5px;
		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: 0;
		border: 0;
		border-radius: unset;
		color: #BE0000;
		padding: 1.3em 0.5em 0;
	}
	
	.navbar-default {
		position: absolute;
		z-index: 999999;
		width: 100%;
		background-color:#fff;
	}

	header {
		position: fixed;
	}
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	
	.navbar {
		margin-bottom:0;
	}
	
	.home-head {
		height: 280px;
		padding: 4em 0;
		margin-top: 6em;
	}
	
	.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;
	}
	
	.navbar-nav {
		text-align: center;
		padding-left: 0;
		background: #2C2C2C;
		border: 2px solid #BE0000;
	}
	
	.nav-line {
		margin: 5px 0;
	}
	
	.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;
		margin-bottom: 0.5em;
	}

	.boompump-info {
		width: 100%;
	}
	
	.suppliers li {
    	font-size: 15px;
		padding-top:0;
		text-align: left;
	}
	
	.suppliers ul{
		padding-top:0;
	}
	
	.suppliers-box {
		width: 100%;
		float: none;
	}
	
	.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;
		height: 250px;
	}
	
	.other-head-info {
		height: 240px;
	}
	
	.mobi-service{
		display:block;
	}
	
	.services-head h1 {
		text-align: center;
	}
		
	.services-head h1, .services-head h2  {
		font-size: 25px;
	}

	.services-head p {
		margin-bottom: 1em;
	}
	
	.services .line {
		border-top: 4px solid #BE0000;
		margin: 15px auto 20px;
	}
	
	.services-head {
		background-image:none;
		padding: 4% 0 3%;
		margin-bottom: 0;
	}
	
	.services-head h3{
		font-size:21px;
	}

	.reliable-partner .btn-contact {
		margin-bottom: 0;
		float: none;
		margin-top: 1em;
	}
	
	.reliable-partner p {
		text-align: center;
	}

	.services-lwys {
		padding: 5% 0;
	}

	.services-lwys p {
		width: 100%;
	}
	
	.btn-contact-grey {
    	float: none;
		margin: 10px;
	}
	
	.reliable-partner {
		padding: 4% 0.5em;
	}
	
	.mobi-service{
		display: block;
		width: 70%;
		float: right;
		position: relative;
		right: -15px;
		margin-bottom: 20px;
	}
	
	.services-lwys h2 {
    	font-weight: 600;
		font-size: 28px;
	}

	.ready-img {
		display: none;
	}
	
	.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;
	}
	
	.team h2 {
		font-size: 23px;
	}
	
	.continue-legacy h2 {
    	font-size: 18px;
	}
	
	.continue-legacy p {
		font-size: 16px;
	}

	.who-info {
		width: 100%;
		margin: 0 auto;
	}

	.mobi-ready-img {
		display: block;
		width: 100%;
		margin: 0 auto;
		max-width: 20em;
	}

	.other-pages {
		margin-top: 6em;
	}

	.mobi-nopad{
		padding:0!important;
	}

	.team .col-md-5 {
		margin-bottom: 2em;
		padding:0;
	}

	.fa, .fas {
		margin-left: 0;
	}

	.hcwhy-info p, .hcwhy-info a {
		font-size: 18px;
	}

	.contactus .col-sm-9 {
		padding: 0;
	}
	
}
/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px){
	.home-head {
		height: 370px;
		padding: 8em 0 0;
	}
	
	.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;
	}
	
	h3 {
		font-size: 20px;
	}
	
	.services-head {
		margin-bottom: 0;
	}
	
	.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;
	}

	.ready-img {
		display: none;
	}

	.mobi-ready-img {
		display: block;
		width: 50%;
		margin: 0 auto;
	}

	.boompump-info {
		width: 100%;
	}

	.who-info {
		margin: 0 auto;
		width: 90%;
	}

	.materials-transport {
		padding: 5% 0;
	}

	.team .col-md-5 {
		margin-bottom: 2em;
		padding:0;
	}

	.team .col-sm-9 {
		padding-left: 0;
	}

	.team a, .team p {
		font-size: 16px;
	}

	.tablet-sizing .col-md-12 {
		padding-left: 0;
	}

	.other-head{
		height: 370px;
	}

	.other-head-info {
		height: 370px;
	}
	
	.contact-form {
		padding: 2% 0 3%;
	}

	.map-popup-window p {
		margin-bottom: 3px;
	}


}

@media (min-width: 992px) and (max-width: 1198px){
	
	.home-head {
		height: 600px;
		padding: 12em 0;
	}
	
	.suppliers-box {
    	width: 100%;
	}
	
	.truck-images{
		padding: 2% 0;
	}
	
	.btn-headers {
    	width: fit-content;
		font-size:25px;
	}
	
	h3 {
		font-size: 21px;
	}
	
	.services-head {
		background-size: 41%;
		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;
	}

	.ready-img {
		width: 34%;
		top: 60vh;
	}
	.services-head h1, .services-head h2 {
		font-size: 2em;
		margin-bottom: 0.8em;
	}

	.navbar-nav p {
		margin-bottom: 0;
	}

	.popup-logo {
		width: 30%;
	}
	
}

/* Laptop: */
@media (min-width: 1199px) and (max-width: 1600px){
	
	.home-head {
    	height: 600px;
	}
	
	.suppliers-box {
    	width: 100%;
	}
	
	h3 {
		font-size: 25px;
	}
	
	.services-head {
		background-size: 40%;
		margin-bottom: 0;

	}
	
	.services-lwys {
		padding: 10% 0;
	}
	
	.continue-legacy {
		padding: 10% 0;
	}
	
	.ready-img {
		width: 30%;
	}
}