/* CSS for serving the retina image to devices with a high "device-pixel-ratio" */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
}

/*  EXTRA-LARGE (XL) Grid: 1200px+
    ---------------- */
@media only screen and (min-width: 1200px) {

	.red_content {
		width: 680px;
	}

	.subscribeText p {
		margin-top: 10px;
	}

}

/*  LARGE (L) Grid: 1024px - 1199px
    ---------------- */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {

	.red_content {
		width: 580px;
	}

	.subscribeText p {
		margin-top: 10px;
	}

	/* HOMEPAGE BANNER */
	.banner_text {
		padding: 0 80px;
	}

	/* MEMBERS AREA */
	.members_main_section h1 {
		font-size:   40px;
		line-height: 48px
	}

	.members_main_section h2 {
		padding-left:  40px;
		padding-right: 40px;
	}

	/* FIND A BOOTH */
	#sidebarSize input.icheck {
		margin-right: 2px;
	}

	.home_cta_right p {
		line-height: 14px
	}

	.drop_down_menu li a {
		padding: 15px 10px;
	}

}

/* MEDIUM (M) Grid: 768px + */
@media only screen and (min-width: 768px) {

}

/*  MEDIUM (M) Grid: 768px - 1023px
    ---------------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

	.red_content {
		width: 430px;
	}

	/* HOMEPAGE BANNER */
	#homePageBanner {
		min-height: inherit;
	}

	.banner_text {
		padding: 0px;
	}

	.banner_text_wrapper {
		top:    6%;
		height: 100%;
	}

	.banner_text_border_new {
		margin: 0px 0 30px 0;
	}

	.inputContainer .inner ul {
		margin-top: 19px;
	}

	/* NAVIGATION */
	#mainNav > li.first {
		display: none;
	}

	#mainNav li a {
		padding:   15px 0px 15px 13px;
		font-size: 13px;
	}

	/* Widgets */
	.widget_form_row label {
		width:   100%;
		display: block;
	}

	.widget_form_input {
		width: 100%;
	}

	/* Gallery */
	/* Categories */
	#content .gallery_cat_list li {
		margin-bottom: 10px;
	}

	#content .gallery_cat_list li a {
		width: 100%;
	}

	#content .gallery_cat_list li a:hover {
		width:  100%;
		margin: 0;
	}

	.gallery_cat_list li a:hover .gallery_title_label {
		font-size:   14px;
		line-height: 17px;
		font-weight: bold;
		height:      135px; /* Change the height to the height of the image */
	}

	/* Thumbs */
	#content .gallery_thumbs li, #content .gallery_thumbs li.gallery_last {
		width:        32.6%;
		margin-right: 1%;
	}

	#content .gallery_thumbs li.gallery_tab_last {
		margin-right: 0;
	}

	/* HOMEPAGE */
	.homeIconWrapper {
		margin-top: 40px;
	}

	/* FOOTER */
	#footerSubscribe {
		background: #2f353e;
	}

	#footerSubscribe .subscribeContainer .subscribeText {
		text-align:    center;
		margin-bottom: 10px;
	}

	.subscribeHolder p {
		text-align: center;
	}

	/* FIND A BOOTH */
	#search-form-results .op_background .buttons .alt_button {
		margin-top: 5px;
		float:      left;
	}

	#search-form-results .op_background .op_logo {
		width: 65px;
	}

	#search-form-results .op_logo img {
		width: 100%;
	}

	#search-form-results .op_background .summary, #search-form-results .op_background:hover .summary {
		max-height:    55px;
		margin-bottom: 10px;
	}

	/* REFINE */
	#sidebarSize .grid_12.inner_r {
		padding-right: 0px;
	}

	#sidebarSize .grid_12 {
		width: 100% !important;
	}

	#sidebarSize input.icheck {
		margin-right: 2px;
	}

	#sidebar .refineSearch i {
		margin-left: 0px;
	}

	/* MEMBERS AREA */
	.members_main_section h1 {
		font-size:   33px;
		line-height: 48px
	}

	.members_main_section h2 {
		padding-left:  10px;
		padding-right: 10px;
	}

	.red_background.members_main_section .button {
		padding: 8px 5px !important;
	}

	.boothfinderDropdown .custom_select span {
		font-size: 11px;
	}

	.packages.details-wrapper .packages_from {
		margin-right: -9px;
	}

	.home_cta_right p {
		line-height: 14px
	}

	.award_artwork {
		margin-top: -9px;
	}

	.inputContainer.cta_text {
		display: none;
	}

	.cta_featured_listing {
		background: #333 !important;
	}

}

/*  Phone - all mobile sizes < 767px
    ---------------- */
@media only screen and (max-width: 767px) {

	h1 {
		font-size:   26px;
		line-height: 32px;
	}

	h2 {
		font-size:   18px;
		line-height: 24px;
	}

	h3 {
		font-size:   16px;
		line-height: 20px;
		color       : #2f353e;
		font-weight: 700;
		margin:      0 0 10px 0;
	}

	.inner {
		padding-left:  0px;
		padding-right: 0px;
	}

	#cboxContent #copy.grid_24.inner {
		padding-left:  10px;
		padding-right: 10px;
	}

	.inner_r {
		padding-left:  0px;
		padding-right: 0px;
	}

	.inner_l {
		padding-left:  0px;
		padding-right: 0px;
	}

	html, body {
		font-size:   14px;
		line-height: 20px;
	}

	#homePage #menu_mobile {
		display: none;
	}

	.form_label {
		width:   auto;
		padding: 0;
	}

	.form_required {
		width:   5%;
		padding: 5px 0 0 10px;
	}

	.form_field {
		width:      100%;
		float:      none;
		margin-top: 0;
	}

	#header {
		height:        50px;
		padding:       0;
		margin-bottom: 0px;
	}

	#header a.logo {
		height:          50px;
		width:           200px;
		background-size: 100% auto;
		float:           left;
		margin-bottom:   0;
	}

	.only_mobile_menu {
		display: block !important;
	}

	/* Global Nav */
	#globalNav {
		font-size: 11px;
	}

	#globalNav a.tabletButton {
		padding: 5px 12px;
	}

	#progress_bar {
		font-size: 9px;
	}

	/* HOMEPAGE */
	#homepageDivider {

	}

	.homeIconWrapper {
		margin-top:    20px;
		margin-bottom: 0px;
		display:       block;
	}

	.homeIcon {
		background-size: 80px !important;
		padding-top:     110px;
		padding-left:    0px;
		padding-right:   0px;
	}

	#homepageDivider {
		margin-top: 20px;
	}

	#homepageDivider .red {
		width:          100%;
		padding-top:    20px;
		padding-bottom: 20px;
	}

	#homepageDivider .padding_right {
		padding-right: 20px;
		min-height:    inherit;
		padding-left:  20px;
	}

	#homepageDivider .white {
		width:               100%;
		height:              auto !important;
		padding:             20px 0 30px;
		text-align:          left;
		background-position: -10px bottom;
		background-size:     160%;
	}

	#homepageDivider .white p {
		padding-right: 0px;
		padding-left:  0px;
	}

	#homepageDivider .padding_left {
		padding-left: 20px;
		width:        180px;
		padding-top:  35px;
	}

	#homePageNews h3 {
		color:         #78CDD3;
		font-size:     20px;
		line-height:   26px;
		font-weight:   900;
		text-align:    center;
		margin-bottom: 30px;
	}

	#homePageNews {
		padding: 30px 0;
	}

	.red_content {
		width: 100%;
	}

	/* HOMEPAGE BANNER */
	.banner_text {
		padding: 0;
	}

	.banner_text p {
		padding:     0px;
		font-size:   13px;
		line-height: 19px;
	}

	#homePageBanner {
		min-height: inherit;
		background: none;
	}

	#homePageBanner .slides > li {
		min-height: 400px;
	}

	.flexslider .slides > li img.slide {
		margin-top: 230px;
	}

	.banner_text_wrapper {
		top: 20px;
	}

	.banner_text h2 {
		font-size:   27px;
		line-height: 32px;
	}

	.banner_text .iputContainer {
		width: 100%;
	}

	.banner_text .iputContainer .custom_select {
		margin-bottom: 5px;
	}

	/* PAGE STYLING */
	.headingContainer h1 {
		margin-top:    15px;
		margin-bottom: 10px;
		display:       block;
		width:         100%;
	}

	#breadcrumbsWrapper {
		display: none;
	}

	.full-width-booth #bannerHeadingWrapper, .full-width #bannerHeadingWrapper {
		height: auto;
	}

	/* FOOTER */
	#footerSubscribe {
		background: #2f353e;
	}

	#footerSubscribe .subscribeContainer .subscribeText {
		text-align:    center;
		margin-bottom: 10px;
	}

	.subscribeHolder p {
		text-align: center;
	}

	.subscribeContainer p {
		line-height:   20px;
		margin-bottom: 5px;
	}

	#footer {
		padding-top: 20px;
	}

	#footer .footer_left > ul {
		float:         left;
		width:         100%;
		margin-bottom: 10px;
	}

	#footer .footer_left li {
		margin-right: 0px;
		width:        50%;
		float:        left;
	}

	#footer .footer_left li.non-indent {
		width: 100%;
	}

	#footer .footer_left li a {
		margin-left:  0px;
		margin-right: 5px;
	}

	#footer .footer_left .footerSocialIcons li {
		width:        auto;
		margin-right: 5px;
	}

	.topBorder {
		margin-top: 10px;
	}

	#footer .footer_right {
		text-align: left;
	}

	.footerSocialIcons span.icon:hover {
		margin-left: 0px;
	}

	/* Gallery */
	#content .gallery_cat_list li {
		margin-bottom: 15px;
		width:         48%;
	}

	#content .gallery_cat_list li.gallery_middle {
		margin-right: 0;
		margin-left:  0;
	}

	#content .gallery_cat_list li.gallery_mob_last {
		margin-left: 4%;
	}

	.gallery_cat_list li a {
		background: none;
	}

	.gallery_cat_list li a:hover .gallery_title_overlay_container, .gallery_cat_list li .gallery_title_overlay_container {
		position:   relative;
		display:    block;
		text-align: left;
	}

	.gallery_cat_list li .gallery_title_overlay {
		display:    block;
		text-align: left;
		padding:    0px;
	}

	.gallery_cat_list li a:hover .gallery_title_overlay {
		padding: 0px;
	}

	.gallery_cat_list li a:hover .gallery_title_label, .gallery_cat_list li .gallery_title_label {
		font-size:   14px;
		display:     block;
		padding:     10px 0 2px 0;
		line-height: 17px;
		font-weight: bold;
        color: #000;
		text-align:  left;
		height:      auto; /* Change the height to the height of the image */
	}

	/* Thumbs */
	#content .gallery_thumbs li, #content .gallery_thumbs li.gallery_last, #content .gallery_thumbs li.gallery_tab_last {
		width:         48%;
		margin-right:  4%;
		margin-bottom: 18px;
	}

	#content .gallery_thumbs li.gallery_mob_last {
		margin-right: 0;
	}

	.gallery_thumbs .gallery_caption {
		padding: 18px 0 0px;
	}

	.gallery_thumbs .gallery_caption h2 {
		margin-bottom: 10px;
	}

	#sidebar {
		margin-top: 5px;
	}

	/* BOOTH FINER */
	h3.subNavHeading {
		padding-top:    10px;
		padding-bottom: 10px;
		font-size:      16px;
	}

	.refineSearch .grid_24 {
		padding: 8px 15px;
	}

	.boothfinderDropdown {
		margin-bottom: 5px;
	}

	#view-booth-operatorPage .headingContainer > div .alt_button, #view-booth-operatorPage .headingContainer > div .alt_button.remove-shortlist {
		position:      relative;
		top:           auto;
		right:         auto;
		margin-bottom: 10px;
	}

	#copy #tabs-operator .ui-tabs-nav li a {
		padding: 10px 15px;
	}

	.add-shortlist-container {
		margin-left: 0px;
	}

	#search-form-results .op_background {
		background-position: center 0px !important;
	}

	#search-form-results .op_background .op_logo {
		width: 65px;
	}

	#search-form-results .op_logo img {
		width: 100%;
	}

	/* FIND A BOOTH */
	#search-form-results .op_background .buttons .button {
		float:        left;
		margin-top:   10px;
		margin-right: 10px;
	}

	.boothTable .title {
		width: 90px;
	}

	#search-form-results .op_background {
		height:          500px;
		background-size: 100% auto !important;
	}

	#find-a-photo-boothPage #copy > p {
		display: none;
	}

	.rating-input span.fa.fa-star-o, .rating-input span.fa.fa-star {
		font-size: 18px !important;
	}

	#search-form-results .op_background .summary, #search-form-results .op_background:hover .summary {
		max-height:    inherit;
		min-height:    90px;
		margin-bottom: 10px;
	}

	/* MEMBERS AREA */
	.members_main_section h1 {
		font-size:   40px;
		line-height: 48px
	}

	.members_steps {
		display: none;
	}

	/* CUSTOM TABLES */
	.mobile_scroll_indicator {
		width:              100%;
		overflow-x:         scroll;
		margin-bottom:      20px;
		-webkit-box-shadow: inset -5px -1px 6px 1px rgba(0, 0, 0, 0.2);
		box-shadow:         inset -5px -1px 6px 1px rgba(0, 0, 0, 0.2);
		z-index:            99999;
		position:           relative;
	}

	.mobile_scroll_indicator #membersInquiries {
		width:         800px !important;
		margin-bottom: 0px;
	}

	/* MEMBERS LOGIN */
	#member-loginPage #contentAreaWrapper #copy.inner {
		padding-top:    20px;
		padding-bottom: 20px;
		padding-left:   0;
		padding-right:  0;
	}

	#member-loginPage #contentAreaWrapper #copy.inner .loginButton.float_left {
		display: block;
		width:   100%;
	}

	.remove-shortlist.alt_button.button {
		float: left !important;
	}

	.packages.details-wrapper {
		text-align: left !important;
	}

	.booth_overview.ratings.details-wrapper, .booth_overview.ui-tab-link {
		float: left;
	}

	.booth_overview.ui-tab-link {
		margin-left: 10px;
	}

	.popup_styling {
		text-align: center;
		max-width:  290px;
		margin:     0;
	}

	.popup_styling .popup_content .options_container .divider {
		display:    block;
		text-align: center;
		margin:     10px 0;
	}

	.popup_styling .popup_content {
		padding: 20px;
	}

	#member-featured-listingPage button {
		margin-top: 5px;
	}

	.cta_featured_listing {
		background: #333 !important;
	}

	.headingContainer h1 {
		font-size: 23px;
	}

	.members-create .button-group {
		margin-top: 20px;
		float: left;
	}

	.member_modify_item {
		padding: 0;
	}

	.member_modify_accordion .member_modify_item > div {
		padding: 0 15px 15px;
		margin-top: 0;
	}

	.member_modify_accordion .member_modify_item > .collapse_content {
		padding-top: 10px;
	}

	.member_modify_item h3 {
		font-size: 14px;
		position: static;
	}

	.member_modify_item label {
		max-width: 75%;
	}

	.member_modify_item h3 input[type="checkbox"] {
		vertical-align: top;
		margin-top: 4px;
	}

	.members-create #op_search {
		margin-bottom: 5px;
	}

	#registration-step-2Page form > .prefix_1 {
		text-align: center;
	}

	#registration-step-2Page .create-new-franchise-button-container {
		text-align: center;
	}
}

/*  SMALL (S) Grid: 480px - 767px
    ---------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (max-width: 600px) {
	.cta_featured_listing {
		background-position-x: right;
	}
}

/*  EXTRA-SMALL (XS) Grid: < 479px
    ---------------- */
@media only screen and (max-width: 479px) {

	/* Gallery */
	/* Thumbs */
	#content .gallery_thumbs li, #content .gallery_thumbs li.gallery_last, #content .gallery_thumbs li.gallery_tab_last {
		margin-bottom: 10px;
	}

	.gallery_thumbs .gallery_caption {
		padding: 10px 0 0px;
	}

	.gallery_thumbs .gallery_caption h2 {
		margin-bottom: 5px;
	}

	#ui-tab-gallery .groupedImages {
		height: auto !important;
		width:  100% !important;
		float:  left;
		margin: 0 0 5px 0;
	}

	.members_main_section a {
		margin-bottom: 5px;
	}

	#mobile_nav #mobile_nav_launch {
		top: 4px;
	}
}

@media only screen and (max-width: 323px) {
	#mobile_nav #mobile_nav_launch {
		top: 3px;
	}
}