/* ========================================================================
* Use this file to add custom responsive easily                                     *
*  ========================================================================== */

/* Breakpoints*/


/* Desktops and laptops ----------- */
@media only screen  and (min-width:1224px) {
/* Styles */
}



/* All except large Screens */
@media (max-width:1220px) {
#tm-footer-top {
padding: 65px 65px 65px 85px;
}
.tm-top-d {

top: 0px;
}
.slide-left-col {
margin-top: 50px;
}

.itemname {
	font-size: 25px;
	
}
.itemdesc,
.itemdesc.largetext,
.itemdesc.largetext2{
	font-size: 30px;
	height:auto;
	top: 125px;
	width: 400px;
}


} /*1220px*/



@media (max-width:1024px) {
.slide-left-col {
margin-top: 0px;
}
.tm-top-d {
top: 50px;
}


.slide-title-a,
.slide-title-b{
width:auto;
height:auto;
}
.uk-slidenav-box::before,
.green_bg.uk-slidenav-box::before{
background:none;
}


.uk-slidenav-box {
position: absolute;
bottom:0;
/*width: 100%;*/
left:-20px;
right:-20px;
/*height:auto;*/
/*margin-top: -10px;*/
}
.slide-title {
padding: 18px 25px 18px 25px;
}
.slide-caption {
padding: 18px 25px 25px 25px;
}
.tm-row-top,
.tm-row-bottom{
padding-right:0px;
padding-left: 0px;
}
.tm-headerbar .tm-logo {
	position:relative;
}

/*Temprory css*/
.uk-wrapper {
/*	opacity: 1!important;*/
}

} /*1024px*/

/* Only Tablets (Portrait) */
@media (min-width:768px) and (max-width:959px) {

.uk-slidenav-box {
	top: auto;
	height: 20px;


}
.itemname {
	font-size: 25px;
	
}

.slide-left-col {left: 0%;}
.slide-right-col{left: 0%;}

.orangebottle {
width: 240px;
}

.uk-slidenav-box::before {
	display:none;
}
.slide-left-col {
	margin-top: 0px;
	top: -50px;
	position: relative;
}

.tm-slideshow .uk-dotnav{
position: relative;
width: 100%;
margin-top: 0;
z-index: 1;

}
.tm-top-a .uk-caption{
	color:#9e2e44;
}

.uk-wrapper div.tm-animation {
	opacity: 1!important;
}
} /*768px to 959px*/


/* Only Phones (Portrait) (Landscape) and Small Tablet (Portrait) */
@media (max-width:767px) {
	.uk-wrapper div.tm-animation {
		opacity: 1!important;
	}
	#tm-section8 .tm-headerbar
	
	{
		height: auto;
		
	}

.instagram_link{
top:0;
margin-left: 36px;
}
.tm-top-a {
margin-top: 0px;

}
.tm-top-a .uk-caption{
font-size:40px;
color:#9e2e44;
}
.tm-top-a .uk-caption .maintext {
letter-spacing:5px;
}

.tm-top-a .uk-slideshow {
	padding-bottom: 110px;
}
.uk-caption-link-mobile {
	position: relative;
	left: 0;
	right: 0;
	bottom:-50px;
	margin:0 auto;
	text-align: center;
}

.uk-caption-link-mobile  a{
	text-align: center;
	margin: 0 auto;
	position: relative;}
	
	
	#tm-section2 .tm-top-b .uk-panel-title,
	#tm-section10 .tm-top-j .uk-panel-title,
	#tm-section5 .tm-top-e .uk-panel-title {
	font-size: 30px;
	
	}
#tm-section2 .tm-top-b {

}
.section2-button {

	float: none;
	position: relative;
	left: 0;
	margin: 80px auto;
	width: 260px;
	right: 0;
	text-align: center;
}


.section2-button a {
	position: relative;
}

.tm-slideshow {
padding-bottom: 50px;
}
.tm-slideshow .uk-slidenav-position {
padding-bottom: 50px;
}


#tm-footer-top {
padding:80px 10px;
}
.uk-slidenav-box {
	position: absolute;
	top: 40%;
	height: 50px;
/*	bottom: 45px;*/
 
 
    display: none;
 
}
.tm-caption-link {
	margin:20px 0;
	top: 0;
}	
.footer-a {
padding: 30px;
margin-right:0px;
margin-left: 40px;
}

.footer-a input.mailbox {

width:432px;

padding-left:27px!important;
margin-left:-60px;
margin-right:25px;
margin-bottom:15px;
}

#tm-section2 .tm-top-b .uk-panel-title,
#tm-section10 .tm-top-j .uk-panel-title,
#tm-section5 .tm-top-e .uk-panel-title {
font-size: 35px;
padding: 0 40px;
}
#tm-section5 .tm-top-e {

}
.section5-button {
	left:0;
	float: none;
	right: 150px;
	position: relative;
	margin-top: 80px;
	text-align: center;
	margin: 0 auto;
}

.section5-button .uk-button {
	position:relative;margin-top: 20px;
}

.tm-row-top,
.tm-row-bottom{
padding-right:25px;
padding-left: 25px;
}

.mobilemaintext {
font-size: 15px;
line-height: 20px;
margin-top:0;
}
#tm-section3mobile .uk-button-large,
#tm-section6mobile .uk-button-large,
#tm-section12mobile .uk-button-large {
min-height: 40px;
line-height: 40px;
font-size: 14px;
margin: 0 auto;
text-align: center;
position: relative;
}

.uk-mobile-slide-link {
max-width: 270px;
}

.uk-mobile-slide-link .uk-button-line::before {
/*width: 60px;
left: -30px;*/
}

.uk-slidenav-box::before {
width:100%;
height:50px;
margin-left:0%;
}

.tm-caption-link .uk-button {
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.uk-button-line::before {
display:none;

}

.stilrosemobilebottle,
.rosemobilebottle,
.proseccomobilebottle {
	    position: absolute;
	    z-index: 1;
	    right: 0;
	    width: 300px;
	    top: 24%;
	    
}


.slidemobilecaption{
	width:calc(100% - 300px);
}

.sectionmobile .uk-dotnav.uk-flex-center{
	bottom: 95px;
	position: absolute;
	left: 0;
	right: 0;
}


.fp-responsive  .section {
	height:auto!important;
}
.fp-tableCell {
	height:auto!important;
	vertical-align: unset;
	
}

 .uk-button-line
{
	padding:0px 35px;
}


} /*767px*/

/* Only Phones (Landscape) and Small Tablet (Portrait) */
@media (min-width:480px) and (max-width:767px) {

.mobilemaintext {
font-size: 20px;
line-height: 25px;
/*width: 300px;*/
}

} /* 480px to 767px*/


@media (min-width:480px) and (max-width:599px) {
.stilrosemobilebottle,
.rosemobilebottle,
.proseccomobilebottle {
	width: 200px;

	
}

.slidemobilecaption{
	width:calc(100% - 200px);
}
.mobiletitle {
	font-size: 30px;}

	
}

/* Only Phones (Portrait) */
@media (max-width:479px) {
#tm-section2 .tm-top-b .uk-box {
    font-size: 14px;
}
.tm-top-a .uk-caption{
font-size:27px;
color:#9e2e44;
}

.footer-a {
padding: 30px;
margin-right:0px;
margin-left: 25px;
}
.footer-a input.mailbox {
width:320px;
margin-left:-55px;
margin-right:15px;
}
.tm-footer {
    font-size: 9px!important;
}
.mobilemaintext {
font-size: 15px;
line-height: 20px;
color:#FFF;
/*width: 200px;*/
}
.origine {
font-size: 14px;
line-height: 18px;
color:#FFF;
/*width: 200px;*/
}

	#tm-section2 .tm-top-b .uk-panel-title,
		#tm-section10 .tm-top-j .uk-panel-title,
			#tm-section5 .tm-top-e .uk-panel-title{
font-size: 25px;
letter-spacing: 2px;
text-align:left!important;

}


#tm-section2  .uk-box .uk-panel,
#tm-section10  .uk-box .uk-panel,
#tm-section5  .uk-box .uk-panel {

text-align:left!important;

}


.stilrosemobilebottle,
.proseccomobilebottle,
.rosemobilebottle {
width: 200px;
}

.slidemobilecaption{
	width:calc(100% - 175px);
}
.mobiletitle {
	font-size: 20px;}

.mobiletitle {
	font-size:20px;
	color:#A1354A;
	font-family: inherit;
	text-transform:inherit;
	font-weight:400;
	padding-bottom: 15px;}	

#tm-section3mobile > div > div > div > div > img,
#tm-section6mobile > div > div > div > div > img,
#tm-section12mobile > div > div > div > div > img  {
max-width: 90%;
}

/*--------------------*/
.uk-slidenav-position .uk-slidenav-previous {
  left: 10px;
}
.uk-slidenav-position .uk-slidenav-next {
  right: 10px;
}

/*---spazi sezioni descrittive --*/
#tm-section2 .tm-top-b {
    margin-top: 60px;
    padding-bottom: 60px;
	color:#FFF;

}
#tm-section10 .tm-top-j,
#tm-section5 .tm-top-e {
    margin-top: 60px;
     padding-bottom: 70px;

}

} /*479px*/

/* Only Phones (Portrait) */
@media (max-width:370px) {
.footer-a input.mailbox {
width:290px;
}

#tm-section2 .tm-top-b .uk-panel-title,
#tm-section10 .tm-top-j .uk-panel-title,
#tm-section5 .tm-top-e  .uk-panel-title {
font-size: 20px;
letter-spacing: 2px;

}

.uk-button-line::before {
width: 65px;
left: -40px;
}
.uk-button {padding:0px 20px 0px 40px; }

.stilrosemobilebottle,
.proseccomobilebottle,
.rosemobilebottle {
	width: 150px;
}
.tm-top-a .uk-caption{
	font-size:20px;
}
}