/* General */
@media all
    and (max-width : 810px)
{
    div.darken_box_front
    {
        display: inline-block;
        float: none;
    }

    div.box_front
    {
        width: 400px;
    }

    div.wide_box_front
    {
        width: 700px;
    }

    div.movie_info_oneonone
    {
        width: 700px;
        padding-left: 0px;
        padding-top: 10px;
    }

    div.movie_info_oneonone_text
    {
        width: 520px;
    }

    div.large_movie_info_box
    {
        text-align: left;
    }
}

/* iPads (landscape) ----------- */
@media all
    and (max-height : 768px)
{
    /* bookpay */
    /*#container_body
    {
        min-height: 1000px;
    }

    .dibs-checkout_wrapper
    {
        min-height: inherit !important;
    }

    #dibs-checkout_wrapper
    {
        min-height: inherit !important;
    }*/
}

/* iPads (portrait) ----------- */
@media all
    and (max-width : 768px)
{
    .headerlogo
    {

        padding-bottom: 10px;
        height: px;
        width: px;
    }

    div.darken_box_front
    {
        display: inline-block;
        float: none;
    }

    div.box_front
    {
        width: 300px;
    }

    div.wide_box_front
    {
        width: 650px;
    }

    div.movie_info_oneonone
    {
        width: 650px;
    }

    div.movie_info_oneonone_text
    {
        width: 480px;
    }

    div.large_movie_info_box
    {
        text-align: left;
    }

    /* bookplace */
    #canvas_wrapper
    {
        margin-top: 10px;
    }

    /* addrebate */
    div.darken_box_discount_info
    {
        width: 400px;
        margin-top: 25px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 15px !important;
    }

    .chosen_discount
    {
        width: 200px;
        float:left;
        margin-top: 15px;
        margin-left: 10px;
    }

    /* bookpay */
     /*#container_body
    {
        min-height: 1000px;
    }

    .dibs-checkout_wrapper
    {
        min-height: inherit !important;
    }

    #dibs-checkout_wrapper
    {
        min-height: inherit !important;
    }*/
}

/* general */
@media all
    and (max-width : 710px)
{
    .headerlogo
    {

        padding-bottom: 10px;
        height: px;
        width: px;
    }

    div.darken_box_front
    {
        display: inline-block;
        float: none;
    }

    div.box_front
    {
        width: 400px;
    }

    div.wide_box_front
    {
        /*width: 550px;*/
        width: 600px;
    }

    div.movie_info_oneonone
    {
        width: 600px;
    }

    div.movie_info_oneonone_text
    {
        width: 430px;
    }

    div.large_movie_info_box
    {
        text-align: left;
    }

}

/* general */
@media all
    and (max-width : 675px)
{
    div.wide_box_front
    {
        width: 550px;
    }

    div.movie_info_oneonone
    {
        width: 550px;
    }

    div.movie_info_oneonone_text
    {
        width: 380px;
    }
}

/* general */
@media all
    and (max-width : 625px)
{
    div.wide_box_front
    {
        width: 500px;
    }

    div.movie_info_oneonone
    {
        width: 500px;
    }

    div.movie_info_oneonone_text
    {
        width: 330px;
    }
}

/* general */
@media all
    and (max-width : 600px)
{
    .headerlogo
    {

        padding-bottom: 10px;
        height: px;
        width: px;
    }

    div.darken_box_front
    {
        width: 300px;
        display: inline-block;
        float: none;
    }

    div.box_front
    {
        width: 300px;
    }

    div.large_movie_info_box
    {
        text-align: left;
    }

    /* bookplace */
    div.saloonDescHolder
    {
	    padding: 20px;
    }
}

/* iPhone 6+, 7+ */
@media all
    and (max-width : 414px)
{
    /* bootstrap */
    .modal-body
    {
        padding: 0px;
    }

    #container
    {
        padding: 0px;
        border: 0px;
    }

    #currentProgress
    {
        border: 0px;
    }

    #selectionbox.time_holder
    {
        width: 100%;
    }

    .headerlogo
    {

        padding-bottom: 10px;
        height: px;
        width: px;
    }

    body
    {
        font-size: 14px;
        margin: 0;
    }

    iframe.trailer
    {
        height: 139px;
    }

    /* meny */
    h2.header
    {
        width: 150px;
        float: left;
    }

    div.menubutton
    {
        float: left;
        padding: 10px 10px 10px 10px;
    }

    .half
    {
        width: auto;
    }

    div.darken_box_front
    {
        display: inline-block;
        float: none;
    }

    div.darken_box
    {
        margin: 0px;
        width: 100%
    }

    .unbook_box
    {
        padding: 0px;
        min-width: 0px;
    }

    div.box_front
    {
        width: 100%;
    }

    div.wide_box_front
    {
        width: 100%;
    }

    div.movie_info_oneonone
    {
        width: 330px;
    }

    div.movie_info_oneonone_text
    {
        width: 175px;
    }

    div.large_movie_info_box
    {
        text-align: left;
    }

    .movie_info_short
    {
	    display: inline-block;
	    width: 150px;
	    margin-bottom: 0;
        padding: 5px;
    }

    img.movieposter_large
    {
        max-width: 150px;
        max-height: 225px;
        float:left;
    }

    div.outerTextArea
    {
        min-height: 225px;
        overflow: initial;
    }

    div.filminfo_text
    {
        float: left;
        padding: 5px 0px 0px 10px;
    }

    /* bookings*/
    .hide_mobile
    {
       display: none;
    }

    .show_mobile
    {
        display: block;
    }

    th.width5
    {
        min-width: 5px;
    }

    th.width60
    {
        min-width: 60px;
    }

    th.width80
    {
        min-width: 80px;
    }

    th.width100
    {
        min-width: 100px;
    }

    th.width200
    {
        min-width: 150px;
    }

    /* bookplace */
    .noSeatSelection
    {
        width: 125px;
    }

    .bookinsert
    {
	    padding: 5px 10px;
    }

    div.canvas
    {
        width: 100% !important;
    }

    div.canvas_wrapper
    {
        padding: 0px 0px 0px 0px;
        /*width: 320px;*/
    }

    .messagebox
    {
        width: 99%;
    }

    .movie_time_text
    {
        float:right;
        width:275px;
    }

    .dd
    {
	    width: 150px;
    }

    .dd_item
    {
	    width: 150px;
    }

    .dd_main
    {
        width: 150px;
    }

    .innerDDContainer
    {
	    width: 150px;
	    height: 180px;
    }

    .outerDDContainer
    {
	    width: 152px;
    }

    /*.movie_nextbutton
    {
        position: absolute;
        bottom: 20px;
        right: 10px;
	    padding: 4px 8px;
	    margin-right: 10px;
    }*/

    #canvas_wrapper
    {
	    margin-top: 10px;
        border: 0px;
    }

    div.saloonDescHolder
    {
	    padding: 20px;
        /*width: 320px;*/
    }

    .saloonDesc
    {
	    font-weight: bold;
        font-size: 12px;
	    width: 80px;
	    height: 25px;
        margin-left: 5px;
    }

    /* addrebate */
    div.darken_box_discount_info
    {
        width: 300px;
        margin-top: 25px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 15px !important;
    }

    .chosen_discount
    {
        width: 300px !important;
        float:left;
        margin-top: 15px;
        margin-left: 10px;
    }

    /* bookpay */
    .pay_outer_box
    {
        padding: 14px 20px;
    }

    .book_summary_ent_cont
    {
	    padding-top: 5px;
        /*margin-right:0px;*/
        width: 300px;
    }

    .book_summary_ent_inner_left
    {
	    width: 100px;
        vertical-align: top;
    }

    .book_summary_ent_inner_right
    {
	    width: auto;
        vertical-align: top;
    }
}

/* iPhone 6, 6s, 7 */
@media all
    and (max-width : 375px)
{
    iframe.trailer
    {
        height: 129px;
    }

    .headerlogo
    {

        padding-bottom: 10px;
        height: px;
        width: px;
    }

    /* meny */
    h2.header
    {
        width: 150px;
        float: left;
    }

    div.menubutton
    {
        float: left;
        padding: 10px 10px 10px 10px;
    }

    /* bookforstall */
    div.darken_box_front
    {
        display: inline-block;
        float: none;
    }

    div.movie_info_oneonone
    {
        width: 320px;
    }

    div.movie_info_collection
    {
        width: 320px;
    }

    div.movie_info_oneonone_button
    {
        width: 140px;
    }

    div.large_movie_info_box
    {
        text-align: left;
    }

    .movie_info_short
    {
	    display: inline-block;
	    width: 150px;
	    margin-bottom: 0;
        padding: 5px;
    }

    /* bookings*/

    .hide_mobile
    {
       display: none;
    }

    .show_mobile
    {
        display: block;
    }

    /* bookplace */
    .noSeatSelection
    {
        width: 125px;
    }

    .bookinsert
    {
	    padding: 5px 10px;
    }

    div.canvas
    {
        width: 100% !important;
    }

    div.canvas_wrapper
    {
        padding: 0px 0px 0px 0px;
        /*width: 320px;*/
    }

    .movie_time_text
    {
        float:right;
        width:275px;
    }

    .dd
    {
	    width: 150px;
    }

    .dd_item
    {
	    width: 150px;
    }

    .dd_main
    {
        width: 150px;
    }

    .innerDDContainer
    {
	    width: 150px;
	    height: 180px;
    }

    .outerDDContainer
    {
	    width: 152px;
    }

    #canvas_wrapper
    {
	    margin: 30px 0px;
        border: 0px;
    }

    div.saloonDescHolder
    {
	    padding: 20px;
        /*width: 300px;*/
    }

    .saloonDesc
    {
	    font-weight: bold;
        font-size: 12px;
	    width: 80px;
	    height: 25px;
        margin-left: 5px;
    }

    /* addrebate */
    div.darken_box_discount_info
    {
        width: 300px;
        margin-top: 25px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 15px !important;
    }

    .chosen_discount
    {
        width: 300px !important;
        float:left;
        margin-top: 15px;
        margin-left: 10px;
    }

    /* bookpay */
    .pay_outer_box
    {
        padding: 5px 0 5px 5px;
    }

    .book_summary_ent_cont
    {
	    padding-top: 5px;
        /*margin-right:0px;*/
        width: 300px;
    }


    .book_summary_ent_inner_left
    {
	    width: 100px;
        vertical-align: top;
    }

    .book_summary_ent_inner_right
    {
	    width: auto;
        vertical-align: top;
    }
}

/* Samsung Galaxy S6, S7, S7+, S8, S8+, Note 4 */
@media all
  and (max-width : 360px)
{
    iframe.trailer
    {
        height: 115px;
    }

    .headerlogo
    {

        padding-bottom: 10px;
        height: px;
        width: px;
    }

    /* meny */
    h2.header
    {
        width: 150px;
        float: left;
    }

    div.menubutton
    {
        float: left;
        padding: 10px 10px 10px 10px !important;
    }

    /* bookforstall */
    div.darken_box_front
    {
        display: inline-block;
        float: none;
    }

    div.movie_info_oneonone
    {
        width: 310px;
    }

    div.movie_info_collection
    {
        width: 310px;
    }

    div.movie_info_oneonone_text
    {
        width: 165px;
    }

    div.movie_info_oneonone_button
    {
        width: 135px;
    }

    div.large_movie_info_box
    {
        text-align: left;
    }

    .movie_info_short
    {
	    display: inline-block;
	    width: 150px;
	    margin-bottom: 0;
        padding: 5px;
    }

    /* bookings*/

    .hide_mobile
    {
       display: none;
    }

    .show_mobile
    {
        display: block;
    }

    th.width5
    {
        min-width: 5px;
    }

    th.width60
    {
        min-width: 60px;
    }

    th.width80
    {
        min-width: 80px;
    }

    th.width100
    {
        min-width: 100px;
    }

    th.width200
    {
        min-width: 150px;
    }

    /* bookplace */
    .noSeatSelection
    {
        width: 125px;
    }

    .bookinsert
    {
	    padding: 5px 10px;
    }

    div.canvas
    {
        width: 100% !important;
    }

    div.canvas_wrapper
    {
        padding: 0px 0px 0px 0px;
        /*width: 320px;*/
    }

    .movie_time_text
    {
        float:right;
        width:250px;
    }

    .dd
    {
	    width: 150px;
    }

    .dd_item
    {
	    width: 150px;
    }

    .dd_main
    {
        width: 150px;
    }

    .innerDDContainer
    {
	    width: 150px;
	    height: 180px;
    }

    .outerDDContainer
    {
	    width: 152px;
    }

    /*.movie_nextbutton
    {
        position: absolute;
        bottom: 20px;
        right: 10px;
	    padding: 4px 8px;
	    margin-right: 10px;
    }*/

    #canvas_wrapper
    {
	    margin-top: 10px;
        border: 0px;
    }

    div.saloonDescHolder
    {
	    padding: 20px 10px;
        /*width: 300px;*/
    }

    .saloonDesc
    {
	    font-weight: bold;
        font-size: 12px;
	    width: 80px;
	    height: 25px;
        margin-left: 5px;
    }

    /* addrebate */
    div.darken_box_discount_info
    {
        width: 280px;
        margin-top: 25px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 15px !important;
    }

    .chosen_discount
    {
        width: 280px !important;
        float:left;
        margin-top: 15px;
        margin-left: 10px;
    }

    /* bookpay */
    .pay_outer_box
    {
        padding: 5px 0 5px 5px;
    }

    .book_summary_ent_cont
    {
	    padding-top: 5px;
        width: 300px;
    }


    .book_summary_ent_inner_left
    {
        width: 100px;
        vertical-align: top;
    }

    .book_summary_ent_inner_right
    {
	    width: auto;
        vertical-align: top;
    }
}

/* Samsung Galaxy S3, S4, S5, iPhone 4, iPhone 4S, iPhone 5, iPhone 5S */
@media all
    and (max-width : 320px)
{
    iframe.trailer
    {
        height: 97px;
    }

    .headerlogo
    {

        padding-bottom: 10px;
        height: px;
        width: px;
    }

    /* Knappen för att välja film. */
    .boxbutton
    {
        border-radius: 8px;
        height: 60px;
        width: 80px;
    }

    .movie_info_short
    {
	    display: inline-block;
	    width: 100px;
	    margin-bottom: 0;
        padding: 5px;
    }

    .movie_info_short > span
    {
	    position:relative;
	    font-size: 12px;
    }

    /* meny */
    h2.header
    {
        width: 150px;
        float: left;
    }

    div.menubutton
    {
        float: left;
        padding: 10px 10px 10px 10px !important;
    }

    .progress
    {
        height: 40px;
        width: 310px;
        margin: 2px;
        border: 0px;
    }

    .processBarSelected
    {
	    font-size: 12px;
    }

    div.darken_box_front
    {
        display: inline-block;
        float: none;
    }

    div.movie_info_oneonone
    {
        width: 270px;
    }

    div.movie_info_collection
    {
        width: 270px;
    }

    div.movie_info_oneonone_text
    {
        width: 140px;
    }

    div.movie_info_oneonone_button
    {
        width: 130px;
    }

    div.large_movie_info_box
    {
        text-align: left;
    }

    .day_movie_ticker
    {
	    width: 100px;
    }

    div.filminfo_text
    {
        padding: 5px 10px 0px 10px;
    }

    .dd
    {
	    width: 150px;
    }

    .dd_item
    {
	    width: 150px;
    }

    .dd_main
    {
        width: 150px;
    }

    .innerDDContainer
    {
	    width: 150px;
	    height: 180px;
    }

    .outerDDContainer
    {
	    width: 152px;
    }

    /* bookings*/

    .hide_mobile
    {
       display: none;
    }

    .show_mobile
    {
        display: block;
    }

    th.width200
    {
        min-width: 150px;
    }

    /* bookplace */
    .noSeatSelection
    {
        width: 125px;
    }

    #myCarouselTicket
    {
        height: 75px;
        width: 200px;
    }

    #myCarouselInnerTicket
    {
       margin-bottom:15px;
    }

    .bookinsert
    {
	    padding: 5px 10px 5px 5px;
    }

    div.canvas
    {
        width: 100%;
    }

    div.canvas_wrapper
    {
        padding: 0px 0px 0px 0px;
        /*width: 260px;*/
    }

    #canvas_wrapper
    {
	    margin-top: 10px;
        border: 0px;
    }

    div.book_footer
    {
        margin: 0px;
    }

    .movie_time_text
    {
        float:right;
        width: 245px;
    }

    div.saloonDescHolder
    {
	    padding: 20px 10px;
        /*width: 260px;*/
    }

    .saloonDesc
    {
	    font-weight: bold;
        font-size: 12px;
	    width: 80px;
	    height: 25px;
        margin-left: 5px;
    }

    /* addrebate */
    div.darken_box_discount_info
    {
        width: 250px;
        margin-top: 25px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 15px !important;
    }

    .chosen_discount
    {
        width: 280px !important;
        float:left;
        margin-top: 15px;
        margin-left: 10px;
    }

    /* bookpay */
    .pay_outer_box
    {
        padding: 5px 0 5px 5px;
    }

    .book_summary_ent_cont
    {
	    padding-top: 5px;
        /*margin-right:0px;*/
        width: 260px;
    }


    .book_summary_ent_inner_left
    {
	    width: 100px;
        vertical-align: top;
    }

    .book_summary_ent_inner_right
    {
	    width: auto;
        vertical-align: top;
    }
}