/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
.column {width:750px}
.logo{width:265px}
.headermenu{display:none}
.header_right{float:right;width:191px;}
.mainmenu #nav li a{font-size:13px;padding:15px 10px 9px;}
.mainmenu #nav li ul li a{font-size:10px;padding-bottom:5px;padding-top:5px;}
.mainmenu #nav li ul{width:120px}
.left_top_news {margin-right:15px;width: 490px;}
.left_top_news img { margin-right: 8px; width: 260px; height: 180px;}
.right_top_content {width: 205px;height: 250px;}
.single_right_top_content {padding-bottom: 10px; padding-left: 5px;  padding-top: 0;}
.single_right_top_content img {margin-right: 10px; width: 50px;}
.single_right_top_content h3 {font-size: 12px;line-height: 15px;}
.right_sidebar {width: 205px;}
.middle_content {margin-right: 15px;width: 145px;}
.left_content {margin-right: 15px;width: 330px;}
.latest_from_catagory {width: 340px;}
.single_cate_post {width: 330px;}
.single_tech_category {width: 160px;}
.footermenu li a {padding: 0 5px;}
}



/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
.column{width:300px}
ul#nav{display:none}
div.mobile_menu_area{display: block;padding: 10px 25px;}
ul#mobile_menu{}
ul#mobile_menu li{border-bottom:1px solid #222;padding:5px 0}
ul#mobile_menu li a{color:#fff}
ul#mobile_menu li a:hover{color:#000}
ul#mobile_menu li ul{margin-left:20px}
ul#mobile_menu li ul li{}
ul#mobile_menu li ul li:first-child{border-top:1px solid #cf0000;margin-top:10px}
ul#mobile_menu li ul li:last-child{border-bottom:0px solid #000}
ul#mobile_menu li ul li a{}
ul#mobile_menu li ul li a:hover{}
div.single_extended .latest_from_catagory,.logo, .headermenu, .left_top_news, .left_content, .right_top_content, .middle_content, .right_sidebar  {width:280px}
.logo {float: none; text-align: center;}
.headermenu {margin-bottom: 20px;margin-top: 20px;text-align: center;}
.headermenu ul li {display: inline;float: none;}
.headermenu ul li a {display: inline-block;}
.header_right{width:230px}
.middle_content, .right_sidebar {margin-right: 0px;}
.latest_from_catagory {width: 290px;}
.single_cate_post {width: 280px;}
.gallery_content img {width: 127px;}
.single_tech_category {width: 280px;}
.newsletter_sidebar input[type="text"], .newsletter_sidebar input[type="email"] {width: 370px;}
.game{margin-right: 140px;}
.left_top_news {height: 480px;}

.column {padding: 10px;}
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.column{width:450px}
ul#nav{display:none}
div.mobile_menu_area{display: block;padding: 10px 25px;}
ul#mobile_menu{}
ul#mobile_menu li{border-bottom:1px solid #222;padding:5px 0}
ul#mobile_menu li a{color:#fff}
ul#mobile_menu li a:hover{color:#000}
ul#mobile_menu li ul{margin-left:20px}
ul#mobile_menu li ul li{}
ul#mobile_menu li ul li:first-child{border-top:1px solid #cf0000;margin-top:10px}
ul#mobile_menu li ul li:last-child{border-bottom:0px solid #000}
ul#mobile_menu li ul li a{}
ul#mobile_menu li ul li a:hover{}
.logo, .headermenu, .left_top_news, .left_content, .right_top_content, .middle_content, .right_sidebar {width: 430px;}
.logo {float: none; text-align: center;}
.headermenu {margin-bottom: 20px;margin-top: 20px;text-align: center;}
.headermenu ul li {display: inline;float: none;}
.headermenu ul li a {display: inline-block;}
.header_right{width:298px}
.left_top_news {height:280px;}
.left_top_news {margin-right: 10px;}
.left_top_news h3 {font-size: 13px;font-weight: normal;line-height: 20px;}
.left_top_news img { width: 220px; height: 155px;}
.left_content {margin-right: 10px;}
.right_top_content {height: 240px;}
.middle_content, .right_sidebar {margin-right: 0px;}
.latest_from_catagory {width: 430px;}
.single_cate_post {width: 410px;}
.gallery_content img {width: 127px;}
.single_tech_category {width: 200px;}
.newsletter_sidebar input[type="text"], .newsletter_sidebar input[type="email"] {width: 370px;}
.game{margin-right: 270px;}

div.single_extended {width: 430px;}
div.single_extended .latest_from_catagory {margin-left: 5px; width: 425px;}
div.archive_extended {width: 430px;}
div.archive_extended .latest_from_catagory {margin-left: -5px;width: 445px;}
div.archive_extended .latest_from_catagory .single_cate_post {margin-bottom: 20px;margin-left: 10px;width: 430px;padding:10px;}
}