/*  Adaptive style   */

/*   1024px  */

@media screen and (max-width: 1024px),
only screen and (max-device-width:1024px) {
    
.layout {
width:940px;
}

#menu li a {
padding:0.4em 30px;
}
    
}


/*   854px  */

@media screen and (max-width: 854px),
only screen and (max-device-width:854px) {
    
.layout {
width:810px;
}

.logo {
width:40%;
}

.geo, .phone {
width:25%;
}

#menu li a {
padding:0.4em 20px;
}

.component, .component-mr, .component-lm, .component-mlr, .component-lrm {  /*  макет Главная + правая  Main + Right */
width:100%;
float:none;
}

.sidebar-right.nospace {
padding:0;
}

.sidebar-left, .sidebar-right {
width:97%;
padding:0 3% 0 0;
float:none;
}
    
}


/*   800px  */

@media screen and (max-width: 800px),
only screen and (max-device-width:800px) {
    
.layout {
width:760px;
}

.logo {
width:40%;
}

.geo, .phone {
width:25%;
}

#menu li a {
padding:0.4em 20px;
}

.component, .component-mr, .component-lm, .component-mlr, .component-lrm {  /*  макет Главная + правая  Main + Right */
width:100%;
float:none;
}

.sidebar-right.nospace {
padding:0;
}

.sidebar-left, .sidebar-right {
width:97%;
padding:0 3% 0 0;
float:none;
}

.span3 {
width:49%;
}

.span4 {
width:95%;
}

.social-box {
width:30%;
float:none;
text-align: left;
}

.social-box a {
float:left;
}
    
}



/*   768px  */

@media screen and (max-width: 768px),
only screen and (max-device-width:768px) {
    
.layout {
width:730px;
}

.logo {
width:40%;
}

.geo, .phone {
width:25%;
}

#menu li a {
padding:0.4em 20px;
}

.component, .component-mr, .component-lm, .component-mlr, .component-lrm {  /*  макет Главная + правая  Main + Right */
width:100%;
float:none;
}

.sidebar-right.nospace {
padding:0;
}

.sidebar-left, .sidebar-right {
width:97%;
padding:0 3% 0 0;
float:none;
}

.span3 {
width:49%;
}

.span4 {
width:95%;
}

.social-box {
width:30%;
float:none;
text-align: left;
}

.social-box a {
float:left;
}
    
}


/*   640px  */

@media screen and (max-width: 640px),
only screen and (max-device-width:640px) {
    
.layout {
width:95%;
}

.logo {
width:95%;
margin:0 0 1em 0;
}

.geo, .phone, .topbox {
width:88%;
float:none;
text-align:left;
padding:0 0 0 9%;
height:auto;
margin:0 0 1.5em 0;
}

.topbox {
padding:0;
}

.component, .component-mr, .component-lm, .component-mlr, .component-lrm {  /*  макет Главная + правая  Main + Right */
width:100%;
float:none;
}

.sidebar-right.nospace {
padding:0;
}

.sidebar-left, .sidebar-right {
width:97%;
padding:0 3% 0 0;
float:none;
}

.span3 {
width:49%;
}

.span4 {
width:95%;
}

.social-box {
width:40%;
float:none;
text-align: left;
}

.social-box a {
float:left;
}

#debug {
padding:0.5em 0 3em 0;
}

.topline {
padding-top:2.5em;
}

#menu {
position:fixed;
top:0;
}

#menu .layout {
background: url(../images/menuicon.png) top 0.7em left 2% no-repeat;
cursor:pointer;
height:2.5em
}

#menu ul {
display:none;
}

#menu.mobilemenu .layout {
background: url(../images/menuicon.png) top 0.7em left 0 no-repeat;
}

#menu.mobilemenu ul.nav {
display:block;
position:fixed;
height:100%!important;
z-index:9999;
overflow:auto;
width:40%;
left:9%;
background:#364656;
}

#menu.mobilemenu ul>li {
float:none;
}

#menu.mobilemenu li.parent > ul, #menu.mobilemenu li.parent > ul {
display:block;
font-size:80%;
position:static;
background:#232F3B;
}

.cols-2 {
width:99%;
margin:0;
float:none;
}

.cols-2 .span6 {
width:100%;
}

.cols-3 .span4 {
width:99%;
margin:0;
float:right;
padding: 0;
}


.Window > div {
 width: 90%;
 position: relative;
 margin: 2% auto;
 padding: 10px 5px 5px;
 border-radius: 10px;
 background: #fff;
 box-shadow: 0px 0px 20px 2px;
}
    
}




/*   480px  */

@media screen and (max-width: 480px),
only screen and (max-device-width:480px) {
    
.layout {
width:95%;
}

#toTop {
display:none!important;
}

.topline {
text-align:left;
}

.topline li {
float:none;
}

.logo {
width:95%;
margin:0 0 1em 0;
}

.geo, .phone, .topbox {
width:85%;
float:none;
text-align:left;
padding:0 0 0 12%;
height:auto;
margin:0 0 1.5em 0;
}

.topbox {
padding:0;
}

.component, .component-mr, .component-lm, .component-mlr, .component-lrm {  /*  макет Главная + правая  Main + Right */
width:100%;
float:none;
}

.sidebar-right.nospace {
padding:0;
}

.sidebar-left, .sidebar-right {
width:97%;
padding:0 3% 0 0;
float:none;
}

.span3 {
width:49%;
}

.span4 {
width:95%;
}

.social-box {
width:40%;
float:none;
text-align: left;
}

.social-box a {
float:left;
}

#debug {
padding:0.5em 0 3em 0;
}

.topline {
padding-top:2.5em;
}

#menu {
position:fixed;
top:0;
}

#menu .layout {
background: url(../images/menuicon.png) top 0.7em left 2% no-repeat;
cursor:pointer;
height:2.5em
}

#menu ul {
display:none;
}

#menu.mobilemenu .layout {
background: url(../images/menuicon.png) top 0.7em left 0 no-repeat;
}

#menu.mobilemenu ul.nav {
display:block;
position:fixed;
height:100%!important;
z-index:9999;
overflow:auto;
width:60%;
left:9%;
background:#364656;
}

#menu.mobilemenu ul>li {
float:none;
}

#menu.mobilemenu li.parent > ul, #menu.mobilemenu li.parent > ul {
display:block;
font-size:80%;
position:static;
background:#232F3B;
}
    
}



/*   375px  */

@media screen and (max-width: 375px),
only screen and (max-device-width:375px) {
    
.layout {
width:95%;
}

.logo {
width:95%;
margin:0 0 1em 0;
}

.geo, .phone, .topbox {
width:80%;
float:none;
text-align:left;
padding:0 0 0 17%;
height:auto;
margin:0 0 1.5em 0;
}

.topbox {
padding:0;
}

.component, .component-mr, .component-lm, .component-mlr, .component-lrm {  /*  макет Главная + правая  Main + Right */
width:100%;
float:none;
}

.sidebar-right.nospace {
padding:0;
}

.sidebar-left, .sidebar-right {
width:97%;
padding:0 3% 0 0;
float:none;
}

.span3 {
width:49%;
}

.span4 {
width:95%;
}

.social-box {
width:40%;
float:none;
text-align: left;
}

.social-box a {
float:left;
}

#debug {
padding:0.5em 0 3em 0;
}

.topline {
padding-top:2.5em;
}

#menu {
position:fixed;
top:0;
}

#menu .layout {
background: url(../images/menuicon.png) top 0.7em left 2% no-repeat;
cursor:pointer;
height:2.5em
}

#menu ul {
display:none;
}

#menu.mobilemenu .layout {
background: url(../images/menuicon.png) top 0.7em left 0 no-repeat;
}

#menu.mobilemenu ul.nav {
display:block;
position:fixed;
height:100%!important;
z-index:9999;
overflow:auto;
width:60%;
left:9%;
background:#364656;
}

#menu.mobilemenu ul>li {
float:none;
}

#menu.mobilemenu li.parent > ul, #menu.mobilemenu li.parent > ul {
display:block;
font-size:80%;
position:static;
background:#232F3B;
}
    
}