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

                    nav a:link, nav a:visited { font-size:0.9em; padding:25px 15px; } 

				     nav a.rtopnav { padding:10px; }  
    				 nav .subsubcat a  { padding:10px 20px; }
 


                                     }




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


            .dispd { display:block; width:100%; padding:20px; vertical-align:top;  }
                    .addy { display:inline-block; padding:0 15px 0 0; margin:0 15px 10px 0; border-right:1px solid #7f7f7f; line-height:1em; }
                    .addy:last-of-type { padding:0 15px 0 0; margin:0; border-right:none; }


                a:link.maincats, a:visited.maincats {  display:inline-block; text-decoration:none; width:48%; margin:1%; height:300px; position:relative; }



        }




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


            nav a:link, nav a:visited { font-size:0.9em; padding:25px 10px; }  

				     nav a.rtopnav { padding:10px; font-size:1em; }  
    				 nav .subsubcat a  { padding:10px 20px; font-size:1em; }
 



 


            .srchbx { display:none; }

 
 
                .smm { float:right; padding:14px 0 0 0; }
                  .smm img { padding:0 5px 0 0; width:25px;
                             -webkit-transition: 0.2s;
			                 -moz-transition: 0.2s;
			                 transition: 0.2s;    
                           }


            .srchicob { display:block; position:absolute; right:110px; top:50px; }



                .bigsrch { display:none; position:fixed; left:0; top:0; right:0; background: rgba(0,0,0,0.9); padding:60px 40px; font-size:1.2em; text-align:center; z-index:99999999;  }

 

 
/*---------- BRANDS --*/


			.hpbrands { width:25%; text-align:center; padding:10px; }
			.pdbrands { width:25%; }



			.gdp { padding:20px; border:1px solid #cdcdcd; width:100%; margin:20px 0; }

}





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



        .subnav, .subnavrep, .subsubcat { display: none; }
 
				     nav a.rtopnav { display: none; }  
    				 nav .subsubcat a  { display: none; }




   header { width:94%; max-width:1366px; margin:0 auto; padding:10px 0; height:100px; position:relative;  }
 
                .srchicob { right:45px; top:60px; cursor:pointer;  }          
 
    .navbg { background: url(/gfx/wpx.png) repeat-x #fff; }

        .trigbx { display:none; }

        .mininav { padding:10px 0 10px 20px; text-align:right; vertical-align:middle; font-size:0.8em; line-height:normal; }

 

            .csbox { text-align:right;
                     padding:0;
                     margin:0;
                     position:absolute;
                     top: 42%;
                     right:0; 
 
                     -webkit-transform: translateY(-50%);
                     -ms-transform: translateY(-50%);
                     transform: translateY(-50%);
                    }


 
                .smm { display:none; }

   

    	    	.featureflash { position:absolute; z-index:100; top:0; left:0; width:75px; height:75px;
                                -webkit-transition:0.4s;
			            	    -moz-transition:0.4s;
			            	    transition:0.4s;
    	                	  }


			 .fepg { float:none; padding:0; margin:0; clear:both;  padding:0 0 5px 0;  }
             .dropbx { float:none; text-align:left; border-top:1px solid #cdcdcd; padding:5px 0 0 0; clear:both; }


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


		        .clickban { padding:20px 0 0 0; }


                .bxbox { padding:10px 0 15px 0; }

				.cttx { padding:20px; font-size:1.4em; min-height:inherit; }

                a:link.maincats, a:visited.maincats { display:inline-block; width:48%; margin:0 1% 20px 1%; height:200px; }
					.ctr { text-align:left; }




            .cartbx { width:100%; font-size:1em; padding:0 0 8px 5px; margin:-20px 0 0 0;  }



            
          

               .fbbx { padding:60px; font-size:1.4em; line-height:1.4em; }
 



            .logo { width:140px; }


  /*-- NAV --*/
  
            a:link.nav-toggle, a:visited.nav-toggle { background:url(/gfx/menu-a.png) no-repeat; width:26px; height:22px; position:absolute; right:10px; top:-40px; text-decoration:none; color:#fff; z-index:99999; }
            a:hover.nav-toggle, a:active.nav-toggle { background:url(/gfx/menu-b.png) no-repeat; width:26px; height:22px; position:absolute; right:10px; top:-40px; text-decoration:none; color:#e4901c; z-index:99999; }
  

             nav {  width:100%;  
                    text-align:left;
                    padding:20px 0 0 0;
                    margin:0;
                    position:relative;
                    top:0;
                    left:0;

                 }

             nav a:link, nav a:visited { background:#e2e2e2; display:block; text-decoration:none; color:#222; font-size:1em; 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:#3300d8; 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:#3300d8; 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%;
            }
 
               #mobnavhead { display:block; }

   

                a:link.catbx, a:visited.catbx { display:inline-block; text-decoration:none; width:48%; margin:1%; vertical-align:top; }
                a:hover.catbx, a:active.catbx { display:inline-block; text-decoration:none; width:48%; margin:1%; vertical-align:top; }

                a:link.pfeatbx, a:visited.pfeatbx { display:inline-block; text-decoration:none; width:48%; margin:1%; border:5px solid #efefef; padding:15px; vertical-align:top; text-align:center; }
                a:hover.pfeatbx, a:active.pfeatbx { display:inline-block; text-decoration:none; width:48%; margin:1%; }



				.subnav { position:absolute; width:80%; top:50px; left:50%; padding:10px; background: rgba(32,32,30,0.9); z-index:999999; display:none;  
						  text-align:left;
                              -webkit-transform: translateX(-50%);
                              -ms-transform: translateX(-50%);
                              transform: translateX(-50%); 

					 
				}





				nav .subnav a { display:block; padding:10px; background:none;  }






               .resvid { margin:0 0 20px 0; width:100%; padding:0 0 70% 0; float:right; position:relative; }




        h1 { font-size:1.4em; line-height:1.2em; padding:0 0 10px 0; color:#3300d8; }
        h2 { font-size:1.1em; line-height:1.2em; font-weight:normal; padding:0 0 10px 0; color:#2A2A2A; }          
 




 
/*--------- ALSO --*/


            a:link.also, a:visited.also { display:block; text-decoration:none; padding:5px 5px 15px 5px; width:31%; margin: 0 1% 1% 0; float:left; text-align:center; position:relative; border:1px solid #cdcdcd; }
            a:hover.also, a:active.also { display:block; text-decoration:none; padding:5px 5px 15px 5px; width:31%; margin: 0 1% 1% 0; float:left; text-align:center;position:relative; border:1px solid #cdcdcd; }


            a:link.also:last-child, a:visited.also:last-child { display:block; text-decoration:none; padding:5px 5px 15px 5px; width:31%; margin: 0 1% 1% 0; float:left; text-align:center; position:relative; border:1px solid #cdcdcd; }

            a:hover.also:last-child, a:active.also:last-child { display:block; text-decoration:none; padding:5px 5px 15px 5px; width:31%; margin: 0 1% 1% 0;  float:left; text-align:center; position:relative; border:1px solid #cdcdcd; }







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


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

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

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




            .tout { display:none; }
            .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%; }
            .dpcartbx { width:100%; float:right; clear:both; padding:5px 0; }    




/*---------- FOOTER --*/



        footer { width:94%; max-width: 1366px; margin:0 auto; padding:40px 0 20px 0; COLOR:#cdcdcd;  } 

        .fthds {  padding:0; margin:0; font-weight:bold; font-size:1.2em; }


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

        .ftpadsa a:hover, .ftpadsa a:active { display:inline-block; text-decoration:none; padding:0 15px 0 0; color:#DB5E00; 
                                                -webkit-transition: 0.3s;
                                                -moz-transition: 0.3s;
                                                -o-transition: 0.3s;
                                                transition: 0.3s;
					                            }
         
        .ftpadsa { padding:0 20px 20px 20px; color:#fff; line-height:3em; }



 
        .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:480px) {
 
 
                .ctot { display:inline-block; vertical-align:middle; padding:0 10px 0 0; margin:0; font-weight:bold; font-size:1.2em; line-height:normal; color:#3300d8; cursor:pointer; }
 
 
                    .srchicob { right:50px; top:60px; cursor:pointer;  }          

 






			            input.search { float:left; background:#fff; border:1px solid #cdcdcd; padding:10px; margin:0; vertical-align:top; font-size:1em; line-height:normal; width:75%;
							             -webkit-border-radius:3px;
							             -moz-border-radius:3px;
							             border-radius:3px; 
			                         }
			

			            input.gobtn { float:right; background: #3300d8; border:none; padding:10px; margin:0; vertical-align:top; font-size:1em;  line-height:normal; width:24%; color:#000; 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.gobtn:hover { background: #db5e00;  cursor:pointer;  
			                                -webkit-transition: 0.2s;
			                                -moz-transition: 0.2s;
			                                transition: 0.2s;        
			                              }
             



/*--------- ALSO --*/


            a:link.also, a:visited.also { display:block; text-decoration:none; padding:5px 5px 15px 5px; width:48%; margin: 0 1% 1% 0; float:left; text-align:center; position:relative; border:1px solid #cdcdcd; }
            a:hover.also, a:active.also { display:block; text-decoration:none; padding:5px 5px 15px 5px; width:48%; margin: 0 1% 1% 0; float:left; text-align:center;position:relative; border:1px solid #cdcdcd; }


            a:link.also:last-child, a:visited.also:last-child { display:block; text-decoration:none; padding:5px 5px 15px 5px; width:48%; margin: 0 1% 1% 0; float:left; text-align:center; position:relative; border:1px solid #cdcdcd; }

            a:hover.also:last-child, a:active.also:last-child { display:block; text-decoration:none; padding:5px 5px 15px 5px; width:48%; margin: 0 1% 1% 0; float:left; text-align:center; position:relative; border:1px solid #cdcdcd; }




            table.prod { border-collapse:collapse; margin:10px auto 20px 0; font-size:0.8em; line-height:1.2em; width:100%; }
            table.prod th { background:#f3f3f3;  border:none;  padding:5px; text-align:center; font-weight:normal; border:1px solid #cdcdcd; text-transform:uppercase;  }
            table.prod td { background:#fff;  border:none;  padding:5px; vertical-align:middle; text-align:center; border:1px solid #cdcdcd; word-wrap: break-word; }
 


    

}