@media only screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt-100 {
        padding-top: 50px;
    }
    .ptb-70 {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .pb-100 {
        padding-bottom: 50px;
    }
    .pt-70 {
        padding-top: 30px;
    }
    .pb-90 {
        padding-bottom: 50px;
    }
    .pb-70 {
        padding-bottom: 20px;
    }
    .pt-45 {
        padding-top: 30px;
    }
    .pt-20 {
        padding-top: 0;
    }
    .ml-50 {
        margin-left: 0;
    }
    .ml-60 {
        margin-left: auto;
    }
    .text-end {
        text-align: right;
    }
    .default-btn {
        padding: 8px 25px;
    }
    .default-btn.active {
        margin-left: 10px;
    }
    .section-title span {
        font-size: 12px;
    }
    .section-title h2 {
        font-size: 24px;
    }
    .section-title p {
        padding-top: 10px;
    }
    .header-right {
       
        padding-left: 0;
    }
    .header-right .header-right-card ul li {
        display: inline-block;
        padding-left: 0;
        margin-right: 15px;
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .header-right .header-right-card ul li::before {
        display: none;
    }
    .header-right .header-right-card ul li:first-child::before {
        display: none;
    }
    .header-right .header-right-card ul li:last-child {
        margin-right: 0;
    }
    .header-right .header-right-card ul li .head-icon {
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        font-size: 24px;
    }
    .header-right .header-right-card ul li a {
        margin-left: 40px;
        margin-top: -5px;
        font-size: 15px;
    }
    .top-social-link {
        padding-top: 5px;
        float: none;
        text-align: left;
    }
    .mobile-nav .logo img {
        max-width: 110px;
        height: 62px;
        margin-top: -10px;
    }
    .cart-shop {
        display: none;
    }
    .other-side {
        display: none;
    }
    .modal-menu {
        display: none;
    }
    .navbar-brand {
        display: none;
    }
    .navbar-brand-2 {
        display: none;
    }
    .slider-item .slider-content {
        width: 100%;
        margin-left: 0;
        padding: 120px 10px;
        text-align: center;
    }
    .banner-content span {
        font-size: 12px;
    }
    .banner-content h1 {
        font-size: 35px;
        margin-bottom: 10px;
    }
    .banner-content p {
        width: 100%;
        margin-bottom: 20px;
    }
    .home-slider .owl-nav .owl-prev {
        left: 20%;
    }
    .home-slider .owl-nav .owl-next {
        right: 20%;
    }
    .customer-from {
        padding: 30px 15px;
    }
    .customer-from p {
        font-size: 12px;
    }
    .customer-from h2 {
        font-size: 24px;
    }
    .customer-from .agree-label {
        margin-bottom: 20px;
    }
    .customer-from .agree-label label {
        font-size: 14px;
        margin-left: 5px;
    }
    .customer-service {
        margin-top: 30px;
        padding: 30px 15px 0;
    }
    .customer-service h2 {
        font-size: 24px;
    }
    .customer-service .customer-service-card {
        position: relative;
    }
    .customer-service .customer-service-card i {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0 auto;
        left: 0;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    .customer-service .customer-service-card .content {
        margin-left: auto;
        margin-right: auto;
    }
    .customer-service .customer-service-card .content h3 {
        margin-top: 65px;
        font-size: 20px;
        color: #555657;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
        margin-bottom: 0;
        max-width: 100%;
    }
    .about-content .about-sedule {
        margin-top: 20px;
    }
    .about-content .about-sedule ul li {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .about-content .about-btn {
        margin-top: 20px;
    }
    .about-img .about-single {
        margin-right: 0;
    }
    .about-img .about-single .about-play {
        top: auto;
        position: inherit;
        right: auto;
        left: auto;
        max-width: 100%;
        padding: 20px 20px 25px;
    }
    .about-img .about-single .about-play h3 {
        font-size: 24px;
    }
    .about-img .about-single .about-play .play-shape {
        bottom: -5px;
        right: -5px;
    }
    .about-img .about-single .about-play .play-btn i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }
    .about-img .about-single .about-dots {
        display: none;
    }
    .facility-item {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .service-area {
        padding-bottom: 50px;
    }
    .service-slider .owl-nav .owl-prev {
        left: 20%;
    }
    .service-slider .owl-nav .owl-next {
        right: 20%;
    }
    .counter-single {
        margin-bottom: 30px;
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
    }
    .counter-single h2 {
        top: -10px;
        font-size: 60px;
    }
    .counter-bg {
        padding-bottom: 25px;
    }
    .counter-bg2 {
        padding-bottom: 25px;
    }
    .management-text p {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .management-area {
        padding-top: 50px;
    }
    .management-area .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .management-item .management-img .management-content {
        position: initial;
        max-width: 100%;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #f9f9f9;
        padding: 20px;
    }
    .management-item .management-img .management-content h3 {
        font-size: 18px;
    }
    .management-slider {
        position: relative;
    }
    .management-slider .owl-nav {
        margin-bottom: 40px;
    }
    .management-slider .owl-nav .owl-prev {
        left: 20%;
    }
    .management-slider .owl-nav .owl-next {
        right: 20%;
    }
    .award-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .award-list {
        padding: 40px 20px;
        margin-bottom: 30px;
    }
    .award-list ul li {
        font-size: 15px;
    }
    .award-list ul li span {
        font-size: 20px;
        margin-right: 7px;
    }
    .award-title {
        margin-left: 0;
    }
    .award-title .section-title h2 {
        font-size: 26px;
    }
    .award-title .section-title p {
        margin-bottom: 20px;
    }
    .offer-item .offer-rate h3 {
        font-size: 15px;
    }
    .offer-item .offer-rate h3 span {
        font-size: 26px;
    }
    .offer-img .images-offer .offer-top {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        padding: 30px;
        background-color: #0152a3;
    }
    .offer-img .images-offer .offer-top h3 {
        font-size: 26px;
        color: #fff;
        margin-bottom: 15px;
    }
    .offer-img .images-offer .offer-bottom {
        position: inherit;
        bottom: 0;
        right: auto;
        left: auto;
        max-width: 100%;
        padding: 30px;
    }
    .offer-img .images-offer .offer-bottom h3 {
        font-size: 26px;
    }
    .technician-item {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .technician-item span {
        font-size: 12px;
    }
    .technician-item h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .technician-item ul li i {
        font-size: 20px;
    }
    .technician-item .technician-btn {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .project-card {
        margin-bottom: 30px;
    }
    .project-card .project-card-img .project-content {
        position: inherit;
        bottom: 0;
        right: auto;
        left: auto;
        max-width: 100%;
    }
    .project-card .project-card-img .project-content span {
        font-size: 12px;
    }
    .project-card .project-card-img .project-content a h3 {
        font-size: 20px;
    }
    .price-area {
        margin-bottom: 0;
        padding-bottom: 50px;
    }
    .price-card {
        margin-bottom: 30px;
        padding-bottom: 25px;
    }
    .price-card .price-card-title {
        padding-top: 30px;
    }
    .price-card .price-card-title h2 {
        font-size: 40px;
    }
    .price-card .price-card-title h2 span {
        font-size: 24px;
    }
    .price-card ul li {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
    .newsleter-section {
        position: relative;
        bottom: 0;
        overflow: hidden;
    }
    .newsleter-area {
        padding: 30px 15px;
        margin-right: 15px;
    }
    .newsleter-area h2 {
        font-size: 24px;
        margin-bottom: 20px;
        margin-left: 0;
    }
    .newsletter-form {
        position: relative;
        max-width: 100%;
        margin: 0 auto;
    }
    .newsletter-form .subscribe-btn {
        position: inherit;
        top: auto;
        width: 100%;
    }
    .newsletter-form .form-control {
        margin-bottom: 15px;
    }
    .newsleter-right {
        margin-left: 15px;
        padding: 30px 15px;
        margin-top: 30px;
    }
    .newsleter-right h3 {
        font-size: 24px;
    }
    .newsleter-right a {
        margin-top: 0;
        font-size: 24px;
    }
    .testimonial-bg {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .testimonial-item {
        padding: 30px 20px 60px;
    }
    .testimonial-item .testimonial-img img {
        margin-bottom: 10px;
    }
    .testimonial-item .testimonial-text {
        display: block;
        position: inherit;
        left: 15px;
        top: 0;
    }
    .testimonial-item .content p {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .testimonial-slider .owl-nav::before {
        left: 36.5%;
    }
    .testimonial-slider .owl-nav .owl-prev {
        left: 7.5%;
    }
    .testimonial-slider .owl-nav .owl-next {
        right: 34.5%;
    }
    .blog-card .blog-content {
        padding: 25px 20px;
    }
    .blog-card .blog-content ul li {
        margin: 0 3px;
    }
    .blog-card .blog-content ul li i {
        margin-right: 3px;
    }
    .footer-list h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .footer-top-card h3 {
        font-size: 18px;
    }
    .bottom-social-link {
        text-align: center;
    }
    .bottom-text {
        padding: 10px;
        float: none;
        text-align: center;
    }
    .top-logo-img {
        display: none;
    }
    .banner-area {
        position: relative;
        top: 0;
        height: auto;
    }
    .top-header-two {
        background-color: #0152a3;
        border: none;
    }
    .head-left-two {
        padding-left: 0;
        text-align: center;
        border-bottom: 1px solid #fff;
    }
    .header-right-two {
        text-align: center;
        padding-right: 0;
    }
    .header-top-card {
        max-width: 195px;
        margin-left: auto;
        margin-right: auto;
        padding: 10px 0;
    }
    .header-top-card ul li {
        display: block;
        padding-left: 0;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 0;
    }
    .header-top-card ul li .head-top-icon {
        font-size: 40px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    .header-top-card ul li span {
        display: block;
        font-size: 15px;
        margin-left: 55px;
        margin-bottom: 0;
    }
    .header-top-card ul li a {
        font-size: 18px;
        margin-left: 55px;
        margin-top: -5px;
    }
    .banner-content-area {
        padding-top: 135px;
        padding-bottom: 70px;
    }
    .banner-mt {
        margin-top: 30px;
        margin-left: 0;
    }
    .banner-from {
        padding: 30px 15px;
    }
    .banner-from p {
        font-size: 12px;
    }
    .banner-from h2 {
        font-size: 24px;
    }
    .banner-from .agree-label-two {
        margin-bottom: 20px;
    }
    .banner-from .agree-label-two label {
        font-size: 12px;
        margin-left: 2px;
    }
    .about-content-two .about-content-play {
        margin-top: 20px;
    }
    .about-right-content {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .about-right-content p {
        margin-bottom: 20px;
    }
    .about-right-content .about-right-sedule {
        margin-top: 20px;
    }
    .about-right-content .about-right-sedule ul li {
        display: block;
        font-size: 14px;
        color: #555657;
        margin-bottom: 5px;
        -webkit-transition: 0.9s;
        transition: 0.9s;
    }
    .about-right-content .about-right-btn {
        margin-top: 20px;
    }
    .about-right-ml {
        margin-bottom: 30px;
    }
    .counter-bg-img {
        display: none;
    }
    .facility-item ul li .facility-content h3 {
        font-size: 18px;
    }
    .offer-item-two .section-title h2 {
        margin-bottom: 20px;
    }
    .offer-item-right {
        margin-top: 0;
    }
    .offer-item-right .offer-rate-two h3 {
        font-size: 15px;
    }
    .offer-item-right .offer-rate-two h3 span {
        font-size: 24px;
    }
    .offer-item-right .offer-rate-two .offer-claime {
        margin-top: 10px;
    }
    .technician-relative .technician-top {
        position: inherit;
        top: auto;
        right: 0;
        left: 0;
        max-width: 100%;
        padding: 30px;
    }
    .technician-relative .technician-top h3 {
        font-size: 24px;
    }
    .service-payment-pb {
        padding-bottom: 50px;
    }
    .service-payment {
        position: initial;
        bottom: auto;
        margin-top: 15px;
    }
    .service-paymen-bg {
        padding: 30px 15px;
    }
    .service-payment-text h2 {
        font-size: 24px;
    }
    .service-payment-btn {
        margin-top: 20px;
    }
    .service-payment-btn .sr-get-btn {
        padding: 10px 18px;
    }
    .service-payment-btn .sr-cal-btn {
        padding: 10px 18px;
        margin-left: 0;
    }
    .project-area-two {
        padding-top: 50px;
    }
    .project-content-toper {
        top: 0;
    }
    .team-title {
        margin-top: 0;
    }
    .client-item {
        margin-top: 25px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 30px 20px;
    }
    .client-slider {
        position: relative;
    }
    .client-slider .owl-nav {
        margin-bottom: 40px;
    }
    .client-slider .owl-nav .owl-prev {
        left: 20%;
    }
    .client-slider .owl-nav .owl-next {
        right: 20%;
    }
    .newsleter-section-two {
        /* position: inherit; */
        /* top: 0; */
        /* padding: 50px 0; */
        /* overflow: hidden; */
    }
    .footer-gallery {
        margin-bottom: 30px;
        margin-left: 0;
        max-width: 250px;
    }
    .top-logo-img-three {
        display: none;
    }
    .header-three-right {
        max-width: 220px;
        margin: 0 auto;
        padding-top: 5px;
        padding-bottom: 15px;
        float: none;
        padding-right: 0;
        text-align: center;
    }
    .header-three-card ul li {
        display: block;
        padding-left: 0;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 0;
    }
    .header-three-card ul li .head-three-icon {
        font-size: 40px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    .header-three-card ul li span {
        display: block;
        font-size: 15px;
        margin-left: 55px;
        margin-bottom: 0;
    }
    .header-three-card ul li a {
        font-size: 18px;
        margin-left: 55px;
        margin-top: -5px;
    }
    .header-three-card ul li::before {
        display: none;
    }
    .home-three-area::before {
        display: none;
    }
    .home-three-item .home-three-content {
        max-width: 100%;
        margin-left: 0;
        padding: 130px 0 140px;
        z-index: 1;
        text-align: center;
    }
    .home-three-item .home-three-content h1 {
        font-size: 28px;
        margin-bottom: 10px;
        padding: 0 15px;
    }
    .home-three-btn {
        margin-top: 20px;
    }
    .home-three-slider .owl-nav {
        margin-top: 0;
    }
    .home-three-slider .owl-nav .owl-prev {
        top: auto;
        bottom: 60px;
        left: 35%;
    }
    .home-three-slider .owl-nav .owl-next {
        top: auto;
        bottom: 60px;
        right: 35%;
    }
    .customer-service-area-two {
        position: inherit;
        top: 0;
        padding-top: 50px;
    }
    .customer-service-mb {
        margin-bottom: 30px;
    }
    .about-area-three {
        margin-top: 20px;
    }
    .about-offer {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0 15px;
    }
    .about-offer ul li {
        display: block;
        padding-left: 0;
        margin-right: 0;
    }
    .about-offer ul li .about-offer-icon {
        font-size: 46px;
    }
    .about-offer ul li span {
        display: block;
        font-size: 12px;
        margin-left: 60px;
    }
    .about-offer ul li h3 {
        font-size: 17px;
        margin-left: 60px;
        margin-bottom: 0;
    }
    .about-content .about-sedule ul li i {
        opacity: 1;
    }
    .about-right-play {
        margin-top: 0;
    }
    .about-content {
        margin-bottom: 20px;
    }
    .submit-form-area {
        margin-bottom: 0;
    }
    .submit-form-area::before {
        display: none;
    }
    .submit-form-max {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .counter-title h2 {
        max-width: 100%;
        font-size: 22px;
        margin-left: 0;
        margin-bottom: 30px;
        text-align: center;
    }
    .management-slider-two .owl-nav {
        margin-top: 0;
    }
    .management-slider-two .owl-nav .owl-prev {
        left: 30%;
    }
    .management-slider-two .owl-nav .owl-next {
        right: 30%;
    }
    .project-item .project-item-img .project-item-content {
        position: inherit;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        padding: 20px 15px;
        z-index: 1;
        opacity: 0;
    }
    .project-item .project-item-img .project-item-content span {
        font-size: 12px;
    }
    .project-item .project-item-img .project-item-content a h3 {
        font-size: 20px;
    }
    .project-item .project-item-img .project-item-content .project-item-view {
        font-size: 12px;
    }
    .project-slider .owl-nav {
        margin-top: 0;
    }
    .project-slider .owl-nav .owl-prev {
        left: 25%;
    }
    .project-slider .owl-nav .owl-next {
        right: 25%;
    }
    .team-join {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .technician-relative .technician-bottom {
        position: inherit;
        bottom: 0;
        left: 0;
        max-width: 100%;
        padding: 20px 10px;
    }
    .technician-relative .technician-bottom h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .feedback-item .feedback-content p {
        font-size: 17px;
    }
    .feedback-slider .owl-nav {
        margin-top: 0;
    }
    .feedback-slider .owl-nav .owl-prev {
        left: 23.5%;
    }
    .feedback-slider .owl-nav .owl-next {
        right: 23.5%;
    }
    .footer-newsleter-title h2 {
        font-size: 24px;
        margin-bottom: 0;
    }
    .inner-banner {
        margin-top: 0;
    }
    .inner-banner .inner-title {
        padding-top: 156px;
        padding-bottom: 100px;
    }
    .inner-banner .inner-title h3 {
        font-size: 26px;
    }
    .inner-banner .inner-title ul li {
        font-size: 16px;
    }
    .inner-banner .inner-title ul li i {
        top: 6px;
    }
    .inner-banner .inner-title .inner-list {
        bottom: 20px;
    }
    .inner-banner .inner-title .inner-list ul li {
        font-size: 14px;
        margin-right: 15px;
    }
    .inner-banner .inner-title .inner-list ul li i {
        font-size: 20px;
    }
    .about-dtls-item .about-vision .about-vision-text i {
        font-size: 50px;
    }
    .about-dtls-item .about-vision .about-vision-text h3 {
        font-size: 22px;
    }
    .blog-dtls-content p {
        margin-bottom: 20px;
    }
    .blog-dtls-content h2 {
        font-size: 24px;
    }
    .blog-dtls-content .blog-dtls-img .images-add ul li {
        font-size: 15px;
    }
    .blog-dtls-content .blockquote-1 {
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 20px;
    }
    .blog-dtls-content .blockquote-1 p {
        font-size: 16px;
    }
    .blog-dtls-content .blockquote-1 span {
        font-size: 18px;
    }
    .blog-dtls-content .blog-detls-share {
        margin-top: 30px;
    }
    .blog-dtls-content .blog-share-tag {
        margin-bottom: 20px;
    }
    .blog-dtls-content .page-next-area .prev-post {
        font-size: 16px;
        text-align: center;
    }
    .blog-dtls-content .page-next-area .next-post {
        font-size: 16px;
        text-align: center;
        float: none;
    }
    .blog-dtls-content .comment-profile {
        padding: 20px 10px;
        text-align: center;
    }
    .blog-dtls-content .comment-profile .comment-profile-img img {
        position: inherit;
        margin-bottom: 20px;
    }
    .blog-dtls-content .comment-profile .social-icon .share {
        display: block;
        margin-bottom: 20px;
    }
    .blog-dtls-content .comments-wrap {
        margin-top: 30px;
        padding-top: 0;
        text-align: center;
    }
    .blog-dtls-content .comments-wrap .title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .blog-dtls-content .comments-wrap ul li {
        padding-left: 20px;
        padding: 20px;
    }
    .blog-dtls-content .comments-wrap ul li img {
        position: unset;
        margin-bottom: 20px;
    }
    .blog-dtls-content .comments-wrap ul li a {
        position: inherit;
        top: 0;
        right: 0;
        left: 0;
        margin-top: 10px;
        color: #e41414;
        font-weight: 500;
    }
    .blog-dtls-content .comments-wrap ul li.ml-30 {
        margin-left: 0;
    }
    .blog-dtls-side .blog-widget.blog-services-list h2 {
        font-size: 24px;
        color: #fff;
        text-transform: uppercase;
    }
    .nr-pt {
        margin-top: 0 !important;
        margin-left: 0 !important;
        overflow: hidden;
    }
    .contact-form {
        padding: 30px 15px;
    }
    .contact-form span {
        font-size: 12px;
    }
    .contact-form h2 {
        font-size: 24px;
    }
    .contact-card {
        text-align: center;
        padding: 30px 20px;
    }
    .contact-card i {
        line-height: 1;
        font-size: 50px;
    }
    .contact-card h3 {
        margin-top: 15px;
    }
    .contact-left-side {
        margin-bottom: 30px;
    }
    .contact-left-side h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .contact-right {
        position: relative;
        margin-bottom: 0;
        padding-bottom: 50px;
    }
    .contact-faq {
        padding-top: 50px;
    }
    .user-all-content .section-title p {
        padding: 0;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .user-all-form .contact-form .sign-in-btn {
        padding: 10px 45px;
        width: 100%;
    }
    .user-all-form .contact-form .forget {
        float: left;
    }
    .pagination-area {
        margin-top: 0;
    }
    .faq-accordion .accordion .accordion-title {
        padding: 10px 60px 10px 25px;
    }
    .faq-accordion .accordion .accordion-title i {
        top: 3px;
    }
    .faq-accordion .accordion .accordion-content p {
        margin-bottom: 0;
    }
    .service-catagory ul li {
        font-size: 14px;
        padding: 16px 7px;
    }
    .service-catagory ul li i {
        margin-right: 5px;
    }
    .service-list-side {
        padding: 30px 15px;
    }
    .service-list-side ul li .service-list-icon {
        font-size: 45px;
    }
    .service-list-side ul li span {
        font-size: 12px;
        margin-left: 10px;
    }
    .service-list-side ul li h3 {
        font-size: 18px;
        margin-left: 10px;
    }
    .service-qulity-dtls h2 {
        font-size: 24px;
    }
    .service-dtls-tech h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .service-dtls-tech .service-tech-img {
        margin-bottom: 30px;
    }
    .service-dtls-tech .service-tech-img .row .col-7 {
        padding-right: 7px;
        padding-left: 15px;
    }
    .service-dtls-tech .service-tech-img .row .col-5 {
        padding-right: 15px;
        padding-left: 7px;
    }
    .service-dtls-tech .service-tech-img .img-1 img {
        height: auto;
    }
    .service-dtls-tech .service-tech-img .img-2 img {
        height: auto;
    }
    .service-dtls-join {
        margin-top: 30px;
        text-align: center;
    }
    .service-dtls-join .service-dtls-btn {
        display: block;
    }
    .service-dtls-join .service-dtls-btn .service-dtls-get {
        margin-top: 20px;
        margin-left: 0;
        display: block;
    }
    .service-dtls-join .service-dtls-btn .service-dtls-cal {
        margin-top: 10px;
        margin-left: 0;
        display: block;
        margin-bottom: 30px;
    }
    .shop-desc h3 {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 600;
    }
    .shop-detls-tab .tabs li a {
        padding: 12px 10px;
    }
    .shop-detls-tab .tab_content {
        padding: 20px;
    }
    .shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content h3 {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content p {
        margin-bottom: 15px;
    }
    .shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-title .btn-right {
        position: inherit;
    }
    .shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-form .contact-wrap-form .contact-form {
        padding: 30px 15px;
    }
    .shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item {
        padding-right: 0;
    }
    .shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item h3 {
        font-size: 20px;
    }
    .shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item .review-report-link {
        position: inherit;
        top: 5px;
        font-size: 13px;
    }
    .cart-wraps-area .cart-table {
        text-align: center;
    }
    .cart-wraps-area .cart-table table thead tr th {
        padding: 0 40px 10px;
        white-space: nowrap;
        font-size: 16px;
    }
    .cart-wraps-area .cart-table table thead tr th:first-child {
        text-align: left;
        padding-left: 0;
    }
    .cart-wraps-area .cart-table table thead tr td {
        white-space: nowrap;
    }
    .cart-wraps-area .cart-table table thead tr td:first-child {
        text-align: left;
        padding-left: 0;
    }
    .cart-wraps-area .cart-buttons {
        text-align: center;
    }
    .cart-wraps-area .cart-buttons .text-right {
        text-align: center !important;
        margin-top: 0;
    }
    .cart-wraps-area .cart-buttons .default-btn1 {
        display: block;
        text-align: center;
        width: 100%;
    }
    .cart-wraps-area .cart-totals {
        padding: 20px;
        margin-top: 35px;
    }
    .cart-wraps-area .cart-totals h3 {
        margin-bottom: 18px;
        font-size: 20px;
    }
    .cart-wraps-area .cart-totals ul li {
        font-size: 14px;
    }
    .cart-wraps-area .cart-totals .default-btn {
        display: block;
        text-align: center;
        width: 100%;
    }
    .cart-wraps-area .cart-wraps .continue-shopping-box {
        margin-bottom: 20px;
    }
    .cart-wraps-area .cart-calc {
        padding: 20px !important;
        margin-top: 30px;
    }
    .cart-wraps-area .cart-calc .cart-wraps-form h3 {
        font-size: 18px;
    }
    .cart-wraps-area .cart-calc .cart-wraps-form .form-group select {
        width: 100%;
    }
    .cart-wraps-area .cart-calc .cart-wraps-form .default-btn {
        width: 100%;
    }
    .checkout-area .checkout-user {
        margin-bottom: 30px;
        padding: 20px 10px;
    }
    .checkout-area .checkout-user span {
        font-size: 16px;
    }
    .billing-details {
        padding: 30px;
    }
    .billing-details h3 {
        font-size: 20px;
    }
    .billing-details .form-group {
        margin-bottom: 15px;
    }
    .order-details .order-table {
        padding: 30px 15px;
    }
    .order-details .order-table h3 {
        font-size: 20px;
    }
    .order-details .order-table table thead tr th {
        padding: 15px 10px;
        font-size: 16px;
    }
    .order-details .payment-box {
        padding: 30px;
    }
    .testimonials-wrap-item .client-item {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 30px 20px;
    }
    .error-area {
        padding: 110px 15px 100px;
    }
    .error-area .error-content h1 {
        font-size: 100px;
    }
    .error-area .error-content h3 {
        margin: 45px 0 0;
    }
    .coming-soon-area .coming-soon-content {
        height: 100%;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .coming-soon-area .coming-soon-content h1 {
        font-size: 40px;
        line-height: 1.1;
        margin-top: 0;
    }
    .coming-soon-area .coming-soon-content p {
        font-size: 13px;
        margin-top: 15px;
    }
    .coming-soon-area .coming-soon-content #timer {
        margin-top: 20px;
    }
    .coming-soon-area .coming-soon-content #timer div {
        font-size: 40px;
        margin-left: 8px;
        margin-right: 8px;
    }
    .coming-soon-area .coming-soon-content #timer div span {
        font-size: 14px;
        margin-top: -5px;
    }
    .coming-soon-area .coming-soon-content #timer div::before {
        display: none;
    }
    .coming-soon-area .coming-soon-content .newsletter-form {
        margin-top: 35px;
    }
    .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
        height: 55px;
        padding-left: 13px;
        font-size: 15px;
    }
    .coming-soon-area .coming-soon-content .newsletter-form button {
        position: relative;
        height: auto;
        padding: 14px 30px;
        font-size: 14px;
        margin-top: 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-right .header-right-card {
        max-width: 100%;
    }
    .header-right .header-right-card ul li {
        display: inline-block;
        margin-right: 30px;
    }
    .home-slider .owl-nav .owl-prev {
        left: 37%;
    }
    .home-slider .owl-nav .owl-next {
        right: 37%;
    }
    .about-img .about-single .about-play {
        top: 50%;
        position: absolute;
        right: -40px;
        max-width: 410px;
    }
    .service-slider .owl-nav .owl-prev {
        left: 34%;
    }
    .service-slider .owl-nav .owl-next {
        right: 34%;
    }
    .management-slider .owl-nav .owl-prev {
        left: 34%;
    }
    .management-slider .owl-nav .owl-next {
        right: 34%;
    }
    .client-slider .owl-nav .owl-prev {
        left: 34%;
    }
    .client-slider .owl-nav .owl-next {
        right: 34%;
    }
    .management-area .container-fluid {
        width: 540px;
    }
    .offer-item .offer-rate h3 {
        font-size: 15px;
        padding-bottom: 20px;
    }
    .offer-img {
        margin-bottom: 50px;
    }
    .offer-img .images-offer .offer-top {
        position: absolute;
        top: -20px;
        left: -20px;
        max-width: 240px;
    }
    .offer-img .images-offer .offer-bottom {
        position: absolute;
        bottom: -20px;
        right: -20px;
        max-width: 240px;
        padding: 30px;
    }
    .testimonial-slider .owl-nav::before {
        left: 18.5%;
    }
    .testimonial-slider .owl-nav .owl-prev {
        left: 3.5%;
    }
    .testimonial-slider .owl-nav .owl-next {
        right: 66.5%;
    }
    .home-three-item .home-three-content h1 {
        font-size: 36px;
        margin-bottom: 10px;
        padding: 0 15px;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .banner-area .container-fluid {
        width: 540px;
        margin: 0 auto;
    }
    .banner-from {
        padding: 30px 20px;
    }
    .banner-from .agree-label-two label {
        font-size: 14px;
        margin-left: 5px;
    }
    .facility-item ul li .facility-content h3 {
        font-size: 18px;
    }
    .service-paymen-bg {
        padding: 40px 25px;
    }
    .service-payment-btn .sr-cal-btn {
        margin-left: 20px;
    }
    .client-area .container-fluid {
        width: 540px;
        margin: 0 auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .home-three-slider .owl-nav {
        margin-top: 0;
    }
    .home-three-slider .owl-nav .owl-prev {
        top: auto;
        bottom: 60px;
        left: 40%;
    }
    .home-three-slider .owl-nav .owl-next {
        top: auto;
        bottom: 60px;
        right: 40%;
    }
    .management-slider-two .owl-nav {
        margin-top: 0;
    }
    .management-slider-two .owl-nav .owl-prev {
        left: 40%;
    }
    .management-slider-two .owl-nav .owl-next {
        right: 40%;
    }
    .project-slider .owl-nav {
        margin-top: 0;
    }
    .project-slider .owl-nav .owl-prev {
        left: 35%;
    }
    .project-slider .owl-nav .owl-next {
        right: 35%;
    }
    .project-item .project-item-img .project-item-content {
        position: absolute;
        bottom: 20px;
        left: 20px;
        max-width: 350px;
        background-color: #0152a3;
        padding: 30px;
        z-index: 1;
        opacity: 0;
    }
    .technician-relative .technician-bottom {
        position: absolute;
        bottom: 20px;
        left: 20px;
        max-width: 240px;
        padding: 40px 20px;
    }
    .feedback-item .feedback-content p {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .feedback-slider .owl-nav {
        margin-top: 0;
    }
    .feedback-slider .owl-nav .owl-prev {
        left: 35%;
    }
    .feedback-slider .owl-nav .owl-next {
        right: 35%;
    }
    .service-catagory ul li {
        font-size: 14px;
        padding: 16px 20px;
    }
    .service-list-side ul {
        max-width: 475px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .service-list-side ul li:first-child {
        margin-right: 30px;
    }
    .service-list-side ul li:last-child {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .single-product {
        padding: 30px 15px;
    }
    .single-product .product-content a h3 {
        font-size: 17px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
        font-size: 14px;
    }
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt-100 {
        padding-top: 50px;
    }
    .ptb-70 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .pb-100 {
        padding-bottom: 50px;
    }
    .pt-70 {
        padding-top: 30px;
    }
    .pb-90 {
        padding-bottom: 50px;
    }
    .pb-70 {
        padding-bottom: 20px;
    }
    .pt-45 {
        padding-top: 30px;
    }
    .ml-50 {
        margin-left: 0;
    }
    .ml-60 {
        margin-left: 0;
    }
    .default-btn {
        padding: 8px 25px;
    }
    .default-btn.active {
        margin-left: 10px;
    }
    .section-title span {
        font-size: 12px;
    }
    .section-title h2 {
        font-size: 24px;
    }
    .section-title p {
        padding-top: 10px;
    }
    .header-right {
        text-align: center;
        padding-left: 0;
    }
    .header-right .header-right-card ul li {
        display: inline-block;
        padding-left: 0;
        margin-right: 15px;
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .header-right .header-right-card ul li::before {
        display: none;
    }
    .header-right .header-right-card ul li:first-child::before {
        display: none;
    }
    .header-right .header-right-card ul li:last-child {
        margin-right: 0;
    }
    .header-right .header-right-card ul li .head-icon {
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        font-size: 24px;
    }
    .header-right .header-right-card ul li a {
        margin-left: 40px;
        margin-top: -5px;
        font-size: 15px;
    }
    .top-social-link {
        padding-top: 5px;
        float: none;
        text-align: center;
    }
    .navbar-brand {
        display: none;
    }
    .navbar-brand-2 {
        display: none;
    }
    .mobile-nav .logo img {
        max-width: 110px;
        height: 64px;
        margin-top: -10px;
    }
    .cart-shop {
        display: none;
    }
    .other-side {
        display: none;
    }
    .modal-menu {
        display: none;
    }
    .home-area {
        margin-bottom: 50px;
    }
    .home-area::before {
        bottom: -50px;
    }
    .slider-item .slider-content {
        width: 100%;
        margin-left: 0;
        padding: 120px 10px;
        text-align: center;
    }
    .banner-content span {
        font-size: 12px;
    }
    .banner-content h1 {
        font-size: 35px;
        margin-bottom: 10px;
    }
    .banner-content p {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .home-slider .owl-nav .owl-prev {
        left: 39.5%;
    }
    .home-slider .owl-nav .owl-next {
        right: 39.5%;
    }
    .customer-area {
        margin-bottom: 0;
    }
    .customer-area .container-fluid {
        width: 720px;
    }
    .customer-section {
        position: relative;
        bottom: auto;
        padding: 50px 0;
    }
    .customer-from p {
        font-size: 12px;
    }
    .customer-from h2 {
        font-size: 24px;
    }
    .customer-from .agree-label {
        margin-bottom: 20px;
    }
    .customer-from .agree-label label {
        font-size: 14px;
        margin-left: 5px;
    }
    .customer-service {
        margin-top: 30px;
    }
    .customer-service h2 {
        font-size: 24px;
    }
    .customer-service .customer-service-card .content h3 {
        font-size: 20px;
        color: #555657;
        margin-left: 0;
        margin-bottom: 0;
        max-width: 145px;
    }
    .about-content .about-sedule {
        margin-top: 20px;
    }
    .about-content .about-sedule ul li {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .about-content .about-btn {
        margin-top: 20px;
    }
    .about-img .about-single {
        margin-right: 0;
    }
    .about-img .about-single .about-play {
        top: 50%;
        position: absolute;
        right: 80px;
        padding: 20px 20px 25px;
        max-width: 380px;
    }
    .about-img .about-single .about-play h3 {
        font-size: 24px;
    }
    .about-img .about-single .about-play .play-shape {
        bottom: -5px;
        right: -5px;
    }
    .about-img .about-single .about-play .play-btn i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }
    .about-img .about-single .about-dots {
        display: none;
    }
    .service-area {
        padding-bottom: 50px;
    }
    .service-slider .owl-nav .owl-prev {
        left: 39%;
    }
    .service-slider .owl-nav .owl-next {
        right: 39%;
    }
    .counter-bg {
        padding-bottom: 25px;
    }
    .counter-bg2 {
        padding-bottom: 25px;
    }
    .counter-single {
        margin-bottom: 30px;
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
    }
    .counter-single h2 {
        top: -10px;
        font-size: 60px;
    }
    .management-text p {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .management-area {
        padding-top: 50px;
    }
    .management-area .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 720px;
    }
    .management-item .management-img .management-content {
        position: initial;
        max-width: 100%;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #f9f9f9;
        padding: 20px;
    }
    .management-item .management-img .management-content h3 {
        font-size: 18px;
    }
    .management-slider .owl-nav .owl-prev {
        left: 39%;
    }
    .management-slider .owl-nav .owl-next {
        right: 39%;
    }
    .client-slider .owl-nav .owl-prev {
        left: 39%;
    }
    .client-slider .owl-nav .owl-next {
        right: 39%;
    }
    .award-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .award-list {
        padding: 40px 30px;
        margin-bottom: 30px;
    }
    .award-list ul li {
        font-size: 15px;
    }
    .award-list ul li span {
        font-size: 20px;
        margin-right: 7px;
    }
    .award-title {
        margin-left: 0;
    }
    .award-title .section-title h2 {
        font-size: 26px;
    }
    .award-title .section-title p {
        margin-bottom: 20px;
    }
    .offer-item .offer-rate {
        margin-top: 10px;
    }
    .offer-item .offer-rate h3 {
        font-size: 15px;
        padding-bottom: 20px;
    }
    .offer-item .offer-rate h3 span {
        font-size: 26px;
    }
    .offer-img {
        margin-bottom: 50px;
    }
    .offer-img .images-offer .offer-top {
        position: absolute;
        top: -20px;
        left: -20px;
        padding: 30px;
    }
    .offer-img .images-offer .offer-top h3 {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .offer-img .images-offer .offer-bottom {
        position: absolute;
        bottom: -20px;
        right: -20px;
        padding: 30px;
    }
    .offer-img .images-offer .offer-bottom h3 {
        font-size: 26px;
    }
    .maintenance-item {
        padding: 30px 15px;
    }
    .maintenance-item i {
        font-size: 17px;
        left: 15px;
    }
    .technician-item {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .technician-item span {
        font-size: 12px;
    }
    .technician-item h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .technician-item ul li i {
        font-size: 20px;
    }
    .technician-item .technician-btn {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .technician-img img {
        width: 100%;
    }
    .project-area .container-fluid {
        width: 720px;
    }
    .project-card {
        margin-bottom: 50px;
    }
    .project-card .project-card-img .project-content span {
        font-size: 12px;
    }
    .project-card .project-card-img .project-content a h3 {
        font-size: 20px;
    }
    .price-area {
        margin-bottom: 0;
        padding-bottom: 50px;
    }
    .price-card {
        margin-bottom: 30px;
    }
    .newsleter-section {
        position: relative;
        bottom: 0;
    }
    .newsleter-area {
        padding: 30px 0;
        margin-right: 15px;
    }
    .newsleter-right {
        padding: 38.8px 60px;
        margin-left: 15px;
        margin-top: 30px;
    }
    .newsleter-right .newsleter-right-icon {
        font-size: 120px;
        position: absolute;
        bottom: 10px;
        right: 50px;
    }
    .testimonial-bg {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .testimonial-slider {
        margin-right: auto;
        margin-left: auto;
    }
    .banner-area {
        position: relative;
        top: 0;
        height: auto;
    }
    .top-logo-img {
        border-color: #b7b7b7;
    }
    .top-logo-img img {
        width: 90px;
    }
    .top-header-two {
        background-color: #0152a3;
        border-color: rgba(255, 255, 255, 0.5);
    }
    .header-top-card {
        padding: 10px 0 2px;
    }
    .header-top-card ul li {
        padding-left: 25px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .header-top-card ul li .head-top-icon {
        font-size: 45px;
    }
    .header-top-card ul li a {
        font-size: 18px;
    }
    .banner-area .container-fluid {
        width: 720px;
    }
    .banner-content-area {
        padding-top: 135px;
        padding-bottom: 70px;
    }
    .banner-mt {
        margin-top: 30px;
        text-align: center;
    }
    .banner-from {
        padding: 50px 30px;
    }
    .banner-from p {
        font-size: 12px;
    }
    .banner-from h2 {
        font-size: 24px;
    }
    .banner-from .agree-label-two {
        margin-bottom: 20px;
    }
    .about-content-two .about-content-play {
        margin-top: 20px;
    }
    .about-right-content {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .about-right-content p {
        margin-bottom: 20px;
    }
    .about-right-content .about-right-sedule {
        margin-top: 20px;
    }
    .about-right-content .about-right-sedule ul li {
        display: block;
        font-size: 14px;
        color: #555657;
        margin-bottom: 5px;
        -webkit-transition: 0.9s;
        transition: 0.9s;
    }
    .about-right-content .about-right-btn {
        margin-top: 20px;
    }
    .about-right-ml {
        margin-bottom: 30px;
    }
    .counter-bg-img {
        display: none;
    }
    .counter-area-two .container {
        max-width: 520px;
    }
    .facility-item ul li .facility-content h3 {
        font-size: 18px;
    }
    .offer-item-two .section-title h2 {
        margin-bottom: 20px;
        max-width: 500px;
    }
    .offer-item-right {
        margin-top: 0;
    }
    .offer-item-right .offer-rate-two h3 {
        font-size: 15px;
    }
    .offer-item-right .offer-rate-two h3 span {
        font-size: 24px;
    }
    .offer-item-right .offer-rate-two .offer-claime {
        margin-top: 10px;
    }
    .technician-relative .technician-top h3 {
        font-size: 24px;
    }
    .service-payment {
        position: initial;
        bottom: auto;
        margin-top: 15px;
    }
    .service-payment-pb {
        padding-bottom: 50px;
    }
    .service-paymen-bg {
        padding: 40px 20px;
    }
    .service-payment-text h2 {
        font-size: 24px;
    }
    .service-payment-btn {
        margin-top: 20px;
    }
    .service-payment-btn .sr-get-btn {
        padding: 10px 18px;
    }
    .service-payment-btn .sr-cal-btn {
        padding: 10px 18px;
        margin-left: 20px;
    }
    .project-area-two {
        padding-top: 50px;
    }
    .project-content-toper {
        top: 20px;
    }
    .client-item {
        margin-top: 25px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 30px;
    }
    .newsleter-section-two {
        /* position: inherit; */
        /* top: 0; */
        /* padding: 50px 0; */
        /* overflow: hidden; */
    }
    .footer-gallery {
        margin-bottom: 30px;
        margin-left: 0;
        max-width: 250px;
    }
    .top-logo-img-three {
        display: none;
    }
    .header-three-card {
        max-width: 700px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .header-three-card ul li {
        display: inline-block;
        padding-left: 0;
        margin-right: 0;
        margin: 0 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .header-three-card ul li .head-three-icon {
        font-size: 40px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    .header-three-card ul li span {
        display: block;
        font-size: 15px;
        margin-left: 55px;
        margin-bottom: 0;
    }
    .header-three-card ul li a {
        font-size: 18px;
        margin-left: 55px;
        margin-top: -5px;
    }
    .header-three-card ul li::before {
        display: none;
    }
    .home-three-item .home-three-content {
        max-width: 470px;
        padding-top: 150px;
        padding-bottom: 100px;
        margin-left: auto;
        margin-right: auto;
    }
    .home-three-item .home-three-content h1 {
        max-width: 500px;
    }
    .home-three-area {
        margin-bottom: 0;
    }
    .home-three-area::before {
        display: none;
    }
    .about-offer {
        max-width: 570px;
    }
    .customer-service-area-two {
        position: inherit;
        top: 0;
        z-index: 555;
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .customer-service-mb {
        margin-bottom: 30px;
    }
    .submit-form-area {
        margin-bottom: 0;
        position: inherit;
    }
    .submit-form-area::before {
        display: none;
    }
    .submit-form-max {
        top: 0;
        padding: 50px 0;
    }
    .counter-area-three .container {
        max-width: 520px;
    }
    .counter-title h2 {
        max-width: 470px;
        font-size: 24px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 35px;
    }
    .project-slider .owl-nav .owl-prev {
        left: 40%;
    }
    .project-slider .owl-nav .owl-next {
        right: 40%;
    }
    .project-item .project-item-img .project-item-content {
        max-width: 350px;
        padding: 30px;
    }
    .project-item .project-item-img .project-item-content span {
        font-size: 13px;
    }
    .project-item .project-item-img .project-item-content a h3 {
        font-size: 20px;
    }
    .project-item .project-item-img .project-item-content .project-item-view {
        font-size: 13px;
    }
    .team-join {
        margin-top: 125px;
    }
    .technician-relative .technician-bottom {
        padding: 40px 20px;
    }
    .technician-relative .technician-bottom h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .feedback-slider .owl-nav .owl-prev {
        left: 39%;
    }
    .feedback-slider .owl-nav .owl-next {
        right: 39%;
    }
    .feedback-item .feedback-content p {
        font-size: 17px;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-newsleter-title h2 {
        font-size: 25px;
        margin-left: 60px;
    }
    .inner-banner {
        margin-top: 0;
    }
    .inner-banner .inner-title {
        padding-top: 156px;
        padding-bottom: 100px;
    }
    .inner-banner .inner-title h3 {
        font-size: 26px;
    }
    .inner-banner .inner-title ul li {
        font-size: 16px;
    }
    .inner-banner .inner-title ul li i {
        top: 6px;
    }
    .inner-banner .inner-title .inner-list {
        bottom: 20px;
    }
    .inner-banner .inner-title .inner-list ul li {
        font-size: 14px;
    }
    .inner-banner .inner-title .inner-list ul li i {
        font-size: 20px;
    }
    .about-dtls-item .about-vision .about-vision-text i {
        font-size: 50px;
    }
    .about-dtls-item .about-vision .about-vision-text h3 {
        font-size: 22px;
    }
    .blog-dtls-content h2 {
        font-size: 26px;
    }
    .blog-dtls-content .page-next-area .prev-post {
        font-size: 16px;
    }
    .blog-dtls-content .page-next-area .next-post {
        font-size: 16px;
    }
    .blog-dtls-content .comments-wrap .title {
        font-size: 26px;
    }
    .blog-dtls-side .blog-widget.blog-services-list h2 {
        font-size: 26px;
    }
    .nr-pt {
        margin-top: 0 !important;
        margin-left: 0 !important;
        overflow: hidden;
    }
    .contact-form {
        padding: 40px 20px;
    }
    .contact-form h2 {
        font-size: 26px;
    }
    .contact-card {
        text-align: center;
        padding: 30px 20px;
    }
    .contact-left-side h2 {
        font-size: 25px;
        color: #0152a3;
        margin-bottom: 20px;
    }
    .contact-left-side p {
        max-width: 550px;
    }
    .contact-right {
        position: inherit;
        margin-bottom: 0;
        margin-top: 20px;
        padding-bottom: 50px;
    }
    .contact-faq {
        padding-top: 50px;
    }
    .user-all-content .section-title p {
        padding: 0;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .user-all-form .contact-form {
        max-width: 600px;
    }
    .service-list-side {
        padding: 30px 15px;
    }
    .service-list-side ul {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        list-style-type: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .service-list-side ul li {
        margin-right: 20px;
        margin-bottom: 0;
    }
    .service-list-side ul li:last-child {
        margin-right: 0;
    }
    .service-list-side ul li .service-list-icon {
        font-size: 40px;
    }
    .service-list-side ul li span {
        font-size: 12px;
        margin-left: 10px;
    }
    .service-list-side ul li h3 {
        font-size: 18px;
        margin-left: 10px;
    }
    .service-qulity-dtls h2 {
        font-size: 24px;
    }
    .service-dtls-tech h2 {
        font-size: 24px;
        color: #0152a3;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    .faq-accordion .accordion .accordion-title {
        padding: 10px 60px 7px 25px;
    }
    .faq-accordion .accordion .accordion-title i {
        top: 5px;
    }
    .faq-accordion .accordion .accordion-content p {
        margin: 0;
    }
    .cart-area .cart-calc .shops-form .form-group select {
        width: 100%;
    }
    .checkout-area .checkout-user {
        margin-bottom: 30px;
        padding: 20px 10px;
    }
    .checkout-area .checkout-user span {
        font-size: 16px;
    }
    .billing-details {
        padding: 30px;
    }
    .billing-details h3 {
        font-size: 20px;
    }
    .billing-details .form-group {
        margin-bottom: 15px;
    }
    .order-details .order-table {
        padding: 30px;
    }
    .order-details .order-table h3 {
        font-size: 20px;
    }
    .order-details .order-table table thead tr th {
        padding: 15px 10px;
        font-size: 16px;
    }
    .order-details .payment-box {
        padding: 30px;
    }
    .testimonials-wrap-item .client-item {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-nav nav .navbar-nav .nav-item a {
        margin-left: 8px;
        margin-right: 8px;
    }
    .home-slider .owl-nav .owl-prev {
        left: 41.5%;
    }
    .home-slider .owl-nav .owl-next {
        right: 41.5%;
    }
    .about-img .about-single .about-play {
        right: -10px;
    }
    .newsleter-section {
        overflow: hidden;
    }
    .customer-service {
        padding: 80px 30px 35px;
    }
    .customer-service h2 {
        font-size: 33px;
    }
    .customer-service .customer-service-card i {
        top: 15px;
        font-size: 40px;
        left: 25px;
    }
    .customer-service .customer-service-card .content {
        margin-left: 70px;
    }
    .customer-service .customer-service-card .content h3 {
        font-size: 15px;
        max-width: 105px;
        margin-left: 5px;
    }
    .about-img .about-single .about-dots {
        position: absolute;
        top: 40%;
        left: -40px;
        z-index: -1;
    }
    .service-slider .owl-nav .owl-prev {
        left: 41.5%;
    }
    .service-slider .owl-nav .owl-next {
        right: 41.5%;
    }
    .counter-single h2 {
        font-size: 60px;
    }
    .counter-single .counter-conten span {
        font-size: 16px;
    }
    .counter-single .counter-conten p {
        font-size: 16px;
    }
    .management-item .management-img .management-content span {
        font-size: 14px;
    }
    .management-item .management-img .management-content h3 {
        font-size: 18px;
    }
    .offer-img .images-offer .offer-top {
        max-width: 200px;
    }
    .offer-img .images-offer .offer-top h3 {
        font-size: 22px;
    }
    .offer-img .images-offer .offer-bottom {
        max-width: 200px;
    }
    .offer-img .images-offer .offer-bottom h3 {
        font-size: 22px;
    }
    .maintenance-item .maintenance-content h3 {
        font-size: 17px;
    }
    .technician-item {
        margin-top: 0;
    }
    .technician-item ul li {
        font-size: 14px;
    }
    .project-card .project-card-img .project-content span {
        font-size: 12px;
    }
    .project-card .project-card-img .project-content a h3 {
        font-size: 20px;
    }
    .project-card .project-card-img .project-content .view-more-btn {
        font-size: 14px;
    }
    .price-card ul li {
        padding-left: 23px;
        padding-right: 23px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .newsleter-area {
        padding: 50px;
    }
    .newsleter-area h2 {
        margin-left: 0;
    }
    .newsletter-form {
        margin-left: 0;
    }
    .blog-card .blog-content {
        padding: 25px 20px;
    }
    .blog-card .blog-content ul li {
        font-size: 13px;
    }
    .footer-top-card h3 {
        font-size: 16px;
    }
    .footer-list ul li a {
        font-size: 15px;
    }
    .management-slider .owl-nav .owl-prev {
        left: 41%;
    }
    .management-slider .owl-nav .owl-next {
        right: 41%;
    }
    .client-slider .owl-nav .owl-prev {
        left: 41%;
    }
    .client-slider .owl-nav .owl-next {
        right: 41%;
    }
    .header-top-card {
        padding: 0 0;
    }
    .customer-service-item i {
        font-size: 40px;
    }
    .customer-service-item a h3 {
        font-size: 19px;
    }
    .team-title {
        margin-top: 30px;
    }
    .banner-rs-from {
        padding: 30px 20px !important;
    }
    .banner-mt {
        margin-left: 25px;
    }
    .top-logo-img-three {
        margin-top: 10px;
    }
    .header-three-card ul li .head-three-icon {
        font-size: 50px;
    }
    .header-three-card ul li span {
        font-size: 14px;
        margin-left: 25px;
    }
    .header-three-card ul li a {
        font-size: 17px;
        margin-left: 25px;
    }
    .service-payment-btn .sr-cal-btn {
        margin-left: 15px;
    }
    .project-slider .owl-nav .owl-prev {
        left: 41.5%;
    }
    .project-slider .owl-nav .owl-next {
        right: 41.5%;
    }
    .feedback-slider .owl-nav .owl-prev {
        left: 41.5%;
    }
    .feedback-slider .owl-nav .owl-next {
        right: 41.5%;
    }
    .blog-item .blog-item-content a h3 {
        font-size: 18px;
    }
    .service-dtls-join {
        padding: 10px 20px 7px;
    }
    .service-dtls-join .service-dtls-btn .service-dtls-cal {
        margin-left: 10px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1799px) {
    .header-card {
        position: relative;
        max-width: 435px;
        margin-left: auto;
    }
    .header-right .header-right-card {
        max-width: 980px;
        margin-right: auto;
    }
}
@media only screen and (min-width: 1800px) {
    .header-card {
        position: relative;
        max-width: 380px;
        margin-left: auto;
    }
    .header-right .header-right-card {
        max-width: 1015px;
        margin-right: auto;
    }
    .home-slider .owl-nav .owl-prev {
        left: 45%;
    }
    .home-slider .owl-nav .owl-next {
        right: 45%;
    }
}
@media only screen and (min-width: 1200px) {
    .container-max {
        max-width: 1320px !important;
        margin: 0 auto;
    }
    .counter-max {
        max-width: 1320px;
        margin: 0 auto;
    }
    .container-max-two {
        max-width: 1300px !important;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1349px) {
    .customer-service-item {
        padding: 15px;
    }
    .customer-service-item a h3 {
        font-size: 22px;
    }
    .customer-service .customer-service-card .content {
        margin-left: 75px;
    }
    .customer-service .customer-service-card .content h3 {
        font-size: 19px;
    }
    .customer-service .customer-service-card i {
        font-size: 50px;
        left: 15px;
    }
}
@media only screen and (min-width: 1350px) {
    .container {
        max-width: 1320px !important;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px)
.mobile-nav .logo img {
    max-width: 110px;
    height: 40px;
    margin-top: -5px;
}