* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
} 


@media screen and (max-width: 350px) {
.hi-left-down-content p, .hi-left-content p{
line-height:15px;
font-size:11px;
width:330px;
margin:0;
padding:0px 20px 0 0;
text-align:left;

}

 .hi-right-content p ,  .hi-right-down-content p{
line-height:15px;
font-size:11px;
width:330px;
margin:0;
padding:0 20px;
text-align:left;

}

.hi-left-down-content h4, .hi-left-content h4{
line-height:15px;
font-size:14px;
width:330px;
margin:0;
padding:10px 0;
text-align:left !important;

}


 .hi-right-content h4,.hi-right-down-content h4{
line-height:15px;
font-size:14px;
width:330px;
margin:0;
padding:10px 20px 10px 20px ;
text-align:left !important;

}

.hi-left-icon-ring,.hi-right-icon-ring,.hi-left-down-icon-ring,.hi-right-down-icon-ring{
	display:none;
	
}

.hi-left-main-box, .hi-right-main-box,.hi-left-down-main-box,.hi-right-down-main-box{
margin:0;
padding:0px;
border: solid 1px #e2e2e2;
	border-left: none;
	border-top: none;
	border-right: none;
	margin-bottom:20px;

}

}

.containers {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
} 

@media (min-width: 768px) {
  .containers {
    width: 750px;
  }
  
  .hi-left-icon-ring{
	right: -39%;
	
}

.hi-right-icon-ring{
	left: -39%;

}

.hi-left-down-icon-ring{
	right: -39%;
	
}

.hi-right-down-icon-ring{
	left: -39%;

}


.hi-left-down-content p, .hi-right-content p , .hi-left-content p, .hi-right-down-content p{
line-height:17px;
font-size:12px;
	
}
  
}

@media (min-width: 992px) {
  .containers {
    width: 970px;
	}
	
	
.hi-left-icon-ring{
	right: -37%;
	
}

.hi-right-icon-ring{
	left: -37%;

}

.hi-left-down-icon-ring{
	right: -37%;
	
}

.hi-right-down-icon-ring{
	left: -37%;

}


.hi-left-down-content p, .hi-right-content p , .hi-left-content p, .hi-right-down-content p{
line-height:18px;
font-size:13px;
	
}


	
}
  
@media (min-width: 1200px) {
  .containers {
    width: 1170px;
  }
  .hi-left-icon-ring{
	right: -30%;
	
}

.hi-right-icon-ring{
	left: -30%;

}

.hi-left-down-icon-ring{
	right: -30%;
	
}

.hi-right-down-icon-ring{
	left: -30%;

}

.hi-left-down-content p, .hi-right-content p , .hi-left-content p, .hi-right-down-content p{
line-height:24px;
font-size:14px;
	
}
  
}

 .row {
  margin-right: -15px;
  margin-left: -15px;
}  


 .col-xst-1, .col-smt-1, .col-mdt-1, .col-lgt-1, .col-xst-2, .col-smt-2, .col-mdt-2, .col-lgt-2, .col-xst-3, .col-smt-3, .col-mdt-3, .col-lgt-3, .col-xst-4, .col-smt-4, .col-mdt-4, .col-lgt-4, .col-xst-5, .col-smt-5, .col-mdt-5, .col-lgt-5, .col-xst-6, .col-smt-6, .col-mdt-6, .col-lgt-6, .col-xst-7, .col-smt-7, .col-mdt-7, .col-lgt-7, .col-xst-8, .col-smt-8, .col-mdt-8, .col-lgt-8, .col-xst-9, .col-smt-9, .col-mdt-9, .col-lgt-9, .col-xst-10, .col-smt-10, .col-mdt-10, .col-lgt-10, .col-xst-11, .col-smt-11, .col-mdt-11, .col-lgt-11, .col-xst-12, .col-smt-12, .col-mdt-12, .col-lgt-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
} 
.col-xst-1, .col-xst-2, .col-xst-3, .col-xst-4, .col-xst-5, .col-xst-6, .col-xst-7, .col-xst-8, .col-xst-9, .col-xst-10, .col-xst-11, .col-xst-12 {
  float: left;
}
.col-xst-12 {
  width: 100%;
}
.col-xst-11 {
  width: 91.66666667%;
}
.col-xst-10 {
  width: 83.33333333%;
}
.col-xst-9 {
  width: 75%;
}
.col-xst-8 {
  width: 66.66666667%;
}
.col-xst-7 {
  width: 58.33333333%;
}
.col-xst-6 {
  width: 50%;
}
.col-xst-5 {
  width: 41.66666667%;
}
.col-xst-4 {
  width: 33.33333333%;
}
.col-xst-3 {
  width: 25%;
}
.col-xst-2 {
  width: 16.66666667%;
}
.col-xst-1 {
  width: 8.33333333%;
}

@media (min-width: 768px) {
  .col-smt-1, .col-smt-2, .col-smt-3, .col-smt-4, .col-smt-5, .col-smt-6, .col-smt-7, .col-smt-8, .col-smt-9, .col-smt-10, .col-smt-11, .col-smt-12 {
    float: left;
  }
  .col-smt-12 {
    width: 100%;
  }
  .col-smt-11 {
    width: 91.66666667%;
  }
  .col-smt-10 {
    width: 83.33333333%;
  }
  .col-smt-9 {
    width: 75%;
  }
  .col-smt-8 {
    width: 66.66666667%;
  }
  .col-smt-7 {
    width: 58.33333333%;
  }
  .col-smt-6 {
    width: 50%;
  }
  .col-smt-5 {
    width: 41.66666667%;
  }
  .col-smt-4 {
    width: 33.33333333%;
  }
  .col-smt-3 {
    width: 25%;
  }
  .col-smt-2 {
    width: 16.66666667%;
  }
  .col-smt-1 {
    width: 8.33333333%;
  }
 

}

@media (min-width: 992px) {
  .col-mdt-1, .col-mdt-2, .col-mdt-3, .col-mdt-4, .col-mdt-5, .col-mdt-6, .col-mdt-7, .col-mdt-8, .col-mdt-9, .col-mdt-10, .col-mdt-11, .col-mdt-12 {
    float: left;
  }
  .col-mdt-12 {
    width: 100%;
  }
  .col-mdt-11 {
    width: 91.66666667%;
  }
  .col-mdt-10 {
    width: 83.33333333%;
  }
  .col-mdt-9 {
    width: 75%;
  }
  .col-mdt-8 {
    width: 66.66666667%;
  }
  .col-mdt-7 {
    width: 58.33333333%;
  }
  .col-mdt-6 {
    width: 50%;
  }
  .col-mdt-5 {
    width: 41.66666667%;
  }
  .col-mdt-4 {
    width: 33.33333333%;
  }
  .col-mdt-3 {
    width: 25%;
  }
  .col-mdt-2 {
    width: 16.66666667%;
  }
  .col-mdt-1 {
    width: 8.33333333%;
  }

}