@media screen and (max-width: 768px) {

div.top { height: 50px; }
div.topbar { width: 100%; }
div.topbar .logo { float: right; width: 80%; margin: auto; margin-top: 10px; margin-bottom: 10px; }
div.topbar .logo a { width: 100%; }
div.topbar .menu { width: 20%; }
div.topbar .menu .line { width: 100%; background: url("../images/mb-icons.png") no-repeat 0 0; height: 45px; }
div.topbar .menu ul { display: none; }
div.topbar .menu ul { position: absolute; top: 51px; left: 0px; z-index: 999; width: 60%; background: #0707AC; }
div.topbar .menu ul li:first-child { display: none; }
div.topbar .menu ul li { list-style: none; display: list-item; float: none; }
div.topbar .menu ul li a { list-style: none; display: list-item; float: none; padding-left: 4%; padding-right: 0px; width: 96%; }

div.main { margin-top: 0px; }
div.content { width: 100%; }
div.head { display: none; }
div.left { width: 94%;
    margin: 0px 3%; }
div.right { width: 100%; }
div.right { display: none; }

.left .topnews { width: 100%; margin-right: 0px; }
div.ol { width: 100%; }
div.ol .ct, div.ol .ln { float: none; margin-left: 2%; }
div.ol .ln  { width: 96%; margin-right: 2%; }
div.ol .ln a { float: none; width: 100%; }
div.ol .ln img { width: 42%; height: auto; margin-right: 4%; }
div.ol .ln h3 { width: 54%; }

div.headnews { width: 100%; }
div.headnews .hnews { width: 100%; }
div.headnews .hnews a { width: 100%; }
div.headnews .hnews a h1 { width: 94%; }
div.headnews .hnews a img { width: 100%; height: auto; }

div.headnews .mr { margin-right: 2%; }
div.headnews .news {  float: left; width: 49%; }
div.headnews .news img { width: 100%; height: auto; }

div.ep { width: 100%; }
div.ep .leftp, div.ep .rightp { width: 100%; }
div.ep .leftp li, div.ep .rightp li { width: 100%; margin: 0px; }
div.ep .leftp li img { width: 100%; height: auto; }

div.ep .rightp li { margin-bottom: 10px; width: 100%; }
div.ep .right li a { width: 100%; }
div.ep .rightp li img { float: left; width: 42%; height: auto; margin-right: 2%; }
div.ep .rightp li h3 { float: right; width: 56%; height: auto; }

div.lastnews { width: 100%; }
div.tln { width: 100%; margin-bottom: 10px; }
div.tln .photo { width: 100%; }
div.tln .photo a img { width: 100%; height: auto; }

div.rln, ul.llist { width: 96%; margin-left: 2%; margin-right: 2%; }
div.rln .photo, ul.llist li .photo { float: left; width: 46%; margin-right: 4%; }
div.rln .photo a img, ul.llist li .photo a img { width: 100%; height: auto; }
div.rln .text, ul.llist li .text { width: 50%; }

ul.llist { margin-bottom: 10px; }
ul.llist li { width: 100%; }
ul.llist li .text h2 { font-size: 18px; font-weight: normal; color: #2D2D2D; }
ul.llist li .text p { display: none; }

div.load { width: 100%; }
div.load a { width: 100%; }

div.bottom { width: 100%; }
div.bottom .logo { width: 100%; margin-bottom: 10px; }
div.bottom .logo a { width: 76%; margin-left: 12%; margin-right: 12%; }
div.bottom .logo img { width: 100%; height: auto; }

div.bottom .links { width: 100%; }
div.bottom .links ul li { width: 100%; }
div.bottom .links ul li a { width: 100%; text-align: center; margin: auto; padding: 0px; border: 0px; font-size: 20px; line-height: 40px; font-weight: bold; }

div.bottom .links .copyright { width: 100%; text-align: center; padding: 0px; }

div.bottom .subscribe { width: 100%; text-align: center; }
div.bottom .social { width: 100%; }
div.bottom .social form { width: 98%; margin-left: 1%; margin-right: 1%; }
div.bottom .social .email { width: 70%; }
div.bottom .social .submit { width: 25%; height: 35px; padding: 0px; }

/*div.lads { display: none; }*/
div.breadcrumb { line-height: 48px; }

div.listpark { margin-top: 0px; }
div.listpark .social { width: 100%; }

div.article { margin-top: 0px; width: 100%; }
div.article div.title a { width: 100%; text-align: center; }
div.article p.tl { text-align: center; }
div.article div.social { width: 100%; }
div.article div.image { width: 100%; height: auto; }
div.article div.image img { width: 100%; height: auto; }
div.article p.image-dis { width: 100%; }
div.article div.tt { width: 96%; margin-left: 2%; margin-right: 2%; }
div.article div.comment { width: 96%; margin-left: 2%; margin-right: 2%; border: none; }
div.article div.related { width: 100%; }
div.article div.related ul { width: 96%; margin-left: 2%; margin-right: 2%; }
div.article div.related ul li { width: 100%; margin: 0px, 0px, 0px, 10px;height: auto; }
div.article div.related ul li img { width: 100%; height: auto; }
div.od { display: block; }
/*div.od div.ads { display: none; }*/
div.od div.mnews { width: 100%; }
div.od div.mnews .mpart { width: 100%; }
div.od div.mnews .mpart img { width: 100%; height: auto; max-height: 485px;}
div.od div.mnews .mpart ul { width: 100%; }
div.od div.mnews .mpart ul li h3 { width: 100%; margin-bottom: 10px; }
/*div.od div.social { display: none; }*/ 
.adunit_rectangle_phone {text-align: center; margin: 15px 0;float: left;width: 100%;} 

.social input.email{ width: 202px;}
.social{width:100%;}
.social ul{width:100%;}
.facebookcss{width:100%;}
} 


@media screen and (max-width: 400px) {
div.od div.mnews .mpart img { width: 100%; height: auto; max-height: 235px;}
#adunit_article_center_middle1_computer{width: 100%;}
.at-newsletters .t1 {width: 100%;}