.bcCard{
  position:relative;
  float:left;
  padding:5px;
  min-width:330px;
  width:50%;
  height:330px;
  z-index:1;
 }

 .header-left-wrapp{
  float:left;
 }
.header-left, .header-left-wrapp{
	width:33.34%;
	padding-right: 1px;
}
.region-{
   width:33.33% !important;
}
.container-right{
    width:66.66%;
    float:left;
}
.wrapp-text{
  width:66.66%;
}
.header-right{
	width:66.66%;
}
header,.container{
	min-width: 1004px;
}
@media  (min-width:1024px){
	.header-left, .header-left-wrapp{
		padding-right:2px;
	}
}
@media (min-width:970px) and (max-width:1326px){
 .bcCard{
  width:50%;
 }
 .bcCard:nth-child(2n+1){
  z-index:4;
 }
}
@media (min-width:1327px) and (max-width:1656px){
.header-left, .header-left-wrapp{
 width:25%;
}
.region-{
 width:25% !important;
}
.header-right, .container-right{
 width:75%;
}
.wrapp-text{
  width:75%;
}
}

@media (min-width:1325px) and (max-width:1656px){
.header-left, .header-left-wrapp{
 width:25%;
}

.header-right, .container-right{
 width:75%;
}
.wrapp-text{
  width:75%;
}
}
@media (min-width:1657px) and (max-width:2068px){
.header-left, .header-left-wrapp{
 width:20%;
}
.region-{
   width:20% !important;
}
.header-right, .container-right{
 width:80%;
}
.wrapp-text{
  width:80%;
}
}
@media (min-width:2069px) and (max-width:5000px){
.header-left, .header-left-wrapp{
 width:20%;
}
.region-{
   width:20% !important;
}
.header-right, .container-right{
 width:80%;
}
.wrapp-text{
  width:80%;
}
}