/* Responsive Styles Extracted from style.css */

/* ===== Combined Media Queries ===== */

@media (min-width: 1400px) {
  .container-1470 {
    max-width: 1470px;
  }
}

@media (min-width: 1200px) {
  .header-full-width .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }

  .header-navigation .site-logo a {
    margin: 10px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-title .title {
    font-size: 42px;
  }

  .section-title-two .title {
    font-size: 54px;
  }

  .section-title-two .big-text {
    font-size: 140px;
  }

  .banner-section .banner-content .title {
    font-size: 60px;
  }

  .service-item {
    padding: 35px 20px 40px;
  }

  .service-item .icon {
    height: 80px;
    width: 80px;
    font-size: 30px;
  }

  .service-item-two .title {
    font-size: 22px;
  }

  .service-item-three .title {
    font-size: 18px;
  }

  .service-item-five a {
    padding: 30px;
    font-size: 18px;
  }

  .service-item-five a i {
    right: 20px;
  }

  .service-item-six .title {
    font-size: 26px;
  }

  .service-item-eight .services-overlay {
    padding: 20px 20px 20px;
  }

  .service-section.service-with-shape .section-title .title {
    font-size: 42px;
  }

  .service-section.service-with-shape-two .section-title .title {
    font-size: 42px;
  }

  .feature-text-block.with-absolute-image {
    padding: 90px 30px 100px 320px;
  }

  .feature-text-block.with-absolute-image .absolute-img {
    width: 300px;
  }

  .feature-box .feature-overlay {
    padding: 30px;
  }

  .feature-box .feature-overlay .title {
    font-size: 20px;
  }

  .features-sub {
    padding: 50px 40px;
  }

  .features-sub .title {
    font-size: 24px;
  }

  .portfolio-item .portfolio-content {
    left: 30px;
    right: 30px;
    bottom: 30px;
  }

  .portfolio-item .portfolio-content .title {
    font-size: 22px;
  }

  .portfolio-item .portfolio-link {
    bottom: -30px;
    right: -30px;
    height: 50px;
    width: 50px;
    line-height: 52px;
  }

  .portfolio-item-two .portfolio-content {
    padding: 30px 25px;
  }

  .portfolio-item-two .portfolio-content .title {
    font-size: 22px;
  }

  .portfolio-item-three .post-content {
    left: 25px;
    bottom: 30px;
    right: 25px;
  }

  .portfolio-item-three .post-content .title {
    font-size: 20px;
  }

  .portfolio-item-three .portfolio-link {
    left: 25px;
  }

  .counter-box .counter {
    font-size: 50px;
  }

  .counter-box-two {
    padding: 25px;
  }

  .counter-box-two .counter-wrap {
    font-size: 45px;
  }

  .counter-box-two .title {
    font-size: 16px;
  }

  .counter-box-four {
    padding: 30px 25px;
  }

  .faq-counter-boxes-two.row {
    margin-left: -20px;
    margin-right: -20px;
  }

  .faq-counter-boxes-two.row > [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-counter-boxes-two .counter-box-two {
    margin-top: 40px;
  }

  .testimonial-box-two .testimonial-inner {
    padding: 20px;
  }

  .testimonial-box-two .testimonial-inner .testimonial-img {
    width: 180px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
  }

  .testimonial-box-two .testimonial-inner .content {
    padding-left: 20px;
  }

  .latest-news-box .post-content .title {
    font-size: 18px;
  }

  .latest-news-box-two .title {
    font-size: 20px;
  }

  .latest-news-box-three .post-content {
    left: 25px;
    bottom: 30px;
    right: 25px;
  }

  .latest-news-box-three .post-content .title {
    font-size: 20px;
  }

  .latest-news-box-three .news-link {
    left: 25px;
  }

  .latest-news-box-four {
    padding: 30px;
    border-width: 8px;
  }

  .latest-news-box-four .meta li {
    padding-right: 8px;
  }

  .latest-news-white-box {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-text-block .section-title .title {
    font-size: 42px;
  }

  .why-choose-area .single-choose p {
    padding: 0;
  }

  .intro-video-area .intro-video-content .title {
    font-size: 42px;
  }

  .footer-area .footer-widgets .widget.nav-widget .footer-list ul li {
    margin-right: 20px;
  }

  .single-blog-standard .blog-standard-content .title {
    padding-right: 0;
    font-size: 28px;
  }

  .single-blog-grid .blog-grid-overlay .title {
    font-size: 20px;
  }

  .blog-sidebar .widget {
    padding: 30px;
  }

  .blog-dteails-content .title {
    padding-right: 0;
    font-size: 28px;
  }

  .blog-dteails-content .post-content-list li {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .blog-dteails-content blockquote {
    padding: 50px;
    font-size: 24px;
  }

  .blog-dteails-content .post-footer .post-nav h3 {
    font-size: 24px;
  }

  .blog-dteails-content .post-footer .post-author .name {
    font-size: 30px;
  }

  .tile-gallery-one .img-one {
    max-width: 90%;
  }

  .tile-gallery-one .img-two {
    max-width: 90%;
  }

  .tile-gallery-two .img-two {
    max-width: 80%;
  }

  .tile-gallery-three .img-two {
    max-width: 90%;
  }
}

@media (max-width: 991px) {
  .section-title .title {
    font-size: 46px;
  }

  .section-title-two .title {
    font-size: 46px;
  }

  .section-title-two .big-text {
    font-size: 120px;
  }

  .mt-md-gap-60 {
    margin-top: 60px;
  }

  .mb-md-gap-30 {
    margin-bottom: 30px;
  }

  .mb-md-gap-40 {
    margin-bottom: 40px;
  }

  .mb-md-gap-50 {
    margin-bottom: 50px;
  }

  .mb-md-gap-60 {
    margin-bottom: 60px;
  }

  .mt-md-gap-30 {
    margin-top: 30px;
  }

  .mt-md-gap-40 {
    margin-top: 40px;
  }

  .mt-md-gap-50 {
    margin-top: 50px;
  }


  .header-navigation .primary-menu li.current > a,
  .header-navigation .primary-menu li.current > .dd-trigger,
  .header-navigation .primary-menu li a:hover,
  .header-navigation .primary-menu li a:hover ~ .dd-trigger {
    color: #fff;
  }

  .header-two .header-navigation .primary-menu li.current > a,
  .header-two .header-navigation .primary-menu li.current > .dd-trigger,
  .header-two .header-navigation .primary-menu li a:hover,
  .header-two .header-navigation .primary-menu li a:hover ~ .dd-trigger,
  .header-three .header-navigation .primary-menu li.current > a,
  .header-three .header-navigation .primary-menu li.current > .dd-trigger,
  .header-three .header-navigation .primary-menu li a:hover,
  .header-three .header-navigation .primary-menu li a:hover ~ .dd-trigger {
    color: #fff;
  }

  .header-two .header-navigation .navbar-btn,
  .header-three .header-navigation .navbar-btn {
    margin-left: 40px;
  }

  .header-three .header-topbar::before,
  .header-three .header-topbar::after {
    display: none;
  }

  .header-four .header-navigation .navbar-btn {
    margin-left: 40px;
  }

  .banner-slider .slick-arrow {
    top: auto;
    bottom: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    opacity: 1;
    visibility: visible;
  }

  .banner-slider .slick-arrow.prev {
    left: auto;
    right: 75px;
  }

  .banner-slider .slick-arrow.next {
    right: 15px;
  }

  .banner-slider:hover .slick-arrow.prev {
    left: auto;
    right: 75px;
  }

  .banner-slider:hover .slick-arrow.next {
    right: 15px;
  }

  .banner-slider.banner-slider-one {
    padding: 140px 0;
  }

  .banner-slider.banner-slider-two .single-banner {
    padding: 140px 0;
  }

  .banner-slider.banner-slider-three .single-banner {
    padding: 140px 0;
  }

  .banner-section .banner-content .title {
    font-size: 74px;
  }

  .banner-section .banner-img {
    display: none;
  }

  .banner-section-two {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .service-item-six .title {
    font-size: 32px;
  }

  .service-section.service-with-shape::before {
    left: 20px;
    right: 20px;
  }

  .service-section.service-with-shape .section-title .title {
    font-size: 46px;
  }

  .service-section.service-with-shape .section-title::before {
    height: 120px;
    width: 120px;
  }

  .service-section.service-with-shape-two .section-title .title {
    font-size: 46px;
  }

  .service-details-text-block {
    padding-left: 0;
  }

  .feature-text-block.with-absolute-image {
    padding: 40px;
  }

  .feature-text-block.with-absolute-image .absolute-img {
    display: none;
  }

  .counter-box .counter {
    font-size: 52px;
  }

  .team-join .join-bg {
    padding: 120px 60px 0;
  }

  .video-cta .video-cta-content {
    padding: 40px 50px 190px;
  }

  .video-cta .video-cta-content .title {
    font-size: 48px;
  }

  .video-cta .video-cta-play {
    margin-top: -150px;
    padding-left: 50px;
  }

  .call-to-action-four .cta-btns {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 40px;
  }

  .latest-news-box .post-content .title {
    font-size: 20px;
  }

  .latest-news-box-two .title {
    font-size: 20px;
  }

  .latest-news-white-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-text-block .section-title .title {
    font-size: 46px;
  }

  .about-thumb::before {
    top: 85px;
  }

  .contact-map-two iframe {
    width: 100%;
  }

  .intro-video-area .intro-video-content .title {
    font-size: 46px;
  }

  .intro-video-area-two .video-thumb-1 img {
    max-width: 65%;
  }

  .intro-video-area-two .video-thumb-2 img {
    max-width: 65%;
  }

  .history-timeline .history-item .history-content {
    padding: 35px 30px;
  }

  .footer-area .footer-widgets .widget .widget-title {
    font-size: 28px;
  }

  .footer-area.footer-area-two::after {
    width: 500px;
    height: 500px;
    left: -200px;
    bottom: -200px;
  }

  .page-title-area .title {
    font-size: 62px;
  }

  .product-gallery-wrap {
    padding-right: 0;
  }

  .cart-table {
    margin-bottom: 40px;
  }

  .blog-sidebar {
    margin-top: 50px;
  }

  .blog-dteails-content .subtitle {
    font-size: 24px;
  }

  .blog-dteails-content .post-footer .related-posts .related-post-box .content {
    padding: 30px;
  }

  .blog-dteails-content .post-footer .post-author .image {
    margin-right: 30px;
  }

  .blog-dteails-content .post-footer .post-author .name {
    font-size: 28px;
  }

  .timer-items .syotimer .syotimer__body .syotimer-cell {
    height: 150px;
    width: 150px;
  }

  .timer-items .syotimer .syotimer__body .syotimer-cell::before {
    height: 114%;
    width: 114%;
  }

  .timer-items .syotimer .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .section-title .title {
    font-size: 40px;
  }

  .header-navigation .navbar-btn {
    margin-left: 20px;
  }

  .banner-slider .banner-text .title {
    font-size: 48px;
  }

  .banner-slider .banner-text p {
    font-size: 16px;
  }

  .banner-slider .banner-text p {
    font-size: 15px;
  }

  .banner-section {
    padding-top: 260px;
    padding-bottom: 140px;
  }

  .banner-section .banner-content .title-tag {
    font-size: 18px;
  }

  .banner-section .banner-content .title {
    font-size: 62px;
  }

  .banner-section .banner-content .banner-btns li a .icon {
    height: 60px;
    width: 60px;
    margin-right: 20px;
  }

  .banner-section-two .banner-content .title-tag {
    padding-left: 100px;
    padding-right: 100px;
    font-size: 22px;
  }

  .banner-section-two .banner-content .title-tag::before,
  .banner-section-two .banner-content .title-tag::after {
    width: 80px;
  }

  .banner-section-two .banner-content .title {
    font-size: 90px;
    padding-bottom: 10px;
  }

  .banner-section-two .banner-content p {
    font-size: 20px;
  }

  .banner-section-three .banner-content .title-tag {
    padding-left: 100px;
    padding-right: 100px;
    font-size: 22px;
  }

  .banner-section-three .banner-content .title-tag::before,
  .banner-section-three .banner-content .title-tag::after {
    width: 80px;
  }

  .banner-section-three .banner-content .title {
    font-size: 90px;
    padding-bottom: 10px;
  }

  .banner-section-three .banner-content p {
    font-size: 20px;
  }

  .service-item-five a {
    padding: 30px;
    font-size: 18px;
  }

  .service-section.service-with-shape .section-title .title {
    font-size: 40px;
  }

  .service-section.service-with-shape-two .section-title .title {
    font-size: 40px;
  }

  .portfolio-item .portfolio-content {
    left: 30px;
    right: 30px;
    bottom: 30px;
  }

  .portfolio-item .portfolio-content .title {
    font-size: 22px;
  }

  .portfolio-item .portfolio-link {
    bottom: -30px;
    right: -30px;
    height: 50px;
    width: 50px;
    line-height: 52px;
  }

  .case-details-area .case-live {
    left: 0;
    top: 0px;
    position: unset;
  }

  .case-details-area .case-details-content .case-details-case img {
    position: unset;
    margin-bottom: 20px;
  }

  .case-details-area .case-details-content .case-details-case p {
    padding-left: 0;
  }

  .case-details-area .case-video-thumb a {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }

  .case-details-area .case-next-prev .case-prev .title {
    font-size: 20px;
  }

  .case-details-area .case-next-prev .case-next .title {
    font-size: 20px;
  }

  .counter-box-two .counter-wrap {
    font-size: 45px;
  }

  .counter-box-two .title {
    font-size: 16px;
  }

  .faq-counter-boxes-two.row {
    margin-left: -20px;
    margin-right: -20px;
  }

  .faq-counter-boxes-two.row > [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-counter-boxes-two .counter-box-two {
    margin-top: 40px;
  }

  .team-join .join-bg {
    padding: 100px 60px 0;
  }

  .team-join .join-bg .team-join-title .title {
    font-size: 46px;
  }

  .video-cta .video-cta-content .title {
    font-size: 36px;
  }

  .call-to-action-two .call-to-action-inner {
    padding: 60px;
  }

  .call-to-action-two .call-to-action-inner .title {
    font-size: 38px;
  }

  .call-to-action-four .cta-content .title {
    font-size: 46px;
  }

  .about-text-block .section-title .title {
    font-size: 40px;
  }

  .about-text-block .about-experience h3::before {
    display: none;
  }

  .about-text-block .about-experience span {
    font-size: 30px;
  }

  .conatct-section .contact-form-area .contact-form .form-title {
    font-size: 28px;
  }

  .intro-video-area .intro-video-content .title {
    font-size: 40px;
  }

  .intro-video-area .intro-video-content .text-1 {
    font-size: 24px;
  }

  .intro-video-area-two .video-thumb-1 img {
    max-width: 45%;
  }

  .intro-video-area-two .video-thumb-2 img {
    max-width: 50%;
  }

  .accordion-two .card .card-header a {
    padding: 0 0 0 40px;
    line-height: 60px;
    font-size: 16px;
  }

  .accordion-four .card .card-header a {
    padding: 22px 50px 22px 20px;
  }

  .accordion-four .card .card-header a::before {
    right: 20px;
  }

  .history-timeline {
    padding: 30px 0px 30px 100px;
    margin: 0;
  }

  .history-timeline::before {
    left: 30px;
  }

  .history-timeline::after {
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .history-timeline .history-item {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 60px;
    padding: 0;
  }

  .history-timeline .history-item .number-box {
    left: -100px;
    right: auto;
  }

  .history-timeline .history-item:nth-child(2) {
    margin-top: 0;
  }

  .history-timeline .history-item:nth-child(even) .number-box {
    left: -100px;
    right: auto;
  }

  .history-timeline .history-item:nth-last-child(1),
  .history-timeline .history-item:nth-last-child(2) {
    margin-bottom: 60px;
  }

  .footer-area.footer-area-two::after {
    display: none;
  }

  .shop-top-bar .shop-search-form {
    margin-bottom: 20px;
  }

  .shop-top-bar .shop-search-form input {
    width: 100%;
    border-radius: 0;
  }

  .product-details-tab .nav .nav-item a {
    padding: 0 25px;
  }

  .product-details-tab .tab-content .title {
    font-size: 24px;
  }

  .product-details-tab .tab-content .specifications-list li span {
    width: 40%;
  }

  .single-blog-standard .blog-standard-content {
    padding: 30px;
  }

  .single-blog-standard .blog-standard-content .title {
    font-size: 24px;
  }

  .blog-dteails-content {
    padding: 30px;
  }

  .blog-dteails-content .title {
    font-size: 24px;
  }

  .blog-dteails-content .post-content-list li {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .blog-dteails-content blockquote {
    font-size: 20px;
    padding: 40px 20px;
  }

  .blog-dteails-content blockquote .quote-icon {
    max-width: 100px;
  }

  .blog-dteails-content .post-footer .post-nav h3 {
    font-size: 22px;
  }

  .blog-dteails-content .post-footer .post-nav::before {
    display: none;
  }

  .blog-dteails-content .post-footer .post-author {
    display: block;
  }

  .blog-dteails-content .post-footer .post-author .image {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .comment-template .comments-list li {
    padding-left: 0;
    padding-top: 130px;
  }

  .comment-template .comments-list li .children {
    margin-left: 40px;
  }

  .tile-gallery-one .img-one {
    max-width: 90%;
  }

  .tile-gallery-one .img-two {
    max-width: 90%;
  }

  .timer-items .syotimer .syotimer__body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .timer-items .syotimer .syotimer__body .syotimer-cell {
    height: 200px;
    width: 200px;
  }

  .timer-items .syotimer .syotimer__body .syotimer-cell::before {
    width: 110%;
    height: 110%;
  }

  .timer-items .timer-title {
    font-size: 42px;
  }

  .imgs {
    margin: 20px 0;
  }

  .error-content .error-title {
    font-size: 42px;
  }
}

@media (max-width: 575px) {
  .section-title .title {
    font-size: 26px;
  }

  .section-title.with-right-border .title-tag {
    padding-right: 0;
    padding-top: 10px;
  }

  .section-title.with-right-border .title-tag::before {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    right: auto;
    left: 0;
    width: 50px;
  }

  .section-title-two .title {
    font-size: 28px;
  }

  .section-title-two .big-text {
    font-size: 100px;
  }

  .mb-xs-gap-30 {
    margin-bottom: 30px;
  }

  .mb-xs-gap-40 {
    margin-bottom: 40px;
  }

  .header-navigation .navbar-btn {
    display: none;
  }

  .banner-slider .banner-text .title-tag {
    font-size: 18px;
  }

  .banner-slider .banner-text .title {
    font-size: 32px;
    line-height: 1.2;
  }

  .banner-section {
    padding-top: 220px;
    padding-bottom: 120px;
  }

  .banner-section .banner-content .title-tag {
    font-size: 16px;
  }

  .banner-section .banner-content .title {
    font-size: 42px;
  }

  .banner-section .banner-content .banner-btns li:not(:last-child) {
    margin-right: 20px;
  }

  .banner-section .banner-content .banner-btns li a {
    font-size: 16px;
  }

  .banner-section-two {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .banner-section-two .banner-content .title-tag {
    padding: 0;
    font-size: 20px;
  }

  .banner-section-two .banner-content .title-tag::before,
  .banner-section-two .banner-content .title-tag::after {
    display: none;
  }

  .banner-section-two .banner-content .title {
    font-size: 52px;
  }

  .banner-section-two .banner-content p {
    font-size: 18px;
  }

  .banner-section-two .banner-content .banner-btns li {
    padding-bottom: 5px;
  }

  .banner-section-three .banner-content .title-tag {
    padding: 0;
    font-size: 20px;
  }

  .banner-section-three .banner-content .title-tag::before,
  .banner-section-three .banner-content .title-tag::after {
    display: none;
  }

  .banner-section-three .banner-content .title {
    font-size: 52px;
  }

  .banner-section-three .banner-content p {
    font-size: 18px;
  }

  .service-item-two .title {
    font-size: 22px;
  }

  .service-item-four .services-content .title {
    font-size: 22px;
  }

  .service-item-eight .services-overlay {
    padding: 20px 20px 20px;
  }

  .service-section.service-with-shape::before {
    left: 0;
    right: 0;
  }

  .service-section.service-with-shape .section-title .title {
    font-size: 26px;
  }

  .service-section.service-with-shape .section-title .ring-shape {
    height: 40px;
    width: 40px;
  }

  .service-section.service-with-shape .section-title::before {
    width: 80px;
    height: 80px;
    border-width: 5px;
  }

  .service-section.service-with-shape .section-title::after {
    height: 60px;
    width: 60px;
    border-width: 5px;
  }

  .service-section.service-with-shape-two .section-title .title {
    font-size: 26px;
  }

  .feature-text-block p.big-text {
    font-size: 18px;
    line-height: 1.4;
  }

  .feature-text-block .feature-btn {
    display: block;
  }

  .feature-text-block .feature-btn li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .feature-text-block.with-absolute-image {
    padding: 30px;
    border-width: 8px;
  }

  .feature-list li {
    padding-right: 0;
  }

  .feature-list li h4 {
    font-size: 18px;
  }

  .feature-box .feature-overlay {
    padding: 25px;
  }

  .feature-box .feature-overlay .title {
    font-size: 20px;
  }

  .feature-box .feature-overlay i {
    font-size: 120px;
  }

  .feature-intro-video .video-popup {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

  .features-sub {
    padding: 50px 30px;
  }

  .portfolio-item-two .portfolio-content {
    padding: 30px;
  }

  .portfolio-item-two .portfolio-content .title {
    font-size: 20px;
  }

  .portfolio-item-three .post-content {
    left: 25px;
    bottom: 30px;
    right: 25px;
  }

  .portfolio-item-three .post-content .title {
    font-size: 20px;
  }

  .portfolio-item-three .portfolio-link {
    left: 25px;
  }

  .case-details-area .case-live .case-live-item-area {
    margin: 0;
  }

  .case-details-area .case-live .case-live-item-area .case-live-item {
    padding-bottom: 20px;
  }

  .counter-box-two {
    padding: 40px;
    text-align: center;
  }

  .faq-counter-boxes-two .counter-box-two {
    margin-top: 30px;
  }

  .team-member-two .team-content .name {
    font-size: 22px;
  }

  .team-member-two .team-content .position {
    letter-spacing: 2px;
  }

  .team-member-two:hover .team-content {
    left: 15px;
  }

  .team-join .join-bg {
    padding: 80px 20px;
  }

  .team-join .join-bg .team-join-title .title {
    font-size: 32px;
  }

  .team-details-content .title {
    font-size: 24px;
  }

  .team-details-content ul a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 12px;
  }

  .testimonial-box p {
    padding: 30px;
  }

  .testimonial-box-two .testimonial-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .testimonial-box-two .testimonial-inner .testimonial-img {
    width: 250px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .testimonial-box-two .testimonial-inner .content {
    padding-left: 0;
    padding-top: 30px;
  }

  .video-cta .video-cta-content .title {
    font-size: 28px;
  }

  .call-to-action-two .call-to-action-inner {
    padding: 40px;
  }

  .call-to-action-two .call-to-action-inner .title {
    font-size: 32px;
  }

  .call-to-action-four .cta-btns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .latest-news-box-three .post-content {
    left: 25px;
    bottom: 30px;
    right: 25px;
  }

  .latest-news-box-three .post-content .title {
    font-size: 20px;
  }

  .latest-news-box-three .news-link {
    left: 25px;
  }

  .latest-news-white-box {
    margin-left: 10px;
    margin-right: 10px;
  }

  .about-text-block .section-title .title {
    font-size: 26px;
  }

  .about-text-block .about-experience h3 {
    font-size: 60px;
  }

  .about-text-block .about-experience span {
    font-size: 22px;
  }

  .about-text-block .about-btns {
    display: block;
  }

  .about-text-block .about-btns li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .about-thumb::before {
    display: none;
  }

  .about-section.about-with-shape .about-shape-1 {
    width: 40%;
  }

  .about-section.about-with-shape .about-shape-2 {
    width: 40%;
  }

  .why-choose-area .single-choose p {
    padding: 0;
  }

  .conatct-section .contact-form-area {
    padding: 30px;
  }

  .contact-map-two::before {
    border-width: 200px;
  }

  .contact-info-items .contact-info-item {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .contact-video::before {
    border-width: 200px;
  }

  .contact-video .video-popup {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }

  .intro-video-area .intro-video-content .title {
    font-size: 26px;
  }

  .intro-video-area .intro-video-content .text-1 {
    font-size: 18px;
  }

  .intro-video-area .intro-thumb::before {
    border-width: 200px;
    right: -15px;
    bottom: -20px;
  }

  .intro-video-with-shape::before {
    border-width: 200px;
  }

  .intro-video-with-shape .video-popup {
    height: 80px;
    width: 80px;
    line-height: 80px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .accordion-one .card .card-header a {
    font-size: 16px;
  }

  .accordion-one.white-version .card {
    margin: 0;
  }

  .accordion-two .card .card-header a {
    padding: 10px 30px 10px 20px;
    line-height: 20px;
    font-size: 15px;
  }

  .accordion-two .card .card-header a::before {
    right: 18px;
  }

  .accordion-three .card .card-header a {
    padding: 16px 40px 16px 20px;
  }

  .accordion-three .card .card-header a::before {
    right: 15px;
  }

  .accordion-three .card .card-body {
    padding: 0 20px 20px;
  }

  .history-timeline {
    padding: 0;
  }

  .history-timeline::before {
    display: none;
  }

  .history-timeline::after {
    display: none;
  }

  .page-title-area {
    padding-top: 180px;
  }

  .page-title-area .title {
    font-size: 38px;
  }

  .page-title-area .breadcrumb-nav li {
    font-size: 18px;
  }

  .product-summery .price {
    font-size: 30px;
  }

  .product-summery .social-share a {
    margin-right: 10px;
    margin-left: 0px;
    margin-top: 20px;
  }

  .product-details-tab .nav::before {
    display: none;
  }

  .product-details-tab .nav .nav-item a {
    margin: 5px;
  }

  .single-blog-standard .blog-standard-content {
    padding: 30px 25px;
  }

  .single-blog-standard .blog-standard-content .cat {
    letter-spacing: 1px;
    font-size: 12px;
  }

  .single-blog-standard .blog-standard-content .title {
    font-size: 22px;
  }

  .single-blog-standard .blog-standard-content .post-meta li {
    margin-right: 10px;
  }

  .single-blog-standard .blog-standard-footer {
    display: block;
  }

  .single-blog-standard .blog-standard-footer .footer-left {
    margin-bottom: 20px;
  }

  .single-blog-grid .blog-grid-overlay .title {
    font-size: 20px;
  }

  .blog-dteails-content {
    padding: 30px 25px;
  }

  .blog-dteails-content .title {
    font-size: 22px;
  }

  .blog-dteails-content .subtitle {
    font-size: 20px;
  }

  .blog-dteails-content .post-meta li {
    margin-right: 10px;
  }

  .blog-dteails-content .post-footer .social-share {
    margin-top: 30px;
  }

  .blog-dteails-content .post-footer .social-share h5 {
    text-align: left;
  }

  .blog-dteails-content .post-footer .social-share ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .blog-dteails-content .post-footer .post-nav {
    display: block;
  }

  .blog-dteails-content .post-footer .post-nav .next-post {
    text-align: left;
    margin-top: 30px;
  }

  .blog-dteails-content .post-footer .related-posts .related-post-box .thumb {
    height: 250px;
  }

  .blog-dteails-content
    .post-footer
    .related-posts
    .related-post-box
    .content
    h4 {
    font-size: 20px;
  }

  .blog-dteails-content .post-footer .post-author {
    padding: 25px;
  }

  .blog-dteails-content .post-footer .post-author .name {
    font-size: 24px;
  }

  .comment-template .comments-list li .comment-content .reply-link {
    position: unset;
    margin-top: 20px;
  }

  .comment-template .comment-form {
    padding: 30px;
  }

  .comment-template .comment-form button {
    padding: 0 30px;
    font-size: 14px;
  }

  .tile-gallery-two .img-one {
    max-width: 90%;
  }

  .tile-gallery-two .img-two {
    max-width: 90%;
  }

  .tile-gallery-three .img-one {
    max-width: 90%;
  }

  .tile-gallery-three .img-two {
    max-width: 90%;
  }

  .timer-items .syotimer .syotimer__body {
    display: block;
  }

  .timer-items .syotimer .syotimer__body .syotimer-cell {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1199px) {
  

  .mb-lg-gap-40 {
    margin-bottom: 40px;
  }

  .mb-lg-gap-50 {
    margin-bottom: 50px;
  }

  .mb-lg-gap-60 {
    margin-bottom: 60px;
  }

  .mt-lg-gap-30 {
    margin-top: 30px;
  }

  .mt-lg-gap-40 {
    margin-top: 40px;
  }

  .mt-lg-gap-50 {
    margin-top: 50px;
  }

  .mb-lg-gap-30 {
    margin-bottom: 30px;
  }

  .header-navigation .primary-menu li .dd-trigger {
    right: -5px;
  }

  .header-navigation .primary-menu li a {
    padding: 8px;
    margin: 0 5px;
    font-size: 15px;
  }

  .header-navigation .cart-icon,
  .header-navigation .search-icon {
    margin-right: 20px;
  }

  .header-navigation .navbar-btn {
    margin-left: 30px;
  }

  .header-navigation .navbar-btn a {
    padding: 15px 20px;
  }

  .header-navigation .navbar-btn a i {
    margin-left: 5px;
  }

  .header-two .header-navigation .primary-menu li .dd-trigger,
  .header-three .header-navigation .primary-menu li .dd-trigger {
    right: 0;
  }

  .header-two .header-navigation .primary-menu li a,
  .header-three .header-navigation .primary-menu li a {
    font-size: 15px;
    margin: 0 5px;
  }

  .header-two .header-navigation .navbar-btn a,
  .header-three .header-navigation .navbar-btn a {
    padding: 15px 35px;
  }

  .header-three .header-topbar::before,
  .header-three .header-topbar::after {
    width: 200px;
  }

  .header-four .header-navigation .primary-menu li .dd-trigger {
    right: 0;
  }

  .header-four .header-navigation .primary-menu li a {
    font-size: 15px;
    margin: 0 5px;
  }

  .header-four .header-navigation .navbar-btn a {
    padding: 15px 35px;
  }

  .banner-slider .banner-text .title {
    font-size: 62px;
  }

  .banner-section {
    padding-bottom: 160px;
  }

  .banner-section .banner-content .banner-btns li:not(:last-child) {
    margin-right: 40px;
  }

  .banner-section .banner-content .banner-btns li a {
    font-size: 20px;
  }

  .banner-section .banner-img {
    height: 500px;
    width: 500px;
  }

  .banner-section-two .banner-content .title {
    font-size: 110px;
  }

  .banner-section-three .banner-content .title {
    font-size: 80px;
  }

  .banner-section-three {
    padding-top: 150px;
  }

  .service-item .title {
    font-size: 18px;
  }

  .service-item-six .count {
    font-size: 160px;
  }

  .service-item-seven {
    padding: 40px 30px;
    border-width: 10px;
  }

  .service-item-seven .title {
    font-size: 28px;
  }

  .service-item-eight .services-overlay {
    bottom: -115px;
  }

  .service-item-eight .services-overlay .title {
    font-size: 18px;
  }

  .feature-list li {
    padding-right: 30px;
  }

  .team-join .join-bg {
    padding: 120px 100px 0;
  }

  .team-join .join-bg .team-join-title .title {
    font-size: 46px;
  }

  .team-details-content {
    padding-left: 0;
  }

  .video-cta .video-cta-content {
    margin-right: 0;
  }

  .call-to-action-two .call-to-action-inner {
    padding: 90px 80px;
  }

  .call-to-action-four .cta-btns .cta-btn span {
    font-size: 18px;
  }

  .about-thumb::before {
    height: 500px;
    width: 500px;
    left: -100px;
    border-width: 80px;
  }

  .history-timeline .history-item .history-content .title {
    font-size: 22px;
  }

  .footer-area.footer-area-two .container::before {
    right: 0;
  }

  .footer-area.footer-area-two .container::after {
    right: 20px;
  }

  .shop-sidebar {
    margin-top: 50px;
  }

  .blog-sidebar {
    padding-left: 0;
  }

  .timer-items .syotimer .syotimer__body .syotimer-cell {
    height: 200px;
    width: 200px;
  }

  .timer-items .syotimer .syotimer__body .syotimer-cell::before {
    width: 110%;
    height: 110%;
  }

  .timer-items .timer-title {
    font-size: 60px;
  }

  .error-content .error-title {
    font-size: 60px;
  }
}

@media (max-width: 560px) {
  .header-navigation .site-logo {
    max-width: 150px;
  }
}

@media (max-width: 1399px) {
  .header-three .header-topbar::before,
  .header-three .header-topbar::after {
    width: 250px;
  }

  .banner-slider .banner-text .title {
    font-size: 80px;
  }
}

@media (max-width: 400px) {
  .banner-section .banner-content .banner-btns li:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .counter-box-two {
    padding: 25px;
  }
}

@media (max-width: 768px) {
  .col-lg-6.offset-6 {
    margin: 0;
  }

  .banner-section-three {
    height: 50vh;
    padding-top: 128px;
    padding-bottom: 0;
  }

  .banner-section-three .banner-content .title {
    font-size: 35px;
  }

  .section-gap {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prev {
    left: 0;
  }

  .next {
    right: 0;
  }

  .feature-text-block {
    margin-bottom: 20px;
  }

  .banner-shapes {
    display: none;
  }

  .cnet h2 {
    margin: 20px 0;
  }

  .footer-area .footer-widgets {
    padding-top: 250px;
  }
}