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: 120px 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 #333333; 
	    background: #000;
	    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;
	}


	/**** 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: #000;

        -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: #fff;
        height: auto;
        padding: 0 !important;
    }
    #main-menu ul li a:hover,
    #main-menu ul li.current-menu-item a{
        color: #e1871a !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) {
	.padding-sec{
		padding: 60px 0;
	}
	#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 h2{
		font-size: 24px;
	}

	/**** 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;
	}
}