/*
 Theme Name:     MH OPtical
 Theme URI:      http://www.webweaving.com/
 Description:    Child Theme of Nimble
 Author:         Web Weaving
 Author URI:     http://www.webweaving.com/
 Template:       Nimble
 Version:        1.0.0
*/

@import url('https://www.mhopticalservices.com/wp-content/themes/Nimble/style.css');

/* latin-ext */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.mhopticalservices.com/wp-content/uploads/easyfonts/fonts/courgette/courgette-normal-latin-ext-400.woff2?ver=1785872568') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.mhopticalservices.com/wp-content/uploads/easyfonts/fonts/courgette/courgette-normal-latin-400.woff2?ver=1785872568') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Galdeano';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.mhopticalservices.com/wp-content/uploads/easyfonts/fonts/galdeano/galdeano-normal-latin-400.woff2?ver=1785872568') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://www.mhopticalservices.com/wp-content/uploads/easyfonts/fonts/oswald/oswald-normal-latin-ext.woff2?ver=1785872568') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://www.mhopticalservices.com/wp-content/uploads/easyfonts/fonts/oswald/oswald-normal-latin.woff2?ver=1785872568') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.mhopticalservices.com/wp-content/uploads/easyfonts/fonts/oswald/oswald-normal-latin-ext.woff2?ver=1785872568') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.mhopticalservices.com/wp-content/uploads/easyfonts/fonts/oswald/oswald-normal-latin.woff2?ver=1785872568') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://www.mhopticalservices.com/wp-content/uploads/easyfonts/fonts/oswald/oswald-normal-latin-ext.woff2?ver=1785872568') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://www.mhopticalservices.com/wp-content/uploads/easyfonts/fonts/oswald/oswald-normal-latin.woff2?ver=1785872568') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*------------------------------------------------*/

/*-----------------[RESET]------------------------*/

/*------------------------------------------------*/

body { font-family: "Oswald", sans-serif; font-size: 20px; font-weight: 300; line-height: 40px; background: transparent; }

/* PARALLAX */

.parallax-window { background: transparent; height: 775px; }
.overlay { height: 775px; width: 100%; background: rgba(0,0,0,0.15); }

.parallax-window2 { background: transparent; height: 400px; }
  

/* END PARALLAX */

p { line-height: 40px; margin: 0px 0px 15px 0px; }

a:hover { text-decoration: none !important; color: #7aa530; }

.post_content h1 { margin-bottom: 15px; }

.container { width: 1200px; margin: 0px auto 0px auto; position: relative; }

#main-header { background: transparent; }
header .container { padding-top: 0px; position: relative; width: 1200px; margin: 0px auto 0px auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }

.containMe { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; }

#logo { float: none; display: block; margin: 0px 0px 0px 0px; padding-left: 0px; }
.header {
    position: fixed;
    top: 5;
    left: 0;
    width: 100%;
    color:#fff;
	background: #fff;
    z-index: 1000;
    height: 150px;
    overflow: visible;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    transition: height 0.5s;
    text-align:center;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
}
.header .container { text-align: center; }
.header.shrink { height: 100px; }
.header .container img#logo {
	position: relative;
	height: 107px;
	width: 389px;
	margin-bottom: 3px;
	left: 0px;
	-webkit-transition: height 0.5s ease, width 0.5s ease;
    -moz-transition: height 0.5s ease, width 0.5s ease;
    transition: height 0.5s ease, width 0.5s ease;
}
.header.shrink .container img#logo {
	height: 57px;
	width: 207px;
	-webkit-transition: height 0.5s ease, width 0.5s ease;
    -moz-transition: height 0.5s ease, width 0.5s ease;
    transition: height 0.5s ease, width 0.5s ease;
}

.tagline { color: #7aa530; font-size: 54px; line-height: 107px; text-align: left; font-family: "Courgette", cursive; letter-spacing: -2px;
/* Safari */
-webkit-transform: rotate(-3deg);

/* Firefox */
-moz-transform: rotate(-3deg);

/* IE */
-ms-transform: rotate(-3deg);

/* Opera */
-o-transform: rotate(-3deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

-webkit-transition: font-size 0.5s ease, left 0.5s ease, line-height 0.5s ease;
    -moz-transition: font-size 0.5s ease, left 0.5s ease, line-height 0.5s ease;
    transition: font-size 0.5s ease, left 0.5s ease, line-height 0.5s ease;
 }
.header.shrink .tagline { font-size: 32px; line-height: 57px; 
	-webkit-transition: font-size 0.5s ease, left 0.5s ease, line-height 0.5s ease;
    -moz-transition: font-size 0.5s ease, left 0.5s ease, line-height 0.5s ease;
    transition: font-size 0.5s ease, left 0.5s ease, line-height 0.5s ease; }

img.anniversary { height: 98px; width: auto; transition: all 0.5s ease-in-out; }
.header.shrink img.anniversary { height: 57px; width: auto; transition: all 0.5s ease-in-out; }

.findus { width: 100%; height: auto; color: #fff; background: #192c6a; box-shadow: 0px 0px 3px rgba(0,0,0,0.15); z-index: 2; }

.findus .callme { float: right; color: #fff; position: absolute; top: 0px; right: 0px; width: auto; }
.callme a { text-decoration: none; color: #fff; padding: 0px 5px 0px 5px; font-size: 18px; font-weight: 400; line-height: 40px; text-transform: uppercase; margin: 0px 0px 0px 40px; float: left; display: block;  }
.callme a:hover { color: #b3f442;  }
.callme a.facebook img { width: 23px; height: auto; position: relative; top: 3px; }
.callme a.email { background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/icon_email.png') 0px center no-repeat; width: 23px; height: 40px; }
.callme a.email:hover { background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/icon_email_c.png') 0px center no-repeat; }

#menu { width: 1200px; margin: 0px auto 0px auto; position: relative; }

.searchme { position: absolute; top: 0px; right: 260px; display: block; }

.searchie { display: block; clear: both; position: relative; }

/* Search Form */

.search-form {
	position: absolute;
	left: 0px;
	top: 0px;
}

.search-field {
	background-color: transparent;
	background-image: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/icon_search.png');
	background-position: 5px 3px;
	background-repeat: no-repeat;
	background-size: 24px 24px;	
	top: -3px;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	height: 34px;
	margin: 0px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition: width 400ms ease, background 400ms ease;
	width: 0;
	color: #fff;
	z-index: 8888;
}
#searchie:hover .search-field {
	background-image: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/icon_search_c.png');
}

#searchie:hover .search-field:focus {
	background-image: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/icon_search.png');
}

.search-field:focus {
	background-color: #fff;
	border: 2px solid #fff;
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5);
	cursor: text;
	outline: 0;
	width: 200px;
	font-family: "Oswald", san-serif;
	font-style: italic;
	color: #192c6a;
	z-index: 9999;
	padding-left: 10px;
}

.search-submit {
  display: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

#search-form #searchinput {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #192c6a;
    float: left;
    font-size: 14px;
    margin: 9px 14px 0 7px;
    padding-left: 14px;
    width: 200px;
}


#search-form #searchsubmit {
    margin-right: 0px;
    margin-top: 13px;
}

.findit { display: block; float: right; position: absolute; top: 6px; left: 35px; z-index: 1; line-height: 30px; }

#top-menu { float: none; margin: 0px 0px 0px 0px; width: auto; display: block; clear: both; padding: 0px; background: transparent; height: 40px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group .mega-menu-description { display: none; }

#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group { vertical-align: top; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group .mega-menu-title, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group .mega-menu-description { line-height: inherit; }

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item { margin-right: 40px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:last-child { margin-right: 0px; }

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 1px 3px 2px rgba(0,0,0,0.25); }

#top-menu a, a.mobile_nav { text-shadow: none; }
#top-menu a { padding: 0px 0px 0px 0px; }

ul.slide, .parallax-window1 ul li div ul.slippery, ul.slippitydo {
	margin: 0px;
	padding: 0px;
}

ul.slide li, .parallax-window1 ul li div ul.slippery li {
	margin: 0px;
	padding: 0px;
	display: block;	
}
ul.slippitydo li { margin-bottom: 15px; }

ul.slide li a {
	text-decoration: none;
	border: none; 
    color: #fff;
}

ul.slide li a img {
	text-decoration: none;
	border: none;
	width: 100%; 
	height: auto;
}

.stamp { width: 100%; position: relative; top: 200px; }
.logostamp { position: relative; z-index: 5; top: 0px; text-align: center; width: 1200px; height: 495px; margin: 0px auto 0px auto; }
.logostamp2 { position: relative; z-index: 5; top: 0px; text-align: center; width: 1200px; height: 525px; margin: 0px auto 0px auto; }
.logostamp img { position: relative; top: 0px; }

.callout { width: 100%; position: relative; top: 225px; }

.caption { position: relative; z-index: 9999; top: 0px; text-align: center; width: 1200px; height: 400px; margin: 0px auto 0px auto; }
.caption .container { position: relative; top: auto; right: 0px; width: 600px; padding: 10px 0px 10px 0px; border-radius: none; z-index: 9999; margin: 0px; }
.caption .container h1 { font-size: 80px; font-weight: normal; letter-spacing: normal; text-transform: uppercase; color: #fff; position: relative; top: auto; right: auto; margin: 0px auto 25px 0px; text-align: left; text-shadow: 5px 3px 0px rgba(0,0,0,0.75); }
.caption .container .boxme { display: block; width: 100%; height: auto; padding: 20px 20px 60px 20px; background: rgba(255,255,255,0.75); border-radius: 10px; }
.caption .container p { line-height: 40px;  font-size: 24px; font-weight: 300; color: #000; position: relative; top: auto; right: auto; width: 100%; text-align: left; margin: 0px auto 0px auto; }
.caption .container a { box-shadow: 0px 0px 3px rgba(0,0,0,0.5); text-transform: uppercase; text-shadow: none; font-size: 18px; font-weight: 400; padding: 0px 10px 5px 10px; color: #000; border-radius: 5px; background: transparent; position: relative; top: 0px; right: 0px; display: block; text-align: center; margin: 0px; float: right; line-height: normal; }
.caption .container a:hover { color: #7aa530; background: rgba(255,255,255,1); }
.caption .container a span { font-size: 26px; }


.faceit { position: absolute; float: right; top: 10px; right: 0px; }
.faceit a { background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/icon_menusocial.png') no-repeat; width: 23px; height: 23px; display: block; }
.faceit a:hover { text-decoration: none; background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/icon_menusocial_c.png') no-repeat; }

.topshadow { background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/bg_topshadow.png') top repeat-x; width: 100%; min-height: 83px; }
.btmshadow { width: 100%; height: 575px; display: block; clear: both; background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/bg_btmshadow.png') bottom repeat-x transparent; }

.parallax-window1 { background: transparent; height: auto; }
.overshadow { background: rgba(0,0,0,0.5); width: 100%; height: auto; padding: 100px 0px 75px 0px; }
.parallax-window1 ul { list-style: none; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 1200px; display: block; clear: both; }
.parallax-window1 ul li { list-style: none; margin: 0px 22px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; text-align: center; float: left; }
.parallax-window1 ul li:first-child { list-style: none; display: inline-block; text-align: left; float: left; width: 800px; }
.parallax-window1 ul li:last-child { margin-right: 0px; margin-top: 60px; float: right; }
.parallax-window1 ul li a { text-decoration: none; padding: 20px 5px 5px 5px; background: rgba(0,0,0,0.65); width: 260px; height: 240px; display: block; border-radius: 10px; border: solid 5px rgba(255,255,255,0); z-index: 5; position: relative; }
.parallax-window1 ul li a p { font-size: 18px; color: #fff; line-height: 36px; font-weight: 400; text-align: left; margin-top: 10px; padding-bottom: 0px; }
.parallax-window1 ul li a:hover { border: solid 5px rgba(122,165,48,1); box-shadow: inset 0px 0px 5px rgba(0,0,0,1); background: rgba(0,0,0,0.25); }

.parallax-window1 ul li:first-child a, .parallax-window1 ul li:first-child a:hover { text-decoration: none; padding: 0px; background: transparent; width: auto; height: auto; display: block; border-radius: none; border: none; z-index: 5; position: relative; box-shadow: none; }

.parallax-window1 ul li a ul.slippery p { font-size: 18px; color: #fff; line-height: 24px; font-weight: 400; text-align: left; padding: 5px; margin-top: 0px; letter-spacing: normal; }
.parallax-window1 ul li a ul.slippery h1 { font-size: 24px; color: #fff; line-height: 24px; font-weight: 400; text-align: left; padding: 5px; margin-top: 15px; margin-bottom: 15px; letter-spacing: normal; }
.parallax-window1 ul li a h2 { font-family: "Oswald", san-serif; font-size: 80px; font-weight: normal; letter-spacing: normal; color: #fff; text-shadow: 5px 3px 0px rgba(0,0,0,0.75); text-transform: uppercase; margin-top: 0px; }

.parallax-window1 ul li a .homethumb img, .parallax-window1 ul li a:hover .homethumb img { z-index: 9999; position: relative; float: right; top: auto; left: auto; margin: 25px 0px 10px 25px; width: auto; max-width: 50%; height: auto; max-height: 65px; background: #fff; border: solid 3px #fff; }
		
	.parallax-window1 ul li a span.readie { text-decoration: none; padding: 0px 0px 0px 0px; background: none; width: auto; height: auto; display: block; border-radius: 0px; border: none; z-index: 7777; position: absolute; top: 225px; left: 10px; color: #fff; font-size: 16px; letter-spacing: normal; font-weight: 400; box-shadow: none; text-transform: none; }
	.parallax-window1 ul li a:hover span.readie { font-size: 16px; letter-spacing: normal; font-weight: 400; color: #fff; } 
	
	.parallax-window1 ul li a span { background: #fff; color: #444; border-radius: 3px; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); padding: 2px; width: auto; height: 24px; line-height: 24px; margin: 0px auto 0px auto; font-size: 18px; text-transform: uppercase; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; float: right;  }
	.parallax-window1 ul li a:hover span { font-size: 20px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } 
	
	.parallax-window1 ul li a span strong { color: #444; }
.parallax-window1 ul li a div.icon_spot { z-index: 9999; position: absolute; top: -65px; left: 33%; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/icon_testmimonials_hm.png') center center no-repeat; width: 96px; height: 96px; display: block; }
.parallax-window1 ul li a:hover div.icon_spot { top: -58px; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/icon_testmimonials_hmc.png') center center no-repeat; width: 96px; height: 96px; display: block; }

.main-squeeze { padding: 0px 0px 25px 0px; position: relative; top: 0px; display: block; clear: both; }

.parallax-window2 h1.title { font-family: "Oswald", san-serif; font-size: 80px; font-weight: normal; letter-spacing: normal; width: 1200px; margin: 0px auto 0px auto; padding: 225px 0px 10px 0px; color: #fff; text-shadow: 5px 3px 0px rgba(122, 165, 48,1.00); text-transform: uppercase; z-index: 2; position: relative; }

#left-side h1.title { font-family: "Courgette", cursive; letter-spacing: -2px; color: #7aa530; font-size: 54px; font-weight: normal; margin: 15px 0px 15px 0px; padding-bottom: 0px; }

.spot3 { width: 100%; height: auto; display: block; clear: both; background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/bg_btmshadow.png') bottom repeat-x #fff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
.spot3 .coolio { width: 1200px; margin: 0px auto 0px auto; }
.spot3 .container { padding: 80px 0px 80px 0px; height: auto; }
.spot3 .container .product, .spot3 .container .stuffwedo { width: 45%; display: inline-block; float: left; padding-bottom: 15px; }
.spot3 .container .product { float: right; }
.spot3 h1 { font-family: "Courgette", cursive; letter-spacing: -2px; color: #7aa530; font-size: 54px; font-weight: normal; margin: 15px 0px 15px 0px; padding-bottom: 0px; }
.spot3 h2 { letter-spacing: normal; color: #192c6a; font-size: 24px; font-weight: normal; margin: 0px 0px 15px 0px; padding-bottom: 0px; z-index: 4; }
.spot3 p { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; font-size: 20px; line-height: 40px; }
.spot3 a.lern { text-transform: uppercase; background: #7aa530; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); color: #fff; display: block; font-weight: normal; font-size: 18px; height: 30px; line-height: 30px; border-radius: 5px; padding: 0px 3px 0px 3px; position: relative; float: right; z-index: 1; }
.spot3 a.lern:hover { color: #7aa530; background: #fff; }

.main-squeeze .container ul { width: 1200px; clear: both; display: block; z-index: 0; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; position: relative; top: -20px; }
.main-squeeze .container ul li { display: inline-block; }
.main-squeeze .container ul li#left-side { width: 69%; padding: 78px 10px 50px 20px; margin: 0px 0px 0px 0px; min-height: 250px; }
.category-7 .main-squeeze .container ul li#left-side { width: 69%; padding: 20px 10px 50px 20px; margin: 0px 0px 0px 0px; min-height: 250px; }
.main-squeeze .container ul li#sidebar { width: 26%; padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px; background: none; float: right; position: relative; top: -15px; }

.main-squeeze .container h2 { margin: 0px 0px 15px 0px; letter-spacing: -0.25px; }
.main-squeeze .container p { margin: 0px 0px 10px 0px; line-height: 40px; }
.main-squeeze .container img { float: right; margin: 10px 0px 5px 25px; border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); max-width: 50%; height: auto; }

.supersize { float: right; display: inline-block; }
.supersize iframe { box-shadow: 0px 0px 3px rgba(0,0,0,0.5); width: 400px; height: 275px; }

.main-squeeze .container img.rightie { float: right; margin: 0px 10px 5px 0px; border: none; box-shadow:none; max-width: none; height: auto; }

.main-squeeze .container img.alignleft { max-width: 50%; float: left; border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); margin: 15px 25px 10px 0px; }
.main-squeeze .container img.alignspesh { max-width: 50%; float: right; border: none; box-shadow: none; margin: 0px 0px 10px 25px; }
.main-squeeze .container img.alignmiddle { float: none; display: block; margin: 0px auto 5px auto; border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); max-width: 95%; }
.main-squeeze .container.alignmidspesh { float: none; display: block; margin: 0px auto 0px auto; border: none; box-shadow: none;  }

.main-squeeze .container h2 { letter-spacing: normal; line-height: normal; margin: 0px 0px 15px 0px; }

.main-squeeze .container a, .main-squeeze .container a strong { color: #7aa530; }
.main-squeeze .container a:hover, .main-squeeze .container a:hover strong { color: #b3f442; }

a.buttin { border-radius: 5px; background: #7aa530; color: #fff !important; padding: 3px 0px 3px 0px; text-transform: uppercase; display: block;box-shadow: 0px 0px 3px rgba(0,0,0,0.5); text-shadow: none; font-size: 16px; line-height: 16px !important; font-weight: 400; letter-spacing: normal; width: 200px; text-align: center;  margin: 0px 0px 0px 0px; }
a.buttin:hover { color: #7aa530 !important; background: transparent; }
a.buttin span { font-size: 20px; }

a.bouttin { border-radius: 5px; background: #7aa530; color: #fff !important; padding: 7px 0px 9px 0px; text-transform: uppercase; display: block;box-shadow: 0px 0px 3px rgba(0,0,0,0.5); text-shadow: none; font-size: 24px; line-height: 18px !important; font-weight: 400; letter-spacing: normal; width: 200px; text-align: center;  margin: 0px 0px 0px 0px; }
a.bouttin:hover { color: #7aa530 !important; background: transparent; }
a.bouttin span { font-size: 30px; }

.main-squeeze .container ul li#left-side ul.reg, .main-squeeze .container ul li#left-side ul.reg2 { width: auto; margin: 0px auto 25px auto; padding: 0px 0px 0px 0px; display: block; top: auto; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
.main-squeeze .container ul #left-side ul.reg li, .main-squeeze .container ul #left-side ul.reg2 li { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; display: block; font-size: 24px; line-height: normal; }
		
.main-squeeze .container ul li#left-side ul { width: auto; margin: 0px auto 25px 25px; padding: 0px 0px 0px 0px; display: block; top: auto; }
.main-squeeze .container ul #left-side ul li { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 18px; display: block; line-height: 36px; background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/bullet.png') 0px 18px no-repeat; }

.entry { float: none; margin: 0px auto 25px auto; width: auto; padding-bottom: 25px; border-bottom: solid 1px #eee; }
.category .main-squeeze .container .entry .post-thumbnail img { border: 5px solid #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); float: right; height: auto; margin: 10px 0px 10px 25px; max-width: 50%; }

.post-title::before { display: none; }
.post-title { border-bottom: none; margin-bottom: 5px; position: relative; text-align: left; }

.main-squeeze .container .entry h2.title { font-size: 22px; font-weight: 800; letter-spacing: normal; margin-bottom: 0px; padding-top: 15px; padding-bottom: 0px; text-align: left;  color:#192c6a;}

.main-squeeze .container .entry h2.title a {color:#192c6a; font-family: "Courgette", cursive;}
.main-squeeze .container .entry h2.title a:hover {color:#7aa530; font-family: "Courgette", cursive;}

.main-squeeze .container .entry p { margin-bottom: 0px; }

a.lurn-buttin { border-radius: 5px; background: #7aa530; color: #fff !important; padding: 3px 0px 3px 0px; text-transform: uppercase; display: block; float: right; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); text-shadow: none; font-size: 16px; line-height: 16px !important; font-weight: 400; letter-spacing: normal; width: 125px; text-align: center;  margin: 10px 0px 0px 0px; }
a.lurn-buttin:hover { color: #7aa530 !important; background: transparent; }
a.lurn-buttin span { font-size: 20px; }

.testimonial { width: 761px; height: 480px; margin: 0px auto 0px auto; background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/bg_testimonial.png') center center no-repeat; padding: 30px 20px 0px 20px; }

.main-squeeze .container ul #left-side ul.iconize { display: block; margin: 0 0 15px; padding: 0; }
.main-squeeze .container ul #left-side ul.iconize li { display: block; clear: both; height: 70px; margin: 0 0 25px; padding: 10px; background: #fff; border-radius: 20px; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.main-squeeze .container ul #left-side ul.iconize li:hover { box-shadow: 0px 0px 3px rgba(0,0,0,0.75); background: #f5f4f4; }
.main-squeeze .container ul #left-side ul.iconize li a { color: #444; }
.main-squeeze .container ul #left-side ul.iconize li p { margin-bottom: 0px; padding-bottom: 0px; }
.main-squeeze .container ul #left-side ul.iconize li img { float: left; margin: -10px 15px 0px 0px; border: none; box-shadow: none; }
.main-squeeze .container ul #left-side ul.iconize li h1 { margin: 10px 0px 5px 0px; padding: 0px 0px 0px 0px; color: #444; font-size: 20px; text-transform: uppercase; letter-spacing: normal; }
		
		.main-squeeze .container .textwidget p { font-size: 18px; line-height: 30px; }
		.main-squeeze .container #help .textwidget p { font-size: 20px; line-height: normal; text-align: center; }
		.main-squeeze .container #help .textwidget a.buttin { margin: 15px auto 0px auto; background: #7aa530; padding: 5px 0px 5px 0px; }
		.main-squeeze .container #help .textwidget a.buttin:hover { margin: 15px auto 0px auto; background: #fff; color: #7aa530; }
		.main-squeeze .container p.testie, p.testie { text-align: right !important; font-size: 14px; line-height: normal; margin-bottom: 0px; font-size: 18px; }
		
		.main-squeeze .container ul.slippery, .main-squeeze .container ul.slippy { top: 0px; width: auto; }
		.main-squeeze .container ul #left-side ul.slippery li { margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; display: block; line-height: 36px; background: none; border-bottom: 1px solid #eee;}
		
		.main-squeeze .container #testimonials ul.slippery p, .main-squeeze .container #testimonial ul.slippy p, .main-squeeze .container #forsale ul.slippery p { font-size: 18px; color: #444; line-height: 24px; font-weight: 300; text-align: left; padding: 0px 5px 5px 5px; margin-top: 0px; margin-bottom: 5px; letter-spacing: normal; }
		.main-squeeze .container #testimonial ul.slippy p { margin-top: 15px; }
		#testimonials ul.slippery h1, #testimonial ul.slippy h1, #forsale ul.slippery h1 { font-size: 20px; color: #7aa530; line-height: 24px; font-weight: 400; text-align: left; padding: 5px; margin-top: 15px; margin-bottom: 5px; letter-spacing: normal; }
		#forsale ul.slippery h1 { font-size: 20px; color: #7aa530; line-height: 24px; font-weight: 400; text-align: left; padding: 5px; margin-top: 15px; margin-bottom: 5px; letter-spacing: normal; }
		#forsale .homethumb img { z-index: 9999; position: relative; float: right; top: auto; left: auto; margin: 15px 0px 10px 25px; width: auto; max-width: 50%; height: auto; max-height: 65px; background: #fff; border: solid 3px #fff; }
		#testimonials .homethumb img, #testimonial .homethumb img { z-index: 9999; position: relative; float: right; top: auto; left: auto; margin: 25px 0px 10px 25px; width: auto; max-width: 50%; height: auto; max-height: 65px; background: #fff; border: solid 3px #fff; }
		
		.main-squeeze .container #testimonial ul.slippy .name p { font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 0px; margin-right: 10px; padding: 0px; text-align: right; font-style: italic; }
		
		.wp-caption.alignright {  margin: 0px 0px 10px 35px; display: inline-block; }
		.alignright { float: right; }
		.wp-caption.alignleft {  margin: 0px 35px 10px 0px; display: inline-block; }
		.alignleft { float: left; }
		.wp-caption { border: none; text-align: center; background-color: transparent; padding-top: 0px; margin-bottom: 10px; max-width: 400px; width: auto; padding: 0px; }
		.category-7 .wp-caption { border: none; text-align: center; background-color: transparent; padding-top: 0px; margin-bottom: 10px; max-width: 300px; width: auto; padding: 0px; position: relative; top: -30px; }
		.main-squeeze .container .wp-caption img { float: none; margin: 0px auto 0px auto; border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); max-width: 100%; height: auto; }
		.main-squeeze .container .wp-caption p.wp-caption-text { margin: 0px 0px 0px 0px; font-size: 22px; line-height: 24px; padding: 0px; margin: 0; color: #7aa530; font-family: "Courgette", cursive; letter-spacing: -2px; }
		
		.middles { width: 700px; margin: 0px auto; }
		.middlestoo { width: 700px; margin: 0px auto 0px auto; display: block; clear: both; height: 375px; }
		
.main-squeeze .container ul li#left-side ul.lineup { width: auto; margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; display: block; top: auto; }
.main-squeeze .container ul #left-side ul.lineup li { margin: 0px 0px 15px 10px; padding: 0px 0px 0px 0px; display: inline-block; line-height: normal; background: none; width: 31.5%; }
	.main-squeeze .container ul #left-side ul.lineup li img { width: 250px; height: auto; }
		
		.pp_hoverContainer { display: none !important; }
		
.widget { margin: 0px auto 65px auto; line-height: 24px; padding: 35px 20px 0px 20px; border: none; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); width: auto; text-shadow: none; position: relative; }

.main-squeeze .container #forsale ul.slippery { padding-bottom: 15px; padding-top: 15px; }

.widget h1.upright { font-family: "Courgette", cursive; letter-spacing: -2px; color: #192c6a; text-align: center; background: transparent; font-size: 42px; font-weight: normal; margin: 0px 0px 0px 0px; padding-bottom: 0px; }
.widget a:hover h1.upright  { color: #7aa530; }

.widget a.lern { text-transform: uppercase; background: #7aa530; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); color: #fff; display: block; font-weight: normal; font-size: 18px; height: 30px; line-height: 30px; border-radius: 5px; border: none; padding: 0px 3px 0px 3px; position: relative; float: right; z-index: 9999; font-family: "Oswald", sans-serif; padding: 0px 11px; }
.widget a.lern:hover, .frm_button_submit:hover { color: #7aa530; background: #fff; }

.with_frm_style .frm_button_submit, .frm_style_formidable-style.with_frm_style .frm_submit button { text-transform: uppercase; background: #7aa530; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); color: #fff; display: block; font-weight: normal; font-size: 18px; height: 30px; line-height: 30px; border-radius: 5px; border: none; padding: 0px 3px 0px 3px; position: relative; z-index: 9999; font-family: "Oswald", sans-serif; padding: 0px 11px; }


.with_frm_style .frm_button_submit, .frm_style_formidable-style.with_frm_style .frm_submit button:hover { text-transform: uppercase; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); color: #7aa530; display: block; font-weight: normal; font-size: 18px; height: 30px; line-height: 30px; border-radius: 5px; border: none; padding: 0px 3px 0px 3px; position: relative; z-index: 9999; font-family: "Oswald", sans-serif; padding: 0px 11px; }
		.widget h4.widgettitle { display: none; }	
		
		.widget > ul { margin: 0 0px 0 0; }

			.widget li { font-size: inherit; padding: 0 0 0px 0px; color: #000; background: none; }
			.widget li:hover { background: none; }

			.widget li a { color: #000; font-size: 16px; margin-left: 5px; }
			.widget li a:hover { color: #74563c; }
			
			.widget a { color: #000; font-size: inherit; }
			.widget a:hover { color: #74563c; }
			
	.widget img.quickie { position: absolute; top: -48px; left: 33%; border: none; box-shadow: none; float: none; height: auto; margin: 0px auto 0px auto; max-width: none; width: 85px; height: auto; }
			
footer { background: url('https://www.mhopticalservices.com/wp-content/themes/MHOptical/images/bg_topshadow.png') repeat-x top center; width: 100%; height: auto; z-index: 9999; position: relative; clear: both; float: none; padding-top: 25px; }
footer p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: normal; }
footer ul { list-style: none; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; width: 1200px; }
footer ul li { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; display: inline-block; }

footer ul li.footie img { width: 325px; height: auto; }

footer ul li.address { color: #444; width: auto; }
footer ul li.address p { line-height: 30px; display: inline-block; float: left; margin-left: 10px; font-size: 16px; }
footer ul li.address strong { color: #000; font-weight: 400; }
footer ul li.address a { color: #444; text-decoration: none; }
footer ul li.address a:hover { color: #7aa530; text-decoration: none; }
footer ul li.address a:hover strong { color: #7aa530; }
footer ul li.address img { width: 200px; height: auto; margin: -5px auto 0px auto; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; }

footer ul li.map { float: right; margin-top: -10px; }
footer ul li.map iframe { box-shadow: 0px 0px 3px rgba(0,0,0,0.5); width: 175px; height: 105px; }

footer p.copy { text-align: center; font-size:14px; text-shadow: none; color: #444; width: 100%; clear: both; display: block; margin-bottom: 35px; }
footer p.copy a { color: #7aa530; font-weight: normal; }
footer p.copy a:hover { color: #444; }

.showthis { display: none; }
			

@media only screen and ( max-width: 1200px ) {
	
.container { width: 100%; margin: 0px auto 0px auto; position: relative; }

header { height: auto; }

header .container { width: 100%; }

.header {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
	height: auto;
}

.header .container { height: auto; }

.header .container { text-align: center; }
	
	.containMe { width: 75%; }
	img.anniversary { width: 24%; height: auto; margin-right: 0.5%; }
	
	.containMe a { display: block; width: 50%; max-width: 400px; }

.header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    color:#fff;
	background: #fff;
    z-index: 1000;
    height: auto;
    overflow: visible;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    text-align: center;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
}
.header.shrink { height: auto; }
.header .container img#logo, .header.shrink .container img#logo {
	position: relative;
	height: auto;
	width: 100%;
	max-width: 400px;
	left: auto;
	-webkit-transition: none;
    -moz-transition: none;
    transition: height none;
}

.tagline, .header.shrink .tagline { color: #7aa530; font-size: 4vw; line-height: normal; -webkit-transition: none;
    -moz-transition: none;
    transition: none;  }

#menu { width: 100%; margin: 0px auto 0px auto; position: relative; }

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: none; }

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { margin-left: 25px; }

.parallax-window { height: auto; }

.overlay { height: auto; width: 100%; background: rgba(0,0,0,0.15); }

.callout { width: 100%; position: relative; top: auto; }

.caption { width: 100%; }
.caption .container { width: 100%; }
.caption .container h1 { font-size: 96px; }
.caption .container p {font-size: 28px; width: 75%; }

.stamp { width: 100%; position: relative; top: 0px; }
.logostamp { position: relative; z-index: 5; top: 0px; text-align: center; width: 100%; height: auto; margin: 0px auto 0px auto; padding: 50px 0px 50px 0px; }
.logostamp img { position: relative; top: 0px; width: 90%; margin: 0px auto 0px auto; }

.spot3 .coolio { width: 100%; margin: 0px auto 0px auto; }
.spot3 .container { padding: 20px 0px 20px 0px; height: auto; }
.spot3 .container .product, .spot3 .container .stuffwedo { width: 45%; display: inline-block; float: left; padding-bottom: 15px; margin-left: 25px; }
.spot3 .container .product { float: right; margin-left: 0px; margin-right: 25px; }
.parallax-window1 { background: transparent; height: auto; }

.overshadow { background: rgba(0,0,0,0.5); width: 100%; height: auto; padding: 30px 0px 30px 0px; }
.parallax-window1 ul { list-style: none; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 100%; display: block; clear: both; }
.parallax-window1 ul li:first-child { list-style: none; display: inline-block; text-align: left; float: left; width: 60%; margin-left: 50px; }
.parallax-window1 ul li:last-child { margin-right: 25px; margin-top: 60px; float: right; }

#sidebar { display: none; }

.parallax-window2 { background: transparent; height: auto; }

.main-squeeze { padding: 0px 0px 75px 0px; position: relative; top: 0px; display: block; clear: both; }

.main-squeeze .container ul { width: 100%; clear: both; display: block; z-index: 0; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; position: relative; top: auto; }
.main-squeeze .container ul li { display: block; }
.main-squeeze .container ul li#left-side ,.category-7 .main-squeeze .container ul li#left-side { width: 90%; padding: 20px 0px 0px 0px; margin: 0px auto 0px auto; min-height: 250px; }

.parallax-window2 h1.title { font-family: "Oswald", san-serif; font-size: 42px; font-weight: normal; letter-spacing: normal; width: 98%; margin: 0px auto 0px auto; padding: 25px 0px 25px 0px; margin: 0px auto 0px auto; color: #fff; text-shadow: 3px 1px 0px rgba(0,0,0,0.75); text-transform: uppercase; z-index: 2; position: relative; text-align: center; }
.search-results .parallax-window2 h1.title { font-size: 36px; padding-top: 25px; }

footer ul { list-style: none; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; width: 95%; }
footer ul li { list-style: none; margin: 0px auto; padding: 0px 0px 0px 0px; float: none; display: block; }

footer ul li.footie { text-align: center; }
footer ul li.footie img { width: 300px; height: auto; margin: 0px auto; }

footer ul li.address { color: #444; width: 500px; }
footer ul li.address p { line-height: 30px; display: inline-block; float: left; margin-left: 20px; font-size: 16px; padding-bottom: 15px; }
footer ul li.address img { width: 200px; height: auto; margin: -5px auto 0px auto; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; }

footer ul li.map { float: left; margin-top: 0px; margin-left: 50px; }

}

@media only screen and (max-width: 1000px ) {
	
.overshadow { background: rgba(0,0,0,0.5); width: 100%; height: auto; padding: 30px 0px 30px 0px; }
.parallax-window1 ul { list-style: none; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 100%; display: block; clear: both; }
.parallax-window1 ul li:first-child { list-style: none; display: inline-block; text-align: left; float: left; width: 50%; margin-left: 50px; }
.parallax-window1 ul li:last-child { margin-right: 25px; margin-top: 12.5%; float: right; }

}

@media only screen and ( max-width: 900px ) {
		.main-squeeze .container ul li#left-side ul { margin: 0px auto 15px 5px; }
		
	.main-squeeze .container ul li#left-side ul.lineup { width: auto; margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; display: block; top: auto; }
	.main-squeeze .container ul #left-side ul.lineup li { margin: 0px 0px 15px 25px; padding: 0px 0px 0px 0px; display: inline-block; float: left; line-height: normal; background: none; width: 29.5%; height: auto; }
	.main-squeeze .container ul #left-side ul.lineup li .wp-caption { max-width: 100%; }
	.main-squeeze .container ul #left-side ul.lineup li img { width: 250px; height: auto; }
	
.spot3 .coolio { width: 100%; margin: 0px auto 0px auto; }
.spot3 .container { padding: 20px 0px 20px 0px; height: auto; }
.spot3 .container .product, .spot3 .container .stuffwedo { width: 95%; display: block; float: none; padding-bottom: 45px; margin: 0px auto 25px auto; border-bottom: 1px solid #eee; }
.spot3 .container .product { float: none; margin: 0px auto 25px auto; border-bottom: none; }
.spot3 h1 { font-family: "Courgette", cursive; letter-spacing: -2px; color: #7aa530; font-size: 54px; font-weight: normal; margin: 15px 0px 15px 0px; padding-bottom: 0px; }
.spot3 h2 { letter-spacing: normal; color: #192c6a; font-size: 24px; font-weight: normal; margin: 0px 0px 15px 0px; padding-bottom: 0px; z-index: 4; }
.spot3 p { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; font-size: 20px; line-height: 40px; }
.spot3 a.lern { text-transform: uppercase; background: #7aa530; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); color: #fff; display: block; font-weight: normal; font-size: 18px; height: 30px; line-height: 30px; border-radius: 5px; padding: 0px 3px 0px 3px; position: relative; float: right; z-index: 9999; }
.spot3 a.lern:hover { color: #7aa530; background: #fff; }

}

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

.overshadow { background: rgba(0,0,0,0.5); width: 100%; height: auto; padding: 30px 0px 100px 0px; }
.parallax-window1 ul { list-style: none; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 100%; display: block; clear: both; }
.parallax-window1 ul li:first-child { list-style: none; display: block; text-align: left; float: none; width: 80%; margin: 0px auto 0px auto; }
.parallax-window1 ul li:last-child { position: relative; top: 95px; margin: 0px auto 0px auto; float: none; display: block; width: 280px; }

}

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

		.wp-caption.alignright {  margin: 0px 5px 10px 15px; display: inline-block; }
		.alignright { float: right; }
		.wp-caption.alignleft {  margin: 0px 15px 10px 5px; display: inline-block; }
		.alignleft { float: left; }
		.wp-caption { border: none; text-align: center; background-color: transparent; padding-top: 0px; margin-bottom: 10px; max-width: 45%; padding: 0px; }
		.category-7 .wp-caption { border: none; text-align: center; background-color: transparent; padding-top: 0px; margin-bottom: 10px; max-width: 45%; padding: 0px; position: relative; top: 15px; }
		.main-squeeze .container .wp-caption img { float: none; margin: 0px auto 0px auto; border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); max-width: 100%; height: auto; }
		.main-squeeze .container .wp-caption p.wp-caption-text { margin: 0px 0px 0px 0px; font-size: 18px; line-height: 20px; padding: 0px; margin: 0; color: #7aa530; font-family: "Courgette", cursive; letter-spacing: -2px; }
		
		.middles { width: 90%; margin: 0px auto; }
		.middles .wp-caption { max-width: 40%; }
		
		.middlestoo { width: 90%; margin: 0px auto; height: auto; }
		.middlestoo .wp-caption { max-width: 40%; }
		
}

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

.main-squeeze .container ul li#left-side ul { margin: 0px auto 15px 5px; }
		
	.main-squeeze .container ul li#left-side ul.lineup { width: auto; margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; display: block; top: auto; }
	.main-squeeze .container ul #left-side ul.lineup li { margin: 0px 0px 15px 25px; padding: 0px 0px 0px 0px; display: inline-block; float: left; line-height: normal; background: none; width: 29%; height: auto; }
	.main-squeeze .container ul #left-side ul.lineup li .wp-caption { max-width: 100%; }
	.main-squeeze .container ul #left-side ul.lineup li img { width: 250px; height: auto; }
		
}

@media only screen and ( max-width: 700px ) {
	
	.category .main-squeeze .container .entry .post-thumbnail img { border: 5px solid #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); float: none; height: auto; margin: 0px auto 15px auto; max-width: 50%; }
	.category .post-thumbnail { margin-bottom: 0px; }
	
	.main-squeeze .container .entry h2.title { text-align: center;  padding-top: 0px; }	
	
	.main-squeeze .container ul #left-side ul.iconize li { display: block; clear: both; height: auto; margin: 0 0 25px; padding: 10px; background: #fff; border-radius: 20px; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }

.hidethis { display: none; }

}

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

.main-squeeze .container ul li#left-side ul { margin: 0px auto 15px 5px; }
		
	.main-squeeze .container ul li#left-side ul.lineup { width: auto; margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; display: block; top: auto; }
	.main-squeeze .container ul #left-side ul.lineup li { margin: 0px 0px 15px 25px; padding: 0px 0px 0px 0px; display: inline-block; float: left; line-height: normal; background: none; width: 27%; height: auto; }
	.main-squeeze .container ul #left-side ul.lineup li .wp-caption { max-width: 100%; }
	.main-squeeze .container ul #left-side ul.lineup li img { width: 250px; height: auto; }
		
}

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

.page-template-page-home2 .caption { margin-top: 25px; width: 100%; }
.page-template-page-home2 .caption .container h1 { font-size: 54px; }
.page-template-page-home2 .caption .container p { font-size: 24px; }
.page-template-page-home2 .caption .container a { font-size: 24px; width: 150px; }
.page-template-page-home2 .caption .container a span { font-size: 30px; }

footer ul li.address ul { width: auto; margin: 0px auto 0px auto; }

.main-squeeze .container ul li#left-side ul.reg2 { width: auto; margin: 0px auto 25px auto; padding: 0px 0px 0px 0px; display: block; top: auto; column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }

.main-squeeze .container ul li#left-side ul.sumpin { margin: 0px auto 15px auto; width: auto; padding: 0px 0px 0px 0px; list-style: none; display: block; }
.main-squeeze .container ul li#left-side ul.sumpin li { margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; list-style: none; display: block; width: 200px; } 
.search-results .parallax-window2 h1.title { line-height: 48px; }

}

@media only screen and ( max-width: 600px ) {
	
	header .container { display: block; text-align: center; width: 100%; }
	.containMe { justify-content: center; margin: 0px auto 10px auto; width: 100%; }
	.containMe a { width: 100%; max-width: none!important; }
	.header .container img#logo { margin: 0px auto; max-width: 250px; }
	.tagline { font-size: 32px; }
	
	img.anniversary { margin: 0px auto; width: 100%; max-width: 180px; height: auto; }

}

@media only screen and ( max-width: 500px ) {
	
footer ul { list-style: none; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 95%; }
footer ul li { list-style: none; margin: 0px auto; padding: 0px 0px 0px 0px; float: none; display: block; }

footer ul li.footie { text-align: center; }
footer ul li.footie img { width: 300px; height: auto; margin: 0px auto; }

footer ul li.address { color: #444; width: 225px; }
footer ul li.address p { line-height: 30px; display: inline-block; float: left; margin-left: 20px; font-size: 16px; padding-bottom: 15px; }
footer ul li.address img { width: 200px; height: auto; margin: -5px auto 0px auto; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; }

footer ul li.map { float: none; margin: 0px auto; display: block; text-align: center; }

footer p.copy { text-align: center; font-size:14px; text-shadow: none; color: #444; width: 200px; clear: both; display: block; margin: 15px auto 35px; }
footer p.copy a { color: #7aa530; font-weight: normal; }
footer p.copy a:hover { color: #444; }

}

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

.main-squeeze .container ul li#left-side ul { margin: 0px auto 15px 5px; }
		
	.main-squeeze .container ul li#left-side ul.lineup { width: auto; margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; display: block; top: auto; }
	.main-squeeze .container ul #left-side ul.lineup li { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; display: inline-block; float: left; line-height: normal; background: none; width: 25%; height: 175px; }
	.main-squeeze .container ul #left-side ul.lineup li .wp-caption { max-width: 100%; }
	.main-squeeze .container ul #left-side ul.lineup li img { width: 250px; height: auto; }
	
.spot3 h1 { font-family: "Courgette", cursive; letter-spacing: -2px; color: #7aa530; font-size: 42px; font-weight: normal; margin: 15px 0px 15px 0px; padding-bottom: 0px; }
		
}

@media only screen and ( max-width: 395px ) {
	
.callme a { text-decoration: none; color: #fff; padding: 0px 5px 0px 5px; font-size: 18px; font-weight: 400; line-height: 40px; text-transform: uppercase; margin: 0px 0px 0px 5px; float: left; display: inline-block; }
.callme a:hover { color: #7aa530;  }
.callme a.facebook img, .callme a.email img { width: 23px; height: auto; position: relative; top: 3px; }

.searchme { position: absolute; top: 0px; right: 235px; display: block; }

}

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

	.main-squeeze .container ul li#left-side ul { margin: 0px auto 15px 5px; }
		
	.main-squeeze .container ul li#left-side ul.lineup { width: auto; margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; display: block; top: auto; }
	.main-squeeze .container ul #left-side ul.lineup li { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; display: inline-block; float: left; line-height: normal; background: none; width: 40%; height: 190px; }
	.main-squeeze .container ul #left-side ul.lineup li .wp-caption { max-width: 100%; }
	.main-squeeze .container ul #left-side ul.lineup li img { width: 250px; height: auto; }
		
}