/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {

    .header-menu-area::before {
        height: 147%;
        width: 24%;
    }

    .header-btn a {
        font-size: 17px;
        padding: 10px 15px;
    }

    .header-menu ul li {
        margin-right: 33px;
    }

    .header-btn {
        margin-left: 27px;
    }

    .work-process-shape {
        left: -30px;
    }

    .work-process-single-box:hover .work-process-shape {
        left: -40px;
    }

    .project-thumb img {
        width: 100%;
    }

    .project-text h3 {
        font-size: 24px;
        width: 150px;
        height: 190px;
    }

    .project-content {
        width: 80%;
    }

    .team-single-box:hover .team-content {
        left: -11px;
    }

    .pricing-content {
        background-size: cover;
    }

    .pricing-discription p {
        width: 116%;
    }




    /*================================================
 <--Start Home  page Two responsive css-->
=================================================*/
    /* hero area */

    /* form box */
    .form-box.inner input {
        width: 100%;
    }

    .form-box select {
        width: 100%;
    }

    .form-box.inner textarea {
        width: 100%;
    }

    .contact-form.inner button {
        width: 100%;
    }
    /* choose us area */
    .choose-us-thumb img {
        width: 100%;
    }
    /* work process area */
    .work-process-style-two-content p {
        width: 73%;
    }
    /* testimonial area */
    .testimonila-content-style-two p {
        width: 70%;
    }


    /* about inner page  */

    .section-main-title.about h2 {
        font-size: 35px;
    }

    /* service details inner page */
    .blog-details-area {
        padding: 60px 0 0px;
    }

    .widget-categories-btn a {
        padding: 17px 85px;
    }

    .widget-tags a {
        margin: 9px -5px;
    }

    /* shop style two  */
    .Shop-style-two-content p {
        width: 95%;
    }
}

/* Large Mobile :992px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .header-menu-area::before {
        height: 147%;
        width: 24%;
    }

    .header-menu ul li {
        margin-right: 27px;
    }

        .header-menu ul li a {
            font-size: 15px;
        }

    .header-Shop-card {
        margin-left: 6px;
    }

    .header-btn {
        margin-left: 0px;
    }

        .header-btn a {
            padding: 10px 15px;
            font-size: 16px;
        }

    .hero-content h1 {
        font-size: 57px;
    }

    .hero-content p {
        width: 49%;
    }

    /* feature area */
    .feature-single-box {
        padding: 20px 13px 25px;
    }


    /* about area */
    .about-content-discription {
        width: 100%;
    }

    .about-thumb img {
        width: 100%;
    }

    .about-shape {
        display: none;
    }

    .about-content {
        display: none;
    }

    /* work process area */
    .work-process-single-box {
        padding: 0px 35px 0;
    }

    .work-process-shape {
        left: -30px;
    }

    .work-process-single-box:hover .work-process-shape {
        left: -40px;
    }

    .work-process-content h4 {
        font-size: 19px;
    }

    /* project area */
    .project-thumb img {
        width: 100%;
    }

    .project-text h3 {
        font-size: 24px;
        width: 150px;
        height: 190px;
    }

    .project-content {
        width: 76%;
    }

    .project-content-title {
        padding: 19px 18px 20px;
    }

        .project-content-title h5 a {
            font-size: 16px;
        }

    .project-content-icon i {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 20px;
    }

    .project-text {
        bottom: -97px;
    }

    /* team area  */
    .team-thumb img {
        width: 100%;
    }

    .team-single-box:hover .team-content {
        left: -11px;
    }


    /* pricing area */
    .pricing-content {
        background-size: cover;
    }

    .pricing-discription p {
        width: 116%;
    }

    .pricing-info ul li {
        font-size: 15px;
    }

    .clean-home-btn.pricing a {
        font-size: 16px;
    }

    /* testimonial area */
    .testimonial-single-box {
        padding: 44px 16px 0px 19px;
    }

    .testimonila-content p {
        font-size: 15px;
        width: 100%;
    }


    /* counter area */
    .counter-area {
        padding: 40px 0 35px;
    }

    .counter-content h1 {
        font-size: 50px;
    }

    /* footer area */
    .footer-wiget-social ul li {
        margin-right: 13px;
    }

    /* section title */
    .section-discription {
        width: 66%;
    }

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

    /*================================================
 <--Start Home  page Two responsive css-->
=================================================*/
    /* hero area */
    .hero-area.style-two {
        background-size: cover;
        background-position: center center;
    }

    /* form box */
    .form-box.inner input {
        width: 100%;
    }

    .form-box select {
        width: 100%;
    }

    .form-box.inner textarea {
        width: 100%;
    }

    .contact-form.inner button {
        width: 100%;
    }
    /* choose us area */
    .choose-us-thumb img {
        width: 100%;
    }

    .choose-us-content-discription {
        width: 82%;
    }
    /* work process area */
    .work-process-style-two-content p {
        width: 95%;
    }

    .work-process-style-two-shape {
        display: none;
    }
    /* testimonial area */
    .testimonila-content-style-two p {
        width: 88%;
    }
    /* project style two */
    .portfolio-icon {
        top: 42%;
    }

    /*================================================
 <--Start all innner page responsive css-->
=================================================*/
    /* about inner page  */

    .section-main-title.about h2 {
        font-size: 34px;
        line-height: 50px;
    }

    /* blog details inner page */
    .blog-details-area {
        padding: 30px 0 8px;
    }

    button.icons {
        right: 43px;
    }

    .widget-categories-box {
        padding: 40px 8px 25px;
    }

    .widget-categories-btn a {
        padding: 17px 60px;
    }

    .widget-tags a {
        margin: 9px -2px;
        font-size: 15px;
    }

    .blog-details-about-thumb img {
        width: 100%;
    }

    .blog-details-about-thumb.service-details img {
        width: 100%;
        margin-bottom: 50px;
    }

    .blog-details-content-discription {
        width: 100%;
    }

    /* shop Style Two */

    .Shop-style-two-thumb img {
        width: 100%;
    }

    .Shop-style-two-content p {
        width: 95%;
    }

    /* Shop Detail Inner Page */
    .tabs-items-thumb img {
        width: 100%;
    }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    /* header top menu  */
    .header-top-menu-area {
        display: none;
    }
    /* header menu area */
    .header-menu-area {
        display: none;
    }

    /* hero area  */
    .hero-content h1 {
        font-size: 56px;
    }

    .hero-content p {
        width: 66%;
    }

    /*Section title*/

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

    .section-main-title.team-two h2 {
        line-height: 52px;
        font-size: 40px;
    }

    /* feature area */
    .feature-area {
        padding: 0px 0 40px;
    }

    .feature-single-box {
        padding: 20px 20px 25px;
        margin-bottom: 40px;
    }

    /* about area */
    .about-area {
        padding: 0 0 75px;
    }

    .about-content-discription {
        width: 100%;
    }

        .about-content-discription p.about {
            padding: 14px 14px 29px;
        }

        .about-content-discription p {
            font-size: 15px;
        }

    .about-content-list ul li {
        font-size: 15px;
    }

    .clean-home-btn.about {
        margin-right: 6px;
    }

        .clean-home-btn.about a {
            padding: 14px 18px;
            font-size: 15px;
        }

    .about-icon {
        margin-right: 10px;
    }

        .about-icon i {
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 23px;
        }

    .about-phone h5 {
        font-size: 16px;
    }

        .about-phone h5 span {
            font-size: 16px;
        }

    .about-thumb img {
        width: 100%;
        margin-top: 40px;
    }

    .about-content-discription p.about::before {
        height: 67px;
    }

    .about-shape {
        display: none;
    }

    /* service area */
    .service-area {
        padding: 80px 0 76px;
    }

    .service-single-box {
        padding: 30px 33px 23px;
    }

    .service-content a {
        font-size: 20px;
    }

    /* work process area */
    .work-process-area {
        padding: 80px 0 33px;
    }

    .work-process-single-box {
        padding: 0px 54px 0;
        margin-bottom: 40px;
    }

    .work-process-shape {
        left: -31px;
    }

    .work-process-single-box:hover .work-process-shape {
        left: -39px;
    }

    /* project area */
    .project-area {
        padding: 0 0 75px;
    }

    .project-thumb img {
        width: 100%;
    }

    .project-content {
        width: 72%;
    }

    .project-content-title {
        padding: 18px 23px 16px;
    }

        .project-content-title h5 a {
            font-size: 16px;
        }

    .project-content-icon i {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 20px;
    }

    .project-text {
        bottom: -98px;
        left: 85px;
    }

    .clean-home-btn.project a {
        padding: 16px 30px;
        font-size: 16px;
    }

    /* team area */
    .team-area {
        padding: 80px 0 35px;
    }

    .team-single-box {
        margin-bottom: 80px;
    }

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

    .team-content {
        width: 80%;
    }

    .team-single-box:hover .team-content {
        left: 5px;
        bottom: 0;
    }

    /* pricing area */

    .pricing-content {
        background-size: cover;
    }

    .pricing-discription p {
        width: 128%;
        margin-left: -28px;
    }

    .clean-home-btn.pricing a {
        font-size: 16px;
    }

    /* testimonial area */
    .testimonial-area {
        padding: 0px 0 0px;
    }

    .testimonila-content p {
        width: 100%;
    }

    .owl-nav {
        display: none;
    }

    /* counter area */
    .counter-area {
        padding: 188px 0 51px;
    }

    .counter-single-box {
        margin-bottom: 40px;
    }

    .counter-icon-thumb {
        margin-bottom: 30px;
    }

    .counter-content h1 {
        font-size: 45px;
    }

    /* blog area */
    .blog-area {
        padding: 80px 0 30px;
    }

    .blog-single-box {
        margin-bottom: 40px;
    }

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

    /* footer area */
    .subscribe-content h1 {
        font-size: 40px;
    }

    .form {
        text-align: left;
    }

    .subscribe-form input {
        width: 200px;
    }

    .subscribe-form button {
        width: 150px;
    }

    .row.footer-line {
        margin-top: 20px;
        padding-top: 60px;
    }

    /* section title */
    .section-discription {
        width: 90%;
    }


    /*================================================
 <--Start Home  page Two responsive css-->
=================================================*/
    /* hero area */
    .hero-area.style-two {
        background-size: cover;
        background-position: center center;
    }

    .hero-content.style-two h1 {
        font-size: 36px;
    }

    .hero-content.style-two h3 {
        font-size: 40px;
        line-height: 29px;
    }

    .hero-content.style-two p {
        width: 100%;
    }

    .clean-home-btn.style-two a {
        padding: 14px 25px;
        margin-right: 4px;
    }
    /* form box */
    .form-box.inner input {
        width: 100%;
    }

    .form-box select {
        width: 100%;
    }

    .form-box.inner textarea {
        width: 100%;
    }

    .contact-form.inner button {
        width: 100%;
    }

    /* choose us area */
    .choose-us-thumb img {
        width: 100%;
    }

    .section-discription.choose-us {
        width: 100%;
    }

        .section-discription.choose-us p {
            font-size: 15px;
        }

    .section-main-title.choose-us h2 {
        font-size: 29px;
    }

    /* work process area */
    .work-process-style-two-single-box {
        margin-bottom: 40px;
    }

    .work-process-style-two-content p {
        width: 82%;
    }

    .work-process-style-two-shape {
        display: none;
    }

    /* testimonial area */
    .testimonila-content-style-two p {
        width: 63%;
    }
    /* project style two */
    .column {
        flex: 50%;
        max-width: 33%;
    }

    .portfolio-thumb::after {
        display: none;
    }

    .portfolio-content {
        display: none;
    }

    /*================================================
 <--Start all innner page responsive css-->
=================================================*/
    /* about inner page  */

    .section-main-title.about h2 {
        font-size: 25px;
        line-height: 42px;
    }

    .about-content-discription.style-three p {
        font-size: 15px;
    }

    .section-main-title.style-three h2 {
        font-size: 40px;
    }

    /* blog details inner page */
    .blog-details-area {
        padding: 30px 0 10px;
    }

    button.icons {
        right: 43px;
    }

    .widget-categories-box {
        padding: 40px 8px 25px;
    }

    .widget-categories-btn a {
        padding: 17px 60px;
    }

    .widget-tags a {
        margin: 9px -2px;
        font-size: 15px;
    }

    .blog-details-about-thumb img {
        width: 100%;
    }

    .blog-details-about-thumb.service-details img {
        width: 100%;
        margin-bottom: 50px;
    }

    .blog-details-box {
        margin-bottom: 50px;
    }

    .blog-details-content-discription {
        width: 100%;
    }

    .blog-details-blockquote blockquote {
        width: 80%;
    }

    /* shop Style Two */
    .Shop-style-two-thumb {
        margin-bottom: 40px;
    }

        .Shop-style-two-thumb img {
            width: 100%;
        }

    .Shop-style-two-content p {
        width: 95%;
    }

    /* Shop Detail Inner Page */
    .product-details-area {
        padding: 100px 0 30px;
    }

    .tabs-items-thumb img {
        width: 100%;
    }

    .tab {
        margin-bottom: 60px;
    }

        .tab ul li {
            padding: 0 4px;
            margin: 0 0 0;
        }
}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {

    /* header area */
    .header-top-menu-area {
        display: none;
    }

    .header-menu-area {
        display: none;
    }

    /* hero area */
    .hero-content h1 {
        font-size: 51px;
        line-height: 65px;
    }

    .hero-content p {
        width: 100%;
    }

    /* feature area */
    .feature-area {
        padding: 0px 0 40px;
    }

    .feature-single-box {
        margin-bottom: 40px;
    }

    /* about area */
    .about-area {
        padding: 0 0 80px;
    }

    .about-content-discription {
        width: 100%;
    }

    .about-information {
        margin-bottom: 50px;
    }

    .about-thumb {
        text-align: left;
    }

        .about-thumb img {
            width: 100%;
        }

    .about-shape {
        display: none;
    }

    .about-content {
        display: none;
    }

    /* service area */
    .service-area {
        padding: 80px 0 75px;
    }

    /* work process area */
    .work-process-area {
        padding: 80px 0 30px;
    }

    .work-process-single-box {
        margin-bottom: 40px;
    }

    .work-process-shape {
        display: none;
    }

    .work-process-single-box::before {
        display: none;
    }

    .work-process-content p {
        width: 65%;
        margin: auto;
    }

    /* project area */
    .project-area {
        padding: 0 0 75px;
    }

    /* team area */
    .team-area {
        padding: 80px 0 44px;
    }

    .team-single-box {
        text-align: center;
        margin-bottom: 70px;
    }

        .team-single-box:hover .team-social-icon {
            left: 114px;
            opacity: 1;
        }

    .team-content {
        right: -132px;
        width: 55%;
    }

    .team-single-box:hover .team-content {
        left: -131px;
    }

    /* pricing area */
    .pricing-area {
        padding: 78px 0 38px;
    }

    .pricing-content {
        background-size: cover;
    }

    /* testimonial area */
    .testimonial-area {
        padding: 0px 0 0px;
    }

    .testimonial-single-box {
        padding: 42px 16px 0px 42px;
    }

    .testimonila-content p {
        font-size: 15px;
        width: 100%;
    }

    .owl-nav {
        display: none;
    }

    /* counter area */
    .counter-area {
        padding: 222px 0 37px;
        background-position: inherit;
    }

    .counter-single-box {
        margin-bottom: 40px;
    }

    .counter-icon-thumb {
        margin-bottom: 18px;
    }

    .counter-content h1 {
        font-size: 42px;
        margin-bottom: 12px;
    }

    /* blog area */
    .blog-area {
        padding: 78px 0 62px;
    }
    /* footer area */
    .subscribe-content {
        margin-bottom: 40px;
    }

    .form {
        text-align: left;
    }

    .row.footer-line {
        margin-top: 3px;
        padding-top: 60px;
    }
    /* section title */
    .section-discription {
        width: 100%;
    }



    /*================================================
 <--Start Home  page Two responsive css-->
=================================================*/
    /* hero area */
    .hero-area.style-two {
        background-size: cover;
        background-position: center center;
        height: 1000px;
    }

    .hero-content.style-two {
        margin: 167px 0 36px;
    }

        .hero-content.style-two h1 {
            font-size: 46px;
        }

        .hero-content.style-two h3 {
            font-size: 50px;
            line-height: 42px;
        }

        .hero-content.style-two p {
            width: 100%;
        }

    .clean-home-btn.style-two a {
        padding: 14px 25px;
        margin-right: 4px;
    }
    /* form box */
    .contact-form-box {
        padding: 22px 56px 29px;
    }

    .form-box.inner input {
        width: 100%;
    }

    .form-box select {
        width: 100%;
    }

    .form-box.inner textarea {
        width: 100%;
    }

    .contact-form.inner button {
        width: 100%;
    }

    /* about area style two */
    .about-area.style-two {
        padding: 190px 0 85px;
    }

    /* choose us area */
    .choose-us-area {
        padding: 30px 0 20px;
        position: relative;
    }

    .choose-us-thumb {
        margin-bottom: 50px;
    }

        .choose-us-thumb img {
            width: 100%;
        }

    .section-discription.choose-us {
        width: 100%;
    }

        .section-discription.choose-us p {
            font-size: 15px;
        }

    .section-main-title.choose-us h2 {
        font-size: 29px;
    }

    /* team style two */
    .team-area-style-two {
        padding: 76px 0 45px;
    }

    /* work process area */
    .work-process-area-style-two {
        padding: 80px 0 37px;
    }

    .work-process-style-two-single-box {
        margin-bottom: 40px;
    }

    .work-process-style-two-content p {
        width: 82%;
    }

    .work-process-style-two-shape {
        display: none;
    }

    /* project style two */
    .project-area.project-style-two {
        padding: 76px 0 53px;
    }

    .column {
        flex: 100%;
        max-width: 100%;
    }

    .portfolio-icon i {
        font-size: 27px;
        height: 50px;
        width: 50px;
        line-height: 50px;
    }

    /* testimonial area */
    .testimonial-area.style-two {
        padding: 76px 0 84px;
    }

    .testimonila-content-style-two p {
        width: 63%;
    }


    /*================================================
 <--Start all innner page responsive css-->
=================================================*/

    /* about inner page  */

    .section-main-title.about h2 {
        font-size: 36px;
        line-height: 50px;
    }

    .about-content-discription.style-three p {
        font-size: 15px;
    }

    .section-main-title.style-three h2 {
        font-size: 40px;
    }


    /* blog details inner page */
    .blog-details-area {
        padding: 30px 0 10px;
    }

    button.icons {
        right: 43px;
    }

    .widget-categories-box {
        padding: 40px 8px 25px;
    }

    .widget-categories-btn a {
        padding: 17px 60px;
    }

    .widget-tags a {
        margin: 9px -2px;
        font-size: 15px;
    }

    .blog-details-about-thumb {
        margin-bottom: 40px;
    }

        .blog-details-about-thumb img {
            width: 100%;
        }

    .blog-details-about-content-title h2 {
        font-size: 26px;
    }

    .blog-details-box {
        padding: 82px 10px 20px;
        margin-bottom: 50px;
    }

    .blog-details-content-discription p {
        font-size: 14px;
    }

    .blog-details-about-thumb.service-details img {
        width: 100%;
        margin-bottom: 50px;
    }

    .blog-details-content-discription {
        width: 100%;
    }

    .blog-details-blockquote blockquote {
        width: 100%;
    }

    /* shop Style Two */
    .Shop-style-two-thumb {
        margin-bottom: 40px;
    }

        .Shop-style-two-thumb img {
            width: 100%;
        }

    .Shop-style-two-content p {
        width: 105%;
    }

    /* Shop Detail Inner Page */
    .product-details-area {
        padding: 100px 0 30px;
    }

    .tabs-items-thumb img {
        width: 100%;
    }

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

    .tab.style-two {
        margin-top: 50px;
    }
}





/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {


    /* header area */
    .header-top-menu-area {
        display: none;
    }

    .header-menu-area {
        display: none;
    }

    /* hero area */
    .hero-content h1 {
        font-size: 45px;
        line-height: 56px;
    }

    .hero-content p {
        width: 100%;
    }

    /* feature area */
    .feature-area {
        padding: 0px 0 40px;
    }

    .feature-single-box {
        margin-bottom: 40px;
    }

    /* about area */
    .about-area {
        padding: 0 0 80px;
    }

    .about-content-discription {
        width: 100%;
    }

    .about-information {
        margin-bottom: 50px;
    }

    .about-thumb {
        text-align: left;
    }

        .about-thumb img {
            width: 100%;
        }

    .about-shape {
        display: none;
    }

    .about-content {
        display: none;
    }

    /* service area */
    .service-area {
        padding: 80px 0 75px;
    }

    /* work process area */
    .work-process-area {
        padding: 80px 0 30px;
    }

    .work-process-single-box {
        margin-bottom: 40px;
    }

    .work-process-shape {
        display: none;
    }

    .work-process-single-box::before {
        display: none;
    }

    .work-process-content p {
        width: 65%;
        margin: auto;
    }

    /* project area */
    .project-area {
        padding: 0 0 75px;
    }

    /* team area */
    .team-area {
        padding: 80px 0 44px;
    }

    .team-single-box {
        text-align: center;
        margin-bottom: 70px;
    }

        .team-single-box:hover .team-social-icon {
            left: 114px;
            opacity: 1;
        }

    .team-content {
        right: -132px;
        width: 55%;
    }

    .team-single-box:hover .team-content {
        left: -131px;
    }

    /* pricing area */
    .pricing-area {
        padding: 78px 0 38px;
    }

    .pricing-content {
        background-size: cover;
    }

    /* testimonial area */
    .testimonial-area {
        padding: 0px 0 0px;
    }

    .testimonial-single-box {
        padding: 42px 16px 0px 42px;
    }

    .testimonila-content p {
        font-size: 15px;
        width: 100%;
    }

    .owl-nav {
        display: none;
    }

    /* counter area */
    .counter-area {
        padding: 222px 0 37px;
        background-position: inherit;
    }

    .counter-single-box {
        margin-bottom: 40px;
    }

    .counter-icon-thumb {
        margin-bottom: 18px;
    }

    .counter-content h1 {
        font-size: 42px;
        margin-bottom: 12px;
    }

    /* blog area */
    .blog-area {
        padding: 78px 0 62px;
    }
    /* footer area */
    .subscribe-content {
        margin-bottom: 40px;
    }

    .form {
        text-align: left;
    }

    .row.footer-line {
        margin-top: 60px;
        padding-top: 60px;
    }
    /* section title */
    .section-main-title h2 {
        font-size: 40px;
    }

    .section-main-title.about h2 {
        font-size: 40px;
    }

    .section-discription {
        width: 100%;
    }


    /*================================================
 <--Start Home  page Two responsive css-->
=================================================*/
    /* hero area */
    .hero-area.style-two {
        background-size: cover;
        background-position: center center;
        height: 1000px;
    }

    .hero-content.style-two {
        margin: 167px 0 36px;
    }

        .hero-content.style-two h1 {
            font-size: 46px;
        }

        .hero-content.style-two h3 {
            font-size: 50px;
            line-height: 70px;
        }

        .hero-content.style-two p {
            width: 100%;
        }

    .clean-home-btn.style-two a {
        padding: 14px 25px;
        margin-right: 4px;
    }
    /* form box */
    .contact-form-box {
        padding: 22px 56px 29px;
    }

    .form-box.inner input {
        width: 100%;
    }

    .form-box select {
        width: 100%;
    }

    .form-box.inner textarea {
        width: 100%;
    }

    .contact-form.inner button {
        width: 100%;
    }

    /* about area style two */
    .about-area.style-two {
        padding: 190px 0 85px;
    }

    .process-ber-plugin {
        margin-bottom: 70px;
    }

    .about-shape-one.style-two {
        display: none;
    }

    .about-shape-two.style-two {
        display: none;
    }

    /* choose us area */
    .choose-us-area {
        padding: 80px 0 43px;
    }

    .choose-us-thumb {
        margin-bottom: 50px;
    }

        .choose-us-thumb img {
            width: 100%;
        }

    .section-discription.choose-us {
        width: 100%;
    }

        .section-discription.choose-us p {
            font-size: 15px;
        }

    .section-main-title.choose-us h2 {
        font-size: 29px;
    }

    .choose-us-thumb-shape {
        display: none;
    }

    /* work process area */
    .work-process-area-style-two {
        padding: 80px 0 37px;
    }

    .work-process-style-two-single-box {
        margin-bottom: 40px;
    }

    .work-process-style-two-content p {
        width: 82%;
    }

    .work-process-style-two-shape {
        display: none;
    }


    /* team style two */
    .team-area-style-two {
        padding: 76px 0 45px;
    }

    .section-main-title.team-two h2 {
        line-height: 42px;
    }

    /* testimonial area */
    .testimonila-content-style-two p {
        width: 63%;
    }

    /* project style two */
    .project-area.project-style-two {
        padding: 76px 0 53px;
    }

    .column {
        flex: 100%;
        max-width: 100%;
    }

    .portfolio-icon i {
        font-size: 27px;
        height: 50px;
        width: 50px;
        line-height: 50px;
    }

    /* testimonial area */
    .testimonial-area.style-two {
        padding: 76px 0 84px;
    }

    .testimonila-content-style-two p {
        width: 63%;
    }

    /*================================================
 <--Start all innner page responsive css-->
=================================================*/

    /* about inner page  */

    .section-main-title.about h2 {
        font-size: 34px;
        line-height: 50px;
    }

    .about-content-discription.style-three p {
        font-size: 15px;
    }

    .section-main-title.style-three h2 {
        font-size: 40px;
    }


    /* blog details inner page */

    .blog-details-area {
        padding: 100px 0 66px;
    }

    button.icons {
        right: 63px;
    }

    .widget-categories-box {
        padding: 40px 8px 25px;
    }

    .widget-categories-btn a {
        padding: 17px 60px;
    }

    .widget-tags a {
        margin: 9px -2px;
        font-size: 15px;
    }

    .blog-details-about-thumb {
        margin-bottom: 40px;
    }

        .blog-details-about-thumb img {
            width: 100%;
        }

    .blog-details-about-content-title h2 {
        font-size: 23px;
    }

    .blog-details-box {
        padding: 82px 10px 20px;
        margin-bottom: 50px;
    }

    .blog-details-content-discription p {
        font-size: 14px;
    }

    .blog-details-about-thumb.service-details img {
        width: 100%;
        margin-bottom: 50px;
    }

    .blog-details-content-discription {
        width: 100%;
    }

    .blog-details-blockquote blockquote {
        width: 100%;
    }


    /* shop Style Two */
    .Shop-style-two-thumb {
        margin-bottom: 40px;
    }

        .Shop-style-two-thumb img {
            width: 100%;
        }

    .Shop-style-two-content p {
        width: 97%;
    }


    /* Shop Detail Inner Page */
    .product-details-area {
        padding: 100px 0 30px;
    }

    .tabs-items-thumb img {
        width: 100%;
    }

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

    .tab.style-two {
        margin-top: 50px;
    }
}



/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 599px) {

    /* header area */

    .header-top-menu-area {
        display: none;
    }

    .header-menu-area {
        display: none;
    }

    /* hero area */
    .hero-area {
        height: 550px;
    }

    .hero-content h1 {
        font-size: 29px;
        line-height: 42px;
    }

    .hero-content p {
        width: 100%;
    }

    .clean-home-btn a {
        font-size: 16px;
        padding: 10px 20px;
    }

    /* feature area */
    .feature-area {
        padding: 0px 0 40px;
    }

    .feature-single-box {
        margin-bottom: 40px;
        padding: 20px 12px 25px;
    }

    /* about area */
    .about-area {
        padding: 0 0 35px;
    }

    .about-content-discription {
        width: 100%;
    }

        .about-content-discription p.about {
            padding: 14px 11px 29px;
            font-size: 14px;
        }

    .about-content-list ul li {
        padding: 7px 16px 0px;
    }

    .about-information {
        margin-bottom: 50px;
    }

    .clean-home-btn.about {
        margin-right: 4px;
    }

        .clean-home-btn.about a {
            padding: 10px 20px;
            font-size: 14px;
        }

    .about-icon {
        margin-right: 3px;
    }

        .about-icon i {
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 17px;
        }

    .about-phone h5 {
        font-size: 15px;
        line-height: 21px;
    }

        .about-phone h5 span {
            font-size: 15px;
        }

    .about-thumb {
        text-align: left;
    }

        .about-thumb img {
            width: 100%;
        }

    .about-shape {
        display: none;
    }

    .about-content {
        display: none;
    }

    /* service area */
    .service-area {
        padding: 35px 0 15px;
    }

    .service-single-box {
        padding: 28px 33px 20px;
    }

    .service-content a {
        font-size: 20px;
    }

        .service-content a i {
            height: 35px;
            width: 35px;
            line-height: 35px;
        }

    .clean-home-btn.service a {
        padding: 12px 22px;
    }

    /* work process area */
    .work-process-area {
        padding: 80px 0 30px;
    }

    .work-process-single-box {
        margin-bottom: 40px;
        padding: 0px 0px 0;
    }

    .work-process-shape {
        display: none;
    }

    .work-process-single-box::before {
        display: none;
    }

    .work-process-content p {
        width: 65%;
        margin: auto;
    }

    /* project area */
    .project-area {
        padding: 0 0 75px;
    }

    .project-thumb img {
        width: 100%;
    }

    .project-content {
        width: 88%;
    }

    .project-content-title {
        padding: 11px 20px 10px;
    }

        .project-content-title h5 a {
            font-size: 16px;
        }

    .project-content-icon {
        padding: 17px 19px 0;
    }

        .project-content-icon i {
            width: 35px;
            height: 35px;
            line-height: 35px;
            font-size: 20px;
        }

    .project-text {
        bottom: -99px;
        left: 63px;
    }

        .project-text h3 {
            font-size: 24px;
            width: 165px;
            height: 174px;
            line-height: 100px;
        }

    .clean-home-btn.project a {
        padding: 12px 22px;
        font-size: 16px;
    }
    /* team area */
    .team-area {
        padding: 80px 0 44px;
    }

    .team-single-box {
        text-align: center;
        margin-bottom: 70px;
    }

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

    .team-single-box:hover .team-social-icon {
        left: 6px;
        opacity: 1;
    }

    .team-content {
        right: -34px;
        width: 79%;
        padding: 10px 20px;
    }

    .team-single-box:hover .team-content {
        left: -96px;
    }

    .team-content h5 a {
        font-size: 18px;
    }
    /* pricing area */
    .pricing-area {
        padding: 78px 0 38px;
    }

    .pricing-content {
        background-size: cover;
    }

    .pricing-info ul li {
        font-size: 15px;
    }

    /* testimonial area */
    .testimonial-area {
        padding: 0px 0 0px;
    }

    .testimonial-single-box {
        padding: 42px 0 42px;
        text-align: center;
    }

    .testimonila-content p {
        font-size: 15px;
        width: 84%;
        margin: auto;
    }

    .testimonial-thumb {
        display: none;
    }

    .owl-nav {
        display: none;
    }

    .owl-carousel .owl-item img {
        display: inline-block;
    }

    /* counter area */
    .counter-area {
        padding: 33px 0 0px;
        background-position: inherit;
    }

    .counter-single-box {
        margin-bottom: 40px;
    }

    .counter-icon-thumb {
        margin-bottom: 18px;
    }

    .counter-content h1 {
        font-size: 42px;
        margin-bottom: 12px;
    }

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

    /* blog area */
    .blog-area {
        padding: 78px 0 62px;
    }
    /* brand area */
    .brand-area {
        display: none;
    }
    /* footer area */
    .subscribe-content {
        margin-bottom: 40px;
    }

        .subscribe-content h1 {
            font-size: 36px;
        }

    .form {
        text-align: left;
    }

    .subscribe-form input {
        height: 56px;
        width: 160px;
    }

    .subscribe-form button {
        height: 60px;
        width: 136px;
    }

    .row.footer-line {
        margin-top: 20px;
        /* padding-top: 60px; */
    }
    /* section title */
    .section-main-title h2 {
        font-size: 26px;
    }

    .section-main-title.about h2 {
        font-size: 26px;
        line-height: 42px;
    }

    .section-discription {
        width: 100%;
    }

        .section-discription.service p {
            font-size: 14px;
        }





    /*================================================
 <--Start Home  page Two responsive css-->
=================================================*/
    /* hero area */
    .hero-area.style-two {
        background-size: cover;
        background-position: center center;
        height: 1000px;
    }

    .hero-content.style-two {
        margin: 167px 0 36px;
    }

        .hero-content.style-two h1 {
            font-size: 30px;
        }

        .hero-content.style-two h3 {
            font-size: 39px;
            line-height: 56px;
        }

        .hero-content.style-two p {
            width: 100%;
        }

    .clean-home-btn.style-two a {
        padding: 14px 25px;
        margin-right: 4px;
    }
    /* form box */

    .contact-form-box {
        padding: 22px 15px 29px;
    }

    .contact-box-title h3 {
        font-size: 22px;
    }

    .form-box.inner input {
        width: 100%;
    }

    .form-box select {
        width: 100%;
    }

    .form-box.inner textarea {
        width: 100%;
    }

    .contact-form.inner button {
        width: 100%;
    }

    /* about area style two */
    .about-area.style-two {
        padding: 190px 0 85px;
    }

    .process-ber-plugin {
        margin-bottom: 70px;
    }

    .about-shape-one.style-two {
        display: none;
    }

    .about-shape-two.style-two {
        display: none;
    }

    /* choose us area */
    .choose-us-area {
        padding: 30px 0 0px;
    }

    .choose-us-thumb {
        margin-bottom: 50px;
    }

        .choose-us-thumb img {
            width: 100%;
        }

    .choose-us-thumb-shape {
        display: none;
    }

    .section-discription.choose-us {
        width: 100%;
    }

        .section-discription.choose-us p {
            font-size: 15px;
        }

    .section-main-title.choose-us h2 {
        font-size: 26px;
    }

    /* work process area */
    .work-process-area-style-two {
        padding: 80px 0 37px;
    }

    .work-process-style-two-single-box {
        margin-bottom: 40px;
    }

    .work-process-style-two-content p {
        width: 82%;
    }

    .work-process-style-two-shape {
        display: none;
    }

    /* testimonial area */
    .testimonila-content-style-two p {
        width: 91%;
    }

    /* team area */
    .team-area-style-two {
        padding: 76px 0 45px;
    }

    .section-main-title.team-two h2 {
        line-height: 42px;
    }

    /* project style two */
    .project-area.project-style-two {
        padding: 76px 0 53px;
    }

    .column {
        flex: 100%;
        max-width: 100%;
    }

    .portfolio-icon {
        top: 45%;
    }

        .portfolio-icon i {
            font-size: 27px;
            height: 50px;
            width: 50px;
            line-height: 50px;
        }

    /* testimonial area */
    .testimonial-area.style-two {
        padding: 76px 0 84px;
    }

    .testimonila-content-style-two p {
        width: 87%;
        font-size: 14px;
    }

    /*================================================
 <--Start all innner page responsive css-->
=================================================*/

    /* about inner page  */

    .section-main-title.about h2 {
        font-size: 22px;
        line-height: 35px;
    }

    .about-content-discription.style-three p {
        font-size: 13px;
    }

    .section-main-title.style-three h2 {
        font-size: 40px;
    }

    /* service inner page  */
    .feature-area.style-two {
        padding: 80px 0 0px;
    }

    .about-area.style-three {
        padding: 78px 0 82px;
    }

    .section-discription.about-style-three {
        width: 100%;
    }

    .clean-home-btn.service {
        margin-bottom: 40px;
    }


    /* blog details inner page */

    .blog-details-area {
        padding: 30px 0 10px;
    }

    .blog-details-content-list ul li {
        display: inline-block;
        margin-right: 3px;
    }

        .blog-details-content-list ul li a i {
            margin-right: 2px;
        }

    .widget-categories-box {
        padding: 40px 8px 25px;
    }

    .widget-categories-btn a {
        padding: 17px 60px;
    }

    .blog-details-about-thumb {
        margin-bottom: 40px;
    }

        .blog-details-about-thumb img {
            width: 100%;
        }

    .blog-details-about-content-title h2 {
        font-size: 23px;
    }

    .blog-details-box {
        padding: 82px 10px 20px;
        margin-bottom: 50px;
    }

    .blog-details-content-discription p {
        font-size: 13px;
    }

    .blog-details-about-thumb.service-details img {
        width: 100%;
        margin-bottom: 50px;
    }

    .blog-details-about-content-discription {
        width: 100%;
    }

    .blog-details-content-discription {
        width: 100%;
    }

    .blog-details-blockquote {
        padding: 18px 20px 41px;
    }

        .blog-details-blockquote blockquote {
            width: 100%;
            font-size: 14px;
        }

    .blog-details-box-thumb {
        display: none;
    }

    button.icons {
        right: 39px;
    }

    .widget-tags a {
        margin: 10px 7px;
        font-size: 13px;
        padding: 4px 11px;
    }

    /* shop Style Two */
    .Shop-style-two-thumb {
        margin-bottom: 40px;
    }

        .Shop-style-two-thumb img {
            width: 100%;
        }

    .Shop-style-two-content p {
        width: 100%;
        font-size: 13px;
    }

    /* Shop Detail Inner Page */
    .product-details-area {
        padding: 100px 0 30px;
    }

    .tabs-items-thumb img {
        width: 100%;
    }

    .tab ul li {
        margin-bottom: 0;
        padding: 0;
        margin-right: -4px;
    }

    .tab.style-two {
        margin-top: 50px;
    }

    .style-two .tabs li a {
        margin-bottom: 22px;
    }

    .tab ul li a img {
        width: 86%;
    }

    .tabs-items-content p {
        margin-bottom: 50px;
        font-size: 14px;
    }
}