@font-face {
  font-family: "experiture";
  src: url("fonts/experiture.eot?oz93jv");
  src: url("fonts/experiture.eot?oz93jv#iefix") format("embedded-opentype"),
    url("fonts/experiture.woff2?oz93jv") format("woff2"),
    url("fonts/experiture.ttf?oz93jv") format("truetype"),
    url("fonts/experiture.woff?oz93jv") format("woff"),
    url("fonts/experiture.svg?oz93jv#experiture") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "experiture" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bar-code:before {
  content: "\e900";
  color: #666;
}
.icon-email:before {
  content: "\e901";
  color: #666;
}
.icon-geo:before {
  content: "\e902";
  color: #666;
}
.icon-imb:before {
  content: "\e903";
  color: #666;
}
.icon-inbound:before {
  content: "\e904";
  color: #666;
}
.icon-ivr:before {
  content: "\e905";
  color: #666;
}
.icon-lead:before {
  content: "\e906";
  color: #666;
}
.unify-banner {
  background: url("../images/unify-bg\ -v2.jpg") top right no-repeat !important;
  min-height: 550px !important;
  background-size: 100% !important;
}
.banner {
  background: url("../images/omni_hero.jpg") center center no-repeat;
}
.omni-content {
  text-align: center;
}
.omni-content h2 {
  margin-bottom: 30px;
  font-size: 50px;
}
.omni-content p {
  font-size: 26px;
}
.slide-content {
  padding: 0 50px;
}
.banner_rotated_c .banner_rotated {
  color: #666;
}

.omni-area .btn {
  background: #80c355;
  border: 1px solid #80c355;
  color: #fff;
}
.omni-area .btn:hover {
  background: #fff;
  color: #80c355;
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 1;
}
.omnichannel .omni-slide .box {
  width: 560px;
  padding: 20px;
  border: 0px;
  position: relative;
  margin: 0px auto;
}
.omnichannel .ac-slide-img {
  position: relative !important;
}
.omnichannel .omni-slide .box .carousel-control-next {
  right: -177px;
}
.omnichannel .omni-slide .box .carousel-control-prev {
  left: -45px;
  top: 210px;
  opacity: 1;
}
/*Snajay CSS*/
.slider-action {
  /*background: url(../images/fluid-line.png) right top 36px repeat-x;*/
}

.omnichannel .asc-action {
  margin: 0px auto;
  border-bottom: 0px;
  width: 90%;
  display: table;
  table-layout: fixed;
}

.omni-area .asc-action li {
  width: 70px;
  display: table-cell;
  float: none;
  background: transparent;
  cursor: auto;
}
.omni-area .asc-action li .it-img {
  background: #fff;
  width: 70px;
  height: 70px;
  display: inline-block;
  border: 1px solid #666;
  border-radius: 50px;
  margin: 0px auto;
  background-position: top 18px left 18px !important;
}
.omni-area .asc-action li .it-img:hover {
  background-position: top -50px left 18px !important;
  border: 1px solid #80c355;
}
.omni-area .asc-action li .purl {
  background: url(../icons/purls.png) no-repeat #fff;
}
.omni-area .asc-action li .qr {
  background: url(../icons/qrcode.png) no-repeat #fff;
}
.omni-area .asc-action li .imb {
  background: url(../icons/imb.png) no-repeat #fff;
}
.omni-area .asc-action li .it-text {
  text-align: center;
  display: block;
  font-size: 11px;
  margin-top: 0px;
}
.banner_rotated_c {
  text-align: center;
  margin-top: 50px;
}
.omnichannel .carousel-indicators {
  z-index: 1;
}
svg {
  width: 70px;
  height: 70px;
}
svg:hover path {
  stroke: #80c355 !important;
  transition: all ease 0.3s;
  fill: #80c355;
}

svg .nfil {
  fill: #fff;
}

svg:hover .nfil {
  fill: #fff !important;
}

.active svg .ncal {
  stroke: #80c355 !important;
  fill: #80c355 !important;
}

.button {
  margin-left: 0px;
}

.omnichannel li.active svg path {
  stroke: #80c355 !important;
  transition: all ease 0.3s;
}
.omnichannel li.active .svg-fill {
  fill: #80c355 !important;
}
.omnichannel .asc-action li,
.omnichannel .asc-action li.active {
  border: 0;
  padding: 0;
}
.slider-action ul li a.icon-img {
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  width: 81px;
  height: 70px;
  display: inline-block;
}
.slider-action ul li a.omni-icon-1 {
  background-image: url(../images/icons/omni-icon-1.png);
}
.slider-action ul li a.omni-icon-1:hover {
  background-image: url(../images/icons/omni-icon-1-h.png);
}
.slider-action ul li a.omni-icon-2 {
  background-image: url(../images/icons/omi-icon-2.png);
}
.slider-action ul li a.omni-icon-2:hover {
  background-image: url(../images/icons/omni-icon-2-h.png);
}
.slider-action ul li a.omni-icon-3 {
  background-image: url(../images/icons/omni-icon-3.png);
}
.slider-action ul li a.omni-icon-3:hover {
  background-image: url(../images/icons/omni-icon-3-h.png);
}
.slider-action ul li a.omni-icon-4 {
  background-image: url(../images/icons/omni-icon-4.png);
}
.slider-action ul li a.omni-icon-4:hover {
  background-image: url(../images/icons/omni-icon-4-h.png);
}
.slider-action ul li a.omni-icon-5 {
  background-image: url(../images/icons/omni-icon-5.png);
}
.slider-action ul li a.omni-icon-5:hover {
  background-image: url(../images/icons/omni-icon-5-h.png);
}
.slider-action ul li a.omni-icon-6 {
  background-image: url(../images/icons/omni-icon-6.png);
}
.slider-action ul li a.omni-icon-6:hover {
  background-image: url(../images/icons/omni-icon-6-h.png);
}
.slider-action ul li a.omni-icon-7 {
  background-image: url(../images/icons/omni-icon-7.png);
}
.slider-action ul li a.omni-icon-7:hover {
  background-image: url(../images/icons/omni-icon-7-h.png);
}
.slider-action ul li a.omni-icon-8 {
  background-image: url(../images/icons/omni-icon-8.png);
}
.slider-action ul li a.omni-icon-8:hover {
  background-image: url(../images/icons/omni-icon-8-h.png);
}
.slider-action ul li img {
  width: 60%;
}
.omnichannel li.active .svg-fill:hover {
  fill: #80c355 !important;
}

.slide-content {
  text-align: center;
}
.slide-content ul {
  margin: 0px;
  padding: 0px;
}
.slide-content li {
  list-style: none;
  margin: 50px 0px;
  font-size: 22px;
}
.slide-content li h3 {
  font-size: 50px;
  font-weight: 500;
}
.slide-content li img {
  max-width: 100%;
}
.anm-mid h3 {
  font-size: 36px;
  font-weight: 600;
  color: #666;
  margin-top: 50px;
  line-height: 50px !important;
  padding-right: 5px;
}
@media only screen and (max-width: 1440px) {
  .slide-content li {
    font-size: 18px;
  }
  .slide-content li h3 {
    font-size: 36px;
  }
  .omni-content h2 {
    font-size: 36px;
    font-weight: 500;
  }
  .omni-content p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1200px) {
  .slide-content li {
    font-size: 16px;
  }
  .slide-content li h3 {
    font-size: 30px;
  }
  .omnichannel .asc-action {
    width: 90%;
  }
  /* .omni-area .asc-action li {
    width: 50px;
  } */
  svg {
    width: 50px;
    height: 50px;
  }
  .omni-area .asc-action li span {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .slide-content {
    padding: 0 30px;
  }
  .omnichannel .omni-slide .box .carousel-control-prev {
    top: 100px;
  }
  .access-area .ac-slide-img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 810px) {
  .access-area .asc-action {
    width: 100% !important;
  }
  .slide-content li h3 {
    font-size: 30px;
  }
  .slider-action {
    background: none;
  }
  .asc-action .active {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 600px) {
  .omnichannel .omni-slide .box {
    width: 100%;
  }
  .omnichannel .asc-action li:first-child {
    margin-left: 0px;
  }
  .omnichannel .asc-action li:last-child {
    margin-right: 0px;
  }
  .asc-action {
    border: 0px;
  }

  .omnichannel .asc-action .active {
    margin-top: 10px !important;
  }
  svg {
    width: 40px;
    height: 40px;
  }
  .omnichannel.asc-action li {
    margin: 0px !important;
    display: table-cell;
  }
  .omni-area .asc-action li {
    width: 70px;
    display: inline-block;
  }
}
@media only screen and (max-width: 400px) {
  svg {
    width: 30px;
    height: 30px;
  }
}

/*Snajay CSS*/
.data-layer {
  background: url(../images/six-key-bg.jpg) 0 0 no-repeat;
  background-size: cover;
  position: relative;
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 18px;
  background-attachment: fixed;
}
.data-layer .data-slide {
  padding: 60px 0;
}
.data-layer .container {
  position: relative;
}
.data-layer .overlay {
  position: absolute; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(4, 32, 79, 0.7); /* Black background with opacity */
}
.data-layer .data-slide-img {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
  height: auto;
}
.data-layer .bg-img {
  position: absolute;
  top: 0px;
  right: 0px;
}
.data-layer h2 {
  margin-bottom: 50px;
}
.data-layer .box {
  width: 460px;
}
.data-layer .box .box-id {
  float: left;
  color: #80c355;
  font-size: 60px;
  width: 80px;
}
.data-layer .box .box-cnt {
  float: left;
  color: #fff;
  width: 360px;
  padding-top: 20px;
  font-size: 14px;
}
.data-layer .box .box-cnt h3 {
  font-weight: bold;
  font-size: 20px;
}

.data-layer .box .md-action {
  margin: 20px 0 0 80px;
  position: relative;
}
.data-layer .box .md-action .carousel-control-next,
.carousel-control-prev {
  opacity: 1;
  position: relative;
  float: left;
}
.data-layer .box .md-action .btn {
  background: #fff;
  padding: 7px 10px;
  border: 1px solid #80c355;
  border-radius: 50px;
  color: #80c355;
  width: 32px;
  height: 32px;
}
.data-layer .box .md-action .btn:hover {
  background: #80c355;
  color: #fff;
}

.data-layer .asc-action {
  margin-bottom: -60px;
}

.slick-dots {
  display: none !important;
}
.footer-slider h2 {
  margin-bottom: 30px;
}

.mid-content .col-lg-8 {
  max-width: 500px;
}
@media only screen and (max-width: 1780px) {
  .mid-content .col-lg-8 {
    max-width: 500px;
    font-size: 28px;
  }
}
@media only screen and (max-width: 1700px) {
  .mid-content .col-lg-8 {
    max-width: 430px;
    font-size: 26px;
  }
}
@media only screen and (max-width: 1650px) {
  .mid-content {
    padding-top: 50px !important;
  }
  .annimation-banner {
    background: url(../images/overview_hero3.svg) bottom right no-repeat !important;
  }
}
@media only screen and (max-width: 1500px) {
  .mid-content {
    padding-top: 50px !important;
  }
  .annimation-banner {
    background: url(../images/overview_hero_v3.jpg) bottom right no-repeat !important;
  }
  .annimation-banner h3 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 1400px) {
  .why-mortgage ul li {
    min-height: 235px;
  }
  .annimation-banner h3 {
    font-size: 40px;
  }
  .mid-content .col-lg-8 {
    max-width: 400px;
    font-size: 24px;
  }
  .mid-content .col-lg-10 {
    max-width: 500px;
  }
  .mid-content {
    padding-top: 80px !important;
  }
  .annimation-banner {
    background: url(../images/overview_hero_v3.jpg) top right no-repeat !important;
    min-height: 600px !important;
  }
  /*Sanjay CSS*/
  .unify-content {
    padding-top: 150px !important;
  }
  .unify-banner {
    background: url(../images/unify-bg.jpg) top right no-repeat !important;
    min-height: 650px !important;
    background-size: 100% !important;
  }
  /*Sanjay CSS*/
  .main-content .contant-stage {
    padding: 40px;
  }
  .slick-dotted.slick-slider {
    min-height: auto !important;
  }
  .slick-prev,
  .slick-next {
    top: 30% !important;
  }
}
@media only screen and (max-width: 1293px) {
  .why-mortgage ul li {
    min-height: 260px;
  }
}
@media only screen and (max-width: 1280px) {
  .mid-content .col-lg-8 {
    max-width: 400px;
  }
  .annimation-banner {
    background: url(../images/overview_hero_v4.jpg) top right no-repeat !important;
    min-height: 500px !important;
  }
  .data-layer ul li a {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1200px) {
  .why-mortgage ul li {
    min-height: 290px;
    font-size: 16px;
  }
  .mid-content .col-lg-8 {
    font-size: 20px;
  }
  .mid-content .col-lg-10 {
    max-width: 450px;
  }
  .annimation-banner h3 {
    font-size: 34px;
  }
  .mid-content .col-lg-8 {
    max-width: 350px;
  }
}
@media only screen and (max-width: 1160px) {
  .mid-content .col-lg-8 {
    max-width: 330px;
  }
}
@media only screen and (max-width: 1120px) {
  .mid-content .col-lg-8 {
    max-width: 300px;
    font-size: 19px;
  }
}
@media only screen and (max-width: 1100px) {
  .mid-content .col-lg-8 {
    max-width: 280px;
    font-size: 17px;
  }
  .mid-content .col-lg-10 {
    max-width: 360px;
  }
  .annimation-banner h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1080px) {
  .why-mortgage ul li h3 {
    font-size: 30px;
  }
  .mid-content .col-lg-8 {
    max-width: 240px;
    font-size: 16px;
  }
  .annimation-banner h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1050px) {
  .mid-content .col-lg-8 {
    max-width: 230px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 1020px) {
  .annimation-banner h3 {
    font-size: 26px;
  }
  .mid-content .col-lg-8 {
    max-width: 220px;
  }
}
@media only screen and (max-width: 991px) {
  .why-mortgage ul li {
    font-size: 18px;
    min-height: 250px;
  }
  .why-mortgage ul li h3 {
    font-size: 44px;
  }
  .mid-content .col-lg-10 {
    max-width: 500px;
  }
  .annimation-banner h3 {
    font-size: 40px;
  }
  .mid-content .col-lg-8 {
    max-width: 400px;
    font-size: 24px;
  }
}
@media screen and (max-height: 575px) {
  .why-mortgage ul li {
    font-size: 18px;
    min-height: 250px;
  }
  .why-mortgage ul li h3 {
    font-size: 44px;
  }
  .mid-content .col-lg-10 {
    max-width: 500px;
  }
  .annimation-banner h3 {
    font-size: 40px;
  }
  .mid-content .col-lg-8 {
    max-width: 400px;
    font-size: 24px;
  }
  .left-menu {
    left: auto !important;
    margin-left: auto !important;
  }
  .main-content {
    width: 100% !important;
    margin-left: 0px !important;
  }
  .navbar-light .navbar-toggler {
    top: 8px;
  }
  .carousel-item .main-content,
  .access-area .main-content,
  .footer-form .main-content {
    width: 100% !important;
    margin: 0px !important;
  }
}
@media only screen and (max-width: 950px) {
  .mid-content {
    float: left;
  }
  .mid-content .anm-mid {
    float: left;
    width: 55%;
  }
  .mid-content .col-lg-8 {
    max-width: 100%;
    width: 100%;
    font-size: 20px;
  }
  .mid-content .col-lg-10 {
    max-width: 100%;
    width: 100%;
  }
  .annimation-banner {
    background: none !important;
    min-height: auto !important;
  }
  .anm_mob_bg {
    display: block;
    width: 40%;
    float: right;
    text-align: right;
  }
  .anm_mob_bg img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 915px) {
  .annimation-banner h3 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 830px) {
  .annimation-banner h3 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 800px) {
  .annimation-banner h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .mid-content .col-lg-8 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 810px) {
  .mobslide {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .annimation-banner h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 680px) {
  .why-mortgage ul li {
    font-size: 17px;
  }
  .annimation-banner h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 640px) {
  .annimation-banner h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 610px) {
  .why-mortgage ul li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .why-mortgage ul li {
    min-height: auto;
    font-size: 18px;
    border: 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
  }
  .anm_mob_bg {
    width: 100%;
    text-align: center;
  }
  .anm_mob_bg img {
    width: 300px;
  }
  .mid-content .anm-mid {
    width: 100%;
    margin-top: 30px;
  }
  .data-layer ul li h4 {
    font-size: 18px;
  }
  .data-layer ul li p {
    font-size: 15px;
  }
  .data-layer ul li a {
    font-size: 15px;
    padding: 7px 40px 7px 28px;
  }
  .why-mortgage h2 {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 380px) {
  .anm_mob_bg img {
    width: 250px;
  }
}

.banner {
  background: #010c2e url(../images/omni-banner.png) center center no-repeat;
}
h2 {
  text-align: center;
}
.omni-content {
  text-align: center;
}
.omni-content h2 {
  color: #666;
  margin-bottom: 30px;
  font-size: 36px !important;
  font-weight: 600;
}
.omni-content p {
  font-size: 18px;
  margin-bottom: 50px;
}
.mobslide {
  display: none;
}
.slick-slide {
  text-align: center;
}
.banner_rotated_c .banner_rotated {
  color: #666;
}

.annimation-banner {
  background: url(../images/overview_hero_v2.jpg) bottom right no-repeat !important;
  min-height: 650px !important;
  font-size: 24px;
}
.annimation-banner h3 {
  font-size: 50px;
}
.anm_mob_bg {
  display: none;
}

.data-layer h2 {
  text-align: center;
  /* margin-bottom: 10px; */
  font-weight: 600;
  line-height: 50px;
  width: 86%;
  margin: 0 auto;
	font-size: 2rem !important;
}
.data-layer ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.data-layer ul li {
  text-align: center;
  width: 33.3%;
  float: left;
  list-style: none;
  padding: 50px 5% 0px 5%;
}
.data-layer ul li img {
  max-width: 50%;
  height: auto;
}
.data-layer ul li h4 {
  text-transform: uppercase;
  color: #fff;
  font-size: 18px !important;
  font-weight: bold !important;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 25px !important;
}
.data-layer ul li a {
  background: #80c355;
  color: #fff;
  font-size: 15px;
  padding: 7px 30px 7px 18px;
  border-radius: 20px;
  transform: 0.5s;
  position: relative;
}
.data-layer ul li a::after {
  content: ">";
  padding-left: 10px;
  padding-top: 5px;
  transition: 0.5s;
  position: absolute;
  top: 2px;
}
.data-layer ul li a:hover {
  background: #639c3f;
  color: #fff;
  text-decoration: none;
}
.data-layer ul li a:hover:before {
  padding-left: 30px;
}
.data-layer ul li p {
  font-size: 15px;
  margin-bottom: 30px;
}

.why-mortgage h2 {
  margin-bottom: 40px;
}
.why-mortgage ul {
  margin: 0px;
  padding: 0px;
}
.why-mortgage ul li {
  list-style: none;
  width: 30.2%;
  float: left;
  border: 1px solid #666;
  padding: 30px;
  margin: 1.5%;
  font-size: 18px;
}
.why-mortgage ul li h3 {
  color: #80c355;
  font-size: 44px;
  margin-bottom: 10px;
}
.slider {
  width: 90%;
  margin: 0px auto;
}
.slick-slide {
  margin: 0px;
  opacity: 0;
}
.slick-active {
  opacity: 1;
}
.slick-slide img {
  width: 80% !important;
  height: auto;
}
.slick-prev:before,
.slick-next:before {
  color: black;
  display: none;
}
.banner h1 {
	font-size: 2rem !important;
}
@media only screen and (max-width: 2300px) {
  .why-mortgage ul li br {
    display: none;
  }
}
@media only screen and (max-width: 1440px) {
  .data-layer ul li p br {
    display: none;
  }
  .data-layer ul li h4 {
    font-size: 16px !important;
  }
  .slide-content li {
    font-size: 18px;
  }
  .slide-content li h3 {
    font-size: 36px;
  }
  .omni-content h2 {
    font-size: 36px;
    font-weight: 600;
    color: #666;
  }
  .omni-content p {
    font-size: 18px;
  }
  .data-layer ul li p {
    font-size: 12px;
  }
  .why-mortgage ul li br {
    display: block;
  }
}
@media only screen and (max-width: 1280px) {
  .data-layer ul li a::after {
    top: 3px;
  }
}
@media only screen and (max-width: 1274px) {
  .why-mortgage ul li {
    min-height: 280px;
  }
  .data-layer ul li p {
    min-height: 90px;
  }
  .data-layer ul li h4 {
    min-height: 40px;
  }
}

@media only screen and (max-width: 1200px) {
  .why-mortgage ul li {
    min-height: 350px;
  }
  .slide-content li {
    font-size: 16px;
  }
  .slide-content li h3 {
    font-size: 30px;
  }
  .omnichannel .asc-action {
    width: 90%;
  }
  /* .omni-area .asc-action li {
    width: 50px;
  } */
  svg {
    width: 50px;
    height: 50px;
  }
  .omni-area .asc-action li span {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .data-layer ul li h4 {
    min-height: auto;
  }
  .data-layer ul li p {
    min-height: auto;
  }
  .data-layer ul li {
    width: 50%;
    margin-bottom: 30px;
  }
  .why-mortgage ul li {
    width: 47%;
  }
  .data-layer {
    padding: 30px 0;
  }
  .banner_rotated {
    writing-mode: unset;
    border-left: 0px;
    padding-left: 0px;
    padding-top: 40px;
    border-bottom: 2px solid #8bc34a;
    font-size: 22px;
  }
  .omnichannel .omni-slide .box .carousel-control-prev {
    top: 100px;
  }
  .why-mortgage ul li {
    font-size: 16px;
    min-height: 230px;
  }
  .why-mortgage ul li br {
    display: none;
  }
  .main-content .contant-stage {
    padding: 30px !important;
  }
  .annimation-banner {
    min-height: 400px;
    background: url(../images/overview_animation_bg.jpg) bottom right no-repeat;
    background-size: cover;
  }
  .data-layer ul li p {
    height: 60px;
  }
}
@media only screen and (max-width: 810px) {
  .access-area .asc-action {
    width: 100% !important;
  }
  .slide-content li h3 {
    font-size: 30px;
  }
  .why-mortgage ul li {
    min-height: 250px;
  }
  .asc-action .active {
    margin-top: 10px !important;
  }
  .footer-slider .slick-next,
  .slick-prev {
    display: none !important;
  }
  .slick-slider {
    display: none !important;
  }
  .mobslide {
    text-align: center;
  }
  .mobslide img {
    margin: 10px;
    width: 100px;
    height: auto;
  }
}
@media only screen and (max-width: 716px) {
  .why-mortgage ul li {
    width: 47%;
  }
  .annimation-banner h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .annimation-banner p {
    font-size: 16px;
  }
  .annimation-banner {
    background-size: 100%;
  }
  .annimation-banner .col-lg-5 {
    width: 70%;
    min-width: 70%;
  }
  .annimation-banner .col-md-5 {
    width: 70%;
    min-width: 70%;
  }
  .annimation-banner .col-sm-5 {
    width: 70%;
    min-width: 70%;
  }
}
@media only screen and (max-width: 600px) {
  .slider-action {
    display: block;
  }
  .data-layer ul li {
    width: 100%;
  }
  .data-layer ul li p {
    height: auto;
  }
  .omnichannel .omni-slide .box {
    width: 100%;
  }
  .omnichannel .asc-action li:first-child {
    margin-left: 0px;
  }
  .omnichannel .asc-action li:last-child {
    margin-right: 0px;
  }
  .asc-action {
    border: 0px;
  }
  .why-mortgage ul li {
    width: 100%;
    margin: 0px 0px 30px 0px;
    min-height: auto;
    font-size: 18px;
    text-align: center;
  }
  .omnichannel .asc-action .active {
    margin-top: 10px !important;
  }
  svg {
    width: 40px;
    height: 40px;
  }
  .omnichannel.asc-action li {
    margin: 0px !important;
    display: table-cell;
  }
  .annimation-banner .col-lg-5,
  .col-md-5,
  .col-sm-5 {
    width: 100%;
    min-width: 100%;
    text-align: center;
  }
  .annimation-banner {
    min-height: 300px;
  }
}
@media only screen and (max-width: 480px) {
  .why-mortgage .contant-stage {
    padding: 30px !important;
  }
  .annimation-banner {
    background: none;
    min-height: auto;
  }
}
@media only screen and (max-width: 400px) {
  svg {
    width: 30px;
    height: 30px;
  }
}

.slick-dots {
  display: none !important;
}
.footer-slider h2 {
  margin-bottom: 30px;
	font-size: 2rem !important;
}

.mid-content .col-lg-8 {
  max-width: 500px;
}
@media only screen and (max-width: 1780px) {
  .mid-content .col-lg-8 {
    max-width: 500px;
    font-size: 28px;
  }
}
@media only screen and (max-width: 1700px) {
  .mid-content .col-lg-8 {
    max-width: 430px;
    font-size: 26px;
  }
}
@media only screen and (max-width: 1650px) {
  .mid-content {
    padding-top: 50px !important;
  }
  .annimation-banner {
    background: url(../images/overview_hero3.svg) bottom right no-repeat !important;
  }
}
@media only screen and (max-width: 1500px) {
  .mid-content {
    padding-top: 50px !important;
  }
  .annimation-banner {
    background: url(../images/overview_hero_v3.jpg) bottom right no-repeat !important;
  }
  .annimation-banner h3 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 1400px) {
  .why-mortgage ul li {
    min-height: 235px;
  }
  .annimation-banner h3 {
    font-size: 40px;
  }
  .mid-content .col-lg-8 {
    max-width: 400px;
    font-size: 24px;
  }
  .mid-content .col-lg-10 {
    max-width: 500px;
  }
  .mid-content {
    padding-top: 180px !important;
  }
  .annimation-banner {
    background: url(../images/unify_bg.jpg) top right no-repeat !important;
    min-height: 600px !important;
  }
  .main-content .contant-stage {
    padding: 40px;
  }
  .slick-dotted.slick-slider {
    min-height: auto !important;
  }
  .slick-prev,
  .slick-next {
    top: 30% !important;
  }
}
@media only screen and (max-width: 1293px) {
  .why-mortgage ul li {
    min-height: 260px;
  }
}
@media only screen and (max-width: 1280px) {
  .mid-content .col-lg-8 {
    max-width: 400px;
  }
  .annimation-banner {
    background: url(../images/overview_hero_v4.jpg) top right no-repeat !important;
    min-height: 500px !important;
  }
  .data-layer ul li a {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1200px) {
  .why-mortgage ul li {
    min-height: 290px;
    font-size: 16px;
  }
  .mid-content .col-lg-8 {
    font-size: 20px;
  }
  .mid-content .col-lg-10 {
    max-width: 450px;
  }
  .annimation-banner h3 {
    font-size: 34px;
  }
  .mid-content .col-lg-8 {
    max-width: 350px;
  }
}
@media only screen and (max-width: 1160px) {
  .mid-content .col-lg-8 {
    max-width: 330px;
  }
}
@media only screen and (max-width: 1120px) {
  .mid-content .col-lg-8 {
    max-width: 300px;
    font-size: 19px;
  }
}
@media only screen and (max-width: 1100px) {
  .mid-content .col-lg-8 {
    max-width: 280px;
    font-size: 17px;
  }
  .mid-content .col-lg-10 {
    max-width: 360px;
  }
  .annimation-banner h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1080px) {
  .why-mortgage ul li h3 {
    font-size: 30px;
  }
  .mid-content .col-lg-8 {
    max-width: 240px;
    font-size: 16px;
  }
  .annimation-banner h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1050px) {
  .mid-content .col-lg-8 {
    max-width: 230px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 1020px) {
  .annimation-banner h3 {
    font-size: 26px;
  }
  .mid-content .col-lg-8 {
    max-width: 220px;
  }
}
@media only screen and (max-width: 991px) {
  .why-mortgage ul li {
    font-size: 18px;
    min-height: 250px;
  }
  .why-mortgage ul li h3 {
    font-size: 44px;
  }
  .mid-content .col-lg-10 {
    max-width: 500px;
  }
  .annimation-banner h3 {
    font-size: 40px;
  }
  .mid-content .col-lg-8 {
    max-width: 400px;
    font-size: 24px;
  }
}
@media screen and (max-height: 575px) {
  .why-mortgage ul li {
    font-size: 18px;
    min-height: 250px;
  }
  .why-mortgage ul li h3 {
    font-size: 44px;
  }
  .mid-content .col-lg-10 {
    max-width: 500px;
  }
  .annimation-banner h3 {
    font-size: 40px;
  }
  .mid-content .col-lg-8 {
    max-width: 400px;
    font-size: 24px;
  }
  .left-menu {
    left: auto !important;
    margin-left: auto !important;
  }
  .main-content {
    width: 100% !important;
    margin-left: 0px !important;
  }
  .navbar-light .navbar-toggler {
    top: 8px;
  }
  .carousel-item .main-content,
  .access-area .main-content,
  .footer-form .main-content {
    width: 100% !important;
    margin: 0px !important;
  }
}
@media only screen and (max-width: 950px) {
  .mid-content {
    float: left;
  }
  .mid-content .anm-mid {
    float: left;
    width: 55%;
  }
  .mid-content .col-lg-8 {
    max-width: 100%;
    width: 100%;
    font-size: 20px;
  }
  .mid-content .col-lg-10 {
    max-width: 100%;
    width: 100%;
  }
  .annimation-banner {
    background: none !important;
    min-height: auto !important;
  }
  .anm_mob_bg {
    display: block;
    width: 40%;
    float: right;
    text-align: right;
  }
  .anm_mob_bg img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 915px) {
  .annimation-banner h3 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 830px) {
  .annimation-banner h3 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 800px) {
  .annimation-banner h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .mid-content .col-lg-8 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 810px) {
  .mobslide {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .annimation-banner h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 680px) {
  .why-mortgage ul li {
    font-size: 17px;
  }
  .annimation-banner h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 640px) {
  .annimation-banner h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 610px) {
  .why-mortgage ul li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .why-mortgage ul li {
    min-height: auto;
    font-size: 18px;
    border: 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
  }
  .anm_mob_bg {
    width: 100%;
    text-align: center;
  }
  .anm_mob_bg img {
    width: 300px;
  }
  .mid-content .anm-mid {
    width: 100%;
    margin-top: 30px;
  }
  .data-layer ul li h4 {
    font-size: 18px;
  }
  .data-layer ul li p {
    font-size: 15px;
  }
  .data-layer ul li a {
    font-size: 15px;
    padding: 7px 40px 7px 28px;
  }
  .why-mortgage h2 {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 380px) {
  .anm_mob_bg img {
    width: 250px;
  }
}