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

}

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

}

@media screen and (max-width:1536px) {
	
	
}

@media screen and (max-width: 1440px) {
 
    
}

@media screen and (max-width: 1280px) {
	
.product-image-container {
    height: 200px;
}
	
.text-container {
    width: 50%;
    padding: 0;
}
	
.text-block-heading {
    font-size: 1.5rem;
    margin: 0 0 25px 0;
}
	
.sub-footer-title {
    font-size: 1rem;
}
	
.block-full-width {
    width: 90%;
    padding: 5%;
}
	
.hero-content {
    padding: 30px;
    width: 50%;
}
	
}

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

	
.nav-item {
    margin: 0 20px 0 0;
}
	
.nav-item:first-child {
    margin: 0 20px;
}
	
.nav-item:last-child {
    margin: 0;
}
	
.hero-content {
    padding: 30px;
    width: 60%;
}
	
.heading:first-child {
    margin: 0 0 10px 0;
}
	
.product-item {
    width: 48%;
    margin: 15px 0;
}

.text-block-heading {
    font-size: 1.5rem;
    margin: 0 0 15px 0;
}
	
.text-container {
    padding: 0;
}
	
.sub-footer-content {
    width: 90%;
    padding: 0 5%;
}
	
.flex-row {
    flex-wrap: wrap;
}
	
.footer-para {
    width: 100%;
    text-align: center;
}
	
.footer {
    padding: 5%;
}
	
.footer-para:last-child {
    margin-bottom: 0;
}
	
}

@media screen and (max-width: 950px) and (max-height: 400px) and (orientation: landscape) {
	
    
}

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


}

@media screen and (max-height: 768px) {
    
 
}

@media screen and (max-height: 600px) { 

    
}

@media screen and (max-width: 850px)
and (orientation: landscape) {

	
}

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


}

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

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

.navigation {
    display: none;
}
    
}

@media screen and (max-width: 480px) {
	
.product-item {
    width: 100%;
    margin: 2.5% 0;
}
	
.product-item:first-child {
    width: 100%;
    margin: 5% 0 2.5% 0;
}
	
.product-item:last-child {
    width: 100%;
    margin: 2.5% 0 0 0;
}
	
.heading {
    margin: 20px 0;
    font-size: 6.5vw;
}
	
.more-products {
    height: 230px;
    padding: 0 10%;
    font-size: 2rem;
}
	
.no-pdg-btm {
	padding-bottom: 0;
}
	
.form-container {
    padding: 0 0 5% 0;
    width: 100%;
    position: relative;
    z-index: 1;
}
	
.hero-content {
    padding: 5%;
    width: 90%;
}
	
.text-block-heading {
    margin: 0;
}
	
.menu-icon {
    position: absolute;
    display: block;
    right: 5%;
    top: 50%;
    transform: translate(0, -50%);
}
	
.image-container {
    width: 100%;
    height: 270px;
    margin-right:0;
    margin-bottom: 5%;
}
	
.text-container {
    width: 85%;
    padding: 0 0 0 15%;
}
	
.background-panel {
    width: 90%;
}
	
.image-text-block {
    padding: 5%;
}
	
.text-container.reversed {
    padding: 0 15% 0 0;
}
	
.image-container.rev-img {
    margin: 0 0 5% 0;
}
	
.sub-footer-nav-block-links {
    padding: 5% 0;
}
	
.sub-footer-links {
    width: 100%;
	flex-wrap: wrap;
    margin: 5% 0 0 0;
}
	
.sub-footer-item {
    width: 100%;
}

.sml {
    width: 45%;
}
	
.med {
    width: 100%;
}
	
.lrg {
    width: 100%;
	margin: 5% 0;
}
	
.footer-heading {
    font-size: 4vw;
    margin: 0 0 15px 0;
}
	
.socials {
    justify-content: center;
}
	
.mgn-top {
	margin:5% 0 0 0;
}
	
.heading:first-child {
    margin: 0;
}
	
header, section, main, footer {
    padding: 5%;
    width: 90%;
}
	
.mobile-menu {
    position: absolute;
    top: 110px;
    z-index: 10;
    width: 100%;
	right:-100%;
	transition:all 0.3s ease-in-out;
}
	
.open {
	right:0;
}
	
.nav-block {
    flex-direction: column;
}
	
.nav-item:first-child {
    margin: 0;
}
	
.nav-item {
    margin: 0;
}
	
.nav-link {
    border-bottom: 2px solid #FFF;
    text-decoration: none;
	color: #FFF;
    display: block;
    background: #A75346;
    padding: 5%;
}
    
}


