/* Desktop (greater than 1024)
==============================================*/
@media only screen and (min-width: 1025px) {
	
}
/* Tablet landscape (1024x768)
==============================================*/
@media only screen and (max-width: 1024px) {
/*reposition scroll to top icon */
.responsive #scroll-top-link {
 	bottom: 0px!important;
 	right: 0px!important;
 	font-size: 1.4em!important;
 	padding: 2px 20px!important;
 	width: auto!important;
 	height: auto!important;
 	font-weight: bold;
}
}

/* Enfold menu breakpoint
==============================================*/
@media only screen and (max-width: 990px) {
	
/* revert enfold styling of header top strip - phone and social icons */
.responsive #header .social_bookmarks {
text-align: right;
padding-right: 0!important;
margin: 0!important;
padding: 0!important;
}

.responsive #header .social_bookmarks li {
text-align: left!important;
float:none!important;
border: 0 none!important;
border-right: 1px solid #DDD!important;
margin: 0!important;
}

.responsive #header .social_bookmarks li:first-child {
border-left: 1px solid #DDD!important;
}
/* END revert enfold styling of header top strip - phone and social icons */
/* fix mobile menu appearing to right of layout*/
.responsive #wrap_all {
	position: relative !important;
}

.responsive #advanced_menu_toggle {top: 45%;}

.responsive #footer .container {
	background: transparent url(images/tdc-stamp-grey-cropped.png) 0px bottom no-repeat;
}

.responsive #footer div.flex_column h3 br {
	display: none;
}

}

/* Tablet portrait (768x1024)
==============================================*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {

.responsive h2.avia-caption-title {
	font-size: 26px!important;
}

.responsive .secondary-feature.one,
.responsive .secondary-feature.two,
.responsive .secondary-feature.three {
	min-height: 500px;
}
}

/* Tablet portrait (768x1024)
==============================================*/
@media only screen and (max-width: 768px) {
.responsive .home #av_section_1 .av_one_third {
  margin-bottom: 0%!important;
}
}


/* All Mobile Sizes
==============================================*/
@media only screen and (max-width: 767px) {
	
.responsive .logo {
	text-align: left!important;
	padding: 0!important;
	height: auto!important;
}
#header_main {
margin-top: -12px!important;
}
.responsive .logo img {
	margin: 10px 0 20px 0px!important;
}

.secondary-feature {
	min-height: 10px!important;
	padding: 10px 15px;
}

/*revert the appearance of footer menus, Enfold default hides them*/
.responsive #socket .sub_menu_socket {display:block;float: left}

.responsive #socket .sub_menu_socket ul.menu li {
	line-height: 1.3em!important;
	font-weight: normal!important;
}

.responsive #footer .av_one_third {
	border-right: 0 none!important;
	height: auto!important;
}
#footer .av_one_third:nth-child(2) {
	border-top: 1px solid #555;
}
#footer .av_one_third:nth-child(3) {
	padding-bottom: 80px!important;
	border-top: 1px solid #555;
}


}
/* Small tablet landscape (800x600)
==============================================*/
@media only screen and (max-width: 800px) {

}
/* Small tablet portrait (600x800)
==============================================*/
@media only screen and (max-width: 600px) {

}

/* Mobile landscape (480x320)
==============================================*/
@media only screen and (max-width: 480px) {
#header_main {
margin-top: -12px!important;
}
.responsive .logo img {
	margin: 10px 0 20px 0px!important;
}
.secondary-feature {
	min-height: 10px!important;
	padding: 10px 15px;
}
}

/* Mobile portrait (320x480) to Mobile landscape (480x320)
==============================================*/
@media only screen and (min-width: 320px) and (max-width: 600px) {
div.av_two_fifth:nth-child(2) {width: 70%!important;left: 15%!important;}
.primary-feature-slider {margin-top: 13px!important;margin-bottom: -40px!important;}
}

/* Mobile portrait (320x480)
==============================================*/
@media only screen and (max-width: 320px) {

.responsive .avia-slideshow-arrows, .responsive .avia-slideshow-dots {display: none;}
.responsive .logo img {
	width: 220px!important;
	max-width: 220px!important;
	height: auto!important;
	margin: 10px 0 20px 0px!important;
}
.responsive .mobile-only {display: block;}

.primary-feature-slider h2.avia-caption-title {
	font-size: 22px!important;
	padding: 0px 0px 16px 0;
}

}