/*wide screen (desktop)*/
@media (min-width: 1200px) {
    .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1170px;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: static;
        margin-bottom: 20px;
    }

    .thumbnails {
        margin: 0;
    }

    .thumbnails li{
        width: 255px;
        height: 240px;
    }

    .thumbnails li.ref{
        width: 120px;
        height: 120px;
    }

    #front-container {
        height: 540px;
    }

    .modal{
        left: 45%;
        width: 800px;
    }

    #wizard-step1,
    #wizard-step2{
        width: 600px;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {
    .thumbnails {
        margin-left: -10px;
    }

    .product-image {
        width: 200px;
        height: 130px;
    }

    .modal{
        left: 38%;
        width: auto;
    }

    #items-count{
        display: none;
    }

    .navbar .nav {
        margin: 0;
    }

    #wizard-step1,
    #wizard-step2{
        width: 370px;
    }

    .people {
        width: 900px
    }

    .people-list li > div {
        width: 220px;
    }
}

/*medium screen (tablet album)*/
@media (min-width: 768px) and (max-width: 979px) {
    #all-content>.container {
        width: 820px;
    }

    #front-container {
        height: 420px;
    }

    .product-image {
        width: 220px;
        height: 140px;
    }

    .thumbnails {
        margin-left: 10px;
    }

    .thumbnails li{
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .modal{
        position: fixed;
        top: 20px;
        right: 20px;
        left: 20px;
        width: auto;
        margin: 0;
    }

    #wizard-step1,
    #wizard-step2{
        width: 100%
    }

    #wizard-preview{
        display: none;
    }

    .people {
        width: 800px
    }

    .people-list img {
        width: 130px;
    }

    .people-list li > div {
        width: 180px;
    }
}

@media (max-width: 979px) {
    .dropdown-menu.open{
        margin: 0;
    }
}


/*small screen*/
@media (max-width: 767px) {
    #front-left {
        display:none;
    }

    #wizard-step1,
    #wizard-step2{
        width: 100%
    }

    #wizard-preview{
        display: none;
    }

    #footer-contact,
    #footer-news {
        display: none;
    }

    #footer-mailing-list{
        margin-left:30px;
    }

    .thumbnails > li {
        float: left;
        margin-left: 10px;
    }

    .people {
        width: 100%
    }

}

@media (max-width: 480px) {
    #front-left {
        display:none;
    }

    footer {
        display: none;
    }

    #wizard-step1,
    #wizard-step2{
        width: 100%
    }

    #wizard-preview{
        display: none;
    }

    .people {
        width: 380px
    }

    .people-list img {
        width: 130px;
    }

    .people-list li > div {
        width: 180px;
    }
}