/* Max width 767px
<<<<=====================================================================>>>>*/
@media only screen and (max-width: 767px) {
  body {
    font-size: 15px; }

  .ptb-100 {
    padding-top: 60px;
    padding-bottom: 60px; }

  .pt-100 {
    padding-top: 60px; }

  .pb-100 {
    padding-bottom: 60px; }

  .pt-75 {
    padding-top: 35px; }

  .pb-75 {
    padding-bottom: 35px; }

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

  .pb-70 {
    padding-bottom: 35px; }

  p {
    font-size: 15px; }

  .shape {
    display: none; }

  .main-section-title {
    margin: -5px auto 35px; }
    .main-section-title .top-title {
      font-size: 13px; }
    .main-section-title h2 {
      font-size: 25px;
      line-height: normal; }
    .main-section-title.left-align {
      text-align: center; }

  .main-btn {
    font-size: 14px;
    padding: 15px 30px; }
    .main-btn i {
      margin-left: 10px; }

  .main-detail-btn {
    font-size: 16px; }

  /** Header Area CSS
  ======================**/
  .header-left-content p {
    font-size: 15px; }

  .header-right-content li a {
    font-size: 15px; }

  /** Banner Area CSS
  ======================**/
  .banner-area {
    padding-top: 50px;
    padding-bottom: 90px; }

  .banner-content {
    text-align: center;
    margin-bottom: 30px; }
    .banner-content h1 {
      font-size: 30px;
      margin-bottom: 30px; }

  .creative-agency {
    position: unset; }
    .creative-agency p {
      text-align: center;
      margin: auto;
      margin-top: 30px;
      margin-bottom: 30px; }

  .banner-area-two {
    padding-top: 60px;
    padding-bottom: 60px; }

  .banner-content-two {
    margin-bottom: 30px; }
    .banner-content-two .target {
      padding-left: 50px;
      margin-bottom: 30px; }
      .banner-content-two .target::before {
        display: none; }
    .banner-content-two h2 {
      font-size: 30px;
      margin-bottom: 20px; }
    .banner-content-two p {
      margin-bottom: 15px; }
    .banner-content-two .circle-btn-two {
      margin-left: 30px; }

  .banner-content-three h1 {
    font-size: 60px; }
  .banner-content-three .banner-btn {
    position: relative;
    top: 0;
    right: 0; }
  .banner-content-three .agency-info {
    position: unset;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%; }
    .banner-content-three .agency-info p {
      margin-bottom: 20px; }

  .banner-img-three {
    bottom: 0; }

  .banner-area-three {
    padding-top: 60px;
    padding-bottom: 100px; }

  .page-banner-area {
    padding-top: 60px;
    padding-bottom: 60px; }

  .page-banner-content h2 {
    font-size: 30px;
    margin-bottom: 15px; }

  /** Brands Area CSS
  ======================**/
  .brands-title {
    margin-bottom: 30px; }
    .brands-title span {
      font-size: 18px; }

  /** About Us Area CSS
  ======================**/
  .about-us-img {
    margin-right: 0;
    margin-bottom: 30px; }

  .about-us-content h2 {
    font-size: 30px;
    margin-bottom: 20px; }
  .about-us-content p {
    font-size: 16px;
    margin-bottom: 20px; }
  .about-us-content .about-list {
    margin-bottom: 20px; }
    .about-us-content .about-list li {
      font-size: 16px; }

  .about-us-content-two h2 {
    font-size: 25px;
    margin-bottom: 20px; }
  .about-us-content-two .mt-40 {
    margin-top: 20px; }

  .about-img-three {
    margin-bottom: 30px; }
    .about-img-three img {
      border-radius: 10px; }

  .about-content-three {
    margin-left: 0; }
    .about-content-three h2 {
      font-size: 25px; }
    .about-content-three p {
      font-weight: 500; }

  /** Section Title Area CSS
  ============================**/
  .top-title {
    font-size: 14px; }

  .section-title {
    margin-bottom: 30px; }
    .section-title h2 {
      font-size: 30px;
      margin-bottom: 20px; }
    .section-title.style-two h2 {
      font-size: 25px; }
    .section-title.style-three h2 {
      font-size: 25px; }

  /** Services Area CSS
  ============================**/
  .services-single-item {
    padding: 25px; }
    .services-single-item p {
      margin-bottom: 20px;
      padding-bottom: 20px; }

  .services-btn {
    margin-top: 15px; }

  .services-wrap {
    margin: 0; }

  .services-single-item-two {
    padding: 30px; }
    .services-single-item-two h3 {
      margin-bottom: 15px;
      font-size: 20px; }
    .services-single-item-two p {
      margin-bottom: 15px; }

  .services-single-item-three {
    padding: 25px; }
    .services-single-item-three h3 {
      font-size: 21px;
      margin-bottom: 15px; }
    .services-single-item-three p {
      margin-bottom: 15px; }
    .services-single-item-three .read-more {
      font-size: 15px; }

  /** Who We Are Area CSS
  ============================**/
  .who-we-are-img {
    margin-left: 0; }

  .who-we-are-content {
    margin-bottom: 30px; }
    .who-we-are-content h2 {
      font-size: 30px;
      margin-bottom: 20px; }
    .who-we-are-content p {
      font-size: 16px; }

  .who-we-are-content-two {
    margin-left: 0;
    margin-top: 30px; }
    .who-we-are-content-two h2 {
      font-size: 25px;
      margin-bottom: 20px; }
    .who-we-are-content-two p {
      margin-bottom: 20px; }

  .who-we-are-img-two {
    margin-left: 0; }

  /** Testimonial Area CSS
  ============================**/
  .testimonial-single-item {
    padding-left: 0;
    text-align: center; }
    .testimonial-single-item .testimonial-img {
      margin: auto; }
    .testimonial-single-item p {
      font-size: 18px;
      margin-bottom: 20px; }

  .testimonial-slide.owl-theme .owl-nav {
    position: unset;
    margin-top: 30px !important; }

  .testimonials-single-item-two {
    margin-right: 0; }
    .testimonials-single-item-two .review {
      margin-bottom: 15px; }
    .testimonials-single-item-two p {
      font-size: 16px;
      padding-bottom: 15px;
      margin-bottom: 15px; }
    .testimonials-single-item-two .info h3 {
      font-size: 18px; }
    .testimonials-single-item-two .info span {
      font-size: 14px; }
    .testimonials-single-item-two.style-three p {
      font-size: 16px; }

  .testimonial-slide-two.owl-theme .owl-nav {
    position: unset;
    margin-top: 20px !important; }

  .testimonials-area-three {
    padding-top: 60px; }
    .testimonials-area-three::before {
      background-color: transparent; }

  .testimonial-img-three {
    margin-right: 0; }

  /** Case Study Area CSS
  ============================**/
  .case-study-content-wrap .slider a .case-study-content {
    left: -62px;
    bottom: 150px;
    transform: rotate(-90deg); }
  .case-study-content-wrap .slider li:hover {
    flex-grow: 8; }

  .accordion.accordion-content .accordion-item .accordion-body {
    padding: 0;
    padding-top: 15px; }
    .accordion.accordion-content .accordion-item .accordion-body p {
      font-size: 16px; }

  .faq-img {
    margin-bottom: 30px; }

  .accordion.accordion-content .accordion-item .accordion-header .accordion-button .count {
    margin-right: 5px; }

  .case-study-single-item-three {
    margin-bottom: 50px; }
    .case-study-single-item-three h3 a {
      font-size: 20px; }
    .case-study-single-item-three .circle-btn {
      opacity: 1;
      position: unset;
      margin-top: 20px; }

  /** Counter Area CSS
  ============================**/
  .counter-single-item h2 {
    font-size: 35px;
    margin-bottom: 10px; }
  .counter-single-item p {
    font-size: 14px; }

  /** Recent Cases Area CSS
  ============================**/
  .recent-cases-single-item {
    padding: 25px; }
    .recent-cases-single-item .tag {
      font-size: 14px; }
    .recent-cases-single-item h3 {
      font-size: 20px; }

  .cases-slide .owl-nav {
    position: unset;
    margin-top: 25px !important; }

  /** Get In Touch Area CSS
  ============================**/
  .get-in-touch-area {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-left: 0;
    margin-right: 0; }

  .get-in-touch-content {
    text-align: center; }
    .get-in-touch-content h2 {
      font-size: 25px; }

  /** Team Area CSS
  ============================**/
  .team-single-item {
    padding: 25px; }
    .team-single-item .info h3 {
      font-size: 20px; }

  /** Marquee Area CSS
  ============================**/
  .marquee-wrapper .marquee a {
    font-size: 30px;
    padding: 30px 75px; }
  .marquee-wrapper .marquee h1 {
    font-size: 85px; }

  .marquee-area-three .row {
    --bs-gutter-x: 1.5rem; }
    .marquee-area-three .row .mt-100 {
      margin-top: 50px; }

  /** Blog Area CSS
  ============================**/
  .blog-single-item {
    padding: 25px; }
    .blog-single-item h3 {
      font-size: 18px; }

  .blog-info-content h2 {
    font-size: 25px;
    margin-bottom: 20px; }
  .blog-info-content p {
    margin-bottom: 20px; }

  /** Subscribe Area CSS
  ============================**/
  .subscribe-newsletter-content {
    margin-bottom: 30px; }
    .subscribe-newsletter-content h2 {
      font-size: 25px; }

  .subscribe-newsletter-area {
    padding-top: 60px;
    padding-bottom: 60px; }

  .subscribe-newsletter-form .form-control {
    height: 60px; }
  .subscribe-newsletter-form .main-btn {
    padding: 15px 8px; }
    .subscribe-newsletter-form .main-btn span {
      display: none; }
    .subscribe-newsletter-form .main-btn i {
      margin-left: 0; }

  /** Footer Area CSS
  ============================**/
  .footer-single-item h3 {
    margin-bottom: 15px; }
  .footer-single-item p {
    font-size: 17px; }
  .footer-single-item .useful-link li a {
    font-size: 17px; }
  .footer-single-item .contact-info li a {
    font-size: 17px; }
  .footer-single-item.style-two h3 {
    margin-bottom: 15px;
    font-size: 20px; }

  .footer-single-item-three {
    margin-bottom: 30px;
    text-align: center; }
    .footer-single-item-three h2 {
      font-size: 30px; }
    .footer-single-item-three .social-link {
      max-width: 100%;
      text-align: center; }
      .footer-single-item-three .social-link li {
        padding-top: 0 !important;
        padding-bottom: 0 !important; }

  .service-details-content h2 {
    font-size: 25px; }
  .service-details-content p {
    font-size: 15px; }

  .sidebar-widget {
    max-width: 100%; }

  /** Cases Details Area CSS
  ============================**/
  .cases-details-top-content {
    padding: 30px 0; }
    .cases-details-top-content h2 {
      font-size: 25px;
      margin-bottom: 20px; }

  /** Blog Details Area CSS
  ============================**/
  .blog-details-content .blog-details-img {
    margin-bottom: 20px; }
  .blog-details-content h2 {
    font-size: 25px; }
  .blog-details-content .mb-60 {
    margin-bottom: 30px; }
  .blog-details-content blockquote {
    padding: 20px; }
    .blog-details-content blockquote img {
      margin-bottom: 20px; }
    .blog-details-content blockquote p {
      font-size: 20px;
      margin-bottom: 15px; }
    .blog-details-content blockquote span {
      font-size: 16px; }
  .blog-details-content .tags-share {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px; }

  /** Contact main Area CSS
  ============================**/
  .contact-us-main-form {
    padding: 25px; }
    .contact-us-main-form h3 {
      margin-bottom: 20px; }
    .contact-us-main-form .form-group .form-control {
      font-size: 14px; }
      .contact-us-main-form .form-group .form-control::placeholder {
        font-size: 14px; }

  .contact-info {
    margin-left: 0;
    margin-top: 30px; }

  /** Product Details main Area CSS
  ============================**/
  .product-details-content {
    margin-left: 0; }
    .product-details-content h3 {
      margin-bottom: 10px; }
    .product-details-content .price {
      margin-bottom: 10px; }

  .product-info-tabs .nav-item {
    margin-right: 18px; }
    .product-info-tabs .nav-item .nav-link {
      font-size: 16px; }

  /** Cart Area CSS
  ============================**/
  .cart-subtotal {
    padding: 25px; }

  .privacy-policy-content h3 {
    font-size: 20px;
    margin-bottom: 10px; } }
/* Min width 768px to Max width 991px 
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-100 {
    padding-top: 60px;
    padding-bottom: 60px; }

  .pt-100 {
    padding-top: 60px; }

  .pb-100 {
    padding-bottom: 60px; }

  .pt-75 {
    padding-top: 35px; }

  .pb-75 {
    padding-bottom: 35px; }

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

  .pb-70 {
    padding-bottom: 35px; }

  .shape {
    display: none; }

  /** Banner Area CSS
  ======================**/
  .banner-area {
    padding-top: 50px;
    padding-bottom: 90px; }

  .banner-content {
    text-align: center;
    margin-bottom: 30px; }
    .banner-content h1 {
      font-size: 42px;
      margin-bottom: 30px; }

  .creative-agency {
    position: unset; }
    .creative-agency p {
      text-align: center;
      margin: auto;
      margin-top: 30px;
      margin-bottom: 30px; }

  .banner-area-two {
    padding-top: 60px;
    padding-bottom: 60px; }

  .banner-content-two {
    margin-bottom: 30px;
    max-width: 100%; }
    .banner-content-two .target {
      margin-bottom: 30px; }
    .banner-content-two h2 {
      font-size: 40px;
      margin-bottom: 20px; }
    .banner-content-two p {
      margin-bottom: 15px; }
    .banner-content-two .circle-btn-two {
      margin-left: 30px; }

  .banner-content-three h1 {
    font-size: 140px; }
  .banner-content-three .banner-btn {
    position: relative;
    top: 0;
    right: 0; }
  .banner-content-three .agency-info {
    position: unset;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%; }
    .banner-content-three .agency-info p {
      margin-bottom: 20px; }

  .banner-img-three {
    bottom: 0; }

  .banner-area-three {
    padding-top: 60px;
    padding-bottom: 100px; }

  .page-banner-area {
    padding-top: 60px;
    padding-bottom: 60px; }

  .page-banner-content h2 {
    font-size: 35px;
    margin-bottom: 20px; }

  /** Brands Area CSS
  ======================**/
  .brands-title {
    margin-bottom: 30px; }
    .brands-title span {
      font-size: 18px; }

  /** About Us Area CSS
  ======================**/
  .about-us-img {
    margin-right: 0;
    margin-bottom: 30px; }

  .about-us-content h2 {
    font-size: 35px;
    margin-bottom: 20px; }
  .about-us-content p {
    font-size: 16px;
    margin-bottom: 20px; }
  .about-us-content .about-list {
    margin-bottom: 20px; }
    .about-us-content .about-list li {
      font-size: 16px; }

  .about-us-content-two h2 {
    font-size: 30px;
    margin-bottom: 20px; }
  .about-us-content-two .mt-40 {
    margin-top: 20px; }

  .about-img-three {
    margin-bottom: 30px; }
    .about-img-three img {
      border-radius: 10px; }

  .about-content-three {
    margin-left: 0; }
    .about-content-three h2 {
      font-size: 30px; }

  /** Section Title Area CSS
  ============================**/
  .top-title {
    font-size: 14px; }

  .section-title {
    margin-bottom: 30px; }
    .section-title h2 {
      font-size: 35px;
      margin-bottom: 20px; }
    .section-title.style-two h2 {
      font-size: 30px; }
    .section-title.style-three h2 {
      font-size: 30px; }

  /** Services Area CSS
  ============================**/
  .services-single-item {
    padding: 25px; }
    .services-single-item p {
      margin-bottom: 20px;
      padding-bottom: 20px; }

  .services-btn {
    margin-top: 15px; }

  .services-wrap {
    margin: 0; }

  .services-single-item-two {
    padding: 30px; }
    .services-single-item-two h3 {
      margin-bottom: 15px;
      font-size: 20px; }
    .services-single-item-two p {
      margin-bottom: 15px; }

  .services-single-item-three {
    padding: 30px; }
    .services-single-item-three h3 {
      font-size: 21px;
      margin-bottom: 15px; }
    .services-single-item-three p {
      margin-bottom: 15px; }
    .services-single-item-three .read-more {
      font-size: 15px; }

  /** Who We Are Area CSS
  ============================**/
  .who-we-are-img {
    margin-left: 0; }

  .who-we-are-content {
    margin-bottom: 30px; }
    .who-we-are-content h2 {
      font-size: 35px;
      margin-bottom: 20px; }
    .who-we-are-content p {
      font-size: 16px; }

  .who-we-are-content-two {
    margin-left: 0;
    margin-top: 30px; }
    .who-we-are-content-two h2 {
      font-size: 30px;
      margin-bottom: 20px; }
    .who-we-are-content-two p {
      margin-bottom: 20px; }

  .who-we-are-img-two {
    margin-left: 0; }

  /** Testimonial Area CSS
  ============================**/
  .testimonial-single-item {
    padding-left: 0; }
    .testimonial-single-item p {
      font-size: 18px;
      margin-bottom: 20px; }

  .testimonials-area-three {
    padding-top: 60px; }
    .testimonials-area-three::before {
      background-color: transparent; }

  .testimonials-single-item-two.style-three p {
    font-size: 18px; }

  .testimonial-img-three {
    margin-right: 0; }

  /** Case Study Area CSS
  ============================**/
  .case-study-content-wrap .slider li:hover {
    flex-grow: 5; }

  /** FAQ Area CSS
  ============================**/
  .faq-img {
    margin-bottom: 30px; }

  /** Counter Area CSS
  ============================**/
  .counter-single-item h2 {
    font-size: 45px;
    margin-bottom: 10px; }
  .counter-single-item p {
    font-size: 14px; }

  /** Recent Cases Area CSS
  ============================**/
  .recent-cases-single-item .tag {
    font-size: 14px; }
  .recent-cases-single-item h3 {
    font-size: 20px; }

  .cases-slide .owl-nav {
    position: unset;
    margin-top: 25px !important; }

  .case-study-single-item-three {
    margin-bottom: 50px; }
    .case-study-single-item-three h3 a {
      font-size: 22px; }
    .case-study-single-item-three .circle-btn {
      opacity: 1;
      position: unset;
      margin-top: 20px; }

  /** Get In Touch Area CSS
  ============================**/
  .get-in-touch-area {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-left: 0;
    margin-right: 0; }

  .get-in-touch-content {
    text-align: center; }
    .get-in-touch-content h2 {
      font-size: 30px; }

  /** Team Area CSS
  ============================**/
  .team-single-item {
    padding: 25px; }
    .team-single-item .info h3 {
      font-size: 20px; }

  /** Marquee Area CSS
  ============================**/
  .marquee-wrapper .marquee a {
    font-size: 30px;
    padding: 30px 75px; }
  .marquee-wrapper .marquee h1 {
    font-size: 90px; }

  .marquee-area-three .row {
    --bs-gutter-x: 1.5rem; }
    .marquee-area-three .row .mt-100 {
      margin-top: 50px; }

  /** Testimonials Area CSS
  ============================**/
  .testimonials-single-item-two {
    margin-right: 0; }
    .testimonials-single-item-two .review {
      margin-bottom: 15px; }
    .testimonials-single-item-two p {
      font-size: 18px;
      padding-bottom: 15px;
      margin-bottom: 15px; }
    .testimonials-single-item-two .info h3 {
      font-size: 20px; }
    .testimonials-single-item-two .info span {
      font-size: 14px; }

  .testimonial-slide-two.owl-theme .owl-nav {
    position: unset;
    margin-top: 20px !important; }

  /** Blog Area CSS
  ============================**/
  .blog-single-item {
    padding: 25px; }
    .blog-single-item h3 {
      font-size: 18px; }

  .blog-info-content h2 {
    font-size: 25px;
    margin-bottom: 20px; }
  .blog-info-content p {
    margin-bottom: 20px; }

  /** Subscribe Area CSS
  ============================**/
  .subscribe-newsletter-content {
    margin-bottom: 30px; }
    .subscribe-newsletter-content h2 {
      font-size: 30px; }

  .subscribe-newsletter-area {
    padding-top: 60px;
    padding-bottom: 60px; }

  .subscribe-newsletter-form .form-control {
    height: 60px; }
  .subscribe-newsletter-form .main-btn {
    padding: 15px 8px; }
    .subscribe-newsletter-form .main-btn span {
      display: none; }
    .subscribe-newsletter-form .main-btn i {
      margin-left: 0; }

  /** Footer Area CSS
  ============================**/
  .footer-single-item h3 {
    margin-bottom: 15px; }
  .footer-single-item p {
    font-size: 17px; }
  .footer-single-item .useful-link li a {
    font-size: 17px; }
  .footer-single-item .contact-info li a {
    font-size: 17px; }
  .footer-single-item.style-two h3 {
    margin-bottom: 15px;
    font-size: 20px; }

  .footer-single-item-three {
    margin-bottom: 30px;
    text-align: center; }
    .footer-single-item-three h2 {
      font-size: 40px; }
    .footer-single-item-three .social-link {
      max-width: 100%;
      text-align: center; }
      .footer-single-item-three .social-link li {
        padding-top: 0 !important;
        padding-bottom: 0 !important; }

  /** Service Details Area CSS
  ============================**/
  .service-details-content h2 {
    font-size: 25px; }
  .service-details-content p {
    font-size: 15px; }

  .sidebar-widget {
    max-width: 100%; }

  /** Cases Details Area CSS
  ============================**/
  .cases-details-top-content {
    padding: 30px 0; }
    .cases-details-top-content h2 {
      font-size: 25px;
      margin-bottom: 20px; }

  /** Blog Details Area CSS
  ============================**/
  .blog-details-content .blog-details-img {
    margin-bottom: 20px; }
  .blog-details-content h2 {
    font-size: 25px; }
  .blog-details-content .mb-60 {
    margin-bottom: 30px; }
  .blog-details-content blockquote {
    padding: 20px; }
    .blog-details-content blockquote img {
      margin-bottom: 20px; }
    .blog-details-content blockquote p {
      font-size: 20px;
      margin-bottom: 15px; }
    .blog-details-content blockquote span {
      font-size: 16px; }
  .blog-details-content .tags-share {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px; }

  /** Contact main Area CSS
  ============================**/
  .contact-us-main-form {
    padding: 25px; }
    .contact-us-main-form h3 {
      margin-bottom: 20px; }
    .contact-us-main-form .form-group .form-control {
      font-size: 14px; }
      .contact-us-main-form .form-group .form-control::placeholder {
        font-size: 14px; }

  .contact-info {
    margin-left: 0;
    margin-top: 30px; }

  /** Product Details main Area CSS
  ============================**/
  .product-details-content {
    margin-left: 0; }
    .product-details-content h3 {
      margin-bottom: 10px; }
    .product-details-content .price {
      margin-bottom: 10px; }

  /** Cart Area CSS
  ============================**/
  .cart-subtotal {
    padding: 25px; } }
/* Min width 992px to Max width 1199px 
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-area .navbar-brand {
    margin-right: 30px; }
  .navbar-area.style-two .nav-right-options .main-btn {
    padding: 10.5px 18px; }
    .navbar-area.style-two .nav-right-options .main-btn i {
      display: none; }

  .main-nav .navbar .navbar-nav .nav-item .nav-link {
    margin-left: 10px;
    margin-right: 10px; }
  .main-nav .nav-right-options .language {
    margin-right: 15px; }

  /** Banner Area CSS
  ======================**/
  .banner-content {
    max-width: 650px; }
    .banner-content h1 {
      font-size: 60px; }

  .banner-area-two {
    padding-top: 100px; }

  .banner-content-two h2 {
    font-size: 50px;
    margin-bottom: 30px;
    margin-bottom: 30px; }
  .banner-content-two p {
    margin-bottom: 30px; }

  .banner-content-three h1 {
    font-size: 140px; }
  .banner-content-three .agency-info {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    max-width: 360px;
    bottom: -174px; }
    .banner-content-three .agency-info p {
      margin-bottom: 20px; }
  .banner-content-three .banner-btn {
    top: 4px;
    right: 200px; }

  .page-banner-area {
    padding-top: 100px;
    padding-bottom: 100px; }

  /** About Us Area CSS
  ======================**/
  .about-us-img {
    margin-right: 0; }

  .about-us-content h2 {
    font-size: 35px; }
  .about-us-content p {
    font-size: 16px; }
  .about-us-content .about-list {
    font-size: 16px;
    margin-bottom: 30px; }

  .about-content-three {
    margin-left: 0; }
    .about-content-three h2 {
      font-size: 40px; }

  /** Services Area CSS
  ============================**/
  .services-single-item {
    padding: 25px; }
    .services-single-item p {
      margin-bottom: 20px;
      padding-bottom: 20px; }

  .services-btn {
    margin-top: 15px; }

  .services-wrap {
    margin: 0; }

  .services-single-item-two {
    padding: 30px; }
    .services-single-item-two h3 {
      margin-bottom: 15px; }
    .services-single-item-two p {
      margin-bottom: 15px; }

  /** Who We Are Area CSS
  ============================**/
  .who-we-are-img {
    margin-left: 0; }

  .who-we-are-content h2 {
    font-size: 39px; }

  .who-we-are-content-two {
    margin-left: 0;
    padding-top: 100px; }
    .who-we-are-content-two h2 {
      font-size: 40px; }

  /** Testimonial Area CSS
  ============================**/
  .testimonial-single-item {
    padding-left: 0; }
    .testimonial-single-item p {
      font-size: 20px;
      margin-bottom: 20px; }

  .testimonials-area-three::before {
    display: none; }

  /** Case Study Area CSS
  ============================**/
  .case-study-content-wrap .slider li:hover {
    flex-grow: 5; }

  /** Footer Area CSS
  ============================**/
  .footer-single-item p {
    font-size: 17px; }
  .footer-single-item.style-two h3 {
    margin-bottom: 15px; }

  /** Counter Area CSS
  ============================**/
  .counter-single-item h2 {
    font-size: 55px;
    margin-bottom: 15px; }

  /** Recent Cases Area CSS
  ============================**/
  .recent-cases-single-item {
    padding: 30px; }

  .get-in-touch-area {
    margin-left: 0;
    margin-right: 0; }

  .get-in-touch-area h2 {
    font-size: 35px; }

  /** Testimonials Area CSS
  ============================**/
  .testimonials-single-item-two {
    margin-right: 0; }
    .testimonials-single-item-two .review {
      margin-bottom: 15px; }
    .testimonials-single-item-two p {
      font-size: 18px;
      padding-bottom: 15px;
      margin-bottom: 15px; }
    .testimonials-single-item-two .info h3 {
      font-size: 20px; }
    .testimonials-single-item-two .info span {
      font-size: 14px; }

  .testimonial-slide-two.owl-theme .owl-nav {
    position: unset;
    margin-top: 20px !important; }

  .main-nav .nav-right-options .social-link li a {
    font-size: 15px; }

  .marquee-area-three .row {
    --bs-gutter-x: 1.5rem; }

  /** Cases Details Area CSS
  ============================**/
  .cases-details-top-content h2 {
    font-size: 30px; }

  /** Blog Details Area CSS
  ============================**/
  .blog-details-content h2 {
    font-size: 40px; }
  .blog-details-content blockquote p {
    font-size: 25px; }

  /** Contact main Area CSS
  ============================**/
  .contact-info {
    margin-left: 0; }

  /** Product Details Area CSS
  ============================**/
  .product-details-content {
    margin-left: 0; }

  /** Cart Area CSS
  ============================**/
  .cart-subtotal {
    padding: 25px; } }
/* Min width 1200px to Max width 1320px 
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 1200px) and (max-width: 1550px) {
  .navbar-area .navbar-brand {
    margin-right: 100px; }
  .navbar-area.style-two .nav-right-options .main-btn {
    padding: 10.5px 18px; }
    .navbar-area.style-two .nav-right-options .main-btn i {
      margin-left: 5px; }

  /** Banner Area CSS
  ======================**/
  .banner-content {
    max-width: 830px; }

  .banner-content-three h1 {
    font-size: 190px; }
  .banner-content-three .agency-info {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    max-width: 360px;
    bottom: -174px; }
    .banner-content-three .agency-info p {
      margin-bottom: 20px; }
  .banner-content-three .banner-btn {
    top: 4px;
    right: 200px; }

  /** Services Area CSS
  ============================**/
  .services-single-item {
    padding: 25px; }
    .services-single-item p {
      margin-bottom: 20px;
      padding-bottom: 20px; }
    .services-single-item ul li {
      font-size: 17px; }

  .services-single-item-two h3 {
    font-size: 20px; }

  /** Recent Cases Area CSS
  ============================**/
  .get-in-touch-area {
    margin-left: 0;
    margin-right: 0; }

  /** Blog Area CSS
  ============================**/
  .blog-single-item {
    padding: 25px; }
    .blog-single-item h3 {
      font-size: 20px; }

  .blog-info-content h2 {
    font-size: 35px; }

  /** Testimonials Area CSS
  ============================**/
  .testimonials-area-three::before {
    display: none; }

  /** Contact main Area CSS
  ============================**/
  .contact-info {
    margin-left: 0; } }
/* Medium devices (tablets, 768px and up) Only Mobil Menu
===========================================================*/
@media only screen and (max-width: 991px) {
  /* Navbar Style
  <<<<=====================>>>>*/
  .navbar-area {
    z-index: 2;
    padding-top: 20px;
    padding-bottom: 20px; }
    .navbar-area .dropdown-toggle::after {
      display: none; }
    .navbar-area .mobile-nav {
      display: block; }
      .navbar-area .mobile-nav .mobile-menu {
        position: relative; }
        .navbar-area .mobile-nav .mobile-menu .logo {
          position: relative;
          z-index: 2;
          max-width: 120px; }
        .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav {
          margin-top: 46px;
          background-color: #ffffff;
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); }
          .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav ul {
            border: none !important;
            background-color: #ffffff; }
            .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav ul li a {
              border-top-color: #efefef;
              color: #030303 !important;
              font-size: 15px;
              font-weight: 600;
              text-transform: capitalize; }
              .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav ul li a.active {
                color: #727272 !important; }
              .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav ul li a.mean-expand {
                width: 100%;
                height: 28px;
                text-align: right;
                padding: 11px !important;
                background: transparent !important;
                border-left: none !important;
                border-bottom: none !important; }
        .navbar-area .mobile-nav .mobile-menu.mean-container .meanmenu-reveal {
          top: 0;
          padding: 0;
          width: 35px;
          height: 30px;
          padding-top: 6px;
          color: #727272; }
          .navbar-area .mobile-nav .mobile-menu.mean-container .meanmenu-reveal span {
            background: #727272;
            height: 4px;
            margin-top: -6px;
            border-radius: 0;
            position: relative;
            top: 8px; }
        .navbar-area .mobile-nav .mobile-menu.mean-container .mean-bar {
          background: transparent;
          position: absolute;
          z-index: 2;
          padding: 0; }
      .navbar-area .mobile-nav .others-options {
        display: none !important; }
    .navbar-area .main-nav {
      display: none !important; }
    .navbar-area .nav-right-options {
      position: absolute;
      top: 7px;
      right: 45px; }
      .navbar-area .nav-right-options .language {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        position: relative;
        padding-left: 22px;
        margin-right: 35px; }
        .navbar-area .nav-right-options .language .form-select {
          padding: 0;
          padding-right: 20px;
          background-color: transparent;
          background-position: right -4px center;
          border: none;
          font-size: 15px;
          font-weight: 500;
          color: #ffffff;
          cursor: pointer;
          background-image: url(../../assets/images/arrow-down.svg); }
          .navbar-area .nav-right-options .language .form-select:focus {
            box-shadow: none; }
          .navbar-area .nav-right-options .language .form-select option {
            color: #030303; }
        .navbar-area .nav-right-options .language i {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0;
          font-size: 16px;
          color: #ffffff; }
      .navbar-area .nav-right-options .src-btn {
        background-color: transparent;
        font-size: 16px; }
      .navbar-area .nav-right-options .menu-btn {
        background-color: transparent;
        font-size: 16px;
        margin-left: 20px;
        margin-right: 10px; }
    .navbar-area.style-two {
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      padding-top: 20px !important;
      padding-bottom: 20px !important; }
    .navbar-area.style-three {
      border-bottom: 1px solid #dddddd; }

  .mean-container .mean-nav ul li a.mean-expand {
    top: -6px; }

  .search-offcanvas .offcanvas-header {
    padding: 15px; }
  .search-offcanvas .offcanvas-body {
    padding: 15px;
    padding-top: 0; }

  .search-offcanvas {
    height: 140px !important; }

  .about-us-img-two {
    margin-left: 0;
    margin-right: 0; } }
/* Medium devices 1400px
===========================================================*/
@media only screen and (min-width: 1400px) {
  .mw-1680 {
    max-width: 1680px;
    padding-left: 30px;
    padding-right: 30px; } }