/*============	Media 768Px Start ============ */
@media (min-width: 768px) and (max-width: 991px) {

    .element-size-50,
    .element-size-33,
    .element-size-75,
    .element-size-67,
    .page-content,
    .page-sidebar,
    .page-sidebar ~ .page-content,
    .element-size-100 .col-md-12,
    .element-size-75 .col-md-12,
    .element-size-67 .col-md-12,
    .element-size-50 .col-md-12,
    .element-size-25 .col-md-12,
    .element-size-33 .col-md-12, .col-md-12, .section-content, .section-sidebar, .main-section .call-actions .heading, .main-section .call-actions .cell, .main-section .call-actions.ac-clean .cell.text-area, .col-md-9, .main-section .post-recent .cs-theme-carousel li,
    .col-md-6, .main-section .lof-slidecontent .sliders-wrapper, .wrapper.wrapper_boxed {
        width: 100% !important;
    }

    .cs-search-v2 .directory-advanced-search-content {
        width: 100%;
    }
    /*============ Element Size 25, 33 ============ */
    .col-md-4, .col-md-3, .col-md-2, .element-size-25 {
        width: 50% !important;
    }

    .page-content {
        padding: 0px 0px 0px 15px !important;
    }

    .main-section .widget.element-size-100 {
        margin: 0 10px 30px 10px;
        width: 47% !important;
    }

        .main-section .widget.element-size-100:nth-child(2n) {
            padding-right: 0px;
        }

    .wrapper.wrapper_boxed {
        margin-top: 0px;
    }

    .cs-search-v2 .directory-advanced-search-content {
        width: 100%;
    }

    .dir-search-fields li .chosen-container, .distance-in-miles .chosen-container {
        width: 100% !important;
    }

    .rev_slider_wrapper ~ .wide .cs-search-v3 .directory-advanced-search-content form ul > li {
        display: inline-block;
        width: 50%;
    }
    /*============ Header Setup ============ */
    header .logo {
        margin: 22px 0px !important;
    }

    .cs-click-menu {
        display: block;
    }

    .logo a, .btn-sec, .navigation ul li a {
        min-height: inherit !important;
        line-height: inherit !important;
    }
    /* Navigation Setup  */
    .navigation {
        padding: 22px 0px 0px 0px;
        position: relative;
    }

        .navigation > ul {
            display: none;
            width: 300px;
            position: absolute;
            right: 0px;
            top: 110%;
            box-shadow: none;
            background-color: rgba(0,0,0,0.8);
            z-index: 999;
            padding: 9px 0px;
        }

        .navigation ul li {
            float: left;
            width: 100%;
        }

        .navigation > ul > li {
            padding: 10px 22px;
        }

        .navigation ul > li > a:before {
            display: none;
        }

    .main-navbar .navigation > ul > li > a {
        padding: 0px;
        color: #fff !important;
    }

    .navigation ul .sub-dropdown {
        box-shadow: none;
        position: static;
        float: left;
        width: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        margin: 15px 0px 0px 0px;
    }

    .responsive-btn {
        display: inline-block;
    }

    .navigation ul .sub-dropdown ul {
        margin: 0px;
    }

    .navigation ul li ul.sub-dropdown > li.parentIcon > a::after {
        display: none;
    }

    .navigation ul .sub-dropdown .responsive-btn {
        color: #999;
        top: 14px;
    }

    .navigation ul .sub-dropdown {
        border: 1px solid #ddd;
    }
    /* MegaMenu */
    .mega-grid {
        opacity: 1;
        min-height: inherit;
        position: static;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        visibility: visible;
    }

    .navigation ul.mega-grid > li {
        float: left;
        width: 100%;
        border: none;
        padding: 0px;
    }

    .navigation ul li .mega-grid .sub-dropdown {
        display: block !important;
        padding: 15px 20px 0px 20px;
        box-shadow: none;
    }

    .navigation .mega-grid > li > a {
        padding-top: 10px;
        color: #ffffff !important;
        box-shadow: none;
    }

    .navigation .mega-grid > li p {
        color: #ffffff !important;
    }

    .navigation ul li.cs-mega-menu {
        position: relative;
    }

    .mega-grid .responsive-btn {
        display: none;
    }

    .top-bar {
        text-align: center;
    }

        .top-bar .left-side {
            width: auto;
            float: none;
            display: inline-block;
        }

    .cs-search-v3 .directory-advanced-search-content {
        width: 100%;
    }


    /*============ Footer Setup ============ */
    #footer-sec .widget[class*="col-md-"] {
        margin-bottom: 30px;
    }

    .user-signup, #copyright {
        text-align: center;
    }

        .user-signup span {
            float: none;
            display: inline-block;
            padding: 0px 30px 12px 0px;
        }

        .user-signup form, #copyright p, .footer-nav {
            width: 100%;
        }

        #copyright .footer_icon, #copyright .footer-nav ul, #copyright .social-media {
            float: none;
            display: inline-block;
        }

        #copyright .footer_icon, #copyright p {
            padding: 0px 0px 15px 0px;
        }

    #backtop {
        bottom: 40%;
        right: 5%;
    }

    .wrapper_boxed {
        width: 100% !important;
    }
    /*============ page not found Setup ============ */
    .page-not-found .cs-search-area > form {
        width: 45%;
    }

    .search-results .cs-search-area > form {
        width: 55%;
    }

    .under-wrapp .user-signup form {
        width: 540px;
    }

    .cs-search-area .form-control {
        width: 100%;
    }

    /*============  Directory Listing page Setup ============ */
    .cs-filter-menu li {
        margin-right: 10px;
    }

    .directory-box {
        width: 100%;
    }

    .main-section .wide .row .col-md-12 {
        padding: 0 15px;
    }

    .directory-advanced-search-content form ul li {
        width: 33.33%;
    }

        .directory-advanced-search-content form ul li.submit-button {
            width: 12%;
        }

    .cs-search-v3 .directory-advanced-search-content form ul > li {
        width: 50%;
    }

    .cs-search-v3 .directory-advanced-search-content .advance-search-price-range ul li input[type="text"] {
        width: 100%;
    }
    /*.cs-search-v3 .directory-advanced-search-content .advance-search-price-range ul li:first-child{padding-left: 4px;}*/
    .cs-search-v3 .directory-advanced-search-content form ul li.submit-button {
        width: 50%;
    }

    .cs-search-v3 .directory-advanced-search-content .advance-search-price-range ul li {
        margin-right: 0px;
    }

    .cs-search-v3 .directory-advanced-search-content .input-sec {
        margin-bottom: 8px;
    }

    .cs-search-v3 .directory-advanced-search-content form li.price-search {
        padding-left: 6px;
    }
    /*============  UserProfile Setup ============ */
    .cs-form-element.column-input li {
        width: 32%;
    }

    .cs-search-v1 .dir-search-fields > ul > li {
        display: inline-block;
    }

    #footer-sec .widget.element-size-100 {
        width: 50%;
    }

    .page-section {
        background-size: cover !important;
    }

    .cs-form-element .SumoSelect > .CaptionCont > span {
        font-size: 12px;
        padding: 0 0 0 5px;
    }

    .rtl .main-section .messagebox .custom-btn, .rtl .main-section .messagebox-v3 .custom-btn {
        left: 20px;
    }

    .cs-login-sec {
        margin: 0;
    }

        .top-nav ul li, .top-nav, .top-bar .left-side p, .cs-login-sec, .cs-login-sec ul li {
            float: none;
        }

    .main-navbar {
        z-index: 999;
    }
    /*#main-header .top-bar{ z-index: 99; }*/
    #main-header .cs-login-sec ul,
    #main-header .top-bar .top-nav ul {
        text-align: center;
    }

    #main-header .cs-login-sec li,
    #main-header .top-bar .top-nav li {
        float: none !important;
        display: inline-block;
        vertical-align: middle;
    }

    .top-bar .right-side {
        width: 100%;
        display: block;
        padding: 0 0 8px;
    }

    .sg-socialmedia {
        float: none;
    }

    .cs-login-sec > ul > li {
        padding: 0;
    }

    .cs_banner_section a {
        display: block;
        float: left;
    }

    .cs-services.service-flat-three figure {
        float: none;
        margin: 0 auto;
    }

    .service-flat-three article {
        display: inline-block;
    }

    .cs-login-sec .cs-user-menu {
        text-align: left !important;
    }

    .cs_banner_section a, .cs_banner_section a img {
        float: left;
        width: 100%;
    }

    .rtl .cs-signup {
        left: 0px;
        right: auto;
    }

    .rtl .cs-partner ul li figure {
        width: 100%;
    }

    .rtl [class*="col-md"] {
        margin-left: -4px;
        margin-right: 0px;
    }

    .rtl .row {
        margin-right: -10px;
    }

    .cs-partner ul li figure {
        width: 100%;
    }

    .cs-tabs .nav-tabs li a {
        padding: 14px 14px;
    }
}

/*============ Media 420Px Start ============ */
@media (max-width: 767px) {

    .element-size-50,
    .element-size-33,
    .element-size-75,
    .element-size-67,
    .page-content,
    .page-sidebar,
    .page-sidebar ~ .page-content,
    .element-size-100 .col-md-12,
    .element-size-75 .col-md-12,
    .element-size-67 .col-md-12,
    .element-size-50 .col-md-12,
    .element-size-25 .col-md-12,
    .element-size-33 .col-md-12, .col-md-12, .section-content, .section-sidebar, .main-section .call-actions .heading, .main-section .call-actions .cell, .main-section .call-actions.ac-clean .cell.text-area, .col-md-9, .main-section .post-recent .cs-theme-carousel li,
    .col-md-6, .main-section .lof-slidecontent .sliders-wrapper, .cs-form-element li.enable-post .inner-sec, .cs-form-element li.enable-post .cs-package-desc, .inner-sec .cs-packges, .wrapper.wrapper_boxed {
        width: 100% !important;
    }
    /*============ Element Size 25, 33 ============ */
    .col-md-4, .col-md-3, .col-md-2, .element-size-25 {
        width: 50% !important;
    }

    .navigation > ul {
        background-color: #fff;
    }

    .page-content {
        padding: 0px 0px 0px 15px !important;
    }

    .page-sidebar .widget.element-size-100 {
        width: 50% !important;
    }

    .page-sidebar .widget.element-size-100 {
        padding-right: 25px;
    }

        .page-sidebar .widget.element-size-100:nth-child(2n) {
            padding-right: 0px;
        }

    .page-content ~ .page-sidebar, .page-sidebar {
        padding: 0px 15px;
    }

    .row {
        margin-right: -13px;
    }

    .wrapper.wrapper_boxed {
        margin-top: 0px;
    }

    /*============ Header Setup ============ */
    header .logo {
        margin: 22px 0px 0 !important;
        float: none;
        display: inline-block;
    }

    .right-side {
        float: none;
        display: inline-block;
    }

    .main-navbar {
        padding: 0px 0px 0 0px;
        text-align: center;
    }

    .cs-click-menu {
        display: block;
    }

    .logo a, .btn-sec, .navigation ul li a {
        min-height: inherit !important;
        line-height: inherit !important;
    }

    .top-bar-on .navigation > ul {
        top: 77px;
    }

    .top-bar-off .navigation > ul {
        top: 0;
    }

    .navigation ul .sub-dropdown .responsive-btn {
        color: #999;
        top: 14px;
    }

    .navigation ul .sub-dropdown {
        border: 1px solid #ddd;
    }
    /* Navigation Setup  */
    .navigation {
        padding: 22px 0px 0px 0px;
        position: relative;
    }

        .navigation > ul {
            overflow-x: hidden;
            display: none;
            width: 100%;
            height: 100%;
            position: fixed;
            left: 0%;
            top: 0%;
            box-shadow: none;
            background-color: rgba(0,0,0,0.8);
            z-index: 999;
            padding: 9px 0px;
        }

        .navigation ul li {
            float: left;
            width: 100%;
        }

        .navigation > ul > li {
            padding: 10px 22px;
        }

        .navigation ul > li > a:before {
            display: none;
        }

    .main-navbar .navigation > ul > li > a {
        padding: 0px;
        color: #fff !important;
    }

    .navigation ul .sub-dropdown {
        text-align: left;
        box-shadow: none;
        position: static;
        float: left;
        width: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        margin: 15px 0px 0px 0px;
    }

    .responsive-btn {
        display: inline-block;
    }

    .navigation ul li ul.sub-dropdown > li.parentIcon > a::after {
        display: none;
    }

    .cs-login-sec {
        margin: 0;
    }

        .top-nav ul li, .top-nav, .top-bar .left-side p, .cs-login-sec, .cs-login-sec ul li {
            float: none;
        }
    /*.main-navbar{ z-index: 90; }*/
    #main-header .cs-login-sec ul,
    #main-header .top-bar .top-nav ul {
        text-align: center;
    }

    #main-header .cs-login-sec li,
    #main-header .top-bar .top-nav li {
        float: none !important;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

    #lang_sel ul li ul {
        left: -60%;
        margin: 0;
        right: auto;
        width: 200px;
    }

    .top-bar .right-side {
        width: 100%;
        display: block;
        padding: 0 0 8px;
    }

    .sg-socialmedia {
        float: none;
    }

    .cs-login-sec > ul > li {
        padding: 0;
    }
    /* MegaMenu */
    .mega-grid {
        opacity: 1;
        min-height: inherit;
        position: static;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        visibility: visible;
    }

    .navigation ul.mega-grid > li {
        float: left;
        width: 100%;
        border: none;
        padding: 0px;
    }

    .navigation ul li .mega-grid .sub-dropdown {
        display: block !important;
        padding: 15px 20px 0px 20px;
        box-shadow: none;
    }

    .navigation .mega-grid > li > a {
        padding-top: 10px;
        color: #ffffff !important;
        box-shadow: none;
    }

    .navigation .mega-grid > li p {
        color: #ffffff !important;
    }

    .navigation ul li.cs-mega-menu {
        position: relative;
    }

    .navigation ul .sub-dropdown ul {
        margin: 0px;
    }

    .mega-grid .responsive-btn {
        display: none;
    }

    .main-navbar.scroll-to-fixed-fixed {
        position: static !important;
    }

    .left-side {
        width: 100%;
    }

    .main-navbar .left-side {
        width: 44%;
    }

    .cs-close-btn {
        display: inline-block;
    }

    .cs-rating-services ul li {
        width: 100%;
    }

    .cs-leave-review .add_review_btn {
        border: none;
        width: 100%;
    }

    .cs-search-v3 .directory-advanced-search-content {
        width: 100%;
    }

        .cs-search-v3 .directory-advanced-search-content form ul > li {
            width: 100%;
        }

        .cs-search-v3 .directory-advanced-search-content form ul li.submit-button {
            width: 48%;
        }
    /*============ Blog Setup ============ */
    .rtl .cs-blog.blog-medium .main-thumb ~ .bloginfo-sec {
        padding: 15px 170px 0 40px;
    }

    .cs-blog.blog-medium .main-thumb {
        width: 100%;
        margin-bottom: 15px;
    }

        .cs-blog.blog-medium .main-thumb ~ .bloginfo-sec {
            padding: 15px 40px 0 15px;
        }
    /* Blog Detail Setup  */
    #comment .children {
        margin-left: 60px;
    }
    /*============ Agent Setup ============ */
    .cs-agent-filter .filter-nav {
        padding: 15px;
    }

    .cs-filter-menu li {
        float: none !important;
        display: inline-block;
        vertical-align: top;
        width: 45%;
    }

        .cs-filter-menu li:before {
            display: none;
        }

    .team-simple ul li {
        width: 33.333%;
    }
    /*============ Footer Setup ============ */
    #footer-sec .widget[class*="col-md-"] {
        margin-bottom: 30px;
    }

    .user-signup, #copyright {
        text-align: center;
    }

        .user-signup span {
            float: none;
            display: inline-block;
            padding: 0px 30px 12px 0px;
        }

        .user-signup form, #copyright p, .footer-nav {
            width: 100%;
        }

        #copyright .footer_icon, #copyright .footer-nav ul, #copyright .social-media {
            float: none;
            display: inline-block;
        }

        #copyright .footer_icon, #copyright p {
            padding: 0px 0px 15px 0px;
        }

    #backtop {
        bottom: 40%;
        right: 5%;
    }

    .user-signup form label {
        width: 50%;
    }

    .wrapper_boxed {
        width: 100% !important;
    }
    /*============ page not found Setup ============ */
    .page-not-found {
        padding: 0 15px;
    }

    .cs-search-area input.btn {
        right: 5px;
    }

    .page-not-found .cs-search-area > form, .cs-search-area .form-control, .search-results .cs-search-area > form {
        width: 100%;
    }

    .main-digit-wrapp {
        margin-bottom: 10px;
    }
    /*============ Cs Tbes Setup ============ */
    .cs-tabs.nav-position-top .nav-tabs li a {
        padding: 14px 17px;
    }

    .cs-tabs.vertical .nav-tabs {
        width: 35%;
    }

    .cs-tabs.vertical .tab-content {
        width: 65%;
    }

    /*============ Piechart Setup ============ */
    .piechart {
        padding: 0px;
    }
    /*============  Directory Listing page Setup ============ */
    .default_listing .directory-section {
        padding: 25px 10px;
    }

    .default_listing .cs_thumbsection, .default_listing .content_info, .cs_banner_section img {
        width: 100%;
    }

    .default_listing .cs_thumbsection {
        margin-bottom: 15px;
    }

    .default_listing .content_info {
        padding-left: 0px;
    }

    .directory-box, .cs-package-upper .radio-box {
        width: 100%;
        float: left;
    }

    .main-section .wide .row .col-md-12 {
        padding: 0 15px;
    }

    .directory-advanced-search-content form ul li {
        width: 100%;
    }

        .directory-advanced-search-content form ul li.submit-button {
            width: 50%;
        }

        .directory-advanced-search-content form ul li .form-submit {
            margin-top: 0px;
        }
    /* Directory Listing Detail */
    .featured-list ul li, .cs-select-cat ul li, .cs-packges li {
        width: 50%;
    }
    /*============ User porfile page  Setup ============ */
    .page-sidebar.profile-bar {
        padding: 0 15px;
    }

    .bottom-sec {
        padding: 10px;
    }

    .cs-packges li, .cs-feature-package, .cs-package-price {
        margin-bottom: 10px;
    }

    .add_gallery {
        width: 90%;
    }

    .gallery-thumb .directory_images li {
        width: 50%;
        height: auto;
    }

    .cs-featured-list li, .icon-input, .cs-form-element .cs-tags-selection, .cs-form-element.four-column > li {
        width: 100%;
    }

    .cs-form-element.column-input li {
        width: 49%;
    }

    .review-modal .modal-dialog {
        width: 300px;
    }

    .directory-gallery .dr_pricesection {
        position: absolute;
    }

    .pro_specifications tr td {
        padding: 11px 10px 14px;
    }

    .about-info figure, .agentdetail-info {
        width: 100%;
        padding: 0px;
    }

    .left-info, .right-info {
        width: 100%;
        padding: 20px 0px;
    }

    .owl-nav {
        display: none;
    }

    .outerwrapp-layer {
        width: 280px;
        margin: 0px 0px 0px -140px;
    }

    #cs_ad_post_modal .sg-social, .add-to-favborites-modal .sg-social {
    }

    #cs_ad_post_modal .modal-dialog {
        margin-top: -150px !important;
    }

    .dr_location .add-to-favborites-modal .modal-dialog {
        margin-top: -170px !important;
    }

    .loc-info figure, .loc-info .content-info, .profile-review .cs-reviews .left-sp {
        float: left;
        width: 100%;
    }

        .loc-info .content-info, .loc-info figure ~ .content-info, .profile-review .cs-reviews figure ~ .left-sp {
            padding: 10px 0px 0px 0px;
        }

    .cs-form-element .radio-box li, .cs-review-rating li {
        width: 100%;
    }

    .cs-review-rating li {
        margin-bottom: 15px;
    }

    .cs-blog.blog-medium .read-more {
        margin: 0px 0px 15px;
    }

    .cs-search-v2 .directory-advanced-search-content {
        width: 100%;
    }

    #footer-sec .widget.element-size-100 {
        width: 50%;
    }

    .cs-search-v1 .dir-search-fields > ul > li {
        display: inline-block;
    }

    .page-section {
        background-size: cover !important;
    }
    /*.cs-signup { right: auto; left: 50%; margin: 0 0 0 -143px; }*/
    .cs-blog.blog-medium.blog-small-thumb .bloginfo-sec {
        padding: 15px;
        overflow: inherit;
    }

    .cs-blog.blog-medium.blog-small-thumb .main-thumb {
        width: 100% !important;
        margin: 0 0 10px;
    }

    .cs_banner_section a {
        display: block;
        float: left;
    }

    .dir-search-fields li .chosen-container, .distance-in-miles .chosen-container {
        width: 100% !important;
    }

    .cs-services.service-flat-three figure {
        float: none;
        margin: 0 auto;
    }

    .service-flat-three article {
        display: block;
    }

    .cs-login-sec .cs-user-menu {
        text-align: left !important;
    }

    .cs-form-element li input {
        width: 100%;
    }

    .rtl .main-section .messagebox .custom-btn, .rtl .main-section .messagebox-v3 .custom-btn {
        left: 14px;
    }

    .rtl .cs-signup {
        left: 0px;
        right: -60px;
    }

    .rtl [class*="col-md"] {
        margin-left: -4px;
        margin-right: 0px;
    }

    .rtl .row {
        margin-right: -10px;
    }

    .rtl .cs-partner ul li figure {
        width: 100%;
    }

    .cs-partner ul li figure {
        width: 100%;
    }

    .heading-description .cs-tabs.nav-position-top .nav-tabs li {
        width: 100%;
    }

    .agentdetail-info .right-info span.category-list, .agentdetail-info .right-info .social-media ul {
        float: left;
    }

    .call-actions.ac-classic .cell.heading, .call-actions.ac-classic .cell.text-area {
        text-align: center;
    }

    .cs-search-v2 .directory-advanced-search-content .advance-search-price-range ul li {
        margin-bottom: 6px!important;
    }

        .cs-search-v2 .directory-advanced-search-content .advance-search-price-range ul li:nth-child(2n) {
            padding-left: 0px;
        }

    .cs-search-v2 .directory-advanced-search-content form ul li {
        width: 100%;
        margin-bottom: 8px !important;
    }

    .cs-search-v3 .directory-advanced-search-content .advance-search-price-range ul li input[type="text"] {
        width: 100%;
    }

    .cs-search-v3 .directory-advanced-search-content form ul li {
        margin: 0 -4px 10px 4px;
    }

    .directory-advanced-search-content form ul li input.form-text, .directory-advanced-search-content ul li input[type="search"],
    .directory-advanced-search-content ul li input[type="text"], .directory-advanced-search-content ul li input[type="password"] {
        margin-bottom: 0px;
    }

    #directory-advanced-search .input-sec {
        margin-bottom: 0px;
    }

    .cs-search-v2 .cs-no-label.directory-advanced-search-content form ul li .form-submit {
        margin-top: 0px;
    }

    .cs-search-v3 .directory-advanced-search-content form li.price-search {
        padding-left: 0px;
    }

    .rev_slider_wrapper ~ .wide .cs-search-v3 .directory-advanced-search-content form ul > li {
        display: inline-block;
        width: 49%;
    }

    .rev_slider_wrapper ~ .wide {
        position: relative;
    }
}

@media only screen and (max-width: 600px) {
    .directory-advanced-search-content .chosen-container {
        width: 100% !important;
    }

    .pp_pic_holder.pp_default {
        width: 100%!important;
        left: 0!important;
        overflow: hidden;
    }

    div.pp_default .pp_content_container .pp_left {
        padding-left: 0!important;
    }

    div.pp_default .pp_content_container .pp_right {
        padding-right: 0!important;
    }

    .pp_content {
        width: 100%!important;
        height: auto!important;
    }

    .pp_fade {
        width: 100%!important;
        height: 100%!important;
    }

    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
        display: none!important;
    }

    #pp_full_res img {
        width: 100%!important;
        height: auto!important;
    }

    .pp_details {
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
    }

    a.pp_close {
        right: 7%!important;
        top: 10px!important;
    }

    .dir-search-fields li .chosen-container, .distance-in-miles .chosen-container {
        width: 100% !important;
    }

    .call-actions.ac-classic .cell.heading, .call-actions.ac-classic .cell.text-area {
        text-align: center;
    }

    .main-navbar .left-side {
        width: 100%;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        font-size: 10px;
        padding: 12px 12px;
    }
}
/*============ Media 300Px Star ============ */
@media (max-width: 480px) {

    .page-content {
        padding: 0;
    }

    .element-size-50,
    .element-size-25,
    .element-size-75,
    .element-size-67,
    .element-size-33,
    .page-content,
    .page-sidebar,
    .element-size-100 .col-md-12,
    .element-size-75 .col-md-12,
    .element-size-67 .col-md-12,
    .element-size-50 .col-md-12,
    .element-size-25 .col-md-12,
    .element-size-33 .col-md-12,
    .col-md-3, .col-md-4, .col-md-12, .col-md-2, .element-size-25, .page-sidebar .widget.element-size-100 {
        width: 100% !important;
    }

        .page-sidebar .widget.element-size-100 {
            padding-right: 25px;
        }

            .page-sidebar .widget.element-size-100:nth-child(2n), .page-sidebar .widget.element-size-100 {
                padding-right: 0px;
            }

    .rtl .main-section .messagebox-v3 {
        padding: 32px 25px 32px 50px;
    }

    .rtl .messagebox-v3 .custom-btn {
        top: 73%;
    }

    .cs-partner ul li figure {
        width: 100%;
    }

    .cs-search-v2 .directory-advanced-search-content form ul li {
        width: 100%;
        margin-bottom: 8px !important;
    }
    /*============ Header Setup ============ */
    .main-navbar {
        float: left;
        width: 100%;
        text-align: center;
    }

    .left-side, .right-side {
        float: none;
        display: inline-block;
    }

    .navigation > ul {
        width: 100%;
        left: 0%;
        right: auto;
        text-align: left;
    }

    .top-bar-on .navigation > ul {
        top: 101px;
    }

    .top-bar-off .navigation > ul {
        top: 0;
    }

    #copyright .footer-nav, #backtop {
        display: none;
    }

    .dir-search-fields li .chosen-container, .distance-in-miles .chosen-container {
        width: 100% !important;
    }

    .rev_slider_wrapper ~ .wide .cs-search-v3 .directory-advanced-search-content form ul > li {
        display: block;
        overflow: hidden;
    }
    /*============ Blog Setup ============ */
    .date-time {
        float: left;
        width: 100%;
        padding: 0px;
    }

    .blog-lrg.cs-blog .bloginfo-sec .blog-text {
        padding: 20px 20px 20px 20px;
        float: left;
        width: 100%;
        border: none;
        border-top: 1px solid #f0f0f0;
    }

    .blog-lrg.cs-blog .bloginfo-sec {
        padding: 0px;
    }

    .post-thumb figure ~ .thumb-options {
        float: none;
        padding: 0px 0px 0px 50px;
    }

    .cs-blog.blog-medium .main-thumb {
        width: 100%;
    }

        .cs-blog.blog-medium .main-thumb ~ .bloginfo-sec, .rtl .cs-blog.blog-medium .main-thumb ~ .bloginfo-sec {
            padding: 20px 20px 10px 20px;
        }

    .cs-blog.blog-medium .bloginfo-sec {
        float: left;
        width: 100%;
        padding: 20px 20px 10px 20px;
    }

    .blog-editor .post-option-panel:before {
        display: none;
    }

    .blog-editor .post-option-panel {
        padding-left: 0px;
    }
    /* Blog Detail Setup  */
    .cs-post-sharebtn .cs-cell {
        float: left;
        width: 100%;
        padding: 10px 0px;
    }

        .cs-post-sharebtn .cs-cell.left-btn {
            border: none;
            border-bottom: 1px solid #f6f6f6;
            padding-right: 0px;
        }

        .cs-post-sharebtn .cs-cell.right-btn {
            padding-left: 0px;
        }

    .comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-website {
        width: 100%;
    }

    #comment .thumblist li .text-box {
        border: none;
        padding-left: 0px;
        float: left;
        width: 100%;
    }

    #comment .children {
        margin-left: 15px;
    }

    .comment-form p.comment-form-email input.emailinput {
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
    }

    .rtl .main-section .blog-editor .post-option-panel {
        padding: 0px;
    }

    .rtl .main-section #comment .thumblist li .text-box {
        border-color: none;
        padding: 0px;
    }

    .rtl .main-section #comment .children {
        margin: 0px;
    }
    /*============ Agent Setup ============ */
    .cs-filter-menu li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    /*============ page not found Setup ============ */
    .form-control, .main-section .cs-search-area .form-control {
        font-size: 11px;
    }

    .main-section .cs-search-area .form-control, .main-section .cs-search-area > form {
        width: 310px;
    }
    /*============ Cs Tbes Setup ============ */
    .cs-tabs.nav-position-top .nav-tabs li, .cs-tabs.vertical .nav-tabs, .cs-tabs.vertical .tab-content {
        width: 100%;
    }
    /*============ Cs Accordian  Setup ============ */
    .panel-group.default .panel-title a {
        font-size: 13px;
    }
    /*============ Table  Setup ============ */
    .tablev2.table > thead > tr > th, .tablev2.table > tbody > tr > th, .tablev2.table > tfoot > tr > th, .tablev2.table > thead > tr > td, .tablev2.table > tbody > tr > td, .tablev2.table > tfoot > tr > td {
        padding: 12px 7px;
    }

    .tablev2.table thead tr th {
        font-size: 12px;
    }

    .directory-package table > thead > tr > th, .directory-package table > tbody > tr > th, .directory-package table > tfoot > tr > th, .directory-package table > thead > tr > td, .directory-package table > tbody > tr > td, .directory-package table > tfoot > tr > td {
        font-size: 11px;
    }
    /*============  Directory Listing page Setup ============ */
    .dr_userinfo li .cs-label {
        width: 46%;
        margin-bottom: 6px;
    }

    .filter-nav ul li a {
        font-size: 10px;
    }

    .cs-filter-menu li {
        margin-right: 10px;
    }

    .directory-advanced-search-content form ul li, .cs-directory.default_listing .dr_userinfo li, .cs-search-v3 .directory-advanced-search-content form ul li,
    .cs-search-v3 .directory-advanced-search-content, .directory-advanced-search-content .advance-search-price-range ul li {
        width: 100%!important;
    }

        .directory-advanced-search-content form ul li.submit-button {
            width: 33.33%;
        }

    .pro_specifications tr td {
        padding: 11px 10px 14px;
        float: left;
    }
    /* Directory Listing Detail */
    .featured-list ul li, .cs-select-cat ul li, .cs-packges li, .cs-form-element .radio-box li, .cs-form-element li.enable-post label, .cs-form-element.tw-input li, .cs-form-element.tw-input li:nth-child(2n), .cs-form-element.half-input > li, .title-left li .inner-sec,
    .title-left li label, .cs-form-element.column-input li {
        width: 100%;
    }

    .favorites-section {
        margin-bottom: 15px;
    }

    .bottom-sec ul li {
        border: none;
    }

    .cs-packges li {
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .my-ads.has-border, .cs-form-element.tw-input li, .cs-form-element.half-input > li, .cs-form-element.column-input li {
        padding: 0px;
    }
    /*============ User porfile page  Setup ============ */
    #scroll-nav li {
        width: 100%;
        margin: 0 0 5px 0;
    }

    .gallery-thumb .directory_images li {
        width: 100%;
    }
    /*============ Message Box Setup ============ */
    .messagebox-v3 {
        padding-right: 15px;
    }

        .messagebox-v3 .custom-btn {
            top: 76%;
        }

        .messagebox-v3 P {
            margin-bottom: 20px;
        }

    .main-section .cs-search-area .form-control, .main-section .cs-search-area > form {
        width: 280px;
    }

    #cs_ad_post_modal .modal-dialog {
        top: 60% !important;
    }

    .cs-search-v2 .directory-advanced-search-content form ul li {
        width: 100% !important;
    }

    #footer-sec .widget.element-size-100 {
        width: 100%;
    }

    .cs-signup {
        left: auto;
        right: 0;
        margin: 0;
    }

    .cs_banner_section a {
        display: block;
        float: left;
    }

    .fullscreen {
        top: 60px;
    }

    .plus-review {
        left: 0;
        top: 120%;
        width: 220px;
    }

    .cs-payment-gateway {
        margin: 0 0 0 -3px;
    }

    .directory-advanced-search-content .advance-search-price-range ul li:first-child {
        padding-right: 0;
    }

    .pp_pic_holder.pp_default {
        width: 100%!important;
        left: 0!important;
        overflow: hidden;
    }

    div.pp_default .pp_content_container .pp_left {
        padding-left: 0!important;
    }

    div.pp_default .pp_content_container .pp_right {
        padding-right: 0!important;
    }

    .pp_content {
        width: 100%!important;
        height: auto!important;
    }

    .pp_fade {
        width: 100%!important;
        height: 100%!important;
    }

    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
        display: none!important;
    }

    #pp_full_res img {
        width: 100%!important;
        height: auto!important;
    }

    .pp_details {
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
    }

    a.pp_close {
        right: 7%!important;
        top: 10px!important;
    }

    .advance-search-price-range li:last-child {
        width: 100% !important;
        padding: 0 !important;
    }

    .call-actions.ac-classic .cell.heading, .call-actions.ac-classic .cell.text-area {
        text-align: center;
    }

    .SumoSelect > .optWrapper.isFloating {
        top: 40%;
    }

    .cs_shop_wrap {
        padding-right: 0px !important;
    }

    .btn-sec {
        margin-bottom: 15px;
    }
}

/*============	Media 940Px Start ============ */
@media (min-width: 992px) and (max-width: 1030px) {

    /* Wrapper Boxed View */
    .wrapper.wrapper_boxed {
        width: 100% !important;
    }
    /*============ Header Setup ============ */
    .main-navbar .navigation ul > li > a {
        padding: 0px 10px;
        min-height: 35px !important;
        font-size: 13px !important;
    }

    .navigation ul .sub-dropdown li a {
        padding: 12px 10px;
    }

    .navigation {
        margin-top: 35px;
    }
        /*.navigation ul .sub-dropdown{ left: auto; right: 0;}*/
        /*.navigation ul .sub-dropdown ul { left: -95%; }*/
        /*.navigation ul .sub-dropdown ul ul { left: 100%; }*/
        /*.navigation ul > li > .sub-dropdown::before{left: auto; right: 25px;}*/
        .navigation > ul ul li > a {
            font-size: 10px;
            font-weight: 500;
        }

    .dir-search-fields li .chosen-container, .distance-in-miles .chosen-container {
        width: 100% !important;
    }

    .agent-listing .left-info {
        width: 70%;
    }

    .right-info {
        width: 29%;
    }
    /*============ Footer Setup ============ */
    .user-signup form {
        width: 530px;
    }

    .footer_icon {
        padding: 0 10px 0 0;
    }
    /*============ page not found Setup ============ */
    .page-not-found .cs-search-area > form {
        width: 39%;
    }

    .cs-search-area input.btn {
        right: 10px;
    }

    .relevant-search .cs-search-area > form {
        width: 57%;
    }
    /*============ Piechart Setup ============ */
    .circliful > canvas {
        width: 198px !important;
    }

    .circle-text, .circle-info, .circle-text-half, .circle-info-half {
        width: 80%;
    }

    .circliful .circle-info, .circliful .circle-info-half {
        line-height: 160px !important;
    }

    .circliful .circle-text {
        line-height: 250px!important;
    }

    .sidebar-search label {
        font-size: 12px;
    }
    /*============  Directory Listing page Setup ============ */
    .directory-box {
        width: 100%;
    }

    .main-section .wide .row .col-md-12 {
        padding: 0 15px;
    }

    .cs_banner_section a, .cs_banner_section a img {
        float: left;
        width: 100%;
    }

    .cs-blog.blog-medium .main-thumb {
        width: 300px;
    }

    .cs-tabs .nav-tabs li a {
        padding: 12px 12px;
    }

    .user-signup form label {
        width: 74%;
    }

    .cs-search-area label:before {
        left: 8%;
    }

    .cs-search-area input.btn {
        right: 26px;
    }

    .opening-hours ul li .timehoure {
        float: left;
    }

    .woocommerce .page-content ul.products li.product, .woocommerce-page .page-content ul.products li.product {
        width: 28.444% !important;
    }

    .cs_counter.classic span {
        font-size: 12px;
    }

    .cs_counter.classic .cs-numcount {
        font-size: 36px;
    }

    .cs-search-area input.btn {
        top: 3px;
        right: 3px;
    }

    .cs-search-v2 .directory-advanced-search-content {
        width: 100%;
    }

    .cs-search-v3 .directory-advanced-search-content form ul > li {
        width: 50%;
    }

    .cs-search-v3 .directory-advanced-search-content .advance-search-price-range ul li input[type="text"] {
        width: 100%;
    }

    .cs-search-v3 .directory-advanced-search-content .advance-search-price-range ul li {
        margin-right: 0px;
    }

    .cs-search-v3 .directory-advanced-search-content form ul li.submit-button {
        width: 50%;
    }

    .cs-search-v3 .directory-advanced-search-content .input-sec {
        margin-bottom: 8px;
    }

    .cs-search-v3 .directory-advanced-search-content form li.price-search {
        padding-left: 6px;
    }

    .cs-search-v2 .directory-advanced-search-content {
        width: 100%;
    }

    .rev_slider_wrapper ~ .wide .cs-search-v3 .directory-advanced-search-content form ul > li {
        display: inline-block;
        width: 50%;
    }

    .rev_slider_wrapper ~ .wide .cs-search-v3 .directory-advanced-search-content form ul li.submit-button {
        display: inline-block;
        width: 50%;
    }
}