@media (min-width: 1430px) {
  .container {max-width: 1400px; }
  
}
@media (max-width: 1367px) {
  .top-banner .banner-text {padding-top: 50px; }
  .banner-text h2{ font-size: 32px; }
  .top-banner{ height: 700px; } 
  .demo-section .demo-effects a .layout-container { height: 450px; width: 94%;}
}
@media (max-width: 1199px) {
  .banner-text h2{ font-size: 28px; } 
}
@media (max-width: 991px) {
  h1 {line-height: 1.4;font-size: 53px; }
  h2 {font-size: 30px; }
  .top-banner .banner-text img {  width: 150px; }
  .top-banner .banner-text h2 { line-height: 1.2; }
  .top-banner .banner-text h2 { margin: 20px 0;}
  .top-banner .banner-text { padding-top: 20px;}
  .top-banner{ height: 430px; }
  .banner-text h2{ font-size: 24px; } 
  .banner-text .reat-btn a{ padding: 7px 30px; } 
}
@media (max-width: 767px) {
  section {padding: 50px 0; }
  .demo-section .demo-texts {margin-bottom: 20px; }
  .slider-section .demo-texts h2 { margin-bottom: 20px; }
  .demo-features .demo-texts h2 { margin-bottom: 14px; }
  .core-feature h2 { margin-bottom: 14px; }
  .core-feature .demo-texts { margin-bottom: 35px; }
  li {line-height: 2.5; } 
  .reating-block p{ font-size: 26px; padding: 20px 0; }
}
@media (max-width: 480px) {

  h1 {font-size: 43px; }
  h2 {font-size: 20px; }
  .top-banner .banner-text { padding-top: 20px;}
  .top-banner .banner-text img {width: 130px; }
   .top-banner .banner-text h2 { margin: 15px 0;}
  p {font-size: 13px; }
  li, h3 {font-size: 15px; }
  .core-feature p {font-size: 12px; }
  .order-xs {order: 1; }
  .demo-section .demo-effects a .layout-container {height: 387px;width: 300px; }
  /*.top-banner { height: 45vh; }*/
  .top-banner { height: 345px;}
  .banner-text h2 { font-size: 20px;}
  .icone-img { margin: 10px 0;}
}
@media (max-width: 420px) {
  h1 {font-size: 35px; }
  h2 {font-size: 15px; }
 /* .top-banner {height: 60vh; }*/
  .top-banner .banner-text { padding-top: 10px;}
  /*.top-banner .banner-text img { width: 45px; }*/
  .top-banner .banner-text h2 { margin: 15px 0;}
  .demo-features {text-align: center; }
}
@media (max-width: 360px) {}
@media (max-width: 320px) {
  .demo-section .demo-effects a .layout-container {height: 380px;width: 290px; }
}

/*# sourceMappingURL=responsive.css.map */