/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

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

@media (min-width: 1220px){
    .tm-navbar-space .tm-navbar {
        margin-top: 100px;
    }
	.tm-navbar-space .tm-toolbar-center {
		margin-bottom: 50px !important;
	}
	.mieles{
		width: 24.73%; 
		display: inline-block;
	}
	
	.tm-wrapper {
		padding-bottom: 50px !important;
	}
	.uk-navbar-brand {
	    height: 80px;
	}
	.tm-navbar-space .tm-navbar {
        margin-top: 25px;
    }
	.tm-footer {
		padding: 23px 30px;
	}
	
}
@media (min-width: 769px){
    .solo-movil {
        display: none;
    }
	.mieles{
		width: 24.6%; 
		display: inline-block;
	}
	.lavanda{
		width: 33%; 
		display: inline-block;
	}
	.logo_miel{
		width: 14%;
		display: inline-block;
		text-align: center;
	}
	.texto_miel{
		width: 83%;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
	}
	.logo_cosmetica{
		width: 16%;
		display: inline-block;
		text-align: center;
	}
	.puntos{
		width:75%;
	}
	.prensa{
		width: 45%;
		display: inline-block;
		padding:20px;
		vertical-align: middle;
	}
	.logo_pie{
		width: 80%; 
		margin: auto;
	}
	.comprar{
		width: 40%;
		margin: auto;
	}
	
}
@media (max-width: 768px) {
    .tm-navbar-space .tm-navbar {
        margin-top: 5px;
    }
    .tm-navbar-center {
        position: fixed;
        top: 0px;
		width: 100%;
		margin-left: -15px;
        z-index: 100;
        background: rgba(0, 0, 0, 0.2);
    }
    .tm-toolbar-center {
        margin-top: 150px !important;
        margin-bottom: 70px !important;
    }
	.solo-movil{
        display: block;
    }
	div.imagen{
		width: 70%;
		padding-left: 13%;
	}
	.tm-background {
       /* background-image: url("../images/background_mobile.jpg") !important;*/
    }
	.mieles{
		width: 100%; 
		margin-top: 12px;
	}
	.lavanda{
		width: 100%; 
		margin-top: 12px;
	}
	.uk-panel-space{
            padding: 0px !important;
            padding-bottom: 50px !important;
        }
	.prensa{
		width: 100%;
	}
	h2{
		font-size: 20px;
	}
	.tm-overlay h1, .tm-overlay h2, .tm-overlay h3, .tm-overlay h4{
		margin-left: 20% !important;
	}
	.puntos{
		width:100%;
	}
	.comprar{
		width: 40%;
		margin: auto;
	}
}
@media (max-width: 414px) {
	.uk-article-title {
		text-align: center;
	}
	.logo_miel{
		text-align: center;
	}
	.logo_cosmetica{
		text-align: center;
	}
	.logo_pie{
		width: 100%; 
	}
	.comprar{
		width: 100%;
	}
}	

@media (max-width: 320px){
	.tm-isblog .uk-article {
		padding: 20px;
	}
}

.uk-panel-box {
    padding: 0px !important;
	background: rgba(0,0,0,0) !important;
}

.tm-overlay h1, .tm-overlay h2, .tm-overlay h3, .tm-overlay h4{
	/*bottom: 266px !important;*/
	color: #000 !important;
	background: rgba(241,235,226,0.7);
    /*width: 50%;*/
	padding: 12px;
	text-transform: capitalize;
	margin-left: 30%;
	text-align: center;
	top: 0;
	bottom: unset;
	right: 0;
}
div.uk-margin{
    margin-bottom: 0px !important;
}

strong {
	color: #50504f;
}
#fp_googleMapSidebar{
	display: none;
}