/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* MEDIA QUERY ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

@media (orientation: portrait) {
	.intro-home .six, .intro-home .six:first-child, .intro-home .six:last-child {
		float: left;
		height: 50%;
		width: 100%;
		background-position: 0 25%;
		padding: 0;
		text-align: center;
	}
}


@media  (max-height: 1100px) {
	h1.fixed {
		font-size: 10vh !important;
		right: -28px !important;
	}
}


@media only screen and (max-width: 1800px) {

	.container-full {
		max-width: calc(100% - 300px);
		margin-left: 150px;
	}
	.low-footer p:first-child {
		width: 100%;
	}
	.breadcrumb .number {
		font-size: 160px;
	}
	.intro-home svg {
		width: 300px;
	}
	.main-title h1 {
		font-size: 52px;
		line-height: 60px;
	}
	#main-slider ul li .img-container {
		right: 30px;
	}
	.slider-nav {
		/*position: absolute;
		right: 0;
		top: inherit;
		bottom: -65px;*/
	}
	#main-slider h2 {
		font-size: 40px;
		width: calc(100% - 50px);
	}
	.artisti h2 {
		font-size: 28px;
		padding-left: 15px;
	}
	.intro-artista .nine {
		width: 74%;
	}
}


 @media only screen and (max-width: 1440px) {

	 .container-full {
		 max-width: calc(100% - 175px);
		 margin-left: 100px;
	 }
	 .breadcrumb .number {
		 font-size: 140px;
	 }
	 .intro-home svg {
		 width: 200px;
	 }
	 .btn {
		 border-bottom: 6px solid #E31913;
		 padding-bottom: 5px;
	 }
	 .btn:hover {
		 border-bottom: 6px solid #000;
	 }
	 .footer .padding {
		 padding: 30px 40px;
	 }
	 .main-title h1 {
		 font-size: 45px;
		 line-height: 50px;
	 }
	 .breadcrumb .number {
		 font-size: 110px;
	 }
	 .breadcrumb {
		 left: -40px;
	 }

}
@media only screen and (max-width: 1300px) {
	.main-slider-container .three {
		width: 30%;
	}
	.main-slider-container .nine {
		width: 70%;
	}
	.main-title h2 {
		font-size: 35px;
	}
	#main-slider.grkSlider ul li div.grkCaption {
		width: 55%;
	}
}

@media only screen and (max-width: 1250px) {
	.navigation ul li a {
		font-size: 16px;
		padding: 20px 18px;
	}
	.navigation.spazio ul li a.active .active {
		margin-top: -1px;
		width: calc(100% - 30px);
	}
	.navigation ul.events-menu li a {
		font-size: 13px;
	}
	#main-slider h2 {
		font-size: 40px;
		line-height: 45px;
	}
	.main-title h1 {
		font-size: 40px;
		line-height: 45px;
	}
	#main-slider h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.p-top-bottom {
		padding: 60px 0;
	}
	.contact-form label, .contact-form label, .nice-select .current {
		font-size: 16px;
	}
	.tag, .tag:visited {
		padding: 2px 8px;
		font-weight: 600;
		font-size: 12px;
		margin: 2px;
	}
	.pleft50.pright50 {
		padding-left: 0;
		padding-right: 0;
	}
	.artisti h2 {
		font-size: 20px;
	}
	.intro-artista .txt {
		background: #000;
		color: #fff;
		transform: translateX(-100px);
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		width: calc(100% - 201px);
		margin: 60px 40px 40px 220px;
		padding: 40px 40px 40px 40px;
	}
	.intro-artista .mask {
		background: #000;
		display: block;
		float: left;
		width: 190px;
		height: 230px;
	}
	.intro-artista .absolute {
		text-align: left;
	}
	.intro-artista .absolute a {
		margin: 0 5px;
	}
	.main-title h2 {
		font-size: 30px;
	}
	.gallery-container a span {
		left: -5px;
		font-size: 12px;
		padding: 10px;
	}
	.gallery-container div:nth-child(2) a span {
		right: -5px;
	}
	#main-slider ul {
		width: calc(100% - 15px);
	}
	#main-slider h2 {
		font-size: 30px;
		line-height: 35px;
	}
	#main-slider.grkSlider ul li div.grkCaption {
		transform: translateX(70px);
	}
}


@media only screen and (max-width: 1024px) {
	.categorie-servizi .btn {
		font-size: 13px;
	}
	.container-full.home {
		max-width: calc(100% - 110px);
		margin-left: 100px;
	}
	.opere-container a {
		/*margin-top: 70px;*/
	}
	.opere-container a span, .opere-container a:hover span {
		display: block;
		position: relative;
		width: calc(100% - 40px);
		left: auto;
		right: auto;
		bottom: auto;
		height: 40px;
		line-height: 20px;
		margin-top: 10px;
	}
	.opere-container a span strong {
		transform: translateX(0);
		line-height: 20px;
	}
	.events-container .img-container {
		min-height: 500px;
	}
	.opere-container a span strong {
		opacity: 1;
	}
	.opere-container span.riga.vert, .opere-container span.riga.vert50 {
		bottom: -20px;
	}
	.opere-container span.riga.oriz {
		top: calc(50% - 4px);
	}
	#main-slider.h100 {
		height: auto;
	}
	#main-slider ul {
		/*width: calc(100%);*/
		float: left;
	}
	.main-title h4 {
		font-size: 15px;
	}
	.main-title h2 {
		font-size: 28px;
	}
	#main-slider h2 {
		font-size: 30px;
	}
	#main-slider.grkSlider ul li div.grkCaption {
		float: right;
		width: 70%;
		transform: translateX(15px);
	}
	#main-slider h3 {
		width: calc(100% - 15px);
	}
	#main-slider .border, #main-slider p {
		padding-right: 15px;
		width: calc(100% - 15px);
	}
	/* gestione frecce dello slider già da ipad */
	.slider-nav,
	#main-slider .slider-nav {
		position: relative;
		right: auto;
		top: auto;
		margin: 15px 0;
		float: left;
		width: 100%;
		min-height: 22px;
		bottom: inherit;
		height: auto;
	}
	#main-slider .slider-nav {
		width: calc(100% - 15px);
	}
	.slider-nav .counter {
		top: 0;
		text-align: center;
	}
	.grkSlider-prev, .grkSlider-next {
		position: absolute;
		top: 0;
		display: inline-block;
		margin: 0 10px;
	}
	.grkSlider-prev {
		left: 0;
	}
	.grkSlider-next {
		right: 0;
	}


	.breadcrumb .number {
		font-size: 90px;
	}
	.breadcrumb {
		left: -30px;
	}
	.breadcrumb .sezione {
		margin-left: 55px;
	}
	.low-footer  {
		width: calc(100% - 50px);
		padding: 0 25px;
	}
	.txt-container h2 span {
		font-size: 35px;
	}
	.event {
		display: block;
	}
	.event .five,
	.event .seven {
		width: 100%;
		text-align: center;
		padding: 15px 0;
	}
	.event .five {
		background-color: #FFFFFF;
	}
	.event.row-reverse .padding {
		padding: 0 50px;
		text-align: center;
	}
	.event p {
		text-align: justify;
	}
	.event h2 {
		font-size: 40px;
	}
}

@media only screen and (max-width: 1023px) {
	.back {
		display: none;
	}
	.other-home {
		left: 10px;
	}

	 .main-slider-container {
		 display: block;
	 }
	 .main-slider-container .three, .main-slider-container .nine {
		 float: left;
		 width: 100%;
		 display: block;
	 }
	 .main-title h4, .main-title h1 {
		 text-align: center;
	 }

}
@media only screen and (max-width : 1000px) {
	.grkSlider ul li div.product img {
		vertical-align: middle;
		padding: 10% 2%;
	}
}


@media only screen and (max-width: 900px) {
	 .navigation ul li a {
		 font-size: 15px;
		 padding: 20px 15px;
	 }
	 .footer p {
		 width: calc(100% + 50%);
		 transform: translateX(-35%);
	 }
}


 @media only screen and (max-width: 840px) {

	.navigation ul li a {
		font-size: 16px;
	}

	 .txt-container p, .txt-container {
		 max-width: 100%;
		 margin-left: 0;
		 width: 100%;
	 }
	 .prenota-btn {
		 margin: 120px 0;
		 width: 100%;
	 }
	 .prenota-btn .txt {
		 width: calc(100% - 40px);
		 padding: 60px 20px 20px 20px;
	 }
	 .prenota-btn .txt p {
		 padding: 0 20px;
	 }
	 .prenota-btn a {
		 position: relative;
		 z-index: 1;
		 transform: translateY(-100px);
		 width: 60%;
		 left: 20%;
		 font-size: 18px;
		 height: 80px;
		 line-height: 80px;
	 }
	 .btn-icon strong {
		 width: auto;
	 }
	 .btn-icon img {
		 width: 25px;
		 margin: -7px 20px;
		 margin-top: 20px;
	 }
	 .intro-artista .txt {
		 background: #000;
		 color: #fff;
		 transform: translate(20px, 50px);
		 -webkit-transform: translate(20px, 50px);
		 -moz-transform: translate(20px, 50px);
		 -ms-transform: translate(20px, 50px);
		 -o-transform: translate(20px, 50px);
		 width: calc(100% - 100px);
		 margin: 0;
		 padding: 40px;
		 float: left;
		 margin-bottom: 80px;
	 }
	 .intro-artista .mask {
		 width: 310px;
	 }
	 .intro-artista h2 {
		 transform: translateY(0px);
		 -webkit-transform: translateY(0px);
		 -moz-transform: translateY(0px);
		 -ms-transform: translateY(0px);
		 -o-transform: translateY(0px);
		 color: #fff;
		 float: left;
		 width: 100%;
		 margin-top: 20px;
	 }
	 .intro-artista p {
		 float: left;
		 width: 100%;
	 }
	 .intro-artista .absolute {
		 top: 74px;
		 right: 40px;
		 text-align: right;
	 }
	 .intro-artista .absolute a {
		 color: #fff;
	 }
	 .breadcrumb .number {
		 font-size: 100px;
	 }
	 .breadcrumb {
		 left: -35px;
	 }
	 .btn-icon img {
		 width: 25px;
		 margin: -7px 0px -7px 40px;
		 margin-top: 20px;
	 }
	 .navigation .logo img {
		 width: 120px;
		 height: auto;
	 }
	 .navigation .logo {
		 left: calc(50% - 60px);
	 }
	 .navigation ul:nth-child(3) {
		 right: calc(50% - -75px);
	 }

	 .navigation ul:last-child {
		 left: calc(50% - -65px);
	 }
	 .navigation ul.events-menu {
		 left: -125px;
	 }
	 .navigation ul li a {
		 padding: 20px 10px;
	 }
	 .back img {
		 margin-top: 32px;
	 }

	 .events-container .img-container {
		 /*min-height: auto;*/
		 padding: 0;
	 }
	 .event .padding {
		 padding-left: 25px;
	 }
	 .event h2 {
		 font-size: 40px;
	 }
	 .event h3 {
		 font-size: 18px;
	 }
	 .footer h3 {
		 transform: translateY(-80px);
		 -webkit-transform: translateY(-80px);
		 -moz-transform: translateY(-80px);
		 -ms-transform: translateY(-80px);
		 -o-transform: translateY(-80px);
	 }
	 .footer .txt {
		 padding-left: 48px;
	 }
}



@media only screen and (max-width : 768px) {
	.navigation ul li a {
		padding: 20px 7px;
	}
	.grkSlider ul li div.product, .grkSlider ul li div.linkDetails {
		display: none;
	}
	.grkSlider ul li div.grkCaption {
		display: inline-block;
		padding: 10px;
		width: 100%;
	}
	.grkSlider ul li div.grkCaption p {
		max-height: 16px;
		overflow: hidden;
	}
	.contacts .five , .contacts .seven {
		float: left;
		width: 100%;
		margin: 20px 0;
		padding: 0;
	}
	.txt-container form p {
		max-width: 650px;
		margin: 15px auto;
	}
	.breadcrumb .number {
		font-size: 90px;
	}
	.breadcrumb {
		left: -30px;
	}
	.breadcrumb .sezione {
		margin-left: 53px;
	}
	.txt-container h2 span {
		font-size: 32px;
		line-height: 40px;
	}
	.notabletVert {
		display: none;
	}
	.contacts h4.mtop50 {
		margin-top: 10px;
	}
	.contacts .p-top-bottom {
		padding: 40px 0 30px 0;
	}

	h3.red strong {
		display: block;
		width: 100%;
	}
	.main-title h2 {
		text-align: center;
	}

	.contacts .pleft50 {
		padding: 0;
	}
	.artisti h2 {
		font-size: 19px;
	}
	.intro-artista .img-container {
		position: relative;
	}
	.intro-artista .txt {
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
	}
	.intro-artista .mask, .intro-artista .absolute {
		display: none;
	}
	.intro-artista .btn {
		float: left;
	}

	.opera-detail h1 {
		font-size: 40px;
	}
	.container-full.home {
		max-width: calc(98% - 100px);
	}

	.p-top-bottom {
		padding: 40px 0;
	}
	.p-top-bottom.contacts-prenotazioni {
		padding-top: 0;
	}
	.categorie-servizi .left {
		width: 33%;
		float: none;
		display: inline-block;
	}
	.display-mobile {
	 	display: block;
	}
	.opere-container a .opera-container-orizzontale,
	.opere-container a .opera-container-quadrato,
	.gallery-container.opere-artisti-container a .opera-container-orizzontale ,
	.gallery-container.opere-artisti-container a .opera-container-quadrato {
		height: 100%;
		background: none;
		min-height: auto;
	}
	.opere-container .six,
	.gallery-container.opere-artisti-container .six{
		width: 100%;
	}
	.opere-container .img-quadrate a,
	.gallery-container.opere-artisti-container .img-quadrate a {
		margin: 0 !important;
		margin-bottom: 20px!important;
	}
	.opere-container span.riga {
		display: none;
	}
	.tot-opere strong {
		bottom: 100px;
	}
	.tot-opere p {
		bottom: 43px;
	}
	.gallery-container.opere-artisti-container .view-gallery {
		right: 10px;
		padding: 10px;
	}
	.video {
		width: 100%;
		float: left;
	}

	.event h2 {
		font-size: 35px;
	}
	.event h4 {
		font-size: 16px;
	}

	.navigation ul.events-menu {
		left: -39px;
		top:80px
	}
	#box-ricerca {
		top: 80px;
		left: 100px;
	}
	#box-ricerca.open {
		transform: translateX(185px);
	}
	#box-ricerca input {
		font-size: 15px;
	}
}


 @media only screen and (max-width: 767px) { /* era 720 */
	 .back {
		 display: block;
	 }
	 .other-home {
		 display: none;
	 }
	 .nomobile {
		 display: none;
	 }
	 .showmobile {
		 display: block;
	 }

	 .intro-home .six,
	 .intro-home .six:first-child,
	 .intro-home .six:last-child {
		 height: 50vh;
	 }
	 .intro-home .mtop50 {
		 margin-top: 0;
	 }

	 .intro-home svg {
		 width: 50%;
	 }
	 .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven {
		 width: 100%;
		 margin: 0;
		 padding: 0;
		 clear: both;
	 }
	 .gallery, .opera-detail .gallery {
		 display: none;
	 }
	 .opera-detail .gallery {
		 display: block;
		 pointer-events: none;
	 }
	 .opera-detail .gallery .view-gallery {
		 display: none;
	 }
	 .footer p {
		 width: 100%;
		 transform: translateX(0);
	 }
	 .footer .txt {
		 padding-left: 0;
	 }
	 .footer .padding {
		 padding: 30px 30px;
	 }
	 .footer h3 {
		 color: #fff;
		 transform: translateY(0px);
		 -webkit-transform: translateY(0px);
		 -moz-transform: translateY(0px);
		 -ms-transform: translateY(0px);
		 -o-transform: translateY(0px);
	 }
	 .footer .img {
		 height: 120px;
	 }
	 .grkSlider ul li div.grkCaption,
	 .grkSlider-direction-nav,
	 .grkSlider-paging,
	 .DisplayNone {
		 display: none;
	 }

	 #main-slider ul {
		 width: calc(100%);
	 }

	 #main-slider ul li .img-container {
		 position: relative;
		 width: 100%;
		 right: auto;
		 top: auto;
		 bottom: auto;
		 left: auto;
		 height: 100%;
		 float: left;
	 }
	 #page-slider ul li {
		 height: 100%;
	 }
	 .CaptionMobile {
		 display: inline-block;
		 position: absolute;
		 top: calc(50% - 25px);
		 right: 0;
		 background: rgba(0,0,0,.5);
		 z-index: 5;
	 }
	 #main-slider .CaptionMobile h2,
	 #main-slider .CaptionMobile h3 {
		 color:#FFFFFF;
		 text-align: right;
		 float: right;
		 margin: 10px 0;
		 padding: 0 15px 0 0;
		 margin-left: 15px;
		 font-size: 22px;
		 width: auto;
	 }
	 #main-slider .CaptionMobile h2 {
		 border-bottom: none;
		 line-height: 20px;
		 font-size: 20px;
	 }
	 #main-slider .CaptionMobile h3 {
		 font-size: 15px;
		 margin-top: 0;
	 }
	 .container-full {
		 max-width: calc(100% - 100px);
		 margin: 0 auto;
	 }
	 .container-full.home {
		 max-width: calc(100% - 70px);
		 margin: 0 auto;
		 margin-left: 50px;
	 }
	 .breadcrumb {
		 position: fixed;
		 left: -55px;
		 top: 105px;
	 }
	 .breadcrumb .number {
		 font-size: 45px;
		 margin-left: 41px;
		 letter-spacing: -3px;
	 }
	 .breadcrumb .sezione {
		 margin-top: 60px;
	 }
	 h1.fixed {
		 font-size: 55px !important;
		 right: -15px !important;
		 top: 100px;
	 }
	 .p-top-bottom {
		 padding: 50px 0;
	 }
	 .art-gallery.p-top-bottom {
		 padding: 40px 0 80px 0;
	 }
	 .gallery-container div.six {
		 width: 100%;
	 }
	 .txt-container h2 span {
		 font-size: 28px;
		 border-left: 0 !important;
		 padding: 0;
	 }
	 .txt-container h2 {
		 border-bottom: 6px solid #E31913;
		 padding-bottom: 15px;
		 line-height: 32px;
	 }
	 .txt-container p {
		 text-align: justify;
		 margin: 35px 0 40px 0;
	 }
	 .main-title h1, .main-title h4 {
		 padding-right: 0;
	 }
	 .main-title h1 {
		 font-size: 35px;
		 line-height: 40px;
	 }
	 .intro-artista .img-container {
		 width: 100%;
		 height: calc(100vw - 100px);
	 }
	 .intro-artista .mask {
		 width: 100%;
		 height: calc(100vw - 170px);
	 }
	 .intro-artista .absolute {
		 top: inherit;
		 right: 40px;
		 text-align: center;
		 bottom: 40px;
	 }
	 h3.red  {
		 font-size: 22px;
	 }
	 .footer {
		 text-align: center;
	 }
	 .contents {
		 margin-bottom: 40px;
	 }
	 .contents .txtcenter {
		 text-align: justify;
	 }
	 .prenota-btn {
		 margin: 100px 0;
	 }
	 .prenota-btn a {
		 width: 70%;
		 left: 15%;
		 font-size: 13px;
	 }
	 .btn-icon strong {
		 padding-right: 15px;
		 text-align: right;
	 }
	 .btn-icon img {
		 width: 20px;
		 margin: -5px 15px;
	 }
	 .opere-container .six {
		 width: 100%;
	 }
	 .opere-container a {
		 padding: 0;
		 margin-top: 10px;
	 }
	 .opere-container a span, .opere-container a:hover span {
		 position: relative;
		 display: block;
		 width: calc(100% - 40px);
		 left: auto;
		 right: auto;
		 bottom:  auto;
		 height: auto;
		 line-height: 20px;

	 }
	 .main-title h2 {
		 text-align: center;
		 padding-right: 0;
	 }
	 .artisti h2 {
		 float: left;
		 position: relative;
		 left: auto;
		 bottom: auto;
		 padding-left: 15px;
		 margin: 0;
		 z-index: 0;
	 }
	 .intro-artista {
		 margin-top: 0
	 }
	 .intro-artista h2 {
		 font-size: 26px;
	 }
	 .intro-artista .txt {
		 width: calc(100% - 40px);
		 padding: 40px 20px;
	 }
	 .opere-container span.riga.oriz {
		 display: none;
	 }
	 .opere-container a span strong {
		 font-size: 13px;
	 }
	 .opere-container a span, .opere-container a:hover span {
		 background-color: #AAAAAA;
	 }
	 .opera-detail h1 {
		 margin-top: 40px;
		 width: 100%;
		 font-size: 32px;
		 border-bottom: 10px solid #981916;
	 }
	 h1.underline span {
		 border-bottom: 0;
		 padding-bottom: 0;
	 }
	 .intro-artista .twelve {
		 padding-bottom: 50px;
	 }
	 .intro-artista .txt {
		 margin-bottom: 0;
	 }
	 .intro-artista .btn {
		 display: block;
	 }
	 #richiesta .six {
		 width: 100%;
		 padding: 0;
	 }
	 .contact-form .text-area label {
		 line-height: 20px;
	 }
	 .contact-form .btn {
		 width: 100%;
		 text-align: center;
	 }
	 #map-canvas {
		 height: 300px;
		 border: 5px solid #CFCFCF;
		 width: calc(100% - 10px);
	 }
	 .prenota-btn .txt {
		 padding: 40px 20px 20px 20px;
	 }
	 .prenota-btn .txt p {
		 line-height: 16px;
	 }
	 .no-events {
		 font-size: 24px;
		 margin: 30px 0;
	 }
	 .nav-events-mobile a {
		 display: block;
		 background: #E31913;
		 color: #fff;
		 padding: 10px;
		 margin: 4px;
	 }
	 .events-container .span {
		 display: none;
	 }
	 .events-container .p-top-bottom {
		 padding: 40px 0 20px 0
	 }
	 .events-container .display-flex {
		 display: block;
	 }
	 .events-container .img-container {
		 min-height: 50vw;
		 padding: 0;
	 }
	 .event {
		 text-align: center;
	 }
	 .event .padding {
		 padding-left: 0;
		 padding-top: 20px;
	 }
	 .event.row-reverse .padding {
		 padding-left: 0;
		 padding-right: 0;
		 padding-top: 20px;
		 text-align: center;
	 }
	 .event h2 {
		 text-align: center;
		 font-size: 24px;
	 }
	 .event h3 {
		 text-align: center;
		 font-size: 16px;
		 font-weight: 600;
		 margin: 10px 0;
	 }
	 .event h4 {
		 text-align: center;
		 font-size: 14px;
	 }
	 .event .h100 {
		 min-height: 50vw;
	 }
	 .event .view-gallery {
		 padding: 0px;
	 }
	 .two-colums {
		 column-count: 1;
		 column-gap: inherit;
	 }
	 .contents {
		 margin-bottom: 15px;
	 }
	 .contents h3 {
		 text-align: center;
		 font-size: 20px;
		 font-weight: 900;
	 }
	 .gallery-container a span,
	 .gallery-container div:nth-child(2) a span {
		 padding: 10px;
		 background-color: #fff;
		 color:  #E31913;
		 position: relative;
		 left: auto;
		 top: auto;
		 right: auto;
		 font-size: 14px;
		 line-height: normal;
		 border-bottom: 4px solid #E31913;
		 display: block;
		 width: calc(100% - 20px);
		 float: left;
		 margin-bottom: 15px;
	 }
	 .p-top-bottom.contacts-prenotazioni {
		 padding-top: 0;
	 }
	 .contacts.contacts-prenotazioni .five, .contacts.contacts-prenotazioni .seven {
		 margin: 0;
	 }
	 #richiesta h4, #richiesta a h4 {
		 font-size: 16px;
		 margin-top: 15px;
	 }
	 .tag, .tag:visited {
		 padding: 10px 8px;
		 margin: 5px 2px;
	 }
	 .contact-form .btn {
		 margin-top: 35px;
	 }
	 #main-slider .slider-nav {
		 width: 100%;
	 }
}


 @media only screen and (max-width: 610px) {


}


@media only screen and (max-width : 480px) {
	.prenota-btn a {
		width: 90%;
		left: 5%;
		font-size: 13px;
	}
	.btn-icon strong {
		padding-right: 15px;
		text-align: right;
	}
	.btn-icon img {
		width: 20px;
		margin: -5px 15px;
	}
	h1.fixed {
		top: 55px;
	}

}


  @media only screen and (max-width: 320px) {


  }
 
