@charset "utf-8";
/* CSS Document */

#listletters {float:left; padding:0px; list-style-type:none;}
#listsscat {float:left; margin:0px; padding:0px;}

@media screen and (min-width:1101px) { /* LAPTOP L / DESKTOP >=1280 */
#prezcategorie { width:310px; }
#listlastletter {width:330px; margin:0px 25px; padding:0px;}
#listletters {width:360px; margin:15px 0px 0px 0px; }
#listsscat {width:33%;}
#sscatleft {float:left; width:40%; margin:25px 0px 10px 6%; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
#sscatright {float:right; width:40%; margin:25px 6% 10px 0px; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
}

@media screen and (min-width:950px) and (max-width:1100px) { /* LAPTOP 1024 */
#prezcategorie { width:310px; }
#listlastletter {width:300px; margin:0px 25px; padding:0px;}
#listletters {width:360px; margin:15px 0px 0px 0px; }
#listsscat {width:33%;}
#sscatleft {float:left; width:40%; margin:25px 0px 10px 6%; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
#sscatright {float:right; width:40%; margin:25px 6% 10px 0px; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
}

@media screen and (min-width:600px) and (max-width:949px) { /* TABLETTE 768 */
#prezcategorie { width:285px; }
#listlastletter {width:280px; margin-left:10px; padding:0px;}
#listletters {width:290px; margin:15px 0px 0px 0px; }
#listsscat {width:50%;}
#sscatleft {float:left; width:46%; margin:25px 0px 10px 2%; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
#sscatright {float:right; width:46%; margin:25px 2% 10px 0px; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
}

@media screen and (min-width:376px) and (max-width:599px) { /* MOBILE XL ~400 */
#prezcategorie { width:98%; }
#listlastletter { width:100%; padding:0px; list-style-type:none; }
#listletters {width:315px; margin:15px 0px 0px 20px; }
#listsscat {width:80%; margin-left: 10%}
#sscatleft {width:94%; margin:25px 3% 10px 3%; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
#sscatright {width:94%; margin:25px 3% 10px 3%; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
}

@media screen and (min-width:341px) and (max-width:375px) { /* MOBILE L 360 / 375 */
#prezcategorie { width:98%; }
#listlastletter { width:100%; padding:0px; list-style-type:none; }
#listletters {width:315px; margin:15px 0px 0px 20px; }
#listsscat {width:100%;}
#sscatleft {width:94%; margin:25px 3% 10px 3%; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
#sscatright {width:94%; margin:25px 3% 10px 3%; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
}

@media screen and (max-width:340px) { /* MOBILE S 320 / 340 */
#prezcategorie { width:98%; }
#listlastletter { width:100%; padding:0px; list-style-type:none; }
#listletters {width:315px; margin:15px 0px 0px 20px; }
#listsscat {width:100%;}
#sscatleft {width:94%; margin:25px 3% 10px 3%; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
#sscatright {width:94%; margin:25px 3% 10px 3%; border-bottom:1px solid #FF6500; border-top:1px solid #FF6500; padding:10px 0px;}
}