
section[data-cattype="514"].wrapper_middle{
    background-color: #CBCBCB;  
}

[data-cattype="514"] h2{
    color: #E20109;
}

[data-cattype="514"] .left-red-shape{
    background: url('../../../data/ckfinder/images/red-shape.png');
    width: 396px;
    height: 428px;
    position: absolute;
    left: -150px;
    bottom: -80px;
    z-index: -1;
}

[data-cattype="514"] .right-red-shape {
	background: url('../../../data/ckfinder/images/small-red.png');
	width: 396px;
	height: 428px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: -1;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


[data-cattype="514"] ul.grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: normal;
}

[data-cattype="514"] ul.grid > li{
    width: calc(50% - 20px);
    margin: 10px;
    text-align: left;
}


[data-cattype="514"] ol.first {
	padding: 15px;
}


/* Typical laptop screen size*/
@media (max-width: 1400px) {
	
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
	
}

/* Mobile screen size - landscape view */
@media (max-width: 767px) {
   
}

/* Mobile screen size */
@media (max-width: 480px) {
    
    
    section[data-cattype="514"].wrapper_middle {
	overflow: visible;
    }
    
    [data-cattype="514"] ul.grid {
	margin: 10px;
    }
    
    
    [data-cattype="514"] ul.grid li{
    width: calc(50% - 20px);
    }
    
    
    [data-cattype="514"] ul.grid li:first-child {
	padding-left: 0px;
    }
    
  [data-cattype="514"] ol.first li {
	width: 100%;
    }
    
    
   [data-cattype="514"] .left-red-shape {
	width: 339px;
	height: 334px;
}
    
    [data-cattype="514"] .right-red-shape {
	width: 347px;
	height: 356px;
    }
      
}

