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


        h1.ban { font-size:1.2em; line-height:normal; padding:0 0 10px 0; color:#052d5d; }
        h2.bantag { font-size:1em; line-height:normal; text-transform:uppercase; color:#000; padding:0 20px; }
   

}


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

     
         header { width:94%; max-width:1180px; margin:0 auto; padding:10px 0; height:145px; position:relative; }

            nav a:link, nav a:visited { display:inline-block; text-decoration:none; color:#383838; font-size:0.8em; line-height:normal; padding:20px 10px; margin:0;  vertical-align:top; text-align:center; 
                                    -webkit-transition-duration:0.4s;
			            	        -moz-transition-duration:0.4s;
			            	        transition-duration:0.4s;
                                    } 

            nav a:hover, nav a:active { text-decoration:none; color:#052d5d;                                   
                                        -webkit-transition-duration:0.2s;
			            	            -moz-transition-duration:0.2s;
			            	            transition-duration:0.2s;
				      	                }


        h1.ban { font-size:1.1em; line-height:normal; padding:0 0 10px 0; color:#052d5d; }
        h2.bantag { font-size:0.8em; line-height:normal; text-transform:uppercase; color:#000; padding:0 20px; }                
   


        
   /*---------- CATS --*/

                .catout { position:relative; }
                .catag { position:absolute; top:0; left:0; right:0; background:#052D5D; padding:15px; text-align:center; color:#fff; font-size:0.7em; line-height:normal; }
                .catbx { display:inline-block; width:24%; margin:0.5%; }
                .catpic { width:100%; }

                h3.cat { font-size:1.2em; line-height:1.4em; font-weight:normal; padding:0 0 10px 0; color:#fff; }



     /*---------- PRODS --*/

                .prodout { position:relative; }
                .prodtag { position:absolute; bottom:0; left:0; right:0; background:#DCDED8; padding:15px; text-align:center; color:#000;  }
                .prodbx { display:inline-block; width:24%; margin:0.5% 0.5% 0 0.5%; }
                .prodpic { width:100%; }

                h4.prod { font-size:0.8em; line-height:1.1em; font-weight:normal; padding:0; margin:0; }


     /*---------- RY PRODS --*/

                .rypdout { position:relative; }
                .rypdtag { position:absolute; bottom:0; left:0; right:0; background:#052D5D; padding:15px; text-align:center;  }
                .rypdbx { display:inline-block; width:24%; margin:0.5%; }
                .rypdpic { width:100%; }

                h4.rypd { font-size:0.8em; line-height:1.1em; font-weight:normal; padding:0; margin:0; color:#fff;  }
        


                .hdline { background: url(/gfx/pixdiv.png) center center repeat-x; text-align:center; padding:0; margin:0 0 20px 0; color:#091C58; }
                .hdtx { display:inline-block; background:#fff; padding:10px; font-size:1em; }


                .fthds { color:#fff;  padding:0 0 10px 0; font-size:1.1em; line-height:1.3em; }
                .ftpadsb {  padding:0 20px 40px 20px; color:#fff; line-height:2em; font-size:0.7em; }             
                      
}
  




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


            .tel { display:block; float:none; text-align:left; color:#fff; font-size:0.8em; padding:0 0 0 10px; margin:0; }

            .mininav { display:block; float:none; text-align:left; color:#fff; font-size:0.75em; padding:0 0 0 10px; margin:0; }

            .mininav a:link, .mininav a:visited { text-decoration:none; color:#fff;
			                                      -webkit-transition:0.4s;
			                                      -moz-transition: 0.4s;
			                                      transition:0.4s;
                                                 }

            .mininav a:hover, .mininav a:active { text-decoration:underline; color:#FF6D00;
			                                      -webkit-transition:0.4s;
			                                      -moz-transition: 0.4s;
			                                      transition:0.4s;
					                            }




         header { width:94%; max-width:1180px; margin:0 auto; padding:20px 0; height:auto; position:relative; }


         .logo { display:block;
                 width:50%;
                 padding: 0;
                 margin: 0;
                 position: relative;
                 top: 0;
                 left:10px;
                 right: 0;
                 -webkit-transform: translateY(0);
                 -ms-transform: translateY(0);
                 transform: translateY(0);
                 z-index:999;
               }

            .logo img { width:75%;  }





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

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

                .sublist { display:block; text-align:left; }
                .sublist ul, .sublist li { list-style:none; padding:0; margin:0; }

                .sublist ul li { font-size:0.9em; }
                .sublist ul li.opt a { background: url(/gfx/selar.png) no-repeat center right;  display:block; width:100%; height:auto; border:1px solid #cdcdcd;  padding:10px; margin:0 0 5px 0; text-decoration:none; }
                .sublist ul li.opt a:hover { background: url(/gfx/selar.png) no-repeat center right #E4E8ED; border:1px solid #E4E8ED; color:#052D5D; }

                .sublist ul li a { display:block; width:100%; border-bottom:1px solid #cdcdcd; height:auto;  padding:10px; margin:0; text-decoration:none; }
                .sublist ul li a:hover { background:#052D5D; color:#fff;  border-bottom:1px solid #052D5D;  }


                a:link.russsubnav, a:visited.russsubnav, a:hover.russsubnav, a:active.russsubnav  { background:#052D5D; color:#fff;  border-bottom:1px solid #052D5D;   }

 

   

            article.serv { padding:20px; font-size:0.9em;  }

            .nbr { display:inline-block; }
            nav { text-align:right;
                  padding:0;
                  margin:0;
                 position: relative;
                 top: 0;
                  right:0; 
                 -webkit-transform: translateY(0);
                 -ms-transform: translateY(0);
                 transform: translateY(0);
                }

   

            /*-- NAV --*/

            a:link.nav-toggle, a:visited.nav-toggle { background:url(/gfx/menu-a.png) no-repeat; width:79px; height:22px; position:absolute; right:12px; top:30px; text-decoration:none; color:#fff; z-index:999; }
            a:hover.nav-toggle, a:active.nav-toggle { background:url(/gfx/menu-b.png) no-repeat; width:79px; height:22px; position:absolute; right:11px; top:30px; text-decoration:none; color:#e4901c; z-index:999; }
 

             nav {  width:100%;  
                    text-align:left;
                    padding:2% 0 0 0;
                    margin:0;
                    position:relative;
                    top:0;
                    left:0;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                 }

             nav a:link, nav a:visited { background:#e2e2e2; display:block; text-decoration:none; color:#222; font-size:0.8em; line-height:1.2em; padding:10px; margin:1px 0 0 0; 
                                         width:100%; clear:both;
                                         -webkit-transition-duration:0.4s;
			            	             -moz-transition-duration:0.4s;
			            	             transition-duration:0.4s;
							             -webkit-border-radius:2px;
							             -moz-border-radius:2px;
							             border-radius:2px; 
                                        } 

            nav a:hover, nav a:active { background:#052D5D; text-decoration:none; color:#fff;  padding:10px 12px; 
							             -webkit-border-radius:2px;
							             -moz-border-radius:2px;
							             border-radius:2px; 
                                        -webkit-transition:0.2s;
			            	            -moz-transition:0.2s;
			            	            transition:0.2s;
				      	               }

            nav li:last-child { padding: 0 0 20px 0; }


	        a:link.russnav, a:visited.russnav { background:#052D5D; text-decoration:none; color:#fff; 
							                    -webkit-border-radius:2px;
							                    -moz-border-radius:2px;
							                    border-radius:2px; 
                                                -webkit-transition:0.2s;
			            	                    -moz-transition:0.2s;
			            	                    transition:0.2s;
                                              }






            .nav-collapse ul {
              margin:0;
              padding:0;
              list-style: none;
            }

            .nav-collapse li {
              display:block;
              width:100%;
            }
 





            .bxhold { position:relative; }
            .reelbanner { background: rgba(255, 255, 255, 0.9);  position:relative; width:94%; max-width: 1180px; margin:0 auto; padding:20px 0 0 0; z-index:9999; text-align:center; border-top:1px solid #cdcdcd; }


                h1.ban {  display:none; }
                h2.bantag { font-size:0.7em; line-height:normal; text-transform:uppercase; color:#000; padding:0; }                
   



    /*---------- CATS --*/

             h3.cat { font-size:1.4em; line-height:1.2em; font-weight:normal; padding:0 0 10px 0; color:#fff; }
            .catout { position:relative; height:auto; margin:0; }
            .catag { position:relative; background:#052D5D; padding:20px; text-align:center; color:#fff; font-size:0.8em; line-height:normal; }
            .catpic { display:none; }     


     /*---------- PRODS --*/

            .prodout { position:relative; }
            .prodtag { position:absolute; bottom:0; left:0; right:0; background:#DCDED8; padding:20px; text-align:center; color:#000;  }
            .prodbx { display:inline-block; width:24%; margin:0.5%; }
            .prodpic { width:100%; }

            h4.prod { font-size:1em; line-height:1.1em; font-weight:normal; padding:0; margin:0; }




            .fthds { color:#fff;  padding:0 0 10px 0; font-size:1.3em; line-height:1.3em; }


           .ftpadsb a:link, .ftpadsb a:visited { display:inline-block; text-decoration:none; color:#cdcdcd; padding:0; margin:0 15px 0 0; 
                                               -webkit-transition: 0.5s;
                                               -moz-transition: 0.5s;
                                               -o-transition: 0.5s;
                                               transition: 0.5s;
                                             }

           .ftpadsb a:hover, .ftpadsb a:active { display:inline-block; text-decoration:none; padding:0; margin:0 15px 0 0; color:#fff; 
                                                -webkit-transition: 0.3s;
                                                -moz-transition: 0.3s;
                                                -o-transition: 0.3s;
                                                transition: 0.3s;
					                            }
   
 
        .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%; 
        }

 

}