/* =============================================================================

   							CONTENT WITH CORNER BG IMAGE

   ========================================================================== */

.content-corner-bg {
padding: 50px 360px 50px 0;
background-repeat: no-repeat;
background-position: right top;
background-image: url(https://gaminglabs.com/wp-content/uploads/2019/02/gli-pointy-corner-bg.png);
}
.one-column-info-three-icons {
width: 100%;
padding: 60px 30px 40px;
background: #f7f7f7;
}
.one-column-info-three-icons h2 {
font-weight: bold;
}
.one-column-info-three-icons h4 {
color: #009de9;
}
.one-column-info-three-icons .column-info-left {
width: 40%;
padding: 0;
margin-right: 6%;
display: inline-block;
    vertical-align: top;
}
.one-column-info-three-icons .column-info-left h4 {
font-weight: bold;
}
.one-column-info-three-icons .column-icons-right {
width: 52%;
padding: 0;
margin: 0;
display: inline-block;
    vertical-align: top;
}
.one-column-info-three-icons .column-icons-right .column-icon-third {
width: 32%;
padding-right: 2%; 
display: inline-block;
    vertical-align: top;
margin-bottom: 25px;
}
.one-column-info-three-icons .column-icons-right .column-icon-third:nth-child(3),
.one-column-info-three-icons .column-icons-right .column-icon-third:nth-child(6),
.one-column-info-three-icons .column-icons-right .column-icon-third:nth-child(9),
.one-column-info-three-icons .column-icons-right .column-icon-third:nth-child(12) {
width: 32%;
padding-right: 0; 
display: inline-block;
    vertical-align: top;
margin-bottom: 25px;
}
.one-column-info-three-icons .column-icons-right .column-icon-third img {
margin-bottom: 25px;
}
.one-column-info-three-icons .column-icons-right .column-icon-third h5 {
font-size: 22px;
    color: #009de9;
font-weight: bold;
margin-bottom: 10px !important;
}
.one-column-info-three-icons .column-icons-right .column-icon-third p {

}

/* =============================================================================

   								BLUE CALLOUT BOX

   ========================================================================== */

.callout-blue {
margin: 50px 0;
padding: 50px;
border-left: 10px solid #009de9;
background: #012d69; /* Old browsers */
background: -moz-linear-gradient(left, #012d69 60%, #009de9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #012d69 60%,#009de9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #012d69 60%,#009de9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012d69', endColorstr='#009de9',GradientType=1 ); /* IE6-9 */
}
.callout-blue .callout-left {
display: inline-block;
padding: 0 50px 0 0;
max-width: 60%;
}
.callout-blue .callout-left h4 {
font-size: 36px;
color: #fff;
font-weight: bold;
}
.callout-blue .callout-left h4 span {
font-weight: normal;
}
.callout-blue .callout-right {
display: inline-block;
}


/* =============================================================================

   								MEDIA QUERIES

   ========================================================================== */

@media screen and (max-width: 1600px) {
	.content-corner-bg p {
		padding-right: 100px;
	}
}
@media screen and (max-width: 1500px) {
	.content-corner-bg p {
		padding-right: 150px;
	}
}
@media screen and (max-width: 1200px) {
	.one-column-info-three-icons .column-info-left {
	width: 100%;
	margin-right: 0;
	}
	.one-column-info-three-icons .column-icons-right {
	width: 100%;
	}
}

@media screen and (max-width: 1300px) {
	.content-corner-bg {
	padding: 50px 0;
	background:  none !important;
	}
	.content-corner-bg p {
		padding-right: 0;
	}
}
@media only screen and (max-device-width: 767px) {
	.one-column-info-three-icons .column-icons-right .column-icon-third {
	width: 100%;
	padding-right: 0; 
	}
	.one-column-info-three-icons .column-icons-right .column-icon-third:nth-child(3),
	.one-column-info-three-icons .column-icons-right .column-icon-third:nth-child(6),
	.one-column-info-three-icons .column-icons-right .column-icon-third:nth-child(9),
	.one-column-info-three-icons .column-icons-right .column-icon-third:nth-child(12) {
	width: 100%;
	padding-right: 0; 
	}
}
@media screen and (max-width: 768px) {
	.callout-blue .callout-left {
	max-width: 80%;
	}
}
@media only screen and (max-device-width: 767px) {
	.callout-blue .callout-left {
	display: block;
	padding: 0;
	max-width: 100%;
	}
}