/* ----- Importing Fonts ----- */

	@import url('//fonts.googleapis.com/css?family=Lato:300,300i,400,400i,600,600i,700,700i');
	@import url('//fonts.googleapis.com/css?family=Roboto:300,400,500,700');
	@import url('//fonts.googleapis.com/css?family=Kavivanar');

/* ----- Default Styling ----- */

	body, html														{ margin: 0%; padding: 0%; width: 100%; height: 100%; color: #202020; }
	h1, h2, h3, h4, h5, h6, p, ul, ol, li, span						{ margin: 0%; padding: 0%; }
	input, select, textarea 										{ margin: 0%; padding: 0%; resize: none; }
	table, tr, th, td 												{ margin: 0%; padding: 0%; border-spacing: 0px; border-collapse: collapse; vertical-align: top; }
	a, img 															{ border: none; outline: 0px; color: inherit; text-decoration: none; }

/* ----- Page Setup Styling ----- */

	html															{ background-color: #FFFFFF; }
	body															{ font-family: 'Roboto', cursive; }
	div.page														{ margin: auto; padding: 0%; width: 100%; }
	div.offset														{ margin: 0% auto; padding: 0%; width: 100%; max-width: 1200px; position: relative; clear: both; }

	@supports (-webkit-animation-play-state: paused) or (animation-play-state: paused) {

		.css-animation												{ visibility: hidden; -webkit-animation-play-state: paused; animation-play-state: paused; }
		.css-animation.animated										{ visibility: visible; -webkit-animation-play-state: running; animation-play-state: running; }

	}

/* ----- Main Text Styling ----- */

	section.main div.content h1										{ margin: 0% 0% 1em 0%; padding: 0%; font-family: 'Kavivanar', sans-serif; font-size: 2.25em; line-height: 1.25em; font-weight: 400; color: #919191; }
	section.main div.content h2										{ margin: 1.25em 0% 0.125em 0%; padding: 0%; font-family: 'Kavivanar', sans-serif; font-size: 1.375em; line-height: 1.364em; font-weight: 400; color: #919191; }
	section.main div.content h3										{ margin: 0% 0% 1em 0%; padding: 0%; font-family: 'Kavivanar', sans-serif; font-size: 1.5em; line-height: 1.25em; color: #919191; }
	section.main div.content p										{ margin: 0% 0% 1em 0%; padding: 0%; font-size: 1.125em; line-height: 1.667em; color: #919191; }
	section.main div.content a										{ margin: 0%; padding: 0%; line-height: 1em; text-decoration: none; color: #919191; }
	section.main div.content ol										{ margin: 1em 0%; padding: 0% 0% 0% 2em; color: #919191; }
	section.main div.content ul										{ margin: 1em 0%; padding: 0% 0% 0% 2em; color: #919191; }
	section.main div.content li										{ margin: 0% 0% 1em 0%; padding: 0%; font-size: 1.125em; line-height: 1.25em; color: #919191; }
	section.main div.content img									{ max-width: 100%; height: auto; }
	section.main div.content button									{ margin: 0; padding: 0.25em; min-width: 180px; font-size: 1.125em; line-height: 1.667em; text-decoration: none; color: #FFFFFF; background-color: #7C9687; border: 0 none; display: inline-block; }

/* ----- Header & Navigation Styling ----- */

	header.main														{ margin: 0%; padding: 0%; width: 100%; font-family: 'Lato', sans-serif; position: relative; background-color: #F3F3F3; clear: both; z-index: 1000; }
	header.main div.offset											{ max-width: 1200px; }
	header.main div.header-logo										{ margin-bottom: -50px; padding: 3px 0% 0% 19px; width: 33%; display: block; float: left; }
	header.main div.header-logo a.logo								{ display: block; }
	header.main div.header-logo a.logo img							{ max-width: 100%; display: block; }
	header.main div.header-details									{ width: 67%; display: block; float: right; }
	header.main div.header-contact									{ padding: 20px 24px 12px 0%; width: 100%; text-align: right; }
	header.main div.header-contact a								{ height: 40px; display: inline-block; border-radius: 50%; transition: 0.4s; -webkit-transition: 0.4s; }
	header.main div.header-contact a.instagram						{ margin: 0% 39px 0% 0%; }
	header.main div.header-contact a.facebook						{ margin: 0% 20px 0% 0%; }
	header.main div.header-contact a:hover							{ box-shadow: 0px 4px 22px 0px #999999; }
	header.main nav.main											{ margin: 25px 0% 0%; padding: 0%; position: relative; }
	header.main nav.main div.dropdown								{ width: 600px; max-width: 600px; left: auto; position: absolute; visibility: hidden; }
	header.main nav.main ul											{ margin: 0%; padding: 0%; list-style-type: none; text-align: right; position: relative; float:left;}
	header.main nav.main ul li										{ margin: 0%; padding: 0%; text-align: center; vertical-align: top; display: inline-block; position: relative; transition: 0.4s; -webkit-transition: 0.4s; }
	header.main nav.main ul li a									{ margin: 0%; padding: 0.425em 0.85em 0.425em 0.85em; font-size: 0.938em; line-height: 1em; text-align: left; text-transform:uppercase; display: block; position: relative; color: #666666; z-index: 30; }
	header.main nav.main ul li.current a							{ }
	header.main nav.main ul li:hover 								{ background-color: #907933; }
	header.main nav.main ul li:hover a								{ color: #f4eeee; }
	header.main nav.main ul li ul.drop								{ margin: 0%; padding: 1em 1.375em 1.625em 1.375em; width: 50%; left: 0px; display: inline-block; position: relative; list-style-type: none; visibility: hidden; background-color: #F3F3F3;  opacity: 0; z-index: 20; transition: 0.4s; -webkit-transition: 0.4s; }
	header.main nav.main ul li:hover ul.drop						{ visibility: visible; opacity: 1; }
	header.main nav.main ul li ul.drop li							{ margin: 0%; padding: 0%; display: list-item; text-align: left; }
	header.main nav.main ul li ul.drop li a							{ margin: 0%; padding: 0%; font-size: 0.85em; line-height: 2em; font-weight: normal; display: inline-block; color: #666666; border-bottom: 0px; }
	header.main nav.main ul li ul.drop li.current a					{ color: #907933; }
	header.main nav.main ul li ul.drop li:hover 					{ background-color: #F3F3F3; }
	header.main nav.main ul li ul.drop li:hover a					{ color: #907933; }
	header.main nav.main ul li ul.drop li div.arrow					{ margin: 0% 0% 0% 10px; width: 7px; height: 11px; bottom: 9px; display: inline-block; position: absolute; visibility: hidden; background-image: url('https://www.carefreecakes.co.uk/images/nav_drop_arrow.png'); background-repeat: no-repeat; opacity: 0; transition: 0.4s; -webkit-transition: 0.4s; }
	header.main nav.main ul li ul.drop li:hover div.arrow			{ visibility: visible; opacity: 1; }
	header.main #mobile-nav											{ display: none; }

/* ----- Footer Styling ----- */

	footer.main														{ margin: 0% 0% 3px 0%; padding: 87px 0% 101px 0%; width: 100%; position: relative; background-color: #FFFFFF; }
	footer.main div.footer-content									{ margin: 0%; padding: 0%; width: 100%; text-align: center; }
	footer.main div.footer-content p								{ margin: 0%; font-size: 1.125em; line-height: 1.667em; font-weight: 400; color: #313131; letter-spacing: 0.01em; }
	footer.main div.footer-content p span.slash						{ margin: 0% 0.425em; }
	footer.main div.footer-contact									{ margin: 0% 0% 38px 0%; padding: 0%; width: 100%; text-align: center; }
	footer.main div.footer-contact a								{ height: 40px; display: inline-block; border-radius: 50%; transition: 0.4s; -webkit-transition: 0.4s; }
	footer.main div.footer-contact a.instagram						{ margin: 0% 29px 0% 4px; }
	footer.main div.footer-contact a.facebook						{ margin: 0% 20px 0% 0%; }
	footer.main div.footer-contact a:hover							{ box-shadow: 0px 4px 22px 0px #999999; }

/* ----- Section Content Styling ----- */

	section.main													{ margin: 0%; padding: 0%; width: 100%; position: relative; }
	section.main div.wg-slider div.pips								{ padding: 0% 0% 0% 6px; bottom: -35px; left: 0px; }
	section.main div.wg-slider div.pips span.pip					{ margin: 0% 0.85% 0% 0%; padding: 0%; width: 10px; height: 10px; font-size: 0.1em; line-height: 0.5625em; font-weight: 400; text-transform: none; text-align: center; display: inline-block; color: transparent; background-color: #beb69c; border-radius: 50%; }
	section.main div.wg-slider div.pips span.pip.current			{ background-color: #464646; }
	section.main div.wg-slider div.pips span.pip:last-of-type		{ margin: 0%; }
	section.main div.wg-slider div.slide-arrow						{ background-repeat: no-repeat; opacity: 0.65; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; }
	section.main div.wg-slider div.slide-arrow:before				{ margin: 0%; padding: 0%; width: 44px; height: 44px; background-color: transparent; }
	section.main div.wg-slider div.slide-arrow.arrow-left			{ left: 12px; background-image: url('https://www.carefreecakes.co.uk/images/slider_arrow_left.png'); }
	section.main div.wg-slider div.slide-arrow.arrow-left:hover		{ opacity: 1; cursor: pointer; }
	section.main div.wg-slider div.slide-arrow.arrow-left:before	{ content: ''; }
	section.main div.wg-slider div.slide-arrow.arrow-right			{ right: 12px; background-image: url('https://www.carefreecakes.co.uk/images/slider_arrow_right.png'); }
	section.main div.wg-slider div.slide-arrow.arrow-right:hover	{ opacity: 1; cursor: pointer; }
	section.main div.wg-slider div.slide-arrow.arrow-right:before	{ content: ''; }
	section.main div.content a.button								{ margin: 0%; padding: 0.25em; min-width: 180px; font-size: 1.125em; line-height: 1.667em; text-decoration: none; display: inline-block; color: #FFFFFF; background-color: #7C9687; border: 0 none; transition: 0.4s; -webkit-transition: 0.4s; }
	section.main div.parallax-back									{ padding: 0%; width: 100%; position: relative; background-color: #EEEFEE; overflow: hidden; }
	section.main div.parallax-back img								{ width: 100%; display: block; position: absolute; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
	section.main div.content.first *								{ letter-spacing: 0.01em; }
	section.main div.content.first h1								{ margin: 0% 0% 1.em 0%; padding: 0%; }
	section.main div.content.first h2								{ margin: 2.125em 0% 0% 0%; padding: 0%; font-size: 1.5em; color: #919191; }
	section.main div.content.first p								{ margin: 0% 0% 1em 0%; padding: 0%; font-size: 1.125em; color: #919191; }
	section.main div.content.third *								{ letter-spacing: 0.01em; }
	section.main div.content div.panel								{ margin: 0%; width: 29.413%; float: left; }
	section.main div.content div.panel h4							{ margin: 1.65em 0% 0.225em 0%; font-size: 1.375em; font-weight: 400; color: #1B1E1C; }
	section.main div.content div.panel p							{ margin: 0%; font-size: 1em; line-height: 1.875em; font-weight: 400; font-style: italic; color: #1B1E1C; }
	section.main div.content div.panel img							{ margin: 0% auto; padding: 0%; display: block; }
	section.main div.content div.panel.middle						{ margin: 0% 5.88%; }
	section.main div.content div.bottom								{ margin: 1em 0% 0% 0%; padding: 0%; width: 100%; text-align: center; }
	section.main div.content div.bottom p							{ margin: 0%; }
	section.main div.content div.bottom a.button					{ padding: 0.5em 1.5em 0.613em 1.5em; min-width: 300px; font-size: 1em; text-transform: uppercase; background-color: #313131; }
	section.main div.content div.bottom a.button:hover				{ background-color: #303030; }

/* ----- Home Template Styling ----- */

	section.main.home												{ margin-top: 0px; padding: 21px 0% 0% 0%; }
	section.main.home div.content.first								{ margin: 0% auto; padding: 70px 1em 24px 1em; width: 100%; max-width: 950px; text-align: center; }
	section.main.home div.content.second							{ margin: 0% auto; padding: 43px 1em 150px 1em; width: 100%; max-width: 1020px; }
	section.main.home div.content.second div.panel					{ margin: 0%; width: 29.413%; float: left; }
	section.main.home div.content.second div.panel h3				{ margin: 3.063em 0% 1em 0%; padding: 0% 8% 0% 7%; font-size: 1.125em; line-height: 1.667em; font-weight: 400; color: #1B1E1C; letter-spacing: 0.01em; }
	section.main.home div.content.second div.panel.left				{ padding: 0%; }
	section.main.home div.content.second div.panel.right			{ padding: 0%; }
	section.main.home div.content.second div.panel.middle			{ margin: 0% 5.88%; }
	section.main.home div.content.third								{ margin: 0% auto; padding: 43px 1em 198px 1em; width: 100%; background-color: #F3F3F3; }
	section.main.home div.content.third div.offset					{ padding: 0%; max-width: 1020px; }

/* ----- Standard Template Styling ----- */

	section.main.standard											{ padding: 21px 0% 0% 0%; }
	section.main.standard div.content.first							{ margin: 0% auto; padding: 0% 0% 24px 0%; width: 100%; text-align: center; }
	section.main.standard div.content.first h1						{ margin: 1em 0% 1.225em 0%; }
	section.main.standard div.content.first h3						{ margin: 1em 0% 0.25em 0%; font-size: 1.325em; font-weight: 600; }
	section.main.standard div.content.second						{ margin: 0% auto; padding: 43px 0% 198px 0%; width: 100%; background-color: #F3F3F3; }
	section.main.standard div.content.second div.offset				{ padding: 0%; max-width: 1020px; }

/* Photo Gallery Feature Styles */

    section.main div.photo-gallery										{ margin: 0%; padding: 0%; width: 100%; }
    section.main div.photo-gallery div.popup-gallery					{ margin: 2em 0%;  }
	section.main div.photo-gallery div.album-list						{ position: relative; }
	section.main div.photo-gallery div.album-list h2					{ margin: 0.938em 0% 0.5em 0%; font-size: 1.25em; text-align: center; }
	section.main div.photo-gallery div.album-tile						{ margin: 1.5% 1.5% 0% 0%; padding: 0%; width: 32%; position: relative; float: left; box-sizing: border-box; overflow: hidden; }
	section.main div.photo-gallery div.album-tile a						{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; }
	section.main div.photo-gallery div.album-tile div.title				{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); box-sizing: border-box; z-index: 999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
	section.main div.photo-gallery div.album-tile div.title p			{ margin: 0%; padding: 0.125em 0%; width: 100%; top: 50%; transform: translate(0%,-50%); font-family: 'Kavivanar', sans-serif; font-size: 1.25em; font-weight: 600; position: absolute; text-shadow: 0px 2px 6px #000000; color: #FFFFFF; text-align: center; }
	section.main div.photo-gallery div.album-tile div.image				{ margin: 0%; padding: 0%; width: 100%; background-size: 100% auto; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
	section.main div.photo-gallery div.album-tile div.image img			{ margin: 0% !important; padding: 0%; width: 100%; display: block; opacity: 0; }
	section.main div.photo-gallery div.album-tile:hover div.title		{ background-color: rgba(0,0,0,0.1); }
	section.main div.photo-gallery div.album-tile:hover div.image		{ -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); -o-transform: scale(1.12); transform: scale(1.12); }
	section.main div.photo-gallery div.album-tile:nth-of-type(3n+1)		{ margin: 1.5% 1.5% 0% 0%; clear: both; }
	section.main div.photo-gallery div.album-tile:nth-of-type(3n+2)		{ margin: 1.5% 1.5% 0% 0%; }
	section.main div.photo-gallery div.album-tile:nth-of-type(3n+3)		{ margin: 1.5% 0% 0% 0%; }
	section.main div.photo-gallery div.photo-gallery					{ position: relative; }
	section.main div.photo-gallery div.photo-gallery h2					{ margin: 0.25em 0%; padding: 0%; font-size: 1.5em; }
	section.main div.photo-gallery div.photo-gallery div.page-back		{ padding: 0%; width: auto; top: 0px; right: 0px; text-align: center; position: absolute; }
	section.main div.photo-gallery div.photo-gallery div.page-back a.back-button { margin: 0%; padding: 0.75em 2em; font-size: 0.875em; font-weight: 600; text-transform: uppercase; display: inline-block; float: none; color: #FFFFFF; background-color: #D39747; }
	section.main div.photo-gallery div.photo-gallery div.page-back a.back-button:hover { background-color: #D69F55; }
	section.main div.photo-gallery a.photo-tile							{ margin: 0% 2% 2% 0%; padding: 0%; width: 15%; position: relative; float: left; display: block; box-sizing: border-box; }
	section.main div.photo-gallery a.photo-tile img						{ margin: 0%; padding: 0%; width: 100%; display: block; }
	section.main div.photo-gallery a.photo-tile div.name				{ margin: 0.25em 0%; padding: 0%; width: 100%; text-align: center; box-sizing: border-box; }
	section.main div.photo-gallery a.photo-tile div.name p				{ margin: 0%; padding: 0%; width: 100%; font-family: 'Kavivanar', sans-serif; text-align: center; box-sizing: border-box; }
	section.main div.photo-gallery a.photo-tile:nth-of-type(6n+1)		{ margin: 0% 2% 2% 0%; clear: both; }
	section.main div.photo-gallery a.photo-tile:nth-of-type(6n+6)		{ margin: 0% 0% 2% 0%; }
    div.mfp-gallery div.mfp-content div.mfp-figure						{ padding: 6px; border-radius: 6px; }

/* ----- Parallax Template Styling ----- */

	section.main.parallax											{ padding: 16px 0% 0% 0%; }
	section.main.parallax div.content.first							{ margin: 0% auto; padding: 56px 0% 24px 0%; width: 100%; max-width: 750px; text-align: center; }
	section.main.parallax div.content.second						{ margin: 0% auto; padding: 43px 0% 150px 0%; width: 100%; max-width: 1020px; }
	section.main.parallax div.content.second div.panel				{ margin: 0%; width: 50%; float: left; }
	section.main.parallax div.content.second div.panel h3			{ margin: 3.063em 0% 1em 0%; padding: 0% 8% 0% 7%; font-size: 1.125em; line-height: 1.667em; font-weight: 400; color: #1B1E1C; letter-spacing: 0.01em; }
	section.main.parallax div.content.second div.panel.left			{ padding: 0% 10px 0% 0%; }
	section.main.parallax div.content.second div.panel.right		{ padding: 0% 0% 0% 10px; }
	section.main.parallax div.content.third							{ margin: 0% auto; padding: 43px 0% 150px 0%; width: 100%; background-color: #F3F3F3; }
	section.main.parallax div.content.third div.offset				{ padding: 0%; max-width: 1020px; }

/* ----- Blog Template Styling ----- */

	section.main.blog div.content.first								{ margin: 0% auto; padding: 27px 0% 24px 0%; width: 100%; text-align: center; }
	section.main.blog div.content.first h3							{ margin: 1em 0% 0.25em 0%; font-size: 1.325em; font-weight: 600; }
	section.main.blog div.content.second							{ margin: 0% auto; padding: 43px 0% 120px 0%; width: 100%; background-color: #F3F3F3; }
	section.main.blog div.content.second div.offset					{ padding: 0%; max-width: 1020px; }

/* ----- Contact Template Styling ----- */

	section.main.contact											{ padding: 16px 0% 0% 0%; }
	section.main.contact div.content.first							{ margin: 0% auto; padding: 27px 0% 24px 0%; width: 100%; text-align: center; }
	section.main.contact div.content.first h3						{ margin: 1em 0% 0.25em 0%; font-size: 1.325em; font-weight: 600; }
	section.main.contact div.content.first p						{ margin: 0% 0% 1em 0%; }
	section.main.contact div.content.first div.column				{ margin: 0%; padding: 0%; width: 50%; float: left; }
	section.main.contact div.content.first div.column.left			{ padding: 0% 30px 0% 0%; }
	section.main.contact div.content.first div.column.right			{ padding: 0% 0% 0% 30px; }
	section.main.contact div.content.second							{ margin: 0% auto; padding: 43px 0% 198px 0%; width: 100%; background-color: #F3F3F3; }
	section.main.contact div.content.second div.offset				{ padding: 0%; max-width: 1020px; }

/* ----- Enquiry Form Feature Styling ----- */

	#enquiry-form													{ margin: 2.5em auto 0% auto; padding: 16px 20px; width: 100%; max-width: 460px; border: 1px solid #ECECEC; }
	#enquiry-form h2												{ margin: 0.5em 0% 0% 0%; }
	#enquiry-form form												{ margin: 0%; padding: 0%; }
	#enquiry-form form div.field-block								{ margin: 1em 0%; padding: 0%; width: 100%; }
	#enquiry-form form div.field-block.left							{ margin: 1em 0% 0% 0%; padding: 0% 8px 0% 0%; width: 50%; float: left; }
	#enquiry-form form div.field-block.right						{ margin: 1em 0% 0% 0%; padding: 0% 0% 0% 8px; width: 50%; float: right; }
	#enquiry-form form div.field-block label						{ margin: 0%; padding: 0% 0% 0.125em 0.125em; width: 100%; font-size: 0.938em; display: none; }
	#enquiry-form form div.field-block input[type=text]				{ margin: 0%; padding: 0.25em 0.5em; width: 100%; border: 1px solid #C0C0C0; border-radius: 3px; transition: 0.4s; -webkit-transition: 0.4s; }
	#enquiry-form form div.field-block input[type=text]:hover		{ border: 1px solid #828282; }
	#enquiry-form form div.field-block input[type=text]:focus		{ border: 1px solid #828282; }
	#enquiry-form form div.field-block textarea						{ margin: 0%; padding: 0.25em 0.5em; width: 100%; border: 1px solid #C0C0C0; border-radius: 3px; transition: 0.4s; -webkit-transition: 0.4s; }
	#enquiry-form form div.field-block textarea:hover				{ border: 1px solid #828282; }
	#enquiry-form form div.field-block textarea:focus				{ border: 1px solid #828282; }
	#enquiry-form form div.field-block.captcha						{ margin: 0% auto; max-width: 300px; position: relative; }
	#enquiry-form form div.field-block div.input					{ margin: 0%; padding: 0% 116px 0% 0%; width: 100%; }
	#enquiry-form form div.field-block div.captcha					{ margin: 0%; padding: 0%; width: 100%; max-width: 100px; top: 0px; right: 0px; position: absolute; }
	#enquiry-form form div.field-block div.captcha img				{ margin: 0%; padding: 0%; width: 100%; display: block; border-radius: 3px; }
	#enquiry-form form div.field-block input[type=submit]			{ margin: 1em 0% 0% 0%; padding: 0.5em; width: 100%; max-width: 110px; text-transform: uppercase; color: #FFFFFF; background-color: #907933; border: 0px; border-radius: 0px; transition: 0.4s; -webkit-transition: 0.4s; }
	#enquiry-form form div.field-block input[type=submit]:hover		{ background-color: #907933; }

/* ----- Google Map Feature Styling ----- */

	#google-map														{ margin: 0%; padding: 16px 16px; width: 100%; position: relative; border: 1px solid #ECECEC; }
	#google-map #map-container										{ width: 100%; height: 680px; }

/* ----- Global Class Styling ----- */

	.clear															{ margin: 0%; width: 100%; height: 0px; clear: both; }
	.error															{ color: #FFFFFF !important; background-color: #B01858 !important; }

/* ----- 1024px Resolution Specific Behaviour ----- */

	@media only screen and (min-width: 0px) and (max-width: 1220px) {

	/* ----- Page Setup Styling ----- */

		div.offset													{ width: 100%; }

	/* ----- Header & Navigation Styling ----- */

		header.main nav.main ul li a								{ margin: 0%; padding: 0.425em 0.6em 0.425em 0.6em; font-size: 1em; line-height: 1em; }
		header.main nav.main div.dropdown							{ left: 50%; transform: translate(-50%,0%); z-index: 40; }

/* ----- 800px Resolution Specific Behaviour ----- */

	} @media only screen and (min-width: 0px) and (max-width: 800px) {

	/* ----- Page Setup Mobile Styling ----- */

		div.offset													{ padding: 0%; }

	/* ----- Main Text Mobile Styling ----- */

		section.main div.content h1									{ font-size: 2em; line-height: 1.25em; text-align: center; }
		section.main div.content h2									{ font-size: 1.75em; line-height: 1.25em; }
		section.main div.content h3									{ font-size: 1.375em; line-height: 1.25em; }
		section.main div.content p									{ font-size: 1.25em; line-height: 1.5em; }
		section.main div.content ol									{ padding-left: 2.375em; }
		section.main div.content ul									{ padding-left: 2.375em; }
		section.main div.content li									{ font-size: 1.25em; }
		section.main div.content img								{ margin: 0% auto; display: block; }

	/* ----- Header & Navigation Mobile Styling ----- */

		header.main													{ height: 64px; position: fixed; }
		header.main div.offset										{ padding: 0% 12px; }
		header.main div.header-logo									{ padding: 0.5em 0%; width: 50%; max-width: 140px; }
		header.main div.header-logo a								{ margin: 0%; display: block; }
		header.main div.header-details								{ width: 50%; height: 64px; }
		header.main div.header-contact								{ display: none; }
		header.main div.mobile-menu									{ padding: 0.5em 12px 0.5em 0%; width: 42px; top: 50%; right: 0px; font-size: 1.5em; text-align: right; position: absolute; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); cursor: pointer; }
		header.main div.mobile-menu div.icon						{ width: 30px; height: 26px; background-repeat: no-repeat; background-size: 100% auto; }
		header.main div.mobile-menu div.icon.closed					{ background-image: url('https://www.carefreecakes.co.uk/images/menu_button.png'); }
		header.main div.mobile-menu div.icon.open					{ background-image: url('https://www.carefreecakes.co.uk/images/menu_button_open.png'); }
		header.main nav.main										{ display: none; }
		#mobile-nav													{ top: 64px; left: 0px; right: 0px; position: fixed; display: block; overflow-x: hidden; z-index: 900; }
		#mobile-nav #menu-container									{ top: 0px; bottom: 0px; left: 0px; right: 0px; position: relative; }
		#mobile-nav #menu-container ul								{ background-color: #919191; border-top: 0px; }
		#mobile-nav #menu-container ul li							{ border-bottom: 0px; }
		#mobile-nav #menu-container ul li .slicknav_arrow			{ max-width: 0.875em; }
		#mobile-nav #menu-container ul li a							{ font-family: 'Roboto', cursive !important; }
		#mobile-nav #menu-container ul li ul						{ background-color: #F0F0F0; }
		#mobile-nav #menu-container ul li ul li						{ border-top: 0px; }
		#mobile-nav #menu-container ul li ul li a					{ color: #919191; }

	/* ----- Footer Mobile Styling ----- */

		footer.main													{ padding: 4.375em 0% 5em 0%; }
		footer.main div.offset										{ padding: 0% 12px; }
		footer.main p												{ font-size: 1em; }

	/* ----- Section Content Mobile Styling ----- */

		section.main div.content									{ padding: 0%; width: 100%; float: none; }
		section.main div.parallax-back								{ padding-top: 65% !important; }
		section.main div.parallax-back img							{ width: auto; height: 100%; min-width: 100%; min-height: 100%; }
		section.main div.parallax-back.banner img					{ width: auto; height: 100%; min-width: 100%; min-height: 100%; }

	/* ----- Home Template Mobile Styling ----- */

		section.main.home											{ padding: 64px 0% 0% 0%; }
		section.main.home div.slider div.slide-arrow				{ background-image: none !important; }
		section.main.home div.content.first							{ padding: 72px 1em 16px 1em; }
		section.main.home div.content.second						{ padding: 36px 1em 80px 1em; }
		section.main.home div.content.third							{ padding: 43px 1em 48px 1em; }

	/* ----- Standard Template Mobile Styling ----- */

		section.main.standard										{ padding: 64px 0% 0% 0%; }
		section.main.standard div.content.first						{ padding: 0% 1em 48px 1em; }
		section.main.standard div.content.second					{ padding: 43px 1em 48px 1em; }

	/* ----- Parallax Template Mobile Styling ----- */

		section.main.parallax										{ padding: 64px 0% 0% 0%; }
		section.main.parallax div.content.first						{ padding: 0% 1em 16px 1em; }
		section.main.parallax div.content.second					{ padding: 36px 1em 80px 1em; }
		section.main.parallax div.content.third						{ padding: 43px 1em 48px 1em; }

	/* ----- Contact Template Mobile Styling ----- */

		section.main.contact										{ padding: 64px 0% 0% 0%; }
		section.main.contact div.content.first						{ padding: 0% 1em 16px 1em; }
		section.main.contact div.content.first div.column			{ width: 100%; float: none; }
		section.main.contact div.content.first div.column.left		{ padding: 0% 0% 32px 0%; }
		section.main.contact div.content.first div.column.right		{ padding: 0%; }
		section.main.contact div.content.second						{ padding: 43px 1em 48px 1em; }

	/* ----- Enquiry Form Feature Mobile Styling ----- */

		#enquiry-form												{ margin: 2em auto 0% auto; }

	/* ----- Google Map Feature Mobile Styling ----- */

		#google-map													{ padding: 8px 8px; }
		#google-map #map-container									{ height: 320px; }

/* ----- 720px Resolution Specific Behaviour ----- */

	} @media only screen and (min-width: 0px) and (max-width: 720px) {

	/* ----- Section Content Styling ----- */

		section.main div.content div.panel							{ width: 48%; text-align: center; }
		section.main div.content div.panel.middle					{ margin: 0% 0% 0% 4%; }
		section.main div.content div.panel.right					{ display: none; }

	/* ----- Home Template Mobile Styling ----- */

		section.main.home div.content.second div.panel.right		{ display: block; }

	/* ----- Parallax Template Mobile Styling ----- */

		section.main.parallax div.content.second div.panel.right	{ display: block; }

	/* ----- Photo Gallery Feature Mobile Styling ----- */

		section.main div.photo-gallery div.album-tile				{ margin: 3% 3% 0% 0%; width: 48.5%; }
		section.main div.photo-gallery div.album-tile:nth-of-type(2n+1) { margin: 3% 3% 0% 0%; clear: both; }
		section.main div.photo-gallery div.album-tile:nth-of-type(2n+2) { margin: 3% 0% 0% 0%; clear: none; }
		section.main div.photo-gallery a.photo-tile					{ margin: 1.5% 1.5% 0% 0%; width: 32%; }
		section.main div.photo-gallery a.photo-tile:nth-of-type(3n+1) { margin: 1.5% 1.5% 0% 0%; clear: both; }
		section.main div.photo-gallery a.photo-tile:nth-of-type(3n+2) { margin: 1.5% 1.5% 0% 0%; clear: none; }
		section.main div.photo-gallery a.photo-tile:nth-of-type(3n+3) { margin: 1.5% 0% 0% 0%; clear: none; }

/* ----- 520px Resolution Specific Behaviour ----- */

	} @media only screen and (min-width: 0px) and (max-width: 520px) {

	/* ----- Home Template Mobile Styling ----- */

		section.main.home div.content.second div.panel				{ width: 100%; float: none; text-align: center; }
		section.main.home div.content.second div.panel h3			{ margin: 1.5em 0% 0% 0%; padding: 0% 3%; }
		section.main.home div.content.second div.panel.left			{ margin: 0% 0% 48px 0%; padding: 0%; }
		section.main.home div.content.second div.panel.middle		{ margin: 0% 0% 48px 0%; }
		section.main.home div.content.second div.panel.right		{ padding: 0%; }

	/* ----- Parallax Template Mobile Styling ----- */

		section.main.parallax div.content.second div.panel			{ width: 100%; float: none; text-align: center; }
		section.main.parallax div.content.second div.panel h3		{ margin: 1.5em 0% 0% 0%; padding: 0% 3%; }
		section.main.parallax div.content.second div.panel.left		{ margin: 0% 0% 48px 0%; padding: 0%; }
		section.main.parallax div.content.second div.panel.right	{ padding: 0%; }

/* ----- 400px Resolution Specific Behaviour ----- */

	} @media only screen and (min-width: 0px) and (max-width: 400px) {

	/* ----- Section Content Mobile Styling ----- */

		section.main div.content div.bottom a.button				{ min-width: 100%; }

	}