@media all and (max-width: 992px) { /*801*/
    body {
        max-width: 992px;
        /*20.08.17*/
          overflow-y: scroll;
           background-repeat: repeat;
    }

    .col-md-4 {
        padding: 0;
    }

    h1.logo {
        /*07-08-17*/
        background-image: url("../images/logo.png");
        background-position: center center;
        background-size: contain;
        height: 42px;
        width: 42px;
    }

    h2.main_title {
        font-size: 40px;
    }

    #content, #content .row {
        margin: 0 auto;
        max-width: 279px;
    }

    .choice {
        height: 158px;
        width: 100%;
        margin-bottom: 15px;
    }

        .choice.coffie3 {
            margin-bottom: 0;
        }

        .choice .img {
            float: right;
            height: 135px;
            padding-top: 7px;
            position: relative;
            width: 163px;
            right: 5px;
        }

            .choice .img img {
                /*width: 100%;*/
                width: 95%;
            }

        .choice .title, .choice .description {
            float: left;
            width: 36%;
        }

        .choice .title {
            font-size: 24px;
        }

        .choice .description {
            font-size: 15px;
        }

    #agree_container .col-md-1 {
        float: right;
        width: 29px;
    }

    #agree_container .col-md-11 {
        float: left;
        width: calc(100% - 29px);
    }

    .checkbox_container {
        position: relative;
        top: 5px;
    }

    #form_part_2 label[for="agree"] {
        text-align: justify;
    }

    .choice.coffie2 .img {
        /*float: left;*/
        float: right;
        right: 3px;
    }

    .choice.coffie2 .title, .choice.coffie2 .description {
        /*float: right;*/
        float: left;
        width: 36%;
        position: relative;
        right: 4px;
    }

    #popup button {
        font-size: 26px;
    }


    /*07-08-17*/
    footer {
        visibility: hidden;
    }

        footer a {
            display: none;
        }

    #popup_container {
        width: 100%;
    }

    #popup .thank_you {
        font-size: x-large;
    }

    #popup {
        width: 90%;
        margin: 0% 5%;
    }
}




/*07-08-17   iPhone 5 & 5S in portrait & landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {

    /*07-08-17*/
    /*footer {
        visibility: hidden;
    }*/

    footer a {
        display: none;
    }

    #popup_container {
        width: 100%;
    }

    #popup .thank_you {
        font-size: x-large;
    }

    #popup {
        width: 90%;
        margin: 0% 5%;
    }

    h1.logo {
        background-image: url("../images/logo.png");
        background-position: center center;
        background-size: contain;
        height: 42px;
        width: 42px;
    }

    #content, #content .row {
        margin: 0% auto;
        max-width: 95%;
    }
    /*20.08.17*/
    #popupBtn {
    background: #b7824f none repeat scroll 0 0;
    border: 0 none;
    color: #fff !important;
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin: 0 auto;
    box-shadow: 4px 4px 5px #d9bfa5 inset, -5px -5px 5px #512c1d inset;
    text-decoration: none !important;
    width: 60%;
}
}

/*07-08-17  iPhone 5 & 5S in landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    /*07-08-17*/
    /*footer {
        visibility: hidden;
    }*/

    footer a {
        display: none;
    }

    #popup_container {
        width: 100%;
    }

    #popup .thank_you {
        font-size: x-large;
    }

    #popup {
        width: 80%;
        margin: 0% 10%;
    }

    h1.logo {
        background-image: url("../images/logo.png");
        background-position: center center;
        background-size: contain;
        height: 42px;
        width: 42px;
    }

    #content, #content .row {
        margin: 0 auto;
        max-width: 95%;
    }
}

/*07-08-17 iPhone 5 & 5S in portrait*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    /*07-08-17*/
    /*footer {
        visibility: hidden;
    }*/

    footer a {
        display: none;
    }

    #popup_container {
        width: 100%;
    }

    #popup .thank_you {
        font-size: x-large;
    }

    #popup {
        width: 90%;
        margin: 0% 5%;
    }

    h1.logo {
        background-image: url("../images/logo.png");
        background-position: center center;
        background-size: contain;
        height: 42px;
        width: 42px;
    }

    #content, #content .row {
        margin: 0 auto;
        max-width: 95%;
    }
}


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


    #content, #content .row {
        margin: 0% auto;
        width: 90%;
    }


    #popup button {
        font-size: 26px;
    }



    footer {
        visibility: hidden;
    }

        footer a {
            display: none;
        }

    #popup_container {
        width: 100%;
    }

    #popup .thank_you {
        font-size: x-large;
    }

    #popup {
        width: 90%;
        margin: 0% 5%;
    }

    .choice {
        height: 158px;
        width: 100%;
        margin: 0 auto;
        /*background-color:red;*/
    }
}