/* Smartphones (portrait and landscape) ----------- */
@media 
screen 
and (min-width: 320px) 
and (max-width: 990px),       
screen
and (min-device-width : 320px) 
and (max-device-width : 990px){
    #cboxLoadedContent
    {
        max-width: 100% !important;
    }

    #cboxLoadedContent iframe,
    #cboxLoadedContent object,
    #cboxLoadedContent embed,
    #map_canvas{
        max-width: 100% !important;
    }

    #map_canvas{
        max-width: 100% !important;
    }
    
    #kontener
    {
    max-width: 100%;
    }
    
    #menu-top-mobile-trigger
    {
    text-decoration: none;
    display: block;
    background: #f36d22;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    width: auto;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
    outline: none;
    }
    
    #menu-top-mobile-trigger i
    {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 0 5px;
    }
    
    .mobnav-subarrow {
      display: block;
      background-color: #d7d7d7;
      height: 100%;
      width: 40px;
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer;   
    }
    
    .mobnav-subarrow:after
    {
    content:'\f078';
    font-family: "FontAwesome";
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 11px;
    top: 7px;
    }
    
    .MainNavMenu
    {
    display: none;
    margin: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }  
    
    .MainNavMenu .sf-shadow ul
    {
    background: none;
    }
    .MainNavMenu .sf-menu li li:first-child a
    {
    border: none;
    }
    .MainNavMenu .xpopdrop > ul {
            display: block!important;
    }
    .MainNavMenu .sf-menu {
      width: 100%!important;
      border: none;
      background: none;
    }
    .MainNavMenu .sf-menu.xactive {
      //display: block!important;
    }
    .MainNavMenu .sf-menu li {
      float: none!important;
      display: block!important;
      width: 100%!important;
      text-align: left;
      webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      border-bottom: 1px solid #fff
    }
    .MainNavMenu .sf-menu li a {
      float: none!important;
      border: none;
      padding: 12px 10px;   
    }
    .MainNavMenu .sf-menu ul {
      position: static!important;
      display: none!important;
      width: 100%;
      padding: 0;
    }
    .MainNavMenu .xpopdrop ul {
      display: block!important;
      visibility: visible !important;
    }
    

    .sf-sub-indicator
    {
    display: none;
    }
    
    .newsletterBlock
    {
    clear: left;
    padding: 5px 0 5px 0;
    }
    
    .boxNewsletter .haslo2 
    {
    margin: 4px 8px 0 10px !important;
    }
    
    .box .newsletter_input
    {
    width: calc(100% - 22%) !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    }
        
    .box .newsletter_submit
    {
    width: 20%;
    float: right;
    margin: 0;
    padding: 4px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
    #BannerTop, #BannerBottom
    {
    padding: 0 15px 20px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
    #TopFrame
    {
    padding: 0 15px 10px 15px;
    }
    
    .rblikebox
    {
    display: none !important;
    }
    
    #loginTools
    {
    position: relative;
    top: auto;
    right: auto;
    padding: 10px;
    margin-bottom: 10px;
    }
    
    #loginTools ul li
    {
    line-height: 22px;
    }
    
    #loginTools ul li a.youtube, #loginTools ul li a.facebook
    {
    height:23px;
    background-position: 0 center;
    }
    
    #logo
    {
    margin: 0 auto 10px auto;
    }
    
    #sklepButtons
    {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 15px;
    }
    
    #sklepButtons .sf-menu 
    {
    float: none;
    background: none;
    text-align: center;
    }
    
    #sklepButtons .sf-menu .mark
    {
    float: none !important;
    display: inline-block;
    }
    
    #MiddleFrame
    {
    margin: 0;
    padding: 0 15px;
    }
    
    #content-wrapper
    {
    float: none;
    max-width: 100%;
    }
    
    body img, body iframe
    {
    max-width: 100%;
    /*height: auto;*/
    }
    
    #Content_1_DIV, #Content_2_DIV, #Content_3_DIV, #Content_5_DIV
    {
    float: none;
    max-width: 100%;
    width: 100%;    
    }
    
    .KatalogEntry
    {
    padding: 15px;
    }
    
    #MiddleFrame .superoferta_v2.KatalogEntry
    {
    width: 100%;
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    }
    
    #MiddleFrame .superoferta_v2.KatalogEntry .scrollable
    {
    margin: 0;
    height: 80px;
    }
    
    #MiddleFrame .KatalogEntry .Div_1
    {
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 15px 0;
    padding: 10px 0 0 0;
    }
    
    #MiddleFrame .KatalogEntry .Div_2, #MiddleFrame .KatalogEntry .Div_2_full
    {
    float: none;
    width: 100% !important;
    margin: 0;
    }
    
    #MiddleFrame .KatalogEntry .Div_3, #MiddleFrame .KatalogEntry .Div_3a
    {
    text-align: center;
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
    }
    
    #MiddleFrame .KatalogEntry .Div_4, #MiddleFrame .KatalogEntry .Div_6, #MiddleFrame .KatalogEntry .Div_5
    {
    text-align: center;
    float: none;
    width: 100%;
    }
    
    #MiddleFrame .KatalogEntry .Div_4 .mapka
    {
    margin: 0 auto!important;
    }
    
    #MiddleFrame .KatalogEntry .scrollable
    {                   
    margin-bottom: 20px;
    width: calc(100% - 34px);
    }
    
    #MiddleFrame .KatalogEntry a.left
    {
    margin: 0;
    }
    
    #MiddleFrame .KatalogEntry a.right
    {
    float: right;
    }
    
    #SP_profilLeftDIV, #SP_profilRightDIV
    {
    margin: 0;
    width: 100%;
    float: none;
    }
    
    #MiddleFrame .SP_RejestracjaForm
    {
    width: 100% !important;
    }
    
    .box .boxContent
    {
    height: auto !important;
    }
    
    .box .shopOffer
    {
    width: 100%;
    max-width: 100%;
    }
    
    .box .shopOffer tr
    {
    width: 100%;
    max-width: 100%;
    }
    
    .box .shopOffer td
    {
    width: 100%;
    border-right: none;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
    .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
    }
    
    .box .EntryList .leadIMG
    {
    width: 100px;
    }
    
    .box .EntryList .leadTXT
    {
    margin-left: 120px;
    }
    
    #stopkaDIV
    {
    margin: 0 0 15px 0;
    }
    
    #stopkaDIV .menu
    {
    line-height: 18px;
    }
    
    #copyright
    {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
    }
    
    #BottomFrame
    {
    max-width: 100%;
    padding: 30px 15px 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    }
    
    #stopka_wordDIV
    {
    margin: 0;
    padding: 0 0 30px 0;
    }
    
    .TXT ol
    {
    padding: 0 0 8px 15px;
    }
    
    #facebook-box
    {
    text-align: center;
    }
    
}

@media 
screen 
and (min-width: 600px) 
and (max-width: 990px),       
screen
and (min-device-width : 600px) 
and (max-device-width : 990px){
 #kontener
 {
 width: 600px;
 }
}