/*
Template Name: Driven
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************about****************/
#history{
padding-top:40px;
padding-bottom:40px; 
background: #f4f4f4;
 }
.history_1i span{
background: #E81D4F;
color: #fff;
width: 70px;
height: 70px;
line-height: 73px;
text-align: center;
display: inline-block;
border-radius: 3px;
font-size: 30px;
border-radius:50%;
margin-bottom:20px; 
 }
.history_1i span:hover{
background:#041E37;
 }
.history_1i{
background:#fff;
padding:30px 15px; 
 }
.history_1i p{
margin-bottom:0;
 }
.history_1{
margin-top:30px; 
 }
.history_2{
background:#fff;
margin-top:30px;
padding-top:40px;
padding-bottom:40px;
margin-left:15px;
margin-right:15px; 
 }
.history_2i{
border-right:1px solid #eee; 
 }
 
 #choose{
padding-top:40px;
padding-bottom:40px;
 }
.choose_1i span{
font-size:60px; 
line-height:0;
margin-bottom:15px;
display:inline-block;
 }
.choose_1i p{
margin-bottom:0;
 }
.choose_1i{
border:1px solid #ddd;
border-radius:5px;
padding:20px;
 }
.choose_2i{
padding:10px;
box-shadow: 0px 0px 8px 1px #d7d6d6;
 }
.choose_2{
margin-top:30px; 
 }
.choose_2ir i{
font-size:60px;
display:block;
margin-top:10px; 
 }
/*********************about_end****************/


@media screen and (max-width : 767px){
.history_1i {
margin-top:10px; 
 }
.history_2i{
border:none; 
 }
.choose_1i {
margin-top:10px;  
 }
.choose_2i {
margin-top:10px!important;  
 }
 }
@media (min-width:768px) and (max-width:991px) {
.history_2i{
padding:10px; 
 }
.choose_2ir i{
font-size:30px; 
 }
.choose_2il h2{
font-size:26px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.choose_2ir i{
font-size:40px; 
 }
 }