@media screen and (min-width: 0px) and (max-width: 830px) {
.footer_content{padding-bottom: 70px;}
.topbar-content{font-size: 13px;}
}



@media screen and (min-width: 0px) and (max-width: 960px) {
	.hero-content-highlight-copy p{font-size: 16px;}
	.hero-content-highlight-copy h2{font-size: 22px;}
	.hero-content-highlight-copy .contentbutton{font-size: 16px; padding: 10px;}
	.hero-content-highlight-copy {padding: 20px;}
	.location_information_holder{display: block;}
	.location_information_text, .location_information_map{display: block; width: 100%; flex: none; max-width: 100%;}
}

@media screen and (min-width: 0px) and (max-width: 730px) {
	.hero-content-highlight-copy p{font-size: 14px;}
	.hero-content-highlight-copy h2{font-size: 22px;}
	.hero-content-highlight-copy .contentbutton{font-size: 15px;  padding: 10px;}
	.hero-content-highlight-copy {padding: 20px;}
}

@media screen and (min-width: 0px) and (max-width: 680px) {
	.hero-content-highlight-copy p{font-size: 18px;}
	.hero-content-highlight-copy h2{font-size: 30px;}
	.hero-content-highlight-copy .contentbutton{font-size: 18px; padding: 15px;}
	.hero-content-highlight-copy {padding: 20px; flex: none; width: 100%; max-width: 100%; padding-top: 60px; padding-bottom: 30px;}
	.hero-content-highlight-image {flex: none; width: 100%; max-width: 100%;}
	.hero-highlight-content-container + .hero-highlight-content-container{padding-top: 0px;}	
}


@media screen and (min-width: 0px) and (max-width: 550px) {
	.footer-item{flex: none; width: 100%; max-width: 100%;}
	.announcement-banner p{font-size: 16px; text-align: center;} 
	table{font-size: 18px;}
}


@media screen and (min-width: 0px) and (max-width: 810px) {
	.footer-item{flex: none; width: 100%; max-width: 100%;}
}

@media screen and (min-width: 0px) and (max-width: 420px) {
.gallery-thumbnail{width: 100%; display: block; margin: auto; margin-right: 0; margin-bottom: 20px;}
.frontpagewidgetbox{width: 100% !important; margin-bottom: 10px;}
	.pricing-covid19{padding: 10px;}
	.judy-lp-bio img{width: 80%!important}
	.hero_content h1{font-size: 30px;}
	.hero_content p{font-size: 18px;}
	.hero_image{min-height: 250px;}
	.availability_holder{max-width: 90%; padding: 10px; padding-bottom: 30px; padding-top: 30px;}
	.availability_holder h2{font-size: 25px;}
	.availability_holder p{ font-size: 18px;}
	.announcement-banner .contentbutton{font-size: 14px;}
	.announcement-banner p{font-size: 16px; text-align: center;} 
	#floating-announcement-banner .contentbutton{font-size: 12px;}
	#floating-announcement-banner p{font-size: 14px;}
}



@media screen and (min-width: 0px) and (max-width: 640px) {
.childpageboxx{width: 100%;}
.product_image{width: 100%; margin-right: 0;}
.product_page_info{width: 100%;}
.client_testimonials li{ font-size: 18px;}
.client_testimonials li span{font-size: 16px;}
.twentytwentyfreelogo{max-width: 85%!important;}	
	.learndash-wrapper .ld-breadcrumbs .ld-status{width: auto!important;}	
	
	.main-content h2{font-size: 20px;}
	.main-content h1{font-size: 28px;}
	.main-content p{font-size: 18px;}
	.blog-page-content-container h2{font-size: 15px;}	
	.blog-page-content-blog-single-block{width: 50%; padding: 10px;}	
}


@media screen and (min-width: 0px) and (max-width: 445px) {
	.newsletter-sign-up-box h2{font-size: 22px; padding: 12px;}
	.newsletter-sign-up-box p{font-size: 15px; background-color: rgba(255, 255, 255, 0.95); margin-top: 20px;}
	.newsletter-sign-up-box{padding: 20px;}
	.blog-page-content-container h2{font-size: 20px;}	
	.blog-page-content-blog-single-block{width: 100%; padding: 10px;}		

	.course-offering{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}		
	
}


@media screen and (min-width: 520px) and (max-width: 760px) {
.childpagebox{width: 50%;}
	.learndash-wrapper .ld-lesson-status{margin-top: -20px;}
}



@media screen and (min-width: 0px) and (max-width: 850px) {
	.navigation .navlink{ display: none;}
	.menubutton {display: inline-block;}
	.navigation-container { width: 100%; display: block; }
	.nav-logo { float: left; }
}

/*0 width to 769px width */
@media screen and (min-width: 0px) and (max-width: 769px) {
	
	
	
	.navigation-container{width:100%; display: block;}
.header-container{text-align: left;}
.footer{padding-bottom: 70px;}
.navigation .navlink{font-size: 18px; line-height: 18px;}
	.explore-block{width: 48%; margin-right: 1%; margin-left: 1%;}	
	
	.book-cover{width: 100%; display: block; margin-bottom: 30px;}
	.book-cover img{width: 25%; display: inline-block; vertical-align: top; margin-right: 5%;}
	.book-cover p{width: 70%; display: inline-block;  vertical-align: top; margin-top: 0px;}
		
	
.sidebartopdiv{display: block; margin-top: 30px !important;}
.navigation .navlink{ display: none;}
.page-sidebar{padding-top: 0px; padding-left: 10px; padding-right: 10px;}
.mailing-list-header{top: 0px;}
.copyright-text{font-size: 10px; line-height: 15px;}
.content-container{padding-left: 10px; padding-top: 20px; padding-right: 10px;}
.main-content{float: none; width: 100%; max-width: 960px;  position: relative;}
.inspirationlink{min-width: 200px;}
.sidebar_widget:last-child{margin-bottom: 0px !important;}
.footersection{float: none; margin: auto; width: 100%; margin-bottom: 20px;}
.footer-block{width: 100%; display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #4298c3;}
.main-content{ border-left: none; padding-left: 10px; padding-right: 10px;}
.slide-title{ font-size: 13px;}
.sidebarimage{margin: auto;}
.topaddress{display: none;}
.contentbutton{max-width: 100%; font-size: 18px; line-height: 18px;}
.front-slideshow{height: 300px;}
.frontpagewidgetbox{width: 80%; margin-bottom: 10px;}
.frontpagewidgetbox + .frontpagewidgetbox{margin-left: 0;}
.childpageboxx{width: 100%;}
.footeraddressmobile{display: block;}
.mobile-location{display: block;}
.footer_icon_link{display: block; border-right: 0px; margin-bottom: 10px;}
.footer_content{font-size: 14px; line-height: 18px;}
.page_graphic_image{background-size: auto 200px;}
.page_graphic_image h1, .front-slide-image h1{font-size: 25px; line-height: 28px; max-width: 100%; padding-left: 30px; padding-right: 30px; }
.page_graphic_image h1 span, .front-slide-image h1 span{font-size: 20px; line-height: 23px;}
	.nav-logo{float:left;}

	.workshop_or_course_offering h2{font-size: 17px;}
	.dark-green-block{width:31%; margin-bottom: 20px;}
	.green-container-inner{text-align: center;}
}


@media screen and (min-width: 0px) and (max-width: 580px) {
	.accommodation-block::after{        content: '';
        width: 80%;
        height: 1px;
        margin: auto;
        margin-top: 40px;
        margin-bottom: 40px;
        display: block;}
	.content-container{max-width: 90%; width: 90%;}
	
}



@media screen and (min-width: 0px) and (max-width: 500px) {
	.mailing-list-page h1 {font-size: 24px!important;}
	.dark-green-block{width: 48%; vertical-align: top;}
	.dark-green-block .info-icon img{width: 40%;}
	.accommodation-block-content{width: 100%; display: block;}
	.accommodation-block{text-align: center;}
	.accommodation-block p{ text-align: center;}
	.accommodation-block h2{ margin-top: 25px;}	
	.accommodation-block img{width: 80%; margin-right: 0px;}
}


@media screen and (min-width: 0px) and (max-width: 519px) {
	
	
.childpagebox h2 {font-size: 13px;}
.childpagebox:nth-child(2n){margin-left: 0%;}
.childpagebox{width: 100%;}
.childpagebox:last-child,
.childpagebox:nth-last-child(2) {margin-bottom: 20px;}
.childpagebox{margin-bottom: 20px;}
.childpagebox:last-child{margin-bottom: 0px;}
	
		.wow-start-prompt{width: 100%;}
	
	.radio-toolbar label {width: 16%; margin-right: 2%; margin-left: 2%; margin-bottom: 2%; padding-top: 2%; padding-bottom: 2%;}	

	.judy-lp-bio {text-align: center;}	
	.judy-lp-bio img{display: block; width: 60%; display: inline-block;}
	.judy-lp-bio-text{display: block; width: 100%; margin-top: -30px; margin-top: -23px; padding:0px; left: 6px;  text-align: center;}
	.judy-lp-bio h2{top: auto; right: auto;}
	.judy-lp-bio p{width: 100%; margin-top: 0px; text-align: center;}
	
	.book-cover{width: 100%; display: block; margin-bottom: 30px;}
	.book-cover img{width: 50%; display: block; margin: auto; margin-bottom: 20px;}
	.book-cover p{width: 100%; display: block;   margin-top: 0px;}	
	.judy-bio-block-holder img{display: block; margin: auto; width: 70%;}
	.judy-bio-block-copy{display: block; width: 100%; text-align: center;}
	.judy-bio-block-holder h2{width: 100%; text-align: center; margin: auto; margin-top: 20px;}
	.judy-bio-block-copy p{text-align: center; font-size: 18px;}
	.judy-bio-block-copy .contentbutton {margin: auto;}
	
	
	
}

@media screen and (min-width: 0px) and (max-width: 419px) {
	.explore-block{width: 48%; margin-right: 1%; margin-left: 1%;}	
	.explore-block h3{font-size: 13px!important;}
	.explore-block h3::before{margin-bottom: 5px;}
}

@media screen and (min-width: 420px) and (max-width: 760px) {
.page-sidebar{float: none; width: 70%; max-width: 960px; position: relative; padding-bottom: 20px !important; padding-top: 30px; margin: auto;}
}

@media screen and (min-width: 0px) and (max-width: 420px) {
.badge-holder{width: 70%; margin: auto;}
	.scrollToTop{width: 30px; height: 30px;}
	.mailing-list-signup-block h2{font-size: 24px;}
}

@media screen and (min-width: 421px) and (max-width: 760px) {
.badge-holder{width: 55%; margin: auto;}
	

}


@media screen and (min-width: 0px) and (max-width: 959px) {
.product_image{width: 100%; margin-right: 0;}
.product_page_info{width: 100%;}
	.logo{width: 180px;}	
}

/*959px less width but more than 720px */

@media screen and (min-width: 761px) and (max-width: 959px) {

.navlinkdropdownlink{font-size: 12px; line-height: 12px;}
.navlink-underline,.navlink-overline{margin-bottom: 0px;}
.navigation .navlink{font-size: 15px; margin-right: 7px; margin-left: 7px;}
.header{padding-top: 10px; padding-bottom: 10px;}
.front-slideshow{height: 300px;}
.footer_content{font-size: 14px; line-height: 18px;}
}

@media screen and (min-width: 960px) and (max-width: 1100px) {
.navigation .navlink{font-size: 16px; line-height: 16px; letter-spacing: 0px;}
	.logo{width: 200px;}
}

/*959px or less up to 0px width GLOBAL */
@media screen and (min-width: 0px) and (max-width: 959px) {

}

/*HERO IMAGE BREAK POINTS */
@media screen and (min-width: 0px) and (max-width: 2000px) {
	.xhero_image{height: 400px!important;}
}
@media screen and (min-width: 0px) and (max-width: 1300px) {
	.xhero_image{height: 300px!important;}
}
@media screen and (min-width: 0px) and (max-width: 850px) {
	.xhero_image{height: 400px!important;}
}
@media screen and (min-width: 0px) and (max-width: 650px) {
	.xhero_image{height: 300px!important;}
}
@media screen and (min-width: 0px) and (max-width: 420px) {
	.xhero_image{height: 300px!important;}
}