/* Max width 767px
<<<<=====================================================================>>>>*/
@media only screen and (max-width: 767px) {
  body {
    font-size: 16.00px;
  }
  .ptb-100 {
    padding-top: 62.00px;
    padding-bottom: 62.00px;
  }
  .pt-100 {
    padding-top: 62.00px;
  }
  .pb-100 {
    padding-bottom: 62.00px;
  }
  .pt-75 {
    padding-top: 38.00px;
  }
  .pb-75 {
    padding-bottom: 36.00px;
  }
  .pt-70 {
    padding-top: 38.00px;
  }
  .pb-70 {
    padding-bottom: 36.00px;
  }
  p {
    font-size: 16.00px;
  }
  .shape {
    display: none;
  }
  .main-section-title {
    margin: -5px auto 35px;
  }
  .main-section-title .top-title {
    font-size: 17.00px;
  }
  .main-section-title h2 {
    font-size: 27.00px;
    line-height: normal;
  }
  .main-section-title.left-align {
    text-align: center;
  }
  .main-btn {
    font-size: 15.00px;
    padding: 15px 30px;
  }
  .main-btn i {
    margin-left: 10px;
  }
  .main-detail-btn {
    font-size: 17.00px;
  }
  /** Header Area CSS
  ======================**/
  .header-left-content p {
    font-size: 16.00px;
  }
  .header-right-content li a {
    font-size: 16.00px;
  }
  /** Banner Area CSS
  ======================**/
  .banner-area {
    padding-top: 53.00px;
    padding-bottom: 92.00px;
  }
  .banner-content {
    text-align: center;
    margin-bottom: 32.00px;
  }
  .banner-content h1 {
    font-size: 31.00px;
    margin-bottom: 32.00px;
  }
  .creative-agency {
    position: unset;
  }
  .creative-agency p {
    text-align: center;
    margin: auto;
    margin-top: 33.00px;
    margin-bottom: 32.00px;
  }
  .banner-area-two {
    padding-top: 62.00px;
    padding-bottom: 62.00px;
  }
  .banner-content-two {
    margin-bottom: 32.00px;
  }
  .banner-content-two .target {
    padding-left: 50px;
    margin-bottom: 32.00px;
  }
  .banner-content-two .target::before {
    display: none;
  }
  .banner-content-two h2 {
    font-size: 31.00px;
    margin-bottom: 22.00px;
  }
  .banner-content-two p {
    margin-bottom: 16.00px;
  }
  .banner-content-two .circle-btn-two {
    margin-left: 30px;
  }
  .banner-content-three h1 {
    font-size: 64.00px;
  }
  .banner-content-three .banner-btn {
    position: relative;
    top: 0;
    right: 0;
  }
  .banner-content-three .agency-info {
    position: unset;
    margin-top: 33.00px;
    margin-bottom: 32.00px;
    max-width: 100%;
  }
  .banner-content-three .agency-info p {
    margin-bottom: 22.00px;
  }
  .banner-img-three {
    bottom: 0;
  }
  .banner-area-three {
    padding-top: 62.00px;
    padding-bottom: 105.00px;
  }
  .page-banner-area {
    padding-top: 62.00px;
    padding-bottom: 62.00px;
  }
  .page-banner-content h2 {
    font-size: 31.00px;
    margin-bottom: 16.00px;
  }
  /** Brands Area CSS
  ======================**/
  .brands-title {
    margin-bottom: 32.00px;
  }
  .brands-title span {
    font-size: 21.00px;
  }
  /** About Us Area CSS
  ======================**/
  .about-us-img {
    margin-right: 0;
    margin-bottom: 32.00px;
  }
  .about-us-content h2 {
    font-size: 31.00px;
    margin-bottom: 22.00px;
  }
  .about-us-content p {
    font-size: 17.00px;
    margin-bottom: 22.00px;
  }
  .about-us-content .about-list {
    margin-bottom: 22.00px;
  }
  .about-us-content .about-list li {
    font-size: 17.00px;
  }
  .about-us-content-two h2 {
    font-size: 27.00px;
    margin-bottom: 22.00px;
  }
  .about-us-content-two .mt-40 {
    margin-top: 24.00px;
  }
  .about-img-three {
    margin-bottom: 32.00px;
  }
  .about-img-three img {
    border-radius: 10px;
  }
  .about-content-three {
    margin-left: 0;
  }
  .about-content-three h2 {
    font-size: 27.00px;
  }
  .about-content-three p {
    font-weight: 500;
  }
  /** Section Title Area CSS
  ============================**/
  .top-title {
    font-size: 15.00px;
  }
  .section-title {
    margin-bottom: 32.00px;
  }
  .section-title h2 {
    font-size: 31.00px;
    margin-bottom: 22.00px;
  }
  .section-title.style-two h2 {
    font-size: 27.00px;
  }
  .section-title.style-three h2 {
    font-size: 27.00px;
  }
  /** Services Area CSS
  ============================**/
  .services-single-item {
    padding: 25px;
  }
  .services-single-item p {
    margin-bottom: 22.00px;
    padding-bottom: 21.00px;
  }
  .services-btn {
    margin-top: 17.00px;
  }
  .services-wrap {
    margin: 0;
  }
  .services-single-item-two {
    padding: 30px;
  }
  .services-single-item-two h3 {
    margin-bottom: 16.00px;
    font-size: 25.00px;
  }
  .services-single-item-two p {
    margin-bottom: 16.00px;
  }
  .services-single-item-three {
    padding: 25px;
  }
  .services-single-item-three h3 {
    font-size: 23.00px;
    margin-bottom: 16.00px;
  }
  .services-single-item-three p {
    margin-bottom: 16.00px;
  }
  .services-single-item-three .read-more {
    font-size: 16.00px;
  }
  /** Who We Are Area CSS
  ============================**/
  .who-we-are-img {
    margin-left: 0;
  }
  .who-we-are-content {
    margin-bottom: 32.00px;
  }
  .who-we-are-content h2 {
    font-size: 31.00px;
    margin-bottom: 22.00px;
  }
  .who-we-are-content p {
    font-size: 17.00px;
  }
  .who-we-are-content-two {
    margin-left: 0;
    margin-top: 33.00px;
  }
  .who-we-are-content-two h2 {
    font-size: 27.00px;
    margin-bottom: 22.00px;
  }
  .who-we-are-content-two p {
    margin-bottom: 22.00px;
  }
  .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: 21.00px;
    margin-bottom: 22.00px;
  }
  .testimonial-slide.owl-theme .owl-nav {
    position: unset;
    margin-top: 33.00px !important;
  }
  .testimonials-single-item-two {
    margin-right: 0;
  }
  .testimonials-single-item-two .review {
    margin-bottom: 16.00px;
  }
  .testimonials-single-item-two p {
    font-size: 17.00px;
    padding-bottom: 16.00px;
    margin-bottom: 16.00px;
  }
  .testimonials-single-item-two .info h3 {
    font-size: 21.00px;
  }
  .testimonials-single-item-two .info span {
    font-size: 15.00px;
  }
  .testimonials-single-item-two.style-three p {
    font-size: 17.00px;
  }
  .testimonial-slide-two.owl-theme .owl-nav {
    position: unset;
    margin-top: 24.00px !important;
  }
  .testimonials-area-three {
    padding-top: 62.00px;
  }
  .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: 20.00px;
  }
  .accordion.accordion-content .accordion-item .accordion-body p {
    font-size: 17.00px;
  }
  .faq-img {
    margin-bottom: 32.00px;
  }
  .accordion.accordion-content .accordion-item .accordion-header .accordion-button .count {
    margin-right: 5px;
  }
  .case-study-single-item-three {
    margin-bottom: 55.00px;
  }
  .case-study-single-item-three h3 a {
    font-size: 25.00px;
  }
  .case-study-single-item-three .circle-btn {
    opacity: 1;
    position: unset;
    margin-top: 24.00px;
  }
  /** Counter Area CSS
  ============================**/
  .counter-single-item h2 {
    font-size: 37.00px;
    margin-bottom: 15.00px;
  }
  .counter-single-item p {
    font-size: 15.00px;
  }
  /** Recent Cases Area CSS
  ============================**/
  .recent-cases-single-item {
    padding: 25px;
  }
  .recent-cases-single-item .tag {
    font-size: 15.00px;
  }
  .recent-cases-single-item h3 {
    font-size: 25.00px;
  }
  .cases-slide .owl-nav {
    position: unset;
    margin-top: 26.00px !important;
  }
  /** Get In Touch Area CSS
  ============================**/
  .get-in-touch-area {
    padding-top: 62.00px;
    padding-bottom: 62.00px;
    margin-left: 0;
    margin-right: 0;
  }
  .get-in-touch-content {
    text-align: center;
  }
  .get-in-touch-content h2 {
    font-size: 27.00px;
  }
  /** Team Area CSS
  ============================**/
  .team-single-item {
    padding: 25px;
  }
  .team-single-item .info h3 {
    font-size: 25.00px;
  }
  /** Marquee Area CSS
  ============================**/
  .marquee-wrapper .marquee a {
    font-size: 31.00px;
    padding: 30px 75px;
  }
  .marquee-wrapper .marquee h1 {
    font-size: 86.00px;
  }
  .marquee-area-three .row {
    --bs-gutter-x: 1.5rem;
  }
  .marquee-area-three .row .mt-100 {
    margin-top: 54.00px;
  }
  /** Blog Area CSS
  ============================**/
  .blog-single-item {
    padding: 25px;
  }
  .blog-single-item h3 {
    font-size: 21.00px;
  }
  .blog-info-content h2 {
    font-size: 27.00px;
    margin-bottom: 22.00px;
  }
  .blog-info-content p {
    margin-bottom: 22.00px;
  }
  /** Subscribe Area CSS
  ============================**/
  .subscribe-newsletter-content {
    margin-bottom: 32.00px;
  }
  .subscribe-newsletter-content h2 {
    font-size: 27.00px;
  }
  .subscribe-newsletter-area {
    padding-top: 62.00px;
    padding-bottom: 62.00px;
  }
  .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: 16.00px;
  }
  .footer-single-item p {
    font-size: 22.00px;
  }
  .footer-single-item .useful-link li a {
    font-size: 22.00px;
  }
  .footer-single-item .contact-info li a {
    font-size: 22.00px;
  }
  .footer-single-item.style-two h3 {
    margin-bottom: 16.00px;
    font-size: 25.00px;
  }
  .footer-single-item-three {
    margin-bottom: 32.00px;
    text-align: center;
  }
  .footer-single-item-three h2 {
    font-size: 31.00px;
  }
  .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: 27.00px;
  }
  .service-details-content p {
    font-size: 16.00px;
  }
  .sidebar-widget {
    max-width: 100%;
  }
  /** Cases Details Area CSS
  ============================**/
  .cases-details-top-content {
    padding: 30px 0;
  }
  .cases-details-top-content h2 {
    font-size: 27.00px;
    margin-bottom: 22.00px;
  }
  /** Blog Details Area CSS
  ============================**/
  .blog-details-content .blog-details-img {
    margin-bottom: 22.00px;
  }
  .blog-details-content h2 {
    font-size: 27.00px;
  }
  .blog-details-content .mb-60 {
    margin-bottom: 32.00px;
  }
  .blog-details-content blockquote {
    padding: 24px;
  }
  .blog-details-content blockquote img {
    margin-bottom: 22.00px;
  }
  .blog-details-content blockquote p {
    font-size: 25.00px;
    margin-bottom: 16.00px;
  }
  .blog-details-content blockquote span {
    font-size: 17.00px;
  }
  .blog-details-content .tags-share {
    padding-top: 34.00px;
    padding-bottom: 34.00px;
    margin-bottom: 32.00px;
  }
  /** Contact main Area CSS
  ============================**/
  .contact-us-main-form {
    padding: 25px;
  }
  .contact-us-main-form h3 {
    margin-bottom: 22.00px;
  }
  .contact-us-main-form .form-group .form-control {
    font-size: 15.00px;
  }
  .contact-us-main-form .form-group .form-control::placeholder {
    font-size: 15.00px;
  }
  .contact-info {
    margin-left: 0;
    margin-top: 33.00px;
  }
  /** Product Details main Area CSS
  ============================**/
  .product-details-content {
    margin-left: 0;
  }
  .product-details-content h3 {
    margin-bottom: 15.00px;
  }
  .product-details-content .price {
    margin-bottom: 15.00px;
  }
  .product-info-tabs .nav-item {
    margin-right: 18px;
  }
  .product-info-tabs .nav-item .nav-link {
    font-size: 17.00px;
  }
  /** Cart Area CSS
  ============================**/
  .cart-subtotal {
    padding: 25px;
  }
  .privacy-policy-content h3 {
    font-size: 25.00px;
    margin-bottom: 15.00px;
  }
}
/* Min width 768px to Max width 991px 
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-100 {
    padding-top: 62.00px;
    padding-bottom: 62.00px;
  }
  .pt-100 {
    padding-top: 62.00px;
  }
  .pb-100 {
    padding-bottom: 62.00px;
  }
  .pt-75 {
    padding-top: 38.00px;
  }
  .pb-75 {
    padding-bottom: 36.00px;
  }
  .pt-70 {
    padding-top: 38.00px;
  }
  .pb-70 {
    padding-bottom: 36.00px;
  }
  .shape {
    display: none;
  }
  /** Banner Area CSS
  ======================**/
  .banner-area {
    padding-top: 53.00px;
    padding-bottom: 92.00px;
  }
  .banner-content {
    text-align: center;
    margin-bottom: 32.00px;
  }
  .banner-content h1 {
    font-size: 44.00px;
    margin-bottom: 32.00px;
  }
  .creative-agency {
    position: unset;
  }
  .creative-agency p {
    text-align: center;
    margin: auto;
    margin-top: 33.00px;
    margin-bottom: 32.00px;
  }
  .banner-area-two {
    padding-top: 62.00px;
    padding-bottom: 62.00px;
  }
  .banner-content-two {
    margin-bottom: 32.00px;
    max-width: 100%;
  }
  .banner-content-two .target {
    margin-bottom: 32.00px;
  }
  .banner-content-two h2 {
    font-size: 45.00px;
    margin-bottom: 22.00px;
  }
  .banner-content-two p {
    margin-bottom: 16.00px;
  }
  .banner-content-two .circle-btn-two {
    margin-left: 30px;
  }
  .banner-content-three h1 {
    font-size: 142.00px;
  }
  .banner-content-three .banner-btn {
    position: relative;
    top: 0;
    right: 0;
  }
  .banner-content-three .agency-info {
    position: unset;
    margin-top: 33.00px;
    margin-bottom: 32.00px;
    max-width: 100%;
  }
  .banner-content-three .agency-info p {
    margin-bottom: 22.00px;
  }
  .banner-img-three {
    bottom: 0;
  }
  .banner-area-three {
    padding-top: 62.00px;
    padding-bottom: 105.00px;
  }
  .page-banner-area {
    padding-top: 62.00px;
    padding-bottom: 62.00px;
  }
  .page-banner-content h2 {
    font-size: 37.00px;
    margin-bottom: 22.00px;
  }
  /** Brands Area CSS
  ======================**/
  .brands-title {
    margin-bottom: 32.00px;
  }
  .brands-title span {
    font-size: 21.00px;
  }
  /** About Us Area CSS
  ======================**/
  .about-us-img {
    margin-right: 0;
    margin-bottom: 32.00px;
  }
  .about-us-content h2 {
    font-size: 37.00px;
    margin-bottom: 22.00px;
  }
  .about-us-content p {
    font-size: 17.00px;
    margin-bottom: 22.00px;
  }
  .about-us-content .about-list {
    margin-bottom: 22.00px;
  }
  .about-us-content .about-list li {
    font-size: 17.00px;
  }
  .about-us-content-two h2 {
    font-size: 31.00px;
    margin-bottom: 22.00px;
  }
  .about-us-content-two .mt-40 {
    margin-top: 24.00px;
  }
  .about-img-three {
    margin-bottom: 32.00px;
  }
  .about-img-three img {
    border-radius: 10px;
  }
  .about-content-three {
    margin-left: 0;
  }
  .about-content-three h2 {
    font-size: 31.00px;
  }
  /** Section Title Area CSS
  ============================**/
  .top-title {
    font-size: 15.00px;
  }
  .section-title {
    margin-bottom: 32.00px;
  }
  .section-title h2 {
    font-size: 37.00px;
    margin-bottom: 22.00px;
  }
  .section-title.style-two h2 {
    font-size: 31.00px;
  }
  .section-title.style-three h2 {
    font-size: 31.00px;
  }
  /** Services Area CSS
  ============================**/
  .services-single-item {
    padding: 25px;
  }
  .services-single-item p {
    margin-bottom: 22.00px;
    padding-bottom: 21.00px;
  }
  .services-btn {
    margin-top: 17.00px;
  }
  .services-wrap {
    margin: 0;
  }
  .services-single-item-two {
    padding: 30px;
  }
  .services-single-item-two h3 {
    margin-bottom: 16.00px;
    font-size: 25.00px;
  }
  .services-single-item-two p {
    margin-bottom: 16.00px;
  }
  .services-single-item-three {
    padding: 30px;
  }
  .services-single-item-three h3 {
    font-size: 23.00px;
    margin-bottom: 16.00px;
  }
  .services-single-item-three p {
    margin-bottom: 16.00px;
  }
  .services-single-item-three .read-more {
    font-size: 16.00px;
  }
  /** Who We Are Area CSS
  ============================**/
  .who-we-are-img {
    margin-left: 0;
  }
  .who-we-are-content {
    margin-bottom: 32.00px;
  }
  .who-we-are-content h2 {
    font-size: 37.00px;
    margin-bottom: 22.00px;
  }
  .who-we-are-content p {
    font-size: 17.00px;
  }
  .who-we-are-content-two {
    margin-left: 0;
    margin-top: 33.00px;
  }
  .who-we-are-content-two h2 {
    font-size: 31.00px;
    margin-bottom: 22.00px;
  }
  .who-we-are-content-two p {
    margin-bottom: 22.00px;
  }
  .who-we-are-img-two {
    margin-left: 0;
  }
  /** Testimonial Area CSS
  ============================**/
  .testimonial-single-item {
    padding-left: 0;
  }
  .testimonial-single-item p {
    font-size: 21.00px;
    margin-bottom: 22.00px;
  }
  .testimonials-area-three {
    padding-top: 62.00px;
  }
  .testimonials-area-three::before {
    background-color: transparent;
  }
  .testimonials-single-item-two.style-three p {
    font-size: 21.00px;
  }
  .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: 32.00px;
  }
  /** Counter Area CSS
  ============================**/
  .counter-single-item h2 {
    font-size: 50.00px;
    margin-bottom: 15.00px;
  }
  .counter-single-item p {
    font-size: 15.00px;
  }
  /** Recent Cases Area CSS
  ============================**/
  .recent-cases-single-item .tag {
    font-size: 15.00px;
  }
  .recent-cases-single-item h3 {
    font-size: 25.00px;
  }
  .cases-slide .owl-nav {
    position: unset;
    margin-top: 26.00px !important;
  }
  .case-study-single-item-three {
    margin-bottom: 55.00px;
  }
  .case-study-single-item-three h3 a {
    font-size: 25.00px;
  }
  .case-study-single-item-three .circle-btn {
    opacity: 1;
    position: unset;
    margin-top: 24.00px;
  }
  /** Get In Touch Area CSS
  ============================**/
  .get-in-touch-area {
    padding-top: 62.00px;
    padding-bottom: 62.00px;
    margin-left: 0;
    margin-right: 0;
  }
  .get-in-touch-content {
    text-align: center;
  }
  .get-in-touch-content h2 {
    font-size: 31.00px;
  }
  /** Team Area CSS
  ============================**/
  .team-single-item {
    padding: 25px;
  }
  .team-single-item .info h3 {
    font-size: 25.00px;
  }
  /** Marquee Area CSS
  ============================**/
  .marquee-wrapper .marquee a {
    font-size: 31.00px;
    padding: 30px 75px;
  }
  .marquee-wrapper .marquee h1 {
    font-size: 94.00px;
  }
  .marquee-area-three .row {
    --bs-gutter-x: 1.5rem;
  }
  .marquee-area-three .row .mt-100 {
    margin-top: 54.00px;
  }
  /** Testimonials Area CSS
  ============================**/
  .testimonials-single-item-two {
    margin-right: 0;
  }
  .testimonials-single-item-two .review {
    margin-bottom: 16.00px;
  }
  .testimonials-single-item-two p {
    font-size: 21.00px;
    padding-bottom: 16.00px;
    margin-bottom: 16.00px;
  }
  .testimonials-single-item-two .info h3 {
    font-size: 25.00px;
  }
  .testimonials-single-item-two .info span {
    font-size: 15.00px;
  }
  .testimonial-slide-two.owl-theme .owl-nav {
    position: unset;
    margin-top: 24.00px !important;
  }
  /** Blog Area CSS
  ============================**/
  .blog-single-item {
    padding: 25px;
  }
  .blog-single-item h3 {
    font-size: 21.00px;
  }
  .blog-info-content h2 {
    font-size: 27.00px;
    margin-bottom: 22.00px;
  }
  .blog-info-content p {
    margin-bottom: 22.00px;
  }
  /** Subscribe Area CSS
  ============================**/
  .subscribe-newsletter-content {
    margin-bottom: 32.00px;
  }
  .subscribe-newsletter-content h2 {
    font-size: 31.00px;
  }
  .subscribe-newsletter-area {
    padding-top: 62.00px;
    padding-bottom: 62.00px;
  }
  .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: 16.00px;
  }
  .footer-single-item p {
    font-size: 22.00px;
  }
  .footer-single-item .useful-link li a {
    font-size: 22.00px;
  }
  .footer-single-item .contact-info li a {
    font-size: 22.00px;
  }
  .footer-single-item.style-two h3 {
    margin-bottom: 16.00px;
    font-size: 25.00px;
  }
  .footer-single-item-three {
    margin-bottom: 32.00px;
    text-align: center;
  }
  .footer-single-item-three h2 {
    font-size: 45.00px;
  }
  .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: 27.00px;
  }
  .service-details-content p {
    font-size: 16.00px;
  }
  .sidebar-widget {
    max-width: 100%;
  }
  /** Cases Details Area CSS
  ============================**/
  .cases-details-top-content {
    padding: 30px 0;
  }
  .cases-details-top-content h2 {
    font-size: 27.00px;
    margin-bottom: 22.00px;
  }
  /** Blog Details Area CSS
  ============================**/
  .blog-details-content .blog-details-img {
    margin-bottom: 22.00px;
  }
  .blog-details-content h2 {
    font-size: 27.00px;
  }
  .blog-details-content .mb-60 {
    margin-bottom: 32.00px;
  }
  .blog-details-content blockquote {
    padding: 20px;
  }
  .blog-details-content blockquote img {
    margin-bottom: 22.00px;
  }
  .blog-details-content blockquote p {
    font-size: 25.00px;
    margin-bottom: 16.00px;
  }
  .blog-details-content blockquote span {
    font-size: 17.00px;
  }
  .blog-details-content .tags-share {
    padding-top: 34.00px;
    padding-bottom: 34.00px;
    margin-bottom: 32.00px;
  }
  /** Contact main Area CSS
  ============================**/
  .contact-us-main-form {
    padding: 25px;
  }
  .contact-us-main-form h3 {
    margin-bottom: 22.00px;
  }
  .contact-us-main-form .form-group .form-control {
    font-size: 15.00px;
  }
  .contact-us-main-form .form-group .form-control::placeholder {
    font-size: 15.00px;
  }
  .contact-info {
    margin-left: 0;
    margin-top: 33.00px;
  }
  /** Product Details main Area CSS
  ============================**/
  .product-details-content {
    margin-left: 0;
  }
  .product-details-content h3 {
    margin-bottom: 15.00px;
  }
  .product-details-content .price {
    margin-bottom: 15.00px;
  }
  /** 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: 64.00px;
  }
  .banner-area-two {
    padding-top: 105.00px;
  }
  .banner-content-two h2 {
    font-size: 51.00px;
    margin-bottom: 32.00px;
    margin-bottom: 32.00px;
  }
  .banner-content-two p {
    margin-bottom: 32.00px;
  }
  .banner-content-three h1 {
    font-size: 142.00px;
  }
  .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: 22.00px;
  }
  .banner-content-three .banner-btn {
    top: 4px;
    right: 200px;
  }
  .page-banner-area {
    padding-top: 105.00px;
    padding-bottom: 105.00px;
  }
  /** About Us Area CSS
  ======================**/
  .about-us-img {
    margin-right: 0;
  }
  .about-us-content h2 {
    font-size: 37.00px;
  }
  .about-us-content p {
    font-size: 17.00px;
  }
  .about-us-content .about-list {
    font-size: 17.00px;
    margin-bottom: 32.00px;
  }
  .about-content-three {
    margin-left: 0;
  }
  .about-content-three h2 {
    font-size: 45.00px;
  }
  /** Services Area CSS
  ============================**/
  .services-single-item {
    padding: 25px;
  }
  .services-single-item p {
    margin-bottom: 22.00px;
    padding-bottom: 21.00px;
  }
  .services-btn {
    margin-top: 17.00px;
  }
  .services-wrap {
    margin: 0;
  }
  .services-single-item-two {
    padding: 30px;
  }
  .services-single-item-two h3 {
    margin-bottom: 16.00px;
  }
  .services-single-item-two p {
    margin-bottom: 16.00px;
  }
  /** Who We Are Area CSS
  ============================**/
  .who-we-are-img {
    margin-left: 0;
  }
  .who-we-are-content h2 {
    font-size: 42.00px;
  }
  .who-we-are-content-two {
    margin-left: 0;
    padding-top: 105.00px;
  }
  .who-we-are-content-two h2 {
    font-size: 45.00px;
  }
  /** Testimonial Area CSS
  ============================**/
  .testimonial-single-item {
    padding-left: 0;
  }
  .testimonial-single-item p {
    font-size: 25.00px;
    margin-bottom: 22.00px;
  }
  .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: 22.00px;
  }
  .footer-single-item.style-two h3 {
    margin-bottom: 16.00px;
  }
  /** Counter Area CSS
  ============================**/
  .counter-single-item h2 {
    font-size: 57.00px;
    margin-bottom: 16.00px;
  }
  /** 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: 37.00px;
  }
  /** Testimonials Area CSS
  ============================**/
  .testimonials-single-item-two {
    margin-right: 0;
  }
  .testimonials-single-item-two .review {
    margin-bottom: 16.00px;
  }
  .testimonials-single-item-two p {
    font-size: 21.00px;
    padding-bottom: 16.00px;
    margin-bottom: 16.00px;
  }
  .testimonials-single-item-two .info h3 {
    font-size: 25.00px;
  }
  .testimonials-single-item-two .info span {
    font-size: 15.00px;
  }
  .testimonial-slide-two.owl-theme .owl-nav {
    position: unset;
    margin-top: 24.00px !important;
  }
  .main-nav .nav-right-options .social-link li a {
    font-size: 16.00px;
  }
  .marquee-area-three .row {
    --bs-gutter-x: 1.5rem;
  }
  /** Cases Details Area CSS
  ============================**/
  .cases-details-top-content h2 {
    font-size: 31.00px;
  }
  /** Blog Details Area CSS
  ============================**/
  .blog-details-content h2 {
    font-size: 45.00px;
  }
  .blog-details-content blockquote p {
    font-size: 27.00px;
  }
  /** 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: 195.00px;
  }
  .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: 22.00px;
  }
  .banner-content-three .banner-btn {
    top: 4px;
    right: 200px;
  }
  /** Services Area CSS
  ============================**/
  .services-single-item {
    padding: 25px;
  }
  .services-single-item p {
    margin-bottom: 22.00px;
    padding-bottom: 21.00px;
  }
  .services-single-item ul li {
    font-size: 22.00px;
  }
  .services-single-item-two h3 {
    font-size: 25.00px;
  }
  /** 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: 25.00px;
  }
  .blog-info-content h2 {
    font-size: 37.00px;
  }
  /** 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: 22.00px;
    padding-bottom: 21.00px;
  }
  .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: 47.00px;
    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: 16.00px;
    font-weight: 600;
    text-transform: capitalize;
  }
  .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav ul li a.active {
    color: #FD6219 !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: 9.00px;
    color: #FD6219;
  }
  .navbar-area .mobile-nav .mobile-menu.mean-container .meanmenu-reveal span {
    background: #FD6219;
    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: 16.00px;
    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: 17.00px;
    color: #ffffff;
  }
  .navbar-area .nav-right-options .src-btn {
    background-color: transparent;
    font-size: 17.00px;
  }
  .navbar-area .nav-right-options .menu-btn {
    background-color: transparent;
    font-size: 17.00px;
    margin-left: 20px;
    margin-right: 10px;
  }
  .navbar-area.style-two {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 22.00px !important;
    padding-bottom: 21.00px !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;
  }
}/*# sourceMappingURL=responsive.css.map */