/* DESKTOP BIG ONLY */
@media (min-width: 2000px) {
}

/* DESKTOP ONLY */
@media (min-width: 1200px) {
	.infoVeicoloItem{ max-height: 145px }
}

/*IPAD LANDSCAPE*/
@media (min-width: 991px) and (max-width : 1199px) {
	#menuHead{ max-width: 700px }
	.subMenuList > li a{ padding: 5px 7px; font-size: 12px }
	.boxSlide{
		left: 60px;
		top: 30px;
		height: 260px;
		width: 290px;
		padding: 15px;
	}
	.boxSlide h3{ font-size: 24px;  }
	.prenotaOra > div{ padding: 10px }
	.itemPromoTxt{ padding: 20px }
	.anticipo{ font-size: 12px }
	.anticipo b{  font-size: 18px }
	.scalaFinanziamento label span{ padding: 12px 6px }
	.resetRicerca{ font-size: 12px; padding: 5px 7px }
	.resetRicerca img{ margin-right: 5px }
	#formRicercaVeicolo select{ padding: 3px }
	.price{ font-size: 20px }
	.newsList a > span img{ height: 310px }
	#owlHome .owl-nav > div.owl-prev{ left: 5px;}
	#owlHome .owl-nav > div.owl-next{ right: 5px;}
	#owlHome .owl-nav > div{ padding: 7px 15px; font-size: 26px; }
	.newsHome a > div{ padding: 10px 10px 25px }
	#listaVeicoli a > div:first-child{ height: 220px }
	.infoVeicoloItem{ padding: 10px; height: 130px }
	.sedeIcon{ height: 12px}
	.bannerTrovaAuto > div{ padding-left: 10px }
	.thankPage{ padding: 15vh 0 }
	#listSedi a > div:last-child img{ height: 20px }
	.tabSearch{
		top: 50vh;
		font-size: 10px;
		width: 50px;
		padding: 3px;
	}
	.tabSearch img{ width: 25px }
	.tabSearch:after, .tabSearch:before{width: 50px; height: 60px}
	.tabSearch:before{top: -35px}
	.loghiHead li{ margin-right: 10px }
	.newsletterCnt a span{ font-size: 12px;}
}


/*IPAD PORTRAID*/
@media (min-width: 767px) and ( max-width : 991px) {
	#menuHead{ max-width: 520px }
	.inside #menuHead{ margin-top: 35px}
	.loghiHead .chat{ margin-left: 20px }
	.loghiHead li{ margin-right: 8px }
	.loghiHead img{ height: 22px }
	.loghiHead .chat img{ height: 30px }
	.navbar-brand > img{  width: 180px }
	.boxSlide{
		left: 30px;
		top: 30px;
		height: 220px;
		width: 270px;
		padding: 8px;
	}
	.boxSlide h3{ font-size: 20px;  }
	#subMenu ul li a{ font-size: 11px; padding: 5px 3px }
	.subMenuList > li.active a{ border-bottom-width: 2px; top: 5px }
	.owlBusiness a > div:last-child{ padding: 10px 3px 30px; font-size: 13px }
	#promoHome .owl-dots{ bottom: -10px }
	.newsHome a > div{ min-height: 100px; padding: 5px 5px 20px;font-size: 12px }
	.rataTitle{ margin-top: 20px }
	.itemPromoTxt{ padding: 15px }
	.newsList a > span img{ height: 240px }
	.gruppoFiltro{ margin: 30px 10px }
	.anticipo{ font-size: 13px; margin-bottom: 20px }
	.anticipo b{  font-size: 20px }
	.callScheda{ font-size: 20px }
	.boxSimili{ padding: 10px 10px 30px}
	#formRicercaVeicolo select{ padding: 5px }
	#filterAuto{ margin-top: 10px }
	#typeAuto{ margin-bottom: 10px }
	#listaVeicoli a > div:first-child{ height: 260px }
	.infoVeicoloItem{ padding: 10px }
	#promoHome h3{ margin: 10px 0 5px; font-size: 18px  }
	.promoTxt{
		font-size: 13px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	.prenotaOra > div{
		padding: 10px 10px;
		margin: 0 5px;
		font-size: 10px;
	}
	.dettBoxItem .dettTxt{ margin: 0 }
	.flottaInfo h2{ font-size: 15px }
	.flottaInfo{ padding: 10px }
	.flottaInfo h4{ font-size: 22px }
	.tabSearch{
		font-size: 9px;
		width: 45px;
		padding: 2px;
	}
	.tabSearch img{ width: 22px }
	.tabSearch:after, .tabSearch:before{width: 45px; height: 61px}
	.tabSearch:before{top: -32px}
}


/*MOBILE*/
@media (max-width : 767px) {
	body{ font-size: 16px; padding-top: 100px;  }
	.navbar-brand{ padding: 23px 0 0;}
	.navbar-brand > img{ width: 220px;}
	.archiveCnt{
		justify-content: space-around;
	}
	.btnArchiveCnt{
		display: block;
	}
	.btnArchive{
		width: 100%;
	}
	.grouptypeCnt{
		margin: 10px 0 15px;
	}
	#formRicercaVeicolo{
		padding: 20px 0 20px;
	}
	#formRicercaVeicolo .input-group-addon:first-child{
		width: auto;
	}
	#formRicercaVeicolo .input-group .form-control{
		width: 150px;
	}
	#autoArchiveHead{ display: none;}
	header{
		padding: 0 15px;
		min-height: 100px;
	}
	.inside #menuHead{ margin-top: 0 }
	.mobileHead{
		float: right;
		margin-top: 30px;
	}
	.mobileHead img{
		width: 40px;
	}
	#menuHead{
		position: fixed;
		right: -100%;
		top: 0;
		width: 85%;
		z-index: 130;
		background-color: #333;
		height: 100%;
		opacity: 0;
		transition: all 0.4s;
	}
	#menuHead.open{
		right: 0;
		opacity: 1;
	}
	.subMenuList > li:first-child{ border: 0 }
	#subMenu ul.subMenuList{
		margin-top: 60px;
		padding: 5px 10px;
		display: none;
	}
	.subMenuList li{
		display: block;
		text-align: left;
		margin: 0 15px 10px;
		border: 0;
		float: none;
	}
	#subMenu{ border: 0 }
	#subMenu ul.subMenuList > li a{
		font-size: 17px;
		color: #fff;
		padding: 8px 5px 5px;
	}
	#subMenu ul.subMenuList > li.active a{
		top: auto;
	}
	#menuHead.open #subMenu ul.subMenuList{
		display: block;
	}
	.closeMenuMob{
		position: absolute;
		right: 10px;
		top: 10px;
		padding: 5px;
		display: inline-block;
	}
	.closeMenuMob img{
		width: 25px;
	}
	.subMenuList .dropdown-menu{
		background-color: #000;
		width: 100%
	}
	.boxSlide{
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		width: auto;
		padding: 10px;
		background-color: #000;
	}
	.owlBg{ background-color: #000 }
	.boxSlide h3{ margin-top:10px; margin-bottom:0; font-size: 20px }
	.boxSlide > span{
		display: block;
		text-align: center;
		margin: 10px 0;
		font-size: 15px;
		padding: 12px 3px;
	}
	.boxSlide > h5{ position: relative; bottom: auto }
	#owlHome .owl-dots{ bottom: 0; right: 0 }
	#typeAuto button, #typeAuto button.km0Azienda{ padding: 12px 4px;font-size: 16px }
	.resetRicerca{
		margin-top: 15px;
	}
	.initFilterTitle{
		font-size: 18px;
		padding: 20px 0;
	}
	#findAuto{ margin-top: 30px; min-width: 100%;}
	.filterCntChoose{ min-height: 0;}
	.footerLoghi img:not(:last-child){ margin-right: 10px }
	.footerLoghi img{ height: 32px; margin-bottom: 20px }
	.btnFooterSedi button, .gruppoFiltro button{
		margin-bottom: 15px;
		padding: 12px 4px;
	}
	.sediCnt section .sedeFooter,
	.sediCnt section .serviceVC{
		display: block;
		margin-bottom: 20px;
	}
	.sediCnt section .sedeFooter > div,
	.sediCnt section .serviceVC > div{
		display: block;
		width: 100% !important;
		font-size: 16px;
		margin-bottom: 15px;
	}
	.sediCnt section .serviceVC > div:first-child{
		font-family: 'RobotoBold';
		font-size: 20px;
	}
	.sediCnt section > div > div:first-child b{ font-size: 20px }
	.actionLink a{
		display: block;
		padding: 12px 4px;
		text-transform: uppercase;
		color: #fff;
		background-color: #009f87;
		text-align: center;
		font-size: 17px;
		margin-top: 5px;
		margin-bottom: 10px;
		text-decoration: none;
	}
	.newsHome a{ margin-bottom: 30px }
	.newsHome h3{
		margin-top:20px;
	}
	footer{ padding-top: 20px; }
	.spaceBottomMob{ padding-bottom: 50px }
	.promoNewsCnt{ padding: 30px 0 }
	#promoHome h3{ margin: 10px 10px 0; }
	.promoTxt{ padding: 10px }
	#promoHome .owl-dots{
		position: relative;
		width: 100%;
		bottom: auto;
	}
	.businessCnt{ padding: 30px 0 }
	#formRicercaVeicolo select{ height: 40px }
	.formInRicerca #formRicercaVeicolo{ padding: 0 }
	.ui-slider .ui-slider-handle{
		width: 26px;
		height: 26px;
	}
	#formRicercaVeicolo .ui-slider-horizontal{ margin-bottom: 15px; width: 97% }
	#formRicercaVeicolo .ui-slider-handle{ top: -10px }
	.carrozzeriaIcons{ 
		margin-bottom: 20px;
		overflow-x: auto;
		gap: 7px;
		white-space: nowrap;
	}
	.carrozzeriaIcons > div{
		flex-shrink: 0;
	}
	.scalaFinanziamento{
		display: table;
		width: 100%;
	}
	.scalaFinanziamento > *{
		display: table-cell !important;
		vertical-align: middle;
		height: auto;
		width: auto;
		background-color: #fff;
	}
	.scalaFinanziamento > span{ width: 37px }
	.scalaFinanziamento label span{
		padding: 12px 3px;
		display: block;
		text-align: center;
	}
	.introHome{ padding: 30px 0 }
	button.requestInfo{ padding: 10px 3px; font-size: 13px; width: 100% }
	.autoEvidenza > h3{ font-size: 18px; padding: 20px 5px }
	.owlBusiness a > div:last-child{ padding: 15px 15px 30px; font-size: 15px }
	.owlBusiness .owl-dots{ bottom: 0 }
	.rataTitle{ font-size: 15px; line-height: normal; margin-top: 20px }
	#owlEvidenza a > div{
		position: relative;
		opacity: 1;
	}
	#owlEvidenza .owl-nav > div{ top: 30% }
	.newsList a > span img{ height: auto }
	.newsList a > div{ height: auto; padding: 10px 10px 25px  }
	.tabSearchMob{
		bottom: 0;
		position: fixed;
		background-color: #333;
		top: auto;
		width: 100%;
		font-size: 17px;
		letter-spacing: 1px;
		padding: 13px 0;
		text-align: center;
		z-index: 150;
		border-top: 1px solid #dbdbdb;
	}
	.tabSearchMob a{
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
	}
	.breadcrumbs{ margin-bottom: 20px; font-size: 12px }
	#filterBrandBox{
		padding: 20px 5px 40px;
	}
	#filterBrandBox .brandList{ padding: 0 0 20px;}
	.flottePage #filterBrandBox{ padding-bottom: 10px }
	#filterBrandBox img{
		height: 30px;
	}
	#resetFilterBrand{ bottom: 3px; right: 3px; margin-bottom: 0 !important; top: auto }
	.searchInPage{
		width: 100%;
		padding-top: 0;
	}
	.topImgPage h1{
		position: relative;
		font-size: 22px;
		padding: 20px 5px;
		left: auto;
		top: auto;
		right: auto;
		color: #222;
		font-family: 'RobotoMedium';
		text-align: left;
	}
	.mainCnt{ padding: 15px }
	.listPageItem h2{ margin-bottom: 10px}
	.listPageItem{ margin-bottom: 40px }
	.backTop{ bottom: 30px;}
	.backTop img{ width: 50px }
	.itemPromoTxt, .promoList .txtDx .itemPromoTxt{ padding: 15px }
	.itemPromoTxt > span{
		display: block;
		padding: 10px 5px;
		text-align: center;
		font-size: 17px;
	}
	.dettBoxItem{ padding: 15px }
	.dettBoxItem h1{ margin-bottom: 15px }
	.dettBoxItem .dettTxt{
		margin: 10px;
		padding: 0;
	}
	#flotteOwl h3{ margin: 20px 10px }
	#flotteOwl .owl-dots{
		position: relative;
		right: auto;
		width: 100%;
		bottom: 0;
	}
	.flottaTopImgCnt > div, .flottaForm{ padding: 25px 15px 15px }
	.flottaDettTop h1, .flottaDettTop h3{ font-size: 24px }
	.flottaMain{ margin: 40px 0 0 }
	.gruppoFiltro{ margin: 0 }
	#listSedi a > div:last-child img{ margin-right: 10px }
	#listSedi a > div:nth-child(2){ padding: 15px }
	.contattoCnt{ padding: 25px 15px; font-size: 15px }
	.contattoCnt .brand{ margin-bottom: 30px }
	.contattoCnt h5.orarioLabel{ margin-top: 20px }
	#mappaVV{ display: none }
	.contattoCnt .requestInfo{ margin-top: 20px }
	button.requestInfo img{ height: 35px }
	.thumbScheda{ display: none }
	.downloadScheda a{
		text-align: center;
		background-color: #fff;
		font-size: 15px;
		color: #222;
		display: block;
		margin: 15px 0;
		background-image: none;
		padding: 10px 5px;
		text-transform: uppercase;
	}
	#mobContactFix{
		position: fixed;
		bottom: 10px;
		left: 0;
		width: 100%;
		z-index: 45;
		padding: 0 5px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#mobContactFix a{
		margin: 0 2rem;
	}
	#mobContactFix img{
		width: 70px;
		height: 70px;
		border-radius: 100%;
		box-shadow: 0 4px 2px -2px rgba(0,0,0,.7);
		max-width: 100%;
	}
	#mobContactFix .wa img{
		border-radius: 0;
		box-shadow: none;
		width: 95px;
		height: 95px;
	}
	.chooseArchiveCnt{ display: none }
	button.requestInfoSede{ margin-bottom: 20px; width: 100%;font-size: 14px }
	.bannerTrovaAuto{
		background-image: none;
		padding: 15px;
		height: auto;
		text-align: center;
		color: #f1f1f1;
		margin: 0;
		background: linear-gradient(17deg, #ebe435, #ee5e27, #c11239, #613587, #0396d8);
		background-size: 1000% 1000%;
		-webkit-animation: gbChanger 29s ease infinite;
		-moz-animation: gbChanger 29s ease infinite;
		animation: gbChanger 29s ease infinite;
	}
	.bannerTrovaAuto > div{
		display: block;
		padding: 0;
		max-width: 100%;
	}
	.infoVeicoloItem{ height: auto; padding: 10px }
	#listaVeicoli a > div:first-child, .infoVeicoloItem > div:first-child{ height: auto }
	.sedeIcon{ margin-top: 12px }
	.schedaTop h1, .priceDett, .priceDett span{ font-size: 24px }
	.priceDett{ text-align: left }
	.anticipo{ font-size: 16px }
	.anticipo b{font-size: 18px }
	.modalDefault .modal-body{ padding: 0 10px 10px }
	.flottaForm h4{
		text-align: left;
		padding-right: 25px
	}
	.callAutonord a, .callScheda a{
		display: block;
		border: 2px solid #009f87;
		padding: 8px 5px;
		color: #009f87;
		text-decoration: none;
		margin-top: 10px;
		font-size: 18px;
	    font-family: 'MontserratBold';
	}
	.newsletterCnt, .workWithUsCnt{ margin-top: 30px; text-align: left }
	.newsletterCnt img{ float: left; margin-top: 2px; margin-right: 2px }
	.FB b{ font-size: 16px !important }
	.modalDefault .modal-header{ padding-bottom: 0 }
	.submitBtn{ margin-bottom: 0 }
	.autoEvidenza{ background-color: #000 }
	.listPageItem > div.listAttachment > div{ margin-bottom: 0 }
	.listPageItem .listAttachment{ margin-bottom: 10px }
	.filterBrandList a.active:after{ bottom: -5px }
	.itemPromoTxt button, .infoNews button{ width: 100%; padding: 12px 5px }
	.modalDefault h4{ font-size: 22px; margin-top: 30px }
	.modalDefault .close{ padding: 3px 8px; }
	.modalDefault .close img{ width: 20px }
	.subTitleFlottaCnt{ text-align: left !important }
	.workFilter{ padding-bottom: 10px }
	.workFilter a{
		display: block;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.workFilter a:after{
		position: relative;
		bottom: auto;
		border-bottom-width: 2px;
	}
	#listaJob > div{ padding: 15px 10px 15px 28px }
	a.cvIcon{
		text-align: center;
		margin-top: 15px;
	}
	.flottaInfo h2{ height: auto }
	.thankPage{
		padding: 20px 0;
	}
	.pageDett .back{ margin-bottom: 20px; display: inline-block }
	.pageDett{ padding: 20px 10px }
	#noListVeicoli h3{ font-size: 24px}
	.verdeTel{
		margin-top: 30px;
		text-align: center !important;
	}
	.whatsappMob{
		position: fixed;
		bottom: 55px;
		width: 100%;
		text-align: center;
		z-index: 100;
	}
	.whatsappMob.moreDown{
		bottom: 10px;
	}
	.whatsappMob img {
		width: 95px;
		height: 95px;
	}
	.whatsappMob a {
		margin: 0 2rem;
	}
	.brandLogosBox li{
		width: 48%;
		margin: 0 0 20px;
	}
	.titoloBrandFooter{
		font-size: 20px;
		padding: 20px;
	}
}