/*responsive Media Query*/

@media only screen and (min-width:1400px) and (max-width:2000px) {
    /*statestic*/
    #statestic .col-md-6.statestic-text {
        padding: 70px 150px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    /*subscribe*/
    .subscribe-form .form-control {
        width: 91%
    }
    /*home banner*/
    .home-ban .ban-text h1 {
        font-size: 67px;
        line-height: 65px;
        margin-bottom: 18px;
    }

    .home-ban .ban-text {
        left: -60px
    }
    /*menu*/
    .nav-collapse a {
        padding: 0 29px
    }


    /* INNER PAGE  */

    /* service page */
    #service-icon .icon-box {
        min-height: 430px;
    }
}



/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
    h2 {
        font-size: 40px;
        line-height: 42px
    }
    /*header*/
    #top-header .container {
        max-width: 100%
    }

    #top-header p {
        font-size: 13px;
    }

    .top-contact .contact-txt span {
        font-size: 15px;
    }

    .nav-collapse a {
        padding: 0 18px
    }


    /*home-banner*/
    .home-ban .ban-text h1 {
        font-size: 53px;
        line-height: 57px;
    }

    .home-ban .ban-text p {
        font-size: 16px;
    }

    .home-ban .ban-text h4 {
        font-size: 24px;
        margin-bottom: 10px
    }

    .slide .carousel-caption {
        left: 10%;
    }


    /*home about*/
    #home-about h3 {
        font-size: 19px;
    }

    .call-text .num {
        font-size: 25px;
    }


    /*service-provider*/
    #service-provider .service-text h3 {
        font-size: 17px;
    }


    /*statestic*/
    #statestic .col-md-6.statestic-text {
        padding: 20px;
    }

    #statestic ul li img.icon {
        width: 40px
    }

    #statestic ul li .text p {
        font-size: 14px;
    }

    .counter-count {
        font-size: 30px;
    }

    #statestic ul li .num {
        font-size: 30px;
    }

    #statestic ul {
        margin: 20px auto
    }


    /*features*/
    .features-text {
        padding: 30px
    }

    #features h2 {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 9px
    }


    /*subscribe*/
    .subscribe-header .subscribe-icon {
        width: 47px;
    }

    .subscribe-form .form-control {
        width: 89%;
    }

    .subscribe-header .subscribe-title p {
        font-size: 13px;
    }


    /*footer*/
    .footer-contact .f-icon {
        width: 23px
    }

    #footer-img .fimg ul li img {
        height: 260px;
    }

    .follow-img {
        top: 19%;
    }


    /* INNER PAGE */

    /*about page*/

    .inner-page-main-banner h1 {
        font-size: 65px;
        padding: 0;
    }

    .inner-page-main-banner {
        padding: 100px 0;
    }


    /** services page **/

    /** inner-benifit **/
    #inner-benifit .content {
        padding: 0;
        width: 100%;
    }

    #service-icon .icon-box {
        min-height: 460px;
    }
}




/** 7.0 - 768 - iPad **/
@media only screen and (min-width:768px) and (max-width:991px) {
    h2 {
        font-size: 29px;
        line-height: 32px;
        font-weight: 700;
    }

    .btn {
        padding: 12px 22px;
        font-size: 13px;
    }


    /*header*/
    .social ul {
        float: none;
        margin: 0
    }

    #top-header p {
        text-align: center;
    }

    .top-contact {
        float: left;
    }

        .top-contact .contact-txt span {
            font-size: 14px;
        }

    .get-quote {
        margin-top: -62px;
    }

    .top-contact ul {
        margin: 0 0 20px 0;
    }


    /*#top-header{display:none;}*/
    #top-header .row {
        display: none
    }

    .top-contact {
        display: none
    }

    #menu-toggle {
        display: block;
        float: right;
        padding: 28px 12px;
    }

    .navbar-brand {
        line-height: 48px;
        padding: 14px 0;
    }

    .navbar-header {
        width: 100%;
    }

    .caret {
        position: absolute;
        right: 20px;
        top: 20px;
    }


    /*sticky header top padding*/
    .sticky {
        top: 22px;
    }


    /*home-banner*/
    .home-ban .ban-text {
        width: 90%;
        top: 45%
    }

        .home-ban .ban-text h1 {
            font-size: 40px;
            line-height: 37px;
            margin: 8px 0
        }

    .carousel-control-next img, .carousel-control-prev img {
        width: 30px;
        height: 30px
    }

    .slide .carousel-control-next, .slide .carousel-control-prev {
        width: 30px
    }

    .home-ban .ban-text p {
        font-size: 17px;
        margin: 10px 0;
    }

    .home-ban .ban-text h4 {
        font-size: 30px;
        margin-bottom: 0
    }

    .ban-buttons {
        margin-top: 7px;
        display: inline-block;
    }

        .ban-buttons .btn {
            margin-right: 6px;
        }

    .home-ban .btn {
        font-size: 14px;
        padding: 5px 15px;
    }


    /*home-about*/
    #home-about h2 {
        margin-bottom: 24px
    }

    #home-about h3 {
        font-size: 23px;
    }

    .sub-text {
        margin-top: 0;
        padding: 0 16px;
    }

    .call-text .num {
        font-size: 22px;
    }

    #home-about .box {
        padding: 20px 15px
    }

    .sub-title {
        margin-bottom: 10px
    }




    /*#service-provider .bx-wrapper{margin-left:-2%}*/

    /*statestic*/
    #statestic .col-md-6.statestic-text {
        padding: 20px;
    }

    #statestic ul li img.icon {
        width: 40px
    }

    #statestic ul li .text p {
        font-size: 12px;
    }

    .counter-count {
        font-size: 20px;
    }

    #statestic ul li .num {
        font-size: 20px;
    }

    #statestic ul {
        margin: 20px auto
    }


    /*features*/
    .features-text {
        padding: 30px
    }

    #features h2 {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 9px
    }


    /*completed-projects*/
    #completed-projects #header-title .col-md-5 {
        -ms-flex: 0 0 31.666667%;
        flex: 0 0 31.666667%;
        max-width: 31.666667%;
    }

    #completed-projects #header-title .col-md-4 {
        -ms-flex: 0 0 43.333333%;
        flex: 0 0 43.333333%;
        max-width: 43.333333%;
    }

    #completed-projects h2 {
        font-size: 23px;
        line-height: 32px;
    }

    #completed-projects .service-text h3 {
        font-size: 16px;
    }


    /*testimonial*/
    #testimonial .sub-title {
        text-align: center
    }

    #testimonial .bx-wrapper {
        margin-left: -2%
    }

    #testimonial #header-title {
        text-align: center
    }

        #testimonial #header-title .col-md-5 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #testimonial #header-title .col-md-4 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #testimonial #header-title .col-md-2 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .test-txt {
        padding: 0 17px;
    }

    #testimonial .btn {
        float: none;
        margin: 20px auto 0
    }


    /*key point*/
    #keypoint .col-md-6 {
        padding: 0 15px !important
    }

    #keypoint .tab-content {
        text-align: center
    }

        #keypoint .tab-content h3 {
            font-size: 17px;
            line-height: 27px;
        }

        #keypoint .tab-content p {
            font-size: 14px;
            line-height: 26px;
        }

    #keypoint .tab-content {
        padding: 10px 30px 30px 10px;
    }

    #keypoint .tab-icon {
        height: 30px;
        float: none
    }

        #keypoint .tab-icon .icon {
            width: 25px;
        }

        #keypoint .tab-icon .icon-h {
            width: 25px;
        }

    #keypoint .tab-icon {
        margin: 0 auto;
        display: table;
    }

    #keypoint .tab-header span {
        font-size: 13px;
        line-height: 16px;
    }

    #keypoint .tab-content .row .col-lg-6:first-child {
        order: 2;
        padding-top: 30px
    }

    #keypoint .tab-content .row .col-lg-6:last-child {
        order: 1;
        padding-top: 30px
    }

    #keypoint .key-img {
        margin: 0 auto;
        display: table;
        float: none;
        width: 55%;
    }

    #keypoint .nav-tabs .nav-link {
        height: 100%
    }

    #content #keypoint.row-am {
    }


    /*Quick contact*/
    #quick-contact h2 {
        margin-bottom: 20px;
        font-size: 26px;
        line-height: 20px;
    }

    #quick-contact h3 {
        font-size: 20px;
    }

    #quick-contact .contact-form {
        background: #fc5a10;
        padding: 20px;
    }

        #quick-contact .contact-form .form-title {
            font-size: 22px;
            color: #fff;
            margin-bottom: 23px;
        }

    #quick-contact {
        height: 427px
    }

        #quick-contact .contact-form .form-control {
            height: 40px
        }

        #quick-contact .contact-form textarea.form-control {
            height: 113px
        }


    /*team*/
    #team .team-info h3 {
        font-size: 15px;
    }

    #team .col-md-6 {
        padding: 0 15px !important
    }

    .team-img img {
        width: 100%
    }

    #team figure:hover figcaption h3 {
        font-size: 14px
    }


    /*blog*/
    .blog-txt h2 {
        font-size: 17px;
        line-height: 23px;
    }

    .blog-txt {
        padding: 21px 15px 50px 15px;
    }


    /*subscribe*/
    .subscribe-header .subscribe-icon {
        width: 46px;
    }

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

    .subscribe-header .subscribe-title p {
        line-height: 21px;
        font-size: 13px;
        font-size: 13px;
    }

    .subscribe-form {
        padding: 10px
    }

        .subscribe-form .form-control {
            width: 86%;
            height: 42px
        }

    .subscribe-btn {
        width: 14%;
    }


    /*footer*/
    #footer-img .fimg ul li img {
        height: 100px
    }

    .follow-img {
        width: 80px
    }

    footer .container {
        max-width: 97%
    }

    footer .footer1 .col-md-3:first-child {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        padding: 30px
    }

    footer .footer1 .col-md-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    footer .footer1 p {
        font-size: 14px;
        margin: 0
    }

    footer .footer1 h4 {
        margin: 0 0 16px;
        font-size: 18px
    }

    .footer-contact .f-icon {
        width: 23px
    }

    footer .footer1 .col-md-3 {
        margin-bottom: 20px;
    }

        footer .footer1 .col-md-3.footer-contact {
            margin-bottom: 0
        }

    footer .footer2 .left, footer .footer2 .right {
        float: none;
        width: 100%;
        text-align: center;
    }

    footer .footer2 .left {
        font-size: 12px;
    }

    footer .footer2 .right ul {
        text-align: center;
    }

        footer .footer2 .right ul li {
            display: inline-block;
            float: none;
        }

    footer .footer2 {
        padding: 9px 0 15px 0
    }

    footer .footer1 .col-md-3 {
        margin-bottom: 20px;
        width: 50%;
        float: left;
    }


    /*  INNER PAGES */

    /*about page*/

    .inner-page-main-banner h1 {
        font-size: 55px;
        padding: 0;
    }

    .inner-page-main-banner {
        padding: 100px 0;
    }


    /** services page **/

    #service-icon .icon-box {
        min-height: 430px;
    }
    /** inner-benifit **/
    #inner-benifit .content {
        padding: 0;
        width: 100%;
    }

    #service-details .some-feature-box ul li {
        margin-bottom: 30px;
    }

    #service-details h3 {
        font-size: 35px;
    }


    /** contact page  **/

    #inner-page .c-box {
        margin-bottom: 30px;
    }

    #contact-form-map .contact-form {
        margin-bottom: 40px;
        padding: 25px;
    }
}




/** 8.0 - 640 - Mobile **/
@media only screen and (min-width:640px) and (max-width:767px) {

    /*header*/
    .social ul {
        float: none;
        margin: 0
    }

    #top-header p {
        text-align: center;
    }

    .top-contact {
        float: left;
    }

        .top-contact .contact-txt span {
            font-size: 14px;
        }

    .get-quote {
        margin-top: -62px;
    }

    .top-contact ul {
        margin: 0 0 20px 0;
    }


    /*#top-header{display:none;}*/
    #top-header .row {
        display: none
    }

    .top-contact {
        display: none
    }

    #menu-toggle {
        display: block;
        float: right;
        padding: 28px 12px;
    }

    .navbar-brand {
        line-height: 48px;
        padding: 14px 0;
    }

    .navbar-header {
        width: 100%;
    }

    .caret {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    /*sticky header top padding*/
    .sticky {
        top: 22px;
    }


    /*home-banner*/
    .home-ban .ban-text {
        width: 90%;
    }

        .home-ban .ban-text h1 {
            font-size: 25px;
            line-height: 27px;
            margin: 8px 0
        }

    .carousel-control-next img, .carousel-control-prev img {
        width: 30px;
        height: 30px
    }

    .slide .carousel-control-next, .slide .carousel-control-prev {
        width: 30px
    }

    .home-ban .ban-text p {
        display: none;
        font-size: 13px
    }

    .home-ban .ban-text h4 {
        font-size: 17px;
        margin-bottom: 0
    }

    .ban-buttons {
        margin-top: 7px;
        display: inline-block;
    }

        .ban-buttons .btn {
            margin-right: 6px;
            margin-top: 0
        }

    .home-ban .btn {
        font-size: 12px;
        padding: 5px 9px;
    }

    #content .row-am {
        padding: 60px 0;
    }

    h2 {
        font-size: 29px;
        line-height: 29px;
    }

    .sub-title {
        margin: 0 auto 20px
    }

    .btn {
        font-size: 12px;
        padding: 8px 29px;
    }

    /*home about*/
    #home-about {
        text-align: center
    }

        #home-about h3 {
            font-size: 17px;
            line-height: 25px;
        }

        #home-about h2 {
            margin-bottom: 14px;
        }

        #home-about p {
            font-size: 15px;
            line-height: 24px;
        }

    .sub-text {
        margin-top: 0
    }

    .call-info {
        margin: 0 auto;
        display: table;
        float: none;
    }

    .call-text {
        float: left; /*width:76%;*/
        text-align: left
    }

        .call-text span {
            font-size: 13px;
        }

        .call-text .num {
            font-size: 22px;
        }

    #usp {
        margin: 40px 0 0 0;
    }

    #home-about .box {
        text-align: center
    }

    .abt-main {
        padding-right: 15px;
    }

    #home-about .abt-text {
        padding: 0 15px;
    }


    /*our services*/
    #service-provider {
        text-align: center
    }

        #service-provider .service-text h3 {
            font-size: 17px;
            text-align: left;
        }

    figure.effect-sadie:hover .service-text {
        transform: translate3d(0,-95%,0) translate3d(0,-95px,0);
    }

    #service-provider .bx-wrapper {
        padding: 0 45px;
        width: 440px;
    }

    figure.effect-sadie .service-txt1 {
        text-align: left
    }


    /*project contact*/
    #content #project-contact.row-am {
        padding: 40px 0;
        text-align: center;
    }

    #project-contact .text {
        width: 100%
    }

    #project-contact .btn {
        float: none;
        margin: 20px auto 0;
    }

    #statestic {
        text-align: center
    }

        #statestic .col-md-6.statestic-text {
        }

        #statestic ul li img.icon {
            width: 55px;
            height: 55px;
            margin: 10px auto;
            display: table;
            float: none;
        }

    .counter-count {
        font-size: 27px;
    }

    #statestic ul {
        margin: 10px auto;
    }

        #statestic ul li .num {
            font-size: 27px;
        }

        #statestic ul li .text p {
            font-size: 13px;
            margin-bottom: 0;
        }

        #statestic ul li {
            text-align: center
        }

            #statestic ul li .text {
                float: none;
                margin: 0 auto;
                display: table;
            }

    .stastic-info {
        float: none;
        margin: 0 auto;
        display: table;
    }


    /*features*/
    #features { /*text-align:center*/
    }

    .features-text {
        padding: 60px 30px;
    }

    #features .sub-title {
        text-align: left;
        margin: 20px 0;
    }

    #features h3 {
        font-size: 23px
    }

    #features li {
        text-align: left
    }

        #features li::before {
            margin-right: 8px
        }

    #features .btn {
        margin: 0;
        float: none;
        display: table
    }


    /*completed projects*/
    #completed-projects .readmore {
        margin: 0 auto;
        display: table
    }

    #completed-projects .grid figure {
        overflow: hidden;
        margin: 0 auto;
        display: table;
    }

    #completed-projects .grid {
        width: auto;
        display: table
    }

    #completed-projects {
        text-align: center
    }

    .filters ul {
        flex-wrap: wrap;
        margin: 30px 0 0;
        justify-content: center;
    }

        .filters ul li {
            margin-bottom: 7px;
            margin-right: 4px;
        }

    #completed-projects .grid .col-md-4 {
        padding: 0
    }

    #completed-projects #header-title .btn {
        margin: 0 auto;
        float: none;
        display: table
    }

    #completed-projects .grid {
        width: 92% !important;
    }


    /*testimonial*/
    #testimonial .bx-wrapper {
        padding: 0 45px;
        width: 440px;
    }

    #testimonial {
        text-align: center
    }

    .testimonial-box {
        border-right: 0;
        padding: 0
    }


    /*key point*/
    #keypoint {
        text-align: center
    }

        #keypoint .col-md-6 {
            padding: 0 15px !important
        }

        #keypoint .tab-content h3 {
            font-size: 17px;
            line-height: 27px;
        }

        #keypoint .tab-content p {
            font-size: 14px;
            line-height: 26px;
        }

        #keypoint .tab-content {
            padding: 10px 30px 30px 10px;
        }

        #keypoint .tab-icon {
            height: 30px;
            float: none
        }

            #keypoint .tab-icon .icon {
                width: 25px;
            }

            #keypoint .tab-icon .icon-h {
                width: 25px;
            }

        #keypoint .tab-icon {
            margin: 0 auto;
            display: table;
        }

        #keypoint .tab-header span {
            font-size: 13px;
            line-height: 16px;
        }

        #keypoint .tab-content .row .col-lg-6:first-child {
            order: 2;
            padding-top: 30px
        }

        #keypoint .tab-content .row .col-lg-6:last-child {
            order: 1;
            padding-top: 30px
        }

        #keypoint .key-img {
            margin: 0 auto;
            display: table;
            float: none;
            width: 90%;
        }

        #keypoint .nav-tabs .nav-link {
            height: 100%
        }


    /*Quick contact*/
    #quick-contact {
        text-align: center
    }

        #quick-contact h2 {
            margin-bottom: 20px;
            width: 100%;
        }

        #quick-contact h3 {
            font-size: 20px;
        }

        #quick-contact .contact-form {
            background: #fc5a10;
            padding: 20px;
            margin-top: 0;
        }

            #quick-contact .contact-form .form-title {
                font-size: 29px;
                color: #fff;
                margin-bottom: 23px;
            }

    #quick-contact {
        height: auto
    }


    /*team*/
    #team {
        text-align: center
    }

        #team .col-md-6 {
            padding: 0 15px !important
        }

    .team-img img {
        width: 100%
    }


    /*blog*/
    #post {
        text-align: center
    }

    .blog-txt h2 {
        font-size: 17px;
        line-height: 23px;
    }

    .blog-txt {
        padding: 21px 15px 50px 15px;
    }

        .blog-txt .blog-btm {
            left: 0;
            right: 0;
        }

    #post .btn {
        margin: 0 auto;
        float: none;
    }


    /*client*/
    #client-logo ul li {
        width: 31.33%;
    }


    /*subscribe*/
    .subscribe-header .subscribe-icon {
        width: 46px;
        float: none;
        margin: 0 auto 10px;
    }

    .subscribe-header .subscribe-title {
        width: 100%;
        text-align: center;
    }

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

        .subscribe-header .subscribe-title p {
            line-height: 21px;
            margin-bottom: 13px;
            font-size: 13px;
            font-size: 13px;
        }

    .subscribe-form {
        padding: 10px
    }

        .subscribe-form .form-control {
            width: 90%;
            height: 43px
        }


    /*footer*/
    #footer-img .fimg ul li img {
        height: 100px
    }

    .follow-img {
        width: 80px
    }

    footer {
        text-align: center
    }

        footer .footer1 p {
            font-size: 14px;
            margin: 0
        }

        footer .footer1 h4 {
            margin: 0 0 16px
        }

    .footer-contact .f-icon {
        float: none;
        width: 50px;
        margin: 10px auto 15px;
        display: table
    }

    .footer-contact span {
        width: 100%
    }

    footer .footer1 .col-md-3 {
        margin-bottom: 20px;
    }

        footer .footer1 .col-md-3.footer-contact {
            margin-bottom: 0
        }

    footer .footer2 .left, footer .footer2 .right {
        float: none;
        width: 100%;
        text-align: center;
    }

    footer .footer2 .left {
        font-size: 12px;
    }

    footer .footer2 .right ul {
        text-align: center;
    }

        footer .footer2 .right ul li {
            display: inline-block;
            float: none;
        }

    footer .footer2 {
        padding: 9px 0 15px 0
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }


    /*  INNER PAGES */

    #inner-page h3 {
        font-size: 35px;
    }


    /*about page*/

    .inner-page-main-banner {
        padding: 100px 0;
    }

        .inner-page-main-banner h1 {
            font-size: 45px;
            text-align: center;
        }

        .inner-page-main-banner h2 {
            text-align: center;
            font-size: 13px;
        }

        .inner-page-main-banner p {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 15px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 1.7;
            padding: 0 15px;
            margin: 0;
        }


    #inner-about {
        text-align: center
    }

        #inner-about h3 {
            font-size: 17px;
            line-height: 25px;
        }

        #inner-about h2 {
            margin-bottom: 14px;
        }

        #inner-about p {
            font-size: 15px;
            line-height: 24px;
        }

        #inner-about .sub-text {
            margin-top: 0
        }

        #inner-about #usp {
            margin: 40px 0 0 0;
        }

        #inner-about .box {
            text-align: center;
            padding: 30px;
        }

        #inner-about .abt-main {
            padding-right: 15px;
        }

        #inner-about .abt-text {
            padding: 0 15px;
        }


    /** services page **/

    /** inner-benifit **/
    #inner-benifit .content {
        padding: 0;
        width: 100%;
    }

    #service-details h3 {
        font-size: 30px;
    }


    /** contact page  **/

    #inner-page .c-box {
        margin-bottom: 30px;
    }

    #contact-form-map .contact-form {
        margin-bottom: 40px;
        padding: 25px;
    }
}



/** 9.0 - 480 - Mobile **/
@media only screen and (min-width:480px) and (max-width:639px) {

    /*header*/
    .social ul {
        float: none;
        margin: 0
    }

    #top-header p {
        text-align: center;
    }

    .top-contact {
        float: left;
    }

        .top-contact .contact-txt span {
            font-size: 14px;
        }

    .get-quote {
        margin-top: -62px;
    }

    .top-contact ul {
        margin: 0 0 20px 0;
    }


    /*#top-header{display:none;}*/
    #top-header .row {
        display: none
    }

    .top-contact {
        display: none
    }

    #menu-toggle {
        display: block;
        float: right;
        padding: 28px 12px;
    }

    .navbar-brand {
        line-height: 48px;
        padding: 14px 0;
    }

    .navbar-header {
        width: 100%;
    }

    .caret {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    /*sticky header top padding*/
    .sticky {
        top: 22px;
    }


    /*home banner*/
    .ban-img {
        height: 216px;
        object-fit: cover;
    }

    .home-ban .ban-text {
        width: 90%;
    }

        .home-ban .ban-text h1 {
            font-size: 25px;
            line-height: 27px;
            margin: 8px 0
        }

    .carousel-control-next img, .carousel-control-prev img {
        width: 30px;
        height: 30px
    }

    .slide .carousel-control-next, .slide .carousel-control-prev {
        width: 30px
    }

    .home-ban .ban-text p {
        display: none;
        font-size: 13px
    }

    .home-ban .ban-text h4 {
        font-size: 17px;
        margin-bottom: 0
    }

    .ban-buttons {
        margin-top: 7px;
        display: inline-block;
    }

        .ban-buttons .btn {
            margin-right: 6px;
        }

    .home-ban .btn {
        font-size: 12px;
        padding: 5px 9px;
        margin-top: 0
    }

    #content .row-am {
        padding: 40px 0;
    }

    h2 {
        font-size: 26px;
        line-height: 29px;
    }

    .sub-title {
        margin: 0 auto 20px;
    }

    .btn {
        font-size: 12px;
        padding: 8px 29px;
    }


    /*home about*/
    #home-about {
        text-align: center
    }

        #home-about h3 {
            font-size: 17px;
            line-height: 25px;
        }

        #home-about h2 {
            margin-bottom: 14px;
        }

        #home-about p {
            font-size: 15px;
            line-height: 24px;
        }

    .abt-main {
        padding-right: 15px;
    }

    #home-about .abt-text {
        padding: 0 15px;
    }

    .sub-text {
        margin-top: 0
    }

    .call-info {
        margin: 0 auto;
        display: table;
        float: none;
    }

    .call-text {
        float: left; /*width:76%;*/
        text-align: left
    }

        .call-text span {
            font-size: 13px;
        }

        .call-text .num {
            font-size: 22px;
        }

    #usp {
        margin: 40px 0 0 0;
    }

    #home-about .box {
        text-align: center
    }


    /*our services*/
    #service-provider {
        text-align: center
    }

        #service-provider .service-text h3 {
            font-size: 17px;
            text-align: left;
        }

    figure.effect-sadie:hover .service-text {
        transform: translate3d(0,-95%,0) translate3d(0,-95px,0);
    }

    #service-provider .bx-wrapper {
        padding: 0 45px;
    }

    figure.effect-sadie .service-txt1 {
        text-align: left
    }


    /*project contact*/
    #content #project-contact.row-am {
        padding: 40px 0;
        text-align: center;
    }

    #project-contact .text {
        width: 100%
    }

    #project-contact .btn {
        float: none;
        margin: 20px auto 0;
    }

    #statestic {
        text-align: center
    }

        #statestic .col-md-6.statestic-text {
            padding: 40px 15px;
        }

        #statestic ul {
            margin: 10px auto;
        }

            #statestic ul li img.icon {
                width: 55px;
                height: 55px;
                margin: 10px auto;
                display: table;
                float: none;
            }

    .counter-count {
        font-size: 27px;
    }

    #statestic ul li .num {
        font-size: 27px;
    }

    #statestic ul li .text p {
        font-size: 13px;
        margin-bottom: 0;
    }

    #statestic ul li {
        text-align: center
    }

        #statestic ul li .text {
            float: none;
            margin: 0 auto;
            display: table;
        }

    .stastic-info {
        margin: 0 auto
    }


    /*features*/
    #features { /*text-align:center*/
    }

    .features-text {
        padding: 60px 30px;
    }

    #features h3 {
        font-size: 23px
    }

    #features li {
        text-align: left
    }

        #features li::before {
            margin-right: 8px
        }

    #features .btn {
        margin: 0;
    }

    #features .sub-title {
        margin: 20px 0;
    }


    /*completed projects*/
    #completed-projects .readmore {
        margin: 0 auto;
        display: table
    }

    #completed-projects .grid figure {
        overflow: hidden;
        margin: 0 auto;
        display: table;
    }

    #completed-projects .grid {
        width: auto;
        display: table
    }

    #completed-projects {
        text-align: center
    }

    .filters ul {
        flex-wrap: wrap;
        margin: 30px 0 0;
        justify-content: center;
    }

        .filters ul li {
            margin-bottom: 7px;
            margin-right: 4px;
        }

    #completed-projects .grid .col-md-4 {
        padding: 0
    }

    #completed-projects #header-title .btn {
        margin: 0 auto;
        float: none
    }

    #completed-projects .grid {
        width: 100% !important;
    }


    /*testimonial*/
    #testimonial .bx-wrapper {
        padding: 0 45px;
    }

    #testimonial {
        text-align: center
    }

    .testimonial-box {
        border-right: 0;
        padding: 0
    }

    #testimonial .btn {
        float: none
    }


    /*key point*/
    #keypoint {
        text-align: center
    }

        #keypoint .col-md-6 {
            padding: 0 15px !important
        }

        #keypoint .tab-content h3 {
            font-size: 17px;
            line-height: 27px;
        }

        #keypoint .tab-content p {
            font-size: 14px;
            line-height: 26px;
        }

        #keypoint .tab-content {
            padding: 10px 30px 30px 10px;
        }

        #keypoint .tab-icon {
            height: 30px;
            float: none
        }

            #keypoint .tab-icon .icon {
                width: 25px;
            }

            #keypoint .tab-icon .icon-h {
                width: 25px;
            }

        #keypoint .tab-icon {
            margin: 0 auto;
            display: table;
        }

        #keypoint .tab-header span {
            font-size: 13px;
            line-height: 16px;
        }

        #keypoint .tab-content .row .col-lg-6:first-child {
            order: 2;
            padding-top: 30px
        }

        #keypoint .tab-content .row .col-lg-6:last-child {
            order: 1;
            padding-top: 30px
        }

        #keypoint .key-img {
            margin: 0 auto;
            display: table;
            float: none;
            width: 90%;
        }

        #keypoint .nav-tabs .nav-link {
            height: 100%
        }


    /*Quick contact*/
    #quick-contact {
        text-align: center
    }

        #quick-contact h2 {
            margin-bottom: 20px;
            font-size: 26px;
            width: 100%;
        }

        #quick-contact h3 {
            font-size: 20px;
        }

        #quick-contact .contact-form {
            background: #fc5a10;
            padding: 20px;
            margin-top: 0;
        }

            #quick-contact .contact-form .form-title {
                font-size: 26px;
                color: #fff;
                margin-bottom: 23px;
            }

    #quick-contact {
        height: auto
    }


    /*team*/
    #team {
        text-align: center
    }

        #team .col-md-6 {
            padding: 0 15px !important
        }

    .team-img img {
        width: 100%
    }


    /*blog*/
    #post {
        text-align: center
    }

    .blog-txt h2 {
        font-size: 17px;
        line-height: 23px;
    }

    .blog-txt {
        padding: 21px 15px 50px 15px;
    }

        .blog-txt .blog-btm {
            left: 0;
            right: 0;
        }

    #post .btn {
        margin: 0 auto;
        float: none
    }


    /*client*/
    #client-logo ul li {
        width: 31.33%;
    }


    /*subscribe*/
    .subscribe-header .subscribe-icon {
        width: 46px;
        float: none;
        margin: 0 auto 10px;
    }

    .subscribe-header .subscribe-title {
        width: 100%;
        text-align: center;
    }

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

        .subscribe-header .subscribe-title p {
            line-height: 21px;
            margin-bottom: 13px;
            font-size: 13px;
            font-size: 13px;
        }

    .subscribe-form {
        padding: 10px
    }

        .subscribe-form .form-control {
            width: 90%;
            height: 42px
        }

    .subscribe-btn {
        width: 10%
    }

    #footer-img .fimg ul li img {
        height: 100px
    }

    .follow-img {
        width: 80px
    }


    /*footer*/
    footer {
        text-align: center
    }

        footer .footer1 p {
            font-size: 14px;
            margin: 0
        }

        footer .footer1 h4 {
            margin: 0 0 16px
        }

    .footer-contact .f-icon {
        float: none;
        width: 50px;
        margin: 10px auto 15px;
        display: table
    }

    .footer-contact span {
        width: 100%
    }

    footer .footer1 .col-md-3 {
        margin-bottom: 20px;
    }

        footer .footer1 .col-md-3.footer-contact {
            margin-bottom: 0
        }

    footer .footer2 .left, footer .footer2 .right {
        float: none;
        width: 100%;
        text-align: center;
    }

    footer .footer2 .left {
        font-size: 12px;
    }

    footer .footer2 .right ul {
        text-align: center;
    }

        footer .footer2 .right ul li {
            display: inline-block;
            float: none;
        }

    footer .footer2 {
        padding: 9px 0 15px 0
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }


    /*  INNER PAGES */

    #inner-page h3 {
        font-size: 25px;
    }

    /*about page*/

    .inner-page-main-banner {
        padding: 100px 0;
    }

        .inner-page-main-banner h1 {
            font-size: 35px;
            text-align: center;
        }

        .inner-page-main-banner h2 {
            text-align: center;
            font-size: 13px;
        }

        .inner-page-main-banner p {
            text-align: center;
            padding-left: 15px;
            padding: 0 15px;
        }

    #inner-about {
        text-align: center
    }

        #inner-about h3 {
            font-size: 17px;
            line-height: 25px;
        }

        #inner-about h2 {
            margin-bottom: 14px;
        }

        #inner-about p {
            font-size: 15px;
            line-height: 24px;
        }

        #inner-about .abt-main {
            padding-right: 15px;
        }

        #inner-about .abt-text {
            padding: 0 15px;
        }

        #inner-about .sub-text {
            margin-top: 0
        }

        #inner-about #usp {
            margin: 40px 0 0 0;
        }

        #inner-about .box {
            text-align: center;
            padding: 30px;
        }

    /** services page **/

    /** inner-benifit **/
    #inner-benifit .content {
        padding: 0;
        width: 100%;
    }

    #service-details h3 {
        font-size: 25px;
    }


    /** contact page  **/

    #inner-page .c-box {
        margin-bottom: 30px;
    }

    #contact-form-map .contact-form {
        margin-bottom: 40px;
        padding: 25px;
    }
}



/** 10.0 - 320 - Mobile **/
@media only screen and (min-width:320px) and (max-width:479px) {

    /*header*/
    .social ul {
        float: none;
        margin: 0
    }

    #top-header p {
        text-align: center;
    }

    .top-contact {
        float: left;
    }

        .top-contact .contact-txt span {
            font-size: 14px;
        }

    .get-quote {
        margin-top: -62px;
    }

    .top-contact ul {
        margin: 0 0 20px 0;
    }


    /*#top-header{display:none;}*/
    .top-contact {
        display: none
    }

    #top-header .row {
        display: none
    }

    #menu-toggle {
        display: block;
        float: right;
        padding: 28px 12px;
    }

    .navbar-brand {
        line-height: 48px;
        padding: 14px 0;
    }

    .navbar-header {
        width: 100%;
    }

    .caret {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    /*sticky header top padding*/
    .sticky {
        top: 22px;
    }


    /*home banner*/
    .ban-img {
        height: 160px;
        object-fit: cover;
    }

    .home-ban .ban-text {
        width: 90%;
        top: 50%
    }

        .home-ban .ban-text h1 {
            font-size: 21px;
            line-height: 26px;
        }

    .carousel-control-next img, .carousel-control-prev img {
        width: 30px;
        height: 30px
    }

    .slide .carousel-control-next, .slide .carousel-control-prev {
        width: 30px
    }

    .home-ban .ban-text p {
        display: none;
        font-size: 13px
    }

    .home-ban .ban-text h4 {
        font-size: 17px;
        margin-bottom: 0
    }

    .ban-buttons {
        margin-top: 7px;
        display: inline-block;
    }

        .ban-buttons .btn {
            margin-right: 6px;
        }

    .home-ban .btn {
        font-size: 12px;
        padding: 5px 9px;
        margin-top: 0
    }

    #content .row-am {
        padding: 40px 0;
    }

    h2 {
        font-size: 26px;
        line-height: 29px;
    }

    .sub-title {
        margin: 0 auto 20px;
    }

    .btn {
        font-size: 12px;
        padding: 8px 29px;
    }


    /*home about*/
    #home-about {
        /* text-align: center */
    }

        #home-about h3 {
            font-size: 17px;
            line-height: 25px;
        }

        #home-about h2 {
            margin-bottom: 14px;
        }

        #home-about p {
            font-size: 15px;
            line-height: 24px;
        }

    .abt-main {
        padding-right: 15px;
    }

    #home-about .abt-text {
        padding: 0 15px;
    }

    .sub-text {
        margin-top: 0
    }

    .call-info {
        margin: 0 auto;
        display: table;
        float: none;
    }

    .call-text {
        float: left; /*width:76%;*/
        text-align: left
    }

        .call-text span {
            font-size: 13px;
        }

        .call-text .num {
            font-size: 22px;
        }

    #usp {
        margin: 40px 0 0 0;
    }

    #home-about .box {
        text-align: center
    }


    /*our services*/
    #service-provider {
        text-align: center
    }

        #service-provider .service-text h3 {
            font-size: 17px;
        }

    figure.effect-sadie:hover .service-text {
        transform: translate3d(0,-95%,0) translate3d(0,-95px,0);
    }

    figure.effect-sadie .service-txt1 {
        text-align: left
    }


    /*project contact*/
    #content #project-contact.row-am {
        padding: 40px 0;
        text-align: center;
    }

    #project-contact .text {
        width: 100%
    }

    #project-contact .btn {
        float: none;
        margin: 0px auto 20px;
    }

    #statestic {
        text-align: center
    }

        #statestic .col-md-6.statestic-text {
            padding: 40px 15px;
        }

        #statestic ul {
            margin: 10px auto;
        }

            #statestic ul li img.icon {
                width: 55px;
                height: 55px;
                margin: 10px auto;
                display: table;
                float: none;
            }

    .counter-count {
        font-size: 27px;
    }

    #statestic ul li .num {
        font-size: 27px;
    }

    #statestic ul li .text p {
        font-size: 13px;
        margin-bottom: 0;
    }

    #statestic ul li {
        text-align: center
    }

        #statestic ul li .text {
            float: none;
            margin: 0 auto;
            display: table;
        }


    /*features*/
    #features { /*text-align:center*/
    }

    .features-text {
        padding: 30px 30px;
    }

    #features .sub-title {
        margin: 20px 0;
    }

    #features .btn {
        margin: 0;
    }

    #features h3 {
        font-size: 23px
    }

    #features li {
        text-align: left
    }

        #features li::before {
            margin-right: 8px
        }

    #completed-projects .readmore {
        margin: 0 auto;
        display: table
    }


    /*completed projects*/
    #completed-projects {
        text-align: center
    }

    .filters ul {
        flex-wrap: wrap;
        margin: 30px 0 0;
        justify-content: center;
    }

        .filters ul li {
            margin-bottom: 7px;
            margin-right: 4px;
        }

    #completed-projects .grid .col-md-4 {
        padding: 0;
        min-height: 360px
    }

    #completed-projects #header-title .btn {
        float: none;
    }


    /*testimonial*/
    #testimonial {
        text-align: center
    }

    .testimonial-box {
        border-right: 0;
        padding: 0
    }

    #testimonial .btn {
        float: none
    }


    /*key point*/
    #keypoint {
        text-align: center
    }

        #keypoint .col-md-6 {
            padding: 0 15px !important
        }

        #keypoint .tab-content h3 {
            font-size: 17px;
            line-height: 27px;
        }

        #keypoint .tab-content p {
            font-size: 14px;
            line-height: 26px;
        }

        #keypoint .tab-content {
            padding: 10px 30px 30px 10px;
        }

        #keypoint .tab-icon {
            height: 30px;
            float: none
        }

            #keypoint .tab-icon .icon {
                width: 25px;
            }

            #keypoint .tab-icon .icon-h {
                width: 25px;
            }

        #keypoint .tab-icon {
            margin: 0 auto;
            display: table;
        }

        #keypoint .tab-header span {
            font-size: 13px;
            line-height: 16px;
        }

        #keypoint .tab-content .row .col-lg-6:first-child {
            order: 2;
            padding-top: 30px
        }

        #keypoint .tab-content .row .col-lg-6:last-child {
            order: 1;
            padding-top: 30px
        }

        #keypoint .key-img {
            margin: 0 auto;
            display: table;
            float: none;
            width: 90%;
        }

        #keypoint .nav-tabs .nav-link {
            height: 100%
        }


    /*Quick contact*/
    #quick-contact {
        text-align: center
    }

        #quick-contact h2 {
            margin-bottom: 20px;
            font-size: 26px;
            width: 100%;
        }

        #quick-contact h3 {
            font-size: 20px;
        }

        #quick-contact .contact-form {
            background: #fc5a10;
            padding: 20px;
            margin-top: 0;
        }

            #quick-contact .contact-form .form-title {
                font-size: 26px;
                color: #fff;
                margin-bottom: 23px;
            }

    #quick-contact {
        height: auto
    }


    /*team*/
    #team {
        text-align: center
    }

        #team .col-md-6 {
            padding: 0 15px !important
        }

    .team-img img {
        width: 100%
    }


    /*blog*/
    #post {
        text-align: center
    }

    .blog-txt h2 {
        font-size: 17px;
        line-height: 23px;
    }

    .blog-txt {
        padding: 21px 15px 50px 15px;
    }

        .blog-txt .blog-btm {
            left: 0;
            right: 0;
        }

    #post .btn {
        float: none
    }


    /*client*/
    #client-logo ul li {
        width: 31.33%;
    }


    /*subscribe*/
    .subscribe-header .subscribe-icon {
        width: 46px;
        float: none;
        margin: 0 auto 10px;
    }

    .subscribe-header .subscribe-title {
        width: 100%;
        text-align: center;
    }

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

        .subscribe-header .subscribe-title p {
            line-height: 21px;
            margin-bottom: 13px;
            font-size: 13px;
            font-size: 13px;
        }

    .subscribe-form {
        padding: 10px
    }

        .subscribe-form .form-control {
            width: 87%;
            height: 42px
        }

    .subscribe-btn {
        width: 13%;
        height: 42px
    }

        .subscribe-btn img {
            width: 100%
        }


    /*footer*/
    #footer-img .fimg ul li img {
        height: 100px
    }

    .follow-img {
        width: 80px;
        top: 9%;
    }

    footer {
        text-align: center
    }

        footer .footer1 p {
            font-size: 14px;
            margin: 0
        }

        footer .footer1 h4 {
            margin: 0 0 16px
        }

    .footer-contact .f-icon {
        float: none;
        width: 50px;
        margin: 10px auto 15px;
        display: table
    }

    .footer-contact span {
        width: 100%
    }

    footer .footer1 {
        padding: 50px 0 50px 0;
    }

        footer .footer1 .col-md-3 {
            margin-bottom: 20px;
        }

            footer .footer1 .col-md-3.footer-contact {
                margin-bottom: 0
            }

    footer .footer2 .left, footer .footer2 .right {
        float: none;
        width: 100%;
        text-align: center;
    }

    footer .footer2 .left {
        font-size: 12px;
    }

    footer .footer2 .right ul {
        text-align: center;
    }

        footer .footer2 .right ul li {
            display: inline-block;
            float: none;
        }

    footer .footer2 {
        padding: 9px 0 15px 0
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }


    /* INNER PAGE */

    #inner-page h3 {
        font-size: 25px;
    }

    /*about page*/

    .inner-page-main-banner {
        padding: 70px 0;
    }

        .inner-page-main-banner h1 {
            font-size: 30px;
            text-align: center;
        }

        .inner-page-main-banner h2 {
            text-align: center;
            font-size: 13px;
        }

        .inner-page-main-banner p {
            text-align: center;
            padding: 0 15px;
        }

    #inner-about {
        text-align: center
    }

        #inner-about h3 {
            font-size: 17px;
            line-height: 25px;
        }

        #inner-about h2 {
            margin-bottom: 14px;
        }

        #inner-about p {
            font-size: 15px;
            line-height: 24px;
        }

        #inner-about .abt-main {
            padding-right: 15px;
        }

        #inner-about .abt-text {
            padding: 0 15px;
        }

        #inner-about .sub-text {
            margin-top: 0
        }

        #inner-about #usp {
            margin: 40px 0 0 0;
        }

        #inner-about .box {
            text-align: center;
            padding: 30px;
        }


    /** services page **/

    /** inner-benifit **/
    #inner-benifit .content {
        padding: 0;
        width: 100%;
    }


    /** contact page  **/

    #inner-page .c-box {
        margin-bottom: 30px;
    }

    #contact-form-map .contact-form {
        margin-bottom: 40px;
        padding: 25px;
    }
}