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

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

/* banner section */

.slider-discripton p {
    width: 52%;
}


}


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

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

/* demo menu */

.demo-header-area {
    padding: 30px 0;
}

.demo-menu {
    display: none;
}

.demo-btn {
    display: none;
}

.sidebar-menu {
    display: inherit;
}

/* banner section*/

.banner-section {
    margin-top: -110px;
}

.slider-discripton p {
    width: 58%;
}

.demo-item-btn {
    left: 35%;
}

}
  


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

.mobile-menu-area {
    display: inherit;
}

.sidebar-menu {
    display: inherit;
}

/* demo menu */

.header-logo {
    margin-top: 24px;
}

.demo-menu {
    display: none;
}

.demo-btn {
    display: none;
}

/* banner section*/

.banner-section {
    margin-top: -164px;
}

.slider-main-title h1 {
    font-size: 40px;
}

.slider-discripton p {
    width: 75%;
}

/* demo area */

.demos-area {
    padding: 0 0 36px;
}

/* feature area */

.feature-area {
    padding: 68px 0 42px;
}

/* inner-page area */

.inner-page-area {
    padding: 58px 0 36px;
}

/* footer area */

.footer-area {
    padding: 71px 0 72px;
}


.footer-widget-content h2 {
    font-size: 70px;
}


}


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

    .mobile-menu-area {
        display: inherit;
    }
    
    .sidebar-menu {
        display: inherit;
    }
    
    /* demo menu */
    
    .header-logo {
        margin-top: 24px;
    }
    
    .demo-menu {
        display: none;
    }
    
    .demo-btn {
        display: none;
    }
    
    /* banner section*/
    
    .banner-section {
        margin-top: -164px;
        height: 800px;
    }
    
    .slider-main-title h1 {
        font-size: 31px;
        line-height: 45px;
    }

    .slider-discripton p {
        width: 75%;
    }
    
    /* demo area */
    
    .demos-area {
        padding: 0 0 36px;
        margin-top: -150px;
    }

    .demo-item-btn {
        left: 36%;
    }
    
    /* feature area */
    
    .feature-area {
        padding: 68px 0 42px;
    }
    
    /* inner-page area */
    
    .inner-page-area {
        padding: 58px 0 36px;
    }
    
    /* footer area */

    .footer-area {
        padding: 71px 0 72px;
    }

    .footer-widget-content h4 {
        font-size: 16px;
        letter-spacing: 1px;
    }
    
    .footer-widget-content h2 {
        font-size: 50px;
    }

}


/* small mobile :575px. */
@media only screen and (min-width: 575px) and (max-width: 599px) {
    
   .mobile-menu-area {
        display: inherit;
    }
    
    .sidebar-menu {
        display: inherit;
    }
    
    /* demo menu */
    
    .header-logo {
        margin-top: 24px;
    }
    
    .demo-menu {
        display: none;
    }
    
    .demo-btn {
        display: none;
    }
    
    /* banner section*/
    
    .banner-section {
        margin-top: -164px;
        height: 800px;
    }
    
    .slider-main-title h1 {
        font-size: 31px;
        line-height: 45px;
    }

    .slider-discripton p {
        width: 93%;
        font-size: 16px;
    }

    /* demo area */
    
    .demos-area {
        padding: 0 0 36px;
        margin-top: -150px;
    }
    
    .demo-item-btn {
        left: 36%;
    }
    
    /* feature area */
    
    .feature-area {
        padding: 68px 0 42px;
    }
    
    /* inner-page area */
    
    .inner-page-area {
        padding: 58px 0 36px;
    }
    
    /* footer area */

    .footer-area {
        padding: 71px 0 72px;
    }

    .footer-widget-content h4 {
        font-size: 16px;
        letter-spacing: 1px;
    }
    
    .footer-widget-content h2 {
        font-size: 50px;
    }



}

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

   .mobile-menu-area {
        display: inherit;
    }
    
    .sidebar-menu {
        display: inherit;
    }
    
    /* demo menu */
    
    .header-logo {
        margin-top: 24px;
    }
    
    .demo-menu {
        display: none;
    }
    
    .demo-btn {
        display: none;
    }
    
    /* banner section*/
    
    .banner-section {
        margin-top: -164px;
        height: 800px;
    }
    
    .slider-main-title h1 {
        font-size: 26px;
        line-height: 45px;
    }

    .slider-discripton p {
        width: 93%;
        font-size: 16px;
        font-weight: 400;
    }
    
    /* demo area */
    
    .demos-area {
        padding: 0 0 36px;
        margin-top: -150px;
    }
    
    .demo-item-btn {
        left: 36%;
    }
    
    /* feature area */
    
    .feature-area {
        padding: 68px 0 42px;
    }
    
    /* inner-page area */
    
    .inner-page-area {
        padding: 58px 0 36px;
    }
    
    /* footer area */

    .footer-area {
        padding: 71px 0 72px;
    }

    .footer-widget-content h4 {
        font-size: 16px;
        letter-spacing: 0px;
    }
    
    .footer-widget-content h2 {
        font-size: 46px;
    }

    .footer-widget-content a {
        font-size: 20px;
        padding: 16px 51px;
    }



}


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

    .mobile-menu-area {
        display: inherit;
    }
    
    .sidebar-menu {
        display: inherit;
    }
    
    /* demo menu */
    
    .header-logo {
        margin-top: 24px;
    }
    
    .demo-menu {
        display: none;
    }
    
    .demo-btn {
        display: none;
    }
    
    /* banner section*/
    
    .banner-section {
        margin-top: -164px;
        height: 800px;
    }
    
    .slider-main-title h1 {
        font-size: 26px;
        line-height: 42px;
    }

    .slider-discripton p {
        width: 100%;
        font-size: 16px;
        font-weight: 400;
    }
    
    /* demo area */
    
    .demos-area {
        padding: 0 0 36px;
        margin-top: -150px;
    }
    
    .demo-item-btn {
        left: 25%;
    }
    
    /* feature area */
    
    .feature-area {
        padding: 68px 0 42px;
    }

    .section-main-title h2 {
        font-size:28px;
    }
    
    /* inner-page area */
    
    .inner-page-area {
        padding: 58px 0 36px;
    }
    
    /* footer area */

    .footer-area {
        padding: 71px 0 72px;
    }

    .footer-widget-content h4 {
        font-size: 16px;
        letter-spacing: 0px;
        margin-bottom: 20px;
    }
    
    .footer-widget-content h2 {
        font-size: 31px;
        margin-bottom: 25px;
    }
    
    .footer-widget-content a {
        font-size: 18px;
        padding: 14px 42px;
    }



    

}