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


/*---------- CASE  --*/

            .csumin { padding:0 0 120% 0; position:relative; }
            .csumtxbx { background:rgba(0,0,0,0.8); padding:20px; position:absolute; top:0; left:0; right:0; color:#fff; }
            .csumdate { font-size:0.9em; line-height:normal; padding:0 0 10px 0; }
            .csumhd { font-size:1.1em; line-height:1.4em; }   

}







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


/*---------- CASE  --*/
 
            a:link.csumout, a:visited.csumout { text-decoration:none;  display:inline-block; width:50%; padding:15px; vertical-align:top; }
            a:hover.csumout, a:active.csumout { text-decoration:none; display:inline-block; width:50%; padding:15px; vertical-align:top; }

            .csumin { padding:0 0 80% 0; position:relative; }
            .csumtxbx { background:rgba(0,0,0,0.8); padding:20px; position:absolute; top:0; left:0; right:0; color:#fff; }
            .csumdate { font-size:0.9em; line-height:normal; padding:0 0 10px 0; }
            .csumhd { font-size:1.1em; line-height:1.4em; }   

}




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

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


        .jtx { font-size:0.9em; }
 

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



            .logo { float:none; display:block; width:100%; padding:0; }
                .logo img { width:380px; }       



/*-------- 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:#E45E2A; 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:#E45E2A; 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) { 



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


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


        .srbx { float:none; padding:5px 0 0 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:#E45E2A; border:1px solid #E45E2A; 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;  } 

        .slickbx { width:94%; }


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



         .options { display:none; }




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

            a:link.nav-toggle, a:visited.nav-toggle { display:block; background:url(/gfx/menu-a.png) no-repeat; position:relative; bottom:28px; 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:28px; left:3px; width:70px; height:18px; text-decoration:none; color:#e4901c; z-index:999; }
 
 
            nav { padding:0; margin:0; float:none; font-size:0.9em;  }
            nav a:link, nav a:visited { display:block; text-decoration:none; color:#fff; line-height:normal; padding:10px 0; margin:0; vertical-align:middle; text-align:left; border-bottom:3px solid #3a3a3a; } 
            nav a:hover, nav a:active { text-decoration:none; color:#6895C9; padding:10px 15px; border-bottom:3px solid #6895C9; }

	        a:link.russnav, a:visited.russnav { text-decoration:none; color:#4f8baa;  padding:10px 0; transition:0.2s; border-bottom:3px solid #6895C9;  }



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



 



/*---------- CASE  --*/
 
            .csumin { padding:0 0 100% 0; position:relative; }
            .csumtxbx { background:rgba(0,0,0,0.8); padding:20px; position:absolute; top:0; left:0; right:0; color:#fff; }
            .csumdate { font-size:0.8em; line-height:normal; padding:0 0 10px 0; }
            .csumhd { font-size:0.9em; line-height:1.4em; }   



    .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 { 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; font-size:1.2em; line-height:1.4em; padding:20px 0;  }
        .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:#33956A;  }





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

            .containercbx { width:98%; max-width: 1200px; margin:0 auto; padding:20px 0; }

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



            .edtx { padding:10px 0; font-size:0.7em; line-height:normal; color:#6895C9; text-align:left; }


}






 


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


/*-------- 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 #E45E2A; padding:5px 25px; margin:0 10px 0 0; font-weight:bold; font-size:0.8em; line-height:normal; color:#E45E2A; 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:#E45E2A; 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:#33956A; border:1px solid #33956A; 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:#E45E2A; 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; }



/*---------- CASE  --*/


            a:link.csumout, a:visited.csumout { text-decoration:none;  display:inline-block; width:100%; padding:15px; vertical-align:top; }
            a:hover.csumout, a:active.csumout { text-decoration:none; display:inline-block; width:100%; padding:15px; vertical-align:top; }


 
           .ptabar { display:none; }



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


             /*--- PROGBAR --*/


             h1.chkhds { display:block; float:none; font-size:1.1em; line-height:1.3em; padding:0 0 5px 0; color:#E45E2A; 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; }    


 

}
  




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



            .logo { float:none; width:70%; padding:0; }
                .logo img { width:100%; }
  

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



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

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



 
/*---------- 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:#E45E2A; 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:#E45E2A; border:1px solid #E45E2A; cursor:pointer;  color:#fff;
			                      -webkit-transition: 0.2s;
			                      -moz-transition: 0.2s;
			                      transition: 0.2s;        
			                     }



		    input.dobtn { display:inline-block; background:#E45E2A; border:1px solid #E45E2A; 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:#E45E2A; border:1px solid #E45E2A; cursor:pointer; color:#fff;
			                       -webkit-transition: 0.2s;
			                       -moz-transition: 0.2s;
			                       transition: 0.2s;        
			                     }



  


 



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


            .savehd { font-size:1.1em; color:#E45E2A; 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:#E45E2A; border:1px solid #E45E2A; 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:#E45E2A; border:1px solid #E45E2A; 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:#E45E2A; border:1px solid #E45E2A; cursor:pointer; color:#fff;
			                       -webkit-transition: 0.2s;
			                       -moz-transition: 0.2s;
			                       transition: 0.2s;     
			}
 




}