/** MEDIA QUERIES **/
@media screen and (min-width: 1200px) {
/************************  GENERAL  ************************/

}

@media screen and (min-width: 992px) and (max-width: 1199px)  {

}

@media screen and (min-width: 992px) {
/************************  GENERAL  ************************/
	.padding-right-100{
		padding-right: 100px !important;
	}
}

@media screen and (max-width: 991px) {
/************************  GENERAL  ************************/
    #mad-footer .instagram-gallery-list[data-feed_layout=gallery] {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important;
    }
	section.section-bot-0-mvl{
		padding-bottom: 0;
	}
	section.section-top-0-mvl{
		padding-top: 0;
}
	.etiqueta-novetat a:before {
    	right: 50px;
    	top: 0px;
	}
	.btn-tel{
		width: fit-content !important;
    	margin-left: auto;
	}
	.btn-insta{
		float: left;
		width: fit-content !important;
		margin-right: auto;
	}
	.btn-insta i,
	.btn-tel i{
		font-size: 26px;
	}
	.btn-nav a {
    	margin-bottom: 10px;
	}
	#generate-slideout-menu.do-overlay .slideout-menu li, .slideout-navigation.do-overlay .inside-navigation {
    	margin-bottom: 0;
	}
	.tarjeta-servei strong {
    	font-weight: 500;
	}
	.tarjeta-servei {
    	padding: 20px;
	}
	.site-logo.mobile-header-logo img {
    	width: 90px !important;
    	height: auto !important;
	}
	

}
@media screen and (min-width: 768px) and (max-width: 991px) {
/************************  GENERAL  ************************/
}

@media screen and (min-width: 769px) {
/************************  GENERAL  ************************/
}

@media screen and (max-width: 767px) {
/************************  GENERAL  ************************/
	.box-serveis .ult-content-box {
    	grid-template-columns: 1fr;
	}
}

@media screen and (min-width: 481px) and (max-width: 991px) {
/************************  GENERAL  ************************/
.mad_center-sm{
    text-align: center !important;
}
.mad_left-sm{
    text-align: left !important;
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
/************************  GENERAL  ************************/

}

@media screen and (max-width: 480px) {
/************************  GENERAL  ************************/
.mad_left-xs{
    text-align: left !important;
}
.mad_center-xs{
    text-align: center !important;
}
	.txt-38{
	font-size: 28px;
}
}