/* DESKTOP  (1200)
---------------------------------------------*/
@media only screen and (max-width:1200px) {
    .headerMiddle {padding: 10px 20px;}
}



/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
    .uPanel [class*="ion"] {display: inline-block;}
    .uPanel ul {display: none; position: absolute;top:100%; right: 0; z-index: 1; background: #4CB050;}
    .uPanel li {float: none;text-align: center;}
    .uPanel li a {display: block;}
    div[id*="entry"] {width: 33.33%;}
    .topRatedSection div[id*="entryID"]:nth-child(8n), 
    .topRatedSection div[id*="entryID"]:nth-child(7n) {display: none;}
    .fullItem {display: block;}
    .fullItem:after {content: ''; clear: both; position: relative; display: table;}
    .fullItemDownload {display: block;width: 100%;text-align: center;margin-top: 20px;}
    .fullItemDownload a {display: inline-block;padding-right: 20px;}
    .fullItemDownload [class*="ion"] {margin-right: 20px;}
    .fullItemInfo {padding: 0 0 0 20px;width: 71%;}
    .sectionMore div[id*="entryID"]:last-child {display: none;}
}



/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {

}



/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
    .headerTopNav [class*="ion"] {display: inline-block;}
    .headerTopNav ul {display: none;}
    .headerTopNav ul {display: none; position: absolute;top:100%; left: 0; z-index: 1; width: 100%; background: #47A14A;border-top: 1px solid #6ec074;}
    div[id*="entry"] {width: 50%;}
    .topRatedItem {width: 50%;}
    .fullItemImg, .fullItemInfo, .fullItemDownload {display: block;width: 100% !important;padding: 0;}
    .fullItemImg {margin-bottom: 30px;height: auto;padding-bottom: 20px;}
    .full .itemImg img {width: 100%;height: 100%;}
    .downloadCont {padding: 20px 20px;}
    .fullScreensItem {width: 50%;padding: 10px;}
    .sectionMore div[id*="entryID"]:last-child {display: block;}
}



/* TABLET  (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {
    .headerSoc {display: none;}
    [role="tablist"] li {float: left;margin-right: 5px;}
}



/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
    .headerMiddle {text-align: center;}
    .logo {float: none;display: inline-block;}
    .headerBottom {box-shadow: none;}
    .headerBottom span[class*="ion"], .menuMob {display: inline-block;color: #4CB050;border-right: 1px solid #E3E3E3;float: left;}
    .headerBottom ul {display: none;position: absolute;width: 100%;left: 0px;top: 100%;border-top: 1px solid #E3E3E3;background: #fff;}
    .headerSoc {display: block;}
    .search {display: none;position: absolute;z-index: 1;right: 0;margin-top: 10px;}
    .search input[type="text"] {padding: 10px 12px;font-size: 12px;width: auto;border: 1px solid #ddd;margin-right: 50px;}
    .search button {position: absolute;right: 4px;top: 1px;background: #4cb050;}
    .search button:hover {background: #47a14a;}
    .search [class*="ion"], .search button:hover [class*="ion"] {color: #fff;}
    aside, main {z-index: 0}
    aside {display: none;position: absolute;top: 0;z-index: 1;left: 0;}
    .asideBl {display: none;}
    main {padding: 18px 20px 30px 20px;box-shadow: none;}
    .itemImg img {width: 140px;height: 140px;}
    .sectionItem {height: auto;padding-bottom: 20px;}
    .sectionItem h3 {text-align: center;}
    .footer {display: block;}
    .footerCol {display: block;width: 100%;}
    .fCount, .fCopy {text-align: center;}
}



/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
    .headerTopNav a {border-bottom: 1px solid #6ec074;}
    .headerTopNav li:last-child a {border-right: 1px solid #6ec074;}
    .itemImg img {width: 100px;height: 100px;}
    .headerBottom li a {border-bottom: 1px solid #e3e3e3;}
    .headerBottom li:last-child {border-right: 1px solid #e3e3e3;}
    [role="tablist"] li, [role="tablist"] li:last-child {float: none;margin-right: 0;}
    [role="tablist"] li a {padding: 10px 15px;display: block;text-align: center;margin-bottom: 10px;}
}



/* MOBILE  (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {
    .sectionTitle {display: block;}
    .sectionCont, .sectionBtn {display: block;}
    .sectionBtn {text-align: center;}
    .btn, input[type="button"], input[type="submit"], input[type="button"], button, input[type="reset"] {display: block;text-align: center;}
    .btn [class*="ion"] {float: none;}
    .sectionTitle p {margin-bottom: 10px;}
    div[id*="entry"] {width: 100%;}
    .itemImg img {width: 180px;height: 180px;}
    .topRated h2 {white-space: nowrap;left: 4px;}
    .topRatedItem {width: 100%;}
    .full .itemImg img {width: 240px;height: 240px;}
    .fullItemInfoList span {width: 100%;}
    .dFileInfo {text-align: center;}
    .commBlTitle span {display: block;width: 100%;margin-bottom: 20px;text-align: center;}
    .addComm {float: none;font-size: 12px;width: 100%;}
    .commItem {text-align: center;position: relative;}
    .commAva {float: none;text-align: center;margin-right: 0;display: inline-block;margin-bottom: 10px;}
    .commTop a {display: block;}
    a.answ {float: right;color: inherit;position: absolute;right: 10px;top: 10px;}
    .commMess {margin-top: 10px;}
}



/* MOBILE  (320)
---------------------------------------------*/
@media only screen and (max-width:320px) {
    .headerSoc {display: none;}
    .full .itemImg img {width: 200px;height: 200px;}
    footer {background: url(../images/h-bg.jpg) repeat center top;}
    footer a {display: block;}
    .topRated h2 {left: 9px; font-size: 18px;}
}