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


           .containerpd { width:94%; max-width: 1180px; margin:0 auto; padding:30px 0; line-height:normal; }
           .containerpr { width:94%; max-width: 1180px; margin:0 auto; padding:0; line-height:normal;  } 
           .containernbp { width:94%; max-width: 1180px; margin:0 auto; padding:30px 0 0 0; line-height:normal; } 

          


}





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

            .smmhd { display:none; }

            /*-- HEAD --*/

                .telbx { display:block; float:none; padding:0 0 10px 0; }
                .hdmess { display:block; float:none; padding:15px 0 0 0; border-top:1px solid #cdcdcd;  }




                .logo { width:210px;
                        padding:0;
                        margin:0;
			            -webkit-transition: 0.2s;
			            -moz-transition: 0.2s;
			            transition: 0.2s;   
                        float:left;  
                        }



            .mininav { text-align:right; font-size:0.8em; padding:0 0 10px 0; margin:0; }

            a:link.catbx, a:visited.catbx { width:50%; }
            a:link.fprodbx, a:visited.fprodbx { width:50%; }

            .ctrpd { padding:40px 0; margin:0; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }



             .newflash, .offerflash {  position:absolute; top:20px; right:20px; z-index:999; padding:10px 15px; margin:0; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:0.9em; }


            .thumbx { text-align:left; padding:5px 0 40px 0; }



            a:link.nsumbx, a:visited.nsumbx {  width:50%; }
 			.fepg { display:block; float:none; padding:0; margin:0; clear:both; text-align:center; }
            .dropbx { display:block; float:none;  text-align:center; font-size:0.6em; line-height:normal; padding:15px 0 0 0; clear:both; }  


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





        .wpico { width:40%; } 



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

                #mobnavhead { display:block; }

                .plisthd { display:none; }

                .sublist ul li.opt a { background: url(/gfx/selar.png) no-repeat center right #303F54; display:block; width:100%; height:auto; border:1px solid #cdcdcd; padding:10px; margin:10px 0; text-decoration:none; color:#fff; font-weight:normal; }
                .sublist ul li.opt a:hover { background: url(/gfx/selar.png) no-repeat center right #BE3554; text-decoration:none; border:1px solid #cdcdcd; color:#fff; }


                .sublist ul li a { text-decoration:none; display:block; padding:10px; margin:0; color:#222; border:1px solid #fff; border-bottom:1px solid #cdcdcd;  
			                        -webkit-transition: 0.2s;
			                        -moz-transition: 0.2s;
			                        transition: 0.2s; 
                                  }

                .sublist ul li a:hover { background:#BE3554; border-bottom:1px solid #BE3554; cursor:pointer; color:#fff;  }
 
  













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

           footer {  width:94%; max-width: 1180px; margin:0 auto; padding:30px 0 50px 0; } 

            .fthds { color:#353535; padding:30px 0 5px 0; text-transform:uppercase; letter-spacing:1px; font-size:0.9em; }
            .mtx1 { font-size:0.8em; line-height:normal; padding:5px 0 10px 0; width:100%; margin:0 auto 0 0; }
            
   			input.join { display:block; background:#fff; border:1px solid #cdcdcd; padding:10px 15px; margin:0; font-size:0.8em; line-height:normal; width:100%; 
				          -webkit-border-radius:3px;
				          -moz-border-radius:3px;
				          border-radius:3px; 
			           }         
            

           .ftlnks a:link, .ftlnks a:visited { display:inline-block; text-decoration:none; padding:0 15px 0 0; margin:0; font-size:0.8em; line-height:2.4em; color:#353535;
                                               -webkit-transition: 0.5s;
                                               -moz-transition: 0.5s;
                                               -o-transition: 0.5s;
                                               transition: 0.5s;
                                             }

            .ftlnks a:hover, .ftlnks a:active { display:inline-block; text-decoration:none; color:#ED7AA8; 
                                                -webkit-transition: 0.3s;
                                                -moz-transition: 0.3s;
                                                -o-transition: 0.3s;
                                                transition: 0.3s;
					                            }



 

    }
 



@media screen and (min-width:600px) {
	.bigsrchbx { display:none!important; }
}




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

 
 			    input.paypbtn { display:block; margin:10px 0; width:100%; }
			    input.wpbtn { display:block; margin:10px 0; width:100%; }
 

 

            .expd { padding:0; }
     
            .bxbox { margin:0 0 30px 0; padding:0; width:100%; background:#cdcdcd; }

            .srchbx { display:none; }
            .resrch { display:inline-block; vertical-align:middle; }



            .bigsrchbx { display:none; background: rgba(185, 30, 76, 0.9); position:absolute; top:0; left:0; right:0; padding:80px 30px; margin:0; text-align:center; line-height:normal; 
			              -webkit-transition: 0.2s;
			              -moz-transition: 0.2s;
			              transition: 0.2s;     
                          z-index:9999;                                                    
                       }     


			        input.bigsearch { display:inline-block; background:#BA204D; border:none; border-bottom:1px solid #fff; color:#fff; padding:10px; margin:0 5px 0 0; vertical-align:middle; font-family:Cabin, sans-serif; font-size:1em; line-height:normal; 
			                          -webkit-transition: 0.2s;
			                          -moz-transition: 0.2s;
			                          transition: 0.2s;     
			                        }

                          input.bigsearch::-webkit-input-placeholder { color: pink; }
			      

			        input.bigobtn { display:inline-block; background:#fff; border:none; padding:10px; margin:0; vertical-align:middle; font-family:Cabin, sans-serif; font-size:1em; line-height:normal; color:#303F54; cursor:pointer; 
			                        -webkit-transition: 0.2s;
			                        -moz-transition: 0.2s;
			                        transition: 0.2s;     
			                      }

 



            a:link.cart, a:visited.cart { display:inline-block; text-decoration:none; background: url(/gfx/cart-ico.png) no-repeat center left 10px #c42e51; color:#fff;  padding:7px 10px 3px 50px; margin:0 50px 0 0; font-family: 'Pangolin', cursive; font-size:1.2em; line-height:1.4em; vertical-align:middle;  height:38px;
						                    -webkit-border-radius:3px;
						                    -moz-border-radius:3px;
						                    border-radius:3px; 
                                        }


            a:hover.cart, a:active.cart { display:inline-block; text-decoration:none;  background: url(/gfx/cart-ico.png) no-repeat center left 10px #094E6D;  }





/*---------- RESNAV --*/

            a:link.nav-toggle, a:visited.nav-toggle { display:block; background:url(/gfx/menu-a.png) no-repeat; position:absolute; top:-61px; right:15px; width:38px; height:38px; 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:absolute; top:-61px; right:15px; width:38px; height:38px; text-decoration:none; color:#e4901c; z-index:999; }
 

            .navout { background:#fff; padding:0; margin:0; position:relative; }

             nav { float:none; }

                nav a:link, nav a:visited { display:block; text-decoration:none; color:#3c3d3c; padding:10px 10px 8px 10px; margin:0; vertical-align:middle; text-align:left; border-bottom:1px solid #cdcdcd; border-top:none;
                                            -webkit-transition:0.4s;
			            	                -moz-transition:0.4s;
			            	                transition:0.4s;
                                          } 

                nav a:hover, nav a:active { display:block; text-decoration:none; background:#303F54; color:#fff; padding:10px 10px 8px 10px; margin:0; vertical-align:middle; text-align:left; border-bottom:1px solid #cdcdcd; border-top:none; 
                                            -webkit-transition:0.4s;
			            	                -moz-transition:0.4s;
			            	                transition:0.4s;
                                          }

	            a:link.russnav, a:visited.russnav { display:block; text-decoration:none; background:#303F54; color:#fff; padding:10px 10px 8px 10px; margin:0; vertical-align:middle; text-align:left; border-bottom:1px solid #cdcdcd;  border-top:none;
                                                    -webkit-transition:0.4s;
			            	                        -moz-transition:0.4s;
			            	                        transition:0.4s;
                                                  } 
	            

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



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

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


/*---------- CART --*/

 
           section { padding:20px 5px 30px 5px; border-top:2px solid #3E3F3E; }  



              h1.co { font-size:1.4em; font-weight:normal; line-height:1.2em; padding:0 0 10px 0; color:#3E3F3E; float:none; }

            .dpcartbx { width:100%; float:right; clear:both; padding:5px 0; }
            .checklbl { display:inline-block; width:30%; font-weight:normal; font-size:0.8em; }
            .dropboundbk { display:inline-block; background:#fff; border:1px solid #b6b6b6; padding:1px; margin:0; width:60%; }
	        select.ship { background: url(/gfx/droparrow.png) no-repeat right center #fff; border:transparent; padding:5px 30px 5px 5px; cursor:pointer; font-size:0.75em; width:100%; }
 

            .progbar { float:none; text-align:center; margin:0; padding:0; color:#b1a3a0; }
            .progbx { font-family:'Open Sans', sans-serif;  font-size:0.6em; line-height:1em; text-transform:uppercase; display:inline-block; padding:0 10px 0 0; }
            .progbxgr { font-family:'Open Sans', sans-serif; font-size:0.6em; line-height:1em; text-transform:uppercase; display:inline-block; padding:0 10px 0 0; color:#941315; }
                .prognum { font-family: 'Pangolin', cursive; font-size:1.6em; line-height:1.2em; padding:0; margin:0; font-weight:bold; }


            .tout { display:none; }

	            input.updatebtn { display:block; background:none; border:none; padding:2px 0; margin:5px auto 0 auto; vertical-align:top; font-size:0.7em; line-height:normal; color:#54537C; cursor:pointer; text-align:center; text-decoration:underline;
			                            -webkit-transition-duration: 0.2s;
			                            -moz-transition-duration: 0.2s;
			                            transition-duration: 0.2s;
	                             }

	            input.updatebtn:hover {  color:#961B1F; 
			                            -webkit-transition-duration: 0.2s;
			                            -moz-transition-duration: 0.2s;
			                            transition-duration: 0.2s;
	                                  }




    		    textarea.cnotes { background:#fff; border:1px solid #b6b6b6; padding:10px; margin:0 3px 0 0; vertical-align:top; text-align:left; font-size:0.7em; line-height:normal; width:100%; height:60px;  }



    
                 a.check { font-size:1em; }               
                
                
      
                .varpd { border-collapse:separate; margin:0; line-height:normal; width:100%; font-size:0.8em; }
                .varpd th { background:#3E3F3E; padding:5px; text-align:left; font-weight:normal; color:#fff; font-size:0.9em; }
 
                .varpd th.center { background:#3E3F3E; padding:5px; text-align:center; font-weight:normal; font-size:0.9em; }
                .varpd th.right { background:#3E3F3E; padding:5px; text-align:center; font-weight:normal;  font-size:0.9em; }

                .varpd td { padding:5px; text-align:center; word-wrap: break-word; }
                .varpd td.null { background:#fff; }
                .varpd td.center { padding:5px; text-align:center; word-wrap: break-word; }
                .varpd td.centerbd { padding:5px; font-weight:bold; text-align:center;  word-wrap: break-word; }
                .varpd td.right { padding:5px; text-align:right; word-wrap: break-word; }
                .varpd td.rightg { background:#b91e4c; padding:5px; text-align:right; word-wrap: break-word; color:#fff; }
                .varpd td.rightbd { padding:5px; font-weight:bold; text-align:right; word-wrap: break-word; }
                .varpd td.rightnb { padding:5px; font-weight:bold; text-align:right;  word-wrap: break-word; }


                .fulldrow { display:table-cell; }
                .tdrow { display:none; }
                .fulldrowdiv { background:#fff; display:table-cell; padding:0; height:0px;  }

                .pcelld { display:block; width:100%; padding:10px; font-size:0.9em; }
                .pcell { display:inline-block; padding:10px; }

                
      			input.savebx { width:100%; margin:5px 0; text-align:center;	}
			    input.scsavebtn { width:100%; }          
                




                /*---------- 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; }
 



                .cartind { background:#ffffff; border:2px solid #cdcdcd; padding:10px 10px 0 10px; margin:0 10px 0 0; width:90%; color:#000000; 
				            -webkit-border-radius:3px;
				            -moz-border-radius:3px;
				            border-radius:3px;
				            -webkit-box-shadow:0 0 10px #000;
				            -moz-box-shadow:0 0 10px #000;
				            box-shadow:0 0 10px #000;  
                          }  

                

         			
			.modalPopup {
				position:relative;
				border:2px solid #cdcdcd;
				background:#ffffff;
				padding:20px;
				width:80%;
				text-align:center;
				color:#000000;
			  	overflow:auto;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
				-webkit-box-shadow:0 0 10px #000;
				-moz-box-shadow:0 0 10px #000;
				box-shadow:0 0 10px #000;
                -webkit-transition:0.2s;
			    -moz-transition:0.2s;
			    transition:0.2s;
			}    



             
}
  






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



            a:link.nsumbx, a:visited.nsumbx {  width:100%; }
 		    .fepg a:link, .fepg a:visited {  font-size:0.7em;   } 


            .logo { width:210px;
                    padding:0;
                    margin:0 auto;
			        -webkit-transition: 0.2s;
			        -moz-transition: 0.2s;
			        transition: 0.2s;   
                    float:none;
                    display:block;  
                  }



/*---------- RESNAV --*/

            a:link.nav-toggle, a:visited.nav-toggle { display:block; background:url(/gfx/menu-a.png) no-repeat; position:absolute; top:-48px; right:15px; width:38px; height:38px; 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:absolute; top:-48px; right:15px; width:38px; height:38px; text-decoration:none; color:#e4901c; z-index:999; }
 


            a:link.cart, a:visited.cart { margin:0; }


            a:hover.cart, a:active.cart { display:inline-block; text-decoration:none;  background: url(/gfx/cart-ico.png) no-repeat center left 10px #094E6D;  }





            .cartbx { float:none; text-align:center; border-top:1px solid #cdcdcd; }
            .mininav { text-align:center; font-size:0.8em; padding:15px 0; margin:0; }



            a:link.catbx, a:visited.catbx { display:block; text-decoration:none; width:100%; padding:10px; text-align:center; position:relative; vertical-align:top; color:#1c1b19; position:relative; }
            a:link.fprodbx, a:visited.fprodbx { width:100%; }

   
 

                .navbtnbx { float:none; width:100%; text-align:center; }
                .paybtnbx { float:none; width:100%; text-align:center; padding:10px 0 0 0; } 

 			    input.addbtn { width:100%; }
	
			    a:link.addbtn, a:visited.addbtn { width:100%; }



                .hdbar { background: url(/gfx/hdv-bg.png) center repeat-x; font-family: 'Caveat Brush', cursive; margin:0 0 20px 0; }
                .hdbardp { background: url(/gfx/hdv-bg.png) center repeat-x; font-family: 'Caveat Brush', cursive; margin:0 0 40px 0; }

                }