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


        .reelcont { min-height:350px; background: rgba(0,0,0,0.7); } 


        article { padding:0 20px; }
        article.hp { padding:0 20px; width:100%; margin:0; }


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


 

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

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



 
            .fpanr { position:absolute; right:40px; bottom:40px; left:40px; width:auto; margin:0; padding:0; text-align:left;  }


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



        .tuthdbx { width:80%; margin:300px auto 0 0;  }




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





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


 
 
 
 

}
  




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


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




            .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 --*/

 


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


  




}