main .introduction { width:98%; margin:0 1%; float:left; text-align:center; }
    main .introduction h1 { padding:0 0 10px 0; }
    main .introduction .introduction_menu_box { margin:0 0 10px 0; display:block; float:left; width:100%; text-align:center; }
        main .introduction .introduction_menu_box .introduction_menu { text-align:left; display:inline-block; position:relative; box-sizing:border-box; }
            main .introduction .introduction_menu_box .introduction_menu .selected_option { min-width:300px; padding:10px 54px 10px 20px; border:1px solid #DDDDDD; background:url(../images/site/top_nav_arrow.png) right 10px center no-repeat #ED6724; box-sizing:border-box; line-height:32px; font-size:32px; font-weight:bold; color:#FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main .introduction .introduction_menu_box .introduction_menu .selected_option:hover { cursor:pointer; }
            main .introduction .introduction_menu_box .introduction_menu .menu_options { z-index:500; display:none; background:#FFFFFF; padding:0 10px 10px 10px; box-sizing:border-box; position:absolute; width:100%; }
                main .introduction .introduction_menu_box .introduction_menu .menu_options a { display:block; float:left; width:100%; padding:10px 0; font-weight:bold; font-size:16px; border-bottom:2px dotted #DEE9D4; }
    
    main .introduction .intro_search { text-align:center; display:block; width:100%; float:left; padding:0 0 10px 0; box-sizing:border-box; }
        main .introduction .intro_search input { background:#FFFFFF; outline:none; width:50%; font-size:30px; font-weight:bold; padding:5px 10px; border:1px solid #DDDDDD; webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
        main .introduction .intro_search button { background-color:rgb(237,103,36); color:#FFFFFF; outline:none; font-size:30px; padding:5px 10px; border:1px solid #DDDDDD; webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
            main .introduction .intro_search button:hover { cursor:pointer; background-color:rgba(237,103,36,0.9); }
    
    main .introduction p { display:inline-block; font-weight:bold; font-size:16px; line-height:20px; width:90%; }

main #refinements { overflow-x:auto; overflow-y:hidden; width:100%; float:left; padding:15px 0; }
    main #refinements::-webkit-scrollbar { width:10px; background-color:#D4D4D4; } 
    #refinements::-webkit-scrollbar-thumb{ background-color:#ED6724; border-radius:1px; }
    #refinements::-webkit-scrollbar-thumb:hover{ background-color:#DF6122; }
main .refinement_options { width:auto; white-space:nowrap; }
main .refinement_options .refinement_option h4 { font-weight:bold; font-size:18px; }
main .refinement_options .refinement_option { margin:0 1%; display:inline-block; font-size:14px; }
    main .refinement_options .refinement_option ul { min-width:120px; max-width:300px; display:block; max-height:180px; overflow-x:hidden; overflow-y:auto; padding:0 40px 0 0; list-style:none; float:left; }
    main .refinement_options .refinement_option ul::-webkit-scrollbar { width:10px; background-color:#D4D4D4; } 
            main .refinement_options .refinement_option ul::-webkit-scrollbar-thumb{ background-color:#C3C3C3; border-radius:1px; }
            main .refinement_options .refinement_option ul::-webkit-scrollbar-thumb:hover{ background-color:#B4B4B4; }
        main .refinement_options .refinement_option ul li { padding:0 10px 6px 0; display:block; width:auto; float:left; height:23px; }
            main .refinement_options .refinement_option ul li a { display: inline-block; padding-left:3px; padding-right:3px;}
            main .refinement_options .refinement_option ul li a.selected { border: 1px solid #ED6724; border-radius: 3px; font-weight:bold;}
        
main .items { margin:10px 0 0 0; float:left; width:100%; }
    main .items .item { width:18.8%; margin:0 0 10px 1%; float:left; background:#FFFFFF; }
    main .items .item .product { margin:10px; float:left; }
        main .items .item .product .image { display:block; width:100%; position:relative; height:0; padding:90% 0 0 0; overflow:hidden; float:left; }
            main .items .item .product .image img { position:absolute; display:block; max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto; }
        
        main .items .item .product .info { float:left; width:100%; }
            main .items .item .product .info .prod_info { width:100%; float:left; height:60px; }
            main .items .item .product .info a { width:100%; float:left; line-height:1.3; font-size:12pt; padding:5px 0 0 0; display:block; font-weight:bold; }
                main .items .item .product .info a.btn { margin:5px 0 0 0; background:#ED6724; text-align:center; padding:5px 0; display:block; color:#FFFFFF; font-size:11pt; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
                    main .items .item .product .info a.btn:hover { background:#5B5B5B; text-decoration:none; }
            main .items .item .product .info p { display:block; float:left; width:100%; margin:0; padding:2px 0 0 0; }
            main .items .item .product .info p.price { font-weight:bold; line-height:20pt; font-size:18pt; color:#91C442; margin:0; padding:2px 0 0 0; margin:0; }
            main .items .item .product .info p.vat { line-height:11pt; font-weight:normal; font-size:10pt; margin:0; padding:2px 0 0 0; margin:0; }
            

@media only screen and (max-width:450px) 
{
main .items .item { width:98%; }
main .introduction .introduction_menu_box .introduction_menu .selected_option { min-width:100%; }
} 

@media only screen and (min-width:451px) and (max-width:650px) 
{
main .items .item { width:48.5%; }
main .introduction .introduction_menu_box .introduction_menu .selected_option { min-width:100%; }
main .introduction .intro_search input { font-size:26px; width:80%; }
main .introduction .intro_search button { font-size:26px; }
} 


@media only screen and (min-width:651px) and (max-width:768px) 
{
main .items .item { width:32%; }
}