/*-------- XL --------*/
@media (min-width: 1200px){
/* -- HOME PAGE VARIABLE HEADER IMAGE-- */
	 .HomeHeader.imageXL{
     	display: block;
   } 
	.HomeHeader.imageLG{
     	display: none;
   } 
	.HomeHeader.imageMD{
     	display: none;
   } 
	.HomeHeader.imageSM{
     	display: none;
   } 
	.HomeHeader.imageXS{
     	display: none;
   }
	/* -- TEXT STYLE -- */
	/*-- Home Titles -- */
	#MainTitleBox h1 {
		font-size: 3.3rem;
		font-weight: 700;
		padding-top: 2rem;
	}
	#MainTitleBox2022 h1 {
		color: #fcba19;
		font-size: 3rem;
		font-weight: 700;
		padding-top: 2rem;
	}
	.MainTitle .underlined {
		margin-bottom: 1rem;
    	padding: 1rem 0;
		width: 92%;
	}
	.HomeIntro header, .blockquote {
    	font-size: 2rem;
	}
	.TitleTextOver h3 {
		font-size: 1.8rem;
		padding-top: .8rem;
	}
	.TitleTextOver .underlined {
		width: 92%;
	}
	h3.lineThrough{
		font-size: 2rem;
	}
	/*-- Intro P -- */
	body p, li.menu-item, li {
		font-size: 1.1rem;
	}
	.HomeIntro p, .GeneralIntro p, .GreyIntro p, h3.Bold {
		font-size: 1.6rem;
	}
	.GeneralIntro p {
		margin: 2.5rem 0 3.5rem;
	}
	/* -- CONTENT PAGES -- affordable, services, economy -- */	
	#PageContentTitleBox h1 {
		font-size: 3rem;
		padding-top: 1.3rem;
		padding-bottom: 1rem;
	}
	/* -- Texts -- */
	h2.ContentTitle{
		font-size: 2.3rem;
		padding-bottom: 2rem;
	}
	.LeftLine li{
		padding-bottom: 1.2rem;
		margin-left: 3.25rem;
	}
	@supports (-moz-appearance:meterbar) and (display:flex) { /*  firefox ≥ 4 */
		.LeftLine li {
			margin-left: 4rem;
		}
	}
	.LeftLine ul{
		padding-left: 4rem;
	}
	/* -- FOOTER -- */
	#blue-footer .ContentBox .text-center{
		padding-right: 0px;
		padding-left: 0px;
	}
	.crown-service-plans li {
    	line-height: 2rem;
	}
	.themePromoBox .pdfu {
    	padding: 6px 10px 0px 0 !important;
	}
}

/*-------- LG -------- */
@media (max-width: 1199px){
/* -- HOME PAGE VARIABLE HEADER IMAGE-- */
	 .HomeHeader.imageXL{
     display: none;
   } 
	.HomeHeader.imageLG{
     display: block;
   } 
	.HomeHeader.imageMD{
     display: none;
   } 
	.HomeHeader.imageSM{
     display: none;
   } 
	.HomeHeader.imageXS{
     display: none;
   }
	/* -- TEXT STYLE -- */
	/*-- Titles -- */
	#MainTitleBox2022 h1 {
		font-size: 2.7rem;
		font-weight: 700;
		padding-top: 1.6rem;
	}
	.MainTitle .underlined {
    	padding-top: .6rem;
	}
	.HomeIntro header {
		font-size: 1.6rem;
		padding-bottom: 1rem;
	}
	.TitleTextOver h3 {
	font-size: 1.6rem;
	padding-top: 1rem;
	}
	.TitleTextOver .underlined {
		width: 92%;
	}
	/*-- Quote -- */
	.blockquote{
    font-size: 2rem;
	padding: 1rem 1.5rem 0 3rem;
	}
	/*-- Intro P -- */
	.HomeIntro p {
		font-size: 1.3rem;
	}
	/* -- CONTENT PAGES -- affordable, services -- */
	#PageContentTitleBox h1 {
    font-size: 3rem;
    padding-top: 1.3rem;
    padding-bottom: 1rem;
	}
	.GeneralIntro p, .GreyIntro p {
	font-size: 1.6rem;
	}
	.GeneralIntro p {
	margin: 2.5rem 0 3.5rem;
	}
	/* -- Texts -- */
	h2.ContentTitle{
		font-size: 2.3rem;
		padding-bottom: 2rem;
	}
	h3.Bold {
		font-size: 1.6rem;
	}
	.LeftLine li{
		padding-bottom: .5rem;
	}
	

/*-------- MD -------- */
@media (max-width: 991px){
/* -- HOME PAGE VARIABLE HEADER IMAGE-- */
	 .HomeHeader.imageXL{
     display: none;
   } 
	.HomeHeader.imageLG{
     display: none;
   } 
	.HomeHeader.imageMD{
     display: block;
   } 
	.HomeHeader.imageSM{
     display: none;
   } 
	.HomeHeader.imageXS{
     display: none;
   }
	/*-- Titles -- */
	#MainTitleBox2022 h1 {
		font-size: 2.3rem;
		font-weight: 700;
    	padding-top: 1.1rem;
	}
	.MainTitle .underlined {
		width: 87%;
	}
	.HomeIntro header {
    font-size: 1.4rem;
	padding-bottom: 1rem;
	}
	.TitleTextOver h3 {
	font-size: 1.3rem;
	padding-top: 1rem;
	}
	.TitleTextOver .underlined {
		width: 92%;
	}
	/*-- Quote -- */
	.blockquote{
    font-size: 1.5rem;
	padding: 1rem 1.5rem 0 1.5rem;
	}
	blockquote:after, blockquote:before {
		display: none;
	}
	/*-- Intro P -- */
	.HomeIntro p {
		font-size: 1.1rem;
	}
	/*-- Home Budget Materials Cards -- */
	.card-deck .card.materials {
		flex: auto;
		margin-right: 15px;
		margin-bottom: 15px;
		margin-left: 15px;
	}
	.materialsIcon img {
		max-width: 100px;
		min-width: auto;
	}
	/* -- CONTENT PAGES -- affordable, services -- */
	#PageContentTitleBox h1 {
		font-size: 2.3rem;
		padding-top: 1rem;
		padding-bottom: .2rem;
	}
	.LeftLine h3 {
    	font-size: 1.3rem;
	}
	.GeneralIntro p, .GreyIntro p {
		font-size: 1.4rem;
	}
	.GeneralIntro p {
		margin: 2.5rem 0 3.5rem;
	}
	/* -- Texts -- */
	h2.ContentTitle{
		font-size: 1.8rem;
		padding-bottom: 1.8rem;
	}
	h3.Bold {
		font-size: 1.5rem;
	}
	.LeftLine li{
		padding-bottom: 1rem;
	}
	.LeftLine h3, .LeftLine h2, .LeftLine li, .LeftLine p {
    margin-left: 2rem;
	}
	
}	

/*-------- SM -------- */
@media (max-width: 767px){
/* -- HOME PAGE VARIABLE HEADER IMAGE-- */
	 .HomeHeader.imageXL{
     display: none;
   } 
	.HomeHeader.imageLG{
     display: none;
   } 
	.HomeHeader.imageMD{
     display: none;
   } 
	.HomeHeader.imageSM{
     display: block;
   } 
	.HomeHeader.imageXS{
     display: none;
   } 
	#header .bcgov-title h1 span.french {
		font-size: 1.12rem !important;
	}
	/*-- LeftNav --*/
	#side-menu-list h2 {
		display: none;
	}
	nav#LeftNav{
		border: 1px solid rgba(196,196,196,1.00);
		padding: 0;
	}
	nav#LeftNav .navbar-brand{
		padding: 1rem;
	}
	nav#LeftNav a {
    	padding-left: 1rem;
	}
	nav#LeftNav .nav-link {
		padding: .8rem 1rem;
		border-top: 1px solid rgba(196,196,196,1.00);
	}
	#blue-header #LeftNav a {
		color: #fff;
		
	}
	#blue-header #LeftNav li a:hover {
		color: #013366;
	}
	#blue-header button.navbar-toggler {
		color: #fff !important;
	}
	/*-- LeftNav --*/
	/*-- Titles -- */
	#MainTitleBox2022 h1 {
		font-size: 1.8rem;
		font-weight: 700;
    	padding-top: 1rem;
	}
	#MainTitleBox2022 h2 {
		text-align: center;
	}
	.MainTitle .underlined {
		width: 94%;
	}
	.HomeIntro header {
    	font-size: 1.3rem;
	}
	.HomeIntro header {
		font-size: 1.2rem;
		padding-bottom: 0.5rem;
	}
	.TitleTextOver h3 {
		font-size: 1.1rem;
		padding-top: 1rem;
	}
	.TitleTextOver .underlined {
		width: 92%;
	}
	/*-- Quote -- */
	.blockquote{
		font-size: 1.3rem;
		padding: 0 0 0 1.5rem;
	}
	blockquote:after, blockquote:before {
		display: none;
	}
	/*-- Intro P -- */
	.HomeIntro p {
		font-size: 1rem;
		padding: 0rem;
	}
	.card.materials .card-body{
		padding: 0;
	}
	/* -- CONTENT PAGES -- affordable, services -- */
	#PageContentTitleBox h1 {
		font-size: 1.7rem;
		padding-top: .8rem;
		padding-bottom: 0rem;
	}
	.GeneralIntro p, .GreyIntro p {
		font-size: 1.3rem;
	}
	.GeneralIntro p {
		margin: 2rem 0 3rem;
	}
	/* -- FOOTER -- */
	#blue-footer section{
		padding: 0 3rem;
	}
	#blue-footer .footer-link{
		padding: 1rem 3rem;
	}
	/* -- Texts -- */
	h2.ContentTitle{
		font-size: 1.8rem;
		padding-bottom: 1.8rem;
	}
	h3.Bold, .LeftLine h3 {
		font-size: 1.3rem;
	}
	.LeftLine li{
		padding-bottom: 1rem;
	}

}

/*-------- XS -------- */
@media (max-width: 575px){
/* -- HOME PAGE VARIABLE HEADER IMAGE-- */
	 .HomeHeader.imageXL{
     	display: none;
   } 
	.HomeHeader.imageLG{
     	display: none;
   } 
	.HomeHeader.imageMD{
     	display: none;
   } 
	.HomeHeader.imageSM{
     	display: none;
   } 
	.HomeHeader.imageXS{
     	display: block;
   } 
	/* -- FOOTER -- */
	#blue-footer .ContentBox section{
		max-width: 480px;
	}
	#blue-footer h4.title {
		font-size: 1.4rem;
		margin-bottom: 0rem!important;
	}
	#blue-footer .ContentBox {
    	padding: 2rem 1rem;
	}
	#blue-footer section {
		padding: 0rem;
	}
	/*-- Titles -- */
	#MainTitleBox2022 h1, .GreyIntro h1 {
		font-size: 1.8rem;
		font-weight: 700;
	}
	#MainTitleBox2022 h1{
		padding-top: 1rem;		
	}
	.MainTitle .underlined {
    	padding-top: .3rem;
	}
	.HomeIntro header {
    	font-size: 1.1rem;
	}
	.TitleTextOver h3 {
		font-size: .9rem;
		padding-top: .5rem;
	}
	.TitleTextOver .underlined {
		width: 92%;
	}
	/*-- Quote -- */
	.blockquote{
		font-size: 1.2rem;
		padding: 0 0 0 1rem;
		margin: 3rem 0;
	}
	footer.blockquote-footer{
		font-size: 1rem;
	}
	blockquote:after, blockquote:before, h3.lineThrough:before, h3.lineThrough:after {
		display: none;
	}
	/*-- Optional Style -- */
	h3.lineThrough {
    	font-size: 1.5rem;
	}
	#BlockImageTop h4, #BlocksIcon h4, #BlocksText .BoxText h4, #BlocksIcon h4.title{
		font-size: 1.2rem;
	}
	/*-- Home Budget Highlights section -- */
	.card.highlights {
		margin: 0 0 10px 0;
	}
	/*-- Home Budget Materials section -- */
	.card-deck .card.materials {
		margin-right: 0;
		margin-left: 0;
	}
	/* -- CONTENT PAGES -- affordable, services -- */
	#PageContentTitleBox h1 {
		font-size: 1.7rem;
		padding-top: .8rem;
		padding-bottom: .7rem;
	}
	h4.text-center {
    	font-size: 1.3rem;
	}
	/* -- Texts -- */
	h2.ContentTitle, h2.lineAfter, h2.ArticleTitle {
		font-size: 1.6rem;
	}
	h2.ContentTitle{
		padding-bottom: 1.8rem;		
	}
	h3.Bold, .LeftLine h3 {
		font-size: 1.2rem;
	}
	.LeftLine li{
		padding-bottom: 1rem;
	}
	h3.ArticleTitle{
		font-size: 1.3rem;
	}
	.LeftLine h3, .LeftLine h2, .LeftLine li, .LeftLine p { 
    	margin-left: 1rem;
	}
	a.home-link.border.border-secondary{
		padding: 2rem!important;
	}
	body p, .LeftLine li {
		font-size: 1rem;
	}
	.TitleTextOver h3 {
    	font-size: 1.5rem;
		padding: 1rem 1rem 0;
	}
	.NoHeight .TitleTextOver{
		padding: 0rem;
	}
	/*-- Intro P -- */
	.GeneralIntro p, .GreyIntro p, .HomeIntro p {
		font-size: 1.2rem;
	}	
	.GeneralIntro p {
		margin: 1.8rem 0 2.5rem;
	}
	#MainTitleBox .MainTitle {
		display: none;
	}
}
/*-------- Mobile Portrait -------- */
@media (max-width: 375px){
	/* -- img -- */
	img.img-fluid.TextOver {
    	visibility: hidden;
	}
	.TitleTextOver h3 {
    	font-size: 1.5rem;
		padding: 0rem;
	}
	.PdfLeftLine li{
		margin-left: 1rem;
		font-size: .8rem;
}
	/* -- CONTENT PAGES -- affordable, services -- */
	#PageContentTitleBox h1 {
		font-size: 1.7rem;
		padding-top: .8rem;
		padding-bottom: 0rem;
	}
}


body.mobile.portrait .ContentHomeImg {
    padding-right: 0rem;
    padding-left: 0rem;
}