/*  */
@media (min-width : 1199px) {
	#tableDoc{ table-layout:fixed; }
}

/*IPAD LANDSCAPE*/
@media (min-width: 991px) and (max-width : 1199px) {
	#subMenuCnt > li{ margin-right: 18px }
	#subMenuCnt .prodottiMenu{ width: 95% }
	#menu li a{ font-size: 12px }
	.listCatalog a{ height: 390px }
	.listCatalog a h3{ font-size: 16px; margin: 5px 0 }
	.schedaIconClick a{ font-size: 11px }
	.schedaIconClick a img{ max-width: 13px }
	.rowSpecial > div{ width: 25% }
	.rowSpecialColor > div{ width: 12.5% }
	#tabAnchorCnt button{ font-size: 14px }
	#listaFamiglie > div{ width: 18.9% }
	.boxAccedi{ padding: 60px 15px 15px }
	.academyBanner{ padding: 0 60px}
	.itemLibro{ height: 440px }
	.openDownloadPopup{ font-size: 12px}
	#ordiniTable td, #ordiniDettTable td{ padding: 10px 5px }
	.txtSlide{ padding-top: 60px; font-size: 16px; height: 400px }
	#owlHome .owl-video-wrapper{ height: 400px }
	.txtSlide h3{ font-size: 24px }
	.listCatalog a .txtInfo{ height: 158px }
	.tableAttach > div:nth-child(2){ width: 65%; }
	.tableAttach > div:nth-child(3){ width: 20%; }
}


/*IPAD PORTRAID*/
@media (min-width: 767px) and ( max-width : 991px) {
	.prodottiMenu > div:first-child{width: 25% }
	.prodottiMenu > div:last-child{width: 70% }
	.prodottiMenu > div:first-child:after{ left: 25% }
	#listaFamiglie > div{ width: 31.9% }
	#subMenuCnt .prodottiMenu{ width: 93% }
	#subMenuCnt > li{ margin-right: 4px }
	#subMenuCnt > li > a{font-size: 13px }
	#menu li a{
		font-size: 10px;
		margin: 0 4px;
	}
	.iconHead{ margin-left: 7px }
	.iconHead.mychine{ padding-left: 12px }
	#tabAnchorCnt button, #tabAnchorCnt.articol.scroll-to-fixed-fixed button{ font-size: 12px }


	#step1 tbody td.st-key,
	#stepRiepilogo tbody td.st-key,
	#ordiniDettTable tbody td.st-key,
	.tableStyle1 tbody td.st-key,
	#ordiniTable tbody td.st-key{
		text-align: left;
		font-weight: bold;
		width: 30% !important;
	}
	#ordiniTable tbody td.st-val{ word-break: break-all}
	#step1 tbody h3,
	#ordiniDettTable tbody h3,
	#stepRiepilogo tbody h3{
		margin: 0 0 5px;
		font-size: 15px;
		font-weight: bold;
	}
	#step1 .small-only,
	#ordiniDettTable .small-only,
	.tableStyle1 .small-only,
	#stepRiepilogo .small-only,
	#ordiniTable .small-only{
		margin-bottom: 40px;
		background-color: #efefef;
	}
	#stepRiepilogo .st-val{ font-size: 11px }
	.schedaIconClick a{display: inline-block; margin-bottom: 15px}
	.rowSpecial > div{ width: 25% }
	.rowSpecialColor > div{ width: 12.5% }
	.qntCnt > div > div{ float: right; margin-top: 0 !important }
	.qntCnt .more{ margin: 0 25px}
	.boxAccedi{ padding: 15px }
	.boxAccedi > div{ margin-top: 40px }
	.academyBanner{ padding: 0 60px}
	.scaricaCatalogo img + div{ margin: 20px 10px 0 }
	.itemHomeNews h3{font-size: 16px}
	.itemHomeNews h3 + div{ height: auto; margin-bottom: 10px }
	.corsiList a{ height: 340px }
	.itemProf{ height: 340px }
	.itemLibro{ height: 440px }
	.videoTopCategory a{ font-size: 20px }
	.artAbbinatiCnt a{ height: auto }
	.artAbbinatiCnt a > div:first-child{ width: 20% }
	.artAbbinatiCnt a > div:last-child{ width: 78% }
	.thumbPopupMain > img{ width: 10% }
	#popupMain{ padding-top: 60px }
	.navPopupMain{ top: 5px }
	.arrowDx{ right: auto; left: 100px }
	.listCatalog a h3{ font-size: 16px; margin: 5px 0 }
	.title3{ font-size: 20px }
	#ordiniTable, #ordiniDettTable{ font-size: 11px }
	#ordiniTable td, #ordiniDettTable td{ padding: 10px 3px }
	.listCatalog a{ height: 400px }
	.listCatalog a .txtInfo{ height: 150px }
	.txtSlide{ padding-top: 20px; font-size: 14px; height: 310px }
	#owlHome .owl-video-wrapper{ height: 310px }
	.txtSlide h3{ font-size: 20px }
}


/*MOBILE*/
@media (max-width : 767px) {
	body{ padding-top: 0 }
	.radio label::before{ width: 24px; height: 24px;  }
	.radio label::after, .radio label::before{ margin-left: -24px }
	.radio label::after{ width: 16px; height: 16px; left: 4px; top: 4px }

	.checkbox label::before{ width: 22px; height: 22px; margin-left: -24px }
	.checkbox label::after{ font-size: 16px; margin-left: -23px; }
	header{ position: static }
	.navbar-brand > img{ width: 80px }
	.navbar{ min-height: 60px; border-left: 0; border-right: 0  }
	.navbar-brand{ padding-top: 5px }
	.welcomeCntMob{
		position: absolute;
		left: 110px;
		top: 10px;
		font-size: 12px;
		max-width: 45%;
		line-height: 1.2
	}
	.welcomeCntMob a{margin: 0; font-weight: 600 }
	#subMenuCnt > li.globalSearch{
		float: none;
		display: block;
		width: 100%;
		margin-top: 8px;
		transition: padding 0.3s;
	}
	.globalSearch.scroll-to-fixed-fixed{
		background-color: #eee;
		margin-top: 0 !important;
		left: 0 !important;
		padding: 5px 7px;
		width: 100% !important;
	}
	.logged .globalSearch.scroll-to-fixed-fixed{ background-color: #ccdded }
	#subMenu{ padding: 0 0 7px; }
	#subMenuCnt{ margin-bottom: 0 }
	.globalSearch .dropdown-toggle{ font-size: 12px; padding-left: 5px; padding-right: 18px }
	.globalSearch .dropdown-toggle .caret{ right: 5px !important }
	.navbar-toggle .icon-bar{ border: 1px solid #00549f }
	#menu{ padding-top: 10px }
	.nav>li{ margin-bottom: 15px }
	.iconHead.mychine{ background-position: 0 5px }
	#topHeaderCnt{
		right: 20px;
		top: 20px;
		z-index: 10;
	}
	.listLang{ left: -15px }
	.listLang > div{ margin-bottom: 3px }
	#subMenuCnt > li{ margin-right: 15px;font-size: 13px }
	#menu .dropdown-menu:before{
		top: 32px;
		left: 30px;
	}
	#menu .aziendaHead, #menu .mychineHead{
		min-width: 30px;
		right: 0;
		margin: 20px 10px;
	}
	 #menu .mychineHead{ margin-left: -15px }
	#menu #langChoose .dropdown-menu:before{ top: -19px }
	#menu .langHead{ right: auto; left: -15px }
	.iconHead.phone{
		border: 1px solid #00549f;
		text-align: center;
		padding: 8px;
		background-position: 5% 50%;
		margin-left: 15px;
		margin-right: 15px;
	}
	#menu li.iconHead.phone a{font-size: 17px}
	#owlHome .owl-video-wrapper{ height: 190px }
	.txtSlide{ height: auto; padding: 10px;font-size: 16px }
	.txtSlide a{ margin-bottom: 10px; width: 100%; text-align: center; padding: 10px 5px }
	.txtSlide h3{ font-size: 22px }
	.title1, .title5, #articleTop h1{ font-size: 24px }
	.title3, .downloadItem h3{ font-size: 22px }
	.title6, .title2{ font-size: 19px }
	#listaFamiglie > div{
		width: 46%;
		padding: 0 5px;
		height: 180px;
		margin-bottom: 20px;
	}
	#listaFamiglie a{margin-bottom: 0}
	#listaFamiglie a h3{ font-size: 12px }
	.boxAccedi{
		height: auto;
		padding: 20px 10px;
	}
	.boxAccedi h3{ margin-bottom: 20px}
	.boxAccedi > div{ margin-top: 30px}
	.academyBanner{
		padding: 10px;
		height: 360px;
		margin-bottom: 30px;
	}
	.scaricaCatalogo{ padding: 10px; margin-bottom: 0px }
	.scaricaCatalogo h4 + div{ margin-bottom: 15px }
	.scaricaCatalogo img + div{ margin: 15px 30px 0 }
	.itemHomeNews{ margin-bottom: 30px }
	.itemHomeNews > a img{ margin-bottom: 10px }
	.itemHomeNews h3 + div{ height: auto; margin-bottom: 10px }
	.slideProjectTxt{ height: auto; padding: 0 10px; font-size: 16px; margin-top: 20px }
	.logoFooter{ width: 100px; margin: auto }
	.mobileLink a{
		display: block;
		text-decoration: none;
		border: 1px solid #fff;
		color: #fff;
		text-align: center;
		padding: 9px 0;
		font-size: 16px;
		border-radius: 4px;
	}
	.btnBlue, .snippetLinkBanner a.scopriora, .boxAcademySection a{
		padding: 9px 2px;
		width: 100%;
		text-align: center;
		font-size: 16px;
	}
	#bannerNewsletter button{
		font-size: 16px;
		padding: 9px 5px;
		margin-top: 40px;
		width: 100%;
	}
	.mobileLink a.link{
		border-color: #004f9e;
		color: #004f9e;
		padding: 10px 2px;
	}
	#tabAnchorCnt button{
		font-size: 11px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.listCatalog a{ min-height: 220px; height: auto; padding: 5px }
	.listCatalog a h3{font-size: 14px;margin: 5px 0}
	.listCatalog a .txtInfo{ height: 50px }
	.presentationTxt h2{ font-size: 20px }
	.approfTxt td{ padding: 5px;}
	.documentazioneList .dt, .documentazioneList .dtc{ display: block;text-align: center }
	.documentazioneList .dtc a{ font-size: 12px }
	.documentazioneList .dtc img{ margin-bottom: 10px }
	.evenOddCnt > section:not(:first-child){ padding: 0 }
	.evenOddCnt > section:first-child{ padding-bottom: 10px }
	#articlePage h3, #familyPage .title3{ margin-top: 20px }
	#owlCatalog{ margin-top: 10px }
	.configLabel{font-size: 10px }
	.configLabel img{ width: 13px }
	.imgIcon{ width: 13px}
	.moreInfoCnt button{ padding: 10px 20px }
	.closeModal{ right: 5px;top: 4px }
	.modalDefault h4{margin-top: 5px}
	.schedaIconClick a{
		display: block;
		border: 1px solid #444;
		text-align: center;
		padding: 7px 3px;
		font-size: 11px;
	}
	.schedaIconClick a img{ display: none }
	.descrizioneArt{ margin-top: 20px }
	#confFixTop{ padding: 5px 0; top: 48px }
	#confFixTop > .container{ padding-left: 7px }
	.putInKartConf{ margin-left: -15px; position: relative; padding: 5px 15px 3px }
	.putInKartConf i{
		position: absolute;
		right: 5px;
		top: 22px;
		font-size: 9px;
		color: #fff;
	}
	.rowSpecial > div{
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
		float: none;
	}
	.itemConf, .itemAcc{ height: auto }
	.rowSpecialColor > div{ width: 32% }
	.dati_tecnici > div{ margin-bottom: 10px }
	.thumbGallery img{max-height: 40px}
	.listVideoArt{ margin-top: 20px }
	.goAhead{ margin-top: 40px }
	.codiceProdotto > div{ font-size: 17px }
	.codiceProdotto{ margin-bottom: 0 }
	.qntProdotto{ margin-top: 10px }

	#step1 tbody td.st-key,
	#stepRiepilogo tbody td.st-key,
	#ordiniDettTable tbody td.st-key,
	.tableStyle1 tbody td.st-key,
	#ordiniTable tbody td.st-key{
		text-align: left;
		font-weight: bold;
		width: 30% !important;
	}
	#ordiniTable tbody td.st-val{ word-break: break-all}
	#step1 tbody h3,
	#ordiniDettTable tbody h3,
	#stepRiepilogo tbody h3{
		margin: 0 0 5px;
		font-size: 15px;
		font-weight: bold;
	}
	#step1 .small-only,
	#ordiniDettTable .small-only,
	.tableStyle1 .small-only,
	#stepRiepilogo .small-only,
	#ordiniTable .small-only{
		margin-bottom: 40px;
		background-color: #efefef;
	}
	.qntCnt > div > div{ display: inline-block; margin-left: 20px; margin-top: 0 !important }
	.qnt{ margin-right: 15px}
	.qntCnt .more{ margin-left: 0; margin-right: 20px }
	.qntCnt .more img, .qntCnt .remove img{ width: 18px !important }
	.prezzi > div{ padding-left: 0 }
	.spaceBelowBig{ margin-bottom: 30px }
	.mappaCnt iframe, .iframeAgenti{ height: 280px; margin-bottom: 15px }
	.allContactsCnt h3{ font-size: 15px; margin-bottom: 10px }
	.allContactsCnt .dt, .allContactsCnt .dtc{ display: block }
	.allContactsCnt .dt{ border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px }
	.allContactsCnt .dtc{
		border: 0;
		width: auto !important;
		padding: 5px 5px;
	}
	.topCntContatti .title3{ margin-top: 10px }
	.allContactsCnt button, .listaAgenti button.btnBlue{ font-size: 16px; padding: 11px 2px }
	.listaAgenti button.btnBlue{ width: 100% }
	.corsiList{ margin: 30px 0 }
	.imgNewsTop{ margin: 10px 0 15px }
	#bannerNewsletter{
		font-size: 16px;
		height: auto;
		padding: 30px 0;
		background-size: cover;
		background-position: 65% 50%;
	}
	.corsiList a, .corsiList.newsList a{ height: auto; padding-bottom: 40px }
	.boxAcademySection h3{font-size: 20px }
	.boxAcademySection a{
		display: block;
		margin-bottom: 30px;
		text-align: center;
	}
	.boxAcademySection{ padding: 30px 0 }
	.docentiCorsoList a{
		height: auto;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.formCorso{ margin-bottom: 40px }
	.schedaTopProf h1{ font-size: 20px }
	.schedaTopProf img{ margin-bottom: 10px }
	.moreInfoProf h2{margin-bottom: 10px;font-size: 16px; padding: 10px 5px }
	.moreInfoProf h2 + div{padding-left: 5px; margin-bottom: 30px }
	.modalDefault button[type="submit"]{ width: 100% }
	.moreInfoProf{ margin-bottom: 10px }
	.eventiListCnt h2{ margin: 0 0 20px }
	.eventiListCnt{ padding: 30px 0 }
	.linkRight{ margin-top: 8px }
	.txtListNews{ height: auto }
	.eventiListCnt .btnBlue{
		width: 100%;
		text-align: center;
		padding: 9px 3px;
		margin: 10px 0 40px;
	}
	.videoTopCategory a{ font-size: 15px; height: 65px }
	.videoTopCategory{ margin-top: 0 }
	.videoTopCategory a.active:after{ left: 30% }
	.videoFamilyTitle h4{ margin-bottom: 10px; font-size: 16px }
	.seeAllVideo{ background-size: 20px; padding-left: 30px }
	.pagVideoFam  .videoPlayer h3{ font-size: 16px; margin: 5px 0 15px }
	.artAbbinatiCnt a{ padding: 10px 10px 25px; height: auto }
	.artAbbinatiCnt a h4{ margin-bottom: 5px }
	.txtGrande{ font-size: 16px }
	.downloadItem{
		height: 120px;
		padding: 15px;
		margin-bottom: 30px;
		text-align: center;
		background-image: none !important;
		background-color: #ccdded
	}
	.downloadItem.white{ color: #3b3b3b !important }
	.downloadItemCnt{ margin: 40px 0 }
	.itemArtDownload{ height: auto }
	.itemArtDownload h4{ height: auto }
	.openDownloadPopup{ font-size: 12px }
	.yourSearchFound{ margin: 30px 0 }
	.artMod{ min-height: 0 }
	#popupMain{ padding: 90px 10px 10px; }
	#popupMain .topR{
		top: 8px;
		left: 10px;
		right: auto;
		font-size: 14px;
		width: 100%;
	}
	#popupMain .topR > img{
		position: absolute;
		right: 20px;
	}
	.navPopupMain{ top: 40px; 	}
	.navPopupMain.arrowDx{ right: 10px }
	.listDownload img{ max-width: 100% }
	.listDownload > div > div:first-child{ width: 25%; }
	.listDownload > div > div:last-child{ width: 75%; padding-left: 15px }
	.listDownload > div{ padding-bottom: 8px; margin-bottom: 8px }
	.imgBrochure{ margin: 0 0 10px}
	.brochureCnt > div{ padding: 10px}
	.brochureCnt h3{font-size: 20px; margin-top: 20px }
	.downloadBrochureCnt{ margin-top: 20px; text-align: center }
	.downloadBrochureCnt a{
		width: 100%;
		text-align: center;
		padding: 7px 3px;
	}
	.otherVideo > div{ width: 48%; margin-bottom: 10px }
	.noResultCnt{ font-size: 20px }
	.numResultCnt{ font-size: 20px; margin: 20px 0 }
	.otherVideoNovita .itemVideo h4{ font-size: 14px }
	#videoPlayer h3{ margin-top: 10px }
	.snippetLinkBanner{ margin-bottom: 30px }
	#myProfileCnt, #ordiniTable, #ordiniDettTable, #fattureCnt{ margin: 30px 0 }
	#myProfileCnt .title3{ font-size: 18px; margin-bottom: 20px }
	#fattureTable{ font-size: 12px }
	#fattureTable th{ text-transform: lowercase }
	#fattureTable td{ padding: 10px 3px }
	#fattureTable td:last-child{
		background-image: url('/images_new/icone/icona-dx-azzurra.png');
		background-size: 13px;
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 15px
	}
	.itemLibro h3 + div, .itemLibro{ height: auto }
	.itemLibro h3 + div{ margin-bottom: 10px }
	.itemLibro h3{font-size: 16px }
	.infoChineContatti a.btnBlue{ padding: 12px 2px}
	.socialFooter > div{ margin-bottom: 10px !important;}
	.socialFooter > a{ margin-right: 15px;}
	.socialFooter > a:last-child{ margin-right: 0 }
	.socialFooter img{ width: 40px }
	footer{ text-align: center }
	.infoChine a img{ margin: auto }
	.titolettoFooter{ margin-bottom: 10px }
	.formRegisterCnt{ padding: 20px 0 70px }
	.allContactsCnt .dtc:nth-child(2), .allContactsCnt .dtc:nth-child(1){ font-size: 16px }
	.howContact h2{ margin-bottom: 20px }
	.dropdown-menu>li>a{ padding: 7px 10px }
	.allContactsCnt .dtc:last-child{ margin-top: 15px }
	.allContactsCnt .dtc:nth-last-child(2){ margin-top: 15px }
	.allContactsCnt > section > div{ margin-bottom: 30px }
	.breadcrumbs.slideshow{ top: -5px }
	.atcBox{ padding: 0 }
	.downloadCorsoList{ margin-bottom: 40px }
	.itemLibro > a + div{ height: auto }
	.videoSpallaDx:after, .otherVideo:after{ display: table; content: ''; clear: both}
	.videoSpallaDx > div, .otherVideo > div{
		width: 48%;
		height: 160px;
		float: left;
		margin-bottom: 15px;
		overflow: scroll;
		margin-left: 0;
		margin-right: 0
	}
	.itemVideo{ height: auto }
	.imgYTCnt{ height: 110px }
	.videoSpallaDx > div:nth-of-type(2n), .otherVideo > div:nth-of-type(2n){ margin-left: 4% }
	.videoSpallaDx > div.seeAllVideo{
		padding-left: 0;
		height: auto;
		padding-bottom: 30px;
		padding-top: 0;
		background-position: bottom left;
	}
	.moreInfoCnt button{ width: 100%; padding: 9px 3px }
	.table-responsive{ -webkit-overflow-scrolling: touch }
	.mobSectionTitle{
		background-color: #333;
		color: #fff;
		padding: 10px 15px;
		background-image: url('/images_new/icone/freccia-bianca-bottom.png');
		background-position: 97% 50%;
		background-size: 18px;
		background-repeat: no-repeat;
		border-bottom: 1px solid #fff;
		font-size: 17px;
	}
	.mobSectionTitle.opened{ background-image: url('/images_new/icone/freccia-bianca.png'); }
	.dati_tecnici, .riepilogoCnt{font-size: 14px }
	.listCatalog{ margin-top: 10px }

	.fotoRegistrazione{
		background-image: none;
		text-align: center;
		height: auto;
	}
	.fotoRegistrazione .divsottotitoloregistrazione{
		width:100%;
	}

	.pulsantefotoregistrazione{
		position:static;
		margin:20px 0;
		width: 100%;
	}
	.boxgrigioregistrazione{
		padding:20px;
	}

	.linkCartaceo{
		text-align: center;
		margin-bottom:30px;
	}
	.mycontainerLogin{
		margin-bottom:20px;
	}
	#tableDoc thead th{ min-width: 100px !important }
	.tableAttach, .tableAttach > div{
		display: block;
		table-layout: auto;
	}
	.tableAttach img{ max-width: 80px }
	.tableAttach > div{ width: 100% !important }
	.tableAttach > div:nth-child(2){ padding: 0 }
}