img {
	max-width: 100% !important;
	height: auto !important;
}

img.avatar {
	max-width: unset !important;
}

img.fancybox-image {
	max-width: none !important;
	height: 100% !important;
}

/*@media screen and (min-width: 1280px) {
	.container-lg{
		max-width: 1350px;
	}
}*/

@media screen and (max-width: 1279px) {

	/**** General CSS ****/
	.container {
		max-width: 1024px !important;
	}

	/**** Main Banner CSS ****/
	.main-banner {
		height: 500px;
	}

	/**** Our Inventory CSS ****/
	.inventory-block {
		padding: 0 50px 30px;
		margin-left: 50px;
	}

	.sidebar-widget {
		margin-left: 50px;
	}

}

@media screen and (max-width: 991px) {

	.tagline h3,
	#main-menu>ul>li>a:after {
		display: none !important;
	}

	.hd-actions,
	.main-banner .container {
		display: block !important;
	}

	/**** General CSS ****/
	.container {
		max-width: 100% !important;
		padding: 0 30px !important;
	}

	/**** Header CSS ****/
	#header {
		height: 100px;
	}

	.header-wrap {
		background-color: #000;
		border-bottom: 10px solid #333333;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 99;
	}

	.header-wrap .container {
		height: 90px;
	}

	#header .container:after {
		content: "";
		position: absolute;
		border-bottom: 10px solid #657b90;
		background: #dfdede;
		top: 0;
		right: 0;
		bottom: -10px;
		left: 0;
		z-index: 5;
	}

	#logo {
		padding: 0;
		position: relative;
		z-index: 6;
	}

	#logo a img {
		max-height: 65px !important;
	}

	.hd-actions {
		position: absolute;
		top: 0;
		right: -30px;
	}

    ul.sub-menu li a {
        background: #dfdede !important;
    }
	/**** Mobile Menu CSS ****/
	#main-menu {
		height: 100%;
		/*padding-top: 100px;*/
		opacity: 0;
		position: absolute;
		top: -6vh;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		overflow: auto;
		background-color: #dfdede;

		-webkit-transition-property: top, background-color, opacity;
		-webkit-transition-duration: 0.3s;
		-webkit-transition-timing-function: linear;
		-moz-transition-property: top, background-color, opacity;
		-moz-transition-duration: 0.3s;
		-moz-transition-timing-function: linear;
		-ms-transition-property: top, background-color, opacity;
		-ms-transition-duration: 0.3s;
		-ms-transition-timing-function: linear;
		-o-transition-property: top, background-color, opacity;
		-o-transition-duration: 0.3s;
		-o-transition-timing-function: linear;
		transition-property: top, background-color, opacity;
		transition-duration: 0.3s;
		transition-timing-function: linear;
	}

	.hd-open,
	.scroll-lock {
		overflow: hidden;
	}

	.bd-open #main-menu {
		position: fixed;
		z-index: 3;
	}

	.hd-open #main-menu {
		display: block;
		top: 0;
		opacity: 1;
		position: fixed;
		z-index: 5;
	}

	#main-menu ul {
		display: block;
		text-align: center;
		height: auto;
		margin: 0;
		padding: 170px 30px 40px;
		border: none;
	}

	#main-menu ul li {
		font-size: 18px;
		margin: 0 0 50px;
	}

	#main-menu ul li:last-child {
		margin-bottom: 0px;
	}

	#main-menu ul li a {
		display: block;
		color: #333333;
		height: auto;
		padding: 0 !important;
	}

	#main-menu ul li a:hover,
	#main-menu ul li.current-menu-item a {
		color: #657b90 !important;
		background: transparent !important;
	}

	#main-menu>ul>li>ul {
		/*display: block !important;*/
		position: static;
	}

	#main-menu ul li ul {
		margin-top: 40px;
		padding-left: 20px
	}

	#main-menu ul li ul li {
		font-size: 16px;
		margin-top: 20px;
	}

	#main-menu ul li ul li a {
		/*text-align: center;*/
		text-transform: uppercase;
	}

	#main-menu>ul>li.menu-item-has-children>a {
		display: inline-block;
	}

	#main-menu>ul>li>a img {
		display: inline-block !important;
		margin-left: 10px;
		position: relative;
		right: 0;
		top: 2px;
		/*transform: rotate(-180deg);*/
	}

	/**** Main Banner CSS ****/
	.main-banner {
		height: 420px;
		background-attachment: scroll;
	}

	.page-banner {
		height: 280px;
		background-attachment: scroll;
	}

	.page-banner .container {
		justify-content: center;
	}

	.content-sec p {
		font-size: 16px;
		line-height: 1.7em;
	}

	/**** Our Inventory CSS ****/
	.inventory-block {
		margin: 100px 0 0;
	}

	.sidebar-widget {
		margin: 0;
	}

	.map-sec iframe {
		height: 380px;
	}


}

@media screen and (max-width: 767px) {
	.alignleft {
		float: none;
		margin: 5px auto 20px;
		display: block;
	}

	.padding-sec {
		padding: 60px 0;
	}

	.inventory-block {
		margin: 150px 0 0;
	}

	ul#menu-footer-menu li {
		position: relative;
		list-style: none;
		padding-left: 20px;
		max-width: max-content;
		margin: auto;
	}

	#footer {
		text-align: center;
		padding: 50px 0;
	}

	.ft-widget-1,
	.ft-widget-2 {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 567px) {

	h1,
	.page-banner h1,
	.page-banner h2 {
		font-size: 30px;
	}

	.content-sec h1 {
		font-size: 36px;
	}
	
		.content-sec h2 {
		font-size: 30px;
	}

	/**** Main Banner CSS ****/
	.main-banner {
		height: 360px;
	}

	.inventory-block {
		padding: 120px 30px 30px;
	}

	.map-sec iframe {
		height: 360px;
	}
}

@media screen and (max-width: 479px) {
	.container {
		padding: 0 15px !important;
	}

	#logo a img {
		max-height: 52px !important;
	}

	.hd-actions {
		right: -15px;
	}

	.btn-menu {
		width: 60px;
	}

	.btn-menu span {
		width: 36px;
	}

	.main-banner {
		height: 320px;
	}

	.banner-caption {
		left: 15px;
	}

	.page-banner {
		height: 260px;
	}

	.map-sec iframe {
		height: 320px;
	}
}

@media screen and (max-width: 320px) {
	.container {
		width: 320px !important;
		max-width: 320px !important;
	}
}