@media only screen and (min-width: 2160px) {
  #showcase {
    padding-bottom: 530px;
  }

  #showcase .showcase-area {
    width: 98%;
  }

  #showcase .showcase-slider .screenshot-thumb p {
    color: #fff;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 10px;
  }

  #showcase .showcase-slider .screenshot-thumb .fancy-table {
    padding-top: 165px !important;
  }

  #showcase .showcase-slider .screenshot-thumb > .hover-content {
    width: 89% !important;
    height: 89% !important;
  }

  .hero-area .overlay :nth-child(1) {
    height: 294px !important;
  }
}

@media screen and (min-width: 1920px) {
  .hero-area .contents {
    padding: 280px 0 390px;
  }

  .hero-area .overlay :nth-child(1) {
    height: 250px;
  }

  .showcase-slider .owl-item img {
    width: 100%;
  }

  #showcase .showcase-slider .screenshot-thumb > .hover-content {
    width: 85%;
  }

  #showcase .showcase-slider .screenshot-thumb .fancy-table {
    padding-top: 100px;
  }
}

@media (min-width: 767px) and (max-width: 1024px) {
  .hero-area .overlay {
    background-size: auto;
  }

  .mr-auto, .mx-auto {
    margin-left: 14%;
  }

  .hero-area .intro-img img {
    margin-left: 10px !important;
  }

  .navbar-nav {
    width: 600px !important;
    flex-direction: row;
  }

  .nav-link {
    padding-right: 20px !important;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 13px;
    margin-left: 15px;
  }

  .hero-area .intro-img {
    margin-right: 16px;
  }

  #business-plan .business-item-info h3 {
    font-size: 28px;
  }

  #business-plan .business-item-info p {
    font-size: 13px;
    margin-bottom: 20px;
  }

  .section {
    padding: 80px 0px;
  }

  #business-plan {
    padding-bottom: 80px;
  }

  .feature-info {
    width: 60%;
  }

  #features .feature-item {
    padding: 15px;
  }

  #features .feature-item h4 {
    margin-bottom: 10px;
  }

  #showcase .gradient-bg {
    padding: 80px 0px 60px 0px;
  }

  #pricing {
    padding-bottom: 80px;
  }

  #testimonial #client-testimonial .content-inner p {
    font-size: 18px;
    color: #5e629c;
    font-style: italic;
    line-height: 35px;
  }

  #team .single-team .team-social-icons {
    bottom: 27%;
  }

  #blog .blog-item-wrapper h3 {
    font-size: 16px;
    line-height: 23px;
  }

  #footer-Content h3.block-title {
    font-size: 16px;
  }

  #footer-Content ul.menu li a {
    font-size: 14px;
    line-height: 31px;
  }

  #blog .blog-item-wrapper .blog-item-text {
    padding: 26px 30px 30px 30px;
  }

  #blog .blog-item-wrapper {
    margin-bottom: 15px;
  }

  #blog .blog-item-wrapper {
    margin-bottom: 15px;
  }

  #footer-Content .copyright {
    margin-top: 80px;
  }

  .hero-area .contents h2 {
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 20px;
  }

  .hero-area .contents {
    margin-left: 8%;
    margin-right: 10%;
  }

  .row {
    flex-direction: column;
  }

  .hero-area .intro-img {
    padding-top: 0 !important;
  }

  #testimonial .testimonial-area {
    width: 98%;
  }

  #showcase .showcase-slider .screenshot-thumb > .hover-content {
    height: 80%;
    width: 80%;
  }

  #showcase .showcase-slider .screenshot-thumb .fancy-table {
    padding-top: 45px;
  }

  #footer-Content h3.block-title {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .btn-border-filled {
    margin-left: 0;
  }

  .header-button {
    margin-left: 10%;
    margin-right: 10%;
    width: 100%;
    height: 100%;
    text-align: center;
  }

  .btn-big {
    display: none;
  }
}

@media only screen and (min-width: 1102px) and (max-width: 1280px) {
  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 15px;
    padding: 8px 0px;
    margin-left: 18px;
  }

  .mr-auto, .mx-auto {
    margin-left: 11%;
  }

  .hero-area .contents {
    margin-left: 50px;
  }
  #light-featured .right-feature-info h3 {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 40px;
    margin-top: 0;
  }

  #light-featured .light-feature-item .light-feature-icon {
    margin-bottom: 15px;
  }

  #light-featured {
    padding-bottom: 100px;
    padding-top: 100px;
  }

  .section {
    padding: 100px 0px;
  }

  .feature-info {
    width: 80%;
  }

  .feature-info {
    width: 68%;
  }

  #team .single-team .team-social-icons {
    bottom: 27%;
  }

  #blog .blog-item-wrapper .blog-item-text {
    padding: 20px 15px 15px 15px;
  }

  #blog .blog-item-wrapper h3 {
    font-size: 18px;
  }

  #blog .blog-item-wrapper a.read-more {
    font-size: 12px;
  }

  #footer-Content .copyright {
    margin-top: 100px;
  }

  .hero-area .contents p {
    font-size: 16px;
    line-height: 26px;
  }

  .hero-area2 .contents p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
  }

  #business-plane .business-item-info h3 {
    font-size: 29px;
  }

  .showcase-area .pr-0, .px-0 {
    padding-right: 15px !important;
  }

  #showcase {
    padding-bottom: 280px;
  }

  #pricing .pricing-table h1 span {
    left: 10%;
  }

  #pricing2 .pricing-table h1 span {
    left: 10%;
  }

  #testimonial #client-testimonial .content-inner p {
    font-size: 20px;
    color: #5e629c;
    font-style: italic;
    line-height: 33px;
  }

}

@media only screen and (min-width: 1280px) and (max-width: 3440px) {
  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 15px;
    padding: 8px 0px;
    margin-left: 18px;
  }
  #light-featured .right-feature-info h3 {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 40px;
    margin-top: 0;
  }

  #light-featured .light-feature-item .light-feature-icon {
    margin-bottom: 15px;
  }

  #light-featured {
    padding-bottom: 100px;
    padding-top: 100px;
  }

  .section {
    padding: 100px 0px;
  }

  .feature-info {
    width: 80%;
  }

  .feature-info {
    width: 68%;
  }

  #team .single-team .team-social-icons {
    bottom: 27%;
  }

  #blog .blog-item-wrapper h3 {
    font-size: 18px;
  }

  #blog .blog-item-wrapper a.read-more {
    font-size: 12px;
  }

  #footer-Content .copyright {
    margin-top: 100px;
  }

  .hero-area2 .contents p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
  }

  #business-plane .business-item-info h3 {
    font-size: 29px;
  }

  .showcase-area .pr-0, .px-0 {
    padding-right: 15px !important;
  }

  #showcase {
    padding-bottom: 280px;
  }

  #pricing .pricing-table h1 span {
    left: 10%;
  }

  #pricing2 .pricing-table h1 span {
    left: 10%;
  }

  #testimonial #client-testimonial .content-inner p {
    font-size: 20px;
    color: #5e629c;
    font-style: italic;
    line-height: 33px;
  }
}

@media only screen and (min-width: 2160px) {
  #showcase {
    padding-bottom: 530px;
  }

  #showcase .showcase-area {
    width: 98%;
  }

  #showcase .showcase-slider .screenshot-thumb p {
    color: #fff;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 10px;
  }

  #showcase .showcase-slider .screenshot-thumb .fancy-table {
    padding-top: 165px !important;
  }

  #showcase .showcase-slider .screenshot-thumb > .hover-content {
    width: 89% !important;
    height: 89% !important;
  }

  .hero-area .overlay :nth-child(1) {
    height: 294px !important;
  }
}

@media screen and (min-width: 1920px) {
  .hero-area .contents {
    padding: 280px 0 390px;
  }

  .hero-area .overlay :nth-child(1) {
    height: 250px;
  }

  .showcase-slider .owl-item img {
    width: 100%;
  }

  #showcase .showcase-slider .screenshot-thumb > .hover-content {
    width: 85%;
  }

  #showcase .showcase-slider .screenshot-thumb .fancy-table {
    padding-top: 100px;
  }
}


@media (min-width: 1024px) and (max-width: 1199px) {
  .hero-area .contents h2 {
    margin-left: auto;
  }

  .btn-singin-dark {
    margin-left: 60px;
  }

  .mr-auto, .mx-auto {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding: 12px 0px;
    font-size: 13px;
    margin-left: 12px;
  }

  .hero-area .contents {
    padding: 200px 0 0px;
  }

  #features .feature-item p {
    font-size: 14px;
    display: block;
    line-height: 25px;
  }

  #pricing .pricing-table {
    padding: 30px 15px;
  }

  #pricing .pricing-table h1 span {
    left: 10%;
  }

  #team .single-team, .blog-item-wrapper, .services-item {
    margin-bottom: 20px;
  }

  .contact-img img {
    max-width: 100%;
    display: block;
    margin: 0px auto;
  }

  #footer-Content .footer-logo img {
    padding-top: 0;
  }

  #footer-Content .copyright p {
    color: #3ecf8e;
    font-size: 14px;
  }

  .hero-area .intro-img {
    padding: 100px 0 0px;
  }

  .blog-hero-area .contents h2 {
    font-size: 36px;
  }

  .btn-singin {
    background: #7fc9fb;
    color: #fff;
    padding: 10px 14px;
    margin-left: 12px;
    box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
    font-size: 11px;
  }

  .btn-light-singin {
    background: #7fc9fb;
    color: #fff;
    padding: 10px 14px;
    margin-left: 12px;
    box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
    font-size: 11px;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding: 12px 0px;
    font-size: 13px;
    margin-left: 9px;
  }

  .pt-70 {
    padding-top: 20px;
  }

  .showcase-area .pr-0, .px-0 {
    padding-right: 15px !important;
  }

  #showcase {
    padding-bottom: 275px;
  }

  #testimonial .testimonial-area {
    width: 98%;
  }

  .header-button {
    display: none;
  }

  #services .services-item p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  #faq .services-item p {
    font-size: 13px;
  }

  #blog .blog-item-wrapper h3 a {
    font-size: 23px;
  }

  #blog .blog-item-wrapper {
    padding: 20px 20px 20px 20px;
  }
  .row {
    flex-direction: column;
  }
  .hero-area .intro-img {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .mobile-btn {
    display: none;
  }

}

@media only screen and (max-width: 1030px) {
  .bg-inverse {
    background: #191c1e;
  }

  .navbar-expand-md .navbar-brand, .navbar-expand-md .navbar-toggler {
    margin: 6px 15px;
  }

  .bg-inverse {
    background: #191c1e;
  }

  .navbar {
    padding: 0;
  }

  .mobile-btn {
    display: none;
  }

}

@media only screen and (min-width: 1280px) and (max-width: 3440px) {
  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 15px;
    /*padding: 16px 0px;*/
    padding: 8px 0;
    margin-left: 32px;
  }

  /*.hero-area .contents h2 {*/
  /*  font-size: 88px; }*/
  #light-featured .right-feature-info h3 {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 40px;
    margin-top: 0;
  }

  #light-featured .light-feature-item .light-feature-icon {
    margin-bottom: 15px;
  }

  #light-featured {
    padding-bottom: 100px;
    padding-top: 100px;
  }

  #favorites.section {
    padding: 65px 138px 85px 153px;
  }

  .section {
    padding: 100px 95px 79px 100px;
  }

  .feature-info {
    width: 80%;
  }

  .feature-info {
    width: 68%;
  }

  #team .single-team .team-social-icons {
    bottom: 27%;
  }

  #blog.section, #favorites.section {
    padding: 96px 95px 93px 100px;
  }


  #blog .blog-item-wrapper {

    padding: 31px 31px 31px 31px;
  }

  #blog .blog-item-wrapper h3 {
    font-size: 18px;
  }

  #blog .blog-item-wrapper a.read-more {
    font-size: 12px;
  }

  #footer-Content .copyright {
    margin-top: 100px;
  }

  .hero-area2 .contents p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
  }

  #business-plane .business-item-info h3 {
    font-size: 29px;
  }

  .showcase-area .pr-0, .px-0 {
    padding-right: 15px !important;
  }

  #showcase {
    padding-bottom: 280px;
  }

  #pricing .pricing-table h1 span {
    left: 10%;
  }

  #pricing2 .pricing-table h1 span {
    left: 10%;
  }

  #testimonial #client-testimonial .content-inner p {
    font-size: 20px;
    color: #5e629c;
    font-style: italic;
    line-height: 33px;
  }

  .btn-singin-dark {
    margin-left: 208px;
  }

  .mobile-btn {
    display: none;
  }
}

@media only screen and (min-width: 1920px) and (max-width: 3440px) {
  .hero-area .intro-img {
    padding: 0px 0 0px;

  }

  .hero-area .contents {
    padding: 190px 0 0;

  }

  .mobile-btn {
    display: none;
  }

}