/* Max width 767px */
@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }
  .ptb-100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .ptb-150 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .pt-150 {
    padding-top: 60px;
  }
  .pb-150 {
    padding-bottom: 60px;
  }
  .pb-120 {
    padding-bottom: 30px;
  }
  .pt-120 {
    padding-top: 30px;
  }
  .ptb-75 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pt-75 {
    padding-top: 35px;
  }
  .pb-75 {
    padding-bottom: 35px;
  }
  .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .default-btn {
    padding: 10px 25px;
  }
  .section-title {
    margin-bottom: 30px;
  }
  .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
    font-size: 24px;
  }
  .banner-area {
    padding-top: 60px;
  }
  .main-banner-title h2 {
    font-size: 40px;
  }
  .main-banner-title h2 .shape-one {
    display: none;
  }
  .banner-content {
    margin-left: 0;
    margin-top: 30px;
  }
  .banner-content .shape2 {
    display: none;
  }
  .banner-content h2 {
    font-size: 40px;
    margin-top: 0;
  }
  .banner-content p {
    margin-top: 10px;
  }
  .banner-two-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .banner-two-overly .banner-shapes .shape-one {
    display: none;
  }
  .banner-two-overly .banner-shapes .shape-two {
    display: none;
  }
  .banner-two-overly .banner-shapes .shape-three {
    display: none;
  }
  .banner-two-overly .social-content ul li {
    margin-right: 8px;
  }
  .banner-two-overly .social-content ul li a::before {
    right: -16px;
  }
  .banner-two-content h2 {
    font-size: 50px;
  }
  .banner-two-content p {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .banner-two-content .banner-btn {
    height: 130px;
    width: 130px;
    line-height: 130px;
    margin-bottom: 25px;
  }
  .banner-three-overly {
    padding-top: 120px;
    padding-bottom: 60px;
  }
  .banner-three-content {
    margin-right: 0;
    margin-left: 0;
  }
  .banner-three-content h2 {
    font-size: 36px;
  }
  .banner-three-content h2 br {
    display: none;
  }
  .banner-three-content p {
    font-size: 16px;
  }
  .banner-three-content .banner-shape {
    display: none;
  }
  .page-banner-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .page-banner-content h1, .page-banner-content h2, .page-banner-content h3, .page-banner-content h4, .page-banner-content h5, .page-banner-content h6 {
    font-size: 40px;
  }
  .page-banner-content ul li {
    font-size: 16px;
  }
  .marketing-content h2 {
    font-size: 30px;
  }
  .marketing-content h2 i {
    top: 6px;
  }
  .marketing-area.style2 .marketing-content h2 {
    font-size: 50px;
  }
  .about-left-image {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .about-right-content {
    margin-left: 0;
  }
  .about-area.style2 .shape-one {
    display: none;
  }
  .about-area.style2 .about-left-image {
    margin-top: 0;
  }
  .about-two-area {
    padding-top: 60px;
  }
  .about-two-area .container-fluid {
    padding-right: 12px;
  }
  .about-two-content p {
    font-size: 16px;
    margin-right: 0;
  }
  .about-two-content .btn-style3 {
    float: left;
  }
  .about-two-content .shape {
    display: none;
  }
  .about-two-image-content {
    margin-left: 0;
    margin-top: 25px;
  }
  .about-three-image {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .about-three-right-content .content-and-img {
    padding-right: 0;
  }
  .about-three-right-content .content-and-img p {
    padding-right: 0;
  }
  .about-three-right-content .content-and-img .shape-img {
    display: none;
  }
  .about-three-right-content .about-funfact-item h2 {
    font-size: 50px;
  }
  .about-three-right-content .quote-content {
    margin-bottom: 30px;
  }
  .about-three-right-content .col-lg-4:nth-child(2) .about-funfact-item {
    margin-left: 0;
  }
  .single-services-items .services-item-title {
    padding-left: 0;
  }
  .single-services-items .services-item-title h3 a {
    font-size: 20px;
  }
  .single-services-items .services-item-title h3 span {
    font-size: 18px;
    top: -2px;
    margin-right: 8px;
  }
  .single-services-items .services-btn {
    text-align: start;
    margin-top: 15px;
  }
  .single-services-items .services-btn a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  .single-services-card {
    padding: 25px;
  }
  .single-services-card .icon {
    margin-bottom: 8px;
  }
  .single-services-card .icon i {
    font-size: 80px;
  }
  .services-details-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .services-details-content .details-top-content .content-one {
    margin-bottom: 30px;
  }
  .services-details-content .details-bottom-content .services-content-two {
    margin-left: 0;
  }
  .services-details-content .details-bottom-content .services-content-two .feature-list li {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .services-details-content .details-bottom-content .shape {
    display: none;
  }
  .single-services-item {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
  }
  .single-services-item .image {
    margin-left: 0;
    margin-right: 0;
    bottom: 0;
    opacity: 1;
    margin-bottom: 25px;
  }
  .single-services-item .services-item-title h3 {
    max-height: unset;
    font-size: 24px;
    writing-mode: unset;
    transform: rotate(0);
  }
  .single-services-item .services-item-title span {
    font-size: 24px;
    writing-mode: unset;
    transform: rotate(0);
    left: 0;
    margin-top: 5px;
  }
  .portfolio-area.style1 .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
    left: 0;
  }
  .portfolio-area.style1 .default-btn {
    margin-bottom: 30px;
  }
  .single-portfolio-item .content h3 {
    font-size: 20px;
  }
  .portfolio-details-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .portfolio-details-content .details-top-content .portfolio-details-list {
    padding-top: 20px;
    margin-bottom: 30px;
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two {
    margin-top: 30px;
    margin-left: 0;
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two .quote {
    padding-left: 20px;
    border-left: 2px solid var(--primaryColor);
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two .quote::before {
    display: none;
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two .feature-list li {
    font-size: 18px;
  }
  .portfolio-details-content .solution-content {
    padding-top: 30px;
  }
  .portfolio-details-content .solution-content h2 {
    margin-bottom: 15px;
  }
  .portfolio-tabs.nav-tabs {
    border-bottom: unset;
    margin-bottom: 25px;
  }
  .portfolio-tabs.nav-tabs .nav-item .nav-link {
    padding-right: 10px;
    padding-left: 10px;
  }
  .single-portfolio-card {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .single-portfolio-card .content {
    position: unset;
  }
  .single-portfolio-card .content h3 {
    writing-mode: unset;
    margin-top: 20px;
    font-size: 22px;
  }
  .col-lg-6:nth-child(2) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(3) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(4) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(5) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(6) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(7) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(8) .single-portfolio-card {
    margin-top: 0;
  }
  .portfolio-area.style3 {
    padding-bottom: 30px;
  }
  .portfolio-area.style3 .portfolio-three-title {
    margin-bottom: 20px;
  }
  .marketing-all-content {
    margin-top: 0px;
  }
  .marketing-content-one {
    bottom: 0;
    transform: rotate(0);
  }
  .marketing-content-one h2 {
    font-size: 30px;
  }
  .marketing-content-two {
    bottom: 0;
    transform: rotate(0);
  }
  .marketing-content-two h2 {
    font-size: 30px;
  }
  .single-portfolio-item-style4 .content {
    left: 20px;
    bottom: 20px;
    max-width: 300px;
    padding: 20px;
    opacity: 1;
  }
  .single-portfolio-item-style4 .content h3 {
    font-size: 24px;
  }
  .portfolio-four-title {
    margin-bottom: 30px;
  }
  .portfolio-four-title .section-title {
    margin-bottom: 25px;
  }
  .choose-content .img-and-experiens {
    margin-top: 20px;
  }
  .choose-content .img-and-experiens .choose-img-one {
    display: none;
  }
  .choose-content .img-and-experiens h2 {
    font-size: 70px;
    margin-left: 0;
  }
  .choose-video-content .shape {
    display: none;
  }
  .choose-video-content .video-btn {
    height: 60px;
    width: 60px;
    line-height: 70px;
    top: 35%;
  }
  .choose-video-content .video-btn i {
    font-size: 30px;
    line-height: 60px;
    left: 1px;
  }
  .choose-area.style2 .marketings-content {
    margin-top: 60px;
  }
  .choose-area.style2 .marketings-content h2 {
    font-size: 32px;
  }
  .choose-style2-content .feature-list li {
    font-size: 18px;
  }
  .testimonials-area .quote-img {
    display: none;
  }
  .single-testimonial-item .client-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .single-testimonial-item .review-content p {
    font-size: 16px;
  }
  .single-testimonial-item .review-content h3 {
    font-size: 20px;
  }
  .single-review-item {
    padding-left: 0;
    margin-bottom: 50px;
  }
  .single-review-item .review-content p {
    font-size: 16px;
  }
  .single-review-item h3 {
    font-size: 20px;
  }
  .client-image-content {
    display: none;
  }
  .testimonial-slide.style2 .swiper-pagination-bullet {
    left: 0;
  }
  .single-testimonial-item-style2 {
    margin-right: 0;
  }
  .single-testimonial-item-style2 p {
    font-size: 18px;
    margin-top: 20px;
  }
  .single-testimonial-item-style2 h3 {
    font-size: 20px;
  }
  .pricing-area .shape {
    display: none;
  }
  .pricing-area.style2 .section-title {
    margin-bottom: 30px;
  }
  .pricing-area.style3 .section-title {
    margin-bottom: 30px;
  }
  .single-pricing-item {
    padding: 25px;
  }
  .single-pricing-item h3 {
    font-size: 26px;
  }
  .single-pricing-item h2 {
    font-size: 50px;
  }
  .col-lg-4:nth-child(2) .single-pricing-item.style2 {
    transform: translateY(0);
  }
  .col-lg-4:nth-child(2) .single-pricing-item.style3 {
    transform: translateY(0);
  }
  .funfact-area {
    padding-bottom: 70px;
  }
  .single-funfact-item {
    display: unset !important;
  }
  .single-funfact-item h2 {
    font-size: 50px;
  }
  .single-funfact-item p {
    max-width: 100%;
    top: 0;
  }
  .team-area-with-wrap .section-with-btn {
    margin-bottom: 30px;
  }
  .team-area-with-wrap .section-with-btn .section-title {
    margin-bottom: 20px;
  }
  .team-with-simple-slide {
    display: unset;
  }
  .team-with-simple-slide .slide {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .team-with-simple-slide .slide .content h3 {
    display: none;
  }
  .team-with-simple-slide .slide .bottom-content {
    bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    bottom: 0;
    opacity: 1;
    visibility: visible;
  }
  .team-with-simple-slide .slide .bottom-content h3 {
    font-size: 20px;
  }
  .team-with-simple-slide .slide .bottom-content .social-icon {
    right: 20px;
  }
  .team-with-simple-slide .slide .bottom-content .social-icon a {
    height: 40px;
    width: 40px;
    line-height: 38px;
    font-size: 18px;
  }
  .team-area.style2 .shape {
    display: none;
  }
  .single-team-card .content {
    left: 20px;
    bottom: 20px;
  }
  .single-team-card .content h3 {
    font-size: 20px;
  }
  .single-team-card .content .social-icon {
    right: 40px;
    opacity: 0;
  }
  .team-details-area .shape {
    display: none;
  }
  .team-details-content {
    margin-left: 0;
    margin-top: 30px;
  }
  .team-details-content h2 {
    font-size: 24px;
  }
  .team-details-content .designation {
    margin-bottom: 20px;
  }
  .team-details-content .quote-content {
    padding-left: 25px;
  }
  .team-details-content .contact-info {
    margin-bottom: 25px;
  }
  .team-details-content .contact-info a {
    font-size: 18px;
  }
  .blog-area .title-with-btn {
    margin-bottom: 30px;
  }
  .single-blog-card .blog-content h3 {
    font-size: 20px;
  }
  .single-blog-card.style2 .blog-content {
    padding: 20px;
  }
  .single-blog-item .blog-image {
    position: unset;
    visibility: visible;
    opacity: 1;
    max-width: 100%;
    margin-bottom: 25px;
  }
  .single-blog-item .blog-image::before {
    display: none;
  }
  .single-blog-item .blog-content {
    margin-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .single-blog-item .blog-content h3 {
    font-size: 20px;
  }
  .single-blog-item .blog-content .view-btn {
    height: 45px;
    width: 45px;
    line-height: 45px;
    position: unset;
    margin-top: 20px;
  }
  .blog-details-desc {
    margin-right: 0;
  }
  .single-feature-item {
    padding: 20px;
  }
  .single-feature-item h3 {
    font-size: 20px;
  }
  .single-feature-item h3 br {
    display: none;
  }
  .single-feature-item .icon i {
    font-size: 80px;
  }
  .feature-area .section-title p {
    font-size: 15px;
  }
  .platform-left-content .title {
    font-size: 24px;
  }
  .platform-left-content .platform-tabs {
    margin-right: 0;
  }
  .platform-left-content .platform-tabs .nav-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link {
    padding-left: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link span {
    height: 50px;
    width: 50px;
    line-height: 48px;
    font-size: 20px;
    top: -2px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link h3 {
    font-size: 20px;
  }
  .platform-img-content .tab-content .plat-img {
    margin-right: 0;
    transform: rotate(0deg) !important;
    margin-bottom: 30px;
  }
  .question-area .container-fluid {
    padding-left: 12px;
  }
  .question-form-content {
    margin-top: 30px;
    margin-bottom: 60px;
  }
  .question-form-content h2 {
    font-size: 24px;
    margin-bottom: 25px;
  }
  .partner-funfact-content {
    margin-bottom: 25px;
  }
  .partner-funfact-content::before {
    display: none;
  }
  .partner-funfact-content h2 {
    font-size: 36px;
  }
  .faq-accordion .accordion-item {
    margin-bottom: 15px;
    padding-right: 30px;
    margin-right: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .faq-accordion .accordion-item .accordion-button {
    font-size: 16px;
  }
  .faq-accordion .accordion-item .accordion-button::before {
    right: -30px;
  }
  .faq-img-and-content {
    margin-right: 0;
  }
  .faq-img-and-content h2 {
    font-size: 24px;
  }
  .faq-img-and-content .category-list {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .faq-accordion-content.style2 {
    margin-left: 0;
  }
  .lets-talk-overly .content h2 {
    font-size: 24px;
  }
  .contact-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .contact-content h3 {
    font-size: 20px;
  }
  .contact-area .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .map-area {
    margin-left: 0;
  }
  .map-area iframe {
    height: 450px;
  }
  /*===========================================================================================
  Home Four & Five New CSS
  =============================================================================================*/
  .banner-four-area .container-fluid {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .banner-four-area .container-fluid .lines .line {
    border-left: 1px solid #fdf5f5;
  }
  .banner-four-area .content-overly {
    padding-left: 0;
  }
  .banner-four-area .content-overly .img {
    display: none;
  }
  .banner-four-area .content-overly .content p {
    font-size: 16px;
    font-weight: 500;
  }
  .banner-four-content h1 {
    font-size: 34px;
  }
  .banner-four-content .shape2 {
    display: none;
  }
  .bottom-content .left-content {
    margin-top: 30px;
  }
  .bottom-content .left-content .social li {
    margin-right: 15px;
  }
  .bottom-content .left-content .social li::before {
    right: -10px;
  }
  .bottom-content .right-content {
    margin-top: 30px;
  }
  .about-four-image .funfact-content {
    top: 0;
  }
  .about-four-image .funfact-content .con {
    justify-content: start;
  }
  .about-four-image .funfact-content .con h2 {
    font-size: 60px;
  }
  .about-four-right-content {
    margin-left: 0;
  }
  .about-four-right-content .con1 {
    font-size: 16px;
  }
  .about-four-right-content .quote-content {
    padding: 15px;
    margin-top: 35px;
    margin-left: 0;
  }
  .about-four-right-content .quote-content .top-con h4 {
    font-size: 16px;
  }
  .about-four-right-content .quote-content p {
    font-size: 16px;
  }
  .service-right-content {
    margin-top: 30px;
  }
  .service-right-content .service-simple-item {
    padding-left: 60px;
  }
  .service-right-content .service-simple-item .con {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .video-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .single-portfolio-item-style6 {
    margin-bottom: 25px;
  }
  .single-portfolio-item-style6.style2 {
    text-align: start;
    margin-left: 0;
  }
  .single-portfolio-item-style6.style3 {
    margin-right: 0;
  }
  .single-portfolio-item-style6 .content h3 {
    font-size: 18px;
  }
  .testimonials-four-area {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .testimonials-four-area .testimonial-slide2 .swiper-pagination2 {
    top: 0px;
  }
  .single-testimonial-item-style4 {
    padding: 20px;
    margin-bottom: 15px;
  }
  .single-testimonial-item-style4 p {
    font-size: 16px;
  }
  .single-testimonial-item-style4 .top-content .con {
    margin-left: 20px;
  }
  .single-testimonial-item-style4 .top-content .con h3 {
    font-size: 18px;
  }
  .single-testimonial-item-style4 .top-content .quote-icon {
    display: none;
  }
  .col-lg-4:nth-child(1) .single-team-card2 {
    margin-top: 0;
  }
  .col-lg-4:nth-child(3) .single-team-card2 {
    margin-top: 0;
  }
  .single-team-card2 .content h3 {
    font-size: 20px;
  }
  .award-left-content ul li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 18px;
  }
  .award-left-content ul li span {
    display: block;
    position: unset;
    margin-top: 10px;
  }
  .banner-five-area {
    padding-top: 70px;
    padding-bottom: 130px;
  }
  .banner-five-area .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .banner-five-area .banner-five-overly .social-content {
    bottom: -60px;
  }
  .banner-five-content h2 {
    font-size: 40px;
  }
  .banner-five-content .content {
    margin-top: 0;
  }
  .banner-five-content .content p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .about-five-image {
    margin-right: 0;
  }
  .about-five-image {
    margin-bottom: 20px;
  }
  .about-five-image h2 {
    font-size: 28px;
    margin-bottom: 25px;
  }
  .about-five-right-content .con1 {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .about-five-right-content .con2 {
    margin-left: 0;
    padding-left: 25px;
  }
  .about-five-right-content .bottom-content {
    margin-left: 0;
  }
  .about-five-right-content .bottom-content .fun-item {
    margin-top: 10px;
  }
  .about-five-right-content .bottom-content .fun-item h2 {
    font-size: 44px;
  }
  .marketing-area.style6 .marketing-content.style2 {
    margin-top: 15px;
  }
  .portfolio-area.style5 .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .service-five-left-content .section-title {
    margin-right: 0;
    margin-bottom: 35px;
  }
  .service-five-left-content .service-btn {
    height: 100px;
    width: 100px;
    padding-top: 30px;
    position: unset;
    margin-bottom: 30px;
  }
  .service-five-left-content .portfolio-tabs-two .nav-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .service-five-left-content .portfolio-tabs-two .nav-item .nav-link {
    font-size: 16px;
  }
  .service-five-right-content .service-simple-card {
    padding: 25px 30px;
    position: relative;
    margin-left: 0;
    margin-top: 0;
  }
  .service-five-right-content .service-simple-card .btns {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 18px;
    right: 25px;
    top: 25px;
  }
  .service-five-right-content .image {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .video-area-two .video-overly {
    padding-top: 200px;
  }
  .video-area-two .video-overly .video-content {
    margin-right: 30px;
  }
  .video-area-two .video-overly .video-content span {
    font-size: 26px;
    margin-right: 20px;
  }
  .video-area-two .video-overly .video-content .video-btn {
    height: 65px;
    width: 65px;
    line-height: 87px;
  }
  .video-area-two .video-overly .video-content .video-btn i {
    font-size: 34px;
    line-height: 65px;
  }
  .testimonials-content.style5 {
    margin-left: 12px;
  }
  .testimonials-area-five {
    padding-bottom: 50px;
  }
  .testimonials-area-five .single-review-item .quote-img {
    display: none;
  }
  .blog-area-five .top-content .blog-right-btn {
    position: unset;
    margin-bottom: 20px;
  }
}
/* Min width 9px to Max width 1199px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 15px;
  }
  p {
    font-size: 15px;
  }
  .ptb-100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .ptb-150 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .pt-150 {
    padding-top: 60px;
  }
  .pb-150 {
    padding-bottom: 60px;
  }
  .pb-120 {
    padding-bottom: 30px;
  }
  .pt-120 {
    padding-top: 30px;
  }
  .ptb-70 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pt-70 {
    padding-top: 30px;
  }
  .pb-75 {
    padding-bottom: 35px;
  }
  .default-btn {
    padding: 12px 25px;
  }
  .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .section-title {
    margin-bottom: 35px;
    max-width: 490px;
  }
  .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
    font-size: 26px;
  }
  .banner-area {
    padding-top: 60px;
  }
  .main-banner-title h2 {
    font-size: 60px;
  }
  .main-banner-title h2 .shape-one {
    display: none;
  }
  .banner-content {
    margin-left: 0;
    margin-top: 30px;
  }
  .banner-content .shape2 {
    display: none;
  }
  .banner-content h2 {
    font-size: 60px;
    margin-top: 0;
  }
  .banner-content p {
    margin-top: 10px;
  }
  .banner-two-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .banner-two-overly .banner-shapes .shape-one {
    display: none;
  }
  .banner-two-overly .banner-shapes .shape-two {
    display: none;
  }
  .banner-two-overly .banner-shapes .shape-three {
    display: none;
  }
  .banner-two-overly .social-content {
    margin-left: 20px;
  }
  .banner-two-overly .social-content ul li {
    margin-right: 8px;
  }
  .banner-two-overly .social-content ul li a {
    right: -16px;
  }
  .banner-two-content {
    max-width: 550px;
  }
  .banner-two-content h2 {
    font-size: 60px;
  }
  .banner-two-content p {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .banner-two-content .banner-btn {
    height: 130px;
    width: 130px;
    line-height: 130px;
    margin-bottom: 25px;
  }
  .banner-three-overly {
    padding-top: 140px;
    padding-bottom: 70px;
  }
  .banner-three-content {
    margin-right: 0;
    margin-left: 0;
  }
  .banner-three-content h2 {
    font-size: 50px;
  }
  .banner-three-content h2 br {
    display: none;
  }
  .banner-three-content p {
    font-size: 16px;
  }
  .banner-three-content .banner-shape {
    display: none;
  }
  .page-banner-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .page-banner-content h1, .page-banner-content h2, .page-banner-content h3, .page-banner-content h4, .page-banner-content h5, .page-banner-content h6 {
    font-size: 40px;
  }
  .page-banner-content ul li {
    font-size: 16px;
  }
  .marketing-content h2 {
    font-size: 30px;
  }
  .marketing-content h2 i {
    top: 6px;
  }
  .marketing-area.style2 .marketing-content h2 {
    font-size: 60px;
  }
  .about-left-image {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .about-right-content {
    margin-left: 0;
  }
  .about-area.style2 .shape-one {
    display: none;
  }
  .about-area.style2 .about-left-image {
    margin-top: 0;
  }
  .about-two-area {
    padding-top: 60px;
  }
  .about-two-area .container-fluid {
    padding-right: 12px;
  }
  .about-two-content p {
    font-size: 18px;
    margin-right: 12px;
  }
  .about-two-content .btn-style3 {
    float: left;
  }
  .about-two-content .shape {
    display: none;
  }
  .about-two-image-content {
    margin-left: 0;
    margin-top: 25px;
  }
  .about-two-image-content img {
    width: 100%;
  }
  .about-three-image {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .about-three-area .section-title {
    max-width: 490px;
  }
  .about-three-right-content .content-and-img p {
    padding-right: 0;
  }
  .about-three-right-content .about-funfact-item h2 {
    font-size: 50px;
  }
  .about-three-right-content .quote-content {
    margin-bottom: 30px;
  }
  .about-three-right-content .col-lg-4:nth-child(2) .about-funfact-item {
    margin-left: 0;
  }
  .single-services-items .services-item-title {
    padding-left: 0;
  }
  .single-services-items .services-item-title h3 a {
    font-size: 24px;
  }
  .single-services-items .services-item-title h3 span {
    font-size: 18px;
    top: -2px;
    margin-right: 8px;
  }
  .single-services-items .services-btn {
    text-align: start;
    margin-top: 15px;
  }
  .single-services-items .services-btn a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  .single-services-card {
    padding: 25px;
  }
  .single-services-card .icon {
    margin-bottom: 5px;
  }
  .single-services-card .icon i {
    font-size: 100px;
  }
  .services-details-content h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .services-details-content .details-top-content .content-one {
    margin-bottom: 30px;
  }
  .services-details-content .details-bottom-content .services-content-two {
    margin-left: 0;
  }
  .services-details-content .details-bottom-content .services-content-two .feature-list li {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .services-details-content .details-bottom-content .shape {
    display: none;
  }
  .single-services-item {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
  }
  .single-services-item .image {
    margin-left: 0;
    margin-right: 0;
    bottom: 0;
    opacity: 1;
    margin-bottom: 25px;
  }
  .single-services-item .services-item-title h3 {
    max-height: unset;
    font-size: 24px;
    writing-mode: unset;
    transform: rotate(0);
  }
  .single-services-item .services-item-title span {
    font-size: 24px;
    writing-mode: unset;
    transform: rotate(0);
    left: 0;
    margin-top: 5px;
  }
  .portfolio-area.style1 .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
    left: 0;
  }
  .single-portfolio-item .content h3 {
    font-size: 20px;
  }
  .portfolio-details-content h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .portfolio-details-content .details-top-content .portfolio-details-list {
    padding-top: 20px;
    margin-bottom: 30px;
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two {
    margin-top: 30px;
    margin-left: 0;
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two .quote {
    padding-left: 20px;
    border-left: 2px solid var(--primaryColor);
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two .quote::before {
    display: none;
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two .feature-list li {
    font-size: 18px;
  }
  .portfolio-details-content .solution-content {
    padding-top: 30px;
  }
  .portfolio-details-content .solution-content h2 {
    margin-bottom: 15px;
  }
  .portfolio-tabs.nav-tabs {
    border-bottom: unset;
    margin-bottom: 25px;
  }
  .portfolio-tabs.nav-tabs .nav-item .nav-link {
    padding-right: 10px;
    padding-left: 10px;
  }
  .single-portfolio-card {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .single-portfolio-card .content {
    position: unset;
  }
  .single-portfolio-card .content h3 {
    writing-mode: unset;
    margin-top: 20px;
    font-size: 22px;
  }
  .col-lg-6:nth-child(2) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(3) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(4) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(5) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(6) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(7) .single-portfolio-card {
    margin-top: 0;
  }
  .col-lg-6:nth-child(8) .single-portfolio-card {
    margin-top: 0;
  }
  .portfolio-area.style3 {
    padding-bottom: 30px;
  }
  .portfolio-area.style3 .portfolio-three-title {
    margin-bottom: 20px;
  }
  .portfolio-area.style3 .shape-and-btn .shape {
    display: none;
  }
  .marketing-all-content {
    margin-top: 30px;
  }
  .marketing-content-one {
    bottom: 0;
    transform: rotate(0);
  }
  .marketing-content-one h2 {
    font-size: 30px;
  }
  .marketing-content-two {
    bottom: 0;
    transform: rotate(0);
  }
  .marketing-content-two h2 {
    font-size: 30px;
  }
  .single-portfolio-item-style4 .content {
    left: 25px;
    bottom: 25px;
    max-width: 350px;
    padding: 25px;
    opacity: 1;
  }
  .single-portfolio-item-style4 .content h3 {
    font-size: 32px;
  }
  .choose-content .img-and-experiens {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .choose-content .img-and-experiens h2 {
    font-size: 70px;
  }
  .choose-video-content .shape {
    display: none;
  }
  .choose-area.style2 .marketings-content {
    margin-top: 60px;
  }
  .choose-area.style2 .marketings-content h2 {
    font-size: 32px;
  }
  .testimonials-area .quote-img {
    max-width: 100px;
  }
  .single-testimonial-item .client-img {
    margin-right: 0;
  }
  .single-testimonial-item .review-content p {
    font-size: 16px;
  }
  .single-testimonial-item .review-content h3 {
    font-size: 20px;
  }
  .single-review-item {
    margin-bottom: 50px;
    padding-left: 130px;
  }
  .single-review-item .review-content p {
    font-size: 18px;
  }
  .single-review-item h3 {
    font-size: 20px;
  }
  .client-image-content {
    display: none;
  }
  .testimonial-slide.style2 .swiper-pagination-bullet {
    left: 120px;
  }
  .single-testimonial-item-style2 {
    margin-right: 0;
  }
  .single-testimonial-item-style2 p {
    font-size: 18px;
    margin-top: 20px;
  }
  .single-testimonial-item-style2 h3 {
    font-size: 20px;
  }
  .pricing-area .shape {
    display: none;
  }
  .pricing-area.style2 .section-title {
    margin-bottom: 30px;
  }
  .pricing-area.style3 .section-title {
    margin-bottom: 30px;
  }
  .single-pricing-item {
    padding: 30px;
  }
  .single-pricing-item h3 {
    font-size: 26px;
  }
  .single-pricing-item h2 {
    font-size: 50px;
  }
  .col-lg-4:nth-child(2) .single-pricing-item.style2 {
    transform: translateY(0);
  }
  .col-lg-4:nth-child(2) .single-pricing-item.style3 {
    transform: translateY(0);
  }
  .funfact-area {
    padding-bottom: 70px;
  }
  .single-funfact-item {
    display: unset !important;
  }
  .single-funfact-item h2 {
    font-size: 50px;
  }
  .single-funfact-item p {
    max-width: 100%;
    top: 0;
  }
  .partner-funfact-content::before {
    display: none;
  }
  .partner-funfact-content h2 {
    font-size: 36px;
  }
  .single-feature-item {
    padding: 20px;
  }
  .single-feature-item h3 {
    font-size: 20px;
  }
  .single-feature-item h3 br {
    display: none;
  }
  .single-feature-item .icon i {
    font-size: 80px;
  }
  .platform-left-content .title {
    font-size: 30px;
  }
  .platform-left-content .platform-tabs {
    margin-right: 0;
  }
  .platform-left-content .platform-tabs .nav-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link {
    padding-left: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link span {
    height: 50px;
    width: 50px;
    line-height: 48px;
    font-size: 20px;
    top: -2px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link h3 {
    font-size: 20px;
  }
  .platform-img-content .tab-content .plat-img {
    margin-right: 0;
    transform: rotate(0deg) !important;
    margin-bottom: 40px;
  }
  .team-with-simple-slide .slide {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .team-with-simple-slide .slide .content {
    left: -14px;
  }
  .team-with-simple-slide .slide .content h3 {
    display: 20px;
  }
  .team-with-simple-slide .slide .bottom-content {
    bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    bottom: 0;
  }
  .team-with-simple-slide .slide .bottom-content h3 {
    font-size: 20px;
  }
  .team-with-simple-slide .slide .bottom-content .social-icon {
    right: 20px;
  }
  .team-with-simple-slide .slide .bottom-content .social-icon a {
    height: 40px;
    width: 40px;
    line-height: 38px;
    font-size: 18px;
  }
  .team-with-simple-slide .slide:nth-child(3) .content {
    left: -22px;
  }
  .team-area.style2 .shape {
    display: none;
  }
  .single-team-card .content {
    left: 20px;
    bottom: 20px;
  }
  .single-team-card .content h3 {
    font-size: 20px;
  }
  .single-team-card .content .social-icon {
    right: 40px;
    opacity: 0;
  }
  .team-details-area .shape {
    display: none;
  }
  .team-details-content {
    margin-left: 0;
    margin-top: 30px;
  }
  .team-details-content h2 {
    font-size: 30px;
  }
  .team-details-content .designation {
    margin-bottom: 20px;
  }
  .team-details-content .quote-content {
    padding-left: 25px;
  }
  .team-details-content .contact-info {
    margin-bottom: 25px;
  }
  .team-details-content .contact-info a {
    font-size: 20px;
  }
  .question-area .container-fluid {
    padding-left: 12px;
  }
  .question-form-content {
    margin-top: 30px;
    margin-bottom: 60px;
  }
  .question-form-content h2 {
    font-size: 24px;
    margin-bottom: 25px;
  }
  .blog-area .section-title {
    max-width: 490px;
  }
  .single-blog-card .blog-content h3 {
    font-size: 20px;
  }
  .single-blog-item .blog-image {
    position: unset;
    visibility: visible;
    opacity: 1;
    max-width: 100%;
    margin-bottom: 25px;
  }
  .single-blog-item .blog-image::before {
    display: none;
  }
  .single-blog-item .blog-content {
    margin-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .single-blog-item .blog-content h3 {
    font-size: 20px;
  }
  .single-blog-item .blog-content .view-btn {
    height: 45px;
    width: 45px;
    line-height: 45px;
    position: unset;
    margin-top: 20px;
  }
  .blog-details-desc {
    margin-right: 0;
  }
  .faq-accordion .accordion-item {
    margin-bottom: 15px;
    padding-right: 30px;
    margin-right: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .faq-accordion .accordion-item .accordion-button {
    font-size: 18px;
  }
  .faq-accordion .accordion-item .accordion-button::before {
    right: -30px;
  }
  .faq-img-and-content {
    margin-right: 0;
  }
  .faq-img-and-content h2 {
    font-size: 30px;
  }
  .faq-img-and-content .category-list {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .faq-accordion-content.style2 {
    margin-left: 0;
  }
  .lets-talk-overly .content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .lets-talk-overly .content h2 {
    font-size: 36px;
  }
  .contact-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .contact-content h3 {
    font-size: 20px;
  }
  .contact-area .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .map-area iframe {
    height: 50px;
  }
  /*===========================================================================================
  Home Four & Five New CSS
  =============================================================================================*/
  .banner-four-area .container-fluid {
    padding-top: 100px;
    padding-bottom: 90px;
  }
  .banner-four-area .container-fluid .lines .line {
    border-left: 1px solid #fdf5f5;
  }
  .banner-four-area .content-overly {
    padding-left: 220px;
  }
  .banner-four-area .content-overly .img {
    max-width: 190px;
    top: 20px;
  }
  .banner-four-area .content-overly .content p {
    font-size: 16px;
    font-weight: 500;
  }
  .banner-four-content h1 {
    font-size: 52px;
  }
  .bottom-content .left-content {
    margin-top: 50px;
  }
  .bottom-content .left-content .social li {
    margin-right: 15px;
  }
  .bottom-content .left-content .social li::before {
    right: -10px;
  }
  .bottom-content .right-content {
    margin-top: -90px;
    max-width: 370px;
  }
  .about-four-image .funfact-content {
    top: 0;
  }
  .about-four-image .funfact-content .con h2 {
    font-size: 60px;
  }
  .about-four-right-content {
    margin-left: 0;
  }
  .about-four-right-content .con1 {
    font-size: 16px;
  }
  .about-four-right-content .quote-content p {
    font-size: 20px;
  }
  .service-right-content {
    margin-top: 30px;
  }
  .service-right-content .service-simple-item {
    padding-left: 60px;
  }
  .service-right-content .service-simple-item .con {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .video-area {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .single-portfolio-item-style6 {
    margin-bottom: 30px;
  }
  .single-portfolio-item-style6.style2 {
    margin-left: 0;
  }
  .single-portfolio-item-style6.style3 {
    margin-right: 0;
  }
  .testimonials-four-area {
    padding-top: 200px;
  }
  .single-testimonial-item-style4 {
    padding: 25px;
    margin-bottom: 15px;
    max-width: 550px;
  }
  .single-testimonial-item-style4 p {
    font-size: 20px;
  }
  .single-testimonial-item-style4 .top-content .con {
    margin-left: 20px;
  }
  .single-testimonial-item-style4 .top-content .con h3 {
    font-size: 18px;
  }
  .single-testimonial-item-style4 .top-content .quote-icon {
    display: none;
  }
  .col-lg-4:nth-child(1) .single-team-card2 {
    margin-top: 0;
  }
  .col-lg-4:nth-child(3) .single-team-card2 {
    margin-top: 0;
  }
  .banner-five-area {
    padding-top: 70px;
    padding-bottom: 130px;
  }
  .banner-five-area .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .banner-five-area .banner-five-overly .social-content {
    bottom: -60px;
  }
  .banner-five-content h2 {
    font-size: 60px;
  }
  .banner-five-content .content {
    margin-top: 0;
  }
  .banner-five-content .content p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .navbar.style2 .container-fluid::before {
    display: none;
  }
  .about-five-image {
    margin-right: 0;
  }
  .about-five-image {
    margin-bottom: 20px;
  }
  .about-five-image h2 {
    font-size: 34px;
    margin-bottom: 25px;
  }
  .about-five-right-content .con1 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .about-five-right-content .con2 {
    margin-left: 0;
    padding-left: 25px;
  }
  .about-five-right-content .bottom-content {
    margin-left: 0;
  }
  .about-five-right-content .bottom-content .fun-item {
    margin-top: 10px;
  }
  .about-five-right-content .bottom-content .fun-item h2 {
    font-size: 54px;
  }
  .marketing-area.style6 .marketing-content.style2 {
    margin-top: 20px;
  }
  .portfolio-area.style5 .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
    max-width: 720px;
  }
  .portfolio-area.style5 .section-title {
    max-width: 530px;
  }
  .service-five-left-content .section-title {
    margin-right: 0;
    margin-bottom: 35px;
  }
  .service-five-left-content .service-btn {
    height: 100px;
    width: 100px;
    padding-top: 30px;
    position: unset;
    margin-bottom: 30px;
  }
  .service-five-left-content .portfolio-tabs-two .nav-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .service-five-left-content .portfolio-tabs-two .nav-item .nav-link {
    font-size: 16px;
  }
  .service-five-right-content .service-simple-card {
    padding: 25px 30px;
    position: relative;
    margin-left: 0;
  }
  .service-five-right-content .service-simple-card .btns {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 18px;
    right: 25px;
    top: 25px;
  }
  .service-five-right-content .image {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .testimonials-area-five {
    padding-bottom: 50px;
  }
  .blog-area-five .top-content .blog-right-btn {
    position: unset;
    margin-bottom: 30px;
  }
  .portfolio-area.style5 .project-btn {
    height: 100px;
    width: 100px;
    top: -13px;
  }
  .award-right-content {
    margin-bottom: 30px;
  }
  .about-four-right-content .quote-content {
    margin-left: 0;
  }
}
/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ptb-150 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pt-150 {
    padding-top: 100px;
  }
  .pb-150 {
    padding-bottom: 100px;
  }
  .pb-120 {
    padding-bottom: 70px;
  }
  .pt-120 {
    padding-top: 70px;
  }
  .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
    font-size: 32px;
  }
  .main-banner-title h2 {
    font-size: 65px;
  }
  .banner-content {
    margin-left: 20px;
  }
  .banner-content h2 {
    font-size: 60px;
    margin-top: -10px;
  }
  .banner-content .shape2 {
    bottom: 30px;
    height: 120px;
    width: 120px;
  }
  .banner-two-area {
    padding-top: 200px;
    padding-bottom: 100px;
  }
  .banner-two-overly .banner-shapes .shape-one {
    width: 150px;
    bottom: 190px;
  }
  .banner-two-overly .banner-shapes .shape-two {
    right: 30px;
    top: -60px;
  }
  .banner-two-overly .banner-shapes .shape-three {
    right: 30px;
  }
  .banner-two-content {
    max-width: 650px;
  }
  .banner-two-content h2 {
    font-size: 70px;
  }
  .banner-two-content p {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .banner-two-content .banner-btn {
    height: 130px;
    width: 130px;
    line-height: 130px;
    margin-bottom: 25px;
  }
  .banner-three-overly {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .banner-three-content {
    margin-right: 0;
    margin-left: 0;
  }
  .banner-three-content h2 {
    font-size: 50px;
  }
  .banner-three-content p {
    font-size: 16px;
  }
  .banner-three-content .banner-shape {
    height: 150px;
    width: 150px;
    right: 0;
    top: -50px;
  }
  .marketing-area.style2 .marketing-content h2 {
    font-size: 60px;
  }
  .about-left-image {
    margin-left: 50px;
    margin-right: 50px;
  }
  .about-two-content p {
    font-size: 18px;
    margin-right: 10px;
  }
  .about-two-content .shape {
    display: none;
  }
  .about-three-right-content .content-and-img {
    padding-right: 170px;
  }
  .about-three-right-content .content-and-img p {
    padding-right: 0;
    font-size: 15px;
  }
  .about-three-right-content .content-and-img .shape-img {
    max-width: 140px;
  }
  .about-three-right-content .about-funfact-item h2 {
    font-size: 50px;
  }
  .about-three-right-content .about-funfact-item p {
    font-size: 14px;
  }
  .about-three-right-content .quote-content {
    margin-bottom: 35px;
  }
  .about-three-right-content .quote-content p {
    font-size: 15px;
  }
  .about-three-right-content .col-lg-4:nth-child(2) .about-funfact-item {
    margin-left: 0;
  }
  .single-services-items .services-item-title h3 a {
    font-size: 30px;
  }
  .single-services-items .services-btn a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  .single-services-card {
    padding: 20px;
  }
  .single-services-card .icon {
    margin-bottom: 5px;
  }
  .single-services-card .icon i {
    font-size: 80px;
  }
  .services-details-content h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .services-details-content .details-top-content .content-one {
    margin-bottom: 30px;
  }
  .services-details-content .details-top-content .content-one p {
    font-size: 15px;
  }
  .services-details-content .details-top-content .content-one span {
    font-size: 15px;
  }
  .services-details-content .details-bottom-content .services-content-two {
    margin-left: 0;
  }
  .services-details-content .details-bottom-content .services-content-two .feature-list li {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .services-details-content .details-bottom-content .shape {
    display: none;
  }
  .single-services-item .image {
    margin-left: -70px;
    margin-right: -70px;
    opacity: 0;
  }
  .single-services-item .services-item-title h3 {
    max-height: 340px;
    font-size: 36px;
  }
  .single-services-item .services-item-title span {
    font-size: 40px;
  }
  .portfolio-area.style1 .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
    left: 0;
  }
  .single-portfolio-item .content h3 {
    font-size: 20px;
  }
  .portfolio-details-content h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .portfolio-details-content .details-top-content p {
    font-size: 15px;
  }
  .portfolio-details-content .details-top-content .portfolio-details-list {
    padding-top: 20px;
    margin-bottom: 30px;
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two {
    margin-top: 30px;
    margin-left: 30px;
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two .quote {
    padding-left: 20px;
    border-left: 2px solid var(--primaryColor);
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two .quote::before {
    display: none;
  }
  .portfolio-details-content .details-bottom-content .portfolio-content-two .feature-list li {
    font-size: 18px;
  }
  .portfolio-details-content .solution-content {
    padding-top: 30px;
  }
  .portfolio-details-content .solution-content h2 {
    margin-bottom: 15px;
  }
  .portfolio-area .section-title {
    max-width: 450px;
  }
  .portfolio-tabs.nav-tabs .nav-item .nav-link {
    padding-right: 10px;
    padding-left: 10px;
  }
  .single-portfolio-card {
    margin-left: 70px;
  }
  .marketing-all-content {
    margin-top: 70px;
  }
  .single-portfolio-item-style4 .content {
    left: 25px;
    bottom: 25px;
    max-width: 350px;
    padding: 25px;
    opacity: 1;
  }
  .single-portfolio-item-style4 .content h3 {
    font-size: 32px;
  }
  .choose-content p {
    font-size: 15px;
  }
  .choose-content .img-and-experiens {
    margin-top: 40px;
  }
  .choose-content .img-and-experiens .choose-img-one {
    width: 160px;
  }
  .choose-content .img-and-experiens h2 {
    font-size: 60px;
  }
  .choose-style2-content {
    margin-right: 0;
  }
  .choose-style2-content p {
    font-size: 15px;
  }
  .choose-style2-content .feature-list li {
    font-size: 16px;
  }
  .testimonials-area .quote-img {
    max-width: 120px;
  }
  .single-testimonial-item .client-img {
    margin-right: 20px;
  }
  .single-testimonial-item .review-content p {
    font-size: 18px;
  }
  .single-testimonial-item .review-content h3 {
    font-size: 20px;
  }
  .single-review-item {
    margin-bottom: 50px;
    padding-left: 130px;
  }
  .single-review-item .review-content p {
    font-size: 18px;
  }
  .single-review-item h3 {
    font-size: 20px;
  }
  .client-image-content {
    margin-left: 0;
  }
  .client-image-content .img-two {
    display: none;
  }
  .client-image-content .shape {
    display: none;
  }
  .testimonial-slide.style2 .swiper-pagination-bullet {
    left: 120px;
  }
  .single-testimonial-item-style2 {
    margin-right: 0;
  }
  .single-testimonial-item-style2 p {
    font-size: 18px;
  }
  .single-testimonial-item-style2 h3 {
    font-size: 20px;
  }
  .pricing-area .shape {
    display: none;
  }
  .single-pricing-item {
    padding: 35px;
  }
  .single-pricing-item h3 {
    font-size: 26px;
  }
  .single-pricing-item h2 {
    font-size: 60px;
  }
  .single-funfact-item h2 {
    font-size: 60px;
  }
  .single-funfact-item p {
    top: 18px;
  }
  .single-feature-item {
    padding: 20px;
  }
  .single-feature-item h3 {
    font-size: 20px;
  }
  .single-feature-item .icon i {
    font-size: 80px;
  }
  .partner-funfact-content::before {
    display: none;
  }
  .partner-funfact-content h2 {
    font-size: 36px;
  }
  .platform-left-content .title {
    font-size: 30px;
  }
  .platform-left-content .platform-tabs {
    margin-right: 20px;
  }
  .platform-left-content .platform-tabs .nav-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link {
    padding-left: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link span {
    height: 50px;
    width: 50px;
    line-height: 48px;
    font-size: 20px;
    top: -2px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link h3 {
    font-size: 20px;
  }
  .platform-img-content .tab-content .plat-img {
    margin-right: 0;
    transform: rotate(0deg) !important;
  }
  .team-with-simple-slide .slide {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .team-with-simple-slide .slide .content {
    left: 5px;
  }
  .team-with-simple-slide .slide .content h3 {
    display: 20px;
  }
  .team-with-simple-slide .slide .bottom-content {
    padding-left: 30px;
    padding-right: 30px;
    bottom: 10px;
  }
  .team-with-simple-slide .slide .bottom-content h3 {
    font-size: 20px;
  }
  .team-with-simple-slide .slide .bottom-content .social-icon {
    right: 20px;
  }
  .team-with-simple-slide .slide .bottom-content .social-icon a {
    height: 60px;
    width: 60px;
    line-height: 58px;
    font-size: 20px;
  }
  .team-with-simple-slide .slide:nth-child(3) .content {
    left: -10px;
  }
  .team-area.style2 .shape {
    display: none;
  }
  .single-team-card .content {
    left: 20px;
    bottom: 20px;
  }
  .single-team-card .content h3 {
    font-size: 20px;
  }
  .single-team-card .content .social-icon {
    right: 40px;
    opacity: 0;
  }
  .team-details-area .shape {
    display: none;
  }
  .team-details-content {
    margin-left: 20px;
  }
  .team-details-content h2 {
    font-size: 32px;
  }
  .team-details-content .designation {
    margin-bottom: 20px;
  }
  .team-details-content .quote-content {
    padding-left: 25px;
  }
  .team-details-content .contact-info {
    margin-bottom: 25px;
  }
  .team-details-content .contact-info a {
    font-size: 20px;
  }
  .question-form-content h2 {
    font-size: 30px;
    margin-bottom: 25px;
  }
  .faq-accordion .accordion-item {
    margin-bottom: 15px;
    padding-right: 30px;
    margin-right: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .faq-accordion .accordion-item .accordion-button {
    font-size: 18px;
  }
  .faq-accordion .accordion-item .accordion-button::before {
    right: -30px;
  }
  .faq-img-and-content {
    margin-right: 30px;
  }
  .faq-img-and-content h2 {
    font-size: 32px;
  }
  .faq-img-and-content .category-list {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .faq-accordion-content.style2 {
    margin-left: 0;
  }
  .single-blog-card.style2 .blog-content {
    padding: 20px;
  }
  .single-blog-card.style2 .blog-content h1, .single-blog-card.style2 .blog-content h2, .single-blog-card.style2 .blog-content h3, .single-blog-card.style2 .blog-content h4, .single-blog-card.style2 .blog-content h5, .single-blog-card.style2 .blog-content h6 {
    font-size: 18px;
  }
  .widget-area .widget {
    padding: 20px;
  }
  .widget_affort_posts_thumbs .item .info .title {
    font-size: 14px;
  }
  .single-blog-item .blog-image {
    max-width: 430px;
  }
  .single-blog-item .blog-content {
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-left: 70px;
  }
  .single-blog-item .blog-content h3 {
    font-size: 20px;
  }
  .single-blog-item .blog-content p {
    font-size: 15px;
  }
  .blog-details-desc {
    margin-right: 0;
  }
  .lets-talk-overly .content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .lets-talk-overly .content h2 {
    font-size: 40px;
  }
  /*===========================================================================================
  Home Four & Five New CSS
  =============================================================================================*/
  .banner-four-area .container-fluid {
    padding-top: 130px;
  }
  .banner-four-content h1 {
    font-size: 74px;
  }
  .banner-four-content .shape2 {
    right: 31%;
  }
  .about-four-right-content {
    margin-left: 0;
  }
  .about-four-right-content .quote-content {
    padding: 25px;
    margin-top: 35px;
    margin-left: 0;
  }
  .about-four-right-content .quote-content p {
    font-size: 20px;
  }
  .service-right-content {
    margin-top: 30px;
  }
  .service-right-content .service-simple-item {
    padding-left: 60px;
  }
  .service-right-content .service-simple-item .con {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .video-area {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .single-portfolio-item-style6 {
    margin-bottom: 30px;
  }
  .single-portfolio-item-style6.style2 {
    margin-left: 50px;
  }
  .single-portfolio-item-style6.style3 {
    margin-right: 50px;
  }
  .award-left-content ul li {
    font-size: 18px;
  }
  .banner-five-area {
    padding-top: 200px;
    padding-bottom: 130px;
  }
  .banner-five-area .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .banner-five-area .banner-five-overly .social-content {
    bottom: -60px;
  }
  .banner-five-content h2 {
    font-size: 60px;
  }
  .banner-five-content .content {
    margin-top: 10px;
  }
  .banner-five-content .content p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .about-five-image {
    margin-right: 0;
  }
  .about-five-image h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .about-five-right-content .con1 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .about-five-right-content .con2 {
    margin-left: 40px;
  }
  .about-five-right-content .bottom-content {
    margin-left: 90px;
  }
  .about-five-right-content .bottom-content .fun-item h2 {
    font-size: 70px;
  }
  .portfolio-area.style5 .section-title {
    max-width: 675px;
  }
  .service-five-left-content .section-title {
    margin-right: 0;
    margin-bottom: 35px;
  }
  .service-five-left-content .section-title h2 {
    font-size: 30px;
  }
  .service-five-left-content .service-btn {
    height: 100px;
    width: 100px;
    padding-top: 27px;
    margin-bottom: 30px;
    top: 125px;
  }
  .service-five-left-content .portfolio-tabs-two .nav-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .service-five-left-content .portfolio-tabs-two .nav-item .nav-link {
    font-size: 18px;
  }
  .service-five-right-content .service-simple-card {
    padding: 25px 30px;
    position: relative;
    margin-left: 0;
  }
  .service-five-right-content .service-simple-card .btns {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 18px;
    right: 25px;
    top: 25px;
  }
  .service-five-right-content .image {
    margin-left: 75px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .testimonials-content.style5 {
    margin-left: 0;
  }
  .testimonials-area-five .single-review-item .review-content p {
    font-size: 15px;
  }
  .blog-area-five .section-title {
    max-width: 610px;
  }
  .blog-area-five .top-content .blog-right-btn {
    top: 0px;
  }
  .single-blog-card .blog-content h3 {
    font-size: 18px;
  }
}
/* Min width 1200px to Max width 1649px */
@media only screen and (min-width: 1200px) and (max-width: 1649px) {
  .main-banner-title h2 {
    font-size: 80px;
  }
  .banner-content {
    margin-left: 20px;
  }
  .banner-content h2 {
    font-size: 80px;
    margin-top: -15px;
  }
  .banner-content .shape2 {
    bottom: 60px;
    height: 150px;
    width: 150px;
  }
  .banner-two-area {
    padding-top: 200px;
    padding-bottom: 100px;
  }
  .banner-two-overly .banner-shapes .shape-one {
    width: 180px;
    bottom: 190px;
  }
  .banner-two-overly .banner-shapes .shape-two {
    right: 50px;
    top: -60px;
  }
  .banner-two-overly .banner-shapes .shape-three {
    right: 30px;
  }
  .banner-two-content {
    max-width: 680px;
  }
  .banner-two-content h2 {
    font-size: 76px;
  }
  .banner-two-content p {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .banner-two-content .banner-btn {
    height: 130px;
    width: 130px;
    line-height: 130px;
    margin-bottom: 25px;
  }
  .banner-three-content {
    margin-right: 0;
    margin-left: 0;
  }
  .banner-three-content h2 {
    font-size: 60px;
  }
  .banner-three-content p {
    font-size: 18px;
  }
  .banner-three-content .banner-shape {
    height: 200px;
    width: 200px;
    right: 0;
    top: -50px;
  }
  .choose-content p {
    font-size: 15px;
  }
  .choose-content .img-and-experiens {
    margin-top: 40px;
  }
  .choose-content .img-and-experiens .choose-img-one {
    width: 160px;
  }
  .choose-content .img-and-experiens h2 {
    font-size: 60px;
  }
  .choose-style2-content {
    margin-right: 0;
  }
  .choose-style2-content .section-title h2 {
    font-size: 40px;
  }
  .choose-style2-content p {
    font-size: 15px;
  }
  .choose-style2-content .feature-list li {
    font-size: 17px;
  }
  .single-services-card {
    padding: 25px;
  }
  .single-services-card .icon {
    margin-bottom: 5px;
  }
  .single-services-card .icon i {
    font-size: 100px;
  }
  .services-details-content h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .services-details-content .details-top-content .content-one {
    margin-bottom: 30px;
  }
  .services-details-content .details-top-content .content-one p {
    font-size: 15px;
  }
  .services-details-content .details-top-content .content-one span {
    font-size: 15px;
  }
  .services-details-content .details-bottom-content .services-content-two {
    margin-left: 30px;
  }
  .services-details-content .details-bottom-content .services-content-two .feature-list li {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .services-details-content .details-bottom-content .shape {
    display: none;
  }
  .about-three-right-content .about-funfact-item h2 {
    font-size: 60px;
  }
  .portfolio-area .section-title {
    max-width: 600px;
  }
  .portfolio-area .section-title h2 {
    font-size: 36px;
  }
  .portfolio-tabs.nav-tabs .nav-item .nav-link {
    padding-right: 10px;
    padding-left: 10px;
  }
  .testimonials-area .quote-img {
    max-width: 140px;
  }
  .single-testimonial-item .client-img {
    margin-right: 40px;
  }
  .single-testimonial-item .review-content p {
    font-size: 20px;
  }
  .single-testimonial-item .review-content h3 {
    font-size: 20px;
  }
  .single-review-item {
    margin-bottom: 50px;
    padding-left: 130px;
  }
  .single-review-item .review-content p {
    font-size: 20px;
  }
  .single-review-item h3 {
    font-size: 20px;
  }
  .client-image-content {
    margin-left: 0;
  }
  .client-image-content .img-two {
    display: none;
  }
  .client-image-content .shape {
    display: none;
  }
  .testimonial-slide.style2 .swiper-pagination-bullet {
    left: 120px;
  }
  .team-details-area .shape {
    display: none;
  }
  .team-details-content {
    margin-left: 20px;
  }
  .team-details-content h2 {
    font-size: 32px;
  }
  .team-details-content .designation {
    margin-bottom: 20px;
  }
  .team-details-content .quote-content {
    padding-left: 25px;
  }
  .team-details-content .contact-info {
    margin-bottom: 25px;
  }
  .team-details-content .contact-info a {
    font-size: 20px;
  }
  .single-pricing-item {
    padding: 35px;
  }
  .single-pricing-item h3 {
    font-size: 26px;
  }
  .single-pricing-item h2 {
    font-size: 70px;
  }
  .faq-accordion .accordion-item {
    margin-right: 60px;
  }
  .platform-left-content .title {
    font-size: 36px;
  }
  .platform-left-content .platform-tabs {
    margin-right: 20px;
  }
  .platform-left-content .platform-tabs .nav-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link {
    padding-left: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link span {
    height: 50px;
    width: 50px;
    line-height: 48px;
    font-size: 20px;
    top: -2px;
  }
  .platform-left-content .platform-tabs .nav-item .nav-link h3 {
    font-size: 22px;
  }
  .platform-img-content .tab-content .plat-img {
    margin-right: 0;
    transform: rotate(0deg) !important;
  }
  .single-blog-item .blog-image {
    max-width: 520px;
  }
  /*===========================================================================================
  Home Four & Five New CSS
  =============================================================================================*/
  .banner-four-area .container-fluid {
    padding-top: 130px;
  }
  .banner-four-content h1 {
    font-size: 92px;
  }
  .banner-four-content .shape2 {
    right: 31%;
  }
  .about-four-right-content {
    margin-left: 0;
  }
  .service-right-content {
    margin-top: 30px;
  }
  .service-right-content .service-simple-item {
    padding-left: 65px;
  }
  .service-right-content .service-simple-item .con {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .banner-five-area {
    padding-top: 280px;
    padding-bottom: 220px;
  }
  .banner-five-content h2 {
    font-size: 70px;
    max-width: 740px;
  }
  .banner-five-content .content {
    margin-top: 10px;
  }
  .banner-five-content .content p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .about-five-image {
    margin-right: 0;
  }
  .about-five-right-content .con1 {
    font-size: 18px;
  }
  .about-five-right-content .con2 {
    margin-left: 60px;
  }
  .about-five-right-content .bottom-content {
    margin-left: 120px;
  }
  .about-five-right-content .bottom-content .fun-item h2 {
    font-size: 70px;
  }
  .portfolio-area.style5 .section-title {
    max-width: 720px;
  }
  .service-five-left-content .section-title h2 {
    font-size: 36px;
  }
  .service-five-left-content .service-btn {
    top: 130px;
  }
}/*# sourceMappingURL=affort-main-responsive.css.map */