@media (min-width: 768px) and (max-width: 991px) {

    body, html {
        margin: 0;
        padding: 0;
    }

    body {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        background: #F5F5F5;
        color: #383838;
    }

    a:link, a:visited {
        color: #383838;
        text-decoration: none;
    }

    a:hover {
        color: #808080;
        text-decoration: none;
    }

    /*TESTATA*/

    .header {
        float: left;
        width: 100%;
        background: #EEEEEE;
        padding: 15px;
    }

    .logo {
        float: left;
        margin: 15px;
    }

    .ricerca {
        float: left;
        margin: 20px 15px;
    }

    #boxbrands {
        background: #ffffff;
        border: 1px solid #EEEEEE;
        padding: 15px;
        width: 700px;
        height: 300px;
        float: left;
        color: #383838;
        position: absolute;
        z-index: 300;
        top: 200px;
        left: 400px;
        visibility: hidden;
    }

    /*RICERCA*/

    .ricerca input {
        background: #ffffff;
        padding: 8px;
        float: left;
        border: 0;
        width: 350px;
    }

    .ricerca ul {
        list-style: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .ricerca ul li {
            float: left;
            padding: 0;
        }

    .BtnCerca {
        background: #DDDDDD !important;
        float: left;
        border: 0;
        cursor: pointer;
        width: 100px !important;
        color: #ffffff !important;
    }

.popupclass {
    padding:25px;
    text-align:center;

}


    /*AreaAccount*/

    .AreaAccount {
        float: right;
        padding: 15px 0;
        font-size: 11px;
        width: 100%;
    }



        .AreaAccount ul {
            list-style: none;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }


        .AreaAccount ul li {
            float:right;
            padding:0 5px;
        }

        .AreaAccount ul li:first-child {
            float:left;
            padding:0 5px;
        }

        .AreaAccount ul li:nth-child(2) {
            float:left;
            padding:0 5px;
        }

        .AreaAccount ul li:nth-child(3) {
            float:left;
            padding:0 5px;
        }

    .AreaAccount img{
        width:25px;
    }

    /*CONTATTACI*/


    .contattaci {
        float: left;
        margin: 25px 10px;
    }


        .contattaci ul {
            list-style: none;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            .contattaci ul li {
                float: left;
                padding: 0 5px;
            }

                .contattaci ul li:first-child {
                    float: left;
                    padding: 3px 5px;
                }

    /*CARRELLO TESTATA*/

    .carrello {
        float: right;
        margin: 5px 15px 2px 0;
        text-align: center;
        font-size: 10px;
    }

    .carrellovuoto {
        text-align: center;
        font-size: 14px;
        padding: 25px;
    }

    .carrellobox {
        border-radius: 3px;
        border: 1px solid #D0205E;
        background: #ffffff;
        margin-top: 15px auto;
        padding: 15px;
        display: none;
        position: absolute;
        z-index: 100;
        text-align: center;
    }

    .carrellodettagli ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .carrellodettagli ul li:first-child {
            float: left !important;
            padding: 5px !important;
            text-align: center !important;
            vertical-align: middle !important;
        }

        .carrellodettagli ul li {
            float: left !important;
            padding: 30px 5px 0 5px !important;
            margin: 0px 5px;
            text-align: center !important;
            vertical-align: middle !important;
        }

    .carrellobox h5 {
        font-weight: bold;
    }



    /*MENU*/

    .menu {
        margin: 0;
    }

        .menu a:link, .menu a:visited {
            color: #383838;
            font-size: 13px;
            text-decoration: none;
            padding: 15px 30px;
            float: left;
        }

        .menu a:hover {
            color: #ffffff;
            font-size: 13px;
            text-decoration: none;
            padding: 15px 30px;
        }



        .menu ul {
            list-style: none;
            list-style-type: none;
            margin: 0;
            padding: 0;
            background: #ffffff;
            border-top: 1px solid #EEEEEE;
            border-bottom: 1px solid #EEEEEE;
        }

            .menu ul li {
                background: #ffffff;
                display: table-cell;
                border-right: 1px solid #EEEEEE;
                color: #383838 !important;
            }


    .nav-fade li {
        color: #383838 !important;
        background: #FFF;
        padding: 3px 8px;
        transition: background .25s ease-in-out;
        -moz-transition: background .25s ease-in-out;
        -webkit-transition: background .25s ease-in-out;
    }

        .nav-fade li:hover {
            background: #383838;
        }


    /*.nav-fade li:nth-child(3):hover {
       background:#ffffff !important;
      }*/


    .menu ul li ul li {
        background: #ffffff !important;
    }


    .fixed {
        position: fixed;
        width: 1170px;
        top: 0;
        z-index: 20;
    }

    .containermarchi {
        margin: 25px;
        padding: 25px;
        float: left;
        cursor: default;
        background: #ffffff;
    }

    .menumarchi {
        float: left;
        width: 250px;
        padding: 5px;
    }

        .menumarchi a:link, .menumarchi a:visited {
            float: left;
            width: 250px;
            padding: 5px;
        }

        .menumarchi a:hover {
            float: left;
            width: 250px;
            padding: 5px;
            color: #D0205E;
        }

    /*BANNER*/

    .banner {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
    }

    .boxhome {
        margin:15px 0 0 0;
    }

    /*TITOLI*/

    .titolipagine {
        width: 100%;
        float: left;
        padding: 25px;
        border-top: 1px solid #EEEEEE;
        border-bottom: 1px solid #EEEEEE;
        background: #ffffff;
        font-size: 14px;
        margin: 10px 0;
    }

        .titolipagine ul {
            list-style: none;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            .titolipagine ul li:first-child {
                float: left;
                padding: 0 5px;
            }

            .titolipagine ul li {
                float: left;
                padding: 5px;
            }

    /*PRODOTTO HOME*/

    .prodotto {
        text-align: left;
        background: #ffffff;
        float: left;
        height: 420px;
        margin: 10px 0;
    }

        .prodotto h1 {
            width: 100%;
            padding: 15px;
            font-size: 12px;
            font-weight: 700;
            display: inline;
        }

        .prodotto h2 {
            padding: 15px;
            font-size: 12px;
            display: inline;
        }

        .prodotto h3 {
            padding: 15px;
            font-size: 14px;
            display: inline;
        }

        .prodotto h4 {
            padding: 15px;
            font-size: 12px;
            font-weight: 300;
            color: #808080;
        }

    /*SPONSOR*/

    .brands {
        background: #ffffff;
        margin: 12px;
        text-align: center;
        float: left;
        width: 98%;
    }

    /*FOOTER*/

    .footer {
        background: #EEEEEE;
        padding: 15px;
        margin: 12px;
        float: left;
    }

        .footer h3 {
            font-size: 14px;
        }

        .footer ul {
            list-style: none;
            list-style-type: none;
            margin: 0;
            padding: 0;
            float: left;
            width: 100%;
        }

            .footer ul li {
                float: left;
                margin: 0;
                padding: 5px;
            }

        .footer input {
            border: 1px solid #DDDDDD;
            padding: 5px;
            width: 100%;
            margin: 10px 0;
        }

    .note {
        font-size: 10px;
        font-style: italic;
    }

    .BtnNewsletter {
        background: #D0205E !important;
        padding: 5px;
        width: 50% !important;
        color: #ffffff !important;
        cursor: pointer;
        border: 0 !important;
    }

    /*PRODOTTO DETTAGLI*/

    .percorso {
        background: url(http://www.carboneboutique.com/images/bg-product.png) no-repeat top;
        padding: 50px 15px;
        margin: 12px;
        text-align: center;
        float: left;
        width: 98%;
        color: #ffffff;
    }

        .percorso a:link, .percorso a:visited {
            color: #ffffff;
            text-decoration: none;
        }

        .percorso a:hover {
            color: #808080;
            text-decoration: none;
        }

        .percorso h1 {
            text-transform: uppercase;
        }


    .MainDettaglio {
        background: #ffffff;
        width: 98%;
        margin: 0 12px;
        float: left;
        padding: 15px;
    }

        .MainDettaglio h1 {
            font-size: 20px;
            font-weight: 300;
        }

        .MainDettaglio h2 {
            font-size: 20px;
            font-weight: 700;
            color: #808080;
        }

        .MainDettaglio h4 {
            font-size: 22px;
            color: #D01F5E;
        }

    .descrizione {
        padding: 0 30px 15px 0;
        margin: 0 0 5px 0;
        border-bottom: 1px solid #EEEEEE;
    }

    .MainDettaglio p {
        font-size: 10px;
    }


    .CartDett {
        margin: 0;
    }

        .CartDett a:link, .CartDett a:visited, CartDett a:hover {
            text-decoration: none;
            color: #808080;
        }

        .CartDett input {
            width: 45px;
            padding: 12px;
            color: #D0205E;
            text-align: center;
            border: 1px solid #EEEEEE;
            margin: 5px 0;
        }


        .CartDett ul {
            list-style: none;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }


            .CartDett ul li {
                float: left;
                padding: 5px;
            }

    .cont {
        padding: 0px 5px;
        text-align: center;
        margin: 5px 0;
        border: 1px solid #EEEEEE;
        color: #808080;
        cursor: pointer;
    }

    .BtnCarrello {
        background: #D0205E;
        color: #ffffff !important;
        width: 255px !important;
        border: 0 !important;
    }

    .MisuraColore {
        border-bottom: 1px solid #EEEEEE;
        padding: 10px 0;
    }


        .MisuraColore select {
            width: 100%;
            padding: 5px;
            color: #D0205E;
            border: 1px solid #EEEEEE;
            margin: 5px 0;
        }

    .dettaglioDx {
        padding: 50px 0;
    }


        .dettaglioDx h3 {
            font-size: 14px;
            display: inline;
        }

        .dettaglioDx ul {
            list-style: none;
            list-style-type: none;
            float: left;
            margin: 5px;
            padding: 0;
        }

            .dettaglioDx ul li {
                float: left;
                padding: 0;
            }

    .Share {
        padding: 15px 5px;
        margin: 0 0 5px 0;
        border-top: 1px solid #EEEEEE;
        float: left;
        width: 100%;
    }



    /*CART*/

    .GrdCarrello th {
        border: 0;
        padding: 15px 0;
    }

    .GrdCarrello td {
        border: 0;
        padding: 10px 0;
    }

    .fotocart {
        padding: 5px;
        width: 50px;
        float: left;
    }

    .CartGrid {
        background: #ffffff;
        margin: 0 14px;
        width: 97.7%;
    }

    .CartComplete ul {
        list-style: none;
        list-style-type: none;
        margin: 0;
    }


        .CartComplete ul li {
            width: 33%;
            float: left;
            margin: 15px 0 0 0;
            padding: 15px 15px 0 15px;
        }

    .CartComplete input {
        width: 100%;
        padding: 5px 10px;
        border: 1px solid #EEEEEE;
        margin: 5px 0;
    }

    .CartComplete textarea {
        width: 100%;
        height: 100px;
        padding: 5px 10px;
        border: 1px solid #EEEEEE;
        margin: 5px 0;
    }

    .OrderCompleteLink:link, .OrderCompleteLink:visited {
        color: #D0205E;
        text-decoration: none;
    }

    .OrderCompleteLink:hover {
        color: #D0205E;
        text-decoration: underline;
    }




    .Cart-on {
        width: 33%;
        background: #F0F0E1;
        padding: 10px;
        float: left;
        border: 0;
        text-decoration: none;
        cursor: pointer;
        margin: 1%;
    }

    .Cart-off {
        width: 33%;
        background: #F0F0E1;
        padding: 10px;
        float: left;
        border: 0;
        text-decoration: none;
        cursor: not-allowed;
        pointer-events: none;
        margin: 1%;
    }

    .CartStep {
        float: left;
        width: 100%;
    }

        .CartStep ul {
            float: left;
            width: 100%;
            list-style: none;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            .CartStep ul li:first-child {
                width: 33.3%;
                padding: 10px 0;
                float: left;
            }

            .CartStep ul li {
                width: 33.3%;
                padding: 10px 8px;
                float: left;
            }

                .CartStep ul li:last-child {
                    width: 33.3%;
                    padding: 10px 0;
                    float: left;
                }

    .BtnStep-on {
        float: left;
        padding: 20px 10px;
        width: 100%;
        border: 0;
        background: #F0F0E1;
    }

    .BtnStep-off {
        float: left;
        padding: 20px 10px;
        width: 100%;
        border: 0;
        background: #d1d1d1;
        color: #ffffff;
    }

    .RiepCarrello {
        float: right;
        text-align: right;
        padding: 10px 0px;
        width: 98%;
    }

        .RiepCarrello ul {
            text-align: right;
            list-style: none;
            list-style-type: none;
            float: right;
            margin: 0;
        }

            .RiepCarrello ul li {
                padding: 10px;
                float: left;
            }

    .BtnCarrello {
        padding: 15px 25px;
        float: right;
        border: 0;
        color: #000000;
        font-size: 14px;
        width: 250px;
        cursor: pointer;
    }


    /*AREALOGIN*/

    .AreaLogin {
        margin: 5px 15px;
        width: 97.5%;
        float: left;
        background: #ffffff;
    }

        .AreaLogin input {
            width: 100%;
            padding: 5px;
            color: #808080;
            border: 1px dotted #808080;
            margin: 5px 0;
        }

        .AreaLogin select {
            width: 100% !important;
            padding: 5px;
            color: #808080;
            border: 1px dotted #808080;
            margin: 5px 0;
        }


        .AreaLogin textarea {
            width: 100%;
            padding: 5px;
            color: #808080;
            border: 1px dotted #808080;
            margin: 5px 0;
            height: 150px;
        }

        .AreaLogin ul {
            margin: 0;
            padding: 0 !important;
            left: 0;
            list-style: none;
            list-style-type: none;
            float: left;
        }

            .AreaLogin ul li {
                padding: 5px;
                margin: 0;
                float: left;
            }

    .nomelogin {
        color: #D01F5E;
        font-weight: bold;
        text-transform: uppercase;
    }

    .FormSign {
        padding: 15px 15px;
        width: 100%;
        float: left;
        margin: 5px 0;
    }

        .FormSign input {
            width: 100%;
        }

        .FormSign select {
            width: 100%;
        }

    .FormLogin {
        padding: 15px 5px;
        width: 100%;
        float: left;
        margin: 5px 0;
    }

        .FormLogin input {
            width: 100%;
        }

        .FormLogin select {
            width: 100%;
        }

    .ButtonLogin {
        background: #D0205E !important;
        border: 0 !important;
        color: #ffffff !important;
    }

    .SezioniAreaPersonale {
        width: 100%;
        float: left;
        padding: 25px;
        border-top: 1px solid #EEEEEE;
        border-bottom: 1px solid #EEEEEE;
        background: #ffffff;
        font-size: 14px;
        margin: 10px 0;
    }

    .AreaLoginDati {
        float: left;
        margin: 5px 0;
    }

        .AreaLoginDati input {
            float: left;
            padding: 10px;
            float: left;
            margin: 5px;
            width: 98%;
        }

        .AreaLoginDati tr {
            width: 50%;
        }

            .AreaLoginDati tr td {
                padding: 5px;
                border-color: #F0F0E1 !important;
            }

            .AreaLoginDati tr th {
                border: 1px;
                border-color: #F0F0E1 !important;
                padding: 10px;
                float: left;
            }

    /*PAGAMENTO*/

    .RiepDatiCarrello {
        text-align: left;
        float: left;
        padding: 10px 0px;
        width: 100%;
        margin: 5px 0 0 10px;
    }



    .RiepPagamento {
        float: left;
        text-align: left;
        padding: 10px 0px;
        width: 100%;
        margin: auto auto;
    }

        .RiepPagamento ul {
            text-align: left;
            list-style: none;
            list-style-type: none;
            float: left;
            margin: 0;
            padding: 0;
        }

            .RiepPagamento ul li:first-child {
                padding: 10px 0 0 25px;
                font-weight: bold;
                float: left;
                width: 150px;
            }

            .RiepPagamento ul li {
                padding: 10px 25px;
                float: left;
            }

    .RiepValori {
        float: left;
        width: 100%;
    }

    h3 {
        color: #D01F5E;
        display: inline;
        font-size: 14px;
        font-weight: bold;
    }

    .RiepDatiSpedizione {
        text-align: left;
        float: left;
        padding: 10px 0px;
        width: 100%;
        margin: 5px 0 0 10px;
    }


        .RiepDatiSpedizione input {
            width: 48%;
            float: left;
            margin: 5px;
            padding: 5px;
            border: 1px solid #F0F0E1;
        }

        .RiepDatiSpedizione select {
            width: 48%;
            float: left;
            margin: 5px;
            padding: 5px;
            border: 1px solid #F0F0E1;
        }

    .RiepDatiPagamento {
        text-align: left;
        float: left;
        padding: 10px;
        width: 98%;
        margin: 10px 5px;
        background: #FAFAFA;
    }

    .linea {
        width: 97%;
        border-top: 1px solid #d1d1d1;
        float: left;
        margin: 0 10px;
    }

    .SezionePagamento:link, .SezionePagamento:visited {
        width: 100%;
        float: left;
        margin: 5px 0;
        padding: 15px;
        border: 1px solid #fafafa !important;
    }

    .SezionePagamento:hover {
        border: 1px solid #D0205E !important;
        border-radius: 3px;
        width: 100% !important;
        float: left !important;
        margin: 5px 0;
        padding: 15px;
    }

    .PagamentoSelezionato:link, .PagamentoSelezionato:visited {
        border: 2px solid #4eca1d !important;
        width: 100%;
        float: left;
        margin: 5px 0;
        padding: 15px;
    }

    .PagamentoSelezionato:hover {
        border: 2px solid #4eca1d !important;
        border-radius: 3px;
        width: 100% !important;
        float: left !important;
        margin: 5px 0;
        padding: 15px;
    }

    .SelezionaPagamento ul {
        list-style: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }


        .SelezionaPagamento ul li:first-child {
            padding: 10px 25px;
            float: left !important;
            width: 20%;
        }

        .SelezionaPagamento ul li {
            padding: 50px 25px;
            float: left;
            width: 80%;
        }

    .EffettuaPagamento {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .BtnConf {
        padding: 20px;
        width: 98%;
        background: #D0205E;
        font-size: 14px;
        color: #ffffff;
        border: 0;
        float: left;
        margin: 15px 5px;
    }

    .EffettuaPagamento textarea {
        width: 98% !important;
        margin: 10px 5px;
        float: left;
        border: 1px solid #EEEEEE;
        padding: 10px;
    }

    .convalida {
        padding: 10px;
        margin: 0 15px;
        float: left;
        width: 100%;
    }

    #BtnPaga {
        display: none;
    }

    .RiepDatiSped {
        float: left;
        margin: 5px 0 15px 0;
        width: 100%;
    }

    .ddlindirizzi {
        border: 1px solid #D0205E !important;
        width: 97% !important;
        color: #383838 !important;
        margin: 5px 2px !important;
    }

    .CartComplete {
        background: #ffffff;
        margin: 0 14px;
        width: 97.7%;
    }


    /*ORDINI PERSONALI*/

    .GrdOrdini th {
        border: 0;
        padding: 15px 0;
        text-align: center;
    }

    .GrdOrdini td {
        border: 0;
        padding: 10px 5px;
        margin: 2px;
        border: 1px solid #EEEEEE;
    }


    #dettaglio {
        display: none;
    }

    /*INDIRIZZI SPEDIZIONI*/

    .Grdindirizzi th {
        border: 0;
        padding: 15px 0;
        text-align: left;
    }

    .Grdindirizzi td {
        border: 0;
        padding: 10px 5px;
        margin: 2px;
        border: 1px solid #EEEEEE;
    }

    .AreaAccount h3 {
        color: #D0205E;
        font-size: 12px;
    }


    .AreaAccount input {
        width: 48%;
        float: left;
        margin: 5px;
        padding: 5px;
        border: 1px solid #F0F0E1;
    }

    .AreaAccount select {
        width: 48%;
        float: left;
        margin: 5px;
        padding: 5px;
        border: 1px solid #F0F0E1;
    }

    /*BRANDS*/

    .genere {
        background: #ffffff;
        padding: 15px;
        text-align: center;
        padding: 15px;
    }

    /*CATEGORIE*/

    .categorie {
        float: left;
        width: 25%;
        margin: 0 0 0 0;
    }

    .categoria {
        border: 1px solid #DDDDDD;
        padding: 10px;
        margin: 12px 0;
        background: #ffffff;
    }

        .categoria h4 {
            font-size: 14px;
        }

.MenuCategorie{
    margin:10px 0 0 0;
}
    /*BOUTIQUE*/

    .boutique {
        margin: 15px 0;
    }

    .contatti h3 {
        font-size: 18px;
        margin: 10px;
    }

    .contatti p {
        margin: 10px;
    }

    .contatti {
        margin: 5px 0;
    }

        .contatti ul {
            margin: 0;
            padding: 0 !important;
            left: 0;
            list-style: none;
            list-style-type: none;
            width: 100%;
        }

            .contatti ul li {
                padding: 5px;
                margin: 0;
            }

        .contatti input {
            width: 100%;
            float: left;
            margin: 5px;
            padding: 5px;
            border: 1px solid #F0F0E1;
        }

        .contatti textarea {
            width: 100%;
            float: left;
            margin: 5px;
            padding: 5px;
            border: 1px solid #F0F0E1;
        }
}