/* Mobile in modalità landscape */
/* 
@media only screen and (min-width: 321px) and (max-width: 480px) {
	#project {
		width: 500px;
		outline: 1px solid #ff0000;
	}
	#sfondo {
		width: 500px;
	}
  	#contenitore {
		width: 500px;
	}
	#headerBG {

		width: 500px;
	}
	#logoImg {
		max-width: 300px !important;
	}
	.sloganBox {
		width: 500px;
	}
	#leftBox, .chips_bannerBox, .chips_MenuTitleText {
		width: 96%;
	}
	#mainBox {
		width: 96%;
	}
	#rightBox {
		width: 96%;
	}
	#sliderBox {
		height: 60% !important;
	}
	#sliderBoxframe {
		width: 100%;
		height: 60% !important;
	}
	img {
		max-width: 93% !important;
		height: auto !important;
	}
	
	.menuBar {  position:absolute; width:100%; top: 29px; }

	#menuBar .navBar {
		float: left;
	}
	
	.chips_MenuText, .chips_HomeMenuText {
		font-size: 20px !important;
	}
}
 */



/* 
@media only screen and (min-width: 481px) and (max-width: 700px) {
	#project {
		width: 500px;
		outline: 1px solid #000000;
	}
	#sfondo {
		width: 500px;
	}
  	#contenitore {
		width: 500px;
	}
	#headerBG {
		width: 500px;
	}
	.sloganBox {
		width: 500px;
	}
	#leftBox {
		width: 90%;
	}
	.chips_bannerBox {
		width: 90%;
	}
	#mainBox {
		width:44%;
	}
	#sliderBox {
		height: 60% !important;
	}
	#sliderBoxframe {
		width: 100%;
		height: 60% !important;
	}
	img {
		max-width: 95% !important;
		height: auto !important;
	}
}
 */


/* iPhone 4 ----------- */
@media
only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
 
@media
only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

 
/* iPhone 4s */
/* Test per Samsung */
@media
only screen and (max-width: 767px),
(max-device-width: 1600px) and (orientation: portrait) and (min-resolution: 192dpi) {

	body {
		padding: 0 10px 10px 10px;
		background-image: none !important;
	}
	#bodyBack {
		background-image: none !important;
	}
	
	#langBar {
		position: absolute;
		top: 4px;
		left: 0px;
	}
	
	/* campo ricerca Google */
	.ricerca_google {
		width: 270px !important;
		float: none !important;
		margin: auto !important;
		color: #676767 !important;
	}
	
	/* pop up risultati */
	.gsc-results-wrapper-overlay {
    	padding: 14px !important;
	}
	
	#project {
		width: 100%;
		overflow:hidden;
		padding: 0 1px;
		/*padding: 8px;*/
		/* outline: 1px solid #00ff00; */ /* verde */
	}
	#sfondo {
		width: 100%;
		background-image: none !important;
	}
  	#contenitore {
		width: 100%;
	}
	#newHeader {
		width: 98% !important;
	}
	#headerBG {
		width: 100%;
	}
	#topBody {
		width: 95%;
	}
	#logoImg {
		max-width: 94vw !important;
		left: 0px !important;
		/* top: 0px !important; */
	}
	.chips_SiteTitle {
		font-size: 210%;
	}
	#slogan {
		white-space: normal;
		background-image: none !important;
	}
	#contents {
		background-image: none !important;
	}
	
	
	/**************** barra menu principale ****************/
	/*******************************************************/
	.btn-responsive-menu {
		display: block;
		position: relative;
		margin-top: 2px;
		margin-bottom: 1px;
		width: 100%;
		height: 50px;
		line-height: 50px !important;
		font-size: large;
		text-align: center;
		background: url(/chips/immagini/icon-responsive-menu.png) 80% center no-repeat;
		cursor: pointer;
		outline: 1px solid #aaaaaa;
	}
	
	#menuBar {
		display: none;
		position: relative;
		left: 0px;
		margin-top: 0px;
		margin-left: 0px;
		width: 100%;
	}
	
	#menuBar .navBar {
		padding-bottom: 0;
		width: 100%;
	}
	
	#menuBar .chips_WrapMenuBox:hover, #menuBar .chips_HomeWrapMenuBox:hover {
		color: #222222;
	}
	
	.chips_MenuText:hover, .chips_HomeMenuText:hover {
		color: #222222;
	}
	
	#menuBar .chips_WrapMenuBox, #menuBar .chips_HomeWrapMenuBox {
		width: 100% !important;
		height: 50px !important;
		line-height: 50px !important;
		font-size: large;
		background: #ffffff;
		outline: 1px solid #aaaaaa;
		clear: both;
		color: #999999;
		padding: 0px 0px 0px 0px;
		
		border: none;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-left: 0;
		/* background: none; */
	}
	
	#menuBar .chips_WrapMenuBox_current, #menuBar .chips_HomeWrapMenuBox_current, #menuBar .chips_WrapMenuBox:hover, #menuBar .chips_HomeWrapMenuBox:hover {
		width: 100% !important;
		height: 50px !important;
		line-height: 50px !important;
		font-size: large;
		background: #ffffff;
		outline: 1px solid #aaaaaa;
		clear: both;
		color: #222222;
		padding: 0px 0px 0px 0px;
		
		border: none;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-left: 0;
		/* background: none; */
	}
	
	#menuBar .chips_MenuText, #menuBar .chips_HomeMenuText, #menuBar .chips_MenuText_current {
		/*background-color:none;*/
		border: 0px;
		/*width: auto !important;*/
		padding: 0px;
		float: none;
		font-weight: normal;
		margin: 0;
		font-size: large;
		line-height: 50px !important;
		font-size: large;
		text-align: center;
		color: inherit;
	}
	
	.chips_MenuText, .chips_MenuText_current, .chips_MenuText:hover, .chips_HomeMenuText:hover, .chips_MenuText:active, .chips_MenuText_current:active, .chips_MenuTitleText, .chips_MenuTextSepar {
		width: 100% !important;
		font-size: large !important;
	}
	
	
	.chips_MenuTitleText sup, .chips_MenuText sup, .chips_MenuTextSepar sup, .chips_MenuText_current sup, .chips_NewsText sup, .chips_NewsText font {
		/* width: 100% !important; */
		font-size: medium;
	}
	
	#menuBar .chips_WrapMenuBox_current, #menuBar .chips_HomeWrapMenuBox_current, #menuBar .chips_WrapMenuBox:hover, #menuBar .chips_HomeWrapMenuBox:hover {
		border: none;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	
	#sitemenu_pagine > div, #intmenu_list > div, #intmenu_list_0 > div {
		margin-left: 0px !important;
	}
	
	
	.sloganBox { margin-top:0px; margin-left:0px; margin-bottom: 4px; padding-left:0px; width: 100%; position:relative; clear:both; overflow:hidden; }
	
	.chips_GalleryBox { }
	
	.chips_Gallery_frame {
		max-width: 100%;
	}
	
	#dataBox {
		display: none;
	}
	
	#leftBox, #rightBox {
		margin-left: 0px;
		width: 100%;
	}
	
	#bannerBox .chips_SortImgWrap {
		width: 100% !important;
	}
	
	#bannerBox img {
		width: auto !important;
	}
	
	.chips_bannerBox {
		width: 96% !important;
	}
	
	.chips_zonaNewsScroll .chips_WrapTextBox {
		width: 98% !important;
	}
	
	.chips_NewsCard, .chips_NewsCardText {
		width: 50%;
	}
	
	#mainBox {
		width: 100%;
		margin-left: 0px;
	}
	
	.chips_WrapTextBox {
		width: 98% !important;
	}
	
	.chips_TextBox {
		width: 94%;
	}
	
	.chips_TextShadow, .chips_TextPadding {
		width: 92% !important;
	}
	
	.chips_TextShadow br, .chips_TextPadding br {
		/* display: none; */
	}
	
	#mainBox br + br { /* display: none; */ }
	
	.chips_MenuTitleText {
		width: 99% !important;
	}
	.chips_TextBox {
		padding: 2px 10px;
	}
	
	.chips_Card { background-image: url('//www.viaprimomaggio19.it/chips/immagini/4.png'); }
	
	.chips_CardText {
		margin: 10px;
		width: 90%;
	}
	
	.chips_ArrowCard {
		max-height: 30px;
	}
	
	
	/*********************** tabelle ***********************/
	/*******************************************************/
	
	/* Forza la tabella a non essere più una tabella */
    #project table, #project thead, #project tbody, #project th, #project td, #project tr, #project caption {
        /*display: inline-block;*/ /*inserito per ora nella home di lamoitaliano per gli oblò e nella home di Villabononia*/
    }
    
	#project table {
		overflow-x: auto;
		display: block;
	}  
	
	#project table:before {content: url('//www.viaprimomaggio19.it/chips/immagini/swipe.png');}
	
    #project td {
		min-width: 100px;
	}
	
	#project td {
		width: auto;
		height: auto;
		padding: 6px 8px 6px 6px;
		text-align: left;
	}

    .intest_riga {
    	display: none !important;
    }
    
    .chips_TextBox_tableWrap table {
		width: 100% !important;
	}
	
	 #project .chips_TextBox_tableWrap table:before {content: '';}
	
    /*
    Dati di ogni descrizione
    
        td:nth-of-type(1):before { content: "Nome"; }
        td:nth-of-type(2):before { content: "Cognome"; }
        td:nth-of-type(3):before { content: "Professione"; }
        td:nth-of-type(4):before { content: "Età"; }
        td:nth-of-type(5):before { content: "Colore Preferito"; }
        td:nth-of-type(6):before { content: "Data di Nascita"; }
        td:nth-of-type(7):before { content: "Luogo di Nascita"; }
        td:nth-of-type(8):before { content: "Passatempo"; }
        td:nth-of-type(9):before { content: "Username"; }  
    */
	
	
	
	
	
	/*** tabelle all'interno di un paragrafo *******************/

	.chips_TableFloat {
		float: left !important;
		padding: 0 !important;
		min-width: 5%;
	}

	.chips_TextBox_tableWrap {
		padding: 0 !important;
		width: 100% !important;
		margin: auto;
	/* 	width: 980px; */
		
	}

	.chips_TableFloat table {
		width: 100% !important;
/* 		margin-left: 1% !important; */
		table-layout: fixed;
	}
	
	.chips_TableFloat table img {
		max-width: 98% !important;
	}
	
	.chips_TableFloat ~ .lastTableBox {
		display: none;
	}

	.chips_CapText_tableWrap {
		padding: 0 !important;
	}

	.chips_TextBox_tableWrap {
		padding: 0 !important;
		padding-right: 18px !important;
	}
	
	.chips_CapText_tableWrap div.chips_WrapTextBox {
		width: 100% !important;
	}
	
	.chips_CapText_tableWrap {
		margin: auto !important;
		width: 100% !important;
	}
	
	.chips_TableFloat div.chips_HandleBoxText, .chips_HandleBox {
		display: none;
	}


	/* 
	.chips_TableFloat table {
		border-collapse: separate !important;
		border-spacing: 12px;
		margin: 0 -10px;
	}
	 */


	.chips_TableFloat td  {
		/* padding: 20px 12px 10px 8px; */
		/* min-height: 80px; */
		/* 	min-width: 70px; */	
		/* font-weight: 700; */
	}
	/*** tabelle all'interno di un paragrafo ****** [fine] ******/


	/********************** tabelle [fine] *****************/
	/*******************************************************/




	/********************** rollerbox **********************/
	/*******************************************************/
	
	#sliderBox {
		/* height: 60% !important; */
	}
	#sliderBoxframe {
		width: 100%;
		/* height: 60% !important; */
	}
	.slideBox .slide {
		float: left;
		padding: 4px;
		width: 82vw !important;
		font-size: 12px;
	}
	
	.slideBoxWrap {
		width: 83vw !important;
	}
	
	#mainBox .slideBox .rollerWrap {
		padding: 8px;
	}
	.leftBox .slide, .rightBox .slide {
		float: left;
		padding: 4px;
		/* width: 98% !important; */
	}
	.subrollerWrap .slideBox .slide {
		float: left;
		padding: 10px;
		width: 23% !important;
	}
	.subrollerWrap .slideBox .slide img {
		max-width: 90% !important;
		height: auto !important;
	}
	.SloganText .slideBox .slide {
		float: left;
		padding: 10px;
		width: 23% !important;
	}
	.carousel-jumper {
		max-width: 20%;
		overflow: hidden;
	}
	
	.slide div {
		/* font-size: 3vw; */
		letter-spacing: 0;
	}
	
	.rollerWrap {
		width: 91% !important;
	}
	
	.slideBox div.chips_CapText {
		width: 79vw !important;
	}
	
	.tabsContenitore {
/* 		display: none; */
	}
	
	.carousel-jumper {
		margin-top: 6px;
		margin-right: 6px !important;
		width: 14px !important;
		height: 14px !important;
		padding: 0px !important;
		line-height: 16000px !important;
		background-color: #a7a7a7;
		cursor: pointer !important;
		border: 1px solid #757575 !important;
		-webkit-border-top-left-radius: 14px !important;
		-webkit-border-top-right-radius: 14px !important;
		-moz-border-radius-topleft: 14px !important;
		-moz-border-radius-topright: 14px !important;
		border-top-left-radius: 14px !important;
		border-top-right-radius: 14px !important;
		-webkit-border-bottom-left-radius: 14px !important;
		-webkit-border-bottom-right-radius: 14px !important;
		-moz-border-radius-bottomleft: 14px !important;
		-moz-border-radius-bottomright: 14px !important;
		border-bottom-left-radius: 14px !important;
		border-bottom-right-radius: 14px !important;
		behavior: url('/chips/scripts/ie-css3.htc');
	}

	
	/************************ iFrame ***********************/
	/*******************************************************/
	
	.extPageFrame {
		/* width: 98% !important; */
	}
	
	
	
	/* downBar */
	.chips_downBarMenuText, #DBsitemenu_pagine {
		display: none !important;
	}
	#DBsitemenu1 {
		color: #ffffff !important;
		visibility: hidden;
	}
	/* fine downBar */
	
	#footerBox {
		padding: 10px;
	}
	
	img:not([class*="highslide"]) {
		max-width: 95% !important;
		height: auto !important;
	}
	
	img[style*="width: 980px"] {
		max-width: 100% !important;
		height: auto !important;
	}
	
	.scrollTopButton {
		display: block;
		z-index: 1000000;
	}
	
	.no_mobile {
		display: none !important;
	}
	
	#chipsmachineBox_bottom {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	#socialFooterBox {
		padding: 0 !important;
	}
	
	
	.tendinaBox {
		margin-top: -44px;
		/* z-index: 10000000000; */
		background: transparent url('//www.viaprimomaggio19.it/chips/immagini/90_bianco.png') repeat;
		display: block !important;
		border: 1px solid #d4d4d4;
		text-align: center !important;
	}

	#intmenu_list, #intmenu_list_0 {
		/* position: relative !important; */
	}
	
	.parallax, .backfix {
		/* background-attachment: initial !important; */
		/* background-size: cover !important; */
	}
	
	
	/*********************** filmati ***********************/
	/*******************************************************/
	
/* 
	#project object, #project param, #project embed {
		max-width: 100vw !important;
	}
	
	.filmBox, .filmBoxFrame {
		width: 100vw !important;
	}
	
	.vimeoFrame {
		height: 12%;
	}
 */
	
	.filmBox {
		position: relative;
		padding-bottom: 56.25% !important;
			height: 0 !important;
			overflow: hidden !important;
				width:100% !important;
	}

		.filmBox iframe,  
		.filmBox object,  
		.filmBox embed {
			position: absolute !important;
			top: 0 !important;
			left: 0 !important;
			width: 100% !important;
			height: 100% !important;
		}

	
	.chips_FormBox {
		padding: 4px 0px;
	}
	
	.chips_Form_frame {
		/* width: 70vw !important; */
	}
	
	/************** plugin Facebook e Twitter **************/
	/*******************************************************/

	.facebookBox, .twitterBox {
		width: 100% !important;
		border: none;
		margin-bottom: 14px;
		margin-right: 0;
	}
	
	#twitter-widget-0 {
		width: 90% !important;
	}
	
	.instagramBox {
		width: 100% !important;
		border: none;
		margin-bottom: 14px;
	}
	
	#privacyPolicy {
		float: none !important;
		margin-left: 0px !important;
	}
	
	#highslide-html-privacyPolicy_Box, #highslide-html-cookiesPolicy_Box {
		width: 85% !important;
	}
	
	.chipsImgRight, .chipsImgRightActive {
		float: left;
		margin: 8px 12px 8px 0px;
	}
	
}



/*iPad in portrait & landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	#headerBG_box_wrap, #headerBG_box, #headerBG, .sloganBox, #bannerBox, .rollerWrap, .chips_TextBox {
		max-width: 98vw !important;
	}
	.chips_TextPadding {
		margin: 20px 40px 0px 0;
		max-width: 96% !important;
	}
	.chips_Card { background-image: url('//www.viaprimomaggio19.it/chips/immagini/4.png'); }
	body {
		/* background-image: none !important; */
	}
	
	.rollerWrap {
		width: 100% !important;
	}

	#bodyBack {
		z-index: 1;
		/* background-image: none !important; */
		/* background-size: 300% auto; */
		/* background-position: 10% 60%; */
		/* padding: 60%; */
	}	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation: portrait)  {
	#site_title {
	}
}



/* Test per Samsung */
@media (max-device-width: 1600px) and (orientation: portrait) and (min-resolution: 192dpi) {	
}
@media (max-device-width: 2560px) and (orientation: landscape) and (min-resolution: 192dpi) {
}


/* Desktop */
@media only screen and (min-width: 1025px) {
 
}


@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}







/* SAMSUNG GALAXY TAB MEDIA QUERY */

/* Galaxy Tab (7.7″), Tab (8.9″), Tab (“10.1″), Tab 2 (10.1″), Tab 3 (10.1″), Note (10.1”) */
@media only screen

  and (min-device-width: 800px)

  and (max-device-width: 1280px)

  and (-webkit-min-device-pixel-ratio: 1) {

  /* CSS Rules Here */

}

/* Galaxy Tab (7.0″), Tab 2 (7.0″) */
@media only screen

  and (min-device-width: 768px)

  and (max-device-width: 1024px)

  and (-webkit-min-device-pixel-ratio: 1) {

  /* CSS Rules Here */

}



/* Galaxy S8, S8+, S9, S9+, S10, S10+ */
@media only screen

  and (min-device-width: 360px)

  and (max-device-width: 740px)

  and (-webkit-min-device-pixel-ratio: 4) {

  /* CSS Rules Here */

}


/* Galaxy S6, S7, S7 Edge */
@media only screen

  and (min-device-width: 360px)

  and (max-device-width: 640px)

  and (-webkit-min-device-pixel-ratio: 4) {

  /* CSS Rules Here */

}


/* Galaxy S4, S5, Note 3 */
@media only screen

  and (min-device-width: 360px)

  and (max-device-width: 640px)

  and (-webkit-min-device-pixel-ratio: 3) {

  /* CSS Rules Here */

}


/* Galaxy Note 10, 10+ */
@media only screen

  and (min-device-width: 360px)

  and (max-device-width: 718px)

  and (-webkit-min-device-pixel-ratio: 2) {

  /* CSS Rules Here */

}


/* Galaxy Note 8, 9 */
@media only screen

  and (min-device-width: 360px)

  and (max-device-width: 740px)

  and (-webkit-min-device-pixel-ratio: 4) {

  /* CSS Rules Here */

}