/*======================================================================================================================
                                                            tab
======================================================================================================================*/
@media (min-width: 768px) and (max-width: 1366px) {
    header {
        position: sticky;
        transition: transform 0.3s ease-in;
    }

    header.sticky {
        transform: translateY(-42px);
    }

    header:not(.sticky) {
        transform: translateY(0);
    }
}

/*======================================================================================================================
                                                           Mobile
======================================================================================================================*/
@media (max-width:767px) {
    header {
        position: fixed;
        top: 0;
        width: 100%;
    }

    .navbar-default .navbar-brand img {
        height: 26px;
    }

    .navbar-toggle {
        height: 40px;
        width: 40px;
        background: #e32c2e;
        color: #fff;
        border: none;
        padding: 0;
        line-height: 40px;
        text-align: center;
        font-size: 30px;
    }

    .navbar-toggle:focus,
    .navbar-toggle:hover {
        background: #e32c2e !important;
        color: #fff !important;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 7px 15px;
    }

    .home-section1 {
        margin-top: -56px;
        padding-top: 56px;
        height: auto;
    }

    .home-section1 .items {
        height: 350px;
        margin-top: 56px
    }

    .home-section1 .items .section1-cont h1 {
        font-size: 40px !important;
    }

    .home-section1 .items .section1-cont h5 {
        font-size: 16px;
    }

    .home-section1 .items .section1-cont a {
        margin-top: 20px;
        font-size: 16px;
    }

    .home-section2 {
        background: #fff !important;
    }

    .home-section2 .about-tt-studio {
        padding: 20px 0;
    }

    .home-section2 .about-tt-studio h2 {
        font-size: 18px;
    }

    .home-section2 .about-tt-studio p {
        font-size: 15px;
    }

    .home-section3 .section3-cont .load-more-btn-holder a {
        font-size: 16px;
    }

    .home-section4 .meet-team h2 {
        font-size: 25px;
    }

    .home-section4 .meet-team .items a .team-member-image img {
        width: 100%;
        height: auto;
    }

    .common-section1 {
        height: 400px;
        padding-top: 56px;
        margin-top: -56px;
    }

    .common-section1 .inner-section1-cont-holder {
        height: calc(400px - 56px);
        padding-top: 56px;
    }

    .common-section1 .inner-section1-cont-holder h1 {
        font-size: 26px;
        padding: 10px 20px;
    }

    .contact-page-holder .contact-form:after {
        display: none;
    }

    .contact-page-holder .contact-form .form-holder h4 {
        color: #fff;
        margin-bottom: 15px;
        font-size: 20px;
    }

    .contact-page-holder .contact-form .contact-info h2 {
        font-size: 26px;
    }

    h2.page-main-heading {
        font-size: 20px;
    }

    .inner-page-holder h3 {
        font-size: 18px;
    }

    .inner-page-holder h4 {
        font-size: 18px;
    }

    .common-footer-box {
        margin-bottom: 30px;
    }

    .footer .common-footer-box h4 {
        margin-bottom: 10px;
    }

    .footer .common-footer-box .read-more {
        margin-top: 10px;
    }

    .footer .common-footer-box form button {
        width: 100%;
    }

    .footer-copyright p {
        text-align: center;
        padding-bottom: 0;
    }

    .footer-copyright ul {
        text-align: center;
    }
}

@media handheld,
only screen and (max-width: 414px) {

    .home_banner_form {

        position: relative !important;
        top: 0px !important;
        left: 0px !important;
        margin: 0px auto !important;
    }

    .popular_points ul li {

        width: 100% !important;
    }

    .banner {

        margin-top: 55px;
    }



    .work-common {

        text-align: center !important;
    }

    .Why_choose_points {

        height: auto !important;
        margin-bottom: 10px !important;
    }

    .popular_points ul {

        padding-left: 0px !important;
    }

    .popular_points ul li {

        height: auto !important;
        text-align: center !important;


    }


    .share-it {

        min-height: 160px !important;
    }

}