
@media only screen and (max-width: 1440px) {
	
}
@media only screen and (max-width: 1280px) {
	.mobile-handle{
		display:inline-block;
		float:right;
	}
	#header .left,
	#header .right,
	#footer .left,
	#footer .right{
		width:100%;
	}

	#header .menu{
		display:block;
		width:100%;
	}
	#header .menu ul{
		width:100%;
	
	}
	#header .menu li{
		display:block;
		padding:10px 0;
		font-size:1.5em;
		height:auto;
	}
	#header .menu li .submenu{
		position:static;
		top:0;
		left:0;
		z-index:0;
		background:none;
		border:0;
	}
	#header .menu li .submenu li{
		font-size:1.0em;
	}
	#header .menu li + li{
		border-top:1px solid #c0c0c0;
	}
	.menu li::after{
		content:"";
		padding-left:0;
	}
	
	.actions .btn + .btn{
		clear:both;
		margin:20px 0 0 20px;
	}
	
}
	
@media only screen and (max-width: 1024px) {

	.columns-6,
	.columns-5,
	.columns-4{
		grid-template-columns: repeat(3, 1fr);
	}
	
	
}
@media only screen and (max-width: 834px) {
	
	.banner {
		background-size: 200%;
		background-position:80% top;
		background-color:#35378f;
	}
	.banner .floater{
		position:relative;
		height:auto;
	}
	.banner .floater .wrapper{
		height:auto;
		padding:40px 0;
	}
	.banner .floater .anchor{
		max-width:100%;
	}
	.banner .zero.pic img{
		width:150%;
		margin-left:-50%;
	}
	#home_offerings  .columns-2{
		grid-template-columns: repeat(1, 1fr);
	}
	#home_offerings .columns-2 .item + .item{
		margin:40px 0 0 0;
	}
	#home_offerings .wrapper {
		padding: 30px 0 40px 0;
	}

	#about_mission .wrapper,
	#about_gallery .wrapper{
		padding:40px 0;
	}
	
	#services_summary .columns-2,
	#services_summary .columns-3{
		grid-template-columns: repeat(1, 1fr);
	}
	#services_summary .columns-2 .item + .item,
	#services_summary .columns-3 .item + .item{
		padding-top:40px;
	}

	#cart .left,
	#cart .right{
		display:block;
		width:100%;
		margin-left:0;
	}
	#cart .item .desc{
		width:100%;
		display:block;
		clear:both;
		padding-bottom:20px;
	}
	#cart .item .amount,
	#cart .item .qty{
		width:30%;
		text-align:left;
	}
	#cart .item .amount,
	#cart .item .qty,
	#cart .item .remove{
		padding-top:10px;
	}
	.form {
		padding: 0 10px;
	}
	.form .group{
		padding:10px;
		border-radius:10px;
	}
	.form .column {
		border-radius: 10px;
		margin-bottom: 10px;
	}
	.form .row {
		padding: 10px;
	}

	.collection-list .row .col_1{
		display:none;
	}
	.collection-list .row .col_2{
		width:80%;
	}
	.collection-list .row .col_3{
		width:20%;
	}
}

@media only screen and (max-width: 600px) {
	.columns-6,
	.columns-5,
	.columns-4{
		grid-template-columns: repeat(2, 1fr);
	}

	#home_clte .columns-2{
		grid-template-columns: repeat(1, 1fr);
	}
	#home_clte .columns-2 .item + .item{
		margin:40px 0 0 0;
	}
	#home_clte .actions{
		text-align:center;
	}
	#home_clte .columns-3 .textbox + .textbox{
		padding-top:40px;
	}

	#about_mission .columns-2,
	#about_gallery .columns-2{
		grid-template-columns: repeat(1, 1fr);
	}
	#about_mission  .right,
	#about_gallery  .right{
		margin:30px 0 0 0;
	}
	.columns-2{
		grid-template-columns: repeat(1, 1fr);
	}
	.collection-list .row{
		flex-direction: column;
		gap:0px;
	}
	.collection-list .row .col_2,
	.collection-list .row .col_3{
		width:100%;
	}
	.collection-list .row .col_3 .price,
	.collection-list .row .col_3 .actions{
		display:inline-block;
		
	}
	.collection-list .row .col_3, 
	.collection-list .row .col_3 .actions{
		text-align:right;
	}
}

@media only screen and (max-width: 500px) {
	#services_summary .columns-2,
	#services_summary .columns-3{
		grid-template-columns: repeat(1, 1fr);
	}

}