/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
 }

 .row{

 }
  
.col{
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-right: 10px;
	padding-left: 10px;
 }

.col.no-gutter{
 	padding:0;
 }

.col:first-child{
	margin-left: 0;
}

.col.md-twelve {width: 100%;}
.col.md-eleven {width: 91.66666667%;}
.col.md-ten {width: 83.33333333%;}
.col.md-nine {width: 75%;}
.col.md-eight {width: 66.66666667%;}
.col.md-seven {width: 58.33333333%;}
.col.md-six {width: 50%;}
.col.md-five {width: 41.66666667%;}
.col.md-four {width: 33.33333333%;}
.col.md-three {width: 25%;}
.col.md-two {width: 16.66666667%;}
.col.md-one {width: 8.33333333%;}

.col.md-offset-twelve {margin-left: 100%;}
.col.md-offset-eleven {margin-left: 91.66666667%;}
.col.md-offset-ten {margin-left: 83.33333333%;}
.col.md-offset-nine {margin-left: 75%;}
.col.md-offset-eight {margin-left: 66.66666667%;}
.col.md-offset-seven {margin-left: 58.33333333%;}
.col.md-offset-six {margin-left: 50%;}
.col.md-offset-five {margin-left: 41.66666667%;}
.col.md-offset-four {margin-left: 33.33333333%;}
.col.md-offset-three {margin-left: 25%;}
.col.md-offset-two {margin-left: 16.66666667%;}
.col.md-offset-one {margin-left: 8.33333333%;}

.show-grid .col{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
	background-color: rgba(86,61,124,.15);
	border: 1px solid #ddd;
	border: 1px solid rgba(86,61,124,.2);
	margin-bottom:20px;
}

/* X-Small (xs) */
@media (max-width: 768px) {  
.container {
    width: 95%;
    padding: 0; 
}

.container.no-gutter{
	margin:0;
	width: 100%;
}

.hide-xs{display:none;}
.show-sm, .show-md, .show-lg{display:none;}

.col.xs-twelve {width: 100%;}
.col.xs-eleven {width: 91.66666667%;}
.col.xs-ten {width: 83.33333333%;}
.col.xs-nine {width: 75%;}
.col.xs-eight {width: 66.66666667%;}
.col.xs-seven {width: 58.33333333%;}
.col.xs-six {width: 50%;}
.col.xs-five {width: 41.66666667%;}
.col.xs-four {width: 33.33333333%;}
.col.xs-three {width: 25%;}
.col.xs-two {width: 16.66666667%;}
.col.xs-one {width: 8.33333333%;}

.col.xs-offset-twelve {margin-left: 100%;}
.col.xs-offset-eleven {margin-left: 91.66666667%;}
.col.xs-offset-ten {margin-left: 83.33333333%;}
.col.xs-offset-nine {margin-left: 75%;}
.col.xs-offset-eight {margin-left: 66.66666667%;}
.col.xs-offset-seven {margin-left: 58.33333333%;}
.col.xs-offset-six {margin-left: 50%;}
.col.xs-offset-five {margin-left: 41.66666667%;}
.col.xs-offset-four {margin-left: 33.33333333%;}
.col.xs-offset-three {margin-left: 25%;}
.col.xs-offset-two {margin-left: 16.66666667%;}
.col.xs-offset-one {margin-left: 8.33333333%;}
.col.xs-offset-none {margin-left:0%;}
}

/* Small (sm) */
@media (min-width:768px) {
.container {
    width: 95%;
    padding: 0;
}

.container.no-gutter{
	margin:0;
	width: 100%;
}

.hide-sm{display:none;}
.show-xs, .show-md, .show-lg{display:none;}

.col.sm-twelve {width: 100%;}
.col.sm-eleven {width: 91.66666667%;}
.col.sm-ten {width: 83.33333333%;}
.col.sm-nine {width: 75%;}
.col.sm-eight {width: 66.66666667%;}
.col.sm-seven {width: 58.33333333%;}
.col.sm-six {width: 50%;}
.col.sm-five {width: 41.66666667%;}
.col.sm-four {width: 33.33333333%;}
.col.sm-three {width: 25%;}
.col.sm-two {width: 16.66666667%;}
.col.sm-one {width: 8.33333333%;}

.col.sm-offset-twelve {margin-left: 100%;}
.col.sm-offset-eleven {margin-left: 91.66666667%;}
.col.sm-offset-ten {margin-left: 83.33333333%;}
.col.sm-offset-nine {margin-left: 75%;}
.col.sm-offset-eight {margin-left: 66.66666667%;}
.col.sm-offset-seven {margin-left: 58.33333333%;}
.col.sm-offset-six {margin-left: 50%;}
.col.sm-offset-five {margin-left: 41.66666667%;}
.col.sm-offset-four {margin-left: 33.33333333%;}
.col.sm-offset-three {margin-left: 25%;}
.col.sm-offset-two {margin-left: 16.66666667%;}
.col.sm-offset-one {margin-left: 8.33333333%;}
}

/* Medium (md) */
@media (min-width:1170px) {
.container {
    width: 90%;
    padding: 0;
	
	/* For new design templates */
	/* width: 100% !important; */
    /* max-width: 1440px !important; */
}

.container.no-gutter {
	width: 95%;
	margin: 0 auto;

 }

.hide-md{display:none;}
.show-xs, .show-sm, .show-lg{display:none;}

.col.md-twelve {width: 100%;}
.col.md-eleven {width: 91.66666667%;}
.col.md-ten {width: 83.33333333%;}
.col.md-nine {width: 75%;}
.col.md-eight {width: 66.66666667%;}
.col.md-seven {width: 58.33333333%;}
.col.md-six {width: 50%;}
.col.md-five {width: 41.66666667%;}
.col.md-four {width: 33.33333333%;}
.col.md-three {width: 25%;}
.col.md-two {width: 16.66666667%;}
.col.md-one {width: 8.33333333%;}

.col.md-offset-twelve {margin-left: 100%;}
.col.md-offset-eleven {margin-left: 91.66666667%;}
.col.md-offset-ten {margin-left: 83.33333333%;}
.col.md-offset-nine {margin-left: 75%;}
.col.md-offset-eight {margin-left: 66.66666667%;}
.col.md-offset-seven {margin-left: 58.33333333%;}
.col.md-offset-six {margin-left: 50%;}
.col.md-offset-five {margin-left: 41.66666667%;}
.col.md-offset-four {margin-left: 33.33333333%;}
.col.md-offset-three {margin-left: 25%;}
.col.md-offset-two {margin-left: 16.66666667%;}
.col.md-offset-one {margin-left: 8.33333333%;}
}

/* Large (lg) */
@media (min-width: 1440px) {
.container {
	width: 90%;
	padding: 0;
}
.hide-lg{display:none;}
.show-xs, .show-sm, .show-md{display:none;}

.col.lg-twelve {width: 100%;}
.col.lg-eleven {width: 91.66666667%;}
.col.lg-ten {width: 83.33333333%;}
.col.lg-nine {width: 75%;}
.col.lg-eight {width: 66.66666667%;}
.col.lg-seven {width: 58.33333333%;}
.col.lg-six {width: 50%;}
.col.lg-five {width: 41.66666667%;}
.col.lg-four {width: 33.33333333%;}
.col.lg-three {width: 25%;}
.col.lg-two {width: 16.66666667%;}
.col.lg-one {width: 8.33333333%;}

.col.lg-offset-twelve {margin-left: 100%;}
.col.lg-offset-eleven {margin-left: 91.66666667%;}
.col.lg-offset-ten {margin-left: 83.33333333%;}
.col.lg-offset-nine {margin-left: 75%;}
.col.lg-offset-eight {margin-left: 66.66666667%;}
.col.lg-offset-seven {margin-left: 58.33333333%;}
.col.lg-offset-six {margin-left: 50%;}
.col.lg-offset-five {margin-left: 41.66666667%;}
.col.lg-offset-four {margin-left: 33.33333333%;}
.col.lg-offset-three {margin-left: 25%;}
.col.lg-offset-two {margin-left: 16.66666667%;}
.col.lg-offset-one {margin-left: 8.33333333%;}
}