.banner img{
    margin-top: 30px;
}
.bannerhead{
    color: white ;
}
.services-iconnb {
    margin: 0 auto;
    padding-top: 3%;
    width: 100%;
}
a {
    text-decoration: none;
    transition: .5s;
}
.span-4n {
    
    border-radius: 50%;
    line-height: 2px;
    margin: 0px 7px 0px 0px;
    width: 224px;
    text-align: center;
    height: 224px;
    transition: all .5s ease-in-out;
    
}

.lol{
    border: 3px solid #ec8505;
}
.lol .icon-text{
    color: #ec8505;
}
.lol1{
    border: 3px solid #d90022;
}
.lol1 .icon-text{
    color: #d90022;
}
.lol2{
    border: 3px solid #04b918;
}
.lol2 .icon-text{
    color: #04b918;
}
.span-4n img {
   height: 90px!important;
    width: 103px!important;
        
}
.icon-text {
  margin-top: 12px;
    font-size: 22px;
   
    width: 85%;
    margin-left: 15px;
}
.mid{
          margin-top: 20px;
      }
a:hover {
    text-decoration: none;
    transition: .5s;
}
.span-4n:hover img {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(320deg) scale(2, 2);
    transform: rotate(360deg);
    transition: all .5s ease-in-out;
}
.middle{
    margin: 0 30px 0 30px;
}
.bannerhead h1{
    font-size: 55px;
       margin-top: 78px;
    margin-bottom: 26px;
}
.item img{
    height: 100px !important;
    width: 200px !important;
   
}
.socials a.link-facebook {
    background-color: #3b589e;
}
.socials a {
    float: left;
    width: 42px;
    height: 42px;
    color: #FFF;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    background-color: #DDD;
    margin: 7px 0px 7px 14px;
    border-radius: 50%;
}
.socials a.link-twitter {
    background-color: #5ea9dd;
}
.socials a.link-google-plus {
    background-color: #d6492f;
}
#demos{
    margin-top: 50px;
    margin-bottom: 40px;
}
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 20%;
    *width: 20%;
      
  }
}

@media only screen and (max-width: 500px) {
    video{
        top:45% !important;
    }
    .item img {
    height: 50px !important;
    width: 73px !important;
}
    .middle {
    margin: 0 30px 0 1px;
}
    .seven-cols .col-md-1:not(:last-child) {
    border-right: none !important;
}
    .seven-cols .col-md-1 {
    height: auto !important;
}
    .lastsec {
    
    padding: 0px 20px !important;
}
    .bb{
            background: #331b07e6;
}
    #demos{
        margin: 0 !important
    }
    .kk{
        color: white !important;
        margin-bottom: 5px !important;
    }
    address {
    margin-bottom: 0px !important;
    
}
    .socials{
        margin-bottom: 5px !important;
    }
    .mart {
    margin-top: 20px !important;
         margin-bottom: 20px !important;
}
    .mid {
    margin-top: 0px !important;
}
    .banner{
        text-align: center;
    }
    .bannerhead h1{
        font-size: 30px;
    }
    .aa{
        margin-bottom: 20px;
    }
    .owl-item{
        width: 72.5px;
margin-right: 10px;
    }
}
@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    20%;
    *width: 20%;
  }
}   
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 20%;
    *width: 20%;
  }
}
.seven-cols address {
    font-size: 13px !important;
}
.seven-cols .col-md-1:not(:last-child){
    border-right: 1px solid #ddd;
}
.seven-cols .col-md-1{
    height: 173px;
}
.lastsec{
    background: rgba(158, 158, 158, 0.05);
    padding: 40px 20px;
}
.ol{
    border-right: none !important;
}