@media only screen and (min-width:768px) and (max-width:991px){
.about-area .right-info{padding-left:15px;margin-top:30px}
.banner-area.navbar-transparent .content{margin-top:60px}
.portfolio-area .portfolio-items .pf-item,.portfolio-area .portfolio-items .pf-item.width,.portfolio-area .portfolio-items.col-2 .pf-item,.portfolio-area .portfolio-items.col-3 .pf-item,.portfolio-area .portfolio-items.col-4 .pf-item{width:50%}
.portfolio-details-area .right-info{margin-top:30px;padding-left:15px}
.contact-area .right-info{margin-top:40px;padding-left:15px}
footer{text-align:center;line-height:inherit}
footer .text-left,footer .text-right{text-align:center}
footer .logo{margin-bottom:20px}
footer.centerd .logo{margin-bottom:20px}
footer.centerd .copyright{margin-top:20px;padding-top:20px}
footer .copyright.border{margin-top:20px}
footer .menu{margin-bottom:20px}
footer p{line-height:inherit}
footer.copyright-center .footer-social{margin-top:20px}
footer.centerd .menu{margin-bottom:0}
.btn-material{font-size:4vw}
.btn-theme-two{font-size:4vw}
.flotante_inferior{display:flex;position:fixed;bottom:0;height:60px;width:100%;background-color:rgb(0 0 0 / 71%);z-index:1000;align-items:center;text-align:center;align-content:center}
.flotante_inferior .btn_flotante{background-color:#2085ed;color:#fff;font-weight:600;display:block;margin:auto;padding:10px;border-radius:10px}
.banner-table{display:inline-block;width:100%}
.banner-google img{width:60%;margin:0 23px}
.izq .logo{width:80%}
.izq .star{width:54%;margin-top:19px}
.der span{font-size:20px;color:#fff;float:right;font-family:none;padding:9px 4px}
.banner-google p{display:block;margin:0 1px 1px 22px;font-size:30px;line-height:62px;float:left;font-weight:600;color:#fff}
.banner-google .frase{font-size:20px;line-height:32px;color:#fff;font-family:cursive}
.button-reseñas{background-color:#01c4ff;padding:12px 59px;border-radius:10px;color:#fff;--hover:#9bd8ff}
.button-reseñas:focus,.button-reseñas:hover{box-shadow:inset 0 0 0 2em var(--hover)}
.boton-opiniones{display:inline-block;width:65%}
.company a{background-color:#4285f4;float:right;padding:4px 30px;color:#fff}
.company a:hover{text-decoration:underline}
.calification{display:inline-block;width:100%}
.calification p{display:block;margin:0 1px 1px 35px;font-size:30px;line-height:30px;float:left;font-weight:600}
.table-calification .card .picture{width:calc(40% - 70px);display:block;float:left}
}
.carousel .indicators .indicator-item{border-radius:0;transform:rotate(45deg);margin:0 15px;background:#35221c}
.banner{padding:30px 14px}
.banner-google{position:relative;z-index:0;width:100%;border-radius:10px;overflow:hidden;padding:2rem;background-color:#1da1f2}
.banner-google::before{content:'';position:absolute;z-index:-2;left:-4%;top:-211%;width:111%;height:522%;background-color:#399953;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#399953,#399953),linear-gradient(#fbb300,#fbb300),linear-gradient(#d53e33,#d53e33),linear-gradient(#377af5,#377af5);-webkit-animation:rotate 4s linear infinite;animation:rotate 4s linear infinite}
.banner-google::after{content:'';position:absolute;z-index:-1;left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px);background-image:url(../img/reseñas-de-clientes-bases-y-soportes.png);border-radius:6px;background-size:100% 100%}
@-webkit-keyframes rotate{
100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes rotate{
100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@media only screen and (max-width:767px){
h1{font-size:36px}
h2{font-size:26px}
h3{font-size:20px}
h4{font-size:18px;line-height:1.4}
h5{font-size:16px;line-height:1.4}
h6{font-size:14px;line-height:1.4}
.default-padding{padding-top:0;padding-bottom:50px}
.padding-xl{padding-bottom:50px;padding-top:50px}
.default-padding.bottom-less{padding-bottom:20px;padding-top:50px}
.default-padding-bottom{padding-bottom:50px}
.default-padding-top{padding-top:50px}
.default-padding.bottom-30{padding-bottom:0;padding-top:50px}
.default-padding.bottom-20{padding-bottom:20px;padding-top:50px}
.page-heading{padding:50px 0}
.site-heading{margin-bottom:30px}
.site-heading.center-mobile{text-align:center}
.site-heading.center-mobile h2::before{left:50%;margin-left:-10px}
.site-heading.center-mobile h2::after{left:50%;margin-left:-40px}
.carousel-shadow .site-heading{margin-bottom:15px}
.page-heading h1{font-size:36px}
.side{padding:50px 30px;width:320px}
.banner-area.navbar-transparent .content{margin-top:60px}
.banner-area.content-shadow .content{padding:30px}
.banner-area,.banner-area div{height:auto}
.banner-area .box-cell{padding:100px 0!important}
.banner-area.text-normal h1{font-size:36px;margin-bottom:20px}
.banner-area.content-shadow h1{font-size:36px;line-height:1.2}
.banner-area.content-shadow h2{font-size:26px}
.banner-area.heading-only h2{font-weight:400;line-height:1.2}
.banner-area.typed-text h1{font-size:36px;line-height:1.2;margin-bottom:20px}
.banner-area.typed-text a{margin-top:15px}
.banner-area.large-heading h1{font-size:36px;line-height:1.2;margin-bottom:20px}
.banner-area.large-heading a{margin-top:15px}
.banner-area.content-shadow.text-normal h1{font-size:36px}
.banner-area.auto-height h1{font-size:36px;line-height:1.2;margin-bottom:20px}
.about-area .right-info{padding-left:15px;margin-top:30px}
.about-area.about-us .left-info .thumb{margin-bottom:15px}
.about-area.about-us .left-info .thumb:last-child{margin-bottom:0}
.services-area .services-carousel .item{text-align:center}
.services-area .services-carousel.services-items .owl-nav{text-align:center}
.portfolio-area.default-padding{padding-bottom:35px}
.portfolio-area .portfolio-items .pf-item,.portfolio-area .portfolio-items .pf-item.width,.portfolio-area .portfolio-items.col-2 .pf-item,.portfolio-area .portfolio-items.col-3 .pf-item,.portfolio-area .portfolio-items.col-4 .pf-item{width:100%}
.mix-item-menu{text-align:center}
.mix-item-menu.text-left button{margin-right:0;padding:10px}
.mix-item-menu.active-border button.active::after{left:50%;margin-left:-15px}
.mix-item-menu.category-count button.active::after{display:none}
.mix-item-menu.category-count button{margin-bottom:0!important}
.mix-item-menu.category-count button{padding:10px 25px}
.portfolio-details-area .right-info{margin-top:30px;padding-left:15px}
.related-projects .owl-dots{margin-bottom:-15px}
.mix-item-menu.dots button::after{display:none}
.mix-item-menu.dots button{padding:10px}
.team-area .team-items .owl-dots{margin-bottom:-15px;margin-top:10px!important}
.fun-factor-area.bottom-less.default-padding{padding-bottom:15px}
.fun-factor-area .item{margin-bottom:35px}
.clients-area .clients-items.clients-carousel .owl-dots{margin-bottom:-15px;margin-top:20px}
.clients-area .clients-items .owl-nav .owl-next,.clients-area .clients-items .owl-nav .owl-prev{left:0}
.clients-area .clients-items .owl-nav .owl-next{left:auto;right:0}
.contact-area .right-info{margin-top:40px;padding-left:15px}
.google-maps-area iframe{height:300px}
.error-page-area h1{font-size:120px;line-height:90px;margin-bottom:30px}
footer{text-align:center;line-height:inherit}
footer .text-left,footer .text-right{text-align:center}
footer .logo{margin-bottom:20px}
footer.centerd .logo{margin-bottom:20px}
footer.centerd .copyright{margin-top:20px;padding-top:20px}
footer .copyright.border{margin-top:20px}
footer .menu li a::after{display:none}
footer .menu{margin-bottom:20px}
footer .menu li a{padding:0 8px}
footer p{line-height:inherit}
footer.copyright-center .footer-social{margin-top:20px}
footer.centerd .menu{margin-bottom:0}
.btn-material{font-size:4vw}
.btn-theme-two{font-size:4vw}
.flotante_inferior{display:flex;position:fixed;bottom:0;height:48px;width:100%;background-color:rgb(0 0 0 / 71%);z-index:1000;align-items:center;text-align:center;align-content:center}
.flotante_inferior .btn_flotante{background-color:#2085ed;color:#fff;font-weight:600;display:block;margin:auto;padding:6px;border-radius:10px}
.btn-theme{background-color:#2687eb;color:#fff!important;border:2px solid #2687eb;width:100%;height:50px;border-radius:26px;font-size:5vw}
.carousel .indicators .indicator-item{border-radius:0;transform:rotate(45deg);margin:0 15px;background:#35221c;width:23px;height:23px}
.carousel .carousel-item img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-1;border-radius:15px}
.banner-table{display:inline-block;width:100%}
.izq{width:50%;text-align:center;margin-top:-29px}
.der{width:100%;text-align:center;margin-top:20px;padding:10px 2px}
.banner-google img{width:60%;margin:0 23px}
.izq .logo{width:80%}
.izq .star{width:54%;margin-top:12px}
.der span{font-size:18px;color:#fff;float:right;font-family:none;padding:9px 4px}
.banner-google p{display:block;margin:0 1px 1px 22px;font-size:35px;line-height:55px;float:left;font-weight:600;color:#fff}
.banner-google .frase{font-size:13px;line-height:32px;color:#fff;font-family:cursive}
.button-reseñas{background-color:#01c4ff;padding:11px 5px;border-radius:10px;color:#fff;--hover:#9bd8ff}
.button-reseñas:focus,.button-reseñas:hover{box-shadow:inset 0 0 0 2em var(--hover)}
.boton-opiniones{display:inline-block;width:65%;margin-top:15px}
.company a{font-size:12px;background-color:#4285f4;float:right;padding:1px 11px;color:#fff}
.company a:hover{text-decoration:underline}
.calification{display:inline-block;width:100%}
.calification p{display:block;margin:0 1px 1px 35px;font-size:30px;line-height:30px;float:left;font-weight:600}
.table-calification .card .picture{width:calc(40% - 70px);display:block;float:left}
.table-calification .card .picture img{display: block;float: right;width: 90%;}
}
@media only screen and (min-width:580px) and (max-width:767px){
.portfolio-area .portfolio-items .pf-item,.portfolio-area .portfolio-items .pf-item.width,.portfolio-area .portfolio-items.col-2 .pf-item,.portfolio-area .portfolio-items.col-3 .pf-item,.portfolio-area .portfolio-items.col-4 .pf-item{width:50%}
}
@media only screen and (min-width:100px) and (max-width:579px){
.banner-table{display:inline-block;width:100%}
.izq{width:100%;display:inline-block;text-align:center;margin-top:-29px}
.der{width:100%;display:inline-block;text-align:center;margin-top:20px;padding:10px 2px}
.banner-google img{width:60%;margin:0 23px}
.izq .logo{width:50%;margin-top:11px;padding:5px 1px}
.izq .star{width:50%;margin-top:7px}
.der span{display:none}
.banner-google p{display:block;margin:0 1px 1px 22px;font-size:40px;line-height:50px;float:left;font-weight:600;color:#fff}
.banner-google .frase{display:none}
.button-reseñas{background-color:#01c4ff;padding:11px 8px;border-radius:10px;color:#fff;--hover:#9bd8ff}
.button-reseñas:focus,.button-reseñas:hover{box-shadow:inset 0 0 0 2em var(--hover)}
.table-calification .card .picture{display:none;}
.table-calification .card .review-profile{width:calc(100% - 70px);display: block;float: left;padding: 0 15px;}
.table-reseñas{display:block;width:100%;height:80vh;border:#d3d3d3 1px solid}
.company img{width:50%;padding:12px 30px}
.boton-opiniones{display:inline-block;width:40%;margin-top:15px}
.company a{font-size:10px;background-color:#4285f4;float:right;padding:1px 11px;color:#fff}
.company a:hover{text-decoration:underline}
.calification{display:inline-block;width:100%}
.calification p{display:block;margin:0 1px 1px 35px;font-size:35px;line-height:40px;float:left;font-weight:600}
.calification img{width:45%;padding:0 18px 1px 19px}
.calification i{color:#525051;font-size:15px;font-family:'Open Sans';font-style:initial}
}