/* ==========================================================================
   IamCALCIO ADV - Mobile Styles (max-width: 767px)
   ========================================================================== */

@media (max-width: 767px) {

    /* --- Body & Navbar --- */
    body {
        padding-top: 60px;
    }

    .navbar-inverse .navbar-header a img {
        height: 36px !important;
    }

    /* --- Panel heading: prezzo/info sotto il titolo --- */
    .panel-heading span {
        float: none;
        display: block;
        margin-top: 5px;
        font-size: 13px;
    }

    /* --- Homepage thumbnails --- */
    div.thumbnail div.caption h3 {
        float: none;
        display: block;
        text-align: center;
    }

    div.thumbnail div.caption a {
        float: none;
        display: block;
        text-align: center;
        margin-top: 8px;
    }

    div.thumbnail div.caption a.normal {
        float: none;
        text-align: center;
    }

    /* --- Profile: schede units (col-xs-5 info + col-xs-7 form) impilati --- */
    .units .panel-body > [class*="col-xs-5"],
    .units .panel-body > [class*="col-xs-7"] {
        width: 100%;
        float: none;
        padding-left: 15px;
        padding-right: 15px;
    }

    .units .panel-body > .col-xs-7.text-right {
        text-align: left;
        margin-top: 10px;
    }

    /* Units: titolo e descrizione */
    .units h2 {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }

    .units .panel-body p {
        font-size: 13px;
        margin: 0 0 5px 0;
    }

    /* Units: select importo - full width e testo leggibile */
    .units .form-inline .form-group {
        width: 100%;
    }

    .units .form-inline select.form-control {
        width: 100% !important;
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        height: auto;
        padding: 8px 6px;
    }

    .units .form-inline input[type="submit"].btn {
        width: 100%;
        display: block;
        margin-top: 4px;
        padding: 10px;
    }

    .units .form-inline label {
        display: block;
        margin-bottom: 5px;
    }

    /* Units: panel footer */
    .units .panel-footer {
        font-size: 13px;
    }

    /* --- Addbanner: Dettagli campagna data/url impilati --- */
    #step2 .row > .col-xs-6 {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    #step2 .row > .col-xs-4 {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    /* --- Billing: step3 colonne impilate --- */
    div#step3 .step3-first {
        float: none;
        width: 100%;
    }

    div#step3 .step3-second {
        float: none;
        width: 100%;
        text-align: left;
        margin-top: 15px;
    }

    /* Billing: campi form full width */
    div#step3 .row > .col-xs-6 {
        width: 100%;
        float: none;
        margin-bottom: 8px;
    }

    div.infofatturazione div {
        float: none;
    }

    /* --- Checkout: detailsOrder full width --- */
    p.detailsOrder {
        width: 100%;
    }

    p.detailsOrder span:nth-child(odd) {
        width: 65%;
    }

    p.detailsOrder span:nth-child(even) {
        width: 30%;
    }

    /* --- Contatti: colonne impilate --- */
    .panel-body > .row > .col-xs-6 {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    /* --- Jumbotron: font ridotto --- */
    .jumbotron {
        padding: 8px 12px !important;
    }

    .jumbotron p {
        font-size: 14px !important;
    }

    /* --- Footer --- */
    footer p {
        font-size: 12px;
        padding: 0 10px;
    }

    /* --- Bottoni submit: full width per touch --- */
    input[type="submit"].btn,
    button[type="submit"].btn {
        width: 100%;
        padding: 12px;
    }

    /* --- Colorbox: non uscire dallo schermo --- */
    #cboxWrapper,
    #colorbox {
        max-width: 95vw !important;
    }

    #cboxLoadedContent {
        max-width: 100% !important;
    }

    #cboxLoadedContent img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* --- Step1 info colonne --- */
    #step1 .row > .col-xs-8 {
        width: 100%;
    }

    #step1 .row > .col-xs-4 {
        width: 100%;
    }

    /* --- Carrello: banner indicatore in profile --- */
    .cart-banner {
        flex-direction: column !important;
        text-align: center;
    }

    .cart-banner .btn {
        width: 100%;
        margin-top: 8px;
    }

    /* --- Carrello: blocchi item in addbanner --- */
    .cart-item .row > .col-xs-10 {
        width: 83.33%;
    }

    .cart-item .row > .col-xs-2 {
        width: 16.67%;
    }

    .cart-item .step2-item .row > .col-xs-6 {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    /* --- Carrello: Nel carrello badge mobile --- */
    .units .label-success {
        display: block !important;
        text-align: center;
        margin-top: 8px;
    }

}