/*============ Custom Media Responsive CSS ============*/
@media screen and (max-width:1366px) {
    #slider.slider-style3 .quote_form2 {
        top: 58%
    }

    .why_choose_us3 .choose_us .bg_img {
        width: 42% !important;
        left: 5% !important
    }
}

@media screen and (max-width:1240px) {
    #map {
        height: 609px;
    }
}

@media screen and (max-width:1200px) {
    .navbar-default .navbar-nav > li {
        padding: 35px 14px;
    }

    .header-style2 .navbar-default .navbar-nav > li {
        padding: 15px
    }

    .header-style2 .fixed-header .navbar-default .navbar-nav > li {
        padding: 20px 15px
    }

    .header-style3 .navbar-default .navbar-nav > li {
        padding: 30px 12px;
    }

    .carousel-inner .item img {
        height: 100vh;
        width: auto
    }

    .project_item2_hover {
        padding: 30px 25px;
    }

    .project_item2 .title {
        font-size: 15px
    }

    .project_item2:hover .project_item2_hover {
        padding: 20px
    }

    .why_choose_us3 .choose_us .bg_img {
        width: 55%;
        left: -2%;
    }

    .projects2 .owl-controls {
        display: none
    }

    .member_img_hover {
        padding: 30px calc
    }

    .process_item .title {
        font-size: 18px
    }

    .navbar-brand > img {
        width: 140px;
        top: 25px
    }
}

@media screen and (max-width:1050px) {
    .slider_caption h1 {
        font-size: 30px;
    }

    .brochure_info a {
        font-size: 11px
    }

    .member_img_hover .social_icon {
        padding-top: 10px
    }
}

@media screen and (min-width:992px) {
    #header.fixed-header {
        animation-duration: 1s;
        animation-name: menu_sticky;
        animation-timing-function: ease-out;
        left: 0;
        margin: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100
    }

    #header.fixed-header {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2)
    }

    #header.fixed-header .header_top {
        display: none
    }

    .fixed-header .navbar-default .navbar-nav > li {
        padding-top: 22px;
        padding-bottom: 22px
    }

    .nav .dropdown-menu {
        visibility: hidden;
        top: 110%;
        opacity: 0;
        display: block
    }

    .nav .dropdown:hover > ul.dropdown-menu {
        top: 100%;
        visibility: visible;
        opacity: 1;
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease
    }

    /*========== Sub Dropdown Menu ===========*/
    .nav .dropdown-menu .dropdown > ul.dropdown-menu {
        left: 100%;
    }

    .nav .dropdown-menu .dropdown i {
        float: right;
        font-size: 11px;
        position: absolute;
        right: 20px;
        top: 13px;
    }

    .nav .dropdown-menu .dropdown:hover > ul.dropdown-menu {
        margin-top: 0px;
        top: 0;
    }

    .slider-style2 .carousel-caption {
        top: 50%
    }
}

@media screen and (max-width:991px) {
    .inner-title {
        line-height: 35px
    }

    .banner-quote .quote_button {
        top: 25px
    }

    .header-style3 .navbar-default .navbar-nav > li,
    .header-style2 .navbar-default .navbar-nav > li {
        padding: 0 15px
    }

    .slider-style3 .slider_caption h1 {
        font-size: 20px
    }

    .header-style3 {
        background: rgba(0, 0, 0, 0.75)
    }

    .navbar-brand > img {
        top: 8px
    }

    .dropdown .dropdown-menu {
        position: static;
        background: transparent !important;
        width: 100%;
        float: none
    }

    .navigation .navbar-header {
        padding: 5px 0
    }

    .flex-box {
        display: inherit
    }

    .header_top {
        display: none
    }

    .navbar-brand {
        width: auto
    }

    .navigation .collapse.navbar-collapse {
        float: none
    }

    .navbar-default .navbar-nav > li {
        padding: 0 20px
    }

    .cart-nav,
    .navbar-brand::after {
        display: none
    }

    .navbar-brand > img {
        width: 200px
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        line-height: 40px
    }

    .header-style2 .fixed-header .nav.navbar-right::before {
        border: 25px solid;
        left: -50px;
    }

    .slider_caption h1 {
        font-size: 30px
    }

    .service_middle,
    .choose_us_right {
        display: none
    }

    .service-item {
        text-align: center;
        float: none;
        padding: 0;
        width: 100%
    }

    .service_left,
    .service_right {
        position: static;
        width: 100%
    }

    .service_left .service-item .title,
    .service_right .service-item .title {
        text-align: center;
        float: none
    }

    .choose_us_2 {
        padding: 30px 15px
    }

    .choose_resons {
        width: 50%;
        float: left;
    }

    .apartment,
    .office,
    .move_in_out,
    .car_washing,
    .renovation,
    .green_cleaning,
    .service_left .title {
        width: 100%;
        float: none
    }

    .service_left .service_icon,
    .service_right .service_icon {
        float: none;
        margin: 0 auto
    }

    .service_right .title {
        margin-left: 0;
    }

    .about_us_left .big_img {
        display: table;
        margin: 0 auto
    }

    .choose_resons {
        text-align: center;
    }

    .choose_resons span {
        margin: 0 auto
    }

    .choose_us_left {
        text-align: center;
    }

    .single_project_content .list-icon li {
        float: none
    }

    .our-history .choose_text .inner-title {
        margin: 15px 0
    }

    .quote-image,
    .why_choose_us3 .bg_img,
    .quote_form2,
    .our_history_right {
        display: none
    }

    .brochure_info {
        margin-bottom: 30px
    }

    .newsletter_form input[type="submit"] {
        right: 20px;
        top: 33px;
    }

    .newsletter_2 {
        top: -55px
    }

    .other_service li a,
    .service_sidebar .other_service li a {
        font-size: 12px
    }

    .check_out {
        margin-top: 45px
    }
}

@media screen and (max-width:767px) {
    .slider_caption p {
        margin: 20px 0;
    }

    .newsletter_form {
        margin-right: 87px;
    }

    h5,
    h6 {
        overflow: hidden
    }

    .dropdown-menu li a:hover {
        background: transparent !important
    }

    .slider_caption h1::before {
        display: none
    }

    #slider,
    .page_banner {
        margin-top: 60px;
    }

    #slider,
    .page_banner5 {
        margin-top: 60px;
    }

    #slider,
    .page_banner6 {
        margin-top: 60px;
    }

    #slider,
    .page_banner4 {
        margin-top: 60px;
    }

    #slider,
    .page_banner3 {
        margin-top: 60px;
    }
    #slider,
    .page_banner8 {
        margin-top: 60px;
    }

    .carousel-caption {
        left: 0;
        right: 0
    }

    .carousel-inner .item > img {
        height: 90vh;
        width: auto
    }

    .slider_caption h1 {
        font-size: 21px
    }

    .slider_caption h2 {
        font-size: 21px
    }

    .slider-style2 .carousel-caption {
        left: auto !important;
        transform: none !important;
        top: 18% !important
    }

    .slider_caption,
    #slider.slider-style3 .slider_caption {
        width: 100%;
    }

    #slider.slider-style3 .slider_caption p {
        margin: 20px 0;
    }

    .carousel-caption .btn {
        font-size: 12px;
        padding: 0 20px
    }

    .sub_title {
        width: 100%
    }

    .about_us_left .big_img {
        width: auto;
    }

    .about_us_left .small_img {
        right: -100px;
        bottom: 0;
    }

    .choose_us .pull-right {
        float: none
    }

    .member_img_hover a h4 {
        font-size: 18px
    }

    .quote,
    .testimonials,
    .process_item {
        padding: 60px 20px;
    }

    .company_details .list-icon li,
    .newsletter_2,
    .choose_resons {
        width: 100%
    }

    .banner-quote .quote_button,
    .product_tab_menu .nav-tabs {
        position: relative;
        right: auto;
    }

    .tab-content {
        margin-left: 0 !important
    }

    .product_tab_menu .nav-tabs > li.active > a,
    .product_tab_menu .nav-tabs li a {
        width: auto
    }

    .cart_form {
        overflow-x: scroll;
    }

    .cupon .btn {
        font-size: 12px
    }

    .service_quote_form ul li {
        width: 100%;
        display: inherite
    }

    .newsletter_2 {
        top: -70px;
    }

    @media screen and (max-width:479px) {
        .button_group .btn-primary {
            margin: 0
        }

        .newsletter_2 .newsletter_form input[type="submit"] {
            right: 12px;
        }

        .news2 .col-md-5.col-sm-5 {
            display: none;
        }
    }

    /*-------- Media query for Mobile Portrait View -----------*/
    @media screen and (orientation:portrait) {
        .video_right {
            height: 220px
        }

        .btn {
            padding: 0 20px
        }

        .gallery-section .column {
            margin-bottom: 15px;
        }

        .pagination > li > a,
        .pagination > li > span {
            margin-left: 5px
        }
    }

    /*------------ Media Query for mobile landscape Screen -----------*/
    @media screen and (max-width: 767px) and (min-width: 360px) {
        @media screen and (orientation:landscape) {
            .big_img {
                width: 70%;
                height: auto;
                margin: 0 auto
            }

            .small_img {
                right: 100px
            }

            .service_left > div,
            .service_right > div {
                width: 50%;
                float: left;
                padding-left: 15px;
                padding-right: 15px
            }

            .carousel-inner .item > img {
                height: 120vh;
                width: auto;
            }

            .filter-list {
                display: inline-block;
                margin-left: -7.5px;
                margin-right: -7.5px
            }

            .filter-list div.col-sm-6 {
                width: 50%;
                float: left;
                padding: 0 7.5px;
                margin-bottom: 15px
            }

            .photo_gallery a {
                width: 22%
            }
        }
    }