body{zoom: 1; background: rgb(51, 125, 176);}
#topBaner{background: #337db0;overflow: hidden;}
#topBaner .bannerPlace{text-align: center;}
.text-comment{margin:15px 0;}
#news p{text-align: justify;}
img{max-width: 100%;}


.top-block{
    display: none;
    padding: 15px 0;
}
.title{
    font-size: 28px;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
}
.description{
    color: #dedcaf;
    font-size: 24px;
    font-family: 'PT Sans', sans-serif;
    text-decoration: underline;
}

.comment{
    text-align: left;

}
.comment p{
    text-align: justify;
}
#news span.date{
    display: block;
    text-align: left !important;;
}



.top-block{
    display: none;
    padding: 15px 0;
    max-width: 100%;
}
.title{
    font-size: 28px;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
}
.description{
    color: #dedcaf;
    font-size: 24px;
    font-family: 'PT Sans', sans-serif;
    text-decoration: underline;
}
#news p{
    text-align: justify;
}
.comment{
    text-align: justify;
    padding-left: 50px;
}
.comment p{
    text-align: justify;
}
.top-block .list a{
    display: inline-block!important;
    width: 125px!important;
    color: #ffffff;
    background: #60a5d4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 15px;
    padding: 5px 0;
}
.list{
    background: #ffffff;
    padding-bottom: 25px;
    max-width: 815px;
    margin: 0 auto;
}
.list__item{
    float: left;
    border: 1px solid #60a5d4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 120px;
    display: inline-block;
    margin: 0 1.9%;
    width: 150px;
    padding: 0 5px;
}
.list__item img{
    max-width: 100px;
}
.list__item p{

}
.clearfix {
    *zoom: 1;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both;
}
.comment div{
    border: 1px solid #60a5d4;
    margin: 10px 0 !important;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.one{
    width: 95%;
    margin-left: 50px;
}
#news h1.ArticleHeader{
    font-size: 27px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 10px;
    font-weight: bold;
}
@media screen and (max-width: 1270px){
    header{
        display: none;
    }
    .one{
        padding-left: 50px;
        width: 105%;
        margin: 0;
    }
    #topBaner{
        min-width: 240px;
        height: auto !important;
    }
    #topBaner a{
        display: block;
        width: 100%;
    }
    #topBaner a img{
        width: 100%;
    }
    #wraper{
        min-width: 240px;
        max-width: 964px;
    }
    footer{
        min-width: 240px;
    }
    .list-last{
        display: none;
    }
    #text{
        width: 70%;
    }
    #cnt p{
        text-align: justify;
    }
    footer #disclamer{
        width: 500px;
    }
    .one{
        width: 93%;
    }

}
@media screen and (max-width: 1000px){
    .one{
        padding-left: 0;
        width: 100%;
    }
    #news span.date{
        margin-top: 25px;
    }
    #news p{
        line-height: 17px;
        margin: 10px 0;
    }
    .comment{
        padding: 0;
        width: 100%;
    }
    #text{
        padding-bottom: 20px;
    }
    body{
        background: #60a5d4!important;
    }
    .bannerPlace{
        display: block;
    }
    .top-block .list #top-list{
        width: 100% !important;
        margin: 0;
        background: #ffffff;
        color: #000000;
    }
    .top-block a{
        display: block !important;
        text-decoration: none;
    }
    #topBaner{
        height: auto !important;
        background: #60a5d4!important;
    }
    .top-block{
        display: block;
    }
    #topBaner a{
        display: none;
    }
    #newsColumn{
        display: none;
    }
    footer{
        display: none;
    }
    #text, #contentWraper{
        width: 100%;
    }
    #align{
        width: 90%;
        padding: 0 5%;
    }
    #news span, #news div, #news p{
        width: 100%;
    }
    #news.article #image{
        width: 100%;
    }
    #news h1{
        width: 100%;
    }
    div{
        padding: 0;
    }
    #wraper{
        overflow: hidden;
        padding: 0 5px;
        width: 95%;
        margin: 0 auto;
    }
    #news.article #image img{
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #text{
        margin: 0;
    }
    #align{
        width: 100%;
        padding: 0;
    }
    #news span.date{
        text-align: center!important;
    }
}
@media screen and (max-width: 768px){
    .list__item{
        width: 120px;
        height: 150px;
    }
    .list{
        max-width: 625px;
    }
}
@media screen and (max-width: 640px){

    .list__item {
        width: 97px;
        height: 145px;
        margin: 0 1%;
    }
    .list{
        max-width: 475px;
    }

    #news.article #image img{
        width: 100%;
    }
    #news h1.ArticleHeader{
        font-size: 30px;
    }
    .title{
        font-size: 21px;
    }
    .description{
        font-size: 19px;
    }
    .inner img{
        width: 90% !important;
    }
    img.one_png {
    margin: 0 auto;
    width: 100%;
}
    img.one_png {
    margin-bottom: 10px;
}
}
@media screen and (max-width: 479px){
    #news h1.ArticleHeader{
        font-size: 25px;
    }
    #news span, #news div, #news p{
        font-size: 17px!important;
    }
    .top-block{
        max-width: 100%;
        margin: 0 auto;
    }
    #top-list{
        display: none !important;
    }
}
@media screen and (max-width: 320px){
    #news h1.ArticleHeader {
        font-size: 24px;
        line-height: 28px;
        font-weight: bold;
    }
    body {
        background: #fff!important;
    }
    #wraper
    {
        padding: 0;
    }
    #align{
        width: 98%;
        padding: 0 1%;
    }
    .comment div{
        width: 93%;
        margin: 10px 1%!important;
    }
}
@media screen and (max-width: 240px){

}