@media screen and (max-width:1250px) {


            .quadout { padding:0 0 40% 0;  } 
            .quadtxbx { width:80%;  }

              #cntbox { width:60%; }  

 
}


@media screen and (max-width:1000px) {

 
            .gcol {
              flex:100%;
              max-width:100%;
              padding: 0;
            }
 
}



@media screen and (max-width:950px) {


            .quadout { width:50%; padding:0 0 60% 0;  } 
 
 
}







@media screen and (max-width:800px) {
 


                .logo { width:180px; }
 

/*---------- TESTI --*/

 
                .tesbx { padding:40px 0; }
                .testx { font-size:2em; }
 
                .quotel, .quoter { font-size:2.6em; }


                .menuico { display:block; position:absolute; right:40px; top:28px; cursor:pointer; z-index:9999;  }
 

                .bar1, .bar2, .bar3 { width: 30px;
                                      height:4px;
                                      background-color: #cdcdcd;
                                      margin: 6px 0;
                                      transition: 0.4s;
                                    }

                .change .bar1 { -webkit-transform: rotate(-45deg) translate(-7px, 4px);
                                transform: rotate(-45deg) translate(-7px, 6px);
                                background:#EE4F48;
                              }

                .change .bar2 { opacity:0.1; }

                .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -6px);
                                transform: rotate(45deg) translate(-8px, -8px);
                                background:#EE4F48;
                              }

 

                nav { display:none; position:relative; left:0; right:0; top:0; padding:20px 20px 0 20px; margin:0;
                          text-align:center; z-index:99999999; }

                nav a:link, nav a:visited { display:block; text-decoration:none; color:#fff; padding:15px 0; margin:0; vertical-align:middle; font-size:1.2em; line-height:normal; border-bottom:1px dotted #121212; letter-spacing:6px;    } 
                nav a:hover, nav a:active { text-decoration:none; color:#bddfeb; border-bottom:1px dashed #fff; }

	            a:link.russnav, a:visited.russnav { text-decoration:none; color:#bddfeb; border-bottom:1px solid #bddfeb; }
 


               .column { flex:33.3333333333%;
                         max-width:33.3333333333%;
                        }
  




               .gcol { flex:25;
                         max-width:25%;
                        }
  



             .sixbadge { width:33.3333333333%;   }   
             .atebadge { width:25%; }      


          article { padding:10px; font-size:1.1em; line-height:1.4em; }
 
          section { padding:10px; font-size:1.1em; line-height:1.4em; }

          section.vid { padding:0 10px; font-size:1.1em; line-height:1.4em;  }




         .container { padding:20px; }

              #cntbox { width:80%; }  

              .vidblock { float:none; width:100%; padding:0 0 20px 0; }

            .vidblockl { display:block; width:100%; padding:10px 0; }
            .vidblockr { display:block; width:100%; padding:10px 0; }

                /*---------- IMG --*/

                .imr1 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .imr2 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .imr3 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .imr4 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .imr5 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
 
                .iml1 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .iml2 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .iml3 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .iml4 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .iml5 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
 
                .imc1 { float:none; padding:10px 0 20px 0; margin:0 auto; width:100%; height:auto; }
                .imc2 { float:none; padding:10px 0 20px 0; margin:0 auto; width:100%; height:auto; }
                .imc3 { float:none; padding:10px 0 20px 0; margin:0 auto; width:100%; height:auto; }
                .imc4 { float:none; padding:10px 0 20px 0; margin:0 auto; width:100%; height:auto; }
 




/*---------- SUB NAVS --*/

                #mobnavhead { display:block; }
                .plisthd { display:none; }


            .grid-1,
            .grid-2,
            .grid-3,
            .grid-4,
            .grid-5,
            .grid-6,
            .grid-7,
            .grid-8,
            .grid-9,
            .grid-10,
            .grid-11,
            .grid-12 {
	            margin:1% 0;
	            display: block;
                width:100%; 
            }
   
                               
                 
  


   

}

 

@media screen and (max-width:600px) {

 

    .column { flex: 50%;
              max-width: 50%;
            }


     .container { width:100%; max-width: 1366px; margin:0 auto; padding:40px 20px; line-height:normal; }


    .quadout {
        width:100%;
        padding: 0 0 80% 0;
    }

        h1 { font-size:1.6em;  }
          h2 { font-size: 1em;  }

               article { font-size:0.9em; line-height:1.5em; }

                     .bghptx { font-size:0.9em; line-height:1.2em; letter-spacing:0; }
 
                    .bigcnt { width:65%;  }                     
 

                .ggloc { font-size:1.2em; line-height:1.2em; padding:5px 0 0 0; }

            .quotel, .quoter { font-size:2em; }



     }










@media screen and (max-width:520px) {

    #cntbox { width:94%; padding: 30px 40px; }  

     
}