@media(max-width: 1024px){

	.row{

		display: flex;

	}
	.container{
		padding: 0 15px
	}

	.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 {

		max-width: 425px;

	}

	.row{

		display: block;
		margin: 0 -7.5px

	}

	.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:100%;max-width: 100%;padding: 0 7.5px;

	}

}

@media (max-width: 425px) {
	.videowrapper { 
		position: relative;
		width: 100%;
	}
	.videowrapper:before {
		content: '';
		display: block;
		padding-bottom: 56.25%;
	}
	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/*	aside.col-3.single-product-sidebar {
		
	}*/
	/*Page banner*/
	.banner_page.padding_ratio:before{
		padding-bottom: 70%
	}
}

@media (max-width: 768px) and (min-width: 426px){
	.videowrapper { 
		position: relative;
		width: 100%;
	}
	.videowrapper:before {
		content: '';
		display: block;
		padding-bottom: 60%;
	}
	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 1024px) {
	.videowrapper { 
		position: relative;
		width: 100%;
	}
	.videowrapper:before {
		content: '';
		display: block;
		padding-bottom: 65%;
	}
	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}