/*
 Theme Name:     Hawkers Yard
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

@media only screen and (max-width: 1280px) {
	.fluid-width-video-wrapper {
	    padding-top: 34.25%!important;
	}
}
@media only screen and (max-width: 1152px) {
	#accommodation, #contact, .industry-commerce {
		padding-right: 15px!important;
    	padding-left: 15px!important;
	}
	.logo-menu {
		text-align: right;
	}
}
@media only screen and (max-width: 1024px) {
	.slider-transport {
		display: block;
	}
	.travel-container {
		display: none;
	}
	.min-height-75 {
		min-height: 45vh;
	}
	.transport-container-mobile {
		padding-bottom: 58px;
		padding-right: 30px;
    	padding-left: 30px;
	}
	.slick-transport .slick-slide {
		margin-bottom: 30px;
	}
	#top-menu li {
    	padding-right: 12px;
	}
	.range-container {
		padding-bottom: 100px
	}
}
@media only screen and (max-width: 980px) {
	.container .row {
		width: 100%;
    	margin: 0 auto;
	}
	.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
		display: none;
	}
	.et_header_style_left #logo {
		max-width: 60%;
	}
	.menu-btn, .menu-btn:focus, .menu-btn:hover {
		margin: 1rem 0 1rem 0;
		background-color: transparent;
	}
	.menu {
		flex-direction: column;
	}
	.hub-container .row, .trade-container .row, .white-bg-row .row, .range-container .row {
		margin: 0 auto;
	}
	.footer-logo {
		margin-bottom: 40px;
	}
	#location {
		margin-bottom: -1px;
	}
	.units-controls-row .col-lg-10 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.units-switch-buttons {
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		margin-left: 0px;
	}
	.units-switch-buttons::-webkit-scrollbar {
		display: none;
	}
	.units-controls-row {
		margin-left: 15px!important;
		width: 96%!important;
	}
	.units-controls-row .col-lg-7 {
		padding-left: 0px;
	}
	ul.units-switch-buttons li {
    	margin-right: 12vw;
	}
	.get-touch-col {
		padding-left: 15px;
		padding-bottom: 30px;
		margin-top: 80px;
	}
	#et-footer-nav, .footer-logo {
		display: block;
	}
	#main-footer {
        flex-direction: column;
	}
	#menu-footer-menu {
		margin-top: 20px;
	}
	#menu-footer-menu li {
		margin-left: 0px;
		margin-bottom: 20px;
		padding-left: 22px;
	}
	.bottom-nav li {
		display: block;
	}
	.custom-display-flex, .plans-container {
   		padding-top: 50px!important;
	}
	.mobile_menu_bar:before {
		color: #fff;
		content: url(/hawkers-yard/wp-content/themes/images/icons/mobile-nav.svg);
		font-size: 10px;
	}
	.circle-logo {
		display: none;
	}
	#main-header {
		position: fixed!important;
	}
	.mobile-menu {
		display: block
	}
	#mobile_menu {
		border-top: none;
	}
	#mobile_menu li {
		text-align: center;
	}
	#mobile_menu li a {
		font-size: 18px;
	}
	.et_header_style_left .logo_container {
		width: auto;
	}
	.mobile-menu {
		float: right;
	}
	.position-top {
		height: 100vh;
		background-color: #000;
		display: flex;
    	align-items: center;
    	text-align: center;
		flex-direction: column;
    -webkit-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    transform: translateY(-100vh);
	}
	.mobile-top-bar {
		width: 90%;
		text-align: left;
		display: flex;
    	justify-content: space-between;
		margin-bottom: 10vh;
		margin-top: 2vh;
	}
	.container.clearfix.et_menu_container {
    	width: 100%;
	}
	.close-button {
    	position: inherit;
		height: 70%;
	}
	.menu-item {
		margin-bottom: 3vh;
	}
	.menu-item a {
		color: #fff;
		font-size: 18px;
	}
	.circle-logo-mobile {
		height: 70%;
	}
	ul#menu-footer-menu {
		margin-left: 0px;
	}
	.clean-plan {
		display: none;
	}
	.more-details-desktop {
		display: none;
	}
	.more-details-mobile {
		display: block;
		margin-top: 70px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.more-details-mobile .btn-download {
		width: 100%;
	}
	a:hover {
		text-decoration: none;
	}
	.btn-start {
		width: 100%;
	}
	.plans-container img, .industry-commerce {
    	padding-left: 15px;
    	padding-right: 15px;
	}
	.contact-col {
		display: block;
		width: 100%;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 768px) {
	.container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.heading-row h3 {
    	margin-top: 50px;
	}
	.scroll {
		left: calc(50% - 25px)
	}
	.contact-logo {
    	margin-top: 30px;
	}
	#location video {
		margin-left: -15px;
	}
	.transport-container-mobile {
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.et_header_style_left .logo_container {
		width: 85%;
		margin-left: 15px;
	}
	.fluid-width-video-wrapper {
    	padding-top: 55.25%!important;
	}
	.et_pb_fullwidth_code_0 {
		margin-top: 30%;
	}
}

@media only screen and (max-width: 414px) {
	.position-top {
    	height: 102vh;
	}
	.menu {
    	margin-top: -1vh;
	}
	.logo-menu {
    	text-align: center;
	}
	img.footer-menu-logo {
    	display: block;
		margin-top: 20px;
	}
	.wrenbridge-logo {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 375px) {
	ul.units-switch-buttons li {
    	margin-right: 10vw;
	}
}

@media only screen and (max-width: 320px) {
	ul.units-switch-buttons li {
    	margin-right: 8vw;
	}
	.btn-maps {
		width: 70%;
	}
	#accommodation, #contact {
    	padding-right: 0px!important;
    	padding-left: 0px!important;
	}
}