@media(max-width: 1024px){
	.container{
		padding: 0 15px;
	}
	.row{
		display: flex;
	}
	.col-3{
		flex: 25%;
		max-width: 25%;
		padding: 0 15px;
	}
	.col-2{
		flex: 16.66%;
		max-width: 16.66%;
		padding: 0 15px;
	}
	.col-4{
		flex: 33.33%;
		max-width: 33.33%;
		padding: 0 15px;
	}
	.col-9{
		flex: 75%;
		max-width: 75%;
		padding: 0 15px;
	}
	.col-1{
		flex:8.33%;
		max-width: 8.33%;
		padding: 0 15px;
	}
	.col-6{
		flex:50%;
		max-width: 50%;
		padding: 0 15px;
	}
	.col-12{
		padding: 0 15px;
		flex: 100%;
		max-width: 100%;
	}
	.col-7{
		flex: 58.33%;
		max-width: 58.33%;
		padding: 0 15px;
	}
	.col-5{
		flex: 41.66%;
		max-width: 41.66%;
		padding: 0 15px;
	}
}
@media(max-width: 1024px) and (min-width: 961px){
	/*.container{
		max-width: 960px;
		width: 100%;
	}*/
}
@media(max-width: 960px) and (min-width: 801px){
	.container{
		max-width: 800px;
		width: 100%;
	}
}
/*@media(max-width: 800px) and (min-width: 668px){
	
	.container{
		max-width: 720px;
		width: 100%;
	}
}*/
@media(max-width: 667px){
	.container {
		padding: 0 7px;
	}
	.row{
		display: block;
	}
	.col-1 ,.col-2 ,.col-3 ,.col-4 ,.col-5 ,.col-6 ,.col-7 ,.col-8, .col-9 ,.col-10 ,.col-11, .col-12 {
		flex:none;max-width: unset;max-width: 100%;padding: 0;
	}
	.section_title, .page_title {
		font-size: 2.2em
	}
}