/*
    Created on : 2015-03-20, 20:39:40
    Author     : Rygiel Design
*/
@media only screen and ( min-width: 746px ){
.newsBox .newsShort {
    min-height: 480px;
}
}
@media only screen and ( max-width: 746px ){
    html {
        background: url('../img/bgtab.jpg') no-repeat top scroll;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        background-size: 799px 1600px;
    }
    #topBar {
        top: 100px;
        width: 100%;
        position: absolute;
    }
    #searchBar {
        min-height: 150px;
    }
    .logo {
        margin: 0 auto;
        float: none;
        width: 160px;
    }
    h1 a {
            display: block;
            height: 157px;
            width: 158px;
            margin: 0 auto;
            float: left;
            background: url('../img/iwologomin.png') no-repeat center center;
            z-index: 9998;
    }
    .menuBtn {
        display: block;
        position: absolute;
        right: 30px;
        overflow: hidden;
        width: 50px;
        height: 40px;
        float: right;
        margin-top: 110px;
        z-index: 997;
    }
    .menuBtn .menuBtnBar {
        display: block;
        width: 100%;
        height: 4px;
        margin-top: 4px;
        background-color: #fff;
    }
    .topMenu ul {
        display: none;
    }
   .topMenu ul.visible {
        display: block;   
        position: relative;
        background-color: #993366;
        width: 100%;
        clear: both;
    }
    .topMenu ul.visible li {
        display: list-item;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #6B123F;
    }
    /*News*/
    .newsBox {
            width: 100%;
    }
    .newsBox .newsShort .thumbNews {
        display: block;
        position: relative;
        overflow: hidden;
        width: 160px;
        height: 130px;
        float: left;
        margin: 20px 15px 8px 15px;
    }
}
@media only screen and ( min-width: 480px ) and ( max-width: 746px ){
    .topMenu {
        position: absolute;
        overflow: hidden;
        top: 150px;
        display: block;
        width: 100%;
        z-index: 999;
    }
    .topMenu {
        width: 100%;
        position: absolute;
    }
    /*News*/
    .newsBox .newsShort .thumbNews {
        display: block;
        position: relative;
        overflow: hidden;
        width: 160px;
        height: 130px;
        float: left;
        margin: 20px 15px 8px 15px;
    }
    .rightCol {
        border-left: none;
        border-top: 1px solid #B3B3B3;
    }
    .aboutUs {
        margin: 50px 10px 0 10px;
    }
    .rightWidget {
        margin: 50px 0 0 10px;
        width: 100%
    }

}
@media only screen and ( max-width: 479px ){
    h1 a {
            display: block;
            height: 97px;
            width: 98px;
            margin: 50px auto;
            float: left;
            background: url('../img/iwologominphone.png') no-repeat center center;
            z-index: 9998;
    }
    .topMenu {
        position: absolute;
        overflow: hidden;
        top: 150px;
        display: block;
        width: 100%;
        z-index: 999;
    }
    .menuBtn {
        display: block;
        position: absolute;
        right: 30px;
        overflow: hidden;
        width: 50px;
        height: 40px;
        float: right;
        margin-top: 110px;
    }
    .menuBtn .menuBtnBar {
        display: block;
        width: 100%;
        height: 4px;
        margin-top: 4px;
        background-color: #fff;
    }
    .topMenu {
        width: 100%;
        position: absolute;
    }
    #newsBoxes {
        margin-top: 180px;
    }
    .rightCol {
        border-left: none;
        border-top: 1px solid #B3B3B3;
    }
    .aboutUs {
        margin: 50px 10px 0 10px;
    }

}