/*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 ===============================================*/
/*
 1.) Media Query for Handheld Devices
 ===============================*/
@media only screen and (max-width: 1119px) {
	.banner-bg {
		background-size: cover;
	}
	.banner-left {
		padding-left: 35px;
	}
	.banner-left p {
		font-size: 20px;
	}
	.great {
		font-size: 38px;
	}
	.leeds {
		font-size: 122px;
	}
	.valentines {
		font-size: 58px;
	}
	.fair {
		font-size: 200px;
	}
	.banner-right img {
		width: 230px;
	}
	.open-daily {
		font-size: 48px;
		margin-left: 210px;
	}
	.woodhouse {
		font-size: 102px;
	}
	/*how to get*/
	.get-right img {
		width: 160px;
	}
	.location-left .union-card {
		position: static;
	}
	.location-left h2 {
		font-size: 58px;
	}
	.near-university {
		font-size: 40px;
	}
	.footer span{
		font-size: 22px;
	}

}

/*
 2.) Media Query for Tablet
 ===============================*/
@media only screen and (max-width: 1023px) {
	.menu li {
		margin-right: 25px;
	}
	.menu li a {
		font-size: 22px;
	}
	.banner-left {
		padding-left: 20px;
	}
	h1 strong {
		text-shadow: 8px 3px 0px #000;
		-webkit-text-stroke-color: #2f2483;
		-webkit-text-stroke-width: 4px;
	}
	h1 .cmn-style {
		text-shadow: 2px 2px 0px #000;
		-webkit-text-stroke-color: #2f2483;
		-webkit-text-stroke-width: 3px;
	}
	.great {
		font-size: 34px;
	}
	.leeds {
		font-size: 96px;
	}
	.valentines {
		font-size: 52px;
	}
	.fair {
		font-size: 110px;
	}
	.leeds::after, .fair::after {
		width: 88px;
		height: 84px;
		right: -45px;
		background-size: 100% 100%;
	}
	.leeds::after{
		top:-18px;
	}
	.fair::after{
		top:-14px;
	}
	.heart-wrapper {
		width: 350px;
		min-height: 360px;
		background-size: 100% auto;
	}
	.banner-right img {
		width: 170px;
	}
	.open-daily {
		font-size: 40px;
		margin-left: 68px;
	}
	.open-daily span {
		font-size: 28px;
	}
	.woodhouse {
		font-size: 90px;
	}
	.university {
		font-size: 36px;
	}
	.attraction {
		font-size: 32px;
	}
	.admission {
		font-size: 26px;
	}
	.graphic-block {
		padding: 40px 10px 0;
	}
	.img-gallery {
		padding-left: 0;
		padding-right: 0;
	}
	.footer {
		padding:10px 20px;
	}
	.footer span {
		font-size: 18px;
	}
	/*how to get*/
	.get-heart {
		width: 290px;
	}
	.get-right img {
		width: 150px;
	}
	.get-term, .get-location {
		right: 7px;
	}
	.location-block {
		padding: 0 30px;
	}
	.location-left .union-card {
		width: 85%;
	}
	.location-year {
		font-size: 23px;
	}
	.location-left h2 {
		font-size: 44px;
	}
	.near-university {
		font-size: 28px;
	}
}

/*
 3.) Media Query for mobile
 ===============================*/
@media only screen and (max-width: 767px) {
	.header {
		margin-bottom: 15px;
	}
	.menu li {
		margin-right: 18px;
	}
	.menu li a {
		font-size: 14px;
	}

	.banner-section {
		padding: 0 15px;
	}
	.banner-primary {
		flex-direction: column;
		margin-bottom: 240px;
	}
	.banner-right, .banner-left, .location-left {
		width: 100%;
	}
	.heart-wrapper {
		width: 347px;
		margin: 0 auto;
		min-height: 365px;
		background-size: 100% auto;
	}
	.banner-right img {
		width: 140px;
	}
	.all-times {
		top: 30px;
		left: -10px;
	}
	.half-term {
		top: 34px;
	}
	.banner-right {
		width: 345px;
		margin: 0 auto;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.banner-left {
		padding: 0 10px;
	}
	.banner-left p {
		font-size: 18px;
	}
	.great {
		font-size: 34px;
	}
	.leeds {
		font-size: 92px;
	}
	.valentines {
		font-size: 40px;
	}
	.fair {
		font-size: 130px;
	}
	.union-card {
		width: 345px;
		left: -16px;
	}
	.open-daily {
		margin-left: 0;
		margin-bottom: 6px;
		font-size: 22px;
	}
	.open-daily span {
		font-size: 26px;
	}
	.woodhouse {
		font-size: 38px;
		margin-bottom: 6px;
		letter-spacing: normal;
	}
	.university {
		font-size: 21px;
		margin-bottom: 6px;
	}
	.attraction {
		font-size: 20px;
		margin-bottom: 6px;
	}
	.admission {
		font-size: 21px;
		line-height: 1.1;
	}
	.graphic-block {
		padding: 40px 12px 0;
	}
	.img-gallery {
		padding-left: 0;
		padding-right: 0;
	}
	 .location-block {
		flex-direction: column;
	}
	.footer{
		display: block;
	}
	.footer span {
		font-size: 16px;
		display: block;
	}
	.footer-logo{
		display: inline-block;
		margin:10px 0;
	}
	/*how to get*/
	.get-term {
		right: 0;
	}
	.get-location {
		right: 7px;
	}
	.get-primary {
		padding-bottom: 0;
		margin-bottom: 45px;
	}
	.location-block {
		padding: 0 5px;
	}
	.location-year {
		font-size: 20px;
	}
	.location-left h2 {
		font-size: 34px;
	}
	.near-university {
		font-size: 24px;
	}
	.view-map {
		font-size: 17px;
	}
	.location-left .union-card {
		position: static;
	}
	.location-left {
		margin-bottom: 24px;
	}
	.map {
		width: 100%;
	}
	/*Press*/
	.release-block {
		padding: 0 0 50px;
	}
	.release-block h2 {
		font-size: 32px;
		margin-bottom: 12px;
	}
	.fun-fair {
		font-size: 18px;
	}
	.release-block p {
		font-size: 16px;
		padding-left: 0;
		line-height: 1.3;
		margin-bottom: 18px;
	}
	.get-content{
		padding:75px 0 20px;
	}
	.get-right{
		margin-top: 50px;
	}
}

@media only screen and (max-width: 374px) {
	.banner-right {
		width: 100%;
	}
	.heart-wrapper {
		width: auto;
		min-height: 365px;
		background-size: 100% auto;
	}
	.union-card {
		width: auto;
	}
}