/* Large Screen  */

@media only screen and (min-width: 1400px) {

      .hero-section {
        padding: 250px 0 200px;
      }

}

/* Laptop Screen  */

@media only screen and (min-width: 1171px) and (max-width: 1400px) {

}


/* desktop :992px. */

@media only screen and (min-width: 992px) and (max-width: 1169px) {
.single-feature .content p {
  font-size: 14px;
}

}


/* Tablet :768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container-fullwidth {
    padding: 0 15px;
}
.container {
    width: 90!important;
}
.hero-content h1 {
  font-size: 30px;
}
.demo-content h1 {
  font-size: 30px;
}
.demo-item .image i {
  height: 50px;
  line-height: 46px;
  width: 50px;
}
.single-feature .content p {
  font-size: 14px;
}
.footer-section h1 {
  font-size: 24px;
}





}


/* Large Mobile :480px. */

@media only screen and (max-width: 767px) {
  .demo-section.pt-120{
    padding-top: 60px;
  }
  .feature-section.pb-100{
    padding-bottom: 0px;
  }
.footer-section h1 {
    line-height: 33px;
    font-size: 25px;
}
.section-title p{
  margin-top: 5px;
}
  .container {
    width: 90%!important;
}
}
.demo-item .title, .demo-right-content .demo-item .title {
    transform: translateX(0);
    padding: 3px 15px;
    font-size: 15px;

}
.demo-item .title:before{
  display:  none;
}
.demo-item {
    margin-left: 0;
    margin-right: 0;
}
  .container-fullwidth {
    padding: 0 15px;
}
.hero-section {
  padding: 150px 0 100px;
}
.hero-content h1 {
  font-size: 24px;
}
.hero-content h1 strong {
  font-size: 40px;
  margin-bottom: 15px;
}
.hero-content a {
  margin-top: 20px;
}
.demo-content h1 {
  font-size: 30px;
}
.section-title h1 {
  font-size: 30px;
}
.footer-section .buy-btn {
  float: left;
}
.hero-content h1 img{
  display: none;
}





}


/* small mobile :320px. */

@media only screen and (max-width: 575px) {

.container {
    width: 95%;
}
.logo a {
  width: 116px;
}
.buy-btn {
    font-size: 11px;
    height: 34px;
    padding: 3px 25px;
    margin-top: 13px;
    line-height: 26px;
}

.hero-section {
  padding: 150px 0 100px;
}
.hero-content h1 {
  font-size: 21px;
  line-height: 25px;
}
.hero-content h1 strong {
  font-size: 30px;
}
.hero-content p {
  font-size: 13px;
}
.hero-content a {
  margin-top: 20px;
}
    
    
}