/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	h1.content_headline.xmasred {
		/* font-size: 45px; */
		font-size: 2.8125em; /* 45px / 16px = 2.8125em */
    }
	.sticky .layout3-menu .main-menu .brand-logo img {
		height: 100px !important;
		width: auto;
		margin-top: 13px;
		filter: drop-shadow(4px 4px 2px rgb(0 0 0 / 0.2));
	}
	.layout3-menu .main-menu .brand-logo img {
		height: 100px !important;
		width: auto;
		margin-top: 20px;
		filter: drop-shadow(4px 4px 2px rgb(0 0 0 / 0.2));
	}
	.main-menu {
		height: 140px !important;
	}
	.breadcrumb-section {
		padding: 10px 0 !important;
	}
	.toggle-nav {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
	.col-5grid {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}
	.xmas-button, .valentine-button, .mothersday-button {
		width: 60px;
		height: 60px;
		top: 40px;
		right: -125px;
		left: unset;
		/*
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
		*/
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	h1.content_headline.xmasred {
		color: #da0812;
		/* font-size: 50px; */
		font-size: 3.125em; /* 50px / 16px = 3.125em */
	}
	.sticky .layout3-menu .main-menu .brand-logo img {
		height: 100px !important;
		width: auto;
		margin-top: 13px;
		filter: drop-shadow(4px 4px 2px rgb(0 0 0 / 0.2));
	}
	.layout3-menu .main-menu .brand-logo img {
		height: 110px !important;
		width: auto;
		margin-top: 25px;
		filter: drop-shadow(4px 4px 2px rgb(0 0 0 / 0.2));
	}
	.main-menu {
		height: 160px !important;
	}
	.toggle-nav {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}
	.toggle-nav {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}
	.col-5grid {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}
	.xmas-button, .valentine-button, .mothersday-button {
		width: 80px;
		height: 80px;
		top: 40px;
		right: -170px;
		left: unset;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	h1.content_headline.xmasred {
		color: #da0812;
		/* font-size: 55px; */
		font-size: 3.4375em; /* 55px / 16px = 3.4375em */
	}
	.sticky .layout3-menu .main-menu .brand-logo img {
		height: 100px !important;
		width: auto;
		margin-top: 13px;
		filter: drop-shadow(4px 4px 2px rgb(0 0 0 / 0.2));
	}
	.layout3-menu .main-menu .brand-logo img {
		height: 130px !important;
		width: auto;
		margin-top: 25px;
		filter: drop-shadow(4px 4px 2px rgb(0 0 0 / 0.2));
	}
	.main-menu {
		height: 180px !important;
	}
	.col-lg-5grid {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}
	.col-5grid {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}
	.xmas-button, .valentine-button, .mothersday-button {
		width: 80px;
		height: 80px;
		top: 40px;
		right: -230px;
		left: unset;
	}
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.sticky .layout3-menu .main-menu .brand-logo img {
		height: 100px !important;
		width: auto;
		margin-top: 13px;
		filter: drop-shadow(4px 4px 2px rgb(0 0 0 / 0.2));
	}
	.layout3-menu .main-menu .brand-logo img {
		height: 150px !important;
		width: auto;
		margin-top: 25px;
		filter: drop-shadow(4px 4px 2px rgb(0 0 0 / 0.2));
	}
	.main-menu {
		height: 200px !important;
	}
	.col-5grid {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}
	.xmas-button, .valentine-button, .mothersday-button {
		width: 100px;
		height: 100px;
		top: 40px;
		right: -260px;
		left: unset;
	}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	/*
  .layout3-menu .main-menu .brand-logo img {
    height: 220px !important;
    width: auto;
  }
  */

	.sticky .layout3-menu .main-menu .brand-logo img {
		height: 100px !important;
		width: auto;
		margin-top: 13px;
		filter: drop-shadow(4px 4px 2px rgb(0 0 0 / 0.2));
	}

	.layout3-menu .main-menu .brand-logo img {
		height: 150px !important;
		width: auto;
		margin-top: 25px;
		filter: drop-shadow(4px 4px 2px rgb(0 0 0 / 0.2));
	}

	.main-menu {
		height: 200px !important;
	}
	.col-5grid {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}
	.xmas-button, .valentine-button, .mothersday-button {
		width: 120px;
		height: 120px;
		top: 40px;
		right: -400px;
		left: unset;
	}
}