@media only screen and (min-width: 769px) and (max-width: 1280px) {

.topbar { width: 100%; }
.topbar .logo { width: 19%; margin: 23px 0px 0px 1%; }
.topbar .menu { width: 80%; }

.main .content { width: 98%; margin: 0px 1%; }

.content .head { width: 100%; }
.content .head .hn { width: 55%; }
.content .head .fl { width: 45%; }

.content .left { margin-right: 1%; width: 63%; }
.left .topnews { margin-right: 2%; width: 32%; }
.left .topnews .ol, .left .topnews .ol .ln, .left .topnews .ol .ln a { width: 100%; }
.left .topnews .ol .ln a img { margin-right: 1%; width: 25%; height: auto; }
.left .topnews .ol .ln a h3 { width: 74%; }

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

.left .headnews .news { width: 48%; }
.left .headnews .mr { margin-right: 4%; }
.left .headnews .news img { width: 100%; }

.left .ep { width: 100%; }
.left .ep .leftp { width: 68%; }
.left .ep .leftp li { margin: 0px 1%; width: 46%; }
.left .ep .leftp li img { width: 100%; height: auto; }

.left .ep .rightp { width: 32%; }
.left .ep .rightp li { width: 100%; }
.left .ep .rightp li img { margin-right: 4%; width: 42%; height: auto; }
.left .ep .rightp li h3 { width: 54%; }

.left .lastnews { width: 100%; }
.left .lastnews .tln { margin-right: 1%; width: 65%; }
.left .lastnews .tln .photo { width: 100%; }
.left .lastnews .tln .photo img { width: 100%; height: auto; }

.left .lastnews .rln { width: 34%; }
.left .lastnews .rln .photo, .left .lastnews .rln .photo img { width: 100%; }

.left .lastnews .llist, .left .lastnews .llist li { width: 100%; }
.left .lastnews .llist .photo { margin-right: 1%; width: 39%; }
.left .lastnews .llist .photo img { width: 100%; height: auto; }
.left .lastnews .llist .text { width: 60%; }

.left .lastnews .load, .left .lastnews .load a { width: 100%; }

.content .right { width: 36%; }
.right .ads { width: 100%; }
.right .mnews { width: 100%; }
.right .mpart { width: 100%; }
.right .mpart img { width: 90%; height: auto; }
.right .mpart ul { width: 100%; }
.right .mpart ul li { padding: 20px 5%; width: 100%; }
.right .mpart li h3 { margin-right: 2%; width: 48%; }
.right .mpart li img { width: 40%; }
.right .current, .right .uncurrent { width: 50%; } /* TODO: Removed before upload */

.right .social { width: 100%; }
.right .social .line { width: 15%; }
.right .social .and { width: 5%; }
.right .social ul { width: 100%; }
.right .social ul li { padding-right: 6%; }

.right .techtv, .right .techtv .btv, .right .techtv .btv a, .right .techtv .btv img { width: 100%; }
.right .techtv .btv img { height: auto; }
.right .techtv .btv .playic { width: 12%; }
.right .techtv ul { width: 100%; }
.right .techtv li { width: 48%; }
.right .techtv li.first { margin-right: 4%; }
.right .techtv .photo { width: 100%; }
.right .techtv .photo img { width: 100%; height: auto; }
.right .techtv .photo .playic { width: 28%; }

.left .lastnews .llist .social { width: 58%; }
.left .lastnews .page { width: 100%; }

.footer .bottom { width: 100%; }
.footer .bottom .logo { width: 27%; }
.footer .bottom .logo a { width: 100%; }
.footer .bottom .subscribe { width: 28%; }
.footer .bottom .subscribe form { width: 98%; }
.footer .bottom .subscribe .submit { width: 25%; float: right; }
.footer .bottom .subscribe .email { width: 70%; }

.left .article, .left .article .title a, .left .article .social, .left .article .image, .left .article .image-dis, .left .article .tt, .left .article .comment, .left .article .related, .left .article .related ul { width: 100%; }
.left .article .comment img { width: 100%; }
.left .article .related li { width: 31%; }
.left .article .related li img { width: 100%; height: auto; }


}