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


            .logo { float:left; width:100px; background:#2e292b; padding-top:10px; }
 
        }


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


    .slickbx { width:94%; }

 

            .srchbx { display:inline-block; 
                          text-align:right;
                          padding:0;
                          margin:0;
                          background:#fff; 
				          -webkit-border-radius:5px;
				          -moz-border-radius:5px;
				          border-radius:5px;
                          width:35%;
                          -webkit-transition:0.4s;
			              -moz-transition:0.4s;
			              transition:0.4s;
                        }

			    input.search { display:inline-block; background:none; border:none; padding:6px; margin:0; vertical-align:top; font-size:1em; line-height:normal; width:80%; }

			    input.gobtn { display:inline-block;  background: url(/gfx/search.png) center center no-repeat; border:none; padding:6px 3px; margin:0; vertical-align:top; font-size:1em;  line-height:normal; width:20%; color:#000; cursor:pointer; }

 

            .logo { float:left; width:20%; padding:0; }
                .logo img { width:100%;  }


            .menout { display:none; }

            .containerad { width:100%; max-width: 1180px; margin:0 auto; padding:20px 0; }
             .fpanr { width:50%; margin:5% 0 5% auto; padding:5%; text-align:center; }
             .fpan { width:50%; margin:5% auto 5% 0; padding:5%; text-align:center; }

              .smm img { padding:10px 0 10px 5px; margin:0; vertical-align:middle; width:30px; }

              .joinbx { float:right; padding:7px 0 0 0; margin:0; font-size:0.9em; }

 
              .fthds { color:#565658;  padding:0 0 15px 0; font-size:1.1em; font-weight:bold; }


		      input.buybtn, input.dealbtn, input.viewbtn { font-size:0.7em; }

              .filterbx { font-size:0.7em; }


              .check { border-collapse:collapse; margin:10px auto 20px 0; font-size:0.8em; line-height:normal; width:100%; }


         .fpanhd { font-family: 'Permanent Marker', cursive; font-size:2em; line-height:1em; color:#fff; padding:0 20px; }

    }








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


            .logo { padding-top:15px; width:80px;  }
 
        }


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

            .logo { float:none; width:100%; display:block; text-align:center; padding:0; }
                .logo img { width:25%;  }

    
            #srchico { display:inline-block;  }
           .srchbx { display:none; }

           .cnum { color:#fff; font-weight:bold; font-size:1.2em; letter-spacing:2px; vertical-align:bottom; padding:0 0 0 5px; }
            a.cnum { text-decoration:none; }

           .ictxt { display:none; }
           .lgouttxt { display:none; }
           .lgoutico { vertical-align:middle; padding:0 0 2px 0; cursor:pointer; }

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

 
            .menout { display:block; }

          h1.page { font-size:1.4em; font-weight:normal; width:80%; padding:0 0 20px 0; }


             .navbx { width:100%; float:none; position:relative; }



                    .bogsout { padding:5px 20px 20px 20px; }     
                    .bigsrchbx { display:inline-block; 
                                 text-align:right;
                                 padding:0;
                                 margin:0;
                                 background:#fff; 
				                 -webkit-border-radius:5px;
				                 -moz-border-radius:5px;
				                 border-radius:5px;
                                 width:100%;
                              }

			        input.bigsearch { display:inline-block; background:none; border:none; padding:6px; margin:0; vertical-align:top; font-size:1em; line-height:normal; width:90%;  }

			        input.bigobtn { display:inline-block;  background: url(/gfx/search.png) center center no-repeat; border:none; padding:6px 3px; margin:0; vertical-align:top; font-size:1em;  line-height:normal; width:10%; color:#000; cursor:pointer; }




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


			.fepg { display:block; float:none; padding:0 0 10px 0; margin:0; }
            .dropbx {  display:block;  float:none; text-align:left; }

            .options { display:none; }
            .optdivbx { padding:10px 0 0 0; border-bottom:1px solid #d3d3d3; }



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

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

             nav { font-family: 'Noto Sans', serif; 
                   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;
                                         -webkit-transition:0.4s;
			            	             -moz-transition:0.4s;
			            	             transition:0.4s;

                                        } 

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

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


	        a:link.russnav, a:visited.russnav { background:#8B1358; 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%;
            }
 

          .dealico { display:none; }
          .contico { display:none; } 


          .joinbx { float:right; padding:7px 0 0 0; margin:0; font-size:0.9em; }



            #mobnavhead { display:block; }
            #mobnavbody { display:none; }


        article.prof { padding:0; }


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

         .containerad { width:100%; max-width: 1180px; margin:0 auto; padding:160px 0 0 0; }

         .fpanr { width:100%; margin:5% 0 5% auto; padding:4% 4% 2% 4%; text-align:center; }
         .fpan { width:100%; margin:5% auto 5% 0; padding:4% 4% 2% 4%; text-align:center; }
         .fpanhd { font-family: 'Permanent Marker', cursive; font-size:2em; line-height:1em; color:#fff; padding:20px; }
         .fpansum { font-size:0.9em; line-height:normal; }

 
 
         .vidbx { display:inline-block; width:100%; padding:5px 5px 40px 5px; vertical-align:top; }





/*---------- PROD FEATURES --*/


         a:link.fprodbx, a:visited.fprodbx { float:left; text-decoration:none; width:50%; padding:20px; text-align:center; position:relative; }
         a:hover.fprodbx, a:active.fprodbx { float:left; text-decoration:none; width:50%; padding:20px; text-align:center; position:relative; }
               
         .fprodpic { width:100%; }
         .fsums { font-family: 'Noto Sans', serif; font-weight:bold; font-size:0.8em; line-height:normal;  }
         .newflash { position:absolute; top:10px; left:10px; z-index:999; }
	     .featureflash { position:absolute; z-index:100; top:0; left:0; width:85px; height:85px; }


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

            .filterbx { padding:0 0 20px 0; font-size:0.9em; }
		    input.buybtn, input.dealbtn, input.viewbtn { font-size:0.8em; }


           .fethds { display:block; font-size:1.1em; line-height:1.2em; padding:0 0 20px 0; color:#000; }

           h1.chkhds { display:block; float:none; font-weight:normal; font-size:1.1em; line-height:1.2em; padding:0; color:#000; text-transform:uppercase; vertical-align:middle; width:100%;  }



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


             /*--- PROGBAR --*/

            .progbar { display:block; float:none; 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; }

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





 



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

           .fthds { color:#565658; padding:0; font-size:1.2em; font-weight:bold; }

           .ftpadsb { padding:0 0 20px 0; margin:0; color:#565658; line-height:2.4em; font-size:0.75em; }

           .ftpadsb a:link, .ftpadsb a:visited { display:inline-block; text-decoration:none; color:#565658; padding:0 10px 0 0; margin: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 10px 0 0; color:#000; 
                                                -webkit-transition: 0.3s;
                                                -moz-transition: 0.3s;
                                                -o-transition: 0.3s;
                                                transition: 0.3s;
					                            }



        .ftdis { padding:0; font-size:0.6em; line-height:normal; color:#666; }
        .edtx { padding:0; font-size:0.6em; line-height:normal; color:#666; text-align:left; }


         .faneflt { float:none; padding:0 0 20px 0; background:Red; vertical-align:bottom; }
         .cardlogs { float:none; padding:10px 0 20px 0; margin:0; vertical-align:bottom; }
            .cardlogs img { padding:0; margin:0; vertical-align:bottom; }



        .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) {
  


            .logo { float:none; width:100%; display:block; text-align:center; }
                .logo img { width:30%;  }
        
         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; }



            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; }
         .fpanhd { font-family: 'Permanent Marker', cursive; font-size:1.3em; line-height:1em; color:#fff; padding:10px; }
         .fpansum { font-size:0.8em; line-height:normal; }

 
 
 
 
/*---------- 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-weight:normal; font-size:1.1em; line-height:1.2em; padding:0; color:#000; 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; }



             /*--- PROGBAR --*/

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

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

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

 
            

            input.infobtn { display:inline-block; background:#CFD0D2; border:1px solid #CFD0D2; padding:5px 10px; margin:5px auto; font-family: 'Roboto Slab', serif; 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-family: 'Roboto Slab', serif; 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;        
			                     }




            .smm { float:left; padding:0; margin:0; vertical-align:middle; }

            .joinbx { float:right; padding:9px 0 0 0; margin:0; font-size:0.8em; }


		    input.joinbtn { background:#565658; border:1px solid #565658; padding:5px 10px; margin:0 0 0 5px; vertical-align:middle; font-size:0.9em; 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.joinbtn:hover { background:#446B8D; border:1px solid #446B8D; color:#fff; cursor:pointer;  
			                      -webkit-transition: 0.2s;
			                      -moz-transition: 0.2s;
			                      transition: 0.2s;        
			                    }





                    a:link.catbx, a:visited.catbx { display:block; text-decoration:none; padding:0; width:100%; 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; }


}