/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* HOME SLIDER */
@media only screen and (max-width:2500px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 207px;
}
}

@media only screen and (max-width:2499px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 232px;
}

.overlay-top h3 {
	font-size: 18px;
}

.overlay-top h2 a {
	font-size: 30px;
}

.overlay-top h4 {
	font-size: 16px;
}

.overlay-top h5 {
	font-size: 18px;
}

.little-button {
	font-size: 16px;
}
}

@media only screen and (max-width:2399px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 225px;
}
}

@media only screen and (max-width:2299px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 217px;
}

.overlay-top h3 {
	font-size: 16px;
}

.overlay-top h2 a {
	font-size: 24px;
}

.overlay-top h4 {
	font-size: 14px;
}

.overlay-top h5 {
	font-size: 16px;
}

.little-button {
	font-size: 14px;
}
}

@media only screen and (max-width:2250px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 214px;
}
}

@media only screen and (max-width:2199px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 223px;
}

.overlay-top h3 {
	font-size: 18px;
}

.overlay-top h2 a {
	font-size: 30px;
}

.overlay-top h4 {
	font-size: 16px;
}

.overlay-top h5 {
	font-size: 18px;
}

.little-button {
	font-size: 16px;
}
}

@media only screen and (max-width:2150px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 219px;
}
}

@media only screen and (max-width:2099px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 215px;
}

.overlay-top h3 {
	font-size: 16px;
}

.overlay-top h2 a {
	font-size: 24px;
}

.overlay-top h4 {
	font-size: 14px;
}

.overlay-top h5 {
	font-size: 16px;
}

.little-button {
	font-size: 14px;
}
}

@media only screen and (max-width:2050px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 211px;
}
}

@media only screen and (max-width:1999px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 240px;
}

.overlay-top h3 {
	font-size: 18px;
}

.overlay-top h2 a {
	font-size: 30px;
}

.overlay-top h4 {
	font-size: 16px;
}

.overlay-top h5 {
	font-size: 18px;
}

.little-button {
	font-size: 16px;
}
}

@media only screen and (max-width:1950px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 235px;
}
}

@media only screen and (max-width:1899px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 230px;
}
}

@media only screen and (max-width:1850px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 225px;
}
}

@media only screen and (max-width:1799px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 265px;
}

.overlay-top h3 {
	font-size: 20px;
}

.overlay-top h2 a {
	font-size: 36px;
}

.overlay-top h4 {
	font-size: 18px;
}

.overlay-top h5 {
	font-size: 20px;
}

.little-button {
	font-size: 18px;
}
}

@media only screen and (max-width:1750px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 259px;
}
}

@media only screen and (max-width:1699px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 252px;
}
}

@media only screen and (max-width:1650px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 246px;
}
}

@media only screen and (max-width:1599px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 268px;
}
}

@media only screen and (max-width:1550px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 261px;
}
}

@media only screen and (max-width:1499px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 254px;
}
}

@media only screen and (max-width:1475px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 251px;
}

.home-logo {
	padding: 60px;
}
}

@media only screen and (max-width:1450px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 247px;
}

.about-quote {
  margin-top: -411px;
  margin-bottom: 230px;
  font-size: 28px;

}
}

@media only screen and (max-width:1425px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 244px;
}
}

@media only screen and (max-width:1399px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 273px;
}

.home-logo {
	padding: 40px;
}

.about-quote {
	  margin-top: -424px;
	margin-bottom: 220px;
}
}

@media only screen and (max-width:1375px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 269px;
}
}

@media only screen and (max-width:1350px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 266px;
}

.about-quote {
  margin-top: -368px;
  margin-bottom: 200px;
  font-size: 24px;
}
}

@media only screen and (max-width:1325px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 261px;
}
}

@media only screen and (max-width:1299px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 257px;
}

.home-logo {
	padding: 40px;
}
}

@media only screen and (max-width:1275px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 254px;
}

.home-logo {
	padding: 30px;
}
}

@media only screen and (max-width:1250px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 248px;
}

.about-quote {
	margin-top: -327px;
  margin-bottom: 180px;
  font-size: 21px;
}
}

@media only screen and (max-width:1225px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 244px;
}

.home-logo {
	padding: 20px;
}
}

@media only screen and (max-width:1199px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 280px;
}
}

@media only screen and (max-width:1175px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 275px;
}

.home-logo {
	padding: 10px;
}
}

@media only screen and (max-width:1150px) {
.owl-wrapper-outer {
    padding: 0 0 !important;
}
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 270px;
}

.home-logo {
	padding: 45px;
}

.home-logo img {
	max-width: 700px;
}

.footer-social {
	display: block;
}

.nav .social-icons {
	display: none;
}
}

@media only screen and (max-width:1125px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 265px;
}
#event_btn {
  width: 49% !important;}

.home-logo {
	padding: 40px;
}
}

@media only screen and (max-width:1099px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 260px;
}
}

@media only screen and (max-width:1075px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 255px;
}

.home-logo img {
	max-width: 670px;
}
}

@media only screen and (max-width:1050px) {
.nav ul li {
	padding-top: 18px;
}

.nav ul li a {
	font-size: 20px;
}

.social-icons ul li {
	margin-left: 5px;
}

.social-icons .twitter-header {
	margin-left: 0px;
}

.events-slider .owl-carousel .owl-wrapper-outer {
	height: 250px;
}

.about-quote {
margin-top: -301px;
  margin-bottom: 160px;
  font-size: 20px;

}
}

@media only screen and (max-width:1025px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 245px;
}

div#upcoming {
  margin: 20px -6px;

}
.home-logo img {
	max-width: 640px;
}
}

@media only screen and (max-width:999px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 291px;
}

.home-logo img {
	max-width: 620px;
}

.event-title-header h1 {
	padding: 20px;
}
}

@media only screen and (max-width:980px) {
.squares {
	padding: 0 2%;
}

.connect {
	padding: 0 2%;
}

.news img {
	display: none;
}

.yes {
	clear: both;
}

.social-header {
	font-size: 28px;
}

.contactpg-inner {
	padding: 40px 2%;
}

.contact-form {
	width: auto;
	max-width: 560px;
}

.contact-squares {
	width: 100%;
	margin-top: 20px;
}

.contact-square {
	width: 18%;
	margin: 0 1%;
}

.album-header h1 {
	padding: 10px 2%;
}
}

@media only screen and (max-width:979px) {
.events-list {
	max-width: 730px;
	margin: 20px auto;
}
.events-page .event:nth-child(4n) {
	margin-right: 20px!important;
}	

.events-page .event:nth-child(3n) {
	margin-right: 0!important;
}

.eventpg-single img {
	width: 48%;
	margin-right: 2%;
	float: left;
}

.eventpg-info {
	float: left;
	width: 50%;
}

.event-side {
	max-width: none;
	width: 100%;
	padding: 20px;
}

.tickets-btn {
	margin-top: 0;
}

.eventpg-desc {
	width: 100%;
	max-width: none;
	margin: 0;
}

.eventpg-single {
	margin: 0 auto;
}

.eventpg-singlemain {
	padding-bottom: 0;
	border-bottom: 1px solid #000;
}
}

@media only screen and (max-width:975px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 284px;
}

.home-logo img {
	max-width: 600px;
}
}

@media only screen and (max-width:950px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 278px;
}



.home-logo img {
	max-width: 580px;
}

.about-quote {
	margin-top: -289px;
	margin-bottom: 140px;
}
}

@media only screen and (max-width:936px) {
.google-map {
	float: none;
	margin: 0 auto;
	width: 400px;
}

.contact-form {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-top: 20px;
}

.contactpg-inner {
	padding: 20px 2%;
}
}

@media only screen and (max-width:925px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 271px;
}

.home-logo img {
	max-width: 550px;
}
}

@media only screen and (max-width:900px) {
.nav {
	display: none;
}


#event_btn {
  width: 46% !important;
  font-size: 21px;
  margin-right: 20px;
}
.mobile-menu {
	display: block;
}

.social-icons ul li {
	float: left!important;
}

.footer-info {
	padding: 20px 0;
}

.event-title-header h1 {
	
}

.contact-circle {
	width: 150px;
	height: 150px;
}

.email-circle {
	background-position: 51px -339px;
}

.phone-circle {
	background-position: 55px -466px;
}

.facebook-circle {
	background-position: 63px 52px;
}

.twitter-circle {
	background-position: 53px -79px;
}

.instagram-circle {
	background-position: 56px -210px;
}
}

@media only screen and (max-width:899px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 265px;
}

.home-logo img {
	max-width: 520px;
}
}

@media only screen and (max-width:875px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 259px;
}
}

@media only screen and (max-width:850px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 253px;
}

.home-logo img {
	max-width: 500px;
}

.about-quote {
margin-top: -268px;
  margin-bottom: 120px;
  padding: 0 20px;
  font-size: 18px;
}
}

@media only screen and (max-width:825px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 246px;
}

.social-header {
	font-size: 18px;
}

.instagram-handle {
	margin-top: 0;
}
}

@media only screen and (max-width:800px) {
.contact-circle {
	width: 130px;
	height: 130px;
}


.email-circle {
	background-position: 41px -350px;
}

.phone-circle {
	background-position: 45px -475px;
}

.facebook-circle {
	background-position: 53px 45px;
}

.twitter-circle {
	background-position: 43px -90px;
}

.instagram-circle {
	background-position: 46px -219px;
}

.contact-square h1 {
	font-size: 20px;
	margin: 10px 0 0 0;
}

.contact-square h2 a {
	font-size: 16px;
}
}

@media only screen and (max-width:799px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 306px;
}

.home-logo img {
	max-width: 450px;
}
}

@media only screen and (max-width:775px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 298px;
}
}

@media only screen and (max-width:773px) {
.about-quote {
	margin-bottom: 85px;
}
}	

@media only screen and (max-width:750px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 290px;
}

.home-logo {
	padding: 30px;
}
}

@media only screen and (max-width:729px) {
.events-list {
	max-width: 480px;
}

.events-page .event:nth-child(3n) {
	margin-right: 20px!important;
}

.events-page .event:nth-child(2n) {
	margin-right: 0!important;
}	
}

@media only screen and (max-width:725px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 282px;
}
}

@media only screen and (max-width:700px) {
.square-info {
	background-color: transparent;
}

.news {
	width: 100%;
	max-width: none;
	margin: 0;
}

.social-media {
	width: 100%;
	max-width: none;
	margin: 0;
}

.social-media .owl-carousel .owl-wrapper-outer {
	max-width: 400px;
	margin: 0 auto;
}

.contact-square {
	width: 100%;
	margin: 20px 0 0 0;
}

.contact-circle {
	margin: 0 auto;
	width: 164px;
	height: 164px;
}

.email-circle {
	background-position: 55px -332px;
}

.phone-circle {
	background-position: 62px -456px;
}

.facebook-circle {
	background-position: 70px 60px;
}

.twitter-circle {
	background-position: 60px -72px;
}

.instagram-circle {
	background-position: 64px -202px;
}
}

@media only screen and (max-width:699px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 273px;
}

.home-logo {
	padding: 20px;
}

.about-quote {
	margin-top: -141px;
	margin-bottom: 65px;
}

.footer-info ul li {
	float: none;
	text-align: center;
}

.footer-info ul li:after {
	content: "";
	margin: 0;
}
}

@media only screen and (max-width:680px) {
.photopg-inner .album h2 {
	font-size: 16px;
	margin-top: -41px;
}

.facebook-album-wrapper {
	width: 50%;
}
}

@media only screen and (max-width:675px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 265px;
}

.eventpg-single img {
	width: 100%;
	margin-bottom: 20px;
	margin-right: 0;
}

.eventpg-info {
	width: 100%;
}

.event-title-header h1 {
	font-size: 36px;
text-align: center;

}

#event_btn {
 width: 83%;
  margin-top: -4px;
  margin-right:45px;
  margin-bottom: 4%;

}
}

@media only screen and (max-width:650px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 257px;
}

.home-logo {
	padding: 10px;
}
}

@media only screen and (max-width:625px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 248px;
}
}

@media only screen and (max-width:600px) {
.photopg-inner .album {
	width: 50%;
}

.photopg-inner .album h2 {
	font-size: 20px;
	margin-top: -46px;
}
}

@media only screen and (max-width:599px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 240px;
}

.overlay-top h3 {
	font-size: 18px;
}

.overlay-top h2 a {
	font-size: 30px;
}

.overlay-top h4 {
	font-size: 16px;
}

.overlay-top h5 {
	font-size: 18px;
}

.little-button {
	font-size: 16px;
}
}

@media only screen and (max-width:575px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 232px;
}
}

@media only screen and (max-width:550px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 223px;
}

.home-logo {
	padding: 15px;
}

.home-logo img {
	max-width: 400px;
}

.overlay-top h3 {
	font-size: 16px;
}

.overlay-top h2 a {
	font-size: 24px;
}

.overlay-top h4 {
	font-size: 14px;
}

.overlay-top h5 {
	font-size: 16px;
}

.little-button {
	font-size: 14px;
}

.about-quote {
  margin-top: -95px;
	margin-bottom: 50px;
}

.reservations-form {
	margin: 0 auto 20px auto;
}
}

@media only screen and (max-width:525px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 215px;
}

.home-logo {
	padding: 5px;
}
}

@media only screen and (max-width:500px) {
.home-slider {
	display: none;
}

.mobile-menu {
	background-image: url(http://projectclublosangeles.com/wp-content/uploads/2014/03/project-logo-lg.png);
	background-repeat: no-repeat;
	background-size: 100px;
	background-position: center;
}

.squares {
	margin: 20px auto;
}

.square {
	width: 100%;
}

.tables, .photos-home {
	background-position: center;
}

.events-slider .owl-carousel .owl-wrapper-outer {
	height: 207px;
}

.events-slider .owl-buttons .owl-prev, .events-slider .owl-buttons .owl-next {
	margin-top: -135px!important;
}
}

@media only screen and (max-width:499px) {
.events-slider .owl-carousel .owl-wrapper-outer {
	height: 450px;
}

.events-slider .owl-carousel .owl-wrapper-outer {
	max-width: 420px;
	margin: 0 auto;
}

.events-slider .owl-buttons .owl-prev, .events-slider .owl-buttons .owl-next {
	margin-top: -245px!important;
}

.flip-container, .front, .back {
	max-width: 400px;
}

.overlay-top {
	text-align: center;
	width: 100%;
	padding: 20px;
}

.flip-divider {
	width: 100%;
}

.little-button {
	width: 100%;
	font-size: 24px;
}

.overlay-top h3 {
	font-size: 36px;
}

.overlay-top h2 a {
	font-size: 54px;
}

.overlay-top h4 {
	font-size: 24px;
}

.overlay-top h5 {
	font-size: 26px;
}

.squares {
	margin: 0 auto;
	padding: 0;
}

.owl-theme .owl-controls {
	margin-top: 0!important;
}

.connect {
	padding: 0;
}

.homepg {
	padding-bottom: 0;
	border-bottom: 1px solid #000;
}

.social-media .owl-carousel .owl-wrapper-outer {
	margin-bottom: 15px;
}
}

@media only screen and (max-width:479px) {
.events-list {
	max-width: 230px;
}

.events-page .event {
	margin: 0!important;
}
}

@media only screen and (max-width:400px) {
.about-slider {
	display: none;
}

.about-quote {
	display: none;
}	

.about-inner h1 {
	font-size: 36px;
	text-align: center;
}

.events-page .event {
	width: 100%;
	height: 100%;
}

.eventpg-imgbox {
	width: 100%;
	height: 100%;
}

.eventpg-img {
	width: 100%;
	height: 100%;
}

.events-page .event img {
	max-width: 100%;
	max-height: 100%;
}

.events-list {
	max-width: 100%;
	margin: 0 auto;
}

.eventpg-date {
	width: 70%;
}

.eventpg-tickets {
	width: 30%;
}

.event-title-header h1 {
	font-size: 36px;
text-align:center;
}


#event_btn {
  width: 86% !important;
  font-size: 22px !important;
  margin-top: -17px !important;
  margin-right: 8% !important;
  margin-bottom: 2% !important;
}

#vnw_fradvertisment_box {
  bottom: 1px !important;
  left: 7%;
  top: inherit !important;
}

{


.reservations-form {
	margin: 0 auto;
	border-bottom: 1px solid #000;
}

.flip-container, .front, .back {
	max-width: 380px;
}

.events-slider .owl-carousel .owl-wrapper-outer {
	height: 410px;
}

.events-slider .owl-buttons .owl-prev, .events-slider .owl-buttons .owl-next {
	margin-top: -225px!important;
}

#mapConElem_1 {
	width: 385px!important;
}

.gmp_map_opts {
	margin: 0!important;
}

.contact-form {
	margin-top: 10px;
}

.contactpg-inner {
	padding: 10px 2%;
}
}





/*------------------------------------*\
    FIREFOX FIXES
\*------------------------------------*/

@-moz-document url-prefix() {
.footer-info ul {
	max-width: 673px;
}

.eventpg-date {
	margin-top: -34px;
}

.eventpg-tickets {
	margin-top: -34px;
}

input, textarea {
	outline: 0;
}

.res-date-label {
	display: none;
}

.reservations-form select {
	-moz-appearance: none;
	-prefix-appearance: none;
	text-indent: 0.01px!important;
	text-overflow: '';
	padding: 6px 10px 0 10px!important;
}

/* Cardflip fix */
@media screen and (max-width:5000px) {
.front, .back {
	max-width: 220px;
}
}

@media screen and (max-width:2550px) {
.front, .back {
	max-width: 171px;
}
}

@media screen and (max-width:2500px) {
.front, .back {
	max-width: 167px;
}
}

@media screen and (max-width:2499px) {
.front, .back {
	max-width: 192px;
}
}

@media screen and (max-width:2399px) {
.front, .back {
	max-width: 185px;
}
}

@media screen and (max-width:2299px) {
.front, .back {
	max-width: 177px;
}
}

@media screen and (max-width:2250px) {
.front, .back {
	max-width: 173px;
}
}

@media screen and (max-width:2199px) {
.front, .back {
	max-width: 183px;
}
}

@media screen and (max-width:2150px) {
.front, .back {
	max-width: 179px;
}
}

@media screen and (max-width:2099px) {
.front, .back {
	max-width: 175px;
}
}

@media screen and (max-width:2050px) {
.front, .back {
	max-width: 171px;
}
}

@media screen and (max-width:1999px) {
.front, .back {
	max-width: 200px;
}
}

@media screen and (max-width:1950px) {
.front, .back {
	max-width: 195px;
}
}

@media screen and (max-width:1899px) {
.front, .back {
	max-width: 190px;
}
}

@media screen and (max-width:1850px) {
.front, .back {
	max-width: 185px;
}
}

@media screen and (max-width:1799px) {
.front, .back {
	max-width: 225px;
}
}

@media screen and (max-width:1750px) {
.front, .back {
	max-width: 219px;
}
}

@media screen and (max-width:1699px) {
.front, .back {
	max-width: 212px;
}
}

@media screen and (max-width:1650px) {
.front, .back {
	max-width: 206px;
}
}

@media screen and (max-width:1599px) {
.front, .back {
	max-width: 228px;
}
}

@media screen and (max-width:1550px) {
.front, .back {
	max-width: 221px;
}
}

@media screen and (max-width:1499px) {
.front, .back {
	max-width: 214px;
}
}

@media screen and (max-width:1475px) {
.front, .back {
	max-width: 211px;
}
}

@media screen and (max-width:1450px) {
.front, .back {
	max-width: 207px;
}
}

@media screen and (max-width:1425px) {
.front, .back {
	max-width: 204px;
}
}

@media screen and (max-width:1399px) {
.front, .back {
	max-width: 233px;
}
}

@media screen and (max-width:1375px) {
.front, .back {
	max-width: 229px;
}
}

@media screen and (max-width:1350px) {
.front, .back {
	max-width: 225px;
}
}

@media screen and (max-width:1325px) {
.front, .back {
	max-width: 221px;
}
}

@media screen and (max-width:1299px) {
.front, .back {
	max-width: 217px;
}
}

@media screen and (max-width:1275px) {
.front, .back {
	max-width: 213px;
}
}

@media screen and (max-width:1250px) {
.front, .back {
	max-width: 208px;
}
}

@media screen and (max-width:1225px) {
.front, .back {
	max-width: 204px;
}
}

@media screen and (max-width:1199px) {
.front, .back {
	max-width: 240px;
}
}

@media screen and (max-width:1175px) {
.front, .back {
	max-width: 235px;
}
}

@media screen and (max-width:1150px) {
.front, .back {
	max-width: 230px;
}
}

@media screen and (max-width:1125px) {
.front, .back {
	max-width: 225px;
}
}

@media screen and (max-width:1099px) {
.front, .back {
	max-width: 220px;
}
}

@media screen and (max-width:1075px) {
.front, .back {
	max-width: 215px;
}
}

@media screen and (max-width:1050px) {
.front, .back {
	max-width: 210px;
}
}

@media screen and (max-width:1025px) {
.front, .back {
	max-width: 205px;
}
}

@media screen and (max-width:999px) {
.front, .back {
	max-width: 250px;
}
}

@media screen and (max-width:975px) {
.front, .back {
	max-width: 244px;
}
}

@media screen and (max-width:950px) {
.front, .back {
	max-width: 238px;
}
}

@media screen and (max-width:925px) {
.front, .back {
	max-width: 231px;
}
}

@media screen and (max-width:899px) {
.front, .back {
	max-width: 225px;
}
}

@media screen and (max-width:875px) {
.front, .back {
	max-width: 219px;
}
}

@media screen and (max-width:850px) {
.front, .back {
	max-width: 213px;
}
}

@media screen and (max-width:825px) {
.front, .back {
	max-width: 206px;
}
}

@media screen and (max-width:799px) {
.front, .back {
	max-width: 266px;
}
}

@media screen and (max-width:775px) {
.front, .back {
	max-width: 258px;
}
}

@media screen and (max-width:750px) {
.front, .back {
	max-width: 250px;
}
}

@media screen and (max-width:725px) {
.front, .back {
	max-width: 242px;
}
}

@media screen and (max-width:699px) {
.front, .back {
	max-width: 233px;
}
}

@media screen and (max-width:675px) {
.front, .back {
	max-width: 225px;
}
}

@media screen and (max-width:650px) {
.front, .back {
	max-width: 217px;
}
}

@media screen and (max-width:625px) {
.front, .back {
	max-width: 208px;
}
}

@media screen and (max-width:599px) {
.front, .back {
	max-width: 200px;
}
}

@media screen and (max-width:575px) {
.front, .back {
	max-width: 192px;
}
}

@media screen and (max-width:550px) {
.front, .back {
	max-width: 183px;
}
}

@media screen and (max-width:525px) {
.front, .back {
	max-width: 175px;
}
}

@media screen and (max-width:499px) {
.front, .back {
	max-width: 499px;
}
}

@media screen and (max-width:475px) {
.front, .back {
	max-width: 475px;
}
}

@media screen and (max-width:450px) {
.front, .back {
	max-width: 450px;
}
}

@media screen and (max-width:425px) {
.front, .back {
	max-width: 425px;
}
}

@media screen and (max-width:400px) {
.front, .back {
	max-width: 400px;
}
}
/* /Cardflip fix */

}


/*------------------------------------*\
    IPAD FIXES
\*------------------------------------*/

/* iPad P&L */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.footer-info ul {
	max-width: 673px;
}
}

/* iPad P */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.eventpg-single img {
	width: 54%;
}

.eventpg-info {
	width: 44%;
}

.eventpg-infobox {
	padding: 7px 0 16px 0;
}
}

/* iPad L */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}


/*------------------------------------*\
    IPHONE FIXES
\*------------------------------------*/

/* iPhone 5 P&L */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
.about-inner h1 {
	text-align: left;
}

.news h2 {
	font-size: 36px;
	line-height: 40px
}
}

/* iPhone 4 P&L */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.about-inner h1 {
	text-align: left;
}

.news h2 {
	font-size: 36px;
	line-height: 40px;
}
}

/* iPhone 4 P */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
.flip-container, .front, .back {
	max-width: 300px
}

.events-slider .owl-carousel .owl-wrapper-outer {
	height: 340px;
}

.events-slider .owl-buttons .owl-prev, .events-slider .owl-buttons .owl-next {
	margin-top: -185px!important;
}

.overlay-top h3 {
	font-size: 30px;
}

.overlay-top h2 a {
	font-size: 36px;
}

.overlay-top h4 {
	font-size: 20px;
}

.overlay-top h5 {
	font-size: 20px;
}

.about-inner h1 {
	font-size: 32px;
}

.event-title-header h1 {
	text-align: left;
	font-size: 32px;
}

.eventpg-imgbox {
	border-top: 1px solid #000;
}

#mapConElem_1 {
	width: 320px!important
}

.google-map {
	width: 320px;
}

.contactpg-inner {
	padding: 0;
}

#ready_google_map_1 {
	height: 200px!important;
}

.gmpMapDetailsContainer#gmpMapDetailsContainer_1 {
	height: 200px!important;
}

.contact-form {
	margin-top: 0;
}

.contact-squares {
	margin-bottom: 20px;
}
}

/* iPhone 5 P */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
.flip-container, .front, .back {
	max-width: 300px
}

.events-slider .owl-carousel .owl-wrapper-outer {
	height: 340px;
}

.events-slider .owl-buttons .owl-prev, .events-slider .owl-buttons .owl-next {
	margin-top: -185px!important;
}

.overlay-top h3 {
	font-size: 30px;
}

.overlay-top h2 a {
	font-size: 36px;
}

.overlay-top h4 {
	font-size: 20px;
}

.overlay-top h5 {
	font-size: 20px;
}

.about-inner h1 {
	font-size: 32px;
}

.event-title-header h1 {
	text-align: left;
	font-size: 32px;
}

.eventpg-imgbox {
	border-top: 1px solid #000;
}

#mapConElem_1 {
	width: 320px!important
}

.google-map {
	width: 320px;
}

.contactpg-inner {
	padding: 0;
}

#ready_google_map_1 {
	height: 200px!important;
}

.gmpMapDetailsContainer#gmpMapDetailsContainer_1 {
	height: 200px!important;
}

.contact-form {
	margin-top: 0;
}

.contact-squares {
	margin-bottom: 20px;
}
}

/*------------------------------------*\
    FLIP BROWSER HACK
\*------------------------------------*/


/* IE 10+ flip fix */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */
   /* entire container, keeps perspective */
   
.flip-container {
	perspective: 1000;
	/*transform-style: preserve-3d;*/
}
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}

.flip-container, .front, .back {
    max-width:400px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	/*transform-style: preserve-3d;*/

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	/*transform-style: preserve-3d;*/

	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
}

.overlay-top {transform: scaleX(-1.0); margin-left:5%;}

.overlay-bottom {transform: scaleX(-1.0);}



/* 
	Some vertical flip updates 
*/
.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(180deg);
	}

	.vertical.flip-container:hover .back {
	    transform: rotateX(0deg);
	}

	.vertical.flip-container:hover .front {
	    transform: rotateX(180deg);
	}



}	  
	  
	  
/* Cardflip fix */
@media screen and (max-width:5000px) {
.front, .back {
	max-width: 220px !important;
}
}

@media screen and (max-width:2550px) {
.front, .back {
	max-width: 171px !important;
}
}

@media screen and (max-width:2500px) {
.front, .back {
	max-width: 167px !important;
}
}

@media screen and (max-width:2499px) {
.front, .back {
	max-width: 192px !important;
}
}

@media screen and (max-width:2399px) {
.front, .back {
	max-width: 185px !important;
}
}

@media screen and (max-width:2299px) {
.front, .back {
	max-width: 177px !important;
}
}

@media screen and (max-width:2250px) {
.front, .back {
	max-width: 173px !important;
}
}

@media screen and (max-width:2199px) {
.front, .back {
	max-width: 183px !important;
}
}

@media screen and (max-width:2150px) {
.front, .back {
	max-width: 179px !important;
}
}

@media screen and (max-width:2099px) {
.front, .back {
	max-width: 175px !important;
}
}

@media screen and (max-width:2050px) {
.front, .back {
	max-width: 171px !important;
}
}

@media screen and (max-width:1999px) {
.front, .back {
	max-width: 200px !important;
}
}

@media screen and (max-width:1950px) {
.front, .back {
	max-width: 195px !important;
}
}

@media screen and (max-width:1899px) {
.front, .back {
	max-width: 190px !important;
}
}

@media screen and max-width:1850px) {
.front, .back {
	max-width: 185px !important;
}
}

@media screen and (max-width:1799px) {
.front, .back {
	max-width: 225px !important;
}
}

@media screen and (max-width:1750px) {
.front, .back {
	max-width: 219px !important;
}
}

@media screen and (max-width:1699px) {
.front, .back {
	max-width: 212px !important;
}
}

@media screen and (max-width:1650px) {
.front, .back {
	max-width: 206px !important;
}
}

@media screen and (max-width:1599px) {
.front, .back {
	max-width: 228px !important;
}
}

@media screen and (max-width:1550px) {
.front, .back {
	max-width: 221px !important;
}
}

@media screen and (max-width:1499px) {
.front, .back {
	max-width: 214px !important;
}
}

@media screen and (max-width:1475px) {
.front, .back {
	max-width: 211px !important;
}
}

@media screen and (max-width:1450px) {
.front, .back {
	max-width: 207px !important;
}
}

@media screen and (max-width:1425px) {
.front, .back {
	max-width: 204px !important;
}
}

@media screen and (max-width:1399px) {
.front, .back {
	max-width: 233px !important;
}
}

@media screen and (max-width:1375px) {
.front, .back {
	max-width: 229px !important;
}
}

@media screen and (max-width:1350px) {
.front, .back {
	max-width: 225px !important;
}
}

@media screen and (max-width:1325px) {
.front, .back {
	max-width: 221px !important;
}
}

@media screen and (max-width:1299px) {
.front, .back {
	max-width: 217px !important;
}
}

@media screen and (max-width:1275px) {
.front, .back {
	max-width: 213px !important;
}
}

@media screen and (max-width:1250px) {
.front, .back {
	max-width: 208px !important;
}
}

@media screen and (max-width:1225px) {
.front, .back {
	max-width: 204px !important;
}
}

@media screen and (max-width:1199px) {
.front, .back {
	max-width: 240px !important;
}
}

@media screen and (max-width:1175px) {
.front, .back {
	max-width: 235px !important;
}
}

@media screen and (max-width:1150px) {
.front, .back {
	max-width: 230px !important;
}
}

@media screen and (max-width:1125px) {
.front, .back {
	max-width: 225px !important;
}
}

@media screen and (max-width:1099px) {
.front, .back {
	max-width: 220px !important;
}
#event_btn {
  float: right;
  width: 43%;
  font-size: 21px;
  margin-top: -74px;
  margin-right: 3%;
  margin-bottom: 2%;
}
}

@media screen and (max-width:1075px) {
.front, .back {
	max-width: 215px !important;
}
}

@media screen and (max-width:1050px) {
.front, .back {
	max-width: 210px !important;
}


}

@media screen and (max-width:1025px) {
.front, .back {
	max-width: 205px !important;
}
}

@media screen and (max-width:999px) {
.front, .back {
	max-width: 250px !important;
}
}

@media screen and (max-width:975px) {
.front, .back {
	max-width: 244px !important;
}
}

@media screen and (max-width:950px) {
.front, .back {
	max-width: 238px !important;
}
}

@media screen and (max-width:925px) {
.front, .back {
	max-width: 231px !important;
}
}

@media screen and (max-width:899px) {
.front, .back {
	max-width: 225px !important;
}
}

@media screen and (max-width:875px) {
.front, .back {
	max-width: 219px !important;
}
}

@media screen and (max-width:850px) {
.front, .back {
	max-width: 213px !important;
}
}

@media screen and (max-width:825px) {
.front, .back {
	max-width: 206px !important;
}
}

@media screen and (max-width:799px) {
.front, .back {
	max-width: 266px !important;
}
}

@media screen and (max-width:775px) {
.front, .back {
	max-width: 258px !important;
}
}

@media screen and (max-width:750px) {
.front, .back {
	max-width: 250px !important;
}
}

@media screen and (max-width:725px) {
.front, .back {
	max-width: 242px !important;
}
}

@media screen and (max-width:699px) {
.front, .back {
	max-width: 233px !important;
}
}

@media screen and (max-width:675px) {
.front, .back {
	max-width: 225px !important;
}
}

@media screen and (max-width:650px) {
.front, .back {
	max-width: 217px !important;
}
}

@media screen and (max-width:625px) {
.front, .back {
	max-width: 208px !important;
}
}

@media screen and (max-width:599px) {
.front, .back {
	max-width: 200px !important;
}
}

@media screen and (max-width:575px) {
.front, .back {
	max-width: 192px !important;
}
}

@media screen and (max-width:550px) {
.front, .back {
	max-width: 183px !important;
}
}

@media screen and (max-width:525px) {
.front, .back {
	max-width: 175px !important;
}
}

@media screen and (max-width:499px) {
.front, .back {
	max-width: 499px !important;
}
}

@media screen and (max-width:475px) {
.front, .back {
	max-width: 475px !important;
}
}

@media screen and (max-width:450px) {
.front, .back {
	max-width: 450px !important;
}
}

@media screen and (max-width:425px) {
.front, .back {
	max-width: 425px !important;
}
}

@media screen and (max-width:400px) {
.front, .back {
	max-width: 400px !important;
}
}


/* /Cardflip fix */
   
/* END IE 10 + FIXES */  
	  





	
/* Cardflip fix */


/*

@media screen and (max-width:5000px) {
:root .front, .back {
	max-width: 220px\9;
}
}

@media screen and (max-width:2550px) {
:root .front, .back {
	max-width: 171px\9;
}
}

@media screen and (max-width:2500px) {
:root .front, .back {
	max-width: 167px\9;
}
}

@media screen and (max-width:2499px) {
:root .front, .back {
	max-width: 192px\9;
}
}

@media screen and (max-width:2399px) {
:root .front, .back {
	max-width: 185px\9;
}
}

@media screen and (max-width:2299px) {
:root .front, .back {
	max-width: 177px\9;
}
}

@media screen and (max-width:2250px) {
:root .front, .back {
	max-width: 173px\9;
}
}

@media screen and (max-width:2199px) {
:root .front, .back {
	max-width: 183px\9;
}
}

@media screen and (max-width:2150px) {
:root .front, .back {
	max-width: 179px\9;
}
}

@media screen and (max-width:2099px) {
:root .front, .back {
	max-width: 175px\9;
}
}

@media screen and (max-width:2050px) {
:root .front, .back {
	max-width: 171px\9;
}
}

@media screen and (max-width:1999px) {
:root .front, .back {
	max-width: 200px\9;
}
}

@media screen and (max-width:1950px) {
:root .front, .back {
	max-width: 195px\9;
}
}

@media screen and (max-width:1899px) {
:root .front, .back {
	max-width: 190px\9;
}
}

@media screen and (max-width:1850px) {
:root .front, .back {
	max-width: 185px\9;
}
}

@media screen and (max-width:1799px) {
:root .front, .back {
	max-width: 225px\9;
}
}

@media screen and (max-width:1750px) {
:root .front, .back {
	max-width: 219px\9;
}
}

@media screen and (max-width:1699px) {
:root .front, .back {
	max-width: 212px\9;
}
}

@media screen and (max-width:1650px) {
:root .front, .back {
	max-width: 206px\9;
}
}

@media screen and (max-width:1599px) {
:root .front, .back {
	max-width: 228px\9;
}
}

@media screen and (max-width:1550px) {
:root .front, .back {
	max-width: 221px\9;
}
}

@media screen and (max-width:1499px) {
:root .front, .back {
	max-width: 214px\9;
}
}

@media screen and (max-width:1475px) {
:root .front, .back {
	max-width: 211px\9;
}
}

@media screen and (max-width:1450px) {
:root .front, .back {
	max-width: 207px\9;
}
}

@media screen and (max-width:1425px) {
:root .front, .back {
	max-width: 204px\9;
}
}

@media screen and (max-width:1399px) {
:root .front, .back {
	max-width: 233px\9;
}
}

@media screen and (max-width:1375px) {
:root .front, .back {
	max-width: 229px\9;
}
}

@media screen and (max-width:1350px) {
:root .front, .back {
	max-width: 225px\9;
}
}

@media screen and (max-width:1325px) {
:root .front, .back {
	max-width: 221px\9;
}
}

@media screen and (max-width:1299px) {
:root .front, .back {
	max-width: 217px\9;
}
}

@media screen and (max-width:1275px) {
:root .front, .back {
	max-width: 213px\9;
}
}

@media screen and (max-width:1250px) {
:root .front, .back {
	max-width: 208px\9;
}
}

@media screen and (max-width:1225px) {
:root .front, .back {
	max-width: 204px\9;
}
}

@media screen and (max-width:1199px) {
:root .front, .back {
	max-width: 240px\9;
}
}

@media screen and (max-width:1175px) {
:root .front, .back {
	max-width: 235px\9;
}
}

@media screen and (max-width:1150px) {
:root .front, .back {
	max-width: 230px\9;
}
}

@media screen and (max-width:1125px) {
:root .front, .back {
	max-width: 225px\9;
}
}

@media screen and (max-width:1099px) {
:root .front, .back {
	max-width: 220px\9;
}
}

@media screen and (max-width:1075px) {
:root .front, .back {
	max-width: 215px\9;
}
}

@media screen and (max-width:1050px) {
:root .front, .back {
	max-width: 210px\9;
}
}

@media screen and (max-width:1025px) {
:root .front, .back {
	max-width: 205px\9;
}
}

@media screen and (max-width:999px) {
:root .front, .back {
	max-width: 250px\9;
}
}

@media screen and (max-width:975px) {
:root .front, .back {
	max-width: 244px\9;
}
}

@media screen and (max-width:950px) {
:root .front, .back {
	max-width: 238px\9;
}
}

@media screen and (max-width:925px) {
:root .front, .back {
	max-width: 231px\9;
}
}

@media screen and (max-width:899px) {
:root .front, .back {
	max-width: 225px\9;
}
}

@media screen and (max-width:875px) {
:root .front, .back {
	max-width: 219px\9;
}
}

@media screen and (max-width:850px) {
:root .front, .back {
	max-width: 213px\9;
}
}

@media screen and (max-width:825px) {
:root .front, .back {
	max-width: 206px\9;
}
}

@media screen and (max-width:799px) {
:root .front, .back {
	max-width: 266px\9;
}
}

@media screen and (max-width:775px) {
:root .front, .back {
	max-width: 258px\9;
}
}

@media screen and (max-width:750px) {
:root .front, .back {
	max-width: 250px\9;
}
}

@media screen and (max-width:725px) {
:root .front, .back {
	max-width: 242px\9;
}
}

@media screen and (max-width:699px) {
:root .front, .back {
	max-width: 233px\9;
}
}

@media screen and (max-width:675px) {
:root .front, .back {
	max-width: 225px\9;
}
}

@media screen and (max-width:650px) {
:root .front, .back {
	max-width: 217px\9;
}
}

@media screen and (max-width:625px) {
:root .front, .back {
	max-width: 208px\9;
}
}

@media screen and (max-width:599px) {
:root .front, .back {
	max-width: 200px\9;
}
}

@media screen and (max-width:575px) {
:root .front, .back {
	max-width: 192px\9;
}
}

@media screen and (max-width:550px) {
:root .front, .back {
	max-width: 183px\9;
}
}

@media screen and (max-width:525px) {
:root .front, .back {
	max-width: 175px\9;
}
}

@media screen and (max-width:499px) {
:root .front, .back {
	max-width: 499px\9;
}
}

@media screen and (max-width:475px) {
:root .front, .back {
	max-width: 475px\9;
}
}

@media screen and (max-width:450px) {
:root .front, .back {
	max-width: 450px\9;
}
}

@media screen and (max-width:425px) {
:root .front, .back {
	max-width: 425px\9;
}
}

@media screen and (max-width:400px) {
:root .front, .back {
	max-width: 400px\9;
}
}

*/


/* /Cardflip fix */


/*------------------------------------*\
    IE 9
\*------------------------------------*/
select::-ms-expand {
    display: none;
}

:root .footer-info ul {
/* 	max-width: 675px\9; */
	max-width: 742px\9;
}

:root .event-share {
	margin-left: 18px\9;
}

/*------------------------------------*\
    IE 8
\*------------------------------------*/


/* Cardflip fix */
@media screen and (max-width:5000px) {
.front, .back {
	max-width: 220px\9;
	max-height: 220px\9;
}
}

@media screen and (max-width:2550px) {
.ie8 .front, .back {
	max-width: 171px;
}
}

@media screen and (max-width:2500px) {
.ie8 .front, .back {
	max-width: 167px;
}
}

@media screen and (max-width:2499px) {
.ie8 .front, .back {
	max-width: 192px;
}
}

@media screen and (max-width:2399px) {
.ie8 .front, .back {
	max-width: 185px;
}
}

@media screen and (max-width:2299px) {
.ie8 .front, .back {
	max-width: 177px;
}
}

@media screen and (max-width:2250px) {
.ie8 .front, .back {
	max-width: 173px;
}
}

@media screen and (max-width:2199px) {
.ie8 .front, .back {
	max-width: 183px;
}
}

@media screen and (max-width:2150px) {
.ie8 .front, .back {
	max-width: 179px;
}
}

@media screen and (max-width:2099px) {
.ie8 .front, .back {
	max-width: 175px;
}
}

@media screen and (max-width:2050px) {
.ie8 .front, .back {
	max-width: 171px;
}
}

@media screen and (max-width:1999px) {
.ie8 .front, .back {
	max-width: 200px;
}
}

@media screen and (max-width:1950px) {
.ie8 .front, .back {
	max-width: 195px;
}
}

@media screen and (max-width:1899px) {
.ie8 .front, .back {
	max-width: 190px;
}
}

@media screen and (max-width:1850px) {
.ie8 .front, .back {
	max-width: 185px;
}
}

@media screen and (max-width:1799px) {
.ie8 .front, .back {
	max-width: 225px;
}
}

@media screen and (max-width:1750px) {
.ie8 .front, .back {
	max-width: 219px;
}
}

@media screen and (max-width:1699px) {
.ie8 .front, .back {
	max-width: 212px;
}
}

@media screen and (max-width:1650px) {
.ie8 .front, .back {
	max-width: 206px;
}
}

@media screen and (max-width:1599px) {
.ie8 .front, .back {
	max-width: 228px;
}
}

@media screen and (max-width:1550px) {
.ie8 .front, .back {
	max-width: 221px;
}
}

@media screen and (max-width:1499px) {
.ie8 .front, .back {
	max-width: 214px;
}
}

@media screen and (max-width:1475px) {
.ie8 .front, .back {
	max-width: 211px;
}
}

@media screen and (max-width:1450px) {
.ie8 .front, .back {
	max-width: 207px;
}
}

@media screen and (max-width:1425px) {
.ie8 .front, .back {
	max-width: 204px;
}
}

@media screen and (max-width:1399px) {
.ie8 .front, .back {
	max-width: 233px;
}
}

@media screen and (max-width:1375px) {
.ie8 .front, .back {
	max-width: 229px;
}
}

@media screen and (max-width:1350px) {
.ie8 .front, .back {
	max-width: 225px;
}
}

@media screen and (max-width:1325px) {
.ie8 .front, .back {
	max-width: 221px;
}
}

@media screen and (max-width:1299px) {
.ie8 .front, .back {
	max-width: 217px;
}
}

@media screen and (max-width:1275px) {
.ie8 .front, .back {
	max-width: 213px;
}
}

@media screen and (max-width:1250px) {
.ie8 .front, .back {
	max-width: 208px;
}
}

@media screen and (max-width:1225px) {
.ie8 .front, .back {
	max-width: 204px;
}
}

@media screen and (max-width:1199px) {
.front, .back {
	max-width: 240px\9;
	height: 240px\9;
}
}

@media screen and (max-width:1175px) {
.ie8 .front, .back {
	max-width: 235px;
}
}

@media screen and (max-width:1150px) {
.ie8 .front, .back {
	max-width: 230px;
}
}

@media screen and (max-width:1125px) {
.ie8 .front, .back {
	max-width: 225px;
}
}

@media screen and (max-width:1099px) {
.ie8 .front, .back {
	max-width: 220px;
}
}

@media screen and (max-width:1075px) {
.ie8 .front, .back {
	max-width: 215px;
}
}

@media screen and (max-width:1050px) {
.ie8 .front, .back {
	max-width: 210px;
}
}

@media screen and (max-width:1025px) {
.ie8 .front, .back {
	max-width: 205px;
}
}

@media screen and (max-width:999px) {
.ie8 .front, .back {
	max-width: 250px;
}
}

@media screen and (max-width:975px) {
.ie8 .front, .back {
	max-width: 244px;
}
}

@media screen and (max-width:950px) {
.ie8 .front, .back {
	max-width: 238px;
}
}

@media screen and (max-width:925px) {
.ie8 .front, .back {
	max-width: 231px;
}
}

@media screen and (max-width:899px) {
.ie8 .front, .back {
	max-width: 225px;
}
}

@media screen and (max-width:875px) {
.ie8 .front, .back {
	max-width: 219px;
}
}

@media screen and (max-width:850px) {
.ie8 .front, .back {
	max-width: 213px;
}
}

@media screen and (max-width:825px) {
.ie8 .front, .back {
	max-width: 206px;
}
}

@media screen and (max-width:799px) {
.ie8 .front, .back {
	max-width: 266px;
}
}

@media screen and (max-width:775px) {
.ie8 .front, .back {
	max-width: 258px;
}
}

@media screen and (max-width:750px) {
.ie8 .front, .back {
	max-width: 250px;
}
}

@media screen and (max-width:725px) {
.ie8 .front, .back {
	max-width: 242px;
}
}

@media screen and (max-width:699px) {
.ie8 .front, .back {
	max-width: 233px;
}
}

@media screen and (max-width:675px) {
.ie8 .front, .back {
	max-width: 225px;
}
}

@media screen and (max-width:650px) {
.ie8 .front, .back {
	max-width: 217px;
}
}

@media screen and (max-width:625px) {
.ie8 .front, .back {
	max-width: 208px;
}
}

@media screen and (max-width:599px) {
.ie8 .front, .back {
	max-width: 200px;
}
}

@media screen and (max-width:575px) {
.ie8 .front, .back {
	max-width: 192px;
}
}

@media screen and (max-width:550px) {
.ie8 .front, .back {
	max-width: 183px;
}
}

@media screen and (max-width:525px) {
.ie8 .front, .back {
	max-width: 175px;
}
}

@media screen and (max-width:499px) {
.ie8 .front, .back {
	max-width: 499px;
}
}

@media screen and (max-width:475px) {
.ie8 .front, .back {
	max-width: 475px;
}
}

@media screen and (max-width:450px) {
.ie8 .front, .back {
	max-width: 450px;
}
}

@media screen and (max-width:425px) {
.ie8 .front, .back {
	max-width: 425px;
}
}

@media screen and (max-width:400px) {
.ie8 .front, .back {
	max-width: 400px;
}
}