/*!
 * Responsive mamont.md
 * Copyright 2018.
 */

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


    /******************** Header section ********************/

    .featured_banner {
        display:none;
    }

    .small-menu-category {
        display:block;
    }

    .link-small-category {
        width: 100%;
        display: block;
        padding: 5px;
        border: 1px solid #eee;
        background: #f9f9f9;
        font-size: 15px;
        color: gray;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .link-small-category:hover {
        background: #f0f0f0;
    }

    #breadcrumbs-categories,
    .mega-menu-right {
        width: auto;
    }

    .side-menu {
        display:none;
        border: 1px solid #eee;
        margin: -1px 0;
    }

    .link-small-category i {
        margin: 5px 10px;
        float: right;
        font-size: 18px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .link-small-category.opened i {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .link-small-category span {
        margin: 5px;
        font-size: 18px;
        font-weight: 600;
    }

    .ad-listing-favorite .content-area .col-md-11 {
        float:left;
        width:auto;
    }

    .feature_baner_sp  img {
        min-width: 100%;
    }

    div.profile-section .favorite-advert .col-md-2 {
        float:left !important;
    }
    .ad-listing-favorite .content-area {
        padding: 0;
    }


    .header-top-left {
        float:left !important;
    }

    #sp_srch {
        height:auto;
    }

    .small-logo-m {
        display: block !important;
        text-align: center;
        padding: 10px 0;
        width:100%;
    }

    .dl-horizontal dt {
        width:50%;
        float:left;
    }
    .social-links div {
        width:50%;
        float:left;
    }
    #index_ads_list .categ-title-elipsis {
        width: 320px;
    }

    /********************* Footer section **************/

    .heading-panel-footer {
        margin-top: 10px;
        text-align: center;
    }

    .heading-panel-footer h3 {
        text-align: center;
        margin-top:10px;
    }

    .footer-widget div.logo img {
        margin:0 auto;
        display:block;
    }

    .footer-widget ul, .footer-widget p {
        text-align: center;
    }

    .footer-area .contact-info li .icon {
        position:relative;
        margin:0 2px;
    }
}


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

    /******************* Header section *************/


    .banner a.banner-top div, .banner a.banner-bottom div {
        height: 50px !important;
    }

    .featured {
        padding: 20px;
    }

    .search-block-m select.category{
        width: 25%;
        float: left;
        z-index: 2;
        position: relative;
        top: 1px;
        border-right: none;
    }

    .header-right {
        display:inline-block;
        float:right !important;
    }

    #sp_srch {
        height:auto;
    }

    .small-logo-m {
        display: block !important;
        text-align: center;
        padding: 10px 0;
        width:100%;
    }

    .alert-danger {
        font-size:12px;
    }

    .info-user {
        width:100%;
        margin:0 auto;
        text-align: center;
    }

    .search-result-item .image-link {
        margin: 0 auto;
        float:none;
        width:25%;
    }

    #head_fxt{
        padding:10px 0;
    }

    .sidebar .side-menu nav .nav > li > .mega-menu-left .yamm-content h4, .sidebar .side-menu nav .nav > li > .mega-menu-left .yamm-content ul > li > a{
        font-size:12px;
    }

    /***********************************************/

    /**************** Body section  ***************/

    .col-xs-12 {
        width:auto;
        float:none;
    }

    div.review_rating  {
        display: block;
        width: 100%;
    }

    div#views-data {
        width:100%;
        position: relative;
    }

    div#views-articles-data {
        width:100%;
        position:relative;
        float:none;
    }

    ul.ad-meta-info {
        margin:5px 0;
    }


    .nav-tabs.nav-justified > li {
        float: left;
        width: 50%;
    }

    .nav-tabs.nav-justified li.active a{
        background-color: #ddd;
    }

    .progress {
        width: 200px;
    }
.ad-listing .content-area .col-md-9::after, .ad-listing-favorite .content-area .col-md-9::after{
    
        width: 0px;
}
    .meter-bar {
        text-align: center;
        display: block;
        width: 100%;
    }

    #accordion .advert-tab, #accordion .col-md-6 {
        padding: 2px !important;
    }

    .panel-body {
        padding:0;
    }

    div.feedback-see-all .modal-dialog {
        width:auto !important;
    }

    .meter-bar table td:first-child {
        width:auto;
    }

    section.custom-padding .sidebar .side-menu nav .nav > li > .mega-menu-left {
        border-radius: 0;
        margin:0;
        min-width: 100%;
        overflow: hidden;
        padding: 3px 0;
        position: absolute;
        left: 0;
        top:100% !important;
    }

    .ad-listing .col-xs-12 {
        float:left;
        width:100%;
    }

    .ad-listing .col-md-2 img, .ad-listing-favorite .col-md-2 img {
        width:100%;
    }

    div.profile-section .favorite-advert .col-md-2 {
        float: none !important;
        margin-bottom:5px;
    }

    .ad-listing .content-area .col-md-9, .ad-listing-favorite .content-area .col-md-9{
        width:100%;
    }
    .ad-listing .content-area .col-md-3 {
        /*width:auto;*/
        float:right;
    }


    .ad-listing .content-area.owerflow-visible .col-md-9::after {
        background-color:transparent;
    }
    .ad-listing .img-box img, .ad-listing-favorite .img-box img {
        margin: auto;
        display:block;
    }

    .ads_l_sp {
        padding:5px;
    }

    .ads_img_heart {
        float:none;
    }

    .single-anunt .ads_img_heart {
        float:left;
    }

    #index_ads_list .categ-title-elipsis {
        width:auto;
    }
    .dashboard-menu-container ul li{
        display:block;
        width:100%;
        border-bottom: 1px solid #f1f1f1;
    }

    .anunt-box h1 {
        font-size:14px;
    }

    .d01 {
        width:auto;
    }

    .d02 {
        margin-left:5px;
    }

    .d03 {
        text-align: center;
    }

    .list-minim .d02 {
        width: calc(100% - 35px);
    }

    .list-minim .d03 {
        text-align: left;
        padding-left: 5px;
    }

    .chat-box {
        margin-left:0;
    }

    .social-links div {
        margin-bottom:5px;
    }

    .ad-share div{
        margin-bottom: 5px;
    }

    .categ-title-elipsis{
        width:100%;
    }

    #ad_post_form .small-select-box div {
        margin-bottom:5px;
    }

    .post-ad-form {
        padding:0;
    }

    .meter-bar table {
        display:table;
        margin:auto;
        width:auto;
    }

    #rating {
        display: table;
        width:auto;
        float:none;
    }

    .advert-star-balloon {
        width: 100%;
    }

    .anunt-box2 {
        width:100%;
    }

    .ratings-menu .rating > label::before {
        font-size:1em;
    }

    .ratings-menu div.review_rating {
        display:block;
        width:100%;
    }

    .ratings-menu form.rating {
        display: flex;
        width: 120px;
        margin: 0 auto;
        float: none;
    }

    .ratings-menu div.review_rating span.review_rating {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    .skin-minimal label {
        font-size:14px;
    }

    /**********************************************/


    /***************** Footer section **************/

    .heading-panel-footer {
        margin-top: 10px;
        text-align: center;
    }

    .footer-area .contact-info {
        margin:0;
    }

    .heading-panel-footer h3 {
        text-align: center;
        margin-top:10px;
    }

    .footer-widget div.logo img {
        margin:0 auto;
    }

    .footer-widget ul, .footer-widget p {
        text-align: center;
    }

    .footer-area .contact-info li .icon {
        position:relative;
        margin:0 2px;
    }

}


@media screen and (max-width: 992px) and (min-width: 640px) {

    .col-sm-12 {
        width: 100%;
    }

    .banner a.banner-top div, .banner a.banner-bottom div {
        height:75px !important;
    }

    .anunt-box2 {
        width:33.3333% !important;
        float:left !important;
        display:inline;
    }

    #ad_post_form .col-md-9 {
        margin: 10px 0;
    }

    #ad_post_form #map , .location-switches {
        margin: 10px;
    }

    div.featured {
        padding: 20px;
    }

    div.feedback-see-all .modal-dialog {
        width: auto !important;
    }

    div.small-select-box  select.category {
        margin: 5px 0;
    }

    /***** User profile *******/
    div.review_rating.advert-page {
        width:100%;
        display:block;
    }

    .ratings-menu div.review_rating {
        width:100%;
        display:block;
    }

    .search-result-item .image-link {
        width: auto;
    }

    div.info-user {
        width: auto;
        float: left;
    }


    div.mamont-modal-dialog {
        width: 400px;
        top:60%;
    }

    div.ad-share div {
        margin-bottom:10px;
    }

    #accordion .col-md-6 {
        width:50%;
        float:left;
        margin-bottom:10px;
    }

    section.custom-padding .sidebar .side-menu nav .nav > li > .mega-menu-left {
        border-radius: 0;
        margin: 0;
        min-width: 100%;
        overflow: hidden;
        padding: 3px 0;
        position: absolute;
        left: 0;
        top: 100% !important;
    }


    .ad-listing .content-area .save-ad {
        float: none;
    }

    .ad-meta {
        width: 200px;
    }

    .col-xs-12 {
        width: auto;
        float: none;
    }

    .ad-listing  .col-md-2 {
        float:left;
        width:20%;
    }
    .ad-listing .content-area .col-md-9 {
        float:left;
        width:50%;
    }
    .ad-listing .content-area .col-md-3 {
        float:left;
        width:30%;
    }
    .header {
        padding:20px 0;
    }

    .small-header-left{
        display: inline-block !important;
        float:left;
    }

    #sp_srch {
        height:auto;
    }

    .search-result-item .info {
        font-size: 12px;
    }

    .info small {
        margin: 2px;
        font-size: 9px;
    }

    .info-user h4 {
        font-size: 16px;
    }

    .search-result-item .image-link {
        margin: 0;
        float: left;
        width: auto;
    }

    .info-user {
        display: inline-block;
        width: auto;
        float: left;
        padding: 0 10px;
    }

    .ad_post_form {
        padding:0;
    }
    .submit-form .row {
        margin:0;
    }
    .attributes-by-category{
        margin:10px 0;
    }

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

}



@media screen and (max-width: 768px) and (min-width: 640px) {
    .search-block-m select.category {
        width: 25%;
        float: left;
        position: relative;
        z-index: 2;
    }




    .small-logo-m {
        display: block !important;
        text-align: center;
        padding: 10px 0;
        width:100%;
    }
}

@media screen and (max-width: 768px) and (min-width: 640px) and (-webkit-min-device-pixel-ratio:0){
    .search-block-m select.category {
        width:auto;
    }
}

@media screen and (max-width: 768px) {
    .advert_promoting_modal .mamont-modal-dialog,
    .advert_auto_republish_modal .mamont-modal-dialog {
        width: 95%;
    }
}

/********************************************************/

/*********** Media > 992 AND < 1199 px *****************/

@media screen and (max-width: 1199px) and (min-width: 992px) {

    .meter-bar {
        width: auto;
    }

    .ratings-menu div.review_rating {
        display: block;
        width: 100%;
    }

    .col-md-8 {
        width: 83.333333%;
        float: none;
        margin: auto;
    }

    .small-col-advert {
        width:66.66666%;
    }

    div.feedback-see-all .modal-dialog {
        width: auto !important;
    }

}