
.container .col-main {
	float: none;
	display: block;
    width: 700px !important;
	margin: 0 auto;
}

#wrap .resp_wrap {
	width: 1060px;
	margin: 0 -200px 30px -200px;
	padding: 0;
	display: block;
	background-color: #fbfbfb;
}

.container .col-right {
	width: 100%;
	float: none;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 0;
	margin-right: 0;
}

.container .col-right .banners-groups {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	align-items: flex-start;
	gap: 20px;
	flex-wrap: wrap;
}

.container .col-right .banners-groups .banner-block{
  float: none;
  width: 340px;
  height: 113px;
  flex-basis: auto;
  flex-shrink: 0;
}

.banner-wrapper .banner-block.w300.h100 a img{
  width: 340px;
  height: 113px;
}
@media screen and (min-width: 1100px) {
	.banners-groups .banner-block:nth-of-type(n+4) {
	  display: none;
	}
}

@media screen and (max-width: 1099px) {
	.container .col-right .banner-block a img{
		width:100%;
		height: auto;
	}
}
@media screen and (max-width: 1100px) and (min-width: 720px) {
	#wrap .resp_wrap{
		width: calc(100vw - 40px);
		margin-left: calc((100vw - 700px) / -2);
		margin-right: calc((100vw - 640px) / -2);
	}
	.container .col-right .banners-groups .banner-block {
		width: calc((100% - 40px)/3);
		height: auto;
	}
	.banners-groups .banner-block:nth-of-type(n+4) {
		display: none;
	}
}

@media screen and (max-width: 720px) {
	#wrap .resp_wrap{
		width: calc(100vw - 40px);
		margin-left: 0;
		margin-right: 20px;
	}
	.container .col-right .banners-groups .banner-block {
		width: calc((100% - 20px)/2);
		height: auto;
		margin: 0;
	}
	.banners-groups .banner-block:nth-of-type(n+5) {
		display: none;
	}
  .container .col-main {
    width: 100% !important;
	margin: 0;
  }
  .container .col-main .banner-wrapper {
	width: auto;
	float: none;
	height: auto;
	display: flex;
	justify-content: space-around;
	align-content: space-between;
	align-items: stretch;
	flex-direction: 2;
	flex-wrap: wrap;
  }
  .container .col-main .banner-wrapper .banner-block {
	width: 300px;
	height: auto;
	float: none;
  }
}

@media screen and (max-width: 667px) {
	.container .homepage-right-hide {
		display: inline-block;
	}
}

@media screen and (max-width: 660px) {
  .container .col-main .banner-wrapper .banner-block:nth-child(2n+1) {
    margin-right: 0;
  }
  .container .col-main .banner-wrapper .banner-block {
    width: 48%;
  }
}

@media screen and (max-width: 600px) {
  .container .col-main .banner-wrapper .banner-block:nth-child(2n+1) {
    margin-right: 0;
  }
}

@media screen and (max-width: 340px) {
  .container .homepage-right-hide {
    display: none;
  }
  .container .col-right .banners-groups .banner-block a {
	display: inline-block;
	float: left;
	width: 100%;
  }
  .container .col-main .banner-wrapper .banner-block{
	width: auto;
  }
}
