/*  Adaptive style   */


/* 1920 */

@media screen and (min-width: 1920px),
only screen and (min-device-width:1920px) {

.layout {
max-width:100%;
}

#content {
width:62%;
}

.bottom {
width:62%;
}

#footer {
width:62%;    
}
  
  .left-ear {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f1ebe8;
    width: 17%; /* Ширина уха */
    height: 100%; /* Высота уха */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Выравнивание по центру по вертикали */
    padding: 20px; /* Отступы внутри уха */
}
  
  .left-ear h2 {
    text-align: center; 
    font-size: 1.1em;
}
  .left-ear a {
    text-decoration: none;
}
  
  .left-ear a + a {
    margin-top: 75px; /* Устанавливаем верхний отступ между двумя ссылками */
}
  
  .right-ear {
    position: fixed;
    top: 0;
    right: 0; /
    background-color: #f1ebe8;
    width: 17%; /* Ширина уха */
    height: 100%; /* Высота уха */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Выравнивание по центру по вертикали */
    padding: 20px; /* Отступы внутри уха */
}

  
  .right-ear h2 {
    text-align: center; 
    font-size: 1.1em;
}
  .right-ear a {
    text-decoration: none;
}
  
  .right-ear a + a {
    margin-top: 50px; /* Устанавливаем верхний отступ между двумя ссылками */
}

}

/* 1919 */

@media screen and (max-width: 1919px),
only screen and (max-device-width:1919px) {

    #content {
        width:70%;
        }
        
        .bottom {
        width:70%;
        }
        
        #footer {
        width:70%;    
        }
  .left-ear {
    display: none;
  }
  
  .right-ear {
    display: none; 
  }

}

/* 1600 */

@media screen and (max-width: 1600px),
only screen and (max-device-width:1600px) {

.layout {
width:100%;
}

.deviz {
font-size: 1.5em;
}

#content {
    width:80%;
    }
    
    .bottom {
    width:80%;
    }
    
    #footer {
    width:80%;    
    }

}


/* 1463 */

@media screen and (max-width: 1463px),
only screen and (max-device-width:1463px) {

.deviz {
font-size:1.4em;
}

#content {
    width:92%;
    }
    
    .bottom {
    width:92%;
    }
    
    #footer {
    width:92%;
    }

}


/* 1366 */

@media screen and (max-width: 1366px),
only screen and (max-device-width:1366px) {

.deviz {
font-size:1.4em;
}


/*	1350px	*/

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


/* 1296 */

@media screen and (max-width: 1296px),
only screen and (max-device-width:1296px) {

.deviz {
font-size:1.3em;
}

}


/*	1290px	*/

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

.main {
width:70%;
}

.headlink {
font-size: 1em;
}

.deviz {
font-size: 1.3em;
}

#menu li {margin:0 1.5%; padding:0 0.5em;}

}


/*   1200px  */

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

.headlink {
font-size: 0.9em;
}

.deviz {
font-size: 1.2em;
}

#header {
width:100%;
}
   
}


/* 1208 */

@media screen and (max-width: 1208px),
only screen and (max-device-width:1208px) {

.deviz {
font-size:1.2em;
}

}

/*	1136px	*/

@media screen and (max-width: 1136px),
only screen and (max-device-width:1136px) {
	
.deviz {
font-size:1.2em;
}

}

/*	1166px	*/

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

/* 1115 */

@media screen and (max-width: 1115px),
only screen and (max-device-width:1115px) {


.deviz {
font-size:1.1em;
}

}


/*	1106px	*/

@media screen and (max-width: 1106px),
only screen and (max-device-width:1106px) {

.headlink {
font-size: 0.8em;
}

.line-1 {
width:63%;
}

.line-1-inside {
width:63%;
}

.line-1_a {
width:47%;
}

.line-1_b {
width:47%;
}

.line-1_c { 
width:35%; 
}

h4 {
font-size:1em;
}

h6 {
font-size:0.5em;
}
	
}


/*	1106px	*/

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

#menu li {margin:0 1%; padding:0 0.5em;}
	
}


/*	1058px	*/

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

.main {
width:70%;
}

.headlink {
font-size:0.8em;
}
	
}

/* 1042 */

@media screen and (max-width: 1115px),
only screen and (max-device-width:1115px) {

.deviz {
font-size:1em;
}

}

/*   1024px  */

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

#header {
}

.main-menu li {
padding: 0 20px;
}

#manu li {
padding:0 1.5em;
}

.deviz {
font-size:1em;
}

}


/*	1019px	*/

@media screen and (max-width: 1019px),
only screen and (max-device-width:1019px) {

#menu li {margin:0 0.5%; padding:0 0.5em;}

.newton {
width:100%;
}

.photo_newton {
width: 50%; 
float: left;
margin-right:1.5em;
}

.text_newton { 
width: 43%;
}

.ata {
width:100%;
margin-top:0.5em;
border-top:0.1em solid #c8bfbf;
}

.ata_1 {
width:45%;
float:left;
display:inline-block;
}

.ata_2 {
width:45%;
display:inline-block;
}
	
}


/*	1016px	*/

@media screen and (max-width: 1016px),
only screen and (max-device-width:1016px) {
	
.line-1_c {
width:100%;
height:auto;
border:none;
}

.line-1 {
border-top:solid gray 0.1em;
width:100%;
}

.line-1-inside {
width:100%;
}
	
}


/*	1010px	*/

@media screen and (max-width: 1010px),
only screen and (max-device-width:1010px) {
	

#menu li {margin:0 0.5%; padding:0 0.5em;}
	
}


/*   986px  */

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

/*   960px  */

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

#menu {
padding:0.7em 0;
}

.main-menu ul {
width:95%;
margin:0 auto;
display:block;
height:18px;
background: url(../images/menuicon.png) no-repeat;
cursor:pointer;
}

.main-menu li {
display:none;
}

.mobilemenu>ul {
width:95%;
overflow:hidden;
margin:0 auto;
display:block;
background: url(../images/menuicon.png) top 2% left no-repeat;
}

.mobilemenu li {
display:block;
float:none;
width:100%;
padding-bottom: 0.5em!important;
}

#menu li.parent > ul, #menu li.parent:hover > ul {
display: block;
position:static;
}

}


/* 943 */

@media screen and (max-width:943px),
only screen and (max-device-width:943px) {

.deviz {
font-size:1em;
}

.headlink {
font-size: 0.7em;
}

}

/* 908 */

@media screen and (max-width:908px),
only screen and (max-device-width:908px) {

.deviz {
font-size:1em;
}

.photo_pp {
width: 50%; 
float: none;
}

.proba_pera {
width: 100%; 
}

.photo_newton {
width: 50%; 
float: none;
}

.text_newton { 
width: 100%;
}

.newton {
width:100%;
}

.tigr_text {
width: 100%; 
}

.tigr_photo {
width: 80%; 
float: none;
}

.ata {
width:100%;
margin-top:0.5em;
border-top:0.1em solid #c8bfbf;
}

.ata_1 {
width:45%;
float:left;
display:inline-block;
}

.ata_2 {
width:45%;
display:inline-block;
}

}


/* 897 */

@media screen and (max-width:897px),
only screen and (max-device-width:897px) {


.deviz {
font-size:0.9em;
}

#content {
margin: 0 2.6em;
}

}


/* 867 */

@media screen and (max-width:867px),
only screen and (max-device-width:867px) {


.deviz {
font-size:0.9em;
}

.headlink {
font-size: 1em;
}

.line-2_a {
width:100%;
height:18em;
float: left; 
display: inline-block; 
border-right: solid #c8bfbf 0.1em; 
padding-right: 0.5em;
}

.line-2_b {
width:100%;
display: inline-block; 
margin-left: 0.5em;
border-top: solid #c8bfbf 0.1em;
}

}


/*   854px  */

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

.logo {
width:80%;
}

.deviz {
font-size: 1.3em;
}

img {
width:100%;
}

.main {
width:96%;
border: none;
}

.line-1_a {
height:18.4em;
}

.line-2_a {
width:52%;
}

.line-2_b {
width:40%;
border:none;
}

.photo_pp {
width: 50%; 
float: none;
display:inline-block;
}

.proba_pera {
width: 47%;
float:right;
display:inline-block; 
}

.ata_1 {
width:42%;
margin-right:1.5em;
}

.ata_2 {
width:42%;
}

.photo_newton {
width: 50%; 
float: left;
margin-right:1.5em;
}

.text_newton { 
width: 43%;
}

.headlink {
font-size: 1.4em;
}

.leftbar, .rightbar {
width:100%;
float:none;
margin-left:0;
}

#footer {
padding:0 2%;
}

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

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

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

.span4 {width:99%; float:left}
.span3 {width:48%; float:left}

}

/*   841px  */

@media screen and (max-width: 841px),
only screen and (max-device-width:841px) {
	
.line-1_a {
height:20.4em;
}
	
}


/*   800px  */

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

}

/* 836 */

@media screen and (max-width:836px),
only screen and (max-device-width:836px) {

.deviz {
font-size:1.3em;
}

.photo_newton {
width: 50%; 
float: left;
margin-right:1.5em;
}

.text_newton { 
width: 43%;
}

}

/* 814 */

@media screen and (max-width:814px),
only screen and (max-device-width:814px) {

.logo {
width:80%;
}

.deviz {
font-size:1.3em;
}

.photo_newton {
width: 50%; 
float: left;
margin-right:1.5em;
}

.text_newton { 
width: 43%;
}

}

/*   768px  */

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

img {
width:100%;
}

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

.line-1_a {
width:98%;
margin-bottom:7em;
border:none;
display:inline-block;
}

.line-1_b {
width:98%;
display:inline-block;
}

.line-1_c { 
width:98%;
float:none; 
display:inline-block;
}

.line-2_b {
width:44%;
}

.tigr_text {
width: 100%; 
}

.tigr_photo {
width: 80%; 
float: none;
}

.main {
float:none;
margin:0;
padding:0 1em;
width:96%;
}

#content {
width:100%;
margin:0;
}

.logo {
width:90%;
}

.headlink {
font-size:1.4em;
}

.deviz {
font-size:1.5em;
}

}

/*   723px  */

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

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

.line-1_a {
margin-bottom:5em;
}

.main {
width:95%;
float:none;
margin:0;
padding:0;
}

#content {
width:100%;
margin:0;
}

.logo {
width:90%;
}

.headlink {
font-size:1.2em;
}

.deviz {
font-size:1.4em;
}

}


/* 664 */

@media screen and (max-width:664px),
only screen and (max-device-width:664px) {

.logo {
}

.deviz {
font-size: 1.3em;
}

.line-1_a {
margin-bottom:3em;	
}

.ata {
border-right:none;
}

.ata_1 {
margin-right:2em;
}

}


/*   640px  */

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

.line-1_a {
height:20em;
}

.main {
float:none;
margin:0;
padding:0;
}

#content {
width:100%;
margin:0;
}

.logo {
width:90%;
}

.headlink {
font-size:1.2em;
}

.deviz {
font-size:1.3em;
}

}

/*   608px  */

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

.line-1_a {
height:18em;
}

.main {
float:none;
margin:0;
padding:0;
}

#content {
width:100%;
margin:0;
}

.logo {
width:90%;
}

.headlink {
font-size:1.1em;
}

.deviz {
font-size:1.3em;
}

}

/*   591px  */

@media screen and (max-width:591px),
only screen and (max-device-width:591px) {

.deviz {
font-size: 1.2em;
}
	
}


/*   560px  */

@media screen and (max-width:560px),
only screen and (max-device-width:560px) {

.deviz {
font-size: 1.1em;
}
	
}


/*   557px  */

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

.main {
float:none;
margin:0;
padding:0;
}

#content {
width:100%;
margin:0;
}

.logo {
width:90%;
}

.headlink {
font-size:1em;
}

.deviz {
font-size:1.2em;
}

}


/*	554px	*/

@media screen and (max-width: 554px),
only screen and (max-device-width:554px) {

.deviz {
font-size: 1.1em;
}	
	
}


/*	543px	*/

@media screen and (max-width: 543px),
only screen and (max-device-width:543px) {

.layout {
width:100%;
}

.main {
float:none;
margin:0;
padding:0;
}

#content {
width:100%;
margin:0;
}

.logo {
width:90%;
}

.headlink {
font-size:1em;
}

.deviz {
font-size:1.1em;
}

}


/*	514px	*/

@media screen and (max-width:514px),
only screen and (max-device-width:514px) {

.deviz {
font-size:1em;
}

}


/*	507px	*/

@media screen and (max-width:507px),
only screen and (max-device-width:507px) {

.layout {
width:100%;
}

.main {
float:none;
margin:0;
padding:0;
}

#content {
width:100%;
margin:0;
}

.logo {
width:90%;
}

.headlink {
font-size:1.4em;
}

.deviz {
font-size:1em;
}

.newton {
width:100%
}

.ata {
width:100%;
margin-top:0.5em;
border-top:0.1em solid #c8bfbf;
}

.ata_1 {
width:47%;
float:left;
margin-right:0.5em;
display:inline-block;
}

.ata_2 {
width:47%;
display:inline-block;
}

}



/*   480px  */

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

h2 {
font-size:2em;
margin-left:0.5em;
}

p {
margin-left:1em;
}

img {
width:100%;
}

#toTop {
display:none!important;
}

.span3, .span6 {
width:95%;
}

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

.line-1_a {
height:16em;
}

.line-2_a {
width:100%;
height:auto;
float: left; 
display: inline-block; 
border-right: solid #c8bfbf 0.1em; 
padding-right: 0.5em;
}

.line-2_b {
width:100%;
display: inline-block; 
margin-left: 0.5em;
border-top: solid #c8bfbf 0.1em;
}

.line-2_b-2 {
margin-top:8em;
width:100%;
display: inline-block; 
margin-left: 0.5em;
}


.photo_pp {
width: 50%; 
float: none;
}

.proba_pera {
width: 100%; 
}

.photo_newton {
width: 50%; 
float: none;
}

.text_newton { 
width: 100%;
}

.ata_1 {
width:47%;
float:left;
margin-right:0.5em;
display:inline-block;
}

.ata_2 {
width:47%;
display:inline-block;
}

.main {
float:none;
margin:0;
padding:0;
}

#content {
width:100%;
margin:0;
}

.logo {
width:90%;
}

.headlink {
font-size:1em;
}

.deviz {
font-size:1em;
}

.newton {
width:100%
}

.ata {
width:100%;
margin-top:0.5em;
border-top:0.1em solid #c8bfbf;
}

.ata_1 {
width:47%;
float:left;
margin-right:0.5em;
display:inline-block;
}

.ata_2 {
width:47%;
display:inline-block;
}

.korotko {
margin-bottom:7.3em;
}

}


/* 460 */

@media screen and (max-width:460px),
only screen and (max-device-width:460px) {

.deviz {
font-size:1em;
}

.korotko {
margin-bottom:6.5em;
}

}


/* 451 */

@media screen and (max-width:451px),
only screen and (max-device-width:451px) {

.deviz {
font-size: 0.9em;
}

.korotko {
margin-bottom:6em;
}

}


/* 427 */

@media screen and (max-width:427px),
only screen and (max-device-width:427px) {

.deviz {
font-size: 0.9em;
}

.korotko {
margin-bottom:5.3em;
}

}


/* 412 */

@media screen and (max-width:412px),
only screen and (max-device-width:412px) {

.deviz {
font-size: 0.7em;
}

.korotko {
margin-bottom:4.8em;
}

.line-1_a {
height:14em;
}

}

/* 404 */

@media screen and (max-width:404px),
only screen and (max-device-width:404px) {

.deviz {
font-size: 0.8em;
}

.korotko {
margin-bottom:4.5em;
}

}


/* 381 */

@media screen and (max-width:381px),
only screen and (max-device-width:381px) {

.deviz {
font-size: 0.8em;
}

.line-1_a {
height:13em;
}

}


/* 366 */

@media screen and (max-width:366px),
only screen and (max-device-width:366px) {
	
.deviz {
font-size: 0.8em;
margin-left: 0em;
}

}


/* 359 */

@media screen and (max-width:359px),
only screen and (max-device-width:359px) {

.deviz {
font-size: 0.7em;
}

}


/* 333 */

@media screen and (max-width:333px),
only screen and (max-device-width:333px) {

.deviz {
font-size: 0.7em;
}

}


/* 321 */

@media screen and (max-width:321px),
only screen and (max-device-width:321px) {

.deviz {
font-size: 0.6em;
}

}


/* 309 */

@media screen and (max-width:309px),
only screen and (max-device-width:309px) {

.deviz {
font-size: 0.6em;
}

}


/* 285 */

@media screen and (max-width:285px),
only screen and (max-device-width:285px) {

.deviz {
font-size: 0.6em;
}

}


/* 275 */

@media screen and (max-width:275px),
only screen and (max-device-width:275px) {

.deviz {
font-size: 0.6em;
}

}


/* 269 */

@media screen and (max-width:269x),
only screen and (max-device-width:269px) {

.deviz {
font-size: 0.5em;
}

}


/* 249 */

@media screen and (max-width:249x),
only screen and (max-device-width:249px) {

.deviz {
font-size: 0.5em;
}

}


/* 231 */

@media screen and (max-width:231x),
only screen and (max-device-width:231px) {

.deviz {
font-size: 0.5em;
}

}


/* 224 */

@media screen and (max-width:224x),
only screen and (max-device-width:224px) {

.deviz {
font-size: 0.4em;
}

}


/* 201 */

@media screen and (max-width:201x),
only screen and (max-device-width:201px) {

.deviz {
font-size: 0.4em;
}

}