/****************************/
/********* Grid CSS *********/
/****************************/

.columns {
	float: left;
	position: relative;
    padding: 0 10px;
    box-sizing: border-box;
}

.row:before,
.row:after {
	content:"";
	display: table ;
	clear:both;
}

@media screen and (min-width: 800px) {

.height300min > div {
    min-height: 300px;
}

.pleft {
	padding: 0 0 0 10px;
}
.pright {
	padding: 0 10px 0 0;
}
.nopadding {
	padding: 0;
}
.nomargin {
	margin: 0;
}
.col-1 {
	width: 8.33%;
}
.col-2 {
	width: 16.66%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33.33%;
overflow: initial;
}
 .col-5 {
	width: 41.66%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58.33%;
}
.col-8 {
	width: 66.66%;
overflow: initial
}
 .col-9 {
	width: 75%;
}
.col-10 {
	width: 83.33%;
}
.col-11 {
	width: 91.66%;
}
.col-12 {
	width: 100%;
overflow: initial;
}

}

@media screen and (min-width: 100px) and (max-width: 800px) {
	.col-s-1 {
		width: 8.33%;
	}
	.col-s-2 {
		width: 16.66%;
	}
	.col-s-3 {
		width: 25%;
	}
	.col-s-4 {
		width: 33.33%;
	}
	.col-s-5 {
		width: 41.66%;
	}
	.col-s-6 {
		width: 50%;
	}
	.col-s-7 {
		width: 58.33%;
	}
	.col-s-8 {
		width: 66.66%;
	}
	.col-s-9 {
		width: 75%;
	}
	.col-s-10 {
		width: 83.33%;
	}
	.col-s-11 {
		width: 91.66%;
	}
	.col-s-12 {
		width: 100%;
	}
	.nopadding-s {
		padding: 0!important;
	}
}

/* responsive grid tablet and desktop (previous classes can be used for mobile first) */
/* desktop */
@media screen and (min-width: 100px) and (max-width: 800px) {
}

/* large desktop */
@media screen and (min-width: 800px) {
	.col-xl-1 {
		width: 8.33%!important;
	}
	.col-xl-2 {
		width: 16.66%!important;
	}
	.col-xl-3 {
		width: 25%!important;
	}
	.col-xl-4 {
		width: 33.33%!important;
	}
	.col-xl-5 {
		width: 41.66%!important;
	}
	.col-xl-6 {
		width: 50%!important;
	}
	.col-xl-7 {
		width: 58.33%!important;
	}
	.col-xl-8 {
		width: 66.66%!important;
	}
	 .col-d-9 {
		width: 75%!important;
	}
	.col-xl-10 {
		width: 83.33%!important;
	}
	.col-xl-11 {
		width: 91.66%!important;
	}
	.col-xl-12 {
		width: 100%!important;
	}
}