.col-1 {
    width: 4.16%;
	display: flex;
	flex-flow: row wrap;
}
.col-2 {
    width: 8.33%;
	display: flex;
	flex-flow: row wrap;
}
.col-3 {
    width: 12.5%;
	display: flex;
	flex-flow: row wrap;
}
.col-4 {
    width: 16.66%;
	display: flex;
	flex-flow: row wrap;
}
.col-5 {
    width: 20.83%;
	display: flex;
	flex-flow: row wrap;
}
.col-6 {
    width: 25%;
	display: flex;
	flex-flow: row wrap;
}
.col-7 {
    width: 29.16%;
	display: flex;
	flex-flow: row wrap;
}
.col-8 {
    width: 33.33%;
	display: flex;
	flex-flow: row wrap;
}
.col-9 {
    width: 37.5.%;
	display: flex;
	flex-flow: row wrap;
}
.col-10 {
    width: 41.66%;
	display: flex;
	flex-flow: row wrap;
}
.col-11 {
    width: 45.83%;
	display: flex;
	flex-flow: row wrap;
}
.col-12 {
    width: 50%;
		display: flex;
		flex-flow: row wrap;
}
.col-13 {
    width: 54.16%;
	display: flex;
	flex-flow: row wrap;
}
.col-14 {
    width: 58.33%;
	display: flex;
	flex-flow: row wrap;
}
.col-15 {
    width: 62.5%;
	display: flex;
	flex-flow: row wrap;
}
.col-16{
    width: 66.66%;
	display: flex;
    flex-flow: row wrap;
}
.col-17{
    width: 70.83%;
	display: flex;
	flex-flow: row wrap;
}
.col-18 {
    width: 75%;
	display: flex;
    flex-flow: row wrap;
}
.col-19 {
    width: 79.16%;
	display: flex;
	flex-flow: row wrap;
}
.col-20 {
    width: 83.33%;
	display: flex;
	flex-flow: row wrap;
}
.col-21 {
    width: 87.5%;
	display: flex;
	flex-flow: row wrap;
}
.col-22 {
    width: 91.66%;
	display: flex;
	flex-flow: row wrap;
}
.col-23 {
    width: 95.8%;
	display: flex;
	flex-flow: row wrap;
}
.col-24 {
    width: 100%;
	display: flex;
    flex-flow: row wrap;
}
@media screen and (max-width: 1280px){
	.col-4 {
	    width: 16.66%;
		display: flex;
		flex-flow: row wrap;
	}
}
@media screen and (max-width: 1023px){
	.col-4 {
	    width: 33.33%;
		display: flex;
		flex-flow: row wrap;
	}
}
@media screen and (max-width: 768px){
	.col-4 {
	    width: 50%;
		display: flex;
		flex-flow: row wrap;
	}
}


.card-2{
	display: block;
	box-sizing: border-box;
	width: 50%;
}
.card-3{
	width: 33.33%;
	display: flex;
	flex-flow: row wrap;
}
.card-3-2{
	width: 33.33%;
	display: flex;
	flex-flow: row wrap;
}
.card-4{
	width: 25%;
	display: flex;
	flex-flow: row wrap;
}
.card-4-f{
	width: 25%;
	display: flex;
	flex-flow: row wrap;
}
.card-5{
	width: 20%;
	display: flex;
	flex-flow: row wrap;
}
.card-5-2{
	width: 20%;
	display: flex;
	flex-flow: row wrap;
}
.card-6{
	width: 16.66%;
	display: flex;
	flex-flow: row wrap;
}

.col-tab-8{
	width: 12.5%;
}
.col-lc-6{
	width: 16.66%;
}



@media screen and (max-width: 1024px) {
	.nav-wrapper {
	        position: fixed;
	        left: 0;
	        top: 0;
	        width: 100%;
	        padding: 0;
	        z-index: 1000;
	        text-align: center;
	        background-color: transparent;
	    }
	.col-18 {
	    width: 100%;
		display: flex;
	    flex-flow: row wrap;
	}
	.col-6 {
	    width: 100%;
		display: flex;
	    flex-flow: row wrap;
	}
	.col-16 {
	    width: 100%;
		display: flex;
	    flex-flow: row wrap;
	}
	.col-8 {
	    width: 100%;
		display: flex;
	    flex-flow: row wrap;
	}
	.kong{
		height: 50px;
	}
	.card-6{
		width: 33.33%;
		display: flex;
		flex-flow: row wrap;
	}
	.card-4{
		width: 50%;
		display: flex;
		flex-flow: row wrap;
	}
    .card-3{
    	width: 50%;
    	display: flex;
    	flex-flow: row wrap;
    }
    .card-3-2{
    	width: 100%;
    	display: flex;
    	flex-flow: row wrap;
    }
}

@media screen and (max-width: 768px) {
	.col-lc-6{
		width: 33.33%;
	}
	.nav-wrapper {
	        position: fixed;
	        left: 0;
	        top: 0;
	        width: 100%;
	        padding: 0;
	        z-index: 1000;
	        text-align: center;
	        background-color: transparent;
	    }
	.col-tab-8{
		width: 25%;
	}
	.card-4-f{
		width: 50%;
		display: flex;
		flex-flow: row wrap;
	}
	.card-4{
		width: 100%;
		display: flex;
		flex-flow: row wrap;
	}
	.card-3{
		width: 100%;
		display: flex;
		flex-flow: row wrap;
	}
    .card-2{
    	display: block;
    	box-sizing: border-box;
    	width: 100%;
    }
}