.seq {width: 100% !important; max-width: 100% !important; position: relative; height: 800px !important; max-height: 800px !important;}
.seq .seq-canvas,
.seq .seq-canvas > * {margin: 0; padding: 0; list-style: none;}
.seq .seq-preloader {background: #279FE5;}
.seq .seq-canvas {position: absolute; height: 100%; width: 100%; white-space: nowrap; font-size: 0;}
.seq .seq-canvas > * {display: inline-block; zoom: 1; vertical-align: top; width: 100%; height: 100%; white-space: normal; color: white; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}
.seq .seq-canvas > *:before {content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.seq .seq-content {display: inline-block; width: 100%; margin: 40%; font-size: 16px;}
.banner_background_color {background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; top: 0;}

/** Banner **/
  .seq .seq-banner {background-repeat: no-repeat; background-size: cover; background-position: center;}
  .seq .seq-banner .seq-content .seq-title {font-size: 5vw !important; color: #fff; font-weight: bold; font-family: 'Yeseva One', cursive; text-align: center; margin-bottom: 0px; letter-spacing: 0.5px; margin-top: 10%;}
  .seq .seq-banner .seq-content .container {position: absolute; top: 20%; left: 0; right: 0;}
  .seq .seq-banner .seq-title {opacity: 0; -webkit-transition-duration: .5s; transition-duration: .5s;}
  .seq .seq-banner .seq-title {-webkit-transform: translate3d(0, -100px, 0); -ms-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0,);}
  .seq .seq-banner.seq-in {}
  .seq .seq-banner.seq-in .seq-title {opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-duration:1.2s; transition-duration:1.2s;-webkit-transition-duration:1.2s; -webkit-transition-delay:1.2s; transition-duration:1.2s; transition-delay:1.2s;}
/** ./ Banners **/

@media only screen and (min-width: 600px) {
  .seq .seq-content {margin-top: -19px;}
}

@media only screen and (max-width: 1225px) {
  .seq {width: 100% !important; max-width: 100% !important;  overflow: hidden; position: relative; height: 600px !important; max-height: 600px !important; margin-top: 120px;}
}
@media only screen and (max-width: 830px) {
  .seq {width: 100% !important; max-width: 100% !important;  overflow: hidden; position: relative; height: 400px !important; max-height: 400px !important;}
}

/** button **/
.seq-next{position:relative; z-index:10; float:right; margin-top:23%; background-color:#fff; background-image:none; background-image:none; background-image:none; background-image:none; border-radius:0px; border:0px solid #fff; padding:15px 15px 15px 19px;}
.seq-prev{position:relative; z-index:10; float:left; margin-top:23%; background-color:#fff; background-image:none; background-image:none; background-image:none; background-image:none; border-radius:0px; border:0px solid #fff; padding:15px 19px 15px 15px;}

@media only screen and (max-width: 600px) {
  .seq {width: 100% !important; max-width: 100% !important; overflow: hidden; position: relative; height: 300px !important; max-height: 400px !important;}
  .seq-next{position:relative; z-index:10; float:right; margin-top:30%; background-color:#fff; background-image:none; background-image:none; background-image:none; background-image:none; border-radius:0px; border:0px solid #fff; padding:10px 10px 10px 14px;}
  .seq-prev{position:relative; z-index:10; float:left; margin-top:30%; background-color:#fff; background-image:none; background-image:none; background-image:none; background-image:none; border-radius:0px; border:0px solid #fff; padding:10px 14px 10px 10px;}  
}
/** ./ button **/