﻿@media screen and (max-width:767px)
{
    #q-notes
    {
        display: none !important;
    }

    .navbar-fixed-top
    {
        position: relative;
    }

    .container
    {
        margin-top: 0;
    }
}

@media screen and (max-width:640px)
{
    .post .post-info .post-author, .post .post-info .post-comment-link, .archive-page .rating, .archive-page .comments, .navigation-posts
    {
        display: none;
    }

    .widgets-footer .widget
    {
        margin: 0;
        float: none;
        width: 100%;
    }

    .footer .end-line
    {
        line-height: 25px;
        padding: 10px 0px;
    }

    .navbar-brand
    {
        float: none;
    }

    .blog-top-menu
    {
        text-align: center;
        margin: 10px 0;
    }

    .blog-top-menu ul li
    {
        display: block;
        margin-bottom: 4px;
    }

    .navbar-fixed-top
    {
        position: relative;
    }

    .container
    {
        margin-top: 0;
    }
}

@media screen and (max-width:480px)
{
    .header .pull-right,
    .header .pull-left
    {
        float: none !important;
    }

    .header
    {
        text-align: center;
        margin-bottom: 15px;
    }

    .footer .widgets-footer .widget
    {
        float: none !important;
        width: 100%;
        margin-bottom: 15px;
    }

    .footer .widgets-footer .widget .widget-header
    {
        line-height: 40px;
        margin: 0;
        padding: 0 7px;
        background-color: #eee;
    }

    .comment-gravatar
    {
        display: none;
    }

    .navbar-fixed-top
    {
        position: relative;
    }

    .footer .sep-1
    {
        display: block;
        height: 0;
        font-size: 0;
        line-height: 0;
    }

    .container
    {
        margin-top: 0;
    }
}

@media screen and (max-width:479px)
{
    .main-search
    {
        display: none;
    }

    .main-bar .pull-left,
    .main-bar .pull-right
    {
        float: none !important;
    }

    .main-bar .nav-header
    {
        text-align: center;
    }

    .navbar-fixed-top
    {
        position: relative;
    }

    .container
    {
        margin-top: 0;
    }
}

@media screen and (max-width:360px)
{
    .slides-wrapper, #relatedPosts, .post-line-footer-related, #commentMenu, .post-footer
    {
        display: none;
    }

    .widgets-footer
    {
        display: none;
    }

    .navbar-fixed-top
    {
        position: relative;
    }

    .container
    {
        margin-top: 0;
    }
}

@media screen and (max-width:359px)
{
    .nav-header li a
    {
        font-size: 12px;
    }

    .navbar-fixed-top
    {
        position: relative;
    }

    .container
    {
        margin-top: 0;
    }
}

/* Custom */
@media only screen and (max-width: 1300px)
{
    .main-footer .contact-widget .social-links
    {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
    }
}

@media only screen and (max-width: 1140px)
{
    .main-header .header-lower .logo
    {
        margin-top: 0;
        width: 25%;
    }

    .fixed-header .header-lower
    {
        position: inherit;
    }



    .get-quote .column .image
    {
        position: relative;
    }

    .get-quote .column .image img
    {
        display: block;
        max-width: 100%;
    }

    .navbar-fixed-top
    {
        position: relative;
    }

    .container
    {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1023px)
{
    .main-footer .contact-widget
    {
        padding-right: 10px;
    }

    ul.call-action-btn li
    {
        margin-left: 0;
    }

    .call-action-btn
    {
        top: -60px;
    }

    .footer-bottom
    {
        margin-bottom: 0;
    }

    .why-us-section .bg-grey
    {
        display: none;
    }

    .why-us-section .bg-image
    {
        position: relative;
        display: none;
    }

    .blog-section .review-box .review-content br
    {
        display: none;
    }

    .download-instructions .bg-image
    {
        width: 65%;
    }

    .navbar-fixed-top
    {
        position: relative;
    }

    .container
    {
        margin-top: 0;
    }
}

@media only screen and (max-width: 991px)
{
    .sm-text-center
    {
        text-align: center;
    }

    .sm-d-ib
    {
        display: inline-block;
    }

    .sm-width5-center
    {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
    }

    .pricing-table
    {
        display: inline-block;
        margin-bottom: 30px;
        width: 100%;
    }

    .pricing-table .pricing-header .thumb img
    {
        width: 100%;
    }

    .navbar-fixed-top
    {
        position: relative;
    }

    .container
    {
        margin-top: 0;
    }
}


@media only screen and (width:768px)
{

    .call-action-img
    {
        top: -78px;
        right: -10px;
    }

    .call-action-caption
    {
        font-size: 13px;
    }

    ul.call-action-btn li
    {
        margin-left: 0;
        width: 30%;
    }

    .call-action .col-sm-4
    {
        width: 30%;
    }

    .call-action-caption
    {
        margin-left: 20px;
    }


    .call-action-btn
    {
        top: -35px;
    }
}

@media only screen and (max-width: 767px)
{

    .header-lower .outer-box
    {
        padding-right: 0px;
    }

    .header-lower .outer-box .search-box-btn
    {
        display: none;
    }

    .main-header .header-lower .logo
    {
        margin-top: 0px;
        width: auto;
    }

    .main-header .header-lower .cart-box-btn
    {
        top: 10px;
    }

    .main-footer .footer-bg-layer,
    .main-footer:after
    {
        display: none;
    }

    .main-footer .about-widget .des-text .logo-image
    {
        position: relative;
    }

    .main-footer .about-widget .des-text
    {
        padding-left: 0px;
    }

    .main-slider h2,
    .why-us-section .block .number,
    .page-title h1
    {
        font-size: 34px;
    }

    .why-us-section .block
    {
        padding-left: 50px;
    }

    .main-header .header-top ul li
    {
        margin-left: 0px;
        /* margin-right:12px; */
    }

    .featured-three-column
    {
        margin-top: 0px !important;
        padding-top: 70px;
    }

    .main-footer .footer-upper .column
    {
        width: 100%;
    }

    .login-form-wrapper
    {
        text-align: center;
    }

    .login-form-wrapper .forgot-password
    {
        text-align: center;
    }
}

@media only screen and (max-width: 599px)
{
    .main-header .header-lower .logo::after
    {
        display: none;
    }

    .about-section .lower-content .content-box
    {
        padding: 40px 20px;
    }

    .sidebar-section .comments-area .reply-comment
    {
        margin-left: 0px;
    }

    .page-wrapper
    {
        overflow: hidden;
    }

    .navbar-fixed-top
    {
        position: relative;
    }
}

@media only screen and (max-width: 479px)
{


    .main-header .header-lower .logo
    {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
    }

    .main-header .header-lower .outer-box
    {
        padding-right: 0px;
    }

    .main-header .header-lower .cart-box-btn
    {
        margin-bottom: 10px;
    }

    .main-header .header-lower .cart-box-btn,
    .main-header .header-lower .cart-box-btn .cart-btn
    {
        position: relative;
        display: block;
        width: 100%;
        top: 0px;
        max-width: none;
    }

    .default-banner .window-size .theme-btn
    {
        display: block;
    }

    .navbar-fixed-top
    {
        position: relative;
    }
}

/**
* Cart Page Table responsive css Styles.
**/

@media only screen and (max-width: 991px)
{

    /* Force table to not be like tables anymore */
    .cart-page table, .cart-page thead, .cart-page tbody, .cart-page th, .cart-page td, .cart-page tr
    {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .cart-page thead tr
        {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .cart-page tr
    {
        border: 1px solid #ccc;
    }

    .cart-page td
    {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        .cart-page td:before
        {
            /* Now like a table header */
            /* Top/left values mimic padding */
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            padding-left: 40px;
            white-space: nowrap;
            font-size: 16px;
            color: #000;
            font-weight: 500;
            background-color: #F9F9F9;
            line-height: 60px;
            text-align: left;
        }

    .cart-page .table > tbody > tr > td.preview
    {
        padding: 85px 50px 25px;
    }

    .cart-page .table > tbody > tr > td
    {
        padding: 80px 40px 25px;
    }

        .cart-page .table > tbody > tr > td.del-item
        {
            text-align: left;
        }

    @media (max-width: 767px)
    {
        .header-lower .appoinment-btn
        {
            display: none;
        }
        /* 	.tp-caption {display: none !important;} */
    }

    @media only screen and (max-width: 541px)
    {

        .main-header .header-top .top-right
        {
            float: none;
        }

        .main-header .header-top ul li
        {
            display: block;
            margin: 4px;
            text-align: center;
        }
    }

    @media (min-width: 1200px)
    {
        .container
        {
            width: 1200px;
        }
    }

    @media only screen and (max-width: 1200px)
    {
        .sidebar-wrapper
        {
            width: 100%;
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 767px)
    {
        .main-footer .footer-upper .column
        {
            width: 100%;
        }

        .sidebar-wrapper
        {
            width: 100%;
            margin-left: 0;
        }
    }
}
