@media all and (max-width: 1500px) {

	.banner .text-wrapper .text{
		padding-left:0px;
	}

}

@media all and (max-width: 1400px) {

	.banner ul.ticks li {
		font-size: 22px;
	}

}

@media all and (max-width: 1280px) {

	.banner .text h1 {
		font-size: 42px;
	}

	.banner .text-wrapper .text {
		padding: 0 50px 0 0;
	}

	#footer .slogan p,
	.banner .text p {
		font-size: 30px;
	}


	.banner ul.ticks li {
		display: block;
		width:100%;
	}


}

@media all and (min-width: 1201px) {
	.mobile-navigation {
		display:none !important;
	}
}

@media all and (max-width: 1200px) {
	
	#header .navigation ul.nav{
		display:none;
		float:none;
		width:100%;
		clear:both;
	}		

	.mobile-menu{
		display:block;	
	}	

}

@media all and (max-width: 1080px) {
	
	.banner .text-wrapper {
		width: 50%;
	}
	
	.banner {
		background-position: center;
	}
	
	.banner.banner-basic{
		min-height:500px;
	}

	.panel {
		padding: 50px 0;
	}


	.panel.badges{
		padding:20px 0;
	}	

	.panel.form-panel .grid.col-2 {
		grid-template-columns: repeat(1, 1fr);
	}

	.panel.form-panel {
			padding: 50px 30px;
	}
	
	.panel.form-panel .post-content {
		padding: 20px 0 0 0;
	}	

	.panel.form-panel	form .fields .field {
		width: 100%;
		float: none;
	}		
	
	form fieldset .fields:last-of-type .field {
		margin-bottom: 25px;
	}	
	
	.panel.form-panel .setwidth {
		padding: 40px;
	}	

}

@media all and (max-width: 1020px) {
	
	.grid.col-4 {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 25px;
	}
	
	.panel.gallery img {
		width: 100%;
		height: 180px;
	}	


}

@media all and (max-width: 980px) {

	.contact-left,
	.contact-right{
		float: none;
		width: 100%;
	}

	.panel.gutenburg, .contact-wrapper {
		padding: 30px 30px 50px 30px;
	}

}


@media all and (max-width: 890px) {

	.grid.col-3{
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 40px;	
	}

	.setwidth{
		padding:0 20px;
	}

	.banner.default{
		background:none !important;
	}
	
	.banner img.banner-mobile-image{
		display:block;
    width: 100%;
    height: 350px;
    object-fit: cover;
	}
	

	.banner .text-wrapper {
		position: relative;    
		top: auto;
		height: auto;
		width: 100%;
		padding: 8%;    
	}	

	.banner .text-wrapper .text {
		position: relative;
		top: auto;    
		padding: 0;
	}
	
	.banner .text-wrapper .text h1,
	.banner .text-wrapper .text p {
		padding-right:100px;
	}	


	.banner ul.ticks li {
		display: inline-flex;
		font-size: 26px;
		width: 47%;
	}


	
	.banner .badge {
		right: 20px;
		width: 110px;
		height: 110px;
	}	
	
	.banner .badge .txt {
		font-size: 13px;
	}	

	#footer .slogan p, 
	.banner .text p {
			font-size: 32px;
	}

	.banner-strap-line h3 .highlights{
		display:block;
		margin:15px 0 0 0;
	}

	.panel.image-text .grid,
	.panel.image-text .grid .item,
	.panel.text-image .grid,
	.panel.text-image .grid .item{
		display:block;
		width:100%;
	}
	
	.panel.text-image .sameheight,
	.panel.image-text .sameheight{
		height:auto !important;
	}		
	
	.hide_image_for_mobile .item.image{
		display:none !important;
	}

	.panel.text-image .item.text,
	.panel.image-text .item.text{
		padding:0;
	}
	
	
	.panel.image-text .item.image,
	.panel.text-image .item.image{
		height:350px !important;
		max-height:350px !important;
	}	
	
	.panel.image-text .item.image{
		margin-bottom: 30px;
	}

	.panel.icons ul li {
		padding: 20px 20px;
	}	

	.panel.icons ul li {
		transform: scale(1.1);
	}

	#footer .navigation .nav-cell {
		flex-direction: column;
	}

	#footer .navigation .nav-cell .btn {
		margin-top: 20px;
		margin-left:0;
	}	

}

@media all and (max-width: 680px) {

	.banner.banner-basic{
		min-height:400px;
	}

	.panel.icons ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	.panel.icons ul li {
		width: calc(50% - 10px);
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;	
		transform: none;
	}

	.panel.icons ul li img {
		max-height:80px;
		width:auto;
	}
	
	form .fields .field {
		width: 100%;
		float: none;
	}	
	
	form fieldset {
		padding: 30px 20px;
	}	

}

@media all and (max-width: 580px) {

	#footer .slogan p,
	.banner .text p {
		font-size: 24px;
	}
	
	#header .navigation a.logo img {
		width: 160px;
	}	
	
	.mobile-navigation {
		top: 110px;
	}	

	#header .navigation a.btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		padding: 0;
		border-radius: 50%;
		cursor: pointer;
		transition: background-color .3s ease, transform .2s ease;
		font-size:24px;
	}	

	#header .navigation a.btn span.tel{
		display:none;
	}
	

	.banner ul.ticks li {
		font-size: 17px;
	}
	
	
	.grid.col-4 {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 40px;
	}	
	
	#footer .navigation ul.nav {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0;    
	}
	
	#footer .navigation ul.nav,
	#footer .navigation a.btn{
		min-width:300px;
	}
	
	#footer ul.links {
		display: block;
	}	
	
	#footer ul.links li{
		padding:8px 0;
	}
	
	#footer ul.links li:not(:last-child)::after {
		display:none;
	}

}

@media all and (max-width: 400px) {
	.banner ul.ticks li {
		font-size: 16px;
	}
}