@media (max-width: 1024px) {

}


@media (max-width: 980px) {
   ul.products_list li{
    color:#fff;
    width: 100%;
    line-height: 25px;
    margin-left: 20px;
  }

   .home_banner .baner_content {
    margin: 0;
    z-index: 10;
    padding-top: 25% !important;
    padding-bottom: 20px;
    padding-left: 20px !important;
    color: #fff;
    text-align: left;
    height: 100vh;
    width: 100% !important;
}
  .home_banner .bxslider_banner li{
    background-size: cover;
    }

    .about .section-title, .contact .section-title{
    color: #111;
  }

  .products .section-title{
    color:#fff;
  }

.bx-wrapper .bx-viewport p {
    color: #fff !important;
}
}

@media (max-width: 768px) {

  

  #hm_banner h1 {
    font-size: 28px;
    line-height: 36px;
  }
  .back-to-top {
    bottom: 15px;
  }

  #hm_banner h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 30px;
  }
  #hm_banner h2 .rotating {
    display: block;
  }

  #header {
    height: 80px;
  }
  #header #logo h1 {
    font-size: 26px;
  }
  #header #logo img {
    max-height: 40px;
  }

  #nav-menu-container {
    display: none;
  }

  #mobile-nav-toggle {
    display: inline;
    right: 0;
  }
}

@media (max-width: 767px) {

  .home_banner .baner_content {
    margin: 0;
    z-index: 10;
    padding-top: 25% !important;
    padding-bottom: 20px;
    padding-left: 20px !important;
    padding-right: 20px;
    color: #fff;
    text-align: left;
    height: 100vh;
    width: 100% !important;
}

.bx-wrapper .bx-pager{
  padding-left: 20px !important;
  bottom: 30% !important;
}
  ul.products_list li{
    color:#fff;
    width: 100%;
    line-height: 25px;
    margin-left: 20px;
  }
  .section-title{
    color:#fff;
  }
  .bx-wrapper .bx-viewport p{
    color:#fff !important;
  }
  .products{
    padding-top:20px;
  }

  .about .section-title, .contact .section-title{
    color: #111;
  }

  #footer{
        padding: 30px 0 80px;
  }

  .home_banner .bxslider_banner li img{
    width: 100%;
  }


.home_banner .bx-wrapper .bx-viewport {
   width: 100% !important;
 /* margin: 0 auto;*/
}

  .bx-wrapper .bx-viewport{
  width: 50% !important;
  margin: 0 auto;}

.bx-wrapper .bx-next {
    right: 0;
    background: url(../img/controls.png) no-repeat 0 -32px;
}

}

@media (max-width: 667px) {
  .home_banner .baner_content {
    margin: 0;
    z-index: 10;
    padding-top: 0% !important;
    padding-bottom: 20px;
    padding-left: 20px !important;
    color: #fff;
    text-align: left;
    height: 100vh;
    width: 100% !important;
}

}

@media (max-width: 360px) {
  .home_banner .baner_content {
    margin: 0;
    z-index: 10;
    padding-top: 25% !important;
    padding-bottom: 20px;
    padding-left: 20px !important;
    color: #fff;
    text-align: left;
    height: 100vh;
    width: 100% !important;
}

}