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


    .tag { float:left; text-align:left; color:#fff; font-size:0.9em; line-height:normal; padding:0 0 0 10px; margin:0; }

    .logo { float:left; width:25%; padding:0 0 0 10px; }

    .logo img { width:70%; }


    .srbx { float:right; padding:0 10px 0 0; width:70%; vertical-align:top; text-align:right; }

    nav { font-family:Cairo, sans-serif; padding:0; margin:0 0 2px 0; float:left; font-size:0.9em; }

    nav a:link, nav a:visited { display:inline-block; text-decoration:none; color:#666; line-height:normal; padding:10px 10px; margin:0; vertical-align:middle; text-align:left; border-bottom:2px solid #fff; 
                                -webkit-transition:0.4s;
			            	    -moz-transition:0.4s;
			            	    transition:0.4s;
                                } 

    nav a:hover, nav a:active { text-decoration:none; color:#4f8baa; padding:10px 15px;                                  
                                -webkit-transition:0.2s;
			            	    -moz-transition:0.2s;
			            	    transition:0.2s;
                                border-bottom:2px solid #42668b; font-weight:bold;
				      	        }

	a:link.russnav, a:visited.russnav { text-decoration:none; color:#4f8baa;  padding:10px 15px;     
                                        -webkit-transition:0.2s;
			            	            -moz-transition:0.2s;
			            	            transition:0.2s;
                                        border-bottom:2px solid #42668b; 
                                        }




            .jtx { display:inline-block; color:#446B8D; font-size:0.9em; line-height:1em; padding:0; margin:0; vertical-align:middle; }



            .compicos { position:absolute; top:20px; right:20px; z-index:999; }

            .pdsumscout { display:inline-block; text-decoration:none; width:50%; position:relative; vertical-align:top;  }
            a:link.pdsumsc, a:visited.pdsumsc { display:block;  width:100%; padding:20px;  text-align:left; }
 

            a:link.pdsumsbx, a:visited.pdsumsbx { text-decoration:none; width:50%; padding:20px; text-align:left; position:relative; }
            a:hover.pdsumsbx, a:active.pdsumsbx { text-decoration:none; width:50%; padding:20px; text-align:left; position:relative; }


}





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

                        
/*-------- PAGING --*/

			.pgbx { color:#222; clear:both; padding:10px 0; margin:0 0 20px 0; font-size:0.7em; font-weight:bold; border-top:none; border-bottom:none; clear:both; text-align:center; }
			
			.fepg { float:none; padding:0; margin:0; width:100%; }

			.fepg a:link, .fepg a:visited { display:inline-block; text-decoration:none; color:#446B8D; line-height:14px; line-height:13px; padding:3px 5px; margin:0 2px 0 0;
                                            -webkit-border-radius:2px;
				                            -moz-border-radius:2px;
				                             border-radius:2px; 
			                              } 
			.fepg a:hover, .fepg a:active { text-decoration:none; background:#E27875; color:#fff; } 

            .dropbx { float:none; text-align:center; width:100%; padding-top:10px; border-top:1px solid #cdcdcd;  }
 
            .xpd { padding:0 0 10px 0; }

}
 





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


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

        .tag { float:left; text-align:left; color:#fff; font-size:0.9em; line-height:normal; padding:0; margin:0; }

        .logo { float:none; width:100%; display:block; text-align:left; padding:0 0 15px 0; }
            .logo img { width:160px; }


            h2 { font-size:1.1em; line-height:1.2em; padding:0 0 10px 0; color:#3a6f8f; }
                h2.pdsub { font-size:1.1em; line-height:1.2em; font-weight:normal; padding:0 0 10px 0; color:#3a6f8f; }


        .srbx { float:none; padding:0; margin:0; width:100%; vertical-align:top; text-align:right; }
    
        #srchico { display:inline-block; padding:0; margin:0; vertical-align:middle;  }
        .srchbx { display:none; }

        .baskico { vertical-align:top; padding:0;}
        .srchnavico { vertical-align:top; padding:0 12px 0 0; cursor:pointer; }
        .accico { vertical-align:top; padding:0; cursor:pointer; }

        .bigsrchbx { display:block; padding:20px 4%;}

		input.bigsearch { display:inline-block; background: #fff; border:1px solid #cdcdcd; padding:7px; margin:0; vertical-align:top; font-size:0.8em; line-height:normal; width:80%; color:#000; text-align:left; cursor:pointer; }
		input.bigobtn { display:inline-block; background:#446B8D; border:1px solid #446B8D; padding:7px; margin:0; vertical-align:top; font-size:0.8em; line-height:normal; width:20%; color:#fff; text-align:center; }     


 

        .ictxt { display:none; }

 

                .fsums { font-size:0.9em; line-height:normal;  }


        nav { font-family:Cairo, sans-serif; padding:0; margin:0 0 2px 0; float:left;  font-size:0.85em; }

        nav a:link, nav a:visited { display:inline-block; text-decoration:none; color:#666; line-height:normal; padding:10px 5px; margin:0;  vertical-align:middle; text-align:left; border-bottom:2px solid #fff; 
                                    -webkit-transition:0.4s;
			            	        -moz-transition:0.4s;
			            	        transition:0.4s;
                                    } 

        nav a:hover, nav a:active { text-decoration:none; color:#4f8baa;                             
                                    -webkit-transition:0.2s;
			            	        -moz-transition:0.2s;
			            	        transition:0.2s;
                                    border-bottom:2px solid #42668b; font-weight:bold;
				      	            }

	    a:link.russnav, a:visited.russnav { text-decoration:none; color:#4f8baa; 
                                            -webkit-transition:0.2s;
			            	                -moz-transition:0.2s;
			            	                transition:0.2s;
                                            border-bottom:2px solid #42668b; 
                                            }



        .slickbx { width:94%; }


         .fpanr { width:50%; margin:5% 0 5% auto; padding:3%; text-align:right; font-family:Cairo, serif; }
         .fpan { width:50%; margin:5% auto 5% 0; padding:3%; text-align:left; font-family:Cairo, serif; }



         .options { display:none; }





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


                 #mobnavhead { display:block; }

                .plisthd { display:none; }


                .sublist ul li.opt a { background: url(/gfx/selar.png) no-repeat center right;  }
                .sublist ul li.opt a:hover { background: url(/gfx/selar.png) no-repeat center right #f2f2f2;  }






/*---------- NAV --*/

            a:link.nav-toggle, a:visited.nav-toggle { display:block; background:url(/gfx/menu-a.png) no-repeat; position:relative; bottom:13px; left:3px; width:70px; height:18px; text-decoration:none; color:#fff; z-index:999; }
            a:hover.nav-toggle, a:active.nav-toggle { display:block;  background:url(/gfx/menu-b.png) no-repeat; position:relative; bottom:13px; left:3px; width:70px; height:18px; 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:#3d393a; border-bottom:1px solid #cdcdcd; display:block; text-decoration:none; color:#fff; font-size:0.9em; line-height:1.2em; padding:10px; margin:0; 
                                         width:100%; clear:both;  } 

            nav a:hover, nav a:active { background:#446B8D; border-bottom:1px solid #446B8D; text-decoration:none; color:#fff;  padding:10px;  }

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


	        a:link.russnav, a:visited.russnav { background:#446B8D; text-decoration:none; color:#fff; 
							                -webkit-border-radius:2px;
							                -moz-border-radius:2px;
							                border-radius:2px;   }


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

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


            .tabl { display:block; float:none; width:100%; }
            .tabr { display:block; float:none; width:100%; }



    .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%;
    }






/*-------- FILTERS --*/

            .qfiltx { display:inline-block; width:65%; vertical-align:middle; }
            .qfilshow { display:inline-block; width:35%; vertical-align:middle; text-align:right; }


            .qfildrop { display: inline-block; width:50%; padding:10px; }




        .smmoutbx { background: #d7d8da; border-top:3px solid #446b8d; padding:10px 0; text-align:center; }

        .smm { float:none; padding:3px 0 0 0; margin:0; vertical-align:middle; }
            .smm img { padding:0 10px 0 0; margin:0; vertical-align:middle; }

        .jtx { display:block; color:#446B8D; font-size:1.2em; line-height:1em; padding:20px 0; margin:0; vertical-align:middle; }
        .joinbx { float:none; padding:0; margin:0; vertical-align:middle; }


        .ftex { color:#cdcdcd; font-size:0.9em; padding:0 0 20px 0; margin:0 0 10px 0; border-right:none; border-bottom:1px solid #464646; text-align:center;  }


        .fthds { color:#fff;  padding:20px 0 10px 0; font-size:0.9em; line-height:1em; font-weight:bold; }

           .ftpadsb a:link, .ftpadsb a:visited { display:inline-block; text-decoration:none; color:#b5b5b5; padding:0 15px 0 0; margin:0 10px 0 0; line-height:1.2em; font-size:0.8em; border-right:1px solid #464646;   }

            .ftpadsb a:hover, .ftpadsb a:active { display:inline-block; text-decoration:none; color:#46c054;  }





/*---------- CAT BOXES --*/

            a:link.catbx, a:visited.catbx { display:inline-block; text-decoration:none; padding:20px; width:50%; text-align:center; margin:0; position:relative; }
            a:hover.catbx, a:active.catbx { text-decoration:none; }





}






 


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

        a:link.featbx, a:visited.featbx { display:block; text-decoration:none; width:100%; padding:20px; text-align:center; position:relative; vertical-align:top; }
        a:hover.featbx, a:active.featbx { display:block; text-decoration:none; width:100%; padding:20px; text-align:center; position:relative; vertical-align:top; }

        .fsums { font-size:0.9em; line-height:normal;  }      

        .jtx { display:block; color:#446B8D; font-size:1em; line-height:1em; padding:20px 0; margin:0; vertical-align:middle; }



 

/*-------- FILTERS --*/

            .qfiltx { display:block; width:100%; vertical-align:middle; }
            .qfilshow { display:block; width:100%; vertical-align:middle; text-align:left; padding:20px 0 0 0; }


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



		    input.specbtn { display:inline-block; background:transparent; border:1px solid #6D6D70; padding:5px 25px; margin:0 10px 0 0; font-weight:bold; font-size:0.8em; line-height:normal; color:#6D6D70; cursor:pointer;
			                -webkit-transition: 0.2s;
			                -moz-transition: 0.2s;
			                transition: 0.2s;  
				             -webkit-border-radius:3px;
				             -moz-border-radius:3px;
				             border-radius:3px;                                                        
			                }

            input.specbtn:hover { background:#446B8D; border:1px solid #fff; cursor:pointer; color:#fff; 
			                      -webkit-transition: 0.2s;
			                      -moz-transition: 0.2s;
			                      transition: 0.2s;        
			                    }


		    input.getbtn { display:inline-block; background:#46C054; border:1px solid #46C054; padding:5px 25px; margin:0 10px 0 0; font-weight:bold; font-size:0.8em; line-height:normal; color:#fff; cursor:pointer;
			                -webkit-transition: 0.2s;
			                -moz-transition: 0.2s;
			                transition: 0.2s;  
				             -webkit-border-radius:3px;
				             -moz-border-radius:3px;
				             border-radius:3px;                                                        
			                }

            input.getbtn:hover { background:#446B8D; border:1px solid #fff; cursor:pointer; color:#fff; 
			                      -webkit-transition: 0.2s;
			                      -moz-transition: 0.2s;
			                      transition: 0.2s;        
			                    }


                .tekpic { display:none; }
                .tektxl { display:block; width:100%; padding:40px 20px; margin: 0; text-align:center; }
                .tektxr { display:block; width:100%; padding:40px 20px; margin: 0; text-align:center; }






/*---------- CHECKOUT--*/


             /*--- PROGBAR --*/


             h1.chkhds { display:block; float:none; font-size:1.1em; line-height:1.3em; padding:0 0 5px 0; color:#3a6f8f; text-transform:uppercase; vertical-align:middle; width:100%;  }


            .progbar { display:block; float:none; text-align:left; margin:10px 0; padding:0; color:#b1a3a0; }

            .progbx { font-size:0.75em; line-height:1em; text-transform:uppercase; display:inline-block; padding:0 10px 0 0; }
            .progbxgr { font-size:0.75em; line-height:1em; text-transform:uppercase; display:inline-block; padding:0 10px 0 0; color:#941315; }
            .prognum { font-size:1.7em; line-height:1.2em; padding:0; margin:0; }

            .progbx:last-child { font-size:0.75em; line-height:1em; text-transform:uppercase; display:inline-block; padding:0;  }
            .progbxgr:last-child { font-size:0.75em; line-height:1em; text-transform:uppercase; display:inline-block; padding:0; color:#941315; }

            .dpcartbx { width:100%; float:right; clear:both; padding:5px 0; }    


            a:link.catbx, a:visited.catbx { display:block; text-decoration:none; padding:0; width:50%; float:left; text-align:center; margin:0; position:relative; border:2px solid #fff; word-break: break-all;}
            a:hover.catbx, a:active.catbx { text-decoration:none; }







}
  




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


 
        
         a:link.fprodbx, a:visited.fprodbx { float:left; text-decoration:none; width:100%; padding:20px; text-align:center; position:relative; }
         a:hover.fprodbx, a:active.fprodbx { float:left; text-decoration:none; width:100%; padding:20px; text-align:center; position:relative; }


                .newsuml { width:100%; float:none; display:block; }
                .newsumr { width:100%; float:none; display:block; }



            .compicos { position:absolute; top:20px; right:20px; z-index:999; }

            .pdsumscout { display:inline-block; text-decoration:none; width:100%; position:relative; vertical-align:top;  }
            a:link.pdsumsc, a:visited.pdsumsc { display:block;  width:100%; padding:20px;  text-align:left; }


            a:link.pdsumsbx, a:visited.pdsumsbx { text-decoration:none; width:100%; padding:20px 0; text-align:left; position:relative; }
            a:hover.pdsumsbx, a:active.pdsumsbx { text-decoration:none; width:100%; padding:20px 0; text-align:left; position:relative; }


            .slickbx { width:90%; }




/*---------- BANNER BOXES --*/


             .fpanr { width:100%; margin:5% 0 5% auto; padding:6% 6% 2% 6%; text-align:center; }
             .fpan { width:100%; margin:5% auto 5% 0; padding:6% 6% 2% 6%; text-align:center; }
 
 
 
 
/*---------- CHECK --*/


          .fethds { display:block; font-size:1.1em; line-height:1.2em; padding:0 0 20px; margin:0; color:#000; }
           h1.chkhds { display:block; font-size:1.1em; line-height:1.2em; padding:0 0 5px 0; color:#3a6f8f; text-transform:uppercase; float:left; vertical-align:middle;}


              .check { border-collapse:collapse; margin:10px auto 20px 0; width:100%; }
                       .tout { display:none; }
              .progbar { display:none; }


             /*--- AC --*/

            .checklbl { display:inline-block; width:25%; font-weight:normal; font-size:0.8em; }
            .dropboundbk { display:inline-block; background:#fff; border:1px solid #b6b6b6; padding:2px; margin:0; width:70%; }
            .dropwrap { padding:20px 0; width:100%; margin:0 auto 0 0; }


            input.infobtn { display:inline-block; background:#CFD0D2; border:1px solid #CFD0D2; padding:5px 10px; margin:5px auto; font-weight:bold; font-size:0.75em;  line-height:normal; color:#282425; cursor:pointer;
			                -webkit-transition: 0.2s;
			                -moz-transition: 0.2s;
			                transition: 0.2s;  
				             -webkit-border-radius:3px;
				             -moz-border-radius:3px;
				             border-radius:3px;                                                      
			                }

            input.infobtn:hover { background:#446B8D; border:1px solid #446B8D; cursor:pointer;  color:#fff;
			                      -webkit-transition: 0.2s;
			                      -moz-transition: 0.2s;
			                      transition: 0.2s;        
			                     }



		    input.dobtn { display:inline-block; background:#446B8D; border:1px solid #446B8D; padding:5px 10px; margin:5px auto; font-weight:bold; font-size:0.75em;  line-height:normal; color:#fff; cursor:pointer;
			                -webkit-transition: 0.2s;
			                -moz-transition: 0.2s;
			                transition: 0.2s;  
				             -webkit-border-radius:3px;
				             -moz-border-radius:3px;
				             border-radius:3px;                                                        
			                }

            input.dobtn:hover { background:#E27875; border:1px solid #E27875; cursor:pointer; color:#fff;
			                       -webkit-transition: 0.2s;
			                       -moz-transition: 0.2s;
			                       transition: 0.2s;        
			                     }



  


/*---------- CAT BOXES --*/

            a:link.catbx, a:visited.catbx { display:inline-block; text-decoration:none; padding:20px 20px 50px 20px; width:100%; text-align:center; margin:0; position:relative; }
            a:hover.catbx, a:active.catbx { text-decoration:none; }








/*---------- SAVE POP--*/


            .savehd { font-size:1.1em; color:#446B8D; font-weight:bold; padding:0 0 10px 0; }
            .savetx { font-size:0.7em; border-bottom:1px solid #dedede; padding:5px 0 10px 0; margin:0 0 10px 0; }

            input.savebx { border:1px solid #b6b6b6; padding:5px 10px; margin:10px 0; vertical-align:top; font-size:0.8em;  line-height:normal; width:100%;
				             -webkit-border-radius:3px;
				             -moz-border-radius:3px;
				             border-radius:3px;   
                         }


			input.savebtn { display:inline-block; background:#446B8D; border:1px solid #446B8D; padding:5px 10px; margin:0; font-size:0.75em;  line-height:normal; color:#fff; cursor:pointer;  width:100%;
			                -webkit-transition: 0.2s;
			                -moz-transition: 0.2s;
			                transition: 0.2s;  
				             -webkit-border-radius:3px;
				             -moz-border-radius:3px;
				             border-radius:3px;           
			            }
 

            input.savebtn:hover { background:#e27875; border:1px solid #e27875; cursor:pointer;  color:#fff;
			                      -webkit-transition: 0.2s;
			                      -moz-transition: 0.2s;
			                      transition: 0.2s;        
			                     }


			
			input.closebtn { display:inline-block; background:#a40500; border:1px solid #a40500; padding:5px 20px; margin:0; font-size:0.75em;  line-height:normal; color:#fff; cursor:pointer;
			                -webkit-transition: 0.2s;
			                -moz-transition: 0.2s;
			                transition: 0.2s;  
				             -webkit-border-radius:3px;
				             -moz-border-radius:3px;
				             border-radius:3px;     
			}

			input.closebtn:hover { background:#E27875; border:1px solid #E27875; cursor:pointer; color:#fff;
			                       -webkit-transition: 0.2s;
			                       -moz-transition: 0.2s;
			                       transition: 0.2s;     
			}
 




}