.benefit {padding: 30px 0px 60px 0px;position: relative;}
.benefit h2 {padding: 0px 30px;color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 34px;text-align: center;
  width: 100%;}
.benefit p {color:#f60;;font-family: 'Poppins-Regular';  font-size: 21px;  text-align: center;  margin: 0 auto 70px auto;width: 100%;}
.doted-line {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 14%;border-left: 1px dashed #1766ae;bottom: 110px;}
.benefit i {left: 32%;position: relative;font-size: 40px;top: 32%;}
.benefit ul {position: relative;}
.benefit ul li {position: relative;  height: 200px;}
.benefit ul li img {border-radius: 50%;border: 6px solid #FFF;  box-shadow: 0 2px 8px -1px #c0c0c0;  margin: 0 auto;background: #fff;}
.benefit ul li h3 {font-size: 20px;display: block;text-align: center;  margin: 10px 0;  color: #3d4456;font-family: "OpenSans-reg";}
.benefit ul li h3 span {font-size: 14px;color: #666;display: block;text-align: center;padding: 5px 0px;}
.benefit .txt {font-family: 'Poppins-Regular';display: inline-block;text-align: left;left: 18%;position: relative;  top: -80px;}
.benefit .txt h3 {font-family: 'Poppins-SemiBold';font-size: 21px;  color: #1766ae;  line-height: 22px;  text-align: justify;}
.benefit .txt p {font-size: 16px;color: #2a2a2a;line-height: 22px;text-align: justify;margin-bottom: 0px;}

.ht {height: 150px!important;}
.ht-160 {height: 150px!important;}
.ht-180 {height: 180px!important;}
.ht-250 {height: 250px!important;}


@media only screen and (min-width:320px)and (max-width:479px){
    .benefit h2{font-size: 20px}.benefit p{font-size: 14px;margin: 0 auto 20px auto}.benefit section{margin-top: 20px}
    .benefit section img{left: 2%;top: 2%}.benefit .txt{left: 0;top: 0}.benefit .txt h3{font-size: 18px}.benefit .txt p{font-size: 14px;line-height: 20px;margin-bottom: 0px}.benefit ul{padding-left: 0px}.benefit ul li{height: 180px}.ht{height: 120px !important}.benefit ul li img{width: 15%;display: none}.doted-line{left: 10%;top: 10px;display: none}
}
@media only screen and (min-width:480px) and (max-width:767px){
    .benefit h2{font-size: 20px}.benefit p{font-size: 14px;margin: 0 auto 20px auto}.benefit section{margin-top: 20px}

    .benefit section img{left: 2%;top: 2%}.benefit .txt{left: 0;top: 0}.benefit .txt h3{font-size: 18px}.benefit .txt p{font-size: 14px;line-height: 20px;margin-bottom: 0px}.benefit ul{padding-left: 0px}.benefit ul li{height: 180px}.ht{height: 120px !important}.benefit ul li img{width: 15%;display: none}.doted-line{left: 10%;top: 10px;display: none}
}
@media only screen and (min-width:768px) and (max-width:1024px){
   .benefit h2{font-size: 20px}.benefit p{font-size: 14px;margin: 0 auto 20px auto}.benefit section{margin-top: 20px}

   .benefit section img{left: 2%;top: 2%}.benefit .txt{left: 0;top: 0}.benefit .txt h3{font-size: 18px}.benefit .txt p{font-size: 14px;line-height: 20px;margin-bottom: 0px}.benefit ul{padding-left: 0px}
   .benefit ul li{height: 220px}
   .ht{height: 120px !important}.benefit ul li img{width: 15%;display: none}.doted-line{left: 10%;top: 10px;display: none}
}
@media only screen and (min-width:1024px) and (max-width:1280px) { 
    .benefit ul li{height: 170px;}
}
@media (min-width: 1080px) {
}
@media (min-width:1920px) { 
}