@media only screen and (min-width: 768px) {
	.mobile-nav img {
		display: none;
	}
}
@media only screen and (max-width: 1024px) {

	html { 
	  overflow-x: hidden; 
	  height: 100%;  
	}  

	header{
		display: none;
	}

	.mobile-nav {
		display: block !important;
		position: relative;
		background: #fff;
	    width: 100%;
	    display: block;
	    height: 60px;
	}
	.mobile-nav img {

	    width: auto;
	    height: 50px;
	    display: block; 
	    text-align: center;
	    margin: 0 auto;
	    padding-top: 8px;
	}
	.flex-btn{
    	display: block;
	}
		
}

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

}
@media only screen and (max-width: 479px) {
	.image-slider {
    width: 100%;
    margin-bottom: 10px;
}
	
}