/* (1366x768) WXGA Display */

  @media screen and (min-width: 1366px) and (max-width: 1919px) {
      .about-section-s2 .left-content {
          width: calc(48% - 118px);
          right: 0;
      }
      .ab-svg_color-m {
          top: -180px;
      }
      .color_svg {
          top: -80px;
      }
  }

  /*=============================
 Normal desktop :1200px.
 ===============================*/

  @media screen and (min-width: 1200px) and (max-width: 1366px) {
      .ab-svg_color-m {
          top: -180px;
      }
      .ab-svg_color-m {
          top: -153px;
      }
      .ab-svg_color {
          left: 0;
          top: -115px;
      }
      .about-section-s2 .left-content {
          width: calc(48% - 118px);
          right: 0;
      }
      .color_svg {
          top: -72px;
      }
  }

  /*=============================
 Normal desktop :992px.
 ===============================*/

  @media (max-width: 992px) {
      /* .competitionBox{
        flex-wrap: wrap;
    }
    .competitionList,.competitionImg {
        width: 100%;
    } */
  }

  @media (min-width: 992px) and (max-width: 1199.99px) {
      .competitionBox {
          justify-content: space-around!important;
      }
      .slide-caption {
          transform: translateY(-10%);
      }
      .header-style-1 .topbar .contact-info ul>li+li {
          margin-left: 5px;
      }
      .header-style-1 .topbar .contact-info ul li {
          font-size: 12px;
          color: #fff;
          float: left;
      }
      .price-item.price-item-2 {
          margin-top: 0;
      }
      .price-item {
          margin-bottom: -40px;
      }
      .blog-right-bar {
          padding-left: 0;
      }
      .category-section {
          padding: 10px 20px 0px;
      }
      .blog-right-bar .img-holder {
          padding-right: 13px;
      }
      .blog-right-bar-2 {
          padding-right: 0;
      }
      .breadcumb-area {
          min-height: 350px;
      }
      .site-header #navbar>ul .sub-menu {
          width: 225px;
      }
      .site-header #navbar>ul>li .sub-menu a {
          font-size: 14px;
      }
      .ab-svg_color-m {
          top: -144px;
      }
      .ab-svg_color {
          left: 0;
          top: -95px;
      }
      .about-section-s2 .left-content {
          width: calc(48% - 118px);
          right: 0;
      }
      .counter-area .counter-grids .grid {
          margin-right: 18px;
      }
      .bg-animate-shape .shape2 {
          left: 6%;
      }
      .bg-animate-shape .shape1, .bg-animate-shape .shape5 {
          display: none;
      }
      .blog-section .recent-Blog-content-outer {
          padding: 26px;
          border: 0;
          padding-bottom: 40px;
      }
      .hero-style-2 .slider-pic {
          bottom: -33%;
          right: -100%;
      }
      .hero-style-2 .slider-pic-2 {
          bottom: -26%;
          right: -93%;
      }
      .color_svg {
          top: -60px;
      }
      .about-section-s3 .content-area {
          padding-bottom: 30px;
          padding-top: 0;
      }
      .service-area-2 {
          padding-bottom: 120px;
      }
      .quote-section-s2 {
          padding-bottom: 140px;
      }
      .project-section-2 {
          padding: 100px 0 130px;
      }
      .blog-section-2 {
          padding: 100px 0 150px;
      }
      .p-out {
          padding: 12px;
          padding-top: 50px;
      }
      .pricing-header-c:after {
          width: 100%;
      }
      .p-out-t {
          padding-top: 0;
      }
  }

  @media (min-width: 768px) {
      .hero-style-1 .slide-caption {
          transform: translateY(40%);
          position: absolute;
          bottom: 50%;
      }
  }

  @media (min-width: 768px) and (max-width: 1200px) {
      .slide-caption {
          margin-left: 5%;
          transform: translateY(-15%);
      }
      /* .hero-style-1 .slider-pic {
          max-width: 500px;
          right: -50%;
      } */
      .hero-style-1.newsCenterBanner .slide-caption {
          transform: translateY(0);
      }
      /* .hero-style-1.joinBanner .slider-pic {
          right: -35%;
      }
      .hero-style-1.joinBanner {
          height: 480px;
      }
      .hero-style-1.solutionFinanceBanner .slider-pic {
          right: -35%;
      }
      .hero-style-1.solutionFinanceBanner {
          height: 480px;
      }
      .hero-style-1.clientCaseBanner .slider-pic {
          right: -35%;
      }
      .hero-style-1.clientCaseBanner {
          height: 480px;
      }
      .hero-style-1.newsCenterBanner .slider-pic {
          right: -35%;
      }
      .hero-style-1.newsCenterBanner {
          height: 480px;
      }
      .hero-style-1.solutionMedicalBanner .slider-pic {
          right: -35%;
      }
      .hero-style-1.solutionMedicalBanner {
          height: 480px;
      }
      .hero-style-1.helpOtherBanner .slider-pic {
          right: -35%;
      }
      .hero-style-1.helpOtherBanner {
          height: 480px;
      }
      .hero-style-1.happyReadBanner .slider-pic {
          right: -35%;
      }
      .hero-style-1.happyReadBanner {
          height: 480px;
      } */
      .hero-style-1 .slide-caption h2 {
          font-size: 35.2px;
          margin-bottom: 0;
      }
      .header-style-1 .topbar .contact-info ul>li+li {
          margin-left: 2px;
      }
      .header-style-1 .topbar .social-links ul li {
          width: 36px;
          height: 36px;
          text-align: center;
          line-height: 40px;
          margin-top: 6px;
      }
      .navbar {
          min-height: 55px;
      }
      .navbar-brand {
          margin-left: -30px!important;
      }
      .side-info {
          top: 50%;
      }
      .hero-style-p .slick-dots li {
          display: none;
      }
      .price-item {
          max-width: 500px;
          margin: auto;
          margin-bottom: 30px;
      }
      .pricing-header-c:after {
          width: 100%;
      }
      .navbar-brand {
          margin-top: 0px;
      }
      .blog-right-bar {
          padding-left: 0;
          margin-top: 30px;
          padding-right: 0;
      }
      .blog-left-bar-2 {
          margin-top: 60px;
      }
      .blog-right-bar-2 {
          margin-top: 0;
      }
      .catagory-item {
          margin-top: 0;
      }
      .contact-us-area {
          margin-bottom: 40px;
      }
      .blog-right-bar .search-widget form button {
          top: 32%;
      }
      .blog-right-bar .search-widget input {
          max-width: 600px;
      }
      .blog-right-bar .search-widget form button {
          right: 134px;
      }
      .blog-right-bar .search-widget-3 form button {
          top: 50%;
      }
      .ab-svg_color {
          top: -73px;
      }
      .hero-style-2 .slider-pic {
          bottom: -11%;
          right: -63%;
      }
      .hero-style-2 .slider-pic-2 {
          bottom: -3%;
          right: -63%;
      }
      .service-content h2 {
          font-size: 20px;
      }
      .ab-svg_color-m {
          top: -110px;
      }
      .bg-animate-shape .shape2 {
          left: 4%;
      }
      .bg-animate-shape .shape1 {
          display: none;
      }
      .bg-animate-shape .shape3 {
          display: none;
      }
      .counter-area .counter-grids .grid {
          width: 22%;
      }
      .counter-area .counter-grids .grid p {
          font-size: 14px;
      }
      .slide-caption .theme-btn {
          line-height: 40px;
      }
      .blog-section .overlay-text .text-inner h3 {
          font-size: 18px;
      }
      .hero-style-2 .slider-pic {
          bottom: -15%;
          right: -54%;
      }
      .hero-style-2 .slider-pic-2 {
          bottom: -3%;
          right: -54%;
      }
      .color_svg {
          top: -45px;
      }
      .about-section-s3 .content-area {
          padding-bottom: 30px;
          padding-top: 80px;
      }
      .service-area-2 {
          padding-bottom: 120px;
      }
      .quote-section-s2 {
          padding-bottom: 140px;
      }
      .project-section-2 {
          padding: 100px 0 130px;
      }
      .testimonial-area-2 {
          padding: 100px 0;
      }
      .blog-section-2 {
          padding: 100px 0 150px;
      }
      .pricing-header-c:after {
          width: 100%;
      }
      .p-out {
          padding: 12px;
          padding-top: 0;
      }
      .pricing-area {
          padding-bottom: 40px;
          padding-top: 100px;
      }
      .price-item {
          margin-bottom: 80px;
      }
      .p-out-t {
          margin-top: -60px;
      }
      .error-404-section {
          padding-bottom: 130px;
      }
      .blog-pg-section {
          position: relative;
          padding-bottom: 170px;
      }
  }

  @media (max-width: 767px) {
      /* .slide-caption {
          transform: translateY(-55%)!important;
          position: relative;
      } */
      .hero-style-1 .slide-caption h2 {
          padding-left: 1.5rem!important;
          padding-right: 1.5rem!important;
          font-size: 24px!important;
          margin-top: 10px!important;
      }
      .slide-subtitle, .hero .slide-caption .btns {
          margin-top: 8px!important;
      }
      .hero-style-1 .slider-pic {
          position: absolute;
          left: 50%;
          width: 100%;
          bottom: 0%!important;
          transform: translateX(-50%);
          min-width: 200px;
      }
      .hero-style-1 .slider-pic {
          max-width: 50%;
      }
      .navbar {
          min-height: 55px;
      }
      .navbar-brand {
          margin-top: 10px;
      }
      .side-info {
          top: 60%;
      }
      .site-header .navbar-header .navbar-brand {
          font-size: 35px;
          padding-left: 5px;
      }
      .navbar-brand {
          margin-top: 0px;
      }
      .section-item:hover .section-icon {
          margin-top: 0;
      }
      .price-item {
          max-width: 500px;
          margin: auto;
          margin-bottom: 30px;
      }
      .pricing-header-c:after {
          width: 100%;
      }
      .p-out {
          padding: 0;
          padding-top: 0;
      }
      .price-item.price-item-2 {
          margin-top: 0;
      }
      .breadcumb-area {
          min-height: 350px;
      }
      .breadcumb-area {
          min-height: 450px;
      }
      .breadcumb-wrap h2 {
          font-size: 35px;
      }
      .blog-right-bar {
          padding-left: 0;
          margin-top: 30px;
          padding-right: 0;
      }
      .widget.search-widget {
          max-width: 500px;
          margin: auto;
      }
      .blog-right-bar .search-widget form button {
          right: 134px;
      }
      .blog-right-bar .tag-widget {
          max-width: 500px;
          margin: auto;
          margin-top: 65px;
      }
      .blog-right-bar-2 {
          margin-top: 0;
      }
      .blog-left-bar-2 {
          margin-top: 60px;
      }
      .contact-us-area {
          max-width: 500px;
      }
      .bg-animate-shape .shape2 {
          left: 4%;
      }
      .bg-animate-shape .shape1 {
          display: none;
      }
      .bg-animate-shape .shape3 {
          display: none;
      }
      .counter-area .counter-grids .grid {
          width: 46%;
      }
      .counter-area .counter-grids .grid p {
          font-size: 14px;
      }
      .slide-caption .theme-btn {
          line-height: 40px;
      }
      .blog-section .overlay-text .text-inner h3 {
          font-size: 18px;
      }
      .ab-svg_color {
          top: -70px;
      }
      .ab-svg_color-m {
          top: -98px;
          padding: 10px 0;
      }
      .blog-section .recent-Blog-content-outer {
          padding: 30px 25px;
          margin-top: 50px;
      }
      .side-info>div {
          margin-top: -21px;
      }
      .service-area {
          padding-bottom: 100px;
          padding-top: 60px;
      }
      .quote-section, .quote-section-s2 {
          padding-bottom: 3rem;
      }
      .about-section-s3 .content-area {
          padding-bottom: 50px;
          padding-top: 50px;
      }
      .service-area-2 {
          padding-bottom: 100px;
      }
      .quote-section-s2 {
          padding-bottom: 140px;
      }
      .project-section-2 {
          padding: 100px 0 130px;
      }
      .testimonial-area-2 {
          padding: 100px 0;
      }
      .blog-section-2 {
          padding: 70px 0 130px;
      }
      .pricing-header-c:after {
          width: 100%;
      }
      .p-out {
          padding: 12px;
          padding-top: 0;
      }
      .pricing-area {
          padding-bottom: 70px;
          padding-top: 70px;
      }
      .price-item {
          margin-bottom: 30px;
      }
      .color_svg {
          top: -37px;
      }
      .error-404-section {
          padding-bottom: 130px;
      }
      .blog-pg-section {
          position: relative;
          padding-bottom: 170px;
      }
  }

  @media(max-width: 620px) {
      .color_svg {
          top: -31px;
      }
  }

  @media (min-width: 420px) and (max-width: 500px) {
      .color_svg {
          top: -25px!important;
      }
  }

  @media (min-width: 500px) and (max-width: 767px) {
      .expandBox>div {
          width: 50%!important;
      }
  }

  /* =============================
extra small mobile 320px. end
================================*/

  /* small mobile :576px. */

  @media only screen and (max-width: 768px) {
      .slide-caption {
          margin-top: 13%;
      }
      .slick-dots {
          bottom: 5%!important;
          text-align: right;
          padding-right: 5%;
      }
      .awardCarousel .slick-dots {
          bottom: 0%!important;
          text-align: center;
          padding-right: 0;
      }
      .brandCont .slick-dots {
          bottom: -2.8rem!important;
          text-align: center;
          padding-right: 5%;
      }
      /* .hero-style-1.joinBanner .slide-caption {
          transform: translateY(-100%)!important;
      }
      .hero-style-1.joinBanner .slider-pic {
          bottom: -310%!important;
      }
      .hero-style-1.solutionFinanceBanner .slide-caption {
          transform: translateY(-100%)!important;
      }
      .hero-style-1.solutionFinanceBanner .slider-pic {
          bottom: -310%!important;
      }
      .hero-style-1.clientCaseBanner .slide-caption {
          transform: translateY(-100%)!important;
      }
      .hero-style-1.clientCaseBanner .slider-pic {
          bottom: -310%!important;
      }
      .hero-style-1.newsCenterBanner .slide-caption {
          transform: translateY(-180%)!important;
      }
      .hero-style-1.newsCenterBanner .slider-pic {
          bottom: -550%!important;
      }
      .hero-style-1.solutionMedicalBanner .slide-caption {
          transform: translateY(-100%)!important;
      }
      .hero-style-1.solutionMedicalBanner .slider-pic {
          bottom: -310%!important;
      }
      .hero-style-1.helpOtherBanner .slide-caption {
          transform: translateY(-30%)!important;
      }
      .hero-style-1.helpOtherBanner .slider-pic {
          bottom: -180%!important;
      }
      .hero-style-1.happyReadBanner .slide-caption {
          transform: translateY(-100%)!important;
      }
      .hero-style-1.happyReadBanner .slider-pic {
          bottom: -280%!important;
      } */
      .solutionPlatform {
          box-sizing: border-box;
          padding-top: 7.5rem!important;
          padding-left: 1.5rem;
          padding-right: 1.5rem;
      }
      .solutionColumn {
          padding: 1.7rem 2rem;
          text-align: center;
      }
  }

  @media only screen and (max-width: 520px) {
      .commonItem.teachingCont {
          padding-bottom: 2rem;
      }
      .commonItem.productFeatureCont {
          padding-top: 4rem;
      }
      .numberTotal {
          margin-bottom: 2.5rem;
      }
      /* .hero-style-1.joinBanner .slide-caption {
          transform: translateY(-125%)!important;
      }
      .hero-style-1.joinBanner .slider-pic {
          bottom: -240%!important;
      }
      .hero-style-1.solutionFinanceBanner .slide-caption {
          transform: translateY(-125%)!important;
      }
      .hero-style-1.solutionFinanceBanner .slider-pic {
          bottom: -240%!important;
      }
      .hero-style-1.clientCaseBanner .slide-caption {
          transform: translateY(-110%)!important;
      }
      .hero-style-1.clientCaseBanner .slider-pic {
          bottom: -210%!important;
      }
      .hero-style-1.newsCenterBanner .slide-caption {
          transform: translateY(-180%)!important;
      }
      .hero-style-1.newsCenterBanner .slider-pic {
          bottom: -420%!important;
      }
      .hero-style-1.solutionMedicalBanner .slide-caption {
          transform: translateY(-125%)!important;
      }
      .hero-style-1.solutionMedicalBanner .slider-pic {
          width: 45rem!important;
          bottom: -240%!important;
      }
      .hero-style-1.helpOtherBanner .slide-caption {
          transform: translateY(-70%)!important;
      }
      .hero-style-1.helpOtherBanner .slider-pic {
          width: 45rem!important;
          bottom: -130%!important;
      }
      .hero-style-1.happyReadBanner .slide-caption {
          transform: translateY(-125%)!important;
      }
      .hero-style-1.happyReadBanner .slider-pic {
          width: 35rem!important;
          bottom: -240%!important;
      } */
      .hero-style-1 .slider-pic {
          max-width: 60%;
          width: 60%;
          bottom:2%!important;
      }
      .indexBanner.hero-style-1 .slider-pic{
        max-width: 80%;
        width: 80%;
        bottom: 0%!important;
      }
      .site-header .navbar-header .navbar-brand {
          width: 120px;
      }
      .indexBanner  .slide-subtitle {
          margin-top: 2rem!important;
          padding-bottom: 1rem;
      }
      .hero .slide-caption .btns {
          margin-top: 0!important;
      }
      .hero {
          height: 360px!important;
      }
      .hero.indexBanner{
        height:56rem!important;
      }
      /* .hero .slide {
          height: 400px!important;
      } */
      /* .hero-style-1 .slide .container {
          padding: 0;
      } */
      .hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2 {
          font-size: 32px;
      }
      .hero .slick-dots {
          bottom: 10px;
      }
      .breadcumb-area {
          min-height: 350px;
      }
      .breadcumb-area {
          min-height: 350px;
      }
      .breadcumb-wrap h2 {
          font-size: 35px;
      }
      .blog-page-area .blog-item .post-meta li {
          font-size: 13px;
          padding: 0 4px;
      }
      .blog-content-2 h2 {
          font-size: 30px;
          margin: 10px 0;
      }
      .blog-right-bar .search-widget form button {
          right: 16px;
      }
      .category-section {
          padding: 10px 19px 10px;
      }
      .blog-left-bar .author-box .author-avatar {
          float: none;
          margin-bottom: 20px;
      }
      .blog-left-bar .author-box .author-content {
          padding-left: 0;
      }
      .blog-left-bar .author-box {
          padding: 30px 24px;
          margin: 38px 0 30px;
      }
      .blog-left-bar .more-posts .previous-post {
          padding-right: 1px;
          padding-left: 0px;
      }
      .blog-left-bar .tag-share .tag a {
          padding: 9px 10px 10px;
      }
      .blog-left-bar .comments-area .comment.comment-2 {
          padding-left: 0;
      }
      .blog-left-bar .comments-area .comment.comment-5 {
          padding-left: 0;
      }
      .blog-left-bar .comments-area li>div {
          padding: 25px 15px 8px;
      }
      .blog-left-bar .comments-area .comment-theme {
          position: absolute;
          left: 9px;
      }
      .error-404-section .theme-btn {
          margin-bottom: 15px;
      }
      .blog-left-bar .tag-share .share {
          float: none;
      }
      .blog-left-bar .tag-share .tag {
          float: none;
      }
      .ab-svg_color {
          position: absolute;
          left: 0;
          top: -33px;
          width: 100%;
          overflow: hidden;
      }
      .bg-animate-shape .shape2 {
          left: 4%;
      }
      .bg-animate-shape .shape1 {
          display: none;
      }
      .bg-animate-shape .shape3 {
          display: none;
      }
      .counter-area .counter-grids .grid {
          width: 46%;
          padding: 1rem 0;
      }
      .counter-area .counter-grids .grid p {
          font-size: 14px;
      }
      .slide-caption .theme-btn {
          line-height: 40px;
      }
      .blog-section .overlay-text .text-inner h3 {
          font-size: 18px;
      }
      .ab-svg_color {
          top: -30px;
      }
      .ab-svg_color-m {
          top: -40px;
      }
      .blog-section .recent-Blog-content-outer {
          padding: 30px 20px;
          margin-top: 0px;
      }
      .side-info>div {
          margin-top: -21px;
      }
      .service-area {
          padding-bottom: 85px;
          padding-top: 60px;
      }
      .bg-animate-shape .shape4, .bg-animate-shape .shape6 {
          display: none;
      }
      .blog-section .recent-blog-data h3 {
          font-size: 22px;
          line-height: 1.7em;
          margin-bottom: 15px;
      }
      .hero .slick-dots {
          bottom: 30px;
      }
      .color_svg {
          top: -18px;
      }
      .error-404-section {
          padding-bottom: 130px;
      }
      .service-single-section, .project-single-section {
          padding-bottom: 140px;
      }
      .blog-pg-section {
          position: relative;
          padding-bottom: 100px;
          padding-top: 70px;
      }
      .blog-pg-section .entry-meta>li+li {
          margin-left: 9px;
          padding-left: 15px;
          padding-top: 12px;
          position: relative;
      }
      .blog-pg-section .format-quote .details:before {
          display: none;
      }
      .contact-pg-contact-section {
          padding-bottom: 100px;
          padding-top: 40px;
      }
  }

  /* Large Mobile :480px. */

  @media only screen and (min-width: 325px) and (max-width: 590px) {
      .ab-svg_color-m {
          top: -56px;
      }
      .ab-svg_color {
          top: -50px;
      }
  }

  @media only screen and (min-width: 525px) and (max-width: 590px) {
      .blog-right-bar .search-widget form button {
          right: 27px;
      }
  }