/* Moderniserad mobil CSS - Konverterat px till rem för bättre skalbarhet */
/* Touch-optimeringar och moderna breakpoints för iPhone 15-serien, Samsung Galaxy S24-serien och Pixel 8-serien */

/* Touch-optimeringar */
* {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Smooth scrolling för touch-enheter */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

/* 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: 0;
        padding-top: 0.625rem; /* 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: 66px; /* Behåll px för dynamiska värden */
        height: 56px;
        width: 200px;
    }

    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: 0.9375rem !important; /* 15px */
    }

    .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: 66px; /* Behåll px för dynamiska värden */
        height: 56px;
        width: 200px;
    }

    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: 66px; /* Behåll px för dynamiska värden */
        height: 56px;
        width: 200px;
    }

    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: 1.25rem; /* 20px */
    }
}

/* iPhone 15 Pro Max, iPhone 15 Plus, iPhone 14 Pro Max (430px) */
@media all
    and (max-width : 430px)
{
    /* Samma styling som 435px men optimerad för 430px enheter */
    body
    {
        font-size: 0.875rem; /* 14px */
        margin: 0;
    }

    iframe.trailer
    {
        height: 8.6875rem; /* 139px */
    }

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

    div.menubutton
    {
        float: left;
        padding: 0.625rem; /* 10px */
    }

    .half
    {
        width: auto;
    }

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

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

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

    div.box_front
    {
        width: 100%;
    }

    div.wide_box_front
    {
        width: 100%;
    }

    div.movie_info_oneonone
    {
        width: 20.625rem; /* 330px */
    }

    div.movie_info_oneonone_text
    {
        width: 10.9375rem; /* 175px */
    }

    div.large_movie_info_box
    {
        text-align: left;
    }

    .movie_info_short
    {
	    display: inline-block;
	    width: 9.375rem; /* 150px */
	    margin-bottom: 0;
        padding: 0.3125rem; /* 5px */
    }

    img.movieposter_large
    {
        max-width: 9.375rem; /* 150px */
        max-height: 14.0625rem; /* 225px */
        float:left;
    }

    div.outerTextArea
    {
        min-height: 14.0625rem; /* 225px */
        overflow: initial;
    }

    div.filminfo_text
    {
        float: left;
        padding: 0.3125rem 0 0 0.625rem; /* 5px 0px 0px 10px */
    }

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

    .show_mobile
    {
        display: block;
    }

    th.width5
    {
        min-width: 0.3125rem; /* 5px */
    }

    th.width60
    {
        min-width: 3.75rem; /* 60px */
    }

    th.width80
    {
        min-width: 5rem; /* 80px */
    }

    th.width100
    {
        min-width: 6.25rem; /* 100px */
    }

    th.width200
    {
        min-width: 9.375rem; /* 150px */
    }

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

    .bookinsert
    {
	    padding: 0.3125rem 0.625rem; /* 5px 10px */
    }

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

    div.canvas_wrapper
    {
        padding: 0;
    }

    .messagebox
    {
        width: 99%;
    }

    .movie_time_text
    {
        float:right;
        width: 17.1875rem; /* 275px */
    }

    .dd
    {
	    width: 9.375rem; /* 150px */
    }

    .dd_item
    {
	    width: 9.375rem; /* 150px */
    }

    .dd_main
    {
        width: 9.375rem; /* 150px */
    }

    .innerDDContainer
    {
	    width: 9.375rem; /* 150px */
	    height: 11.25rem; /* 180px */
    }

    .outerDDContainer
    {
	    width: 9.5rem; /* 152px */
    }

    #canvas_wrapper
    {
	    margin-top: 0.625rem; /* 10px */
        border: 0;
    }

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

    .saloonDesc
    {
	    font-weight: bold;
        font-size: 0.75rem; /* 12px */
	    width: 5rem; /* 80px */
	    height: 1.5625rem; /* 25px */
        margin-left: 0.3125rem; /* 5px */
    }

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

    .chosen_discount
    {
        width: 18.75rem !important; /* 300px */
        float:left;
        margin-top: 0.9375rem; /* 15px */
        margin-left: 0.625rem; /* 10px */
    }

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

    .book_summary_ent_cont
    {
	    padding-top: 0.3125rem; /* 5px */
        width: 18.75rem; /* 300px */
    }

    .book_summary_ent_inner_left
    {
	    width: 6.25rem; /* 100px */
        vertical-align: top;
    }

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

/* Samsung Galaxy S24 Ultra, S24+, Pixel 8 Pro, Pixel 8 (412px) */
@media all
    and (max-width : 412px)
{
    /* Samma styling som 430px men optimerad för 412px enheter */
    body
    {
        font-size: 0.875rem; /* 14px */
        margin: 0;
    }

    iframe.trailer
    {
        height: 8.6875rem; /* 139px */
    }

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

    div.menubutton
    {
        float: left;
        padding: 0.625rem; /* 10px */
    }

    .half
    {
        width: auto;
    }

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

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

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

    div.box_front
    {
        width: 100%;
    }

    div.wide_box_front
    {
        width: 100%;
    }

    div.movie_info_oneonone
    {
        width: 20.625rem; /* 330px */
    }

    div.movie_info_oneonone_text
    {
        width: 10.9375rem; /* 175px */
    }

    div.large_movie_info_box
    {
        text-align: left;
    }

    .movie_info_short
    {
	    display: inline-block;
	    width: 9.375rem; /* 150px */
	    margin-bottom: 0;
        padding: 0.3125rem; /* 5px */
    }

    img.movieposter_large
    {
        max-width: 9.375rem; /* 150px */
        max-height: 14.0625rem; /* 225px */
        float:left;
    }

    div.outerTextArea
    {
        min-height: 14.0625rem; /* 225px */
        overflow: initial;
    }

    div.filminfo_text
    {
        float: left;
        padding: 0.3125rem 0 0 0.625rem; /* 5px 0px 0px 10px */
    }

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

    .show_mobile
    {
        display: block;
    }

    th.width5
    {
        min-width: 0.3125rem; /* 5px */
    }

    th.width60
    {
        min-width: 3.75rem; /* 60px */
    }

    th.width80
    {
        min-width: 5rem; /* 80px */
    }

    th.width100
    {
        min-width: 6.25rem; /* 100px */
    }

    th.width200
    {
        min-width: 9.375rem; /* 150px */
    }

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

    .bookinsert
    {
	    padding: 0.3125rem 0.625rem; /* 5px 10px */
    }

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

    div.canvas_wrapper
    {
        padding: 0;
    }

    .messagebox
    {
        width: 99%;
    }

    .movie_time_text
    {
        float:right;
        width: 17.1875rem; /* 275px */
    }

    .dd
    {
	    width: 9.375rem; /* 150px */
    }

    .dd_item
    {
	    width: 9.375rem; /* 150px */
    }

    .dd_main
    {
        width: 9.375rem; /* 150px */
    }

    .innerDDContainer
    {
	    width: 9.375rem; /* 150px */
	    height: 11.25rem; /* 180px */
    }

    .outerDDContainer
    {
	    width: 9.5rem; /* 152px */
    }

    #canvas_wrapper
    {
	    margin-top: 0.625rem; /* 10px */
        border: 0;
    }

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

    .saloonDesc
    {
	    font-weight: bold;
        font-size: 0.75rem; /* 12px */
	    width: 5rem; /* 80px */
	    height: 1.5625rem; /* 25px */
        margin-left: 0.3125rem; /* 5px */
    }

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

    .chosen_discount
    {
        width: 18.75rem !important; /* 300px */
        float:left;
        margin-top: 0.9375rem; /* 15px */
        margin-left: 0.625rem; /* 10px */
    }

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

    .book_summary_ent_cont
    {
	    padding-top: 0.3125rem; /* 5px */
        width: 18.75rem; /* 300px */
    }

    .book_summary_ent_inner_left
    {
	    width: 6.25rem; /* 100px */
        vertical-align: top;
    }

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

/* iPhone 15 Pro, iPhone 15, iPhone 14 Pro (393px) */
@media all
    and (max-width : 393px)
{
    /* Samma styling som 412px men optimerad för 393px enheter */
    body
    {
        font-size: 0.875rem; /* 14px */
        margin: 0;
    }

    iframe.trailer
    {
        height: 8.6875rem; /* 139px */
    }

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

    div.menubutton
    {
        float: left;
        padding: 0.625rem; /* 10px */
    }

    .half
    {
        width: auto;
    }

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

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

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

    div.box_front
    {
        width: 100%;
    }

    div.wide_box_front
    {
        width: 100%;
    }

    div.movie_info_oneonone
    {
        width: 20rem; /* 320px - lite mindre för 393px */
    }

    div.movie_info_oneonone_text
    {
        width: 10.625rem; /* 170px */
    }

    div.large_movie_info_box
    {
        text-align: left;
    }

    .movie_info_short
    {
	    display: inline-block;
	    width: 9.375rem; /* 150px */
	    margin-bottom: 0;
        padding: 0.3125rem; /* 5px */
    }

    img.movieposter_large
    {
        max-width: 9.375rem; /* 150px */
        max-height: 14.0625rem; /* 225px */
        float:left;
    }

    div.outerTextArea
    {
        min-height: 14.0625rem; /* 225px */
        overflow: initial;
    }

    div.filminfo_text
    {
        float: left;
        padding: 0.3125rem 0 0 0.625rem; /* 5px 0px 0px 10px */
    }

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

    .show_mobile
    {
        display: block;
    }

    th.width5
    {
        min-width: 0.3125rem; /* 5px */
    }

    th.width60
    {
        min-width: 3.75rem; /* 60px */
    }

    th.width80
    {
        min-width: 5rem; /* 80px */
    }

    th.width100
    {
        min-width: 6.25rem; /* 100px */
    }

    th.width200
    {
        min-width: 9.375rem; /* 150px */
    }

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

    .bookinsert
    {
	    padding: 0.3125rem 0.625rem; /* 5px 10px */
    }

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

    div.canvas_wrapper
    {
        padding: 0;
    }

    .messagebox
    {
        width: 99%;
    }

    .movie_time_text
    {
        float:right;
        width: 16.25rem; /* 260px - lite mindre för 393px */
    }

    .dd
    {
	    width: 9.375rem; /* 150px */
    }

    .dd_item
    {
	    width: 9.375rem; /* 150px */
    }

    .dd_main
    {
        width: 9.375rem; /* 150px */
    }

    .innerDDContainer
    {
	    width: 9.375rem; /* 150px */
	    height: 11.25rem; /* 180px */
    }

    .outerDDContainer
    {
	    width: 9.5rem; /* 152px */
    }

    #canvas_wrapper
    {
	    margin-top: 0.625rem; /* 10px */
        border: 0;
    }

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

    .saloonDesc
    {
	    font-weight: bold;
        font-size: 0.75rem; /* 12px */
	    width: 5rem; /* 80px */
	    height: 1.5625rem; /* 25px */
        margin-left: 0.3125rem; /* 5px */
    }

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

    .chosen_discount
    {
        width: 18.75rem !important; /* 300px */
        float:left;
        margin-top: 0.9375rem; /* 15px */
        margin-left: 0.625rem; /* 10px */
    }

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

    .book_summary_ent_cont
    {
	    padding-top: 0.3125rem; /* 5px */
        width: 18.75rem; /* 300px */
    }

    .book_summary_ent_inner_left
    {
	    width: 6.25rem; /* 100px */
        vertical-align: top;
    }

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

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

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

    #currentProgress
    {
        border: 0px;
    }

    #selectionbox.time_holder
    {
        width: 100%;
    }

    .headerlogo
    {

        padding-bottom: 66px; /* Behåll px för dynamiska värden */
        height: 56px;
        width: 200px;
    }

    body
    {
        font-size: 0.875rem; /* 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: 1.25rem; /* 20px */
        /*width: 320px;*/
    }

    .saloonDesc
    {
	    font-weight: bold;
        font-size: 0.75rem; /* 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: 0.9375rem !important; /* 15px */
    }

    .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: 66px; /* Behåll px för dynamiska värden */
        height: 56px;
        width: 200px;
    }

    /* 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: 1.25rem; /* 20px */
        /*width: 300px;*/
    }

    .saloonDesc
    {
	    font-weight: bold;
        font-size: 0.75rem; /* 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: 0.9375rem !important; /* 15px */
    }

    .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: 66px; /* Behåll px för dynamiska värden */
        height: 56px;
        width: 200px;
    }

    /* 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: 0.75rem; /* 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: 0.9375rem !important; /* 15px */
    }

    .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: 66px; /* Behåll px för dynamiska värden */
        height: 56px;
        width: 200px;
    }

    /* 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: 0.75rem; /* 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: 0.9375rem !important; /* 15px */
    }

    .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;
    }
}