/************************************/
/*****    16. Media Screens     *****/
/************************************/

@media only screen and (max-width: 991px){
	
	header.header{
		height: 84px;
	}
	
	.header .navbar-nav{
		display: none;
	}
	
	.header .navbar{
		padding: 10px 0;
		overflow: auto;
		max-height: 100%;
		align-items: flex-start;
	}
	
	.header .navbar .container{
		flex-wrap: wrap;
	}
	
	.header .navbar-toggle,
	#responsive-menu{
		display: block;
	}
	
	footer.main-footer{
		padding: 60px 0;
	}
}

/* Mobile Layout */
@media only screen and (max-width: 767px){
	.footer-box{
		margin-bottom: 30px;
	}
	
	.footer-social,
	.footer-logo,
	.footer-copyright{
		text-align: left;
	}
	
	.custom-page-title h2{
		font-size: 30px;
	}
	
	.product-category-title{
		font-size: 26px;
	}
	
	.custom-page-title h5{
		font-size: 16px;
	}
	
	.custom-page-title h2{
		font-size: 26px;
	}
}

@media only screen and (max-width: 575px){
	.header .container{
		width: 100%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.product-single-button a{
		margin-bottom: 20px;
	}
}

/* Small Mobile Layout */
@media only screen and (max-width: 480px) {
	
}