/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.cd-headline {
  font-size: 3.4rem;
}

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

.logo-area h2 {
	display: inline;
	float: left;
	margin-top: 17px;
}
.logo-area {
  display: inline-block;
  float: left;
}
.menu-area ul li a {
  font-size: 11px;
  margin: 27px 25px 27px 0;
}
.success-story p {
  font-size: 15px;
}

.cd-headline {
font-size: 3.4rem;
}
.inteligent-menu .header-area .header-wrapper .logo-area {
display: inline-block;
float: left;
}
    
    
    
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 481px) and (max-width: 767px) {
.container {width:450px}
    .mean-container a.meanmenu-reveal {
  margin-top: -55px;
}
    
    
    
    
.slider-content h4 {
  font-size: 30px;
}
.cd-headline.clip.is-full-width > span {
  font-size: 21px;
}
.portfolio-menu button {
  margin: 0 15px 15px 0;
}
  }
 /* small mobile :320px. */
@media (max-width: 480px) {
.container {width:300px}
.cd-headline.clip.is-full-width > span {
  font-size: 19px;
  font-weight: 500;
}
    .portfolio-menu button {
  margin: 0 15px 15px 0;
}
    .mean-container a.meanmenu-reveal {
  margin-top: -55px;
}
    
    }