@media only screen and (min-width:992px){
	  .navbar-nav li ul.sub-menu{
		position: absolute;
	}
}

@media only screen and (max-width: 1400px){
	.navbar .navbar-brand,
	header.shrinked .navbar .navbar-brand{
	    width: 240px;
	}
	.topbar-wrap .contact-details{
		padding: 5px 0px 5px 20px;
	}
	.navbar-nav li a {
	    font-size: 14px;
	    padding: 9px;
		line-height: 18px;
	}
	.navbar .navbar-brand {padding: 35px 0;}
}

@media only screen and (max-width: 1180px) {
	.vehicle-types{
	    width: calc(50% - .3em);
	    margin: .15em;
	}
}

@media only screen and (max-width: 1300px){
	.navbar-expand-lg .navbar-toggler {display:block !important;}
	.navbar-nav li:hover > a {background: transparent; color: #2c2c2c;}
	.navbar-nav li ul li a:hover {color: #2c2c2c;}
	.navbar-nav li ul.sub-menu li a:hover {color: #2c2c2c;}
	.navbar .navbar-brand {text-align: left; margin: 0;}
	.navbar-toggler span.navbar-toggler-icon{
		background: #2c2c2c!important;
		padding: 0px; 
		width: 28px;
		height: 2px;
	}
	
	.navbar-expand-lg .navbar-nav {
    flex-direction: column;
    width: 100%;
	}
	
	.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	}
	
	.flex {width:40%;}
	
	.navbar-toggler span.navbar-toggler-icon:before,
	.navbar-toggler span.navbar-toggler-icon:after{
		content: '';
		display: block;
		width: 28px;
		height: 2px;
		background: #2c2c2c!important;
	}
	.navbar-toggler{
		margin-top: -10px;
		padding: 0px;
		height:32px;
	}
	.navbar-toggler:hover,
	.navbar-toggler:focus{
		background-color: transparent;
		outline: 0;
		border:0px;
	}
	.nav-brand-wrap{
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.navbar-toggler span.navbar-toggler-icon:before{
		margin-top: 7px;
	}
	.navbar-toggler span.navbar-toggler-icon:after{
		margin-top: 5px;
	}
	.navbar-nav li a,
	.navbar-nav{
		border: 0px;
	}
	.navbar-nav li a{
		color: #000;
		font-size: 15px;
	}
	.navbar{
		position: relative;
		padding: 0 20px;
	}
	.navbar .navbar-collapse {
		position: absolute;
	    width: 100%;
	    left: 0px;
	    top: 100%;
	    z-index: 6;
	    background-color: #fff;
	    padding: 20px;
	    opacity: 0;
	    transition: all 400ms ease-in-out;
	}
	.navbar .navbar-collapse.show{
		opacity: 1;
	}
	.vehicle-types-wrap{
		flex-wrap: wrap;
		align-items: stretch;
	}
	.footer-menu{
		margin-bottom: 30px;
	}
	.navbar-nav li ul.sub-menu{
		position: initial;
		width: 100%;
		opacity: 1;
		padding-right: 5px;
		background-color: transparent;
		visibility: visible;transform: translateY(0px);
		transition: unset;
	}
	.navbar-nav li {
	    flex-direction: column;
	}
	.navbar-nav li>a{
		background-color: transparent!important;
		color: #2c2c2c;
		padding: 5px 0px;
	}
	.navbar-nav li>a:hover {color: #0d524f;}
	.navbar-nav li ul.sub-menu li a {
	    padding: 10px;
	    color: #000;
	}
	li.has-submenu>a:after {
	    content: '\f107';
	    font-family: 'Fontawesome';
	    display: block;
	    font-size: 14px;
	}
	.has-submenu>a {
	    justify-content: space-between;
	}
	.staff-wrapper div {width: calc(100% - 2em);}
}

@media only screen and (max-width: 767px){
	.navbar .navbar-brand,
	header.shrinked .navbar .navbar-brand{
		padding-bottom: 40px;
	}
	
	.flex {    display: flex;
    width: 100%;
    justify-content: center;}
	
	.celebrate-40-years img {
		max-width: 120px;
	}
	
	.about-wilkens-wrap .location-wrap{
		display: none;
	}
	.vehicle-types-wrap .location-wrap{
		display: inline-block;
	}
	.vehicle-types img{
		height: 100%;
	}
	.vehicle-types-wrap .location-wrap {
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	}
	.vehicle-types figure figcaption{
		font-size: 20px;
	}
	.main-banner-slider .banner-content h1,
	.inner-banner-content h1{
	    font-size: 30px;
	}
	.main-banner-slider .banner-content .des,
	.inner-banner-content .des{
		font-size: 14px;
	}
	.topbar-wrap{
		display: none;
	}
	header.shrinked{
		margin-top: 0px;
	}
	.inner-banner-wrap {
	    height: 170px;
	}
	.inner-title {
	    border-bottom: 2px solid #0d524f;
	    font-size: 24px;
	}
		.main-title {
	    font-size: 24px;
	    text-transform: uppercase;
	    margin-bottom: 10px;
	}
	.inner-contents-wrap.cat .row{
	    flex-direction: column-reverse;
	}
	.inner-contents-wrap.cat .image-hold{
		margin-bottom: 30px;
	}
	
	
	nav.navbar.navbar-expand-lg {padding: 30px 0;}
	
	.nav-brand-wrap {flex-direction: column;}
}



@media only screen and (max-width: 576px){
	
	footer{
		padding-bottom: 20px;
}

	
	}


@media only screen and (max-width: 600px){
	.navbar .navbar-brand {padding: 41px 0;}
	.celebrate-40-years img { max-width: 150px;}
	.navbar-expand-lg .navbar-toggler {margin: 0 auto;}
	.d-flex {display:block;}
}



@media only screen and (max-width: 481px){
	.flex {    flex-direction: column;
    align-items: center;}
	.main-banner-slider .banner-content h1, 
	.inner-banner-content h1 {
	    font-size: 23px;
	    margin-bottom: 5px;
	}
	.vehicle-types{
	    width: calc(100% - .3em);
	    margin: .15em;
	}
	.vehicle-types-wrap .vehicle-types img{
		width: 100%;
	}
	.navbar {
	    padding: 0px 10px;
	}
	.main-banner-slider .slick-slide img {
	    display: block;
	    height: 160px;
	}
	.main-banner-slider .banner-content {
	    padding-top: 30px;
	}
	.main-banner-slider .banner-content .des, .inner-banner-content .des {
	    font-size: 12px;
	    line-height: 1.4;
	}
	.form-inline .form-group{
		width: 100%;
	}
	.navbar .navbar-brand {padding: 11px 0;}
	.flex {flex-direction: column;}
}