.ifmobileDisplay {
    display: none;
}
.ifmobileHide {
    display: auto;
}
/* * * * * * * All Devices and computers with small screen * * * * * * */
@media (max-width: 1199px) {
/* SERVICES */
#services {
    padding: 6em 0 10em;
}
/* SLIDESHOW */
#slideshow {
    font-size: 1.5em;
}
}
/* * * * * * * Tablets * * * * * * */
@media (max-width: 991px) {
/* GENERALES */
.col-sm-6 {
    width: 100%;
}
.row {
    width: 100%;
}
/* FOOTER */
footer form {
    margin-top: 0;
}
footer .communication {
    margin-bottom: 1em;
}
footer .information {
    text-align: center;
    padding: 0 10%;
}
footer .map {
    width: 70%;
    margin: -10% 0;
    left: 15%;
    padding-bottom: 70%;
    margin-bottom: 0;
    clip-path: circle(35% at center);
}
/* SERVICES */
#services {
    padding: 4em 0 8em;
}
/* SLIDESHOW */
#slideshow {
    font-size: 1.25em;
}
}
/* * * * * * * All Phones* * * * * * */
@media screen and (max-width: 767px) {
/* GENERALES */
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    float: unset;
}
.ifmobileDisplay {
    display: block;
}
.ifmobileHide {
    display: none;
}
.title {
    padding: 0 5%;
}
/* HEADER */
header.col-sm-12 {
    width: 100%;
    top: 0;
    padding: 0.5em 0 0;
}
.navbar-collapse {
    margin: 0;
    text-align: center;   
}
.navbar-default .navbar-collapse {
    border-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    line-height: 1.3;
}
.navbar-default .navbar-toggle {
    border-color: #983146;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-toggle {
    margin: 0;
    background-color: #722751;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
.navbar-nav {
    margin: 0;
}
.navbar-toggle {
    padding: 13px 10px;
    border-radius: 0;
}
#menu {
    width: 100%;
}
header .col-sm-8,
header .logo {
    width: 50%;
    float: left;
    padding: 0;
}
header .contact {
    font-size: 1em;
    margin: 10px 0 0;
    padding: 0 15px 0 0;
}
header .logo img {
    width: 134px;
    height: auto;
    padding: 0 0 0 15px;    
}
header .menus {
    width: 200%;
    margin-top: 10px;
    padding: 0;
    left: -100%;
    z-index: 4;
}
header .remove-logo a {
    width: 134px;
    height: 75px;
    margin-left: 15px;
}
.sticky + #page-title,
.sticky + #slideshow {
    margin-top: 110px;
}
/* FOOTER */
footer .information {
    padding: 0 5%;
}
/* SERVICES */
#services {
    padding: 3em 0 6em;
}
#services h1,
#services h2 {
    margin-bottom: 1em;
}
/* SLIDESHOW */
#slideshow {
    font-size: 1em;
}
#slideshow .text {
    position: relative;
    width: 100%;
    left: 0;
}
}
@media screen and (max-width: 640px) {
#go-up {
    width: 25%;
    right: 75%;
    bottom: 0;
}
#whatsapp {
    width: 75%;
    right: 0;
    bottom: 0;
}
}