/*********************************************
Main Menu Styles
*********************************************/

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

	#main-menu {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}

	.collaps-on-scroll header#masthead, .collaps-on-scroll header#masthead-ie {
	    height: 97px;
	}

	header#masthead aside .menu, header#masthead-ie aside .menu {
	    width: 100%;
	    margin: 0 auto;
	    float: none;
	}

	#menu-primary-menu {
		margin-top: 30px;
	}

	header#masthead a.logo, header#masthead-ie a.logo {
	    position: absolute;
	    top: -30px;
	    right: calc(50% - 35px);
	}

	header#masthead aside .menu>ul li, header#masthead-ie aside .menu>ul li {
	    font-size: 12px;
	}

	.list-unstyled, ul.comment-list, .pop-out-nav ul {
	    text-align: left;
	}

	header#masthead aside .mini-list, header#masthead-ie aside .mini-list {
		margin-top: 11px;
	    margin-bottom: 0px !important;
	}

	header#masthead aside .menu>ul li, header#masthead-ie aside .menu>ul li {
	    margin: 0 5px 0 0;
	}

	.intro .content {
	    padding-top: 175px !important;
	}

	.shopping-cart {
		margin-right: 8px !important;
	}

}

@media screen and (min-width: 850px) {
	header#masthead aside .menu>ul li, header#masthead-ie aside .menu>ul li {
	    font-size: 13px;
	}
}

@media screen and (min-width: 992px) {

	header#masthead aside .menu, header#masthead-ie aside .menu {
	    width: calc(83% - 75px);
	}

	header#masthead aside .menu>ul li, header#masthead-ie aside .menu>ul li {
	    font-size: 13px;
	}

	.intro .content {
	    padding-top: 175px !important;
	}

	header#masthead aside .mini-list, header#masthead-ie aside .mini-list {
		margin-top: 11px;
	    margin-bottom: 0px !important;
	}

}

@media screen and (min-width: 1099px) {

	header#masthead aside .menu>ul li, header#masthead-ie aside .menu>ul li {
	    font-size: 15px;
	}

}

@media screen and (min-width: 1280px) {

	header#masthead aside .menu, header#masthead-ie aside .menu {
	    width: calc(80% - 75px);
	}

	header#masthead aside .menu>ul li, header#masthead-ie aside .menu>ul li {
	    margin: 0 20px 0 0;
	}

}



/*********************************************
Home Page Slider Styles
*********************************************/

.home-page-slide-button {
	background: #C8102E; 
	padding: 10px 25px; 
	color: white;
	text-transform: uppercase;
	font-weight: bold;
}

.home-page-slide-button:hover, .home-page-slide-button:focus {
	text-decoration: none;
}

.home-page-slide-button:hover {
	background: #051c37;
	color: #fff;
}

.slide-content {
	margin-top: -100px !important;
}

@media screen and (min-width: 768px) {

	.slide-content {
		margin-top: 100px !important;
	}

}