@media only screen and (max-width: 767px) {
  .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;
  }
  .section-content {
    margin-top: 0px;
  }
  .default-section-heading h3 {
    font-size: 25px;
  }
  .default-section-heading p {
    font-size: 15px;
  }
  .topbar {
    text-align: center;
  }
  .topbar .topbar-contact-area ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .topbar .topbar-contact-area ul li {
    margin: 5px 10px 0px;
  }
  .shapes {
    display: none;
  }
  .main-banner {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .banner-text-area {
    text-align: center;
    margin-bottom: 30px;
  }
  .banner-text-area h1 {
    font-size: 28px;
  }
  .main-banner-img-area {
    padding-left: 15px;
  }
  .about-img {
    left: 0px;
    margin-bottom: 30px;
  }
  .about-text-area {
    text-align: center;
  }
  .about-text-area ul li {
    width: 100%;
    text-align: left;
  }
  .service-card {
    -webkit-box-shadow: 0px 0px 5px 0px var(--mainColor);
            box-shadow: 0px 0px 5px 0px var(--mainColor);
  }
  .service-card .service-card-img {
    background-image: unset;
    height: auto;
  }
  .service-card .service-card-img img {
    display: block;
  }
  .service-card .service-card-text-area {
    margin: 0px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .fun-facts-card {
    display: block;
    text-align: center;
    padding: 00px 10px 20px;
  }
  .fun-facts-card i {
    position: relative;
    left: 0px;
  }
  .fun-facts-card h2 {
    font-size: 30px;
    margin-top: 10px;
  }
  .fun-facts-card p {
    font-size: 13px;
  }
  .team-slider-area .owl-nav .owl-next {
    right: 0px;
  }
  .team-slider-area .owl-nav .owl-prev {
    left: 0px;
  }
  .team-slider-area:hover .owl-nav .owl-next {
    right: -5px;
  }
  .team-slider-area:hover .owl-nav .owl-prev {
    left: -5px;
  }
  .testimonial-slider-area .testimonial-text-area {
    padding-left: 0px;
    margin-top: 30px;
  }
  .testimonial-slider-area .owl-nav {
    display: inline-block;
    position: relative;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
  }
  .faq-section {
    margin-top: 30px;
  }
  .faq-section .faq-image {
    padding: 0px;
    margin-top: 30px;
  }
  .faq-section .accordion-button {
    padding-right: 50px;
    font-size: 15px;
    height: 50px;
  }
  .faq-section .accordion-button::before, .faq-section .accordion-button::after {
    width: 50px;
  }
  .faq-section .accordion-body {
    padding-top: 15px;
    padding-bottom: 5px;
  }
  .blog-card .blog-card-text .blog-card-date ul li {
    margin-right: 10px;
  }
  .blog-card .blog-card-text h4 {
    font-size: 18px;
  }
  .newsletter-content {
    padding: 30px 15px 35px;
    text-align: center;
  }
  .newsletter-content .newsletter-text-area h3 {
    font-size: 25px;
  }
  .newsletter-content .input-group {
    margin-top: 30px;
  }
  .explore-link {
    padding-left: 0px;
    margin-top: 30px !important;
  }
  .footer-links {
    margin-top: 30px;
  }
  .footer {
    padding-top: 200px;
  }
  .why-we-content {
    margin-top: 30px;
    text-align: center;
  }
  .working-process-content {
    margin-top: 30px;
  }
  .hero-area .banner-text-area-2 {
    margin-right: auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .about-text-area-2 {
    padding-left: 0px;
    margin-top: 30px;
  }
  .working-process-img {
    padding-right: 0px;
    margin-bottom: 30px;
  }
  .brands-2 {
    margin-bottom: 50px;
  }
  .why-we-img {
    margin-top: 30px;
  }
  .why-we-img .video-play-button {
    height: 60px;
    width: 60px;
  }
  .why-we-img .video-play-button i {
    font-size: 20px;
  }
  .why-we-text-card .why-we-card-inner-text {
    text-align: left;
  }
  .why-we-text-card .why-we-card-inner-text h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .working-process-card {
    padding-left: 20px;
    padding-right: 20px;
  }
  .working-process-card .wp-icon {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
  .working-process-card .wp-text {
    padding-left: 0px;
    text-align: center;
  }
  .working-process-card .wp-text h4 {
    font-size: 18px;
  }
  .service-card-2 .service-card--2-text h4 {
    font-size: 18px;
  }
  .testimonial-card-2 {
    padding: 30px 15px;
  }
  .team-card-2 .team-card-2-footer {
    padding: 20px 0px;
  }
  .features-card-2 {
    padding: 25px 15px 15px;
  }
  .service-card-2 {
    padding: 20px 10px;
  }
  .project-gallery-card .op-overlay i {
    width: 25px;
    height: 25px;
    font-size: 15px;
  }
  .project-gallery-card .op-overlay h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .project-gallery-card .op-overlay p {
    margin-bottom: 0px;
  }
  .banner {
    padding: 60px 0px;
  }
  .banner .main-banner-img img {
    right: 0px;
  }
  .banner .main-banner-img .video-play-button {
    left: 50%;
  }
  .about-img-3 .a-img1 {
    position: relative;
    width: 100%;
    padding: 0px;
  }
  .about-img-3 .a-img2 {
    position: relative;
    width: 100%;
    top: 0%;
    -webkit-transform: translate(0%);
            transform: translate(0%);
    margin-top: 20px;
  }
  .working-process-content3 {
    text-align: center;
  }
  .working-process-content3 .working-process-text-area {
    padding-right: 0px;
  }
  .working-process-content3 .working-process-text-area .working-process-card {
    text-align: left;
  }
  .working-process-content3 .working-process-img {
    background-image: unset;
    height: auto;
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .working-process-content3 .working-process-img img {
    display: block;
  }
  .providing-img {
    background-image: unset;
    height: auto;
  }
  .providing-img img {
    display: block;
  }
  .providing-text-area {
    padding: 0px;
    margin-top: 30px;
    text-align: center;
  }
  .providing-text-area h3 {
    font-size: 25px;
  }
  .providing-text-area ul li {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .testimonial-slider-area {
    margin-top: 30px;
  }
  .testimonial-slider-area .testimonial-3-img {
    width: 150px;
    margin: 0px auto;
  }
  .testimonial-slider-area .testimonial-slider-text {
    text-align: center;
    padding: 0px;
    margin-top: 30px;
  }
  .testimonial-slider-area .testimonial-slider-text i {
    font-size: 25px;
  }
  .testimonial-slider-area .testimonial-slider-text p {
    font-size: 15px;
  }
  .uni-banner .uni-banner-overlay {
    padding: 30px 0px;
  }
  .uni-banner-text h1 {
    font-size: 30px;
  }
  .uni-banner-text p {
    font-size: 15px;
  }
  .blog-with-sidebar .b-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .blog-with-sidebar .b-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .blog-with-sidebar .details-page-sidebar {
    margin-top: 30px;
    padding: 0px;
  }
  .blog-with-sidebar .details-page-sidebar h3 {
    font-size: 23px;
  }
  .blog-with-sidebar .details-page-sidebar .categories ul li a span {
    font-size: 15px;
  }
  .blog-with-sidebar .pagination ul li {
    margin-top: 0px;
  }
  .bd-comments-card .bd-comments-card-text {
    padding-left: 72px;
  }
  .bd-comments-card .bd-comments-card-text .bd-comments-intro h6 {
    font-size: 16px;
  }
  .bd-comments-card .bd-comments-card-text .bd-comments-intro .default-button {
    padding: 5px 15px;
  }
  .bd-comments-area .reply-comment {
    padding-left: 20px;
  }
  .blog-details-text-area h3 {
    font-size: 25px;
  }
  .blog-details-text-area .img-text-area {
    display: block;
  }
  .blog-details-text-area .img-text-area .img-text {
    padding-left: 0px;
    margin-top: 15px;
  }
  .blog-details-text-area .quoted-comments {
    padding: 30px 15px;
  }
  .blog-details-text-area .quoted-comments .fa-quote-right {
    right: 10px;
  }
  .blog-details-text-area .quoted-comments .fa-quote-left {
    left: 8px;
  }
  .blog-details .b-order-1,
  .service-details .b-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .blog-details .b-order-2,
  .service-details .b-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .details-page-sidebar {
    margin-top: 30px;
    padding-right: 0px;
  }
  .service-details-list ul li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .service-details-text-area h3 {
    font-size: 25px;
    margin: 20px 0px 10px;
  }
  .service-details-text-area h4 {
    font-size: 20px;
  }
  .client-sidebar-info .client-info-card .client-info-card-text h4 {
    font-size: 17px;
  }
  .explore-projects {
    margin-bottom: 50px;
    text-align: center;
  }
  .explore-projects h3 {
    font-size: 22px;
  }
  .explore-projects .explore-projects-card .explore-card-text-area h4 {
    font-size: 17px;
  }
  .explore-projects .explore-projects-card .explore-card-text-area p {
    font-size: 15px;
  }
  .contact-page-form {
    margin-bottom: 50px;
  }
  .terms h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .terms p {
    margin-bottom: 10px;
  }
  .coming-soon {
    padding-top: 0px;
  }
  .coming-soon .coming {
    padding: 20px;
  }
  .coming-soon .coming h3 {
    font-size: 30px;
  }
  .coming-soon .coming input {
    width: 100%;
  }
  .coming-soon .countdown-wrapper {
    margin: 0px;
  }
  .coming-soon .countdown-wrapper .getting-start {
    margin: 25px 0;
  }
  .error .error-text {
    width: 100%;
  }
  .error .error-text h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .error .error-text p {
    padding-top: 0px;
    font-size: 15px;
    font-weight: 400;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-text-area h1 {
    font-size: 40px;
  }
  .features-card .features-card-text h4 {
    font-size: 18px;
  }
  .service-card .service-card-text-area {
    padding: 30px 15px;
  }
  .service-card .service-card-text-area .service-card-text h4 {
    font-size: 18px;
  }
  .about-text-area {
    text-align: center;
  }
  .about-text-area ul li {
    width: 45%;
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pt-100 {
    padding-top: 80px;
  }
  .pb-100 {
    padding-bottom: 70px;
  }
  .ptb-70 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-70 {
    padding-top: 50px;
  }
  .pb-70 {
    padding-bottom: 50px;
  }
  .topbar {
    text-align: center;
  }
  .topbar .topbar-contact-area ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .topbar .topbar-contact-area ul li {
    margin: 5px 10px 0px;
  }
  .shapes {
    display: none;
  }
  .main-banner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .banner-text-area {
    text-align: center;
    margin-bottom: 30px;
  }
  .main-banner-img-area {
    padding-left: 15px;
  }
  .about-img {
    left: 0px;
    margin-bottom: 30px;
  }
  .about-text-area {
    text-align: center;
  }
  .about-text-area ul li {
    width: 45%;
    text-align: left;
  }
  .service-card {
    -webkit-box-shadow: 0px 0px 5px 0px var(--mainColor);
            box-shadow: 0px 0px 5px 0px var(--mainColor);
  }
  .service-card .service-card-img {
    background-image: unset;
    height: auto;
  }
  .service-card .service-card-img img {
    display: block;
  }
  .service-card .service-card-text-area {
    margin: 0px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .testimonial-slider-area .testimonial-text-area {
    padding-left: 0px;
  }
  .testimonial-slider-area .owl-nav {
    display: inline-block;
    margin-top: 20px;
    position: relative;
    left: 62%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .faq-section .faq-image {
    padding: 0px;
    margin-top: 30px;
  }
  .newsletter-content {
    padding: 50px 50px 55px;
    text-align: center;
  }
  .newsletter-content .input-group {
    margin-top: 30px;
  }
  .explore-link {
    padding-left: 0px;
    margin-top: 0px !important;
  }
  .footer-links {
    margin-top: 30px;
  }
  .footer {
    padding-top: 230px;
  }
  .team-slider-area .owl-nav .owl-next {
    right: 0px;
  }
  .team-slider-area .owl-nav .owl-prev {
    left: 0px;
  }
  .team-slider-area:hover .owl-nav .owl-next {
    right: -10px;
  }
  .team-slider-area:hover .owl-nav .owl-prev {
    left: -10px;
  }
  .hero-area .banner-text-area-2 {
    margin-right: auto;
  }
  .about-text-area-2 {
    padding-left: 0px;
    margin-top: 30px;
  }
  .working-process-img {
    padding-right: 0px;
    margin-bottom: 30px;
  }
  .brands-2 {
    margin-bottom: 80px;
  }
  .why-we-img {
    margin-top: 30px;
  }
  .banner {
    padding: 100px 0px;
  }
  .banner .main-banner-img img {
    right: 0px;
  }
  .banner .main-banner-img .video-play-button {
    left: 50%;
  }
  .working-process-content3 {
    text-align: center;
  }
  .working-process-content3 .working-process-text-area {
    padding-right: 0px;
  }
  .working-process-content3 .working-process-text-area .working-process-card {
    text-align: left;
  }
  .working-process-content3 .working-process-img {
    background-image: unset;
    height: auto;
    margin-top: 30px;
  }
  .working-process-content3 .working-process-img img {
    display: block;
  }
  .providing-img {
    background-image: unset;
    height: auto;
  }
  .providing-img img {
    display: block;
  }
  .providing-text-area {
    padding: 0px;
    margin-top: 30px;
    text-align: center;
  }
  .providing-text-area ul li {
    text-align: left;
  }
  .uni-banner .uni-banner-overlay {
    padding: 60px 0px;
  }
  .blog-with-sidebar .b-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .blog-with-sidebar .b-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .blog-with-sidebar .details-page-sidebar {
    margin-top: 30px;
    padding: 0px;
  }
  .blog-details .b-order-1,
  .service-details .b-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .blog-details .b-order-2,
  .service-details .b-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .details-page-sidebar {
    margin-top: 30px;
    padding-right: 0px;
  }
  .service-details-list ul li {
    width: 100%;
  }
  .explore-projects {
    margin-bottom: 80px;
    text-align: center;
  }
  .contact-page-form {
    margin-bottom: 80px;
  }
  .coming-soon {
    padding-top: 0px;
  }
  .coming-soon .coming h3 {
    font-size: 30px;
  }
  .coming-soon .coming input {
    width: 80%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-nav nav .navbar-nav .nav-item a {
    font-size: 14px;
  }
  .banner-text-area h1 {
    font-size: 45px;
  }
  .about-img {
    left: 0px;
  }
  .about-text-area ul li {
    width: 45%;
  }
  .service-card .service-card-text-area {
    padding: 20px 15px;
  }
  .service-card .service-card-text-area .service-card-text h4 {
    font-size: 20px;
  }
  .fun-facts-card .fun-facts-card-text p {
    font-size: 13px;
  }
  .testimonial-text-area {
    padding-left: 10px;
  }
  .testimonial-text-area i {
    margin-bottom: 5px;
  }
  .testimonial-text-area p {
    margin-bottom: 10px;
  }
  .testimonial-slider-area .owl-nav {
    bottom: -15px;
    left: 63%;
  }
  .faq-section .accordion-button {
    height: 55px;
    font-size: 16px;
  }
  .faq-section .accordion-body {
    font-size: 14px;
  }
  .team-slider-area .owl-nav .owl-next {
    right: 0px;
  }
  .team-slider-area .owl-nav .owl-prev {
    left: 0px;
  }
  .team-slider-area:hover .owl-nav .owl-next {
    right: -10px;
  }
  .team-slider-area:hover .owl-nav .owl-prev {
    left: -10px;
  }
  .blog-card .blog-card-text .blog-card-date ul li {
    margin-right: 10px;
  }
  .blog-card .blog-card-text h4 {
    font-size: 20px;
  }
  .hero-area .banner-text-area-2 {
    max-width: 465px;
  }
  .service-card-2 .service-card--2-text h4 {
    font-size: 20px;
  }
  .default-section-heading h3,
  .providing-text-area h3 {
    font-size: 30px;
  }
  .uni-banner .uni-banner-overlay {
    padding: 160px 0px 100px;
  }
  .blog-details-text-area .img-text-area {
    display: block;
  }
  .blog-details-text-area .img-text-area .img-text {
    margin-top: 15px;
    padding-left: 0px;
  }
  .service-details-list ul li {
    width: 100%;
  }
}

@media only screen and (min-width: 1550px) {
  .banner-text-area h1 {
    font-size: 60px;
  }
  .testimonial-slider-area .owl-nav {
    bottom: 10%;
  }
  .hero-area .banner-text-area-2 {
    max-width: 650px;
  }
  .testimonial-slider-area-2 .owl-nav .owl-next {
    right: -15px;
  }
  .testimonial-slider-area-2 .owl-nav .owl-prev {
    left: -15px;
  }
  .testimonial-slider-area-2:hover .owl-nav {
    opacity: 1;
  }
  .testimonial-slider-area-2:hover .owl-nav .owl-next {
    right: -35px;
  }
  .testimonial-slider-area-2:hover .owl-nav .owl-prev {
    left: -35px;
  }
  .banner .main-banner-img img {
    right: -70px;
  }
  .testimonial-slider-area-3 .owl-nav {
    bottom: 16%;
  }
  .popular-post-area .popular-post-card .popular-card-text h4 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .main-responsive-nav {
    background-color: #ffffff;
    height: 54px;
  }
  .mobile-nav {
    display: block;
    position: relative;
  }
  .mobile-nav .logo {
    text-decoration: none;
    position: absolute;
    top: 10px;
    z-index: 999;
    left: 0px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
  }
  .mobile-nav nav .navbar-nav .nav-item a i {
    display: none;
  }
  .mobile-nav .menu-sidebar-small-device {
    display: block;
    z-index: 999;
  }
  .mean-container .mean-bar {
    background-color: #ffffff;
    padding: 0;
  }
  .mean-container a.meanmenu-reveal {
    padding: 15px 2px 0 0;
  }
  .main-nav {
    display: none !important;
  }
  .menu-sidebar {
    display: none;
  }
  .menu-sidebar-small-device .default-button {
    padding: 5px 10px;
  }
}
/*# sourceMappingURL=responsive.css.map */