@media(max-width: 1200px)
{
    .navbar-header
    {
        float: none;
    }
    .navbar-left, .navbar-right
    {
        float: none!important;
    }
    .navbar-toggle
    {
        display: block;
    }
    .navbar-collapse
    {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    }
    .navbar-fixed-top
    {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse
    {
        display: none!important;
    }
    .navbar-nav
    {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li
    {
        float: none;
    }
    .navbar-nav>li>a
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in
    {
        display: block!important;
        background: #333;
        padding-bottom: 30px;
    }
    .collapse.in ul
    {
        margin: 0;
    }
    header nav.navbar .navbar-morki.collapse.in ul.nav li.nav-download-btn a
    {
        background: #ef494d;
        color: #fff;
    }
    .navbar-default .navbar-toggle
    {
        border: 0 none;
        transition: .3s ease;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
    {
        background: #fff;
    }
    .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar
    {
        background-color: #ef494d;
    }
    .navbar-default .navbar-toggle .icon-bar
    {
        background-color: #fff;
    }
}/* Tablet Layout: 768px */
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .intro
    {
        min-height: 600px;
    }
    .intro .intro-info .intro-info-content h1
    {
        font-size: 35px;
        line-height: 50px;
    }
    .intro .intro-info .intro-info-content ul li a
    {
        padding: 10px 25px;
    }
    .intro .intro-info, .intro .intro-image
    {
        height: 500px;
    }
    .intro .intro-image .intro-image-content
    {
        margin-top: 50px;
        position: static;
        top: auto;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .services
    {
        padding-bottom: 70px;
    }
    .services .service-box
    {
        margin-bottom: 50px;
    }
    .about-app .app-info
    {
        margin-top: 0;
    }
    .app-features .features-left
    {
        padding-bottom: 80px;
    }
    .price-table
    {
        padding-bottom: 70px;
    }
    .price-table .price-table-wrapper
    {
        margin-bottom: 50px;
    }
    .blog .blog-single figure figcaption ul.post-meta
    {
        position: static;
        text-align: center;
        top: 0;
    }
    .blog .blog-single figure figcaption ul.post-meta li:last-child
    {
        float: none;
    }
    .contact .contact-details ul.contact-social li
    {
        padding-bottom: 15px;
    }
    footer p
    {
        text-align: center;
        margin-bottom: 10px;
    }
    footer .footer-bottom-menu ul
    {
        text-align: center;
    }
    .blog-wrapper .blog-content .blog-single .blog-thumb figure figcaption
    {
        min-height: 100px;
        min-width: 100px;
    }
}/* Mobile Layout: 320px */
@media only screen and (max-width: 767px)
{
    .intro .intro-info
    {
        height: 500px;
    }
    .intro.intro-style2
    {
        height: 1000px;
    }
    .intro .intro-info .intro-info-content h1
    {
        font-size: 25px;
        line-height: 45px;
        margin-top: 100px;
    }
    .intro .intro-info .intro-info-content ul li
    {
        margin-bottom: 15px;
        margin-right: 15px;
    }
    .intro .intro-info .intro-info-content ul li a
    {
        padding: 10px 30px;
    }
    .intro .intro-info .intro-info-content
    {
        padding: 0 30px;
    }
    .intro .intro-image .intro-image-content
    {
        -ms-transform: translateY(-60%);
        transform: translateY(-60%);
        padding: 0 30px;
    }
    .services
    {
        padding-bottom: 90px;
    }
    .services .service-box
    {
        margin-bottom: 30px;
    }
    .about-app .app-info
    {
        margin-top: 0;
        margin-bottom: 50px;
    }
    .app-features .features-left
    {
        padding-top: 0;
        padding-bottom: 80px;
    }
    .gallery-info
    {
        margin-bottom: 50px;
    }
    .counters
    {
        padding-bottom: 40px;
    }
    .counter-box
    {
        margin-bottom: 80px;
    }
    .price-table
    {
        padding-bottom: 70px;
    }
    .price-table .price-table-wrapper
    {
        margin-bottom: 50px;
    }
    .faqs .col-sm-6:last-child
    {
        margin-top: 50px;
    }
    .blog
    {
        padding-bottom: 70px;
    }
    .blog-single
    {
        margin-bottom: 50px;
    }
    .clients-logo
    {
        padding-bottom: 50px;
    }
    .clients-logo .col-xs-6
    {
        margin-bottom: 50px;
        text-align: center;
    }
    .clients-logo .col-xs-6 img
    {
        display: inline;
    }
    .contact-details
    {
        margin-top: 50px;
    }
    footer p
    {
        text-align: center;
        margin-bottom: 15px;
    }
    footer .footer-bottom-menu ul
    {
        text-align: center;
    }
    footer p#back-top
    {
        right: 15px;
    }
    .download-app ul li
    {
        margin-bottom: 20px;
    }
    .change-log .changelog-timeline .timeline-single .content-left
    {
        padding-right: 35px;
    }
    .change-log .changelog-timeline .timeline-single .content-right
    {
        padding-left: 35px;
    }
    .newsletter form
    {
        width: 100%;
    }
    .get-notified form
    {
        width: 100%;
    }
    .intro-style3 .intro-image
    {
        height: 480px;
    }
    .intro-style3 .intro-image .intro-image-content
    {
        -ms-transform: translateY(0);
        transform: translateY(0);
        position: static;
    }
    .blog-sidebar
    {
        margin-top: 100px;
    }
    .pages-header .page-header-inner
    {
        overflow: hidden;
    }
    .shop-wrapper .single-product figure
    {
        text-align: center;
    }
    .shop-wrapper .single-product figure img
    {
        display: inline-block;
    }
    .about-app2::before
    {
        content: none;
    }
    .about-app2
    {
        background: #ef494d;
    }
    .about-app2 .app-info
    {
        margin-top: 50px;
    }
    .intro .intro-image .intro-image-content
    {
        position: static;
        transform: translateY(20%);
    }
}/* Wide Mobile Layout: 480px */