@media only screen and (max-width: 767px) {
  /*================================================
  Default Area CSS
  =================================================*/
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  .ptb-70 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pt-70 {
    padding-top: 20px;
  }
  .pb-70 {
    padding-bottom: 20px;
  }
  .pt-30 {
    margin-top: 30px !important;
  }
  .pl-20 {
    padding-left: 0px;
  }
  .pr-20 {
    padding-right: 0px;
  }
  :root {
    --card-title-fontSize: 20px;
    --titleFontSize: 24px;
    --fontSize: 14px;
  }
  .default-section-title {
    margin-bottom: 0px;
  }
  .default-section-title h3 {
    font-size: 28px;
  }
  .section-content {
    margin-top: 0px;
  }
  .shape {
    display: none;
  }
  .default-button {
    font-size: 14px;
    padding-right: 25px;
    padding-left: 10px;
  }
  .default-button i {
    right: 8px;
    top: 54%;
  }
  .default-button .flaticon-right-arrows {
    right: 6px;
    top: 53%;
    font-size: 11px;
  }
  .slider-card-margin {
    margin-bottom: 20px;
  }
  .topbar-right-area, .topbar-left-area {
    text-align: center;
  }
  .topbar-right-area .topbar-social-area, .topbar-left-area .topbar-social-area {
    margin-top: 5px;
  }
  /*================================================
  Navigation Area CSS
  =================================================*/
  .menu-small-device .default-button {
    font-size: 12px;
    display: none;
    padding-right: 20px;
  }
  .menu-small-device .default-button i {
    right: 8px;
    top: 52%;
    font-size: 8px;
  }
  /*================================================
  Index 01 Banner Area CSS
  =================================================*/
  .main-banner .container-fluid .shape {
    display: none;
  }
  .banner-text-area {
    padding-top: 80px;
  }
  .banner-text-area h1 {
    font-size: 44px;
  }
  /*================================================
  Index 01 Features Area CSS
  =================================================*/
  .features-card .features-card-text {
    padding: 20px 15px;
  }
  .features-card .features-card-text i {
    position: relative;
    left: 0;
    margin-bottom: 20px;
  }
  /*================================================
  Index 01 Service Area CSS
  =================================================*/
  .service-card {
    padding: 25px 20px;
  }
  /*================================================
  Index 01 About Area CSS
  =================================================*/
  .about-img-area {
    margin-bottom: 30px;
  }
  /*================================================
  Index 01 Why Choose Us Area CSS
  =================================================*/
  .why-we-fun-fact-area {
    margin-top: 30px;
  }
  .fun-fact-card {
    margin-top: 0px;
  }
  .fun-fact-card h2 {
    font-size: 44px;
  }
  .fun-fact-card p {
    font-size: 13px;
  }
  /*================================================
  Index 01 Team Area CSS
  =================================================*/
  .team-card .team-card-img .team-social-icons {
    opacity: 1;
    left: 50%;
    transform: translateX(-50%) rotateY(0deg);
  }
  .team-card .team-card-text {
    padding: 20px 70px 20px 15px;
  }
  .team-card .team-card-text i {
    right: 15px;
  }
  /*================================================
  Index 01 Quote Area CSS
  =================================================*/
  .quote-img {
    background-image: unset;
    height: auto;
  }
  .quote-img img {
    display: block;
  }
  .quote-form-area {
    margin: 0px;
    padding: 20px 15px;
    border-radius: 0px 0px 10px 10px;
  }
  .video-text-area {
    margin-bottom: 30px;
  }
  /*================================================
  Index 01 Testimonials Area CSS
  =================================================*/
  .testimonial-card {
    padding: 20px 15px;
  }
  /*================================================
  Index 01 Blog Area CSS
  =================================================*/
  .blog-card .bog-text-area {
    padding: 20px 15px;
  }
  /*================================================
  Index 01 Newsletter Area CSS
  =================================================*/
  .newsletter-1 .default-section-title {
    text-align: center;
  }
  .newsletter-1 .default-section-title h3 {
    margin-bottom: 30px;
  }
  /*================================================
  Index 01 Footer Area CSS
  =================================================*/
  .footer-links {
    padding: 0px;
    margin-top: 30px;
  }
  .footer-links h3 {
    margin-bottom: 15px;
  }
  .go-top {
    right: 15px;
  }
  /*================================================
  Index 02 Banner Area CSS
  =================================================*/
  .home-banner-slider-area .owl-nav {
    width: unset;
    bottom: -20px;
    top: unset;
    transform: translate(-50%, 0);
  }
  .home-banner-slider-area .owl-nav button {
    margin: 0px 5px;
  }
  .home-banner-slider-area .banner-text-area-1 {
    padding-top: 0px;
    margin-bottom: 30px;
  }
  /*================================================
  Index 02 Features Area CSS
  =================================================*/
  .features-2 .container {
    margin-top: 50px;
  }
  .features-card-2 {
    padding: 15px;
  }
  .features-card-2 i {
    position: relative;
    margin-bottom: 15px;
    left: 0;
  }
  /*================================================
  Index 02 Working Process Area CSS
  =================================================*/
  .working-process-card-2::before {
    display: none;
  }
  /*================================================
  Index 02 About Area CSS
  =================================================*/
  .about-img-2 {
    margin-bottom: 30px;
  }
  /*================================================
  Index 02 Quote Area CSS
  =================================================*/
  .quote-form-area-2 {
    padding: 20px 15px;
  }
  /*================================================
  Index 03 Banner Area CSS
  =================================================*/
  .banner-text-area-3 {
    margin-bottom: 30px;
    padding-top: 50px;
  }
  .banner-text-area-3 h1 {
    font-size: 36px;
  }
  .banner-img-area-3 {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  /*================================================
  Index 03 Why Choose Us Area CSS
  =================================================*/
  .why-we-img-3 {
    background-image: unset;
    height: auto;
  }
  .why-we-img-3 img {
    display: block;
  }
  .why-we-text-area-3 {
    padding-top: 0;
    padding-bottom: 30px;
  }
  .why-we-text-area-3 .why-we-3-card-area {
    padding-left: 0px;
    margin-top: 20px;
  }
  .why-we-text-area-3 .why-we-3-card-area i {
    position: relative;
    margin-bottom: 10px;
  }
  /*================================================
  Index 03 Working Process Area CSS
  =================================================*/
  .working-process-img-3 {
    background-image: unset;
    height: auto;
  }
  .working-process-img-3 img {
    display: block;
  }
  .working-process-text-area-3 {
    margin: 0px;
    padding: 30px 0px 0px;
  }
  /*================================================
  Index 03 Fun Facts Area CSS
  =================================================*/
  .fun-fact-card-3 {
    padding: 20px 10px;
  }
  .fun-fact-card-3 h2 {
    font-size: 42px;
  }
  .fun-fact-card-3 p {
    font-size: 13px;
  }
  /*================================================
  Uni Banner Area CSS
  =================================================*/
  .uni-banner-text-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .uni-banner-text-area h1 {
    font-size: 36px;
  }
  /*================================================
  Details Page Common area CSS
  =================================================*/
  .details-page-text-area h3 {
    font-size: 22px;
    line-height: 1.4;
  }
  .details-page-text-area .details-page-list li::before {
    top: 4px;
  }
  .sidebar-card {
    padding: 20px 15px;
  }
  /*================================================
  Team Details Area CSS
  =================================================*/
  .team-details-top-img-area {
    background-image: unset;
    height: auto;
  }
  .team-details-top-img-area img {
    display: block;
  }
  .team-details-top-text-area {
    margin: 30px 0px 0px;
    padding: 20px 15px;
  }
  .team-details-top-text-area .team-basic-info-list ul li {
    padding-left: 120px;
  }
  .team-skill-card {
    text-align: center;
  }
  .team-skill-card .progress-bar {
    width: 125px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
  }
  .team-skill-card .progress-bar div {
    width: 125px;
    height: 125px;
  }
  .team-skill-card .progress-bar div span {
    width: 110px;
    height: 110px;
    font-size: 30px;
    line-height: 115px;
  }
  .team-skill-card p {
    font-size: 16px;
  }
  /*================================================
  Project Details Area CSS
  =================================================*/
  .project-details-area {
    padding: 15px;
  }
  .project-details-text-area {
    padding: 20px 0px 0px;
    margin: 0;
  }
  /*================================================
  Error Area CSS
  =================================================*/
  .error-content h4 {
    font-size: 24px;
  }
  /*================================================
  Blog Details Page area CSS
  =================================================*/
  .sidebar-card {
    padding: 20px 15px;
  }
  .popular-post-card h5 {
    font-size: 14px;
  }
  .popular-post-card img {
    width: 60px;
  }
  .popular-post-card .blog-date li {
    font-size: 11px;
  }
  .popular-post-card .blog-date li i {
    font-size: 11px;
  }
  .blog-details-text-area .blog-quote {
    padding: 15px;
  }
  .blog-details-text-area .blog-quote p {
    font-size: 14px;
  }
  .blog-text-footer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .blog-text-footer .tag-area ul li {
    font-size: 12px;
    margin-right: 2px;
  }
  .blog-text-footer .tag-area ul li a {
    padding: 5px 5px;
  }
  .comment-card {
    padding: 0;
  }
  .comment-card img {
    margin-bottom: 15px;
    position: relative;
    left: 0;
  }
  /*================================================
  Contact Page area CSS
  =================================================*/
  .google-map {
    height: 300px;
  }
  .contact-content {
    padding: 15px 15px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  :root {
    --card-title-fontSize: 24px;
  }
  /*================================================
  Footer Area CSS
  =================================================*/
  .footer-quick-links {
    margin-top: 0;
  }
  /*================================================
  Index 03 Service Area CSS
  =================================================*/
  .service-card-3 .service-card-2-icon {
    display: block;
  }
  .service-card-3 .service-card-2-icon h4 {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*================================================
  Default Area CSS
  =================================================*/
  .ptb-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pt-100 {
    padding-top: 80px;
  }
  .pb-100 {
    padding-bottom: 80px;
  }
  .ptb-70 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-70 {
    padding-top: 50px;
  }
  .pb-70 {
    padding-bottom: 50px;
  }
  .pt-30 {
    margin-top: 30px;
  }
  .pl-20 {
    padding-left: 0px;
  }
  .pr-20 {
    padding-right: 0px;
  }
  :root {
    --card-title-fontSize: 24px;
    --fontSize: 15px;
  }
  .default-section-title h3 {
    font-size: 32px;
  }
  .section-content {
    margin-top: 0px;
  }
  /*================================================
  Navigation Area CSS
  =================================================*/
  .menu-small-device .default-button {
    padding-right: 25px;
  }
  .menu-small-device .default-button i {
    right: 8px;
    top: 54%;
  }
  /*================================================
  Index 01 Banner Area CSS
  =================================================*/
  .main-banner .container-fluid .shape {
    display: none;
  }
  .banner-text-area {
    padding-top: 80px;
  }
  .banner-text-area h1 {
    font-size: 64px;
  }
  /*================================================
  Index 01 Features Area CSS
  =================================================*/
  .features-card .features-card-text {
    padding: 20px 15px;
  }
  .features-card .features-card-text i {
    position: relative;
    left: 0;
    margin-bottom: 20px;
  }
  /*================================================
  Index 01 Service Area CSS
  =================================================*/
  .service-card {
    padding: 25px 20px;
  }
  /*================================================
  Index 01 About Area CSS
  =================================================*/
  .about-img-area {
    margin-bottom: 30px;
  }
  /*================================================
  Index 01 Why Choose Us Area CSS
  =================================================*/
  .fun-fact-card {
    margin-top: 30px;
  }
  .fun-fact-card h2 {
    font-size: 44px;
  }
  /*================================================
  Index 01 Quote Area CSS
  =================================================*/
  .quote-img {
    background-image: unset;
    height: auto;
  }
  .quote-img img {
    display: block;
  }
  .quote-form-area {
    margin: 0px;
    padding: 30px;
    border-radius: 0px 0px 10px 10px;
  }
  .video-text-area {
    margin-bottom: 30px;
  }
  /*================================================
  Index 01 Blog Area CSS
  =================================================*/
  .blog-card .bog-text-area {
    padding: 20px 15px;
  }
  /*================================================
  Index 01 Newsletter Area CSS
  =================================================*/
  .newsletter-1 .default-section-title {
    text-align: center;
  }
  .newsletter-1 .default-section-title h3 {
    margin-bottom: 30px;
  }
  /*================================================
  Index 01 Footer Area CSS
  =================================================*/
  .footer-links {
    padding: 0px;
    margin-top: 30px;
  }
  .footer-quick-links {
    margin-top: 0;
  }
  /*================================================
  Index 02 Banner Area CSS
  =================================================*/
  .home-banner-slider-area .owl-nav {
    width: 99%;
  }
  .home-banner-slider-area .banner-text-area-1 {
    padding-top: 0px;
    margin-bottom: 30px;
  }
  /*================================================
  Index 02 Working Process Area CSS
  =================================================*/
  .working-process-card-2::before {
    display: none;
  }
  /*================================================
  Index 02 About Area CSS
  =================================================*/
  .about-img-2 {
    margin-bottom: 30px;
  }
  /*================================================
  Index 03 Banner Area CSS
  =================================================*/
  .banner-text-area-3 {
    margin-bottom: 30px;
  }
  .banner-img-area-3 {
    padding-top: 80px;
    padding-bottom: 110px;
  }
  /*================================================
  Index 03 Why Choose Us Area CSS
  =================================================*/
  .why-we-img-3 {
    background-image: unset;
    height: auto;
  }
  .why-we-img-3 img {
    display: block;
  }
  .why-we-text-area-3 {
    padding-top: 0;
    padding-bottom: 30px;
  }
  /*================================================
  Index 03 Working Process Area CSS
  =================================================*/
  .working-process-img-3 {
    background-image: unset;
    height: auto;
  }
  .working-process-img-3 img {
    display: block;
  }
  .working-process-text-area-3 {
    margin: 0px;
    padding: 30px 0px 0px;
  }
  /*================================================
  Uni Banner Area CSS
  =================================================*/
  .uni-banner-text-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  /*================================================
  Team Details Area CSS
  =================================================*/
  .team-details-top-img-area {
    background-image: unset;
    height: auto;
  }
  .team-details-top-img-area img {
    display: block;
  }
  .team-details-top-text-area {
    margin: 30px 0px 0px;
    padding: 30px;
  }
  /*================================================
  Project Details Area CSS
  =================================================*/
  .project-details-text-area {
    padding: 30px 0px 0px;
    margin: 0;
  }
  /*================================================
  Blog Details Page area CSS
  =================================================*/
  .blog-details-text-area .blog-quote {
    padding: 30px;
  }
  .blog-details-text-area .blog-quote p {
    font-size: 15px;
  }
  /*================================================
  Contact Page area CSS
  =================================================*/
  .google-map {
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /*================================================
  Default Area CSS
  =================================================*/
  :root {
    --card-title-fontSize: 22px;
    --fontSize: 14px;
  }
  .default-section-title h3 {
    font-size: 36px;
  }
  /*================================================
  Navigation Area CSS
  =================================================*/
  .menu-small-device .default-button {
    padding-right: 25px;
  }
  .menu-small-device .default-button i {
    right: 8px;
    top: 54%;
  }
  .menu-small-device .default-button .flaticon-right-arrows {
    right: 5px;
    top: 56%;
  }
  /*================================================
  Index 01 Banner Area CSS
  =================================================*/
  .main-banner .container-fluid .shape {
    display: none;
  }
  .banner-text-area h1 {
    font-size: 64px;
  }
  /*================================================
  Index 01 Footer Area CSS
  =================================================*/
  .footer-links ul li {
    margin-top: 17px;
  }
  /*================================================
  Index 02 Banner Area CSS
  =================================================*/
  .home-banner-slider-area .owl-nav {
    width: unset;
    top: unset;
    bottom: -20px;
    transform: translateX(-50%);
  }
  .home-banner-slider-area .owl-nav button {
    margin: 0px 3px;
  }
  .home-banner {
    padding-bottom: 130px;
  }
  /*================================================
  Index 02 Features Area CSS
  =================================================*/
  .features-card-2 {
    padding-left: 110px;
    padding-right: 20px;
  }
  /*================================================
  Index 03 Banner Area CSS
  =================================================*/
  .banner-text-area-3 h1 {
    font-size: 56px;
  }
  .banner-text-area-3 p {
    max-width: 550px;
  }
  /*================================================
  Index 03 Services Area CSS
  =================================================*/
  .service-card-3 {
    padding: 20px 15px;
  }
  .service-card-3 .service-card-2-icon .service-icon {
    margin-right: 15px;
  }
  /*================================================
  Uni Banner Area CSS
  =================================================*/
  .uni-banner-text-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  /*================================================
  Details Page Common area CSS
  =================================================*/
  .details-page-text-area .details-page-list li::before {
    top: 4px;
  }
  /*================================================
  Blog Details Page area CSS
  =================================================*/
  .sidebar-card {
    padding: 20px 15px;
  }
  .popular-post-card h5 {
    font-size: 16px;
  }
  .popular-post-card img {
    width: 60px;
  }
  .popular-post-card .blog-date li {
    font-size: 13px;
  }
  .popular-post-card .blog-date li i {
    font-size: 11px;
  }
  .blog-details-text-area .blog-quote {
    padding: 30px;
  }
  .blog-details-text-area .blog-quote p {
    font-size: 15px;
  }
  .blog-text-footer .tag-area ul li {
    font-size: 14px;
  }
  .blog-text-footer .tag-area ul li a {
    padding: 5px 8px;
  }
  /*================================================
  Contact Page area CSS
  =================================================*/
  .google-map {
    height: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  :root {
    --card-title-fontSize: 22px;
    --fontSize: 14px;
  }
  .default-section-title h3 {
    font-size: 42px;
  }
  .menu-sidebar ul li .default-button {
    padding: 8px 35px 8px 10px;
  }
  .menu-sidebar ul li .default-button i {
    right: 13px;
  }
  .main-nav nav .navbar-nav .nav-item a.dropdown-toggle::after {
    top: 1px;
  }
  /*================================================
  Index 01 Banner Area CSS
  =================================================*/
  .banner-text-area h1 {
    font-size: 75px;
  }
  .home-banner-slider-area .owl-nav {
    width: unset;
    top: unset;
    bottom: -20px;
    transform: translateX(-50%);
  }
  .home-banner-slider-area .owl-nav button {
    margin: 0px 3px;
  }
  .home-banner {
    padding-bottom: 130px;
  }
  /*================================================
  Index 03 Banner Area CSS
  =================================================*/
  .banner-text-area-3 h1 {
    font-size: 68px;
  }
  .banner-text-area-3 p {
    max-width: 550px;
  }
  /*================================================
  Uni Banner Area CSS
  =================================================*/
  .uni-banner-text-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  /*================================================
  Details Page Common area CSS
  =================================================*/
  .details-page-text-area .details-page-list li::before {
    top: 4px;
  }
  /*================================================
  Blog Details Page area CSS
  =================================================*/
  .popular-post-card h5 {
    font-size: 17px;
  }
  .sidebar-tag ul li a {
    padding: 5px 8px;
  }
}
@media only screen and (min-width: 1550px) {
  .container-large {
    max-width: 1640px;
    margin-left: auto;
    margin-right: auto;
  }
  /*================================================
  Index 03 Banner Area CSS
  =================================================*/
  .banner-text-area-3 h1 {
    font-size: 84px;
  }
}/*# sourceMappingURL=responsive.css.map */