/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 07 2024 | 02:26:02 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
@media screen and (max-width: 549px) {
	.center_mobile .col-inner{
	display: flex;
    justify-content: center;
}
.center_mobile .col-inner .icon_box_why_left1{
	width: 100%;
}
.center_mobile .col-inner .icon_box_why_left2{
	width: 100% !important;
}
.center_mobile .col-inner .icon_box_why_left3{
	width: 100%;
}
.center_mobile .col-inner .icon_box_why_left4{
	width: 100%;
}
.center_mobile .col-inner .icon_box_why_right1{
	width: 100%;
}
.center_mobile .col-inner .icon_box_why_right2{
	width: 100%;
}
.center_mobile .col-inner .icon_box_why_right3{
	width: 100%;
}
.center_mobile .col-inner .icon_box_why_right4{
	width: 100%;
}

	.icon_box_why_left1 {
		width:100% !important;
	}
	.icon_box_why_left2 {
		width:100% !important;
	}
	.icon_box_why_left3 {
		width:100% !important;
	}
	.icon_box_why_left4 {
		width:100% !important;
	}

	.icon_box_why_right1{
		width: 100% !important;
	}
	.icon_box_why_right2{
		width: 100% !important;
	}
	.icon_box_why_right3{
		width: 100% !important;
	}
	.icon_box_why_right4{
		width: 100% !important;
	}
	
.icon-box.featured-box.icon_box_why_left1.icon-box-left.text-left {
    border-radius: 20px;
    height: 90px;
}
.icon_box_why_left1 .icon-inner{
	background-color: #E52F2F;
padding: 10px;
	border-radius: 20px;
	top: -10px;
  position: relative;
}

/* icon_box_why_right2 */

.icon-box.featured-box.icon_box_why_left2.icon-box-left.text-left {
    border-radius: 20px;
    height: 90px;
}
.icon_box_why_left2 .icon-inner{
	background-color: #E6C84B;
	padding: 10px;
	border-radius: 20px;
	top: -10px;
  position: relative;
}

/* icon_box_why_right3 */

.icon-box.featured-box.icon_box_why_left3.icon-box-left.text-left {
    border-radius: 20px;
    height: 90px;
}
.icon_box_why_left3 .icon-inner{
	background-color: #0AAFA5;
	padding: 10px;
	border-radius: 20px;
	top: -10px;
  position: relative;
}

/* icon_box_why_right4 */

.icon-box.featured-box.icon_box_why_left4.icon-box-left.text-left {
    border-radius: 20px;
    height: 90px;
}
.icon_box_why_left4 .icon-inner{
	background-color: #0028AF;
	padding: 10px;
	border-radius: 20px;
	top: -10px;
  position: relative;
}
	.gioithieuvephongkham{
		margin-right: 15px;
		margin-left: 15px;
	}
}

@media screen and (min-width: 550px) and (max-width: 1024px) {
	.center_mobile .icon_box_why_left1{
		padding: 10px;
		width: 100%;
	}
	
	.center_mobile .icon_box_why_left2{
		padding: 10px;
		width: 100%;
	}
	
	.center_mobile .icon_box_why_left3{
		padding: 10px;
		width: 100%;
	}
	
	.center_mobile .icon_box_why_left4{
		padding: 10px;
		width: 100%;
	}
	
	
	.center_mobile .icon_box_why_right1{
		padding: 10px;
		width: 100%;
	}
	
	.center_mobile .icon_box_why_right2{
		padding: 10px;
		width: 100%;
	}
	
	.center_mobile .icon_box_why_right3{
		padding: 10px;
		width: 100%;
	}
	
	.center_mobile .icon_box_why_right4{
		padding: 10px;
		width: 100%;
	}
}
