@media only screen and (min-width:200px) and (max-width:400px) {

.slider-item {
    height: 228px;
    margin-top: 95px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
}



@media only screen and (min-width:401px) and (max-width:550px) {

.slider-item {
    height: 307px;
    margin-top: 94px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
}



@media only screen and (min-width:551px) and (max-width:768px) {

.slider-item {
    height: 435px;
    margin-top: 95px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

}



@media only screen and (min-width:769px) and (max-width:1024px) {

.slider-item {
    height: 580px;
    margin-top: 72px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

}


@media only screen and (min-width:1025px) and (max-width:1368px) {
.slider-item {
    height: 748px;
    margin-top: 72px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

}


@media only screen and (min-width:1369px) and (max-width:1600px) {

.slider-item {
    height: 792px;
    margin-top: 72px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

}


@media only screen and (min-width:1601px) and (max-width:1920px) {

.slider-item {
    height: 900px;
    margin-top: 72px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

}









@media only screen and (max-width:767px) {
    body {
        font-size: 16px;
    }

    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pt-100 {
        padding-top: 10px;
    }

    .ptb-70 {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .pb-100 {
        padding-bottom: 50px;
    }

    .pt-80 {
        padding-top: 40px;
    }

    .pb-70 {
        padding-bottom: 20px;
    }

    .pt-45 {
        padding-top: 30px;
    }

    .default-btn {
        padding: 6px 16px 10px;
        font-size: 14px;
    }

        .default-btn i {
            font-size: 24px;
        }

    .section-title span {
        font-size: 14px;
    }

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

    .section-title p {
        padding-top: 10px;
    }

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

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

    .section-title-two p {
        padding-top: 10px;
    }

    h3 {
        font-size: 20px;
    }

    .mobile-nav .logo img {
      
       
        
    }

    .d-in-line {
        display: none;
    }

    .side-nav-responsive {
        display: block;
    }

        .side-nav-responsive .side-nav-inner .side-nav {
            text-align: center;
        }

            .side-nav-responsive .side-nav-inner .side-nav .side-item {
                padding-left: unset;
                margin: 5px;
                text-align: center;
            }

    .nav-ml {
        margin-left: 0 !important;
    }

    .sidebar-modal .sidebar-modal-inner {
        width: 100%;
    }

    .mean-container .mean-nav ul li a span {
        display: none;
    }

    .home-slider {
        position: relative;
    }

        .home-slider .thumbs-wrap {
            display: none;
        }

        .home-slider .owl-nav .owl-prev {
            left: 40%;
            font-size: 20px !important;
            bottom: 70px;
            color: #fff !important;
        }

            .home-slider .owl-nav .owl-prev:hover {
                color: #c9c8d8 !important;
            }

        .home-slider .owl-nav .owl-next {
            z-index: 1;
            right: 40%;
            font-size: 20px !important;
            bottom: 70px;
            color: #fff !important;
        }

            .home-slider .owl-nav .owl-next:hover {
                color: #c9c8d8 !important;
            }

    .slider-item::before {
        display: none;
    }

    .slider-item .social-link {
        display: none;
    }


        .slider-content::before {
            display: none;
        }

        .slider-content h1 {
            font-size: 35px;
            line-height: 1.2;
            margin-bottom: 10px;
            max-width: 280px;
            margin-left: auto;
            margin-right: auto;
        }

        .slider-content p {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .slider-content .slider-btn .get-btn {
            padding: 7px 18px;
            font-size: 15px;
        }

        .slider-content .slider-btn .learn-btn {
            padding: 7px 18px;
            font-size: 15px;
        }

    .banner-area .thumbs-wrap {
        display: none;
    }

    .banner-area .owl-nav .owl-prev {
        left: 40%;
        font-size: 20px !important;
        top: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        bottom: 70px;
        color: #414141 !important;
    }

    .banner-area .owl-nav .owl-next {
        z-index: 1;
        right: 40%;
        font-size: 20px !important;
        top: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        bottom: 70px;
        color: #414141 !important;
    }

    .banner-content {
        padding-top: 130px;
        padding-bottom: 150px;
        margin-left: 0;
    }

        .banner-content h1 {
            font-size: 35px;
            line-height: 1.2;
            margin-bottom: 30px;
        }

        .banner-content .banner-btn .learn-btn {
            padding: 6px 16px 10px;
            font-size: 14px;
        }

            .banner-content .banner-btn .learn-btn i {
                font-size: 24px;
            }

        .banner-content .banner-btn .get-btn {
            margin-left: 10px;
            padding: 6px 16px 10px;
            font-size: 14px;
        }

            .banner-content .banner-btn .get-btn i {
                font-size: 24px;
            }

    .banner-area-two {
        position: relative;
    }

        .banner-area-two .owl-nav .owl-prev {
            width: 120px !important;
            height: 40px !important;
            line-height: 40px;
            right: 115px;
        }

            .banner-area-two .owl-nav .owl-prev i {
                top: -4px;
                position: relative;
            }

            .banner-area-two .owl-nav .owl-prev::before {
                bottom: 5px;
                left: 65px;
            }

        .banner-area-two .owl-nav .owl-next {
            width: 120px !important;
            height: 40px !important;
            line-height: 40px;
            right: -5px;
        }

            .banner-area-two .owl-nav .owl-next i {
                top: -4px;
                position: relative;
            }

            .banner-area-two .owl-nav .owl-next::before {
                right: 65px;
                bottom: 5px;
            }

    .banner-item-two::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #c5d8dc;
        opacity: .3;
    }

    .banner-item-two::after {
        height: 40px;
    }

    .banner-content-two {
        padding-top: 170px;
        padding-bottom: 150px;
    }

        .banner-content-two .images {
            top: 155px;
        }

            .banner-content-two .images img {
                max-width: 200px;
            }

        .banner-content-two h1 {
            font-size: 35px;
            margin-bottom: 25px;
            max-width: 450px;
        }

        .banner-content-two .banner-btn .learn-btn {
            padding: 6px 16px 10px;
            font-size: 14px;
        }

            .banner-content-two .banner-btn .learn-btn i {
                font-size: 24px;
            }

        .banner-content-two .banner-btn .get-btn {
            margin-left: 10px;
            padding: 6px 16px 10px;
            font-size: 14px;
        }

            .banner-content-two .banner-btn .get-btn i {
                font-size: 24px;
            }

    .inner-banner .inner-title {
        padding-top: 120px;
        padding-bottom: 60px;
    }

        .inner-banner .inner-title h3 {
            font-size: 26px;
        }

        .inner-banner .inner-title ul li {
            font-size: 16px;
        }

    .about-content {
        margin-bottom: 0;
        margin-right: auto;
    }

        .about-content .section-title {
            padding-bottom: 25px;
            margin-bottom: 20px;
        }

        .about-content .about-counter {
            text-align: center;
            margin-bottom: 20px;
        }

            .about-content .about-counter h3 {
                font-size: 40px;
                line-height: 1;
            }

        .about-content .signature li {
            margin-right: 0;
        }

            .about-content .signature li img {
                max-width: 80%;
                position: relative;
                top: -15px;
            }

    .about-img {
        margin-left: 0;
    }

        .about-img .about-img-text {
            width: 220px;
            height: auto;
            left: -10px;
        }

            .about-img .about-img-text span {
                font-size: 24px;
            }

            .about-img .about-img-text h3 {
                font-size: 40px;
                margin-bottom: 0;
                line-height: 1;
            }

    .about-area-two::before {
        width: 100%;
    }

    .about-img-2::before {
        display: none;
    }

    .about-content-two {
        margin-bottom: 30px;
    }

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

        .about-content-two .section-title p {
            margin-bottom: 25px;
        }

    .about-counter-area {
        margin-bottom: 30px;
    }

        .about-counter-area .about-counter-two {
            text-align: center;
            margin-bottom: 20px;
        }

            .about-counter-area .about-counter-two h3 {
                font-size: 40px;
                line-height: 1;
            }

        .about-counter-area .about-play {
            margin-top: 10px;
            text-align: center;
        }

    .about-card-area {
        margin-left: 0;
    }

    .skill-content {
        margin-top: 0;
        margin-bottom: 30px;
        max-width: 100%;
        padding: 30px 15px 10px;
    }

    .progressbar-area {
        margin-top: 20px;
    }

        .progressbar-area .single-progressbar {
            margin-bottom: 30px;
        }

            .progressbar-area .single-progressbar h3 {
                font-size: 16px;
            }

            .progressbar-area .single-progressbar .progressbar-count .pn-1 {
                right: 30%;
            }

            .progressbar-area .single-progressbar .progressbar-count .pc-1 {
                right: 31%;
            }

            .progressbar-area .single-progressbar .progressbar-count .pn-2 {
                right: 15%;
            }

            .progressbar-area .single-progressbar .progressbar-count .pc-2 {
                right: 16%;
            }

            .progressbar-area .single-progressbar .progressbar-count .pn-3 {
                right: 3%;
            }

            .progressbar-area .single-progressbar .progressbar-count .pc-3 {
                right: 5%;
            }

            .progressbar-area .single-progressbar .progressbar-count .pn-4 {
                right: 8%;
            }

            .progressbar-area .single-progressbar .progressbar-count .pc-4 {
                right: 9%;
            }

    .skill-img {
        margin-left: 0;
        margin-bottom: 30px;
    }

    .skill-content-two {
        margin-top: 0;
        margin-bottom: 30px;
        max-width: 100%;
        padding: 30px 15px 5px;
    }

    .skill-img-2 {
        margin-bottom: 50px;
        margin-left: 0;
    }

        .skill-img-2 img {
            height: auto;
        }

    .consultation-content {
        text-align: center;
    }

        .consultation-content .consultation-btn {
            margin-top: 25px;
        }

    .consultation-play-btn {
        float: none;
        text-align: center;
        margin-bottom: 30px;
    }

        .consultation-play-btn .video-btn {
            width: 85px;
            height: 85px;
            line-height: 85px;
        }

    .offer-card {
        padding: 30px 20px;
    }

        .offer-card h3 {
            margin-bottom: 10px;
        }

        .offer-card p {
            margin-bottom: 20px;
        }

        .offer-card .offer-icon {
            font-size: 60px;
        }

    .offer-item {
        padding: 30px 20px;
    }

    .process-card h3 {
        font-size: 18px;
    }

    .process-card .number {
        right: 90px;
    }

    .counter-area {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .counter-title h3 {
        font-size: 28px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-width: 100%;
    }

    .single-counter {
        margin-bottom: 15px;
        text-align: center;
    }

        .single-counter h3 {
            font-size: 35px;
        }

        .single-counter span {
            font-size: 16px;
        }

    .service-card {
        margin-bottom: 20px;
    }

        .service-card .content {
            padding-top: 15px;
        }

            .service-card .content p {
                margin-bottom: 10px;
            }

    .service-content .section-title-two {
        margin-bottom: 20px;
    }

    .service-right-item {
        margin-left: 0;
    }

    .service-item .service-item-icon {
        font-size: 60px;
    }

    .service-item .content {
        padding-top: 15px;
    }

        .service-item .content h3 {
            margin-bottom: 5px;
        }

        .service-item .content p {
            margin-bottom: 5px;
        }

    .service-details-content .section-title-two h2 {
        font-size: 28px;
    }

    .service-details-article .blockquote p {
        font-size: 17px;
    }

    .portfolio-area {
        padding-top: 0;
    }

    .portfolio-tab.tab li {
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .portfolio-tab.tab li a {
            font-size: 16px;
        }

    .portfolio-tab .tabs-two li {
        margin-right: 0;
    }

        .portfolio-tab .tabs-two li a {
            padding: 5px 8px;
        }

    .portfolio-item a img {
        max-width: 100%;
        height: 240px;
    }

    .portfolio-item .content1 {
        left: 20px;
        right: 0;
    }

    .portfolio-item .content2 {
        left: 20px;
        right: 0;
    }

    .portfolio-item .content3 {
        left: 20px;
        right: 0;
    }

    .portfolio-item .content4 {
        left: 20px;
        right: 0;
    }

    .portfolio-item .content .title {
        width: 90%;
        height: 50px;
        line-height: 50px;
    }

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

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

    .portfolio-item .content ul li {
        margin-bottom: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .portfolio-line {
        display: none;
    }

    .portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(1) .portfolio-item-two {
        margin-top: 0;
    }

    .portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(3) .portfolio-item-two {
        margin-top: 0;
    }

    .portfolio-item-two .content {
        left: 10px;
    }

    .portfolio-list a img {
        height: auto;
    }

    .portfolio-list .content {
        bottom: 20px;
        left: 15px;
    }

    .portfolio-details-content .section-title-two h2 {
        font-size: 28px;
    }

    .portfolio-details-content .portfolio-article h3 {
        font-size: 28px;
    }

    .testimonials-img {
        margin-bottom: 45px;
    }

    .testimonials-content {
        margin-left: 0;
    }

        .testimonials-content p {
            font-size: 17px;
            margin-bottom: 80px;
        }

    .testimonials-area .owl-nav .owl-prev {
        width: 120px !important;
        height: 40px !important;
        line-height: 40px;
        left: -5px;
        bottom: 15px;
    }

        .testimonials-area .owl-nav .owl-prev i {
            top: -4px;
            position: relative;
        }

        .testimonials-area .owl-nav .owl-prev::before {
            bottom: 5px;
            left: 65px;
        }

    .testimonials-area .owl-nav .owl-next {
        width: 120px !important;
        height: 40px !important;
        line-height: 40px;
        left: 115px;
        bottom: 15px;
    }

        .testimonials-area .owl-nav .owl-next i {
            top: -4px;
            position: relative;
        }

        .testimonials-area .owl-nav .owl-next::before {
            right: 65px;
            bottom: 5px;
        }

    .team-card .content h3 {
        margin-bottom: 5px;
    }

    .team-profile-skill h2 {
        font-size: 28px;
    }

    .team-profile {
        margin-left: 0;
    }

    .blog-area .section-title {
        margin-bottom: 20px;
    }

    .blog-btn {
        margin-bottom: 30px;
        float: none;
        margin-top: 0;
    }

        .blog-btn .view-btn {
            padding: 8px 20px;
        }

    .blog-card .content {
        padding: 20px;
    }

    .blog-card-border .content {
        padding: 20px 0 10px;
    }

    .blog-title h2 {
        font-size: 28px;
    }

    .blog-article .article-content .blockquote p {
        font-size: 17px;
    }

    .blog-article .another-content h2 {
        font-size: 28px;
    }

    .blog-article .another-content .content-img .row .col-6 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .blog-article .blog-article-share .blog-tag ul li {
        padding: 5px;
    }

    .blog-article .blog-article-share .social-icon {
        margin: 10px 0;
        float: none;
    }

    .blog-article .article-author {
        padding: 40px 40px 10px;
    }

        .blog-article .article-author ul li {
            padding-left: 0;
            margin-bottom: 30px;
        }

            .blog-article .article-author ul li img {
                position: inherit;
            }

            .blog-article .article-author ul li h3 {
                color: #2a284f;
            }

            .blog-article .article-author ul li span {
                color: #2a284f;
            }

            .blog-article .article-author ul li p {
                margin-top: 0;
            }

        .blog-article .article-author .author-social-link {
            position: inherit;
            top: 0;
            right: auto;
            left: 0;
        }

            .blog-article .article-author .author-social-link .social-icon {
                float: none;
            }

                .blog-article .article-author .author-social-link .social-icon li a {
                    color: #ff3900;
                }

    .blog-article .article-post::before {
        display: none;
    }

    .blog-article .article-post .article-post-share {
        margin-bottom: 10px;
    }

        .blog-article .article-post .article-post-share a h3 {
            font-size: 18px;
        }

    .side-bar-widget .title {
        padding: 20px 30px 5px;
    }

    .side-bar-widget .widget-popular-post .item .info .title-text {
        font-size: 16px;
    }

    .side-bar-contact {
        padding: 30px;
    }

        .side-bar-contact i {
            font-size: 45px;
        }

        .side-bar-contact h3 {
            font-size: 28px;
        }

        .side-bar-contact span {
            font-size: 20px;
        }

    .contact-form h2 {
        font-size: 28px;
    }

    .contact-form .submit-btn {
        padding: 10px 45px;
        width: 100%;
        font-size: 16px;
    }

    .contact-two-form {
        margin-bottom: 0;
    }

    .contact-wrap-form {
        margin-bottom: 20px;
    }

        .contact-wrap-form h2 {
            font-size: 28px;
            margin-bottom: 15px;
        }

        .contact-wrap-form .default-btn {
            padding: 10px 45px;
            width: 100%;
            font-size: 16px;
        }

    .contact-area-three {
        padding: 50px 0;
    }

    .contact-three-form {
        bottom: 0;
    }

        .contact-three-form .contact-wrap-form {
            padding: 30px 15px;
        }

    .contact-section-img {
        margin-right: 15px;
    }

        .contact-section-img img {
            height: auto;
        }

    .contact-section-content {
        margin-left: 15px;
        padding: 40px 25px;
    }

    .user-all-img {
        margin-right: 0;
    }

    .user-all-form .contact-wrap-form .agree-label label {
        font-size: 15px;
    }

    .user-all-form .contact-wrap-form .forget {
        margin-bottom: 10px;
        float: left;
        font-size: 15px;
    }

    .single-product {
        text-align: center;
    }

    .product-desc .product-desc-topar h3 {
        font-size: 26px;
    }

    .product-desc .product-add .form-input-counter {
        margin-right: 5px;
    }

    .product-desc .product-add .default-btn {
        margin-bottom: 15px;
        margin-right: 0;
        width: 100%;
    }

    .products-tabs-reviews ul li {
        padding-left: 0;
    }

        .products-tabs-reviews ul li img {
            position: initial;
            top: 0;
            left: 0;
            margin-bottom: 20px;
        }

    .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;
    }

    .footer-widget .footer-logo {
        margin-bottom: 15px;
    }

        .footer-widget .footer-logo img {
            max-width: 120px;
        }

    .footer-widget h3 {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .footer-widget .footer-news li {
        display: block;
    }

    .footer-widget .footer-gallery {
        max-width: 270px;
    }

    .footer-widget.pl-4, .footer-widget.px-4 {
        padding-left: 0 !important;
    }

    .copy-right-icon {
        text-align: center;
    }

    .copy-right-icon-two {
        text-align: center;
    }

        .copy-right-icon-two .social-link li {
            border: none;
        }

            .copy-right-icon-two .social-link li:first-child {
                border: none;
            }

    .copyright-text {
        text-align: center;
        margin-top: 10px;
        float: none;
    }

    .copy-right-icon-two {
        text-align: center;
    }

        .copy-right-icon-two .social-link li {
            border: none;
            padding: 15px 0;
        }

            .copy-right-icon-two .social-link li:first-child {
                border: none;
            }

    .copyright-text-two {
        text-align: center;
        float: none;
        padding-bottom: 20px;
    }

    .error-area {
        height: 100vh;
        padding-top: 70px;
        padding-bottom: 70px;
    }

        .error-area .error-content h3 {
            margin-bottom: 10px;
            font-size: 25px;
        }

        .error-area .error-content p {
            font-size: 16px;
            padding: 0 15px;
        }

    .coming-soon-area .coming-soon-content {
        padding-top: 30px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .coming-soon-area .coming-soon-content h1 {
            font-size: 30px;
            line-height: 1.1;
            margin-top: 0;
        }

        .coming-soon-area .coming-soon-content p {
            font-size: 14px;
            margin-top: 15px;
        }

        .coming-soon-area .coming-soon-content #timer {
            margin-top: 10px;
        }

            .coming-soon-area .coming-soon-content #timer div {
                font-size: 30px;
                margin-left: 5px;
                margin-right: 5px;
            }

                .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: 20px;
            margin-bottom: 20px;
        }

            .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;
                font-size: 14px;
                margin-top: 15px;
                width: 100%;
                height: 50px;
            }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .home-slider .owl-nav .owl-prev {
        left: 45%;
    }

    .home-slider .owl-nav .owl-next {
        z-index: 1;
        right: 45%;
    }

    .slider-content {
        max-width: 480px;
    }

        .slider-content h1 {
            max-width: 480px;
        }

    .banner-area .thumbs-wrap {
        display: none;
    }

    .banner-area .owl-nav .owl-prev {
        left: 45%;
    }

    .banner-area .owl-nav .owl-next {
        right: 45%;
    }

    .banner-area-two .container-fluid {
        width: 540px;
    }

    .about-area .container-fluid {
        width: 540px;
    }

    .about-widget-card {
        padding: 30px 15px 50px;
    }

    .portfolio-tab .tab li {
        margin-bottom: 0;
    }

    .portfolio-item .content1 {
        left: 25%;
    }

    .portfolio-item .content2 {
        left: 25%;
    }

    .portfolio-item .content3 {
        left: 25%;
    }

    .portfolio-item .content4 {
        left: 25%;
    }

    .portfolio-item .content .title {
        width: 400px;
    }

    .skill-content-two {
        padding: 40px 25px 15px;
    }

    .contact-two-form .contact-wrap-form {
        margin-left: auto;
        max-width: 540px;
        margin-right: auto;
    }

    .contact-three-form .contact-wrap-form {
        padding: 40px 25px;
    }

    .portfolio-item-two .content {
        left: 10px;
    }

        .portfolio-item-two .content .title {
            width: 260px;
        }

            .portfolio-item-two .content .title h3 {
                font-size: 18px;
                padding-left: 10px;
            }

    .portfolio-list a img {
        width: 100%;
    }

    .team-bg::before {
        height: 75%;
    }

    .team-bg::after {
        height: 75%;
    }

    .cart-wraps-area .cart-wraps .continue-shopping-box {
        margin-bottom: 0;
    }

    .user-all-form .contact-wrap-form .forget {
        margin-bottom: 0;
        float: right;
    }
}

@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: 50px;
        padding-bottom: 20px;
    }

    .pb-100 {
        padding-bottom: 50px;
    }

    .pt-80 {
        padding-top: 40px;
    }

    .pb-70 {
        padding-bottom: 20px;
    }

    .pt-45 {
        padding-top: 30px;
    }

    .default-btn {
        padding: 6px 16px 10px;
        font-size: 14px;
    }

        .default-btn i {
            font-size: 24px;
        }

    .section-title span {
        font-size: 14px;
    }

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

    .section-title p {
        padding-top: 10px;
    }

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

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

    .section-title-two p {
        padding-top: 10px;
    }

    .mobile-nav .logo img {
        max-width: 110px;
        height: 40px;
        margin-top: -5px;
    }

    .d-in-line {
        display: none;
    }

    .side-nav-responsive {
        display: block;
    }

        .side-nav-responsive .container .container {
            width: 325px;
        }

        .side-nav-responsive .side-nav-inner .side-nav {
            text-align: center;
        }

            .side-nav-responsive .side-nav-inner .side-nav .side-item {
                padding-left: unset;
                margin: 0 10px;
                text-align: center;
            }

    .nav-ml {
        margin-left: 0 !important;
    }

    .mean-container .mean-nav ul li a span {
        display: none;
    }

    .home-slider {
        position: relative;
    }

        .home-slider .thumbs-wrap {
            display: none;
        }

        .home-slider .owl-nav .owl-prev {
            left: 45%;
            bottom: 70px;
            color: #fff !important;
        }

            .home-slider .owl-nav .owl-prev:hover {
                color: #c9c8d8 !important;
            }

        .home-slider .owl-nav .owl-next {
            z-index: 1;
            right: 45%;
            bottom: 70px;
            color: #fff !important;
        }

            .home-slider .owl-nav .owl-next:hover {
                color: #c9c8d8 !important;
            }

    .slider-item::before {
        display: none;
    }

    .slider-item .social-link {
        display: none;
    }

    .slider-content {
        padding-top: 130px;
        padding-bottom: 150px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

        .slider-content::before {
            display: none;
        }

        .slider-content h1 {
            font-size: 35px;
            line-height: 1.2;
            margin-bottom: 10px;
        }

        .slider-content p {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .slider-content .slider-btn .get-btn {
            padding: 7px 18px;
            font-size: 15px;
        }

        .slider-content .slider-btn .learn-btn {
            padding: 7px 18px;
            font-size: 15px;
        }

    .banner-area .container-fluid {
        width: 720px;
    }

    .banner-area .thumbs-wrap {
        display: none;
    }

    .banner-area .owl-nav .owl-prev {
        left: 45%;
        top: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        bottom: 70px;
    }

    .banner-area .owl-nav .owl-next {
        z-index: 1;
        right: 45%;
        top: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        bottom: 70px;
    }

    .banner-content {
        padding-top: 130px;
        padding-bottom: 150px;
        margin-left: 0;
    }

        .banner-content h1 {
            font-size: 35px;
            line-height: 1.2;
            margin-bottom: 30px;
        }

        .banner-content .banner-btn .learn-btn {
            padding: 6px 16px 10px;
            font-size: 14px;
        }

            .banner-content .banner-btn .learn-btn i {
                font-size: 24px;
            }

        .banner-content .banner-btn .get-btn {
            margin-left: 10px;
            padding: 6px 16px 10px;
            font-size: 14px;
        }

            .banner-content .banner-btn .get-btn i {
                font-size: 24px;
            }

    .banner-area-two {
        position: relative;
    }

        .banner-area-two .owl-nav .owl-prev {
            width: 120px !important;
            height: 40px !important;
            line-height: 40px;
            right: 115px;
        }

            .banner-area-two .owl-nav .owl-prev i {
                top: -4px;
                position: relative;
            }

            .banner-area-two .owl-nav .owl-prev::before {
                bottom: 5px;
                left: 65px;
            }

        .banner-area-two .owl-nav .owl-next {
            width: 120px !important;
            height: 40px !important;
            line-height: 40px;
            right: -5px;
        }

            .banner-area-two .owl-nav .owl-next i {
                top: -4px;
                position: relative;
            }

            .banner-area-two .owl-nav .owl-next::before {
                right: 65px;
                bottom: 5px;
            }

    .banner-item-two::after {
        height: 40px;
    }

    .banner-content-two {
        padding-top: 170px;
        padding-bottom: 150px;
    }

        .banner-content-two .images {
            top: 155px;
        }

            .banner-content-two .images img {
                max-width: 200px;
            }

        .banner-content-two h1 {
            font-size: 35px;
            margin-bottom: 25px;
            max-width: 450px;
        }

        .banner-content-two .banner-btn .learn-btn {
            padding: 6px 16px 10px;
            font-size: 14px;
        }

            .banner-content-two .banner-btn .learn-btn i {
                font-size: 24px;
            }

        .banner-content-two .banner-btn .get-btn {
            margin-left: 10px;
            padding: 6px 16px 10px;
            font-size: 14px;
        }

            .banner-content-two .banner-btn .get-btn i {
                font-size: 24px;
            }

    .inner-banner .inner-title {
        padding-top: 120px;
        padding-bottom: 60px;
    }

        .inner-banner .inner-title h3 {
            font-size: 26px;
        }

        .inner-banner .inner-title ul li {
            font-size: 16px;
        }

    .about-area .container-fluid {
        width: 720px;
    }

    .about-content {
        max-width: 100%;
        margin-bottom: 0;
        margin-right: auto;
    }

        .about-content .section-title {
            padding-bottom: 25px;
            margin-bottom: 20px;
        }

            .about-content .section-title p {
                max-width: 650px;
            }

        .about-content .about-counter {
            text-align: center;
            margin-bottom: 20px;
        }

            .about-content .about-counter h3 {
                font-size: 40px;
                line-height: 1;
            }

        .about-content .signature li {
            margin-right: 0;
        }

            .about-content .signature li img {
                max-width: 80%;
                position: relative;
                top: -15px;
            }

    .about-img {
       
    }

        .about-img .about-img-text {
            width: 220px;
            height: auto;
        }

            .about-img .about-img-text span {
                font-size: 24px;
            }

            .about-img .about-img-text h3 {
                font-size: 40px;
                margin-bottom: 0;
                line-height: 1;
            }

    .about-area-two::before {
        width: 100%;
    }

    .about-img-2::before {
        display: none;
    }

    .about-content-two {
        margin-bottom: 30px;
    }

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

        .about-content-two .section-title p {
            margin-bottom: 25px;
        }

    .about-counter-area {
        margin-bottom: 30px;
    }

        .about-counter-area .about-counter-two {
            margin-bottom: 20px;
        }

            .about-counter-area .about-counter-two h3 {
                font-size: 40px;
                line-height: 1;
            }

        .about-counter-area .about-play {
            margin-top: 10px;
        }

    .skill-content {
        margin-top: 0;
        margin-bottom: 30px;
        max-width: 100%;
        padding: 50px 30px;
    }

    .progressbar-area {
        margin-top: 20px;
    }

    .skill-img {
        margin-left: 0;
        margin-bottom: 30px;
    }

        .skill-img img {
            width: 100%;
        }

    .skill-content-two {
        margin-top: 0;
        margin-bottom: 30px;
        max-width: 100%;
        padding: 30px 25px 20px;
    }

    .skill-img-2 {
        margin-bottom: 50px;
        margin-left: 0;
    }

        .skill-img-2 img {
            height: auto;
        }

    .counter-area {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .counter-title h3 {
        font-size: 28px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-width: 100%;
    }

    .single-counter {
        margin-bottom: 15px;
        text-align: center;
    }

        .single-counter h3 {
            font-size: 35px;
        }

        .single-counter span {
            font-size: 16px;
        }

    .consultation-content {
        text-align: center;
    }

        .consultation-content .consultation-btn {
            margin-top: 25px;
        }

    .consultation-play-btn {
        float: none;
        text-align: center;
        margin-bottom: 30px;
    }

        .consultation-play-btn .video-btn {
            width: 85px;
            height: 85px;
            line-height: 85px;
        }

    .portfolio-area {
        padding-top: 0;
    }

    .portfolio-tab.tab li {
        margin-right: 15px;
    }

        .portfolio-tab.tab li a {
            font-size: 16px;
        }

    .portfolio-item .content .title {
        height: 50px;
        line-height: 50px;
    }

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

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

    .portfolio-item .content ul li {
        margin-bottom: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .portfolio-line {
        display: none;
    }

    .portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(1) .portfolio-item-two {
        margin-top: 0;
    }

    .portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(3) .portfolio-item-two {
        margin-top: 0;
    }

    .portfolio-list a img {
        max-width: 100%;
        height: 340px;
    }

    .portfolio-tab .tabs-two li {
        margin-right: 5px;
    }

        .portfolio-tab .tabs-two li a {
            padding: 5px 10px;
        }

    .portfolio-details-content .section-title-two h2 {
        font-size: 28px;
    }

    .portfolio-details-content .portfolio-article h3 {
        font-size: 28px;
    }

    .testimonials-area {
        margin-bottom: 10px;
    }

        .testimonials-area .owl-nav .owl-prev {
            bottom: 10px;
            left: 235px;
        }

        .testimonials-area .owl-nav .owl-next {
            position: absolute;
            bottom: 10px;
            left: 375px;
        }

    .testimonials-img .quote-text {
        width: 90px;
        height: 90px;
        font-size: 45px;
        line-height: 90px;
    }

    .testimonials-content {
        margin-left: 0;
    }

        .testimonials-content p {
            font-size: 16px;
            margin-bottom: 70px;
        }

    .service-content .section-title-two {
        margin-bottom: 20px;
    }

    .service-right-item {
        margin-left: 0;
    }

    .service-item .service-item-icon {
        font-size: 60px;
    }

    .service-item .content {
        padding-top: 15px;
    }

        .service-item .content h3 {
            margin-bottom: 5px;
        }

        .service-item .content p {
            margin-bottom: 5px;
        }

    .team-bg::before {
        height: 75%;
    }

    .team-bg::after {
        height: 75%;
    }

    .team-profile-skill h2 {
        font-size: 28px;
    }

    .team-profile {
        margin-left: 0;
    }

        .team-profile img {
            width: 100%;
        }

    .blog-area .section-title {
        margin-bottom: 30px;
    }

    .blog-btn {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .blog-shadow .content h3 {
        font-size: 19px;
    }

    .contact-form h2 {
        font-size: 28px;
    }

    .contact-form .submit-btn {
        padding: 10px 60px;
        font-size: 16px;
    }

    .contact-two-form {
        margin-bottom: 0;
    }

    .contact-wrap-form {
        margin-bottom: 20px;
    }

        .contact-wrap-form h2 {
            font-size: 28px;
            margin-bottom: 15px;
        }

        .contact-wrap-form .default-btn {
            padding: 10px 45px;
            font-size: 16px;
        }

    .contact-two-form .contact-wrap-form {
        margin-left: auto;
        max-width: 720px;
        margin-right: auto;
    }

    .contact-area-three {
        padding: 50px 0;
    }

    .contact-three-form {
        bottom: 0;
    }

        .contact-three-form .contact-wrap-form {
            padding: 50px 30px;
        }

    .contact-section-img img {
        height: 380px;
    }

    .contact-section-content {
        padding: 40px 25px;
    }

    .user-all-img {
        margin-right: 0;
    }

    .footer-widget .footer-logo {
        margin-bottom: 15px;
    }

        .footer-widget .footer-logo img {
            max-width: 120px;
        }

    .footer-widget h3 {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .footer-widget .footer-news li {
        display: block;
    }

    .footer-widget .footer-gallery {
        max-width: 270px;
    }

    .footer-widget.pl-4, .footer-widget.px-4 {
        padding-left: 0 !important;
    }

    .error-area {
        height: 100vh;
        padding-top: 70px;
        padding-bottom: 70px;
    }

        .error-area .error-content h3 {
            margin-bottom: 10px;
            font-size: 25px;
        }

        .error-area .error-content p {
            font-size: 16px;
            padding: 0 15px;
        }

    .coming-soon-area .coming-soon-content {
        padding-top: 30px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .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: 14px;
            margin-top: 15px;
        }

        .coming-soon-area .coming-soon-content #timer {
            margin-top: 10px;
        }

            .coming-soon-area .coming-soon-content #timer div {
                font-size: 35px;
                margin-left: 15px;
                margin-right: 15px;
            }

                .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;
                }
}

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

    .d-in-line {
        display: none;
    }

    .sticky-nav {
        top: 0;
        position: fixed;
        -webkit-animation: 900ms ease-in-out 5s normal none 1 running fadeInDown;
        animation: 900ms ease-in-out 5s normal none 1 running fadeInDown;
        -webkit-transition: .9s;
        transition: .9s;
        width: 100% !important;
        z-index: 999;
    }

        .sticky-nav .nav-two-responsive .dot-menu {
            top: 27px;
        }

    .side-nav-responsive {
        display: block;
    }

        .side-nav-responsive .dot-menu {
            top: 27px;
        }

        .side-nav-responsive .container .container {
            top: 85px;
        }

        .side-nav-responsive .side-nav-inner .side-nav {
            text-align: center;
        }

            .side-nav-responsive .side-nav-inner .side-nav .side-item {
                padding-left: unset;
                margin: 0 10px;
                text-align: center;
            }

    .nav-ml {
        margin-left: 10px !important;
    }

    .nav-two nav .navbar-nav .nav-item.logo {
        margin-right: 15px;
        margin-left: 15px;
    }

    .nav-two nav .navbar-nav .nav-item a {
        margin-left: 7px;
        margin-right: 7px;
    }

    .nav-three nav .navbar-nav .nav-item a {
        margin-left: 12px;
        margin-right: 12px;
    }

    .nav-two-responsive .dot-menu {
        right: 20px;
        top: -50px;
    }

        .nav-two-responsive .dot-menu .circle-inner .circle {
            height: 5px;
            width: 5px;
            border-radius: 100%;
            margin: 0 2px;
            -webkit-transition: .7s;
            transition: .7s;
            background-color: #000;
        }

        .nav-two-responsive .dot-menu:hover .circle-inner .circle {
            background-color: #414141;
        }

    .nav-three-responsive .dot-menu {
        right: 0;
        top: -55px;
    }

        .nav-three-responsive .dot-menu .circle-inner .circle {
            height: 5px;
            width: 5px;
            border-radius: 100%;
            margin: 0 2px;
            -webkit-transition: .7s;
            transition: .7s;
            background-color: #000;
        }

        .nav-three-responsive .dot-menu:hover .circle-inner .circle {
            background-color: #414141;
        }

    .sticky-nav .nav-three-responsive .dot-menu {
        right: 0;
        top: 27px;
    }

    .home-slider .owl-nav .owl-next {
        right: 35%;
    }

    .about-area-two::before {
        width: 100%;
    }

    .about-content .about-counter h3 {
        font-size: 50px;
        color: #414141;
        margin-bottom: 0;
    }

    .about-img .about-img-text h3 {
        font-size: 50px;
    }

    .portfolio-item-two .content {
        left: 10px;
    }

        .portfolio-item-two .content .title {
            width: 200px;
        }

            .portfolio-item-two .content .title h3 {
                font-size: 16px;
                padding-left: 10px;
            }

        .portfolio-item-two .content ul {
            width: 180px;
        }

            .portfolio-item-two .content ul li a {
                font-size: 13px;
            }

    .banner-content h1 {
        font-size: 75px;
    }

    .about-area-two {
        overflow: hidden;
    }

    .about-counter-area .about-counter-two span {
        font-size: 15px;
    }

    .skill-img img {
        height: 100%;
    }

    .skill-content-two {
        padding: 70px 50px;
    }

    .skill-img-2 img {
        height: 850px;
    }

    .counter-title h3 {
        font-size: 28px;
    }

    .testimonials-content p {
        font-size: 17px;
    }

    .testimonials-area .owl-nav .owl-prev {
        left: 275px;
    }

    .testimonials-area .owl-nav .owl-next {
        left: 420px;
    }

    .service-circle {
        padding: 20px 5px;
    }

        .service-circle h3 {
            font-size: 17px;
        }

    .blog-card-pb .content {
        padding-bottom: 0 !important;
        padding-top: 15px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .blog-card-border .content h3 {
        font-size: 20px;
    }

    .side-bar-widget .widget-popular-post .item .info .title-text {
        font-size: 16px;
    }

    .side-bar-contact {
        padding: 30px;
    }

        .side-bar-contact i {
            font-size: 45px;
        }

        .side-bar-contact h3 {
            font-size: 28px;
        }

        .side-bar-contact span {
            font-size: 20px;
        }

    .product-widget .product-categories {
        padding: 10px 15px 20px;
    }

        .product-widget .product-categories ul {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }

            .product-widget .product-categories ul li {
                font-size: 14px;
            }

                .product-widget .product-categories ul li a {
                    width: 70%;
                    padding: 7px 10px;
                }

    .footer-plr.col-lg-2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .footer-widget.pl-4, .footer-widget.px-4 {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width:1400px) {
    .blog-card .content {
        padding: 30px 45px;
    }

    .offer-item {
        padding: 50px;
    }

    .testimonials-area .owl-nav .owl-prev {
        left: 470px;
    }

    .testimonials-area .owl-nav .owl-next {
        left: 610px;
    }

    .skill-content {
        padding: 70px 120px;
    }

    .skill-content-two {
        padding: 70px 120px;
    }

    .contact-two-form .contact-wrap-form {
        margin-left: auto;
        max-width: 800px;
    }

    .blog-card a img {
        width: 100%;
    }

    .team-profile img {
        width: 100%;
    }

    .portfolio-details-content img {
        width: 100%;
    }

    .about-content {
        max-width: 480px;
    }

    .about-img {
        max-width: 720px;
    }
}

@media only screen and (min-width:1800px) {
    .search-box {
        right: 0;
    }

    .home-slider .owl-nav .owl-prev {
        left: 48.5%;
    }

    .home-slider .owl-nav .owl-next {
        right: 42%;
    }

    .banner-area .thumbs-wrap {
        right: 200px;
    }

    .banner-area .owl-nav {
        margin-top: 0;
    }

        .banner-area .owl-nav .owl-prev {
            right: 290px;
        }

        .banner-area .owl-nav .owl-next {
            right: 145px;
        }
}

@media only screen and (min-width:1200px) {
    .container-max {
        max-width: 1320px !important;
        margin: 0 auto;
    }

    .container-max-2 {
        max-width: 1460px !important;
        margin: 0 auto;
    }
}

@media only screen and (min-width:1350px) {
    .container {
        max-width: 1320px !important;
    }
}


















.icon-bar {
  position: fixed;
  bottom: 0%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:9999999;
  right:0;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 13px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
















#whatsapp {
    position: fixed;
    /*right: 34px;*/
    left: 20px;
    bottom: 5%;
    width: 70px;
    height: 70px;
    cursor: pointer;
    opacity: 1;
    z-index: 99990;
}

    #whatsapp #whatsappMain {
        -moz-border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: rgba(255, 255, 255, 0);
        width: 70px;
        height: 70px;
        color: #40c351;
        z-index: 9;
        -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
        -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
        animation: zcwmini2 1.5s 0s ease-out infinite;
    }

        #whatsapp #whatsappMain:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 9;
            background-image: url('../img/whatsapp.png');
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-animation: zcwphone2 1.5s linear infinite;
            -moz-animation: zcwphone2 1.5s linear infinite;
            animation: zcwphone2 1.5s linear infinite;
        }







        #tollfree {
    position: fixed;
    /*right: 34px;*/
    right: 20px;
    bottom: 5%;
    width: 70px;
    height: 70px;
    cursor: pointer;
    opacity: 1;
    z-index: 99990;
}

            #tollfree #tollfreeMain {
        -moz-border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: rgba(255, 255, 255, 0);
        width: 70px;
        height: 70px;
        color: #40c351;
        z-index: 9;
        -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
        -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
        animation: zcwmini2 1.5s 0s ease-out infinite;
    }

        #tollfree #tollfreeMain:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 9;
            background-image: url('../img/tollfree.png');
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-animation: zcwphone2 1.5s linear infinite;
            -moz-animation: zcwphone2 1.5s linear infinite;
            animation: zcwphone2 1.5s linear infinite;
        }









@-webkit-keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes zcwmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);
    }
}

@-moz-keyframes zcwmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);
    }
}

@keyframes zcwmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);
    }
}

@-webkit-keyframes zcwmini2 {
    0% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);
    }
}

@-moz-keyframes zcwmini2 {
    0% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);
    }
}

@keyframes zcwmini2 {
    0% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);
    }

    10% {
        box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px;
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);
    }
}




.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}