@charset "utf-8";
/* CSS Document */

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
	.hovereffect p {
    color: #ffffff;
    padding: 0 2rem 2rem 2rem;
	font-size: 1rem;
}

	.hovereffect a.info {
	left: 2rem;
	bottom: 2rem;
	}
	
	.hovereffect .cl-logo {
    padding: 2rem 2rem 0.75rem 2rem;

}
		#cta-button-mobile{
	position: fixed;
	right: 90px;
	top: 0;
	z-index: 200;
	display: inline-block;
	height: 85px;	
	}
		#cta-button{
			display: none;
		}
	
	#cta-button-mobile a{
			display:block;
			color:#ffffff;
			background:#00adef;
			height:100%;
			width:100%;
			padding-top: 30px;
			padding-left: 20px;
			padding-right: 20px;
		}
	
	.overlay nav {
    font-size: 42px;
	}
}
	@media (min-width: 576px) {
	#cta-button{
	position:fixed;
	right:95px;
	top:0;
	z-index: 200;
	display:inline-block;
	height: 85px;	
	}	
		
		.overlay nav {

  font-size: 50px;
		}
		
		#cta-button a{
			display:block;
			color:#ffffff;
			background:#00adef;
			height:100%;
			width:100%;
			padding-top: 30px;
			padding-left: 20px;
			padding-right: 20px;
		}
		
		#cta-button a:hover{
			background:#424e55;
			-o-transition:.5s;
  			-ms-transition:.5s;
  			-moz-transition:.5s;
  			-webkit-transition:.5s;
			transition:.5s;
			border-bottom: none;
		}
	
	#cta-button-mobile{
		display:none;
	}
	}
	




@media (max-width: 767px) {
	
		.blog-post-box{
		margin-bottom:20px;
	}
	
	.newsletter-panel .pbForm .form{
		width:100%;
	}

	.newsletter-panel .pbForm .button{
		width:100%;
	}
	
	.newsletter-panel .item{
		width:100%;
		margin-top:10px;
		padding-right: 0;
	}
	
	#banner-heading{
	 position: absolute;
  	width: 90%;
  	height: 200px;
 	 top: 40%;
  left: 10%;
  margin-left: -5%;
	margin-top: 0;
	text-align:center;
	color:#ffffff !important;
		z-index: 80;
	}
	
	.int-banner{
		height:500px;
	}
	
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
	.hovereffect p {
    color: #ffffff;
    padding: 0 2rem 2rem 2rem;
	font-size: .75rem;
}

	.hovereffect a.info {
	left: 2rem;
	bottom: 2rem;
	}
	
	.hovereffect .cl-logo {
    padding: 2rem 2rem 0.75rem 2rem;

}
	

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
	.hovereffect p {
    color: #ffffff;
    padding: 0.5rem 2rem 2rem 2rem;
}

	.hovereffect a.info {
	left: 2rem;
	bottom: 2rem;
	}

}

@media (max-width: 991px) {
	.abt-img-panel-mobile{
		padding:0;
		display:block;
	}
	.abt-img-panel{
		display:none !important;
	}
	
	.blog-categories a{
	display:block;
}
}

@media (min-width: 992px) {
	.abt-img-panel-mobile{
		padding:0;
		display:none;
	}
	
	.abt-img-panel{
		display:block !important;

	}
	
}

@media (max-width: 991px) {
	.abt-txt-panel{
		display:block !important;
		width:100% !important;
		max-width:100% !important;
		flex: 0 0 100% !important;
	}
}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
	.hovereffect p {
    color: #ffffff;
    padding: 0 2rem 2rem 2rem;
}

	.hovereffect a.info {
	left: 2rem;
	bottom: 2rem;
	}
	
	.abt-txt-panel{
		font-size: 0.9rem;
	}

}


/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.abt-img-panel-mobile{
		display:none;
	}
	
}