/* AlMeezan Finance and Business HTML5 Template */

@media only screen and (max-width: 320px)
{

    .logo-outer
    {
        margin-bottom: 10px;
    }

    .main-header .header-upper .upper-right
    {
        padding: 0;
    }

    .main-header .info-box
    {
        margin: 0 25px;
        text-align: left;
    }

    .main-header .header-upper .info-box::after
    {
        display: none;
    }

    .main-header .social-links-one
    {
        top: -15px;
    }

    .main-menu .navigation > li > a
    {
        padding-left: 15px;
        padding-right: 15px;
    }

    .two-col-fluid .content-column .inner-box
    {
        padding-left: 90px;
        max-width: none;
    }

    .default-section .default-masonry .masonry-item
    {
        width: 50%;
    }

    .boxed-icon-column
    {
        min-height: 150px;
    }

    .video-list-view .video-item .text
    {
        padding-top: 7px;
    }

    .project-single .default-masonry .masonry-item
    {
        width: 50%;
    }

    .default-section .column .inner-box
    {
        padding-right: 0px !important;
    }
}



@media only screen and (max-width: 1023px)
{
    .logo-outer
    {
        float: none!important;
        text-align: center;
        margin-bottom: 10px;
    }

    .main-header .header-upper
    {
        background: none;
    }

    .main-menu .navigation > li > a
    {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-style-two .main-menu .navigation > li ul > li > ul
    {
        left: auto !important;
        right: 100% !important;
    }

    .main-header .header-upper .upper-right
    {
        width: 100%;
        background: #900c51;
    }

    .main-header .header-upper .upper-column
    {
        margin-left: 0px;
        padding-right: 15px;
    }

    .bounce-in-header
    {
        display: none;
    }

    .two-col-fluid .content-column,
    .two-col-fluid .form-column
    {
        width: 100%;
        background: #f6f6f6;
    }

        .two-col-fluid .form-column .inner-box
        {
            max-width: none;
        }

    .request-quote-section .image-column,
    .request-quote-section .form-column
    {
        padding-right: 15px !important;
        display: none;
    }

        .request-quote-section .image-column img
        {
            max-width: 100%;
            display: block;
        }

    .parallax-section h2
    {
        font-size: 32px;
    }

    .video-list-view .video-item
    {
        width: 50%;
        float: left;
        padding: 0px 10px;
    }

        .video-list-view .video-item .inner-box
        {
            max-width: 500px;
            margin: 0 auto;
            padding: 0px;
            text-align: center;
        }

            .video-list-view .video-item .inner-box .image
            {
                position: relative;
                width: 100%;
                height: auto;
            }

        .video-list-view .video-item .content
        {
            padding: 10px 20px 20px;
        }
}

@media only screen and (max-width: 767px)
{

    .main-header .nav-outer
    {
        padding-right: 0px;
    }

    .main-header.header-style-three .nav-outer
    {
        padding-left: 0px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }

    .main-header .get-btn
    {
        right: auto;
        left: 0px;
        z-index: 14;
        height: 58px;
    }

    .main-menu .navigation > li > ul > li > a, .main-menu .navigation ul ul li a, .main-menu .navigation ul h3
    {
        color: #fff;
    }

    .main-header .header-top .top-right,
    .main-header .header-top .top-left
    {
        width: 100%;
        text-align: center;
    }

        .main-header .header-top .top-right ul,
        .main-header .header-top .top-left ul
        {
            text-align: center;
        }

            .main-header .header-top .top-right ul li,
            .main-header .header-top .top-left ul li
            {
                display: inline-block;
                float: none;
            }

    .header-upper .logo-outer
    {
        display: block;
        width: 100%;
        background: #fff;
    }

    .main-header .right-menu
    {
        width: 100%;
        margin-top: -75px;
    }

    .main-header .main-menu
    {
        padding-top: 0px;
        width: 100%;
        margin: 0px;
    }

    .main-menu .collapse
    {
        max-height: 300px;
        overflow: auto;
        float: none;
        width: 100%;
        padding: 0px 0px;
        border: 1px solid #900C51;
        margin: 0px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

        .main-menu .collapse.in,
        .main-menu .collapsing
        {
            padding: 0px;
            border: 1px solid #900C51;
            margin: 0px 0px 15px;
            -ms-border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
        }


    .main-menu .navbar-header
    {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        width: 100%;
        padding: 12px 0px;
        right: 0px;
        z-index: 12;
    }

        .main-menu .navbar-header .navbar-toggle
        {
            display: inline-block;
            z-index: 7;
            border: 1px solid #ffffff;
            float: none;
            margin: 0px 15px 0px 0px;
            border-radius: 0px;
            background: #616161;
        }

            .main-menu .navbar-header .navbar-toggle .icon-bar
            {
                background: #ffffff;
            }

    .main-menu .navbar-collapse > .navigation
    {
        float: none !important;
        margin: 0px !important;
        width: 100% !important;
        background: #900C51;
        border: 1px solid #ffffff;
    }

        .main-menu .navbar-collapse > .navigation > li
        {
            margin: 0px !important;
            float: none !important;
            width: 100%;
        }

    .main-menu .navigation > li > a,
    .main-menu .navigation > li > ul:before
    {
        border: none;
    }

    .main-menu .navbar-collapse > .navigation > li > a
    {
        padding: 10px 10px !important;
        border: none !important;
    }

    .main-menu .navigation li.dropdown > a:after,
    .main-menu .navigation > li.dropdown > a:before,
    .main-menu .navigation > li > ul > li > a::before,
    .main-menu .navigation > li > ul > li > ul > li > a::before
    {
        color: #ffffff !important;
        right: 15px;
        font-size: 16px;
        display: none !important;
    }

    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul
    {
        position: relative;
        border: none;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0px;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100%;
        background: #900C51;
        -webkit-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important;
    }

        .main-menu .navbar-collapse > .navigation > li > ul,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul
        {
            border-top: 1px solid rgba(255,255,255,1) !important;
        }

            .main-menu .navbar-collapse > .navigation > li,
            .main-menu .navbar-collapse > .navigation > li > ul > li,
            .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li
            {
                border-top: 1px solid rgba(255,255,255,1) !important;
                opacity: 1 !important;
                top: 0px !important;
                left: 0px !important;
                visibility: visible !important;
            }

    .main-menu .navigation > li:hover::before, .main-menu .navigation > li.current::before, .main-menu .navigation > li.current-menu-item::before
    {
        background: #888;
        transform: skew(0deg);
    }

    .main-menu .navbar-collapse > .navigation > li:first-child
    {
        border: none;
    }

    .main-menu .navbar-collapse > .navigation > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a
    {
        padding: 10px 10px !important;
        line-height: 22px;
        color: #ffffff;
        text-align: left;
    }

        .main-menu .navbar-collapse > .navigation > li > a:hover,
        .main-menu .navbar-collapse > .navigation > li > a:active,
        .main-menu .navbar-collapse > .navigation > li > a:focus
        {
            background: #900C51;
        }

    .main-menu .navbar-collapse > .navigation > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li.current > a,
    .main-menu .navbar-collapse > .navigation > li.current-menu-item > a
    {
        color: #ffffff !important;
    }

    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn
    {
        display: block;
    }

    .main-menu .navbar-collapse > .navigation li.dropdown:after,
    .main-menu .navigation > li > ul:before
    {
        display: none !important;
    }

    .main-header .social-links-one
    {
        top: 0px;
    }

    .contact-section .info-column
    {
        padding-left: 15px;
    }

    .main-header .get-btn::before
    {
        left: 0px;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -moz-transform: none;
        transform: none;
    }

    .main-header .get-btn .appt-btn
    {
        padding: 14px 0px;
    }

    .boxed-icon-column
    {
        min-height: 0px;
    }

    .parallax-section h2,
    .logos-area .column h2
    {
        font-size: 24px;
    }

    .other-info h3,
    .parallax-style-two h2
    {
        font-size: 20px !important;
    }

    .video-list-view .video-item
    {
        width: 100%;
        padding: 0px;
    }

    .error-section .bigger-text,
    .error-section .extra-big
    {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 15px;
    }

    .error-section .text-lower strong
    {
        display: block;
    }
}

@media only screen and (max-width: 599px)
{

    .main-header .header-upper .upper-column.info-box p
    {
        font-size: 12px;
        line-height: 24px;
    }

    .main-header .social-links-one
    {
        top: 0px;
    }

    .main-header .header-upper .upper-column.info-box
    {
        display: inline-block;
        text-align: center;
        padding: 6px 10px;
    }

    .main-header .info-box .icon-box
    {
        position: relative;
        display: block;
        margin: 0 auto;
    }

    .main-header .header-top .top-left,
    .main-header .header-top .top-right
    {
        float: none !important;
        text-align: center;
    }

    .sidebar-page-container .comments-area .comment,
    .sidebar-page-container .comments-area .reply-comment
    {
        padding-left: 0px;
        margin-left: 0px;
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb
    {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 20px !important;
    }

    .main-header .header-upper .upper-column
    {
        margin-left: 0px;
    }

    .page-title
    {
        padding: 50px 0px;
    }

        .page-title h1,
        .parallax-style-two h2
        {
            font-size: 32px;
        }

    .default-title h2,
    .services-style-one .title-box h2,
    .logos-area .column h2,
    .blog-detail .blog-news-column h3
    {
        font-size: 20px;
    }

    .main-header .header-upper .upper-column
    {
        padding-right: 0px;
    }

    .sidebar-page-container .comments-area .reply-comment
    {
        margin-left: 0px;
    }

    .sidebar-page-container .comments-area .comment-info .comment-time
    {
        float: left !important;
    }

    .featured-style-one .inner-box
    {
        text-align: center;
    }

    .featured-style-one .icon-box
    {
        margin: 0px auto 20px;
    }

    .blog-news-section
    {
        padding-right: 0px !important;
    }

    .sidebar-page-container .comments-area .reply-btn
    {
        position: relative !important;
        top: 0px !important;
        right: 0px;
    }

    .main-slider .tp-caption
    {
        display: none !important;
    }
}

@media only screen and (max-width: 499px)
{
    .main-header .header-upper .upper-column.info-box
    {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .main-header .get-btn
    {
        width: 200px;
    }

    .intro-style-one .content-column .inner
    {
        padding-right: 0px;
    }

    .accordion-box
    {
        padding-right: 0px;
    }

    .default-section .column .padd-right-30,
    .default-section .column .padd-right-20
    {
        padding-right: 0px !important;
    }

    .project-column .lower-content h3
    {
        font-size: 15px;
    }

    .project-single .default-masonry .masonry-item
    {
        width: 100%;
    }

    .other-info .columns-container
    {
        padding: 0px;
        border: none;
    }
}

@media screen and (max-width:991px)
{

    table
    {
        border: 0;
    }

        table thead
        {
            display: none;
        }

        table tr
        {
            margin-bottom: 0px;
            display: block;
            border-bottom: 1px solid #999;
        }

        table td
        {
            display: block;
            text-align: right;
            font-size: 13px;
            border-bottom: 1px dotted #ccc;
        }

            table td:last-child
            {
                border-bottom: 0;
            }

            table td:before
            {
                content: attr(data-label);
                float: left;
                text-transform: uppercase;
                font-weight: bold;
            }
}

@media only screen and (min-width: 768px)
{

    .main-menu .navigation > li > ul,
    .main-menu .navigation > li > ul > li > ul
    {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
}