@media screen and (max-width: 1500px) {
	.callout-container {
		height: 450px;
		min-width: 400px;
	}
	.callout-content {
		width: 300px;
		height: 300px;
	}
	.callout-content span {
		font-size: 17px;
	}
	.callout-content h1 {
		font-size: 27px;
		margin-bottom: 20px;
	}
	.callout-content p span {
		font-size: 12px !important;
	}
	.callout-content p {
		height: 110px;
	}
	.callout-content a {
		font-size: 12px !important;
	}
}
@media screen and (max-width: 1200px) {
	.callout-container {
		width: 90%;
		height: 500px;
	}
	.callout-content  {
		width: 75%;
		height: 400px;
		margin: 0 auto;
		margin-top: 50px;

	}
	.callout-wrapper {
		min-width: 100%;
	}
	.callout-content span {
		font-size: 25px;
	}
	.callout-content h1 {
		font-size: 43px;
		margin-bottom: 10px;

	}
	.callout-content p span {
		font-size: 22px !important;
		width: 70%;
		display: block;
		margin: 0 auto;
	}
	.callout-content a {
		font-size: 22px !important;
	}
	.callout-content p {
		height: 165px;
	}
}
@media screen and (max-width: 1100px) {
	.home-section {
		display: block;
		height: 650px;
	}
	.section-container {
		top: 49px;
		margin: 0 auto;
		margin-top: 27px;
	}
	.section-container h2 {
		top: -25px;
	}
	.section-box {
		height: 250px;
	}
}
@media screen and (max-width: 1000px) {
	.cat-drop {
		text-align: left;
	}
	.cat-drop:hover,
	.sub-cats li:hover {
	color: #F87223 !important;
	cursor: pointer;
	border-left: none;
	}
	.sub-cats {
		top: 0px;
		width: 300px;
		right: 0px;
		position: relative;
		left: -25px;
	}
	.sub-cats li {
		padding: 10px 10px 9px 45px !important;
		text-align: left;
	}
	.top-links {
		display: none;
	}
	.nav-hide {
		display: block !important;
	}
	.main-nav {
    right: 0;
    background: #F87223;
    z-index: 200;
    width: 0px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    top: 125px;
	height: 4000px;
	position: fixed;
	}
	.open #nav-btn {
		display: none;
	}
	.open .main-nav {
		width: 300px;
	}
	.nav-menu {
	display: block;
    position: relative;
    right: 0px;
    top: 25px;
    text-align: left;
	}
	.nav-menu li {
		display: block;
		width: 303px;
		border-left: none;
	}
	.logo-mobile {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.logo-mobile a {
		width: 350px;
		position: relative;
		top: 22px;
	}
	.open #nav-close-btn {
		display: block;
		color: #FFF;
		font-size: 40px;
		position: absolute;
		right: 25px;
		top: -43px;
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.open #nav-close-btn:hover {
		color: #2C3388;
	}
	#nav-btn {
		display: block;
	}
	.nav-menu > li > a {
		width: 100%;
	}
	.nav-menu .drop {
		position: relative;
		right: 0px;
	}
	.nav-menu li:hover {
		color: #2C3388;
	}
	.cat-controls {
    height: 50px;
    margin-left: 60px;
    margin-right: 60px;
	}
	.product-container {
    justify-content: center;
	}
	.filter-col {
    justify-content: flex-start;
    height: auto;
    width: 100%;
	}
	.toggle-list {
		width: 70%;
	}
	.list-container .toggle-head {
		width: 90%;
	}
	.list-container .toggle-head p {
		width: 100%;
	}
	.prod-col {
		width: 100%;
	}
	.catInfo {
		margin: 0 60px 0 60px;
	}
}
@media screen and (max-width: 890px) {
	.detail-container {
		display: block;
	}
	.detail-image {
		margin: 0 auto; 
		width: 70%;
	}
	.detail-content {
		margin: 0 auto;
		padding-top: 50px;
		width: 60%;
	}
	.detail-head,
	.detail-desc {
		display: block;
	}
	.detail-right,
	.detail-left {
		width: 100% !important;
	}
	.detail-head {
		margin-bottom: 25px;
	}
	.detail-desc {
		margin-bottom: 25px;
	}
}
@media screen and (max-width: 840px) {
	.callout-content h1 {
		font-size: 38px;
		margin-bottom: 20px;
	}	
	.callout-content span {
        font-size: 22px;
	}
	.callout-content p span {
		font-size: 20px !important;
		width: 80%;
	}
	.callout-content a {
		font-size: 20px !important;
	}
	.callout-content p {
		margin-bottom: 35px;
	}
}
@media screen and (max-width: 800px) {
	.list-container {
		display: block !important;
	}
}
@media screen and (max-width: 770px) { /* Tablet View */
	.callout-inner {
    	padding: 5px 20px 0 20px;
	}
	.callout-content p span {
		font-size: 18px !important;
	}
	.callout-content p {
		height: 150px;
	}
	.callout-content h1 {
		font-size: 30px;
	}	
	.callout-content span {
		font-size: 19px;
	}
	.nav-con img {
		width: 110px;
	}
	.nav-con .homebtn {
		top: 3px;
	}
	.top-phone {
		display: none !important;
	}
	.nav-hide-phone {
		display: block !important;
	}
	.nav-hide-phone a {
		color: #FFF !important; 
	}
	.nav-hide-phone a:hover {
		color: #2C3388 !important;
	}
	.nav-hide-phone a i {
		margin-right: 10px;
	}
    body{
        cursor: pointer; /* iOS Clicking Fix */
    }
    .footer-column .address {
	    font-size: 12px;
    }
     .footer-column .footer-text {
	    font-size: 12px;
    }
    .location-box {
    width: 37%;
    margin: 10px;
	}
}
@media screen and (max-width: 600px) {
	.section-container {
		width: 420px;
	}
	.section-container h2 {
		right: 33px;
		width: 350px;
		font-size: 40px;
	}
}