﻿#MBMenu1
{
    display: block;
}
#MBMenu2
{
    display: none;
}
.MBLogoPic1
{
    display: block;
}
.MBLogoPic2
{
    display: none;
}


@media screen and (min-width:0px) and (max-width:900px)
{
    body
    {
        font-size: 13px;
    }
}

@media screen and (min-width:0px) and (max-width:800px)
{
    .MBTopTextContSize1
    {
        font-size: 40px;
    }
    .MBTopTextContSize2
    {
        font-size: 32px;
    }
    .MBTopTextContSize3
    {
        font-size: 20px;
    }
    .MBTopTextContSize4
    {
        font-size: 14px;
    }
}

@media screen and (min-width:0px) and (max-width:600px)
{
    .MBTopTextContSize1
    {
        font-size: 32px;
    }
    .MBTopTextContSize2
    {
        font-size: 25px;
    }
    .MBTopTextContSize3
    {
        font-size: 16px;
    }
    .MBTopTextContSize4
    {
        font-size: 12px;
    }
}

@media screen and (min-width:0px) and (max-width:400px)
{
    .MBTopTextContSize1
    {
        font-size: 25px;
    }
    .MBTopTextContSize2
    {
        font-size: 20px;
    }
    .MBTopTextContSize3
    {
        font-size: 13px;
    }
    .MBTopTextContSize4
    {
        font-size: 10px;
    }
}

@media screen and (min-width:0px) and (max-width:600px)
{
    .MBTopPicText
    {
        bottom: 90px;
    }
    .MBTopPicSel_Main
    {
        width: 100%;
        left: 0px;
    }
    .MB_Top_Social
    {
        bottom: unset;
        top: 10px;
        right: 10px;
    }
    
}
@media screen and (min-width:0px) and (max-width:500px)
{
    .MBLogo
    {
        width: 182px;
        height: 85px;
        right: 20px;
        top: 10px;
    }
    .MBLogoPic1
    {
        display: none;
    }
    .MBLogoPic2
    {
        display: block;
    }    
    .KeyMenuAppMain
    {
        width: 70px;
    }
    .MBTopKeys_Lang_Main
    {
        margin-left: 20px;
    }
    #d_lang_title
    {
        display: none;
    }
}

@media screen and (min-width:0px) and (max-width:1000px)
{
    #MBMenu1
    {
        display: none;
    }
    #MBMenu2
    {
        display: block;
    }
    .MBContent_Body
    {
        margin-left: 10px;
        margin-right: 10px;
    }
    .Pages_MainBack_Contents
    {
        margin-left: 10px;
        margin-right: 10px;
    }
}



@media screen and (min-width:0px) and (max-width:1000px)
{
    .MainBottomCL
    {
        display: none;
    }
    .MainBottomCR
    {
        float: none;
        width: 100%;
        margin-left: 0px;
    }
    .MainBottomCRItems
    {
        float: none;
        width: 100%;
    }
    .MainBottomCPR
    {
        position: relative;
        width: 100%;
        height: 27px;
        padding-top: 8px;
        right: 0px;
        text-align: center;
        clear: both
    }
    .MainBottomCPL
    {
        position: relative;
        width: 100%;
        height: 30px;
        left: 0px;
        padding-top: 0px;
        text-align: center;
        clear: both
    }
    .MainBottomCP
    {
        height: 80px;
    }
    
}