@media  only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)   {
    #header_wrapper,#content_wrapper,#footer_wrapper {
        width:100%;
        margin:0px;
        padding:0px;
    }
    .banner_bottom {
        display: none !important;

    }
    .mainpic img {
        width: 100%
    }
    #footer_wrapper p {
        padding: 15px;
    }
}
@media only screen and (max-width: 380px),(min-width: 480px) and (max-width: 767px) {


    #header_wrapper,#content_wrapper,#footer_wrapper {
        width:100%;
        margin:0px;
        padding:0px;
    }
    #footer_wrapper p {
        padding: 15px;
    }
    .UserMenu2 {
        float:none;
        width: auto;
    }
    .banner_bottom {
        display: none !important;

    }

    .logo {
        display: block;
        width:100%;
        position:relative;
        bottom:auto;
        left:auto;
        padding:15px 0 15px 0 ;
        text-align: center;
        margin:0px;

    }
    .logo img {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .mainpic img {
        display: none;
    }


    .flags {
        position: relative;
        top:auto;
        right:auto;
        text-align: center;
        padding: 15px 0 5px 0;
    }

    .flags ul {
        list-style: none;
    }

    .flags ul li {
        float: none;
        display: inline-block;
        margin:0 10px 0 0;
    }
    .flags ul li a { color:#000; }
    .flags ul li.active a {
        color:#d64703 !important;
    }
    .UserMenu {
        left:0px;
        position: relative;
        border:0px solid red;
        margin:0 5px 0 0;
        text-align: center;
        z-index: 150;
        width: auto;
        background: transparent;
        padding:15px 10px 0;
        color:#000;
    }

    .UserMenu p { text-align: center !important; }
    .UserMenu a { color:#000; }
    .jumper {
        position:relative;
        text-align: center;
        top:auto;
        right:auto;
        z-index: 3;
        padding:0;
        color:#fff;
        width:auto;
        height:auto;
        margin: 0 0 15px 0;

    }

    #cat-navigation {
        position: relative;
        top:auto;
        clear: right;
        margin: 0 auto;
        padding: 0px !important;
        width:80%;
    }
    #cat-navigation ul {
        width:100%;
        margin: 0 0 10px 0;
    }
    #cat-navigation ul li {
        float: none;
        border: 0px solid red;
        clear: both;
        display: block !important;
        background: #d64703;
        border-radius: 5px;
        margin: 0 0 2px 0;
    }
    #cat-navigation ul li a{
        color:#fff;
        display: block !important;
        padding: 5px 0px 5px 0px;
        text-align: center;
        clear: right;
    }

    #cat-navigation ul li a.active {
        background-color: #000;
        text-decoration: none;
        color:#ffffff;
        border-radius: 5px;
    }

    body {
        background: transparent;
    }

    ul.final_gallery li {
        float:none;
        width:100%;
        height:220px;
    }

    .subsub-navigation,.sub-navigation {
        margin:0px;
        padding:0px;
    }

    .sub-navigation ul{
        list-style: none;
        margin:0px auto;
        padding:0px;
        display: block;
        position: relative;
        border:0px solid green;
        float:none;
        width:200px;
    }

    .subsub-navigation ul {
        list-style: none;
        margin:0px auto;
        padding:0px;
        display: block;
        position: relative;
        border:0px solid blue;
        float:none;
        width:200px;
    }

    .sub-navigation ul li, .subsub-navigation ul li {
        float:none;
        display: block;
        width:100%;
        border:0px solid green;
        margin:0px;
        padding:0px;
    }
    .sub-navigation ul li a, .subsub-navigation ul li a {
        position: relative;
        display: block;
        text-align: center;
        width: 100%;
        margin:0px 0px 5px 0px;
        padding:0px;
    }

    /*
        * {
        border:1px solid red;

    }
    */

    .awardss tr td, .partners tr td {
        display: block;
        width: 100%;
    }

    .awards tr td img, .awards tr td img {
        width: 100%;
    }

    .award {
        display: block;
        width:90%;
        text-align: center;
        vertical-align: top;
    }

    .award img {
        width: 100%;
        height: auto;
    }

    .clear { clear: both; }


}