/*****************/
/* MEDIA QUERIES */
/*****************/

/*========== Non-Mobile First Method ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 1199px) {
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
	
	/* HOME PAGE CONTENT */
	#home_page_accreditations {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	
	/* NAVBAR */
	.navbar {
		min-height: 1px !important;
	}
	
	.navbar-header {
		float: none;
	}
	
	#navbar2 {
		background-color: #7C7A7A;
		border-top: none !important;
		border-bottom: none !important;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		margin-right: 0px;
		margin-bottom: 8px;
		margin-left: 0px;
		/* padding-right: 15px; */
	}
	
	.navbar-collapse-home-page {
		border-bottom: none !important;
	}
	
	#navbar2 > ul#main-menu {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	.navbar-left, .navbar-right {
		float: none !important;
	}
	
	.navbar-toggle {
		background-color: #E20018 !important;
		border: 1px solid #E20018 !important;
		display: block;
		margin-top: 0px;
	}
	
	.navbar-toggle .icon-bar {
		background-color: #FFFFFF !important;
	}
	
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background-color: #7C7A7A !important;
		border: 1px solid #7C7A7A !important;
	}
	
	.navbar-toggle:hover .icon-bar,
	.navbar-toggle:focus .icon-bar {
		background-color: #FFFFFF !important;
	}
	
	.navbar-collapse {
		border-top: 0px solid transparent !important;
		box-shadow: none !important;
	}
	
	.navbar-fixed-top {
		border-width: 0px 0px 1px;
		top: 0px;
	}
	
	.navbar-collapse.collapse {
		display: none !important;
	}
	
	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}
	
	.navbar-nav > li {
		float: none;
	}
	
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.collapse.in {
		display: block !important;
	}
	
	.nopadding-small {
		padding: 0px !important;
	}
	
	/* FOOTER */
	#footer_cardsave {
		display: none;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	/* HEADER */
	#header_right_menu a.header_right_menu_imdt-membership {
		display: none;
	}
	
	#header_right_calendar {
		display: none;
	}
	
	/* NAVBAR */
	.navbar-toggle {
		margin-right: 0px;
	}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
	
	/* BODY */
	#contact_right {
		margin-top: 30px;
	}
	
	/* HEADER */
	#logo,
	#logo_happy_dogs_training_adventures {
		text-align: center;
	}
	
	#header_right {
		display: none;
	}
	
	/* HOME PAGE BUTTONS */
	#home_page_button_container {
		padding-bottom: 5px;
	}
	
	.home_page_button {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	/* FOOTER */
	#footer_wrapper {
		padding-bottom: 0px;
	}
	
	.footer_section {
		margin-bottom: 10px;
	}
	
	/* PRODUCTS */
	#product_info_right {
		margin-top: 30px;
	}
	
	/* TRAINERS SEARCH GOOGLE MAPS */
	#trainer_details {
		border-right: 0px;
		border-left: 0px;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		bottom: 0px;
		right: 0px;
		top: auto;
		width: 100%;
	}
	
	#trainer_details_close_button {
		display: block;
	}
	
	/* FRONTEND CALENDAR */
	.calendar_month_prev .year,
	.calendar_month_curr .year,
	.calendar_month_next .year {
		display: none;
	}
	
	.calendar_event_preview_image {
		text-align: center;
	}
	
	.calendar_event_preview_image img {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.calendar_event_preview_details h2 {
		font-size: 20px;
		text-align: center;
	}
	
	.calendar_event_preview_details h3 {
		font-size: 18px;
		text-align: center;
	}
	
	.calendar_event_preview_details p {
		font-size: 16px;
		text-align: center;
	}
	
}

@media only screen and (min-width: 650px) and (max-width: 767px) {
	
	/* TOP MENU */
	#top_line_strapline {
		width: 66.66666667%;
	}
	
	#top_line_telephone {
		width: 33.33333333%;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* FOOTER */
	#footer_menu_social_networking_icons a {
		margin-right: 8px;
	}
	
	/* TRAINERS SEARCH GOOGLE MAPS */
	#trainer_details {
		width: 50%;
	}
	
}

@media only screen and (max-width: 649px) {
	
	/* TOP MENU */
	#top_line_strapline {
		text-align: center;
	}
	
	#top_line_telephone {
		display: none;
	}
	
	/* TRAINERS SEARCH GOOGLE MAPS */
	#trainer_details {
		width: 60%;
	}
	
	/* FRONTEND CALENDAR */
	.calendar_search_form_label {
		display: block;
		margin-bottom: 8px;
		padding-right: 0px;
	}
	
	.calendar_search_form_input {
		display: block;
		margin-bottom: 8px;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 649px) {
}

@media only screen and (max-width: 500px) {
	
	/* TRAINERS SEARCH */
	.trainers_search_form_label {
		display: block;
		margin-bottom: 8px;
	}
	
	.trainers_search_form_input {
		display: block;
		margin-bottom: 8px;
	}
	
	.trainers_search_form_submit {
		display: block;
		margin-bottom: 8px;
	}
	
	.trainers_search_form_submit input {
		margin-left: 0px;
		margin-right: 0px;
	}
	
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 400px) and (max-width: 479px) {
	
	/* HOME PAGE BUTTONS */
	.home_page_button {
		width: 50%;
	}
	
}

@media only screen and (max-width: 479px) {
	
	/* BODY */
	body {
		min-width: 320px;
	}
	
	#page_wrapper {
		min-height: 100px;
		padding-bottom: 10px;
	}
	
	/* FOOTER */
	#upshot {
		margin-top: 10px;
		text-align: left;
	}
	
	/* BASKET */
	.basket_preview_description {
		margin-top: 20px;
	}
	
	/* REVIEWS */
	.review-date {
		display: none;
	}
	
	/* FRONTEND CALENDAR */
	.calendar_month_prev a {
		background-image: none;
		padding-left: 0px;
	}
	
	.calendar_month_prev a:hover,
	.calendar_month_prev a:active {
		background-image: none;
	}
	
	.calendar_month_next a {
		background-image: none;
		padding-right: 0px;
	}
	
	.calendar_month_next a:hover,
	.calendar_month_next a:active {
		background-image: none;
	}
	
}

@media only screen and (max-width: 350px) {
	
	/* HEADER */
	#logo img {
		height: 72px !important;
		width: 290px !important;
	}
	
}