@media only screen and (min-width: 1024px) { .container{ margin: 0px auto; max-width: 1700px; } #header{ background-position: center top 70px; height: 250px; padding-top: 40px; } img.logo{ width: 241px; } #open_menu_mobile{ display: none; } #menu_lang_mobile{ display: none; } #icon_search{ width: 65px; height: 65px; left: 50%; margin-left: -33px; } #header_blu{ height: 50px; } .open_menu_catalogo_mobile, .close_out_mobile{ display: none; } #menu_lang_desktop{ display: block; position: absolute; top: 25px; left: 50px; } #menu_lang_desktop a { width: 35px; font-size: 15px; font-style: italic; float: left; color: #B4B4B4; box-sizing: border-box; text-transform: uppercase; text-align: center; line-height: 28px; } #menu_lang_desktop a.active { background-color: #ff0000; color: #fff; font-weight: bold; } a.link_area_riservata{ position: absolute; right: 50px; top: 25px; font-size: 13px; display: block; color: #fff; background-color: #ff0000; padding: 8px 15px ; } a.link_reg_area_riservata{ position: absolute; right: 50px; top: 65px; font-size: 15px; color: #ff0000; } a.open_menu_catalogo_desktop{ display: block; position: absolute; left: 50px; bottom: 34px; font-size: 25px; color: #161B38; background-image: url(../img/icon_menu_mobile.png); background-repeat: no-repeat; background-position: left 15px center; padding: 15px 15px 15px 80px; } a.open_menu_catalogo_desktop.active{ background-image: url(../img/icon_menu_open.png); background-color: #F1F0EF; } #box_menu_categorie_desktop{ background-color: #F1F0EF; position: absolute; top: 215px; left: 0px; padding-top: 70px; padding-bottom: 70px; box-sizing: border-box; width: 100%; z-index: 2; display: none; background-image: url(../img/bg_fulmine.png); background-position: right top; background-repeat: no-repeat; -webkit-box-shadow: 0px 4px 5px 0px rgba(153,153,153,0.68); -moz-box-shadow: 0px 4px 5px 0px rgba(153,153,153,0.68); box-shadow: 0px 4px 5px 0px rgba(153,153,153,0.68); } #box_menu_categorie_desktop_container{ margin: 0px auto; max-width: 1200px; } #box_menu_categorie_desktop a { width: calc(25% - 40px); color: #333; margin: 5px 20px; float: left; background-color: #fff; } #box_menu_categorie_desktop .menu_top a { width: 90%; color: #333; float: left; background-color: #fff; margin-bottom: 5px; } #menu_page_desktop{ display: block; position: absolute; bottom: 35px; right: 50px; text-align: right; } #menu_page_desktop a{ font-size: 20px; color: #161B38; text-transform: Capitalize; } #menu_page_desktop a.active{ font-weight: bold; color: #ff0000; } #menu_principale_desktop{ display: block; margin-top: 52px; } #menu_principale_desktop a{ font-size: 18px; font-weight: bold; margin-left: 7px; margin-right: 7px; text-transform: uppercase; color: #161B38; } #menu_principale_desktop a:hover, #menu_principale_desktop a.active{ border-bottom: 3px solid #22A8BF; } .hidden_1024{ display: none; } #content_homepage h1{ font-size: 51px; margin-bottom: 0px; } #content_homepage h2{ font-size: 21px; } .div_25{ width: 25%; } .div_33{ width: 33.3%; } .div_66{ width: 66.6%; } .item_nuovi_arrivi img{ height: 320px; } #box_big_homepage{ color: #fff; padding-top: 250px; padding-bottom: 350px; font-size: 50px; } #box_concept{ width: calc(100% - 200px); margin: -250px 100px 0px 100px; padding: 80px 50px ; font-size: 17px; } #box_concept .div_33{ padding: 30px ; margin-bottom: 0px; } .title_red{ font-size: 31px; text-align: right; } .title_blue{ font-size: 31px; margin-top: 50px; } #box_news{ font-size: 21px; margin-top: 40px; padding-bottom: 50px; } #box_newsletter{ font-size: 21px; margin-top:-180px; padding-top:180px; } #box_footer{ font-size: 21px; } #box_copyright{ font-size: 15px; } .box_header{ padding: 50px ; } .bread,.back{ display:block; text-transform: uppercase; font-size: 15px; } .bread a,.back a{ text-transform: uppercase; font-size: 15px; } .carrello{ right: 50px; } .title_sponsorship{ font-size: 39px; } .title_sponsorship:before{ border-bottom: 4px solid #ff0000; height: 4px; } .carrello_tot{ display: inline-block; } h1.title_underline, h2.title_underline, h1.title_underline a, h2.title_underline a{ font-size: 39px; } #bg_grey{ margin-top: -70px; padding-top: 70px; padding-bottom: 75px; } .container_padding{ padding-left: 50px; padding-right: 40px; padding-top: 40px; display: inline-block; width: 100%; box-sizing: border-box; } #categoria_sx{ width: 20%; float: left; } #categoria_dx{ width: 78%; margin-left: 2%; } .menu_categorie, .menu_sponsorship{ display: block; } .open_menu_sponsorship_mobile{ display: none; } .menu_sponsorship{ margin: 0px; } .title_sponsor{ font-size:20px; } .item_prodotto { min-height: auto; } .item_prodotto_img { height: 300px; } .item_prodotto span{ font-size: 15px; } .item_prodotto_price div{ font-size: 19px; } #menu_categorie_mobile{ display: none; } #box_search input, #box_search button{ padding: 20px 14px; font-size: 20px; } .wrap { align-items: flex-start; align-content: flex-start; display: flex; flex-wrap: wrap; justify-content: space-around; } .wrap .div_33:first-child { order: 2; } .wrap .div_33:nth-child(2) { order: 1; } .wrap .div_33:nth-child(3) { order: 3; margin-left: -1px; } .thumb div{ width: 100px; } .thumb div a img{ height: 100px; } .product_options{ margin-top: 0px; padding: 0px ; } .header_product{ padding-top: 0px; } .title_product{ font-size: 50px; } .title_variante{ font-size: 20px; margin-top: 10px; } a.product_prev{ left: 0px; top: 0px; } a.product_next{ right: 0px; top: 0px; } a.product_prev span, a.product_next span, .img_prev_next{ display: inline; } .option_title{ font-size: 23px; } .option_value{ font-size: 18px; } .option_wrapper{ float: left; width: 100%; } .option_icon{ width: 70px; float: none; padding-right: 0px; clear: both; } .box_avaiable{ background-image: url(../img/bg_avaiable.png); background-repeat: no-repeat; width: 368px; height: 61px; color: #fff; font-size: 24px; box-sizing: border-box; padding-left: 70px; padding-top: 5px; display: inline-block; margin-left: -69px; margin-top: 20px; background-color: transparent; } .header_varianti_box{ left:-20px; padding:10px 0px 10px 20px; } #box_varianti{ font-size: 11px; padding-left: 20px; } .box_varianti_colori img{ height: 50px; width: 50px; } #banner_sponsorship img{ width: 100%; height: auto; object-fit: none; } #banner_sponsorship div { text-align: left; top: 90px; font-size: 47px; left: 70px; } #banner_sponsorship div span{ font-size: 20px; } #order { float: right; width: 100%; max-width: 300px; font-size: 14px; padding: 0px ; } #filter{ text-align: left; margin-bottom: 0px; margin-top: 0px; font-size: 20px ; width: auto; } .item_form_login span { width: 220px; float: left; margin-bottom: 0px; } .ajax_carrello_button{ padding: 20px 0px; font-size:19px !important; } .item_carrello .col{ display: table-cell; width: auto; } .item_carrello .col:first-child{ width: 10%; } .item_carrello .col:nth-child(2) { width: 50%; } .item_carrello .col:nth-child(3) { width: 20%; } .item_carrello .col:nth-child(4) { width: 10%; } .item_carrello .col:nth-child(5) { width: 10%; text-align: center; } .title_col_desktop{ display: block; font-size: 15px; position: absolute; top: -50px; color: #333; } .col_pr_unitari_desktop{ display: table-cell !important; } .form_aggiorna_qt_mobile{ display: none; } .subtotale_mobile{ display: none !important; } .subtotale_desktop{ display: table-cell !important; } .box_subtotale{ float: right; margin-right: 50px; width: 20%; padding: 0px ; } .box_avanti_carrello{ display: inline-block; float: right; width: 50%; padding: 0px ; box-sizing: border-box; clear: both; } #carrello_sx{ float: left; width: 70%; margin-right: 1%; padding: 25px ; } #carrello_dx{ float: right; width: 29%; padding: 25px ; } .carrello_sx_title{ color: #ff0000; font-size: 38px; font-weight: bold; } .box_growth{ padding: 200px; } .box_growth_corpo{ max-width: 700px; } .box_sponsor .item{ width: 24%; } .flex{ display: table; width: 100%; } .box_footer_azienda_item{ width: 50%; font-size: 25px; margin-bottom: 0px; box-sizing: border-box; display: table-cell; vertical-align: middle; } .box_footer_azienda_item span{ font-size: 40px; } .box_footer_azienda_item.padding{ padding:25px; box-sizing: border-box; } .float_right{ float: right; } .contatti_sx{ width: 38%; font-size: 21px; padding: 30px ; } .contatti_dx{ width: 60%; padding: 30px ; } #news_dettaglio{ padding: 40px ; } #news_sx, #news_dx{ padding: 40px ; } .news_data{ font-size: 19px; } .news_title{ font-size: 31px; } .news_corpo{ font-size: 22px; } .thumb_news{ float: left; width: 25%; } #blocco_login{ padding:10px 40px 40px 40px; text-align:center; } #blocco_login h1.red{ font-size: 25px; background-size: contain; padding-left: 25px; margin-bottom: 25px; } .login_sx{ width: 38%; padding: 15px ; float: left; margin-right: 2%; /*margin-top: 86px;*/ } .login_dx{ width: 60%; float: right; } .box_benvenuto_home{ width: 49%; } .box_login_dettaglio{ background-color: #F7F9FB; } .box_mobile_black{ display: none; } .trapezio{ display: block; vertical-align: middle; border-top: 120px solid #FE0000; border-right: 90px solid transparent; height: 0px; padding: 0px; position: relative; } .trapezio_text{ position: absolute; top: -85px; font-weight: bold; color:#fff; font-size: 14px; right: 0px; padding-left: 15px; box-sizing: border-box; } .end_black_sx{ width:30%; font-size:28px; } .end_black_dx{ width:69% } table.menu_top tr td{ vertical-align: top; } #content_homepage .swiper-pagination{ display: block; } .mobile{ display: none; } .desktop{ display: block; } } @media only screen and (min-width: 1366px) { #menu_principale_desktop a{ font-size: 25px; } .hidden_1024{ display: inline-block; } .trapezio_text{ right: 80px; padding-left: 15px; } }