@media (min-width: 992px){ .col-lg-3-negative-sx { margin-left:-25%; } .scheda-prodotto_info { padding-right: 85px !important; } /* locator desktop version */ #containerProvSel, #containerRegioneInput { height: 50px; margin-bottom: 20px; } #container_radiusSelect, #container_pulsante_locator { height: 50px; margin-bottom: 10px; } /* muovo il titolo per lo spazio menu per centrarlo (usato in cerca) */ .row.with-padding-left{padding-left:150px;} } /* VERSIONE MENU MOBILE */ @media (max-width: 991px) { .ver2022 #category_list {border: 0px; } .ver2022 #category_list li {border: 0px; padding-bottom: 0px; } .ver2022 #category_list li.select {background: none;} .ver2022 #category_list li.select {border-bottom: 1px solid #e11419;} .ver2022 #category_list li a {display:block; width:200px;margin: 0 auto;} .ver2022 #category_list li.select a {background-color: #e11419;} .ver2022 .product_thumb.givi_2022{border:1px solid #dedede;} .product_thumb.givi_2022 .product__left img.thumb_prod {min-height: 120px;} .frase_tanklock{margin-top:25px; !important} } @media (max-width: 991px) and (min-width: 768px) { /* HEADER */ #header_profilo a:before {background: none; } #header_profilo, #header_profilo_mob {right: 264px;} /* BIKE PLTM */ .step_title_container_3 {padding-right: 0;} .btns_moto { right: -60px; width: 160px; font-size: 0.9rem; } .btns_moto .bike_context_menu, .btns_moto .print, .btns_moto .change {font-size: 16px;} .tit_famiglie_bike {margin-top: 30px;} .tit_famiglie_bike b{display:block;} } @media (max-width: 767px){ /* scheda pro multimediale */ #carouselTop .carousel-caption {top: 25px;} #carouselTop .carousel-caption {left: 25px;} #carouselTop .carousel-caption h1, #carouselTop .carousel-caption div.slide_title {font-size: 30px;line-height: 30px;} #carouselTop .carousel-caption .subtitle {font-size: 20px;} .multimedia h2.cod-scheda, .scheda-prodotto h2.cod-scheda { font-size: 32px; line-height: 32px; } .btns_moto { position: relative; top: 0px; margin: 10px auto; right: 0px; padding-bottom:25px; } .tit_famiglie_bike {font-size: 0.7em;} .product_thumb.givi_2022 .thumb_wrapper{width:100%} .product_thumb.givi_2022 .thumb_wrapper .product__left{margin:0 auto;} /* PRODUCT PLTM */ .center_column_step_4 {padding-top: 0px;} .center_column_step_4 #optional_title{padding-top: 30px;} #cont_buttons_optional_moto{border:0;} .bike-prod-btns div{ border-bottom: 1px solid #dedede; min-height:40px } #cont_buttons_optional_moto div:first-child{ border-top: 1px solid #dedede !important; } #cont_buttons_optional_moto div{ border-bottom: 1px solid #dedede !important; min-height:40px !important; } .r_desc { /* width: 55%; margin-left: 44%; */ font-size: 14px !important; } } /* VERSIONE MENU MOBILE */ @media (max-width: 991px) { /* HOMR PAGE */ .section_landings { margin-top: 0px; margin-bottom: 0px; } #list_macrogroups .sectioncms { margin-top: 20px; } #list_macrogroups .single_prod .menu-tit-categoria { width: calc(100% - 30px); margin: 0; font-size: 1.1em; padding-top: 8px; padding-bottom: 10px; } .section_newsletter .tit_newsletter_right input#footer_newsletter_input { width: 60%!important; height: 33px; } .section_newsletter .btn.btn-newsletter { padding: 0px!important; float: right; height: 33px; width: 25%; } /*CATALOGO CATEGORIA CON FILTRI */ #thum_cat_gruppi{display:none !important;} /* da rimettere */ .riga-filtro{display:none;} .navbar-side{display:none;} /* STORE LOCATOR */ .container.locator { max-width: 100%;} /* MENU E LOGO MOBILE */ body .header-mobile { display: block; position:fixed; top:0; background-color:white; width: 100%; } section.section_slideshow_primary{ margin-top:54px !important; } #menu-mobile{ margin-top:54px !important; z-index: 999999999999; /* messo perch� la freccia indietro del menu finiva sotto il logo */ } body .head_logo_mobile { display: block !important; } body nav.menu { display: none; } /* CERCA */ .cerca_posizione{text-align:left;} .cerca_posizione p{ color:#ef181b; width:100%; border-bottom: 1px solid #ef181b; } .search_link{ display:block !important; color:#ef181b; width:100%; text-align:right; } .search_link a{ color:#ef181b; } /* CONFRONTA + WISHILIST */ .step_title, #tmpl_confronta .step_title { font-size: 22px !important; height: 85px !important; margin-top: 60px !important; } .list_navibar { margin-top: 0px !important;} .wishcontainer div{ margin-right: 20px !important; font-size:15px !important; } .wishcontainer .btn.show-preloader{ max-width:200px; display:block; margin:0 auto 10px auto; font-size:15px !important; } .wishcontainer .btn#btn-print-wish, .wishcontainer .btn#list_send_wish{ margin-right: 10px !important; margin-top: 8px !important; } #tmpl_confronta .icona{ width:24% !important; float:left; padding-right: 5px; padding-left: 5px; } /* PULSANTI HEADER */ #header_share{ display:block;} #header_search {right: 80px;} #header_perlatuamoto{right: 126px;} #header_configuratore{right: 172px;} #header_share {right: 218px;} .header_prefer { right: 172px;} /* #header_lang {right: 180px;} .header_prefer { right: 218px;} #header_lang {right: 180px;} */ #header_rivenditori {display: none;} /* PER LA TUA MOTO */ /*home*/ .perlatuamoto h1, .perlatuamoto.view-home h1 { font-size: 50px; } /* blocco newsletter home page */ .section_newsletter .tit_newsletter_left{width:100%;float:none;clear:both;text-align:center;margin:0 auto;padding-bottom:40px;} .section_newsletter .tit_newsletter_right{width:100%;float:none;clear:both;margin:0 auto;padding-bottom:40px;} .section_newsletter .tit_newsletter_left .tit_grande {text-align: center;} .section_newsletter .tit_newsletter_left .tit_piccolo {text-align: center;} .container-full.section_cms{ padding-left:15px; padding-right:15px } } /* 7 MONDI */ .row.panelmondi2 .colMondo.col-md-3 { -ms-flex: 0 0 16%; flex: 0 0 16%; max-width: 16%;; } @media (max-width: 768px) { header {padding-left: 0px;} /* LOGO */ #logo {width: 60px;height: 60px;} body .header-mobile #logo {margin: 0 10px;} #logo img.w-50 {width: 100%!important;} /* SCHEDA PRODOTTO CATALOGO */ #section_navigation_products a.freccia#prev-product, #section_navigation_products a.freccia#next-product {top: -100px;} /* WISHLIST */ .wishcontainer .product_list_item img { display: block; float: none; width: 80%; height: auto; margin: 0 auto; } .wishcontainer div{ margin-right: 0px !important;} .wishcontainer .product_list_item {width: 100%;padding:0;} .wishcontainer div.txt > strong { display: block; min-height: 30px; border: 1px solid #dedede; text-align: center; margin-top: 10px; margin-bottom: 10px; } /* SHARE SOCIAL */ div#share_win a { width: 200px; display: block; text-align: left; height: 40px; margin-left: 50px; font-size: 24px; } /* STORE LOCATOR */ .container.locator { padding-right: 0;padding-left: 0;} #containerProvinciaInput, #containerRegioneInput {margin-left: 0px;} .container.locator .distribuzione, .container.locator .distribuzione2{width:100%;} .distribuzione #containerSelectLocator {width: 130px;} .distribuzione #containerRegioneInput{width: 120px;} .distribuzione #containerProvSel{width: 120px;} .distribuzione select{font-size:12px;} .distribuzione2 #ricercaLibera {width: 140px;} .distribuzione2 #container_radiusSelect {width: 95px;} .distribuzione2 #container_pulsante_locator {margin-left:8px;} .riga .right {padding-right: 60px;} /* CMS PAGE */ .section_cms h1, .section_cms h1.smalltit { font-size: 28px; } .section_cms h2 { font-size: 1.5em; } .section_cms.container .row{ padding:0; margin:0; } /* PER LA TUA MOTO */ /*home*/ .perlatuamoto h1, .perlatuamoto.view-home h1 { font-size: 38px; } /*marche*/ .center_column_step_1 { padding-left: 5%; padding-right: 2%; } /* scheda */ .sub_title { font-size: 17px; margin: 10px 0; } #foto_pic { width: 100%; } #foto_pic img { width: 100%; } #foto_pic .bike-prod-btns img{ width: auto; } #scroll_container_o .optional_thumb .pos_abs{right: 100px;} #scroll_container_o .optional_thumb .pos_abs img {width: 20px;} /*#optional_slider2 #o_arrowleft2, #optional_slider2 #o_arrowright2,*/ #optional_slider #o_arrowleft, #optional_slider #o_arrowright {top: 60px;} #optional_slider #o_arrowleft{left: 25px;} #optional_slider #o_arrowright{} /* SCHEDA PRODOTTO */ /* butto giu per dar spazio alle freccie che non si incasinino con le icone */ .container-fluid.scheda-prodotto { padding-bottom: 60px; } .scheda-prodotto_info { padding-right: 0; padding-left: 0; } /* nascondo tabs e titolo 1 e visulizzo titoli sottoblocchi */ .section_cms.titstruttura h1 { /*display: none;*/ font-size: 14vw; } #filtroTabs { padding-left: 30px !important; padding-right: 20px !important; } /*.riga-tabs{display:none;}*/ .tit_cont_in_tabs { display: block; } .cm-div { display: block; } #header_profilo, #header_share, .header_prefer, #header_perlatuamoto, #header_configuratore, #header_search { width: 34px; height: 34px; } #header_profilo a img, #header_share a img, #header_perlatuamoto a img, #header_perlatuamoto img, #header_configuratore a img, #header_configuratore img, #header_search a img, .header_prefer img { /*width: 34px !important;*/ height: auto !important; } #header_profilo {right: 224px;} .header_prefer {right: 152px;} #header_perlatuamoto {right: 116px;} #header_configuratore {right: 152px;} #header_share {right: 188px;} /*#header_search {right: 106px;}*/ .header_prefer a .num_pref { top: 6px; left: 0px; } .scheda-prodotto .subtitle { font-size: 20px; } .multimedia h1.subtitle, .scheda-prodotto h1.subtitle, .scheda-prodotto .subtitle { font-family: 'Engschrift', sans-serif !important; font-size: 18px !important; text-align: center !important; line-height: 20px !important; margin: 10px 20px !important; text-transform: uppercase; } section.section .col-md-12 { padding-right: 0; padding-left: 0; } section.section .col-md-12 p { margin-right: 0 !important; margin-left: 0 !important; } input[type="text"]#footer_newsletter_input { width: 70% !important; padding: 8px 0.5em; } #block-credits a { padding-right: 10px; } #block-credits span.credits-copy { float: right; display: inline-block; width: 100%; } #block-credits span.credits-menu { float: left; display: inline-block; width: 100%; } /* scelta lingua/country */ #modalLanguage .block_lang .block_lang_sx{padding-left:5%;"} #modalLanguage .block_lang .block_lang_dx{padding-right:5%;"} } @media (max-width: 600px) { #filtroTabs { margin-top: 20px; padding-left: 0px; padding-right: 0px; } } /* Small devices (landscape phones, 576px and up) */ @media (max-width: 576px) { .section_footer { padding: 10px; } } @media (max-width: 500px) { /* PER LA TUA MOTO */ /*home*/ .perlatuamoto h1, .perlatuamoto.view-makes h1, .perlatuamoto.view-home h1 { font-size: 28px; } .head_logo_mobile a img { width: 230px; height: auto; } } @media (max-width: 460px) { #containerProvSel label{visibility:hidden;height:22px;} .distribuzione #containerProvSel{width:70px;} } @media (max-width: 380px) { #header_share{ display:none !important; /* per ora lo nascondo , o rimpicciolisco tutte le icone per farle stare */ } } /* estensione container bootstrap */ @media (max-width: 1800px) and (min-width: 1600px) { .container.locator, .container.vodu {max-width: 1500px;} } @media (max-width: 2000px) and (min-width: 1800px) { .container.locator, .container.vodu {max-width: 1700px;} } @media (max-width: 2200px) and (min-width: 2000px) { .container.locator, .container.vodu {max-width: 1900px;} } @media (min-width: 2200px) { .container.locator, .container.vodu {max-width: 2000px;} }