@media (min-width: 768px) and (max-width: 1024px) {
  /* banner Start */
  
#header ul li.mobile-number {
    font-size: 15px;
    line-height: 19px;
    background: url("https://cdn3.everdata.com/sites/all/themes/everdata/images/sprit-icons.png") no-repeat scroll -131px -30px transparent;
    padding: 0px 0px 0px 42px;
    margin-top: 0px;
    font-family: "Ubuntu",sans-serif;
    font-weight: 500;
	text-align:left;
}
 
 
  #header ul li {
    list-style: outside none none;
    margin: 0px;
    padding: 0px 0px 0px 21px;
    float: left;
  
}

  #header ul li.mobile-number span {
    text-transform: uppercase;
    display: block;
    color: #A1C45A;
    font-size: 12px;
    font-weight: 700;
}

  #header .banner {
    margin: 50px 0 0;
  }
  #header .banner h1 {
    font-size: 42px;
  }
  #header .banner h2 {
  font-size: 38px;
  margin: 5px 0px 10px;
  }
  /* Works Section Start */
  #works .grid-left {
    margin:0;
  }
  #works .grid-left .large {
    width: 458px;
  }
  #works .grid-left .grid-box {
    width: 229px;
  }
  #works .grid-right .grid-box.large {
    width: 96%;
    height: 338px;
  }
  #works .grid-right .grid-box {
    width: 48%;
    height: 306px;
  }
  #works .grid-right .browse-box {
    width: 48%;
    height: 306px;
  }
  #works .grid-right .browse-box .more {
    width: 40%;
  }
  /* Testimonial Section Start */
  #testimonial .commant {
    margin: 0px;
  }
  #testimonial .commant .info {
    padding: 25px 60px;
  }
  /* Clients Start */
  #clients .item.large {
    padding: 18px;
  }
  #clients .item.bg {
    padding: 12px;
  }
  /* Skills Start */
  .circliful {
    margin-left: 50px;
  }
  /* Blog */
  #blog .large {
    right: 70px;
  }
  /* Footer Statt */
  #footer p {
    font-size: 15px;
  }
  
  .pull-left {
    float:left;
  }
  
  #header .pull-right ul {
  margin:0 27px;
}

  .arrow,
 .hide  {
  display:none;
}
.feature {
  float:left;
  max-width:23%;
  margin-bottom:0;
  min-height:50px;
  margin:5px;
} 

.steps img {
  margin-bottom:0px;
}

.feature h2 {
  font-size:16px !important;
  margin-top:10px;
  margin-bottom:0;
}

h1,h2 {
  font-size:20px;
}
 
   .row {
  padding: 20px 0 30px;
  margin-top:0px;
}

.section-title {
  margin-bottom:20px;
  margin-top:20px;
}

#footer p {
font-size:14px;
}

  ul.contact-info li {
  color:#333;
  background:white;
  padding:0 10px;
	}
	ul.contact-info li a:link,
	ul.contact-info li a:visited{color:#333;}

.col-sm-4 {
  width:47%;
}

.col-md-offset-2 {
  margin:0;
}
 
ul.mobile-number li span a{
  color:white;
}
}