/* CSS Document */

/**
* Importing necessary  Styles.
**/
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,900,700|Playfair+Display:700');
@import url('../fonts/circular-std/css/circular-std.css');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/css/bootstrap.min.css');
/*------- menu ------*/
@import url('../vendor/mega-menu/assets/css/menu.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');


/*** 

====================================================================
  Loading Transition
====================================================================

 ***/
/* Preloader */
.ctn-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
}
.ctn-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}
/* Spinner cargando */
.ctn-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(255, 57, 70, 0.15);
  border-top-color: #ff3946; 
  height: 170px;
  margin: 0 auto 45px auto;
  width: 170px;
}
/* Texto cargando */
.ctn-preloader .animation-preloader .txt-loading {
  text-align: center;
  user-select: none;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  animation: letters-loading 4s infinite;
  color: #ff3946;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  top:0;
  line-height: 70px;
  position: absolute;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: 15px;
  display: inline-block;
  color: rgba(255, 57, 70, 0.15);
  position: relative;
  font-size: 70px;
  line-height: 70px;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.ctn-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}
.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .ctn-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
}
@media screen and (max-width: 500px) {
  .ctn-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  .ctn-preloader .animation-preloader .txt-loading .letters-loading {font-size: 40px; letter-spacing: 10px;}
}

 body {
  font-family: 'CircularStd-book';
  font-weight: normal;
  color:#57667E;
  font-size: 17px;
  position: relative;
  top:0 !important;
 }
 .font-lato {font-family: 'Lato', sans-serif; font-weight: normal;}
 .font-k2d {font-family: 'K2D', sans-serif !important;}
 .main-page-wrapper {overflow-x:hidden;}
 h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
 .h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6 {color: #233D63; font-weight: normal;}
 .h1,h1 {font-size: 60px;}
 .h2,h2 {font-size: 48px;}
 .h3,h3 {font-size: 40px;}
 .h4,h4 {font-size: 30px;}
 .h5,h5 {font-size: 22px;}
 .h6,h6 {font-size: 18px;}
 p {line-height: 28px;}
 ul {list-style-type: none;}
 body a {text-decoration: none; display: inline-block;}
 a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
 img {max-width: 100%; display: block;}
 button {border:none;outline: none;box-shadow: none;display: block; padding: 0;cursor: pointer;background: transparent;}
 button:focus {outline: none;}
 input,textarea {outline: none; box-shadow: none;transition: all 0.3s ease-in-out;}

 /*----------- Prefix -----------*/
.full-width-container {padding-left: 60px;padding-right: 60px;}
.demo-container-900 {max-width: 900px;margin: 0 auto;}
.demo-container-1100 {max-width: 1100px;margin: 0 auto;}
.p0 {padding: 0 !important;}
.pt-15 {padding-top: 15px;}
.pt-50 {padding-top: 50px;}
.pt-90 {padding-top: 90px;}
.pt-150 {padding-top: 150px;}
.pb-30 {padding-bottom: 30px;}
.pb-70 {padding-bottom: 70px;}
.pb-100 {padding-bottom: 100px;}
.pb-150 {padding-bottom: 150px;}
.pb-200 {padding-bottom: 200px;}
.mt-50 {margin-top: 50px;}
.mt-70 {margin-top: 70px;}
.mt-95 {margin-top: 95px;}
.mt-100 {margin-top: 100px;}
.mt-150 {margin-top: 150px;}
.mt-200 {margin-top: 200px;}
.mb-80 {margin-bottom: 80px;}
.mb-150 {margin-bottom: 150px;}
.mb-170 {margin-bottom: 170px;}
.mb-200 {margin-bottom: 200px;}
.m0 {margin: 0 !important;}
.row.gutter-80 {margin: 0 -40px;}
.row.gutter-80 [class*="col-"] {padding: 0 40px;}
.row.gutter-50 {margin: 0 -25px;}
.row.gutter-50 [class*="col-"] {padding: 0 25px;}
/*----------------- Theme button ------------------*/
body .solid-button-one {
  min-width: 188px;
  line-height: 48px;
  border-style: solid;
  border-width: 2px;
  border-radius: 30px;
  padding: 0 35px;
  text-align: center;
  color: #fff;
  text-transform: capitalize;
  box-shadow: 0px 13px 27px 0px rgba(163, 48, 53, 0.25);
}
body .solid-button-one:hover {background: #fff;box-shadow: none;}
body .solid-button-one .icon-right {vertical-align: -1px;margin-left: 5px;}
body .solid-button-one .icon-left {vertical-align: -1px;margin-right: 5px;}
body .video-button-one {font-size: 18px;line-height: 55px;color: #57667E;}
body .video-button-one i {font-size: 50px;color: #D8D8D8;vertical-align: middle;}
body .video-button-one .icon-right {margin-left: 10px;}
body .video-button-one .icon-left {margin-right: 10px;}
body .theme-button-one {
  font-family: 'CircularStdmed';
  width: 220px;
  line-height: 56px;
  text-align: center;
  font-size:19px;
  border-width: 2px;
  border-style: solid;
  border-radius: 30px;
  position: relative;
}
body .theme-button-one:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  border-radius: 30px;
  z-index: -1;
  transform: scale(0,1);
}
body .theme-button-one:hover {color: #fff; border-color: #fff;}
body .theme-button-one:hover:before {transform: scale(1,1);}
body .theme-button-two {
  text-transform: capitalize;
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  padding: 0 40px;
  position: relative;
  z-index: 1;
}
body .theme-button-two:before {
  content: '';
  position: absolute;
  top:4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  border: 1px solid #fff;
  opacity: 0;
}
body .theme-button-two:hover:before {opacity: 1;}
body .theme-button-two .icon-right {vertical-align: -1px;margin-left: 5px;}
body .theme-button-two .icon-left {vertical-align: -1px;margin-right: 5px;}
body .line-button-one {
  text-transform: capitalize;
  line-height: 48px;
  border-style: solid;
  border-width: 2px;
  border-radius: 30px;
  text-align: center;
  padding: 0 35px;
  min-width: 180px;
}
body .line-button-one:hover {box-shadow: 0px 13px 27px 0px rgba(163, 48, 53, 0.25); color: #fff;}
body .line-button-two {
  text-transform: capitalize;
  line-height: 48px;
  border: 1px solid #E0E9EF;
  border-radius: 25px;
  padding: 0 35px;
  min-width: 180px;
  text-align: center;
  font-size: 18px;
  color: #233D63;
}
body .line-button-two:hover,.agn-our-pricing .table-wrapper .pr-column:hover .line-button-two {
  color: #fff;
  box-shadow: 0px 13px 28px 0px rgba(163, 48, 53, 0.25);
}
body .line-button-three {
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 48px;
  border: 1px solid #171717;
  min-width: 180px;
  text-align: center;
  color: #141414;
}
body .line-button-three:hover {color: #fff;}
body .white-shdw-button {
  text-transform: capitalize;
  line-height: 55px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  box-shadow: 0px 10px 25px 0px rgba(123,147,171,0.15);
  border-radius: 3px;
  padding: 0 33px;
  background: #fff;
}
body .white-shdw-button .icon {
  font-size: 25px;
  vertical-align: middle;
  margin-left: 10px;
}
body .white-shdw-button:hover {color: #fff;box-shadow: 0px 13px 28px 0px rgba(163, 48, 53, 0.25);}
body .dark-button-one {
  font-family: 'CircularStdmed';
  line-height: 50px;
  padding: 0 40px;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  background: #3b3b3b;
}
/*---------------------- Landing Page -----------------------*/
.landing-menu {
  padding: 25px 0;
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  z-index: 99;
  border-bottom: 1px solid #dfe6ef;
  transition: all 0.4s ease-in-out;
}
.landing-menu.fixed {
  position: fixed;
  background: #fff;
  padding: 10px 0;
  box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
}
.landing-menu .logo a {display: block;}
.landing-banner {
  background: #eff5fc;
  position: relative;
  z-index: 5;
  padding-top: 130px;
}
.landing-menu .buy-button {
  color: #FF3A46; 
  line-height: 52px; 
  transition: all 0.3s ease-in-out;
  margin-left: 50px;
}
.landing-menu .buy-button:hover {background:#FF3A46; color: #fff; }
#feature-menu {padding: 0;}
#feature-menu .nav-item .nav-link {
  color: #3a3c5b;
  font-size: 20px;
  padding: 0 22px;
  transition: all 0.3s ease-out;
}
#feature-menu .nav-item .nav-link:hover,
#feature-menu .nav-item .nav-link.active {color: #FF3A46;}
.landing-banner .screen {margin: 0 auto;width: 100%;}
.landing-banner .text-wrapper {
  position: absolute;
  width: 100%;
  left:0;
  top:280px;
  text-align: center;
  z-index: 1;
}
.landing-banner .text-wrapper h1 {
  font-family: 'CircularStdmed';
  font-size: 70px;
  color: #222222;
  padding-bottom: 18px;
}
.landing-banner .text-wrapper p {font-size: 32px;color: #222222;}
.landing-banner .shape {position: absolute;z-index: -1;}
.landing-banner .shape-one {top:5%;left:19%;animation: rotated 10s infinite linear;}
.landing-banner .shape-three {top:9%;left:29%; animation: animationFramesOne 15s infinite linear;}
.landing-banner .shape-three {top:29%;left:25%; animation: rotated 10s infinite linear;}
.landing-banner .shape-four {top:5%;right:19%; animation: animationFramesOne 12s infinite linear;}
.landing-banner .shape-five {top:9%;right:29%; animation: rotated 10s infinite linear;}
.landing-banner .shape-six {top:29%;right:25%; animation: rotated 10s infinite linear;}
.ln-action-banner-one {
  background: #ff4b69;
  padding: 30px 0;
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.ln-action-banner-two {
  background: #ff4b69;
  padding: 70px 0;
  text-align: center;
  color: #fff;
  font-size: 36px;
}
.ln-demo-title {text-align: center;}
.ln-demo-title h2 {
  font-family: 'CircularStdmed';
  font-size: 58px;
  line-height: 62px;
  color: #333333;
  text-transform: capitalize;
}
.ln-demo-title p {
  font-size: 18px;
  line-height: 32px;
  color: #7a7a7a;
  width: 60%;
  margin: 25px auto 0;
}
.ln-home-demo .single-page-demo {
  background: #fff;
  box-shadow: 0px 6px 37.6px 2.4px rgba(67, 75, 114, 0.06);
  border-radius: 5px;
  overflow:hidden;
  margin-bottom: 70px;
  position: relative;
}
.ln-home-demo .single-page-demo .new {
  position: absolute;
  line-height: 28px;
  padding: 0 10px;
  color: #fff;
  top:0;
  right: 0;
  font-size: 14px;
  text-transform: capitalize;
  z-index: 1;
  background: #ff3a46;
}
.ln-home-demo .single-page-demo .image-box {background: #1b1e3f;display: block;position: relative;overflow: hidden;}
.ln-home-demo .single-page-demo .image-box .icon {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 70px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50% , -50%);
  color: #fff;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.ln-home-demo .single-page-demo:not(.coming-soon):hover .image-box .icon {opacity: 1;}
.ln-home-demo .single-page-demo .image-box img {width: 100%;transition: all 0.6s ease-in-out;}
.ln-home-demo .single-page-demo:not(.coming-soon):hover .image-box img {opacity: 0.7;transform: scale3d(1.1,1.1,1);}
.ln-home-demo .single-page-demo .page-title {
  display: block;
  background: #fff;
  padding: 30px 0;
  font-size: 24px;
  color: #323232;
  text-align: center;
  transition: all 0.4s ease-in-out;
}
.ln-home-demo .single-page-demo:not(.coming-soon):hover .page-title {background: #1e2047; color: #fff; }
.coming-soon .img {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
}

.coming-soon .img h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: #FF3A46;
}

.coming-soon .img .overlay_link {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}

/*---------------------- Feature Section ---------------------*/
.ln-feature-section {background: #f7fbfd;padding: 120px 0 150px;}
.ln-feature-section .main-warpper {
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 65px;
}
.ln-feature-section .main-warpper .row {margin: 0 -30px;}
.ln-feature-section .main-warpper [class*="col-"] {padding: 0 30px;}
.ln-feature-section .main-warpper .single-block {
  background: #fff;
  border: 1px solid #f5f5f5;
  position: relative;
  padding: 55px 8% 55px 22%;
  margin-top: 50px;
  min-height: 237px;
}
.ln-feature-section .main-warpper .single-block h5 {color: #333333;}
.ln-feature-section .main-warpper .single-block p {color: #8a8a8a;padding-top: 15px;}
.ln-feature-section .main-warpper .single-block .icon {
  position: absolute;
  top:60px;
  left:8%;
}
/*--------------------- Shortcode ---------------------*/
.ln-shortcode .tr-table {border-top: 1px solid #f3f3f3;}
.ln-shortcode .tr-table [class*="col-"] {border-left: 1px solid #f3f3f3;}
.ln-shortcode .tr-table [class*="col-"]:first-child {border-left: none;}
.ln-shortcode .tr-table .td-table {
  text-align: center;
  padding: 120px 0 45px;
}
.ln-shortcode .tr-table:last-child .td-table {padding-bottom: 80px;}
.ln-shortcode .tr-table .td-table .icon {
  position: absolute;
  top:60px;
  left:50%;
  transform: translateX(-50%);
  transition: all 0.4s ease-in-out;
}
.ln-shortcode .tr-table .td-table:hover .icon {
  transform: translateX(-50%) scale(1.1);
}
.ln-shortcode .tr-table .td-table h6 {
  font-family: 'CircularStdmed';
  color: #333333;
  padding-top: 15px;
}
/*--------------------- Support Banner ----------------*/
.ln-support-banner {
  text-align: center;
  padding: 140px 0 170px;
}
.ln-support-banner .icon-box {
  width: 200px;
  height: 200px;
  border: 1px solid #eeeeee;
  border-radius: 50%;
  margin: 0 auto;
}
.ln-support-banner .icon-box img {
  margin: 0 auto;
  position: relative;
  top:50%;
  transform: translateY(-50%);
}
.ln-support-banner h2 {
  font-family: 'CircularStdmed';
  color: #333333;
  font-size: 58px;
  padding: 50px 0 28px;
}
.ln-support-banner p {color: #757575; font-size: 18px;}
/*----------------------- Footer -------------------*/
.ln-footer {
  background: url(img/footer.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-top: 125px;
}
.ln-footer:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  background: rgba(0,0,0,0.5);
  z-index: -1;
}
.ln-footer h1 {
  font-size: 48px;
  line-height: 65px;
  color: #fff;
  padding: 0 100px 50px;
}
.ln-footer .pr-button {
  width: 215px;
  line-height: 60px;
  background: #ff5874;
  border-radius: 30px;
  color: #fff;
  font-size: 20px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 100px;
}
.ln-footer .pr-button:hover {color: #ff5874;background: #fff;}
.ln-footer .screen {margin: 0 auto;}


/*----------------- Inner Page ----------------*/
.ln-inner-page-demo {background: #fff;padding: 120px 0 80px;}
.ln-inner-page-demo .inner-wrapper {padding: 0 30px;}
.isotop-menu-wrapper {text-align: center; padding-bottom: 30px;}
.isotop-menu-wrapper li:first-child {display: none;}
.isotop-menu-wrapper li {
  display: inline-block;
  line-height: 35px;
  margin: 10px 10px 0;
  padding: 0 10px;
  font-size: 17px;
  color: #000;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.isotop-menu-wrapper li.is-checked {
  background: #FF3A46;
  color: #fff;
  border-radius: 3px;
}
.ln-inner-page-demo #isotop-gallery-wrapper .isotop-item,
.ln-inner-page-demo #isotop-gallery-wrapper .grid-sizer {
  width: 33.33333333%;
  padding: 0 20px;
}
.ln-inner-page-demo .inner-wrapper .single-page {
  margin-top: 70px;
  border:1px solid #f3f3f3;
  border-radius: 5px 5px 0 0;
  transition: all 0.4s ease-in-out;
}
.ln-inner-page-demo .inner-wrapper .single-page:hover {transform: translateY(-5px);box-shadow: 0px 6px 37.6px 2.4px rgba(67, 75, 114, 0.07);}
.ln-inner-page-demo .inner-wrapper .single-page a {display: block;position: relative;}
.ln-inner-page-demo .inner-wrapper .single-page a .new {
  position: absolute;
  line-height: 25px;
  padding: 0 10px;
  color: #fff;
  top:0;
  right: 0;
  font-size: 14px;
  background: #ff3a46;
}
.ln-inner-page-demo .inner-wrapper .single-page a img {
  transition: all 0.4s ease-in-out;
  border-radius: 5px 5px 0 0;
  width: 100%;
}
.ln-inner-page-demo .inner-wrapper .single-page a span {
  font-family: 'CircularStdmed';
  display: block;
  background: #fff;
  text-align: center;
  padding: 35px 0 30px;
  font-size: 20px;
  color: #1c1c1c;
  text-transform: capitalize;
  border-top: 1px solid #f9f9f9;
}
.video-wrapper {text-align: center;}
.ln-lang-demo a {
  color: #FF3A46; 
  line-height: 52px; 
  transition: all 0.3s ease-in-out;
  margin-left: 50px;
}
.ln-lang-demo a:hover {
  color: #ffff;
  background: #FF3A46;
}
/*---------------- Header feature ----------------*/
.header-demos {position: relative;padding: 300px 0;}
.header-demos .ln-demo-title {text-align: left;}
.header-demos .ln-demo-title h2 {font-size: 48px;}
.header-demos .ln-demo-title p {width: 100%;}
.header-demos .ln-demo-title a {
  background: #FF3A46;
  line-height: 45px;
  border-radius: 3px;
  margin-top: 30px;
  
}
.header-demos .ln-demo-title a:before {
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}
.header-demos img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 50%;
}

.sketch-file-text {text-align: center;}
.sketch-file-text .icon-box {
  width: 130px;
  height: 130px;
  background: #fff;
  margin: 0 auto 35px;
  box-shadow: 0px 0px 43px 0px rgba(122, 125, 134, 0.15);
  border-radius: 50%;
}
.sketch-file-text .icon-box img {
  width: 80px;  
}
.sketch-file-text h5 {font-size: 35px;color: #ff3a46;}


@media (max-width: 1366px) {
  .ln-feature-section .main-warpper .single-block .icon {left:3%;}
}
@media (max-width: 1999px) {
  .ln-footer h1 {padding-left: 0;padding-right: 0;}
}
@media (max-width: 1199px) {
  .header-demos {padding: 0;}
}
@media (max-width: 991px) {
  .landing-menu .container {max-width: 100%;}
  .landing-menu {padding: 10px 0;}
  #feature-menu .nav-item .nav-link {font-size: 18px;padding: 0 15px;}
  .landing-menu.fixed {padding: 2px 0;}
  .header-demos img {
    position: static;
    transform: none;
    width: 100%;
    margin: 40px auto 0;
  }
  .ln-inner-page-demo #isotop-gallery-wrapper .isotop-item, .ln-inner-page-demo #isotop-gallery-wrapper .grid-sizer {
    width: 50%;
    padding: 0 15px;
  }
  .ln-shortcode {margin-top: 0;padding-top: 120px;}
}
@media (max-width: 767px) {
  .landing-banner {height: 600px;}
  .landing-menu .d-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .landing-menu .d-flex .logo,
  .landing-menu .d-flex .buy-button {-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .landing-menu .d-flex .navbar {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #feature-menu {padding: 20px 0;}
  .landing-menu .d-flex .buy-button {margin: 0;}
  .landing-banner .shape {display: none;}
  .landing-menu.fixed .logo,
  .landing-menu.fixed .buy-button {display: none;}
  .landing-menu .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .landing-menu .collapse {display: block;}
  .landing-banner .screen {
    position: absolute;
    width: 100%;
    bottom: 0;
    left:0;
  }
  .landing-banner .text-wrapper h1 {font-size: 50px;padding-bottom: 12px;}
  .landing-banner .text-wrapper p {font-size: 20px;}
  .landing-banner .text-wrapper {top:180px;}
  .ln-action-banner-one {font-size: 18px;}
  .ln-home-demo {margin: 50px 0 0; padding-top: 100px;}
  .ln-demo-title h2,.ln-footer h1,.header-demos .ln-demo-title h2 {font-size: 40px;line-height: 55px;}
  .ln-demo-title h2 br {display: none;}
  .ln-home-demo .single-page-demo {margin-bottom: 50px;}
  .ln-feature-section .main-warpper {padding: 0 15px;}
  .ln-demo-title p {width: 100%;margin-top: 0;}
  .ln-feature-section,.ln-support-banner {padding: 100px 0 120px;}
  .video-wrapper iframe {width: 100%;height: 350px;}
  .ln-inner-page-demo .inner-wrapper .single-page {margin-top: 40px;}
  .ln-inner-page-demo #isotop-gallery-wrapper .isotop-item, .ln-inner-page-demo #isotop-gallery-wrapper .grid-sizer {
    width: 50%;
    padding: 0 15px;
  }
}

@media (max-width: 450px) {
  .landing-banner {height: 550px;}
  .ln-shortcode .tr-table [class*="col-"] {border: none;}
  .ln-inner-page-demo #isotop-gallery-wrapper .isotop-item, .ln-inner-page-demo #isotop-gallery-wrapper .grid-sizer {
    width: 100%;
    padding: 0 15px;
  }
}