/* 
Разработка ExTemplate.com

Skype - extemplate
Icq - 840894
E-mail - extemplate@gmail.com

*/

/* Размер для таблеток*/
@media only screen and (min-width: 680px) and (max-width: 1120px) {
.wrap_header, .head_size, .bg_con, .foot_box_w {
width: 670px;
}
.left {
padding: 2px 10px;
}
.left_col {
width: 233px;
}
.right_col {
width: 407px;
}
footer {
height:52px;
}
.logo_small {display:none;}
.counters {
margin-top: 10px;
}
.copyright {
  margin: 10px;
  width: 350px;
  line-height: 16px;
}
.app_right_mode .news section .tupic, .app_right_mode .news section .tupic img {
width: 126px;
}
.left_bg {
background: url(../images/left_bg_2.png) 0 0 repeat-y #fff;
}
.appcontent img {max-width: 407px;}
.new_join h2 {
width: 670px;
}
header h1 {display:none;}
.new_join .con {
width: 670px;
background-image: none!important;
padding-left: 0;
}
.app_category li .name {
width: 145px;
}
.left_games .contact li h3 {
width: 145px;
}
.app_category_con {
width: 425px;
}
.slider {
position: absolute;
top: 150px;
width: 670px;
margin-left: -253px;
}
.fixed_top {
margin-top: 328px!important;
}
/*контент*/
.app_right_mode .news section {
width: 30.877610206604005%;
height: 170px;
}
.app_right_mode .news section .pic {
height: 104px;
width: 104px;
}
.app_right_mode .news section .pic img {
width: 104px;
min-height: 104px;
}
.rattsy {
padding: 7px 2px 0;
}
/*полная новость*/
.fullstory .qr_inst {
width: 90px;
padding: 10px 10px 10px 0;
}
.fullstory .desc {
padding: 10px 0 10px 10px;
}
.fullstory .install a {
width: 90px;
background: #a0c84b url("../images/download.png") no-repeat -14px -5px !important;
padding-left: 30px;
}
.fullstory .install a:hover {
background: #a0c84b url("../images/download.png") no-repeat -14px -47px !important;
}
.appinfo ul li {
width: 166px;
}
/*меню*/
#menu-btn {
display: block !important;
width: 262px;
-webkit-transition: 0;
-moz-transition: 0;
-o-transition: 0;
transition: 0;
}
.nav {
position: relative;
}
.nav li {
float: none;
}
.nav a {
border-right:0!important; 
}
.sub_nav_con {
display:none !important; 
padding:0;
}
.mmenu {
position: absolute;
width: 100%;
z-index: 1000;
background: rgba(47, 189, 255, 0.59);
border: 1px solid #0d9cdb;
border-top: 0;
}
.nav  .sub_nav_con a:before {
content: '\2013';
position: absolute;
left: 20px;
}
.nav li a {
color: #FFFFFF;
font-size: 13px !important;
display: block !important;
font-weight: normal;
height: 41px;
line-height: 40px;
padding: 0 15px;
text-shadow: none;
text-align: left;
width: 250px !important;
border: 1px solid #2FBDFF;
margin: 0 5px 3px;
background: rgba(0, 30, 44, 0.69);
-webkit-box-shadow: 0 0 2px #000;
-moz-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #000;
}
.nav {
padding-top: 0px;
}
.nav li a:hover {
background-color: rgba(0, 0, 0, 0.8);
border-left: 7px solid #2FBDFF;
color: #fff;
}
.nav li div {
position: static;
visibility: visible; 
display: block !important;
}
.sub_nav_menu {
background:none!important; 
border:none!important;
}
.sub_nav_con div {
padding:0;
}
.nav .sub_nav_con a {
padding: 0 30px;
border: 1px solid #2FBDFF;
margin: 0 5px 3px;
background: rgba(0, 30, 44, 0.69);
}
#menu-head {
display: none;
}
#menu-head.open {
display: block;
padding-top: 5px;
}
.avat {
margin: 0 10px -3px 10px;
}
.con a, .con a:visited {
margin-left: 15px;
}
.input-text {
width: 155px;
}
}
/* Размер для планшетов*/
@media only screen and (min-width: 480px) and (max-width: 679px) {
.wrap_header, .head_size, .bg_con, .foot_box_w {
width: 470px;
}
header h1  {display:none;}
.left {
padding: 2px 10px;
}
.left_bg {
background: none;
}
.right_col, .left_col {
width: 450px;
}
footer {
height:80px;
}
.app_right_mode .news section .tupic, .app_right_mode .news section .tupic img {
width: 139px;
}
.appcontent img {
max-width: 450px;
}
.logo_small {display:none;}
.counters {
margin-top: 10px;
text-align:center;
float:none;
}
.copyright {
  margin: 10px;
  text-align:center;
  line-height: 16px;
  padding-top: 10px;
  float:none;
}
.left_games {
padding-top: 0px;
float: left;
margin: 0 5px;
width: 47.6227664947%;
}
.disab {
display:none;
}
nav {
border-top: 0;
padding-bottom: 10px;
padding-left: 15px;
padding-top: 10px;
}
.app_category_con {
padding-left: 0px;
width: 387px;
left: 42px;
top: 37px;
}
.app_category li .name {
width: 364px;
}
.app_category li.on{
border-radius:3px 3px 0 3px;
}
.bai {
left: 403px;
top: -1px;
border-bottom: 0;
}
.slider {
position: absolute;
top: 150px;
width: 470px;
margin-left: -10px;
}
.sliderBullets {
left:39.5%;
}
.fixed_top {
margin-top: 328px!important;
}
.new_join h2 {
width: 470px;
}
.new_join .con {
width: 470px;
background-image: none!important;
padding-left: 0px;
height: auto;
}
/*контент*/
.app_right_mode .news section {
width: 31.0617895126%;
height: 177px;
}
.app_right_mode .news section .pic {
height: 111.6px;
overflow: hidden;
width: 111.6px;
border-radius: 11px 0!important;
}
.app_right_mode .news section .pic img {
width: 111.6px;
min-height: 111.6px;
}
.left_games .contact li h3 {
width: 130px;
}
.left_games .contact li p {
width: 130px;
}
.left_games .contact li .download {
width: 130px;
}
/*полная новость*/
.fullstory .qr_inst {
width: 90px;
padding: 10px 10px 10px 0;
}
.fullstory .desc {
padding: 10px 0 10px 10px;
}
.fullstory .install a {
width: 90px;
background: #a0c84b url("../images/download.png") no-repeat -14px -5px !important;
padding-left: 30px;
}
.fullstory .install a:hover {
background: #a0c84b url("../images/download.png") no-repeat -14px -47px !important;
}
.appinfo ul li {
width: 200px;
}
/*меню*/
#menu-btn {
display: block !important;
width: 135px;
padding-left: 10px;
-webkit-transition: 0;
-moz-transition: 0;
-o-transition: 0;
transition: 0;
}
#hamburger {
margin-left: 98px;
}
.nav {
position: relative;
padding-top:0px;
}
.nav li {
float: none;
}
.nav a {
border-right:0!important; 
}
.sub_nav_con {
display:none !important; 
padding:0;
}
.mmenu {
position: absolute;
width: 200px;
z-index:1000; 
right: 0px;
background: rgba(47, 189, 255, 0.59);
border: 1px solid #0d9cdb;
border-top: 0;
}
.nav  .sub_nav_con a:before {
content: '\2013';
position: absolute;
left: 20px;
}
.nav li a {
color: #FFFFFF;
font-size: 13px !important;
display: block !important;
font-weight: normal;
height: 41px;
line-height: 40px;
padding: 0 15px;
text-shadow: none;
text-align: left;
width: 188px !important;
border: 1px solid #2FBDFF;
margin: 0 5px 3px;
background: rgba(0, 30, 44, 0.69);
-webkit-box-shadow: 0 0 2px #000;
-moz-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #000;
}
.nav li a:hover {
background-color: rgba(0, 0, 0, 0.8);
border-left: 7px solid #2FBDFF;
color: #fff;
}
.nav li div {
position: static;
visibility: visible; 
display: block !important;
}
.sub_nav_menu {
background:none!important; 
border:none!important;
}
.sub_nav_con div {
padding:0;
}
.nav  .sub_nav_con a {
padding: 0 30px;
border: 1px solid #2FBDFF;
margin: 0 5px 3px;
background: rgba(0, 30, 44, 0.69);
}
#menu-head {
display: none;
}
#menu-head.open {
display: block;
padding-top: 5px;
}
.avat {
margin: 0 5px -3px 0px;
}
.avat_12 {
width: 141px;
float: left;
margin-left: 15px;
}
.con a, .con a:visited {
margin-left: 15px;
display: block;
width: 141px;
float: left;
}
.input-text {
width: 46.5%;
}
.trest {
margin-left: 73px;
}
.top_search {display:none;}
}
/* Размер для мобильныйх устройств */
@media only screen and (max-width: 479px) {
.wrap_header, .head_size, .bg_con, .foot_box_w {
width: 320px;
}
.left {
padding: 2px 10px;
}
.left_bg {
background: none;
}
.right_col, .left_col {
width: 100%;
}
.slider {
display: none;
}
.fixed_top {
margin-top: 39px!important;
}
footer {
height:80px;
}
.logo_small {display:none;}
.counters {
margin-top: 10px;
text-align:center;
float:none;
}
.appcontent img {
max-width: 300px;
}
.copyright {
  margin: 10px;
  text-align:center;
  line-height: 16px;
  padding-top: 10px;
  float:none;
}
.new_join h2 {
width: 320px;
}
.new_join .con {
width: 320px;
height: auto;
background-image: none!important;
}
nav {
border-top: 0;
padding-bottom: 10px;
padding-left: 15px;
padding-top: 10px;
}
.app_category_con {
padding-left: 0px;
width: 237px;
left: 42px;
top: 37px;
}
.app_category li .name {
width: 215px;
}
.app_category li.on{
border-radius:3px 3px 0 3px;
}
.bai {
left: 255px;
top: -1px;
border-bottom: 0;
}
.con a span {
padding: 0px 25px 5px 0px;
}
/*контент*/
.app_right_mode .news section {
width: 46.6718730926%;
height: 180px;
}
.fullstory .desc-title, .appinfo ul li {
width: 160px;
}
.app_right_mode .news section .pic {
height: 115px;
width: 115px;
}
.app_right_mode .news section .pic img {
width: 115px;
min-height: 115px;
}
/*меню*/
#menu-btn {
display:block !important;
width: 320px;
position:relative;
box-shadow: 0 2px 1px #0d9cdb;
}
#hamburger {
margin-left: 268px;
}
.nav {
position: relative;
}
.nav li {
float: none;
}
.nav a {
border-right:0!important; 
}
.sub_nav_con {
display:none !important; 
padding:0;
}
.fullstory .qr_inst {
display: block;
width: 130px;
margin-top: -120px;
}
.mmenu {
position: absolute;
width: 320px;
z-index:1000; 
right: 0px;
background: rgba(47, 189, 255, 0.59);
border: 1px solid #0d9cdb;
border-top: 0;
}
.nav  .sub_nav_con a:before {
content: '\2013';
position: absolute;
left: 20px;
}
.nav {
margin-top: -3px;
padding-top: 0px;
}
.nav li a{
color: #FFFFFF;
font-size: 13px !important;
display: block !important;
font-weight: normal;
height: 41px;
line-height: 40px;
padding: 0 15px;
text-shadow: none;
text-align: left;
border: 1px solid #2FBDFF;
margin: 0 5px 3px;
background: rgba(0, 30, 44, 0.69);
-webkit-box-shadow: 0 0 2px #000;
-moz-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #000;
width: 310px !important;
}
.nav li a:hover {
background-color: rgba(0, 0, 0, 0.8);
border-left: 7px solid #2FBDFF;
color: #fff;
}
.nav li div {
position: static;
visibility: visible; 
display: block !important;
}
.sub_nav_menu {
background:none!important; 
border:none!important;
}
.sub_nav_con div {
padding:0;
}
.nav .sub_nav_con a {
padding: 0 30px;
border: 1px solid #2FBDFF;
margin: 0 5px 3px;
background: rgba(0, 30, 44, 0.69);
}
#menu-head {
display: none;
}
#menu-head.open {
display: block;
padding-top: 5px;
}
.con a, .con a:visited {
display: block;
border-bottom: 1px solid #22A7FF;
margin: 0 20px;
}
.avat {
margin: 0 10px -3px 0px;
}
.trest {
display: block;
margin-top: 6px;
float: right;
margin-right: 20px;
}
.trest {
display: block;
margin-top: 6px;
}
.app_right_mode .news section .tupic, .app_right_mode .news section .tupic img {
width: 140px;
}
.in_1_text_ava {
margin-top: 10px;
}
.input-text {
width: 90%;
}
.left_games .contact li h3 {
width: 205px;
}
header h1  {display:none;}
.avat_12 {
display: block;
margin: 0 20px;
border-bottom: 1px solid #22A7FF
}
.top_search {display:none;}
.dlecomment .attribution {width:220px;margin: 25px;}
}