.clear {
	clear:both;
}


.row::after, .row::before {
    content: " ";
    display: table;
}

*::after, *::before {
    box-sizing: border-box;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
a {
	text-decoration:none;
}

.container {
    width: 1170px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
	box-sizing: border-box;
}
.col-1 {
	width:8.33333%;
}
.col-2 {
	width:16.6667%;
}
.col-3 {
	width:25%;
}

.col-4 {
	width:33.3333%;
}
.col-5 {
	width:41.6667%;
}

.col-6 {
	width:50%;
}
.col-7 {
	width:58.3333%;
}
.col-8 {
	width:66.6667%;
}

.col-9 {
	width:75%;
}

.col-10 {
	width:83.3333%;
}
.col-11 {
	width:91.6667%;
}
.col-12 {
	width:100%;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    min-height: 1px;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
	box-sizing: border-box;
}


/*--------------------------end main style------------------------------*/



/*--------------------------start ilist style 28------------------------------*/

.ilist-section-28 {
  margin-top: 50px;
}

.ilist-section-28 ul {
	padding-left:0;
}
.ilist-section-28 li {
    list-style: none;
	padding:0 0;
}

.ilist-item-main a {
	text-decoration:none;
}
.ilist-feature-img-box img-28 {
  max-width: 100%;
}

.row.ilist-section-28 {
  background: rgba(0, 0, 0, 0) url("../images/road_bg.png") repeat-y scroll center top;
  height: 100%;
  width: 100%;
  position:relative;
}
.row.ilist-section-28::before {
	background: #1e77a8 none repeat scroll 0 0;
	content: "";
	height: 10px;
	position: absolute;
	left: 50%;
	width: 276px;
	margin-left: -135px;
}
.row.ilist-section-28::after {
	background: #1e77a8 none repeat scroll 0 0;
	border-radius: 50%;
	content: "";
	height: 25px;
	left: 50%;
	position: absolute;
	top: -7px;
	width: 25px;
	margin-left: -139px;
}

.ilist-feature-img-box-28 {

}
.ilist-content-box-right-28 {
  height: 160px;
  margin-top: -44px;
  position: relative;
}
.ilist-feature-img-box-28,
.left-side-control-28 {
  align-items: center;
  background: #fff none repeat scroll 0 0;
  border: 4px solid #1c76af;
  border-radius: 100%;
  display: flex;
  height: 50px;
  justify-content: center;
  left: 169px;
  position: absolute;
  top: 77px;
  width: 50px;
}
.left-side-control-28 {
  left: 260px;
}
.ilist-background-border-main {
	position:relative;
}
.ilist-item-main-28 .conten-box h3 {
  color: #222;
  font-family: "Open Sans",sans-serif;
  font-size: 20px;
  margin-bottom: 0;
}
.conten-box:hover .title-content-28 {
	color:#1e77a8;
}
.conten-box p:hover {
	color:#000;
}
.ilist-item-main-28 .conten-box p {
  color: #666;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  height: 75px;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
.btm-pad {
}


.ilist-feature-img-box-28 img {
  height: auto;
  max-width: 60%;
}
.col-12.ilist-item-28.margin-top {
  margin-top: -72px;
}
.margin-left-220 {
	margin-left:220px;
	    text-align: left;
}
.margin-right-220 {
	margin-right:220px;
}
.text-right {
	text-align:right;
}
.upvote-icon i {
  cursor: pointer;
}


.ilist_responsive_maxwidth .row.ilist-section-28::before {
  background: #1e77a8 none repeat scroll 0 0;
  content: "";
  height: 10px;
  left: 233px;
  position: absolute;
  width: 276px;
}
.ilist_responsive_maxwidth .left-side-control-28 {
  left: 122px;
}
.col-6.ilist-content-box-right-28 {
  padding-left: 5px;
  padding-right: 5px;
}

.conten-box:hover .title-content-28,
.conten-box p:hover {

-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}





@media only screen and (min-width: 320px) and (max-width: 767px) {
	.container {
    	width: 100%;
	}
	.ilist-item-main-28 {
	  display: flex;
	  flex-direction: column-reverse;
	  height: auto;
	  margin-bottom:40px;
	}
	.row.ilist-section-28,
	.row.ilist-section-28::before,
	.row.ilist-section-28::after {
	  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	}
	.ilist-content-box-right-28 {
	  align-items: center;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  text-align: center;
	  width: 100%;
	}
	.ilist-feature-img-box-28 {
	  left: 0;
	  position: unset;
	  top: 0;
	}
	.col-6.ilist-content-box-right-28,
	.text-right  {
	  text-align: center;
	}
	.margin-left-220 {
	  margin-left: 0;
	}
	.margin-right-220 {
		margin-right:0;
	}
	.ilist-content-box-right-28 {
	  height: auto;
	  margin-top: 0;
	}
	.ilist-item-main-28 .conten-box p {
	  height: auto;
	}
	.margin-left-220 {
	  text-align: center !important;
	}
	

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container {
    	width: 100%;
	}
	.ilist-item-main-28 {
	  display: flex;
	  flex-direction: column-reverse;
	  height: auto;
	  margin-bottom:40px;
	}
	.row.ilist-section-28,
	.row.ilist-section-28::before,
	.row.ilist-section-28::after {
	  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	}
	.ilist-content-box-right-28 {
	  align-items: center;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  text-align: center;
	  width: 100%;
	}
	.ilist-feature-img-box-28 {
	  left: 0;
	  position: unset;
	  top: 0;
	}
	.col-6.ilist-content-box-right-28,
	.text-right  {
	  text-align: center;
	}
	.margin-left-220 {
	  margin-left: 0;
	}
	.margin-right-220 {
		margin-right:0;
	}
	.ilist-content-box-right-28 {
	  height: auto;
	  margin-top: 0;
	}
	.ilist-item-main-28 .conten-box p {
	  height: auto;
	}
	.margin-left-220 {
	  text-align: center !important;
	}
		
		

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.container {
    	width: 100%;
	}
	.left-side-control-28 {
	  left: 230px;
	}
	.ilist-item-main-28 .conten-box p {
	  height: auto;
	}
	.row.ilist-section-28::before {
	  right: 350px;
	}
	.row.ilist-section-28::after {
	  left: 34%;
	}
	
}

