/* layout-10 */



.layout-10 h2{ margin-bottom: 30px; }

.layout-10 .icon-wrap .icon {  background-position: 0 0; background-image: url(../../images/icon-set-1.png); width: 100%; height: 100%; background-repeat: no-repeat; display: inline-block;}

.layout-10 .icon-wrap { margin: inherit; width: 100px; height: 100px; margin: inherit;}

.layout-10 .icon-wrap .icon-24, .layout-10 .slider-5 .owl-item:nth-child(2) .icon-wrap .icon{ background-position: -500px -300px; }

.layout-10 .icon-wrap .icon-25 { background-position: 0px -400px; }

.layout-10 .icon-wrap .icon-26 { background-position: -100px -400px; }

.layout-10 h4 { font-size: 24px;  font-family: "Open Sans", sans-serif; font-weight: 700;}

.layout-10 .item { padding-right: 100px; position: relative;}

.layout-10 .item ul li { font-size: 18px; padding-bottom: 5px; position: relative; padding-left: 30px;}

.layout-10 .item ul li:before { content: '\f046'; font-family: "fontawesome"; position: absolute; font-size: 20px; margin-right: 8px; top: 3px; left:0; }

.layout-10 .item ul { margin-top: 20px; } 

.layout-10 .item:before { content: ''; left: 30%; top: 44px; width: 60%; height: 1px; background-color: #696969; position: absolute; }

.layout-10 .item:after { content: '\f178'; font-family: "fontawesome"; position: absolute; font-size: 27px; right: -60%; top: 25px; color: #696969; }

.layout-10 .item:hover h4, .layout-10 .item:hover p, .layout-10 .item:hover li, .layout-10 .item:hover i { color: #018daf;  cursor: pointer;}

 









/* Responsive */



@media (max-width: 1399px){ 
.layout-10 .item ul li{ font-size: 17px; line-height: 25px; }
.layout-10 .item:after {     top: 32px;  }

}

/* 1299 END */





@media (max-width: 1199px){ 

.layout-10 .item { padding-right: 40px; }













}

/* 1199 END */ 









@media (max-width: 991px){ 













}

/* 991 END */









@media (max-width: 767px){ 

.layout-10 .item ul li:before { font-size: 18px; }
.layout-10 .item ul li { padding-left: 26px; }








}

/* 767 END */









@media (max-width: 599px){ 

.layout-10 .item ul li { font-size: 16px; }

.layout-10 .item { padding-right: 0px; }

.layout-10 .item ul li:before { font-size: 16px; }
.layout-10 .item ul li { padding-left: 24px; }







} 

/* 599 END */





@media (max-width: 479px){ 

.layout-10 .item:before {   left: 35%;  }

.layout-10 .item:after {  right: -70%;  }







} 

/* 479 END */