/*
******* :: INDEX OF RESPONSIVE CSS :: *******
:: 1.0 COMMON CSS
:: 2.0 HEADER AREA CSS
:: 3.0 WELCOME AREA CSS
:: 4.0 FEATURES AREA CSS
:: 5.0 COUNTER AREA CSS
:: 6.0 SCREENSHOTS AREA CSS
:: 7.0 TESTIMONIAL AREA CSS
:: 8.0 PRICE PLAN AREA CSS
:: 9.0 FAQ AREA CSS
:: 10.0 CONTACT AREA CSS
:: 11.0 FOOTER AREA CSS
:: 12.0 Pricing AREA CSS
:: 13.0 My Apps
:: 14.0 Blog
****************************** */

/* ******************************
:: 1.0 COMMON CSS
****************************** */

/* *SECTION HEADING*/

@media (max-width: 991px) {
  bloks-h1 {
    font-size: 3em !important;
  }

  bloks-h2 {
    font-size: 36px !important;
  }
  bloks-h2-5 {
    font-size: 26px !important;
  }

  about-head {
    font-size: 2.4em !important;
  }

  .bloks-section-heading {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  bloks-h1 {
    font-size: 2.8em !important;
  }

  bloks-h2 {
    font-size: 30px !important;
    line-height: 1.4 !important;
  }
  bloks-h2-5 {
    font-size: 22px !important;
    line-height: 1.4 !important;
  }

  about-head {
    font-size: 2em !important;
  }
}

@media (max-width: 575px) {
  bloks-h1 {
    font-size: 2.3em !important;
    line-height: 1.4 !important;
  }

  bloks-h2 {
    font-size: 24px !important;
    line-height: 1.4 !important;
  }
  bloks-h2-5 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  bloks-h3 {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }

  .bloks-section-heading > h2 {
    line-height: 1.5 !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb_180 {
    padding: 130px 0;
  }

  .ptb_150 {
    padding: 100px 0;
  }

  .ptb_100 {
    padding: 70px 0;
  }
}

@media (max-width: 991px) {
  .res-margin {
    margin-bottom: 45px;
  }
}

@media (max-width: 767px) {
  .ptb_180 {
    padding: 130px 0;
  }

  .ptb_150,
  .ptb_100 {
    padding: 50px 0;
  }

  .res-margin {
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .store-buttons img {
    max-width: 160px;
  }

  .store-buttons.store-black img {
    max-width: 140px;
  }

  .avatar-lg {
    height: 4rem;
    width: 4rem;
  }
  .avatar-pricing {
    height: 8rem;
    width: 8rem;
  }
  .avatar-custom {
    height: 8rem;
    width: 8rem;
  }

  .ptb_180 {
    padding: 80px 0;
  }
}

@media (min-width: 991px) {
  .foxy-m-b {
    margin-bottom: 2rem !important;
  }
}

/*SECTION HEADING*/
@media (max-width: 991px) {
  h1 {
    font-size: 3em;
  }

  h2 {
    font-size: 36px;
  }

  .section-heading {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 2.8em;
  }

  h2 {
    font-size: 30px;
    line-height: 1.4;
  }
}

@media (max-width: 575px) {
  h1 {
    font-size: 2em;
    line-height: 1.4;
  }

  h2 {
    font-size: 24px;
    line-height: 1.4;
  }

  h3 {
    font-size: 18px;
    line-height: 1.4;
  }

  p {
    line-height: 26px;
  }

  .section-heading > h2 {
    line-height: 1.5;
  }
}

/* ******************************
:: 2.0 HEADER AREA CSS
****************************** */
@media (max-width: 991px) and (min-width: 576px) {
  .navbar {
    padding-top: 6px;
  }
  .navbar-toggler-icon {
    height: 1.5px !important;
  }
}

.navbar .navbar-nav .nav-link {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.navbar-sticky-on .navbar-nav .nav-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.dropdown-menu {
  opacity: 0;
  display: block;
  visibility: hidden;
  min-width: 14.375rem;
  margin-top: 0;
  transform: translateY(20px);
}
.navbar-nav li:hover > ul.dropdown-menu {
  opacity: 1;
  transform: translateY(-10px);
  visibility: visible;
}

.inner-nav {
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(77, 70, 207, 1) 0%,
    rgba(107, 77, 214, 1) 100%
  );
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #8b8b8c;
}

.designer-playground-nav {
  position: absolute;
  top: 0;
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(77, 70, 207, 1) 0%,
    rgba(107, 77, 214, 1) 100%
  );
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #8b8b8c;
  width: 100%;
}

/* ******************************
:: 3.0 WELCOME AREA CSS
****************************** */

@media (max-width: 991px) {
  .welcome-area,
  .inner .welcome-area {
    height: 700px !important;
  }

  .homepage-3 .welcome-area .subscribe-form {
    width: 100%;
  }

  /* .homepage-5 .welcome-area {
    height: 1150px !important;
  } */
}

@media (max-width: 767px) {
  .welcome-area,
  .homepage-5 .welcome-area,
  .inner-pages.signup .h-100vh {
    /* height: 450px !important;
    padding-top: 90px; */
  }

  .welcome-intro {
    margin-top: 1px;
  }

  .welcome-thumb {
    max-width: 270px;
    padding-top: 20px;
  }

  .homepage-4 .welcome-thumb {
    max-width: 350px;
  }
}

.hide-details {
  display: flex;
}

.main-area-mailchimp {
  width: 100%;
}

@media (max-width: 649px) {
  .service-container {
    padding: 30px;
  }
  .service-text {
    padding-top: 12px;
  }
}

@media (min-width: 650px) {
  .service-container {
    padding: 70px 0;
  }
  .service-text {
    padding-top: 1.5rem;
  }
}

@media (max-width: 575px) {
  .main-area-mailchimp {
    margin-top: 18px;
  }

  .landing-contact-form-sm {
    width: 86%;
  }

  .landing-contact-form-container-sm {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .welcome-area,
  .inner .welcome-area {
    height: 670px !important;
  }

  .welcome-intro {
    margin-top: 26px;
  }

  .homepage-3 .welcome-area .subscribe-form input {
    text-indent: 0;
  }

  .welcome-thumb {
    max-width: 230px;
  }
  .hide-details {
    display: none;
  }
}

@media (max-width: 450px) {
  .homepage-3 .welcome-area .subscribe-form input {
    text-indent: 0;
  }

  .welcome-thumb {
    max-width: 230px;
  }
}

/* ******************************
:: 4.0 FEATURES AREA CSS
****************************** */
@media (max-width: 767px) {
  .features-slider-wrapper {
    padding: 52px 18px 90px 21px;
    max-width: 245px;
  }
}

@media (max-width: 575px) {
  .features-slider-wrapper {
    padding: 52px 18px 90px 21px;
    max-width: 220px;
  }
}

@media (min-width: 1200px) {
  .fox-m-b {
    margin-bottom: 3rem;
  }
}

/* Sizing the phones for the app examples */
@media only screen and (min-width: 471px) and (max-width: 1200px) {
  .example-sm-container {
    min-height: 435px;
    width: 228px;
  }
}

@media only screen and (max-width: 470px) {
  .example-sm-container {
    min-height: 315px;
    width: 166px;
  }
}

/* ******************************
:: 9.0 FAQ AREA CSS
****************************** */
@media (max-width: 575px) {
  .card-header .btn {
    line-height: 1.4;
  }
}

/* ******************************
:: 10.0 CONTACT AREA CSS
****************************** */
@media (max-width: 575px) {
  .homepage-5 .contact-top > h3 {
    font-size: 1.8em;
  }
  .homepage-5 .contact-top h5 {
    font-size: 14px;
  }
}

/* ******************************
:: 11.0 FOOTER AREA CSS
****************************** */
@media (min-width: 992px) {
  .footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
  .footer-items {
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .footer-items {
    margin-bottom: 30px;
  }

  .footer-area .col-12:last-of-type .footer-items {
    margin-bottom: 0;
  }
}

/* Login/Register responsive fixes */

@media (min-width: 1px) {
  .d-xs-none {
    display: none;
  }
}

@media (max-width: 580px) {
  .height-xs-align {
    padding-top: 90px;
    align-items: flex-start !important;
  }
}

@media (min-width: 1px) {
  .d-xs-none {
    display: none;
  }
}

@media (max-width: 991px) {
  .modal-dialog {
    min-width: 700;
  }
}

/* Blog Css */

@media (max-width: 580px) {
  .breadcrumb-area {
    height: 200px;
  }
}

@media (min-width: 581px) and (max-width: 771px) {
  .breadcrumb-area {
    height: 300px;
  }
}

@media (min-width: 772px) and (max-width: 991px) {
  .breadcrumb-area {
    height: 340px;
  }
}
/* 991 576 */

/* .modal-dialog */