/*----------------------------------------------------
@File: Responsive Styles
@Author: Nasir Uddin
@URL: http://nasiruddin.com

 This file contains the responsive styles for the theme
----------------------------------------------------*/

/* ===== RESPONSIVE PER IL TUO TEMA GIOIMMOBILIARE ===== */

/* Tablet e schermi medi */
@media (max-width: 991px) {
    /* Header */
    body.default header .navbar #mainNavigation .nav li {
        padding: 20px 0;
    }
    
    body.default header .navbar #mainNavigation .nav li a {
        padding: 0 12px;
        font-size: 13px;
    }
    
    /* Service blocks */
    body.default .service_block {
        padding: 10px;
    }
    
    body.default .service_block .inner .block_title {
        font-size: 16px;
    }
    
    /* Footer */
    body.default footer .widget .widgetInner {
        height: auto;
        min-height: 250px;
        padding: 20px;
    }
    
    body.default .footerBanner .inner .banner_texts {
        padding-left: 30px;
        padding-top: 30px;
    }
    
    body.default .footerBanner .inner .banner_texts h2 {
        font-size: 24px;
        line-height: 34px;
    }
    
    body.default .footerBanner .inner .banner_texts h3 {
        font-size: 20px;
        line-height: 34px;
    }
    
    body.default .footerBanner .inner .sell_rent_link {
        margin-top: 30px;
        font-size: 16px;
        line-height: 50px;
        padding: 0 20px;
    }
    
    /* Immobili in griglia */
    body.default .listing-grid-item .imageRow {
        min-height: 200px;
    }
    
    body.default .listing-grid-item .description .price {
        font-size: 18px;
    }
    
    body.default .listing-grid-item .description h4.location {
        font-size: 17px;
    }
    
    /* Slider */
    body.default #mainSlider .slides li .captions .container .row {
        font-size: 15px;
        line-height: 45px;
        padding-right: 80px;
    }
    
    body.default #mainSlider .flex-direction-nav {
        top: -140px;
    }
    
    body.default #mainSlider .flex-direction-nav li a {
        width: 45px;
        height: 45px;
        line-height: 44px;
        font-size: 14px;
    }
    
    /* Sidebar */
    body.default .sidebar .widget {
        padding: 15px;
    }
}

/* Tablet piccolo e dispositivi mobili */
@media (max-width: 767px) {
    /* Header - Mobile */
    body.default header .topHeader .social_menu {
        float: none;
        text-align: center;
    }
    
    body.default header .topHeader .social_menu ul {
        display: inline-block;
    }
    
    body.default header .topHeader .social_menu ul li {
        padding: 5px 8px;
    }
    
    body.default header .topHeader .top_menu {
        float: none;
        text-align: center;
    }
    
    body.default header .topHeader .top_menu .list-inline {
        float: none;
        display: inline-block;
    }
    
    body.default header .topHeader .top_menu .list-inline li {
        padding: 5px 8px;
    }
    
    body.default header .topHeader .top_menu .list-inline li a {
        font-size: 12px;
    }
    
    body.default header .topHeader .top_menu .list-inline li a i {
        width: 25px;
        line-height: 25px;
        font-size: 12px;
    }
    
    /* Navbar Mobile */
    body.default header .navbar .navbar-header .navbar-brand {
        padding: 15px 0;
    }
    
    body.default header .navbar .navbar-header .navbar-brand img {
        max-width: 200px;
    }
    
    body.default header .navbar #mainNavigation .nav li {
        padding: 5px 0;
        border-bottom: 1px solid #eee;
    }
    
    body.default header .navbar #mainNavigation .nav li:last-child {
        border-bottom: none;
    }
    
    body.default header .navbar #mainNavigation .nav li a {
        padding: 8px 15px;
        border: none !important;
    }
    
    body.default header .navbar #mainNavigation .nav li.active a {
        background: #348cb2;
        color: #fff;
    }
    
    body.default header .navbar #mainNavigation .nav li.dropdown .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        border: none;
        box-shadow: none;
        background: #f5f5f5;
    }
    
    body.default header .navbar #mainNavigation .nav li.dropdown .dropdown-menu li {
        padding: 0;
        border-bottom: 1px solid #eee;
    }
    
    body.default header .navbar #mainNavigation .nav li.dropdown .dropdown-menu li a {
        padding: 8px 30px;
        color: #555;
    }
    
    body.default header .navbar #mainNavigation .nav li.dropdown .dropdown-menu li ul {
        position: static;
        box-shadow: none;
        border: none;
        background: #f0f0f0;
        padding-left: 15px;
    }
    
    /* Slider Mobile */
    body.default #mainSlider .slides li .captions {
        bottom: 60px;
    }
    
    body.default #mainSlider .slides li .captions .container .row {
        font-size: 12px;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    body.default #mainSlider .flex-direction-nav {
        top: -100px;
    }
    
    body.default #mainSlider .flex-direction-nav li a {
        width: 35px;
        height: 35px;
        line-height: 34px;
        font-size: 12px;
    }
    
    body.default #mainSlider .flex-direction-nav li.flex-nav-prev {
        right: 50px;
    }
    
    /* Section Title */
    body.default .section_title {
        font-size: 22px;
    }
    
    /* Service Blocks */
    body.default .service_block {
        padding: 10px 5px;
    }
    
    body.default .service_block .inner {
        padding: 15px 10px;
    }
    
    body.default .service_block .inner .block_icon {
        padding: 15px 0 20px;
    }
    
    body.default .service_block .inner .block_icon i {
        width: 60px;
        height: 60px;
        line-height: 58px;
        font-size: 22px;
    }
    
    body.default .service_block .inner .block_title {
        font-size: 14px;
        padding-top: 15px;
        margin-top: -5px;
        margin-bottom: 15px;
    }
    
    /* Ricerca Homepage */
    body.default #search.homepage_search {
        margin-top: -60px;
    }
    
    body.default .searchForm .formTitle {
        font-size: 20px;
        padding: 15px 20px;
    }
    
    body.default .searchForm .form_elements .form_element {
        padding: 5px 0;
    }
    
    body.default .searchForm .form_elements .form_element + .form_element {
        padding-left: 0;
    }
    
    body.default .searchForm .form_elements .form_element .bootstrap-select {
        width: 100% !important;
    }
    
    body.default .searchForm .form_elements .form_element button[type="submit"] {
        margin-top: 10px;
        width: 100%;
    }
    
    /* Immobili in griglia */
    body.default .listing-grid-item {
        margin-bottom: 30px;
    }
    
    body.default .listing-grid-item .imageRow {
        min-height: 180px;
    }
    
    body.default .listing-grid-item .imageRow img {
        min-height: 180px;
    }
    
    body.default .listing-grid-item .description {
        padding: 15px 20px;
    }
    
    body.default .listing-grid-item .description .price {
        font-size: 16px;
        line-height: 40px;
    }
    
    body.default .listing-grid-item .description .priceRow i {
        width: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    
    body.default .listing-grid-item .description h4.location {
        font-size: 15px;
    }
    
    body.default .listing-grid-item .description .specify_btn {
        font-size: 12px;
        line-height: 30px;
        padding: 0 12px;
    }
    
    /* Blocchi statici a 3 colonne */
    .listing-grid-item .imageRow {
        padding-bottom: 60% !important;
    }
    
    .listing-grid-item .description {
        padding: 10px 15px 15px;
    }
    
    .listing-grid-item .description .price {
        font-size: 13px !important;
        line-height: 35px !important;
    }
    
    .listing-grid-item .description .priceRow i {
        width: 35px !important;
        line-height: 35px !important;
        font-size: 14px !important;
    }
    
    .listing-grid-item .description .location_link h4.location {
        font-size: 13px !important;
    }
    
    .listing-grid-item .description .specify_btn {
        font-size: 10px !important;
        padding: 2px 10px !important;
        line-height: 24px !important;
    }
    
    /* Footer */
    body.default .footerBanner .inner {
        margin-top: 30px;
    }
    
    body.default .footerBanner .inner .property {
        margin-top: -30px;
        max-width: 60%;
    }
    
    body.default .footerBanner .inner .banner_texts {
        padding-left: 15px;
        padding-top: 20px;
    }
    
    body.default .footerBanner .inner .banner_texts h2 {
        font-size: 18px;
        line-height: 28px;
    }
    
    body.default .footerBanner .inner .banner_texts h3 {
        font-size: 16px;
        line-height: 28px;
    }
    
    body.default .footerBanner .inner .sell_rent_link {
        font-size: 13px;
        line-height: 40px;
        padding: 0 15px;
        margin-top: 15px;
        float: none !important;
        text-align: center;
    }
    
    body.default footer .widget .widgetInner {
        height: auto;
        min-height: 150px;
        padding: 15px;
        margin-bottom: 20px;
    }
    
    body.default footer .widget h4 {
        font-size: 17px;
    }
    
    body.default footer .widget.recentPostWidget .nav li a {
        font-size: 13px;
    }
    
    body.default footer .copyrightRow {
        text-align: center;
    }
    
    body.default footer .copyrightRow .copyright {
        font-size: 12px;
        margin-bottom: 15px;
    }
    
    body.default footer .copyrightRow .goTop {
        margin-top: 10px;
    }
    
    body.default footer .copyrightRow .goTop a {
        width: 40px;
        line-height: 38px;
        font-size: 18px;
    }
    
    body.default footer .copyrightRow .footSocial .nav {
        display: inline-block;
    }
    
    body.default footer .copyrightRow .footSocial .nav li a {
        width: 35px;
        line-height: 33px;
        font-size: 14px;
    }
    
    /* Pagina contatti */
    body.default .mapArea .contactInfos {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 15px;
    }
    
    body.default .mapArea .contactInfos .nav li .nav {
        position: static;
        transform: scale(1);
    }
    
    /* Sidebar */
    body.default .sidebar .widget {
        padding: 15px;
    }
    
    /* Commenti */
    body.default .comments .commentDisplay .commentreply.commentreply2,
    body.default .comments .commentDisplay .commentreply.commentreply3 {
        padding-left: 20px;
    }
    
    /* Blog */
    body.default .blog .inner {
        padding-left: 15px;
    }
    
    body.default .blog .inner .desc {
        padding: 15px;
    }
    
    body.default .blog .inner .desc .blogtitle {
        font-size: 16px;
    }
    
    /* Pagination */
    body.default .paginationRow .pagination li a {
        padding: 0 12px;
        font-size: 14px;
        line-height: 35px;
    }
    
    /* Listing List */
    body.default .listing_list .info_content .description {
        padding: 15px;
    }
    
    body.default .listing_list .info_content .description .priceRow .price {
        font-size: 14px;
    }
    
    /* Dettaglio immobile */
    body.default .listing_details .info_content .description {
        padding: 15px;
    }
    
    body.default .listing_details .info_content .description p {
        font-size: 14px;
        line-height: 20px;
    }
    
    body.default .listing_details .info_content .description .feature {
        font-size: 12px;
        line-height: 30px;
        padding: 0 10px;
    }
    
    /* Page Cover */
    body.default .pageCover {
        height: 120px;
        padding-top: 30px;
    }
    
    body.default .pageCover .page_name {
        font-size: 14px;
        line-height: 35px;
        padding: 0 10px;
    }
    
    body.default .pageCover .page_dir ul li {
        line-height: 35px;
        font-size: 12px;
    }
    
    /* Submit Property Form */
    body.default #submit_property_form .steps {
        width: 100%;
        float: none;
        padding: 0 5px;
    }
    
    body.default #submit_property_form .content {
        width: 100%;
        float: none;
        margin: 15px 0;
    }
    
    body.default #submit_property_form .content fieldset {
        padding: 15px 15px 0;
        min-height: 350px;
    }
    
    body.default #submit_property_form .content fieldset .checkbox_div {
        width: 100%;
    }
    
    body.default #submit_property_form .actions {
        width: 100%;
        margin-left: 0;
        float: none;
        padding: 0 5px;
    }
    
    body.default #submit_property_form .actions ul {
        padding: 15px;
    }
    
    body.default #submit_property_form .actions ul li a {
        font-size: 14px;
        line-height: 45px;
        padding: 0 20px;
    }
    
    /* Testimonial */
    body.default .testimonial_carousel .testimonial_texts {
        width: 100%;
        max-width: 365px;
    }
    
    body.default .testimonial_carousel .testimonial_texts .inner {
        padding: 15px;
        font-size: 14px;
        line-height: 24px;
    }
}

/* Telefoni molto piccoli */
@media (max-width: 480px) {
    body.default .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    body.default .section_title {
        font-size: 18px;
    }
    
    body.default header .navbar .navbar-header .navbar-brand img {
        max-width: 150px;
    }
    
    body.default #mainSlider .slides li .captions {
        bottom: 40px;
    }
    
    body.default #mainSlider .slides li .captions .container .row {
        font-size: 10px;
        line-height: 25px;
        padding: 0 5px;
    }
    
    body.default #mainSlider .flex-direction-nav {
        top: -80px;
    }
    
    body.default #mainSlider .flex-direction-nav li a {
        width: 28px;
        height: 28px;
        line-height: 27px;
        font-size: 10px;
    }
    
    body.default .footerBanner .inner .banner_texts h2 {
        font-size: 15px;
        line-height: 24px;
    }
    
    body.default .footerBanner .inner .banner_texts h3 {
        font-size: 14px;
        line-height: 24px;
    }
    
    body.default .footerBanner .inner .sell_rent_link {
        font-size: 11px;
        line-height: 35px;
        padding: 0 10px;
    }
    
    .listing-grid-item .imageRow {
        padding-bottom: 70% !important;
    }
    
    .valoreaffitto {
        font-size: 11px !important;
        padding: 3px 8px !important;
        bottom: 5px !important;
        right: 5px !important;
    }
    
    .saleTag {
        font-size: 10px !important;
        padding: 3px 10px !important;
        top: 5px !important;
        left: 5px !important;
    }
    
    #affittouffici .listing-grid-item .saleTag {
        top: 10px !important;
        left: 10px !important;
        font-size: 10px !important;
    }
}

/* Stampa */
@media print {
    body.default header,
    body.default footer,
    body.default .footerBanner,
    body.default #mainSlider,
    body.default .searchForm,
    body.default .scroll-arrows,
    body.default .goTop {
        display: none !important;
    }
    
    body.default .container {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    body.default .col-sm-4,
    body.default .col-sm-8,
    body.default .col-sm-12 {
        width: 100% !important;
        float: none !important;
    }
    
    body.default .listing-grid-item {
        page-break-inside: avoid;
        margin-bottom: 20px !important;
    }
    
    body.default .info_content .description {
        background: #fff !important;
        color: #000 !important;
    }
    
    body.default .info_content .description h4.location {
        color: #000 !important;
    }
    
    body.default .info_content .description .price {
        color: #000 !important;
        background: #eee !important;
    }
}