/*

  Theme Name: Mi tema

  Theme URI: http://mitema.com

  Author: Nombre autor

  Author URI: https://www.misitio.com/

  Description: Tema para Nombre de proyecto

  Version: 1.0

*/





/*Fonts*/

@import url('fonts.css');





/*================================ GENERAL ======================================= */

body {

    font-family: 'Roboto', sans-serif!important;

}



section {

    padding: 45px 0;

}



.blue-bg {

    background-image: linear-gradient(to right, #284af9 , #4272ff);

}



.btn-azul {
    border:none;

    padding: 10px;

    display: inline-block;

    text-align: center;

    width: 100%;

    background-image: linear-gradient(to right, #284af9 , #4272ff);

    color: white;

}



.shadow {

    -webkit-box-shadow: 0px 0px 13px -1px #eae8e8;

    box-shadow: 0px 0px 13px -1px #eae8e8;

}

/* 

input[type="email"]  {

    padding: 12px;

    border-radius: 3px;

    border-style: none;

    margin-right: 25px;

}

*/



input[type="submit"] {

    padding: 12px 70px;

    border-radius: 3px;

    border-style: solid;

    background: transparent;

    border-color: white;

    color: white;

}



a.btn-transparent {

    padding: 12px 30px;

    border-style: solid;

    border-color: white;

    color: white;

    border-radius: 3px;

    border-width: 2px;

}



.float-left {

    float: left;

}



.float-right {

    float: right;

}



.no-padding {

    padding: 0 !important;

}



.no-padding-left {

    padding-left: 0 !important;

}

.no-padding-right {

    padding-right: 0 !important;

}

input, textarea, select{
    width: 100%;
}
.card {
    margin-bottom: 25px;
}
/*================================ GENERAL ======================================= */



/*================================ MODAL ======================================= */



.overlay-popup {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, 0.7);

    transition: opacity 500ms;

    visibility: hidden;

    opacity: 0;

    z-index: 1;

}

.overlay-popup:target {

    visibility: visible;

    opacity: 1;

}



.popup {

    margin: 70px auto;

    padding: 20px;

    background: #fff;

    border-radius: 5px;

    width: 30%;

    position: relative;

    top: 20%;

    transition: all 5s ease-in-out;

}



.popup h2 {

    margin-top: 0;

    color: #333;

    font-family: Tahoma, Arial, sans-serif;

}

.popup .close {

    position: absolute;

    top: 20px;

    right: 30px;

    transition: all 200ms;

    font-size: 30px;

    font-weight: bold;

    text-decoration: none;

    color: #333;

}

.popup .close:hover {

    color: #06D85F;

}

.popup .content {

    max-height: 30%;

}



.popup .content h6 {

    font-size: 18px;

    margin: 15px 0 5px;

}



/*================================ MODAL ======================================= */







/*================================ MENU ======================================= */

header {

    position: absolute;

    z-index: 1;

    width: 100%;

    padding-top: 30px;

}



header.header-color {

    background-image: linear-gradient(to right, #284af9 , #4272ff);

    position: relative;

    padding: 20px 0;

}



header .float-right a {

    color: white;

    font-size: 16px;

    text-align: right;

    float: right;

    margin-left: 45px;

    position: relative;

    top: 15px;

}

/*================================ MENU ======================================= */







/*================================ MAIN BANNER ======================================= */

.main-banner {

    color: white;

}

.main-banner .container {

    padding: 0 15% 30px;

}

.main-banner h1 {

    margin-bottom: 0px;

}



.main-banner p {

    margin: 10px 0 35px;

}



.container-home-input {

    margin: 40px 0 0;

}
 .container-home-input input[type="submit"] {
        width: auto;
    }




/* Centered text */

.centered {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

}



/*================================ MAIN BANNER ======================================= */







/*================================ LANDING ======================================= */



/*--------section 2------*/

.landing_section2 h2 {

    margin: 0 25%;

}

.container-amenidades-3 {

    margin-top: 60px;

}

.container-amenidad {

    background: #f7f7f7;

    text-align: center;

    padding: 40px 10%;

    border-radius: 5px;

    margin-bottom: 25px;

}



.container-amenidad h6 {

    margin: 15px;

}



.container-amenidad h6,

.container-amenidad p {

    color: #696969;

}



.container-amenidad p {

    margin: 0;

}

/*--------section 2------*/







/*--------section 3------*/



.container-amenidades-2.container {

    margin-bottom: 75px;

}

.container-amenidades-2 h2

{

    color: white;

}

.amenidades-2-1-left {

    padding-left: 0 !important;

    padding-right: 0 !important;

    width: 55%;

    float: left;

    position: relative;

    z-index: 2;

}



.amenidades-2-1-left img,

.amenidades-2-2-right img {

    -webkit-box-shadow: 0px 0px 16px 0px rgba(115,115,115,1);

    -moz-box-shadow: 0px 0px 16px 0px rgba(115,115,115,1);

    box-shadow: 0px 0px 16px 0px rgba(115,115,115,1);

    width: 100%;

}



.amenidades-2-1-right.amenidades-2-blue {

    padding: 10px 8% 50px 15%;

    float: right;

    top: -320px;

    margin-bottom: -320px;

    position: relative;

}



.amenidades-2-blue {

    background-image: linear-gradient(to right, #284af9 , #4272ff);

    width: 55%;

    opacity: .95;

    color: white;

}



.amenidades-2-2-left {

    padding: 10px 11% 50px 6%;

    float: left;

    position: relative;

}

.amenidades-2-2-right {

    float: right;

    position: relative;

    top: -320px;

    margin-bottom: -320px;

}



.amenidades-2-2-right {

    padding-left: 0!important;

    padding-right: 0!important;

    width: 55%;

    float: right;

    position: relative;

}

/*--------section 3------*/



/*--------section 4------*/

.main-banner.banner-home .container {

    padding: 0 9%;

}



section.landing_section4,

section.home_section4 {

    padding-bottom: 0;

}

.landing_section4 {

    color: white;

}



.landing_section4 .centered {

    text-align: left;

}



.form-left {

    text-align: center;

    position: relative;

    display: -webkit-inline-box;

}



.container-landing-input-footer form {

    display: flex;

}

.container-landing-input-footer input[type="email"] {

    width: 90%;

    float: left;

}

.main-banner.banner-home input[type="text"] {

    width: 30%;

    color: black;

}



/*--------section 4------*/

/*================================ LANDING ======================================= */









/*================================ HOME ======================================= */

.container-home-input input[type="text"] {

    padding: 12px;

    border-radius: 3px;

    border-style: none;

    margin-right: 15px;

}

.container-home-input input#input_tipoAsesoria {

    width: 40%;

}



.home_banner_asesoriaLegal {

    text-align: left;

    margin: 12px 35px;

    font-weight: 500;

}



/*================================ HOME ======================================= */





/*================================ LOG IN ======================================= */

.container-login img {

    height: 100%;

}



.container-login .overlay:before {

    opacity: 1;

}



.login-form {

    margin: 20px 25% 0;

}

.login-form a{

    color: white;

}





.login-form form {

    background: white;

    border-radius: 5px;

    padding: 45px;

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.38);

    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.38);

    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.38);

}



.login-form input[type="text"] {

    width: 100%;

    margin-bottom: 15px;

    padding: 8px;

    border-radius: 5px;

    border-color: #ececec;

    border-style: solid;

    color: black;

}



.login-form input[type="password"] {

    width: 100%;

    margin-bottom: 15px;

    padding: 8px;

    border-radius: 5px;

    border-color: #ececec;

    border-style: solid;

    color: black;

}



.login-form input[type="submit"] {

    width: 100%;

    padding: 10px;

    background: #3b68fd;

    border-style: none;

    border-radius: 5px;

    color: white;

}

.login-form small {

    font-size: 12px;

}

.login-form .float-left

{

    text-align: left;

}

/*================================ LOG IN ======================================= */





/*================================ FOOTER ======================================= */

.footer {

    background: #3d3d3d;

    color: white;

    text-align: center;

    padding: 25px 0;
    float: left;
    width: 100%;

}

.footer p {

    font-size: 14px!important;

}

.footer a {

    color: white;

    font-size: 14px;

    font-weight: 300;

    top: 10px;

    position: relative;

}



.footer a:hover {

    color: white;

}

/*================================ FOOTER ======================================= */





/*================================ TIPOS DE ABOGADOS ======================================= */

.show-hidden-menu {

    background: #dadada;

    padding: 20px;

    margin-bottom: 20px;

    color: black;

    font-size: 16px;

}



.show-hidden-menu span::after {

    content: '+';

    float: right;

    font-size: 30px;

    font-weight: 300;

    top: -10px;

    position: relative;



}



.hidden-menu {

    padding: 0 5px;

}

/*================================ TIPOS DE ABOGADOS ======================================= */







/*================================ ERES ABOGADO? ======================================= */



.abogados_planes h1 {

    display: contents;

    color: #898989;

}



a.empezar-plan {

    background: #4170ff;

    padding: 14px 55px;

    margin-left: 3%;

    top: -14px;

    position: relative;

    color: white;

    width: 100%;

}

.container-planes {

    margin-top: 130px;

}

.container_plan {

    /* background: red; */

    border-style: solid;

    padding: 35px 0;

    border-color: #ced1da;

    border-width: 2px;

    height: 575px;

}



.temporalmente {

    background: #4170ff;

    position: absolute;

    top: 0;

    right: 0;

    margin: 0 15px;

    padding: 3px 10px;

    color: white;

}



.container_plan h6 {

    padding: 0 0 15px;

    margin: 0 0 15px;

    text-align: center;

    font-weight: 300;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-bottom-color: #ced1da;

}



.precio {

    font-size: 50px;

    color: #0093e2;

    text-align: center;

}

.precio span {

    font-size: 15px;

}



.container_plan li {

    font-size: 18px;

    margin-bottom: 12px;

    list-style: none;

    font-weight: 300;

    padding: 0 30px;

}



.container_plan li:nth-child(odd) {

    background: #4170ff24;

}



.container_plan ul {

    padding: 0;

}

/*================================ ERES ABOGADO? ======================================= */







/*================================ RESULTADOS ======================================= */

.container-fondo-gris {

    background-color: #f9fafb;
    float: left;
    width: 100%;
}

.container-title-resultados {

    display: flow-root;

    margin: 60px 0 20px;

}

.container-title-resultados h4 {

    margin-bottom: 20px;

}

.container-filtro .filtros {

    /* background: red; */

    display: -webkit-box;

    margin-bottom: 30px;

}



.container-filtro input[type="text"] {

    width: 35%;

    margin-right: 15px;

    padding: 10px;

    border-radius: 3px;

    border-style: none;

    -webkit-box-shadow: 0px 0px 13px -1px #eae8e8;

    box-shadow: 0px 0px 13px -1px #eae8e8;

}



.container-filtro input[type="submit"] {

    padding: 10px;

    width: 20%;

    border-radius: 3px;

    border-style: none;

    color: white;

    background-image: linear-gradient(to right, #284af9 , #4272ff);

}

.custom-select select {

    width: 100%;

    padding: 10px;

    background: #eaeaea;

    color: #595959;

    border-style: none;

}

.container-resultado {

    background: white;

    display: -webkit-box;

    padding: 30px;

    margin: 30px 0;

}

.container-resultado .img-perfil {

    height: 170px;

}

.container-resultado .img-perfil img {
    width: 100%;
    height: auto;
    object-fit: contain;

}

.container-resultado h5 {

    margin: 0;
    color: black;

}

.container-resultado a h5:hover {

    color: #0093e2;

}

.container-resultado p {

    font-size: 14px!important;

    color: #919191;

    margin: 5px 0 0;

}

.icono-texto {

    display: -webkit-box;

    margin-bottom: 5px;

}

.icono-resultado {

    width: 25px;

}

.icono-texto img {

    margin-right: 10px;

    top: 7px;

    position: relative;

}

.container-resultado .calificacion {

    margin-top: 10px;

}

.precio-resultados {

    margin-bottom: 5px;

}

.container-resultado .btn-azul {

    margin-top: 10px;

}

/*================================ RESULTADOS ======================================= */





/*================================ PERFIL ======================================= */

.container-perfil .btn-azul {
padding: 15px;
    width: auto;
    border: none;
    background: transparent;
    color: #2d52fa;
    font-size: 16px;
    text-decoration: underline;
}

.info-perfil p {

    color: black;

}

.info-abogado {

    margin: 18px 0;

}

.container-imagenes-oficinas img {

    width: 100%;

    height: 150px;

    object-fit: cover;

}

.container-imagenes-oficinas {

    margin: 0 0 30px;

}



/*================================ PERFIL ======================================= */







/*================================ ELIGE TU PLAN ======================================= */

.pasos-plan {

    margin: 25px 0;

}

.container-title-pasos {

    padding-bottom: 40px;

    display: flow-root;
    margin: auto;
    color: #878787;

}

.pasos-plan .container-planes {

    margin: 0;

}

.pasos-plan .container_plan {

    height: 630px;

}



.btn-seleccionar {

    background-image: linear-gradient(to right, #284af9 , #4272ff);

    border-style: none;

    padding: 10px;

    margin: 0 9% 25px;

    color: white;

    bottom: 0;

    width: 75%;

    position: absolute;

}

/*================================ ELIGE TU PLAN ======================================= */



/*================================ CREAR CUENTA ======================================= */

.pasos-formulario input[type="text"] {

    width: 100%;

    margin-bottom: 20px;

    padding: 10px;

    border-radius: 3px;

    border-style: solid;

    border-width: 1px;

    border-color: #d0d0d0;

}



.pasos-formulario input[type="email"] {

    width: 100%;

    margin-bottom: 20px;

    padding: 10px;

    border-radius: 3px;

    border-style: solid !important;

    border-width: 1px;

    border-color: #d0d0d0;  

}



.pasos-formulario input[type="password"] {

    width: 100%;

    margin-bottom: 20px;

    padding: 10px;

    border-radius: 3px;

    border-style: solid !important;

    border-width: 1px;

    border-color: #d0d0d0;  

}



.pasos-formulario {

    margin: 0 35%;

}



.pasos-formulario .custom-select select {

    background: transparent;

    border-style: solid;

    border-width: 1px;

    border-color: #d0d0d0;

    margin-bottom: 20px;

    border-radius: 3px;

}



input[type="submit"].btn-azul {

    background-image: linear-gradient(to right, #284af9 , #4272ff);

}



.pasos-formulario label {

    text-align: left;

    float: left;

    width: 100%;

    color: #878787;

}

/*================================ CREAR CUENTA ======================================= */





/*================================ BLOG ======================================= */

.container-mainBanner img {

    width: 100%;

    height: 500px;

    object-fit: cover;

}

.container-mainbanner-title {

    position: absolute;

    top: 38%;

    left: 10%;

}





.img-post-blog img {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



#myBtnContainer {

    text-align: center;

    padding: 45px 0;

}

.filterDiv {

    display: none;

}



.show {

    display: block;

}



.container {

    margin-top: 20px;

    overflow: hidden;

}



/* Style the buttons */

.btn {

    border: none;

    outline: none;

    padding: 12px 16px;

    background-color: #f1f1f1;

    cursor: pointer;

}



.btn:hover {

    background-color: #ddd;

}



.btn.active {

    background-color: #335bfc;

    color: white;

}

.container-post {

    margin-bottom: 15px;

}

.container-post img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}

.container-post a {

    color:  #335bfc;

}

/*================================ BLOG ======================================= */









/*========================================== POST ===============================================*/



.container-articulo

{

    padding-top: 12px;

    padding-bottom: 65px;

}

/*-----------title--------*/



.title-article {

    float: left;

    width: 90%;

}

/*-----------title--------*/



/*-----social media share-----

.top-socialmedia {

    position: relative;

    float: left;

    margin-right: 3%;

    display: inline-grid;

    top: -20px;

}



.top-socialmedia div {

    display: grid;

}



.top-socialmedia img {

    margin-bottom: 10px;

    padding: 0!important;

}

.top-socialmedia .ssba img {

    width: 25px !important;

}

.top-socialmedia .ssba_sharecount {

    top: -35px;

    left: 40px;

    margin-bottom: -45px;

    height: 26px;

    width: 25px;

}

span.ssba-share-text {

    display: none;

}*/



/*-----social media share-----*/



/*-----------banner--------*/

.post-banner {

    height: 500px;

}

.post-banner img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

/*-----------banner--------*/



/*------first letter-----*/

.post .single .post_content p:first-child:first-letter{

    float: left;

    color: #3056fb;

    font-size: 46px;

    border-bottom-style: solid;

    padding: 0 11px 0px;

    margin: 0 15px 8px 0px;

    border-color: #2b4fef;

}

/*------first letter-----*/



/*------sidebar articulos populares-----*/

ul.wpp-list.wpp-list-with-thumbnails {

    margin: 0;

}

.widget .widget-title {

    font-family: 'Andale Mono', "Helvetica Neue", Helvetica, Arial, sans-serif!Important;

    font-size: 22px;

    line-height: 24px;

    color: #fce300!important;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-color: #bababa;

    padding-bottom: 20px;

    margin-bottom: 0!important;

}



.wpp-list li {

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-color: #bababa;

    padding-bottom: 20px;

    padding-top: 20px;

}



.wpp-list li:not(:first-child)

{

    padding-top: 20px;

}

.wpp-list li a {

    color: white;

}

/*------sidebar articulos populares-----*/





/*------bottom share buttons-----*/

.bottom-share-buttons {

    margin-bottom: 50px;

}

/*------bottom share buttons-----*/





/*------Ultimos articulos-----*/

.container-ultimos-articulos {

    border-top-style: solid;

    border-top-width: 1px;

    padding-top: 50px;

    border-top-color: #bababa;

}

.container-ultimos-articulos h4 {

    margin-bottom: 50px;

}

.article-recent-posts img {

    height: 150px;

    width: 100%;

    object-fit: cover;

    margin-bottom: 10px;

}

.article-recent-posts a {

    color: #333;

    font-size: 16px;

    line-height: 20px;

    padding-top: 16px;

}

.article-recent-posts a:hover

{

    color: #284af9!important;

    text-decoration: none;

}



.article-recent-posts {

    height: 225px;

}

/*------Ultimos articulos-----*/

/*========================================== POST ===============================================*/







/*========================================== MI PERFIL ===============================================*/

.container-perfil h5 {

    margin: 0 0 15px;

    color: #565656;

    border-bottom: solid 1px #efefef;

}

/*

input[type="text"] {

    width: 100%;

    border: none;

    border-bottom: solid 1px #e8e8e8;

}

*/

.container-perfil-info {

    padding: 8px 0;

}

.container-formacion input[type="text"] {

    border-bottom: none;
    border: solid 1px darkgrey;
    padding: 4px;
}
.col-md-8 .container-formacion input[type="text"]{
    width: 32%;
}
.col-md-4 .container-formacion input[type="text"]{
    width: 100%;
}


.inputfile {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}

.inputfile + label {

    color: white;

    background-color: #e4dcdc;

    display: inline-block;

}



.inputfile:focus + label,

.inputfile + label:hover {

    background-color: #284af9;

}

.inputfile + label {

    cursor: pointer; /* "hand" cursor */

    width: 100%;

    text-align: center;

    padding: 4px;

}

.inputfile:focus + label {

    outline: 1px dotted #000;

    outline: -webkit-focus-ring-color auto 5px;



}



/*========================================== MI PERFIL ===============================================*/



/*========================================== BIENVENIDO ===============================================*/

.container.container-bienvenido {

    padding: 0 10%;

}

h5.titulo-bienvenido {

    text-align: center;

    font-weight: 100;

    font-size: 32px;

}



.container.container-bienvenido input[type="submit"].btn-azul {

    padding: 10px 80px;

    width: auto;

}

/*========================================== BIENVENIDO ===============================================*/





/*================================ QUERIES ======================================= */



@media (max-width: 1200px)

{

    .main-banner.banner-home .container {

        padding: 0 0;

    }

}



@media (max-width: 1199px)

{

    .title-empezarplan {

        text-align: center;

        margin-bottom: 90px;

    }

    a.empezar-plan {

        top: 35px;

    }

    .container_plan {

        height: 630px;

    }

}



@media (max-width: 991px) {

    .main-banner {

        height: 500px;

    }

    .main-banner .container {

        padding: inherit;

    }

    .main-banner .centered

    {

        width: 100%;

    }

    .home_banner_asesoriaLegal {

        margin: 12px 25px;

    }



    .overlay {

        height: 100%;

    }

    .main-banner  img,

    section.landing_section4 img,

    section.home_section4 img

    {

        height: 100%;

        object-fit: cover;

    }

    .landing_section2 h2 {

        margin: 0 9%;

    }

    section.landing_section3 {

        padding-bottom: 0;

    }

    section.landing_section4{

        height: 450px;

    }

    section.home_section4

    {

        height: 355px;

        padding-top: 0;

    }

    .home_section4 .centered {

        top: 45%;

    }

    .amenidades-2-1-left {

        width: 65%;

    }

    .amenidades-2-1-right.amenidades-2-blue {

        padding: 10px 5% 60px;

        top: -380px;

        margin-bottom: -380px;

        z-index: 2;

    }

    .amenidades-2-blue {

        background-image: linear-gradient(to right, #284af9c4 , #4272ff);

        width: 55%;

        opacity: .4;

        color: white;

    }

    .amenidades-2-1-left img, .amenidades-2-2-right img {

        width: 100%;

        z-index: 0;

    }

    .title-empezarplan

    {

        display: contents;

    }



    .abogados_planes h1 {

        display: block;

    }

    .container-planes .container_plan {

        margin: 0 15%;

        height: auto;

    }

    a.empezar-plan

    {

        display: block;

        top: 0;

        margin-left: 0;

    }

    .temporalmente {

        right: 120px;

        margin: 0;

    }

    .container-planes {

        margin-top: 60px;

    }

    .container-login h6 {

        margin-bottom: 20px;

    }



    .post-banner {

        height: 350px;

    }



}



@media (max-width: 767px) {

    .main-banner .container {

        padding: 0 8%;

    }

    .main-banner.banner-home .container {

        padding: 0 20%;

    }

    .main-banner.banner-home

    {

        height: 560px;

    }

    .main-banner.banner-home .centered {

        top: 55%;

    }

    .container-home-input input#input_tipoAsesoria,

    .container-home-input input[type="text"]{

        width: 100%;

        margin-bottom: 15px;

    }

    .home_banner_asesoriaLegal {

        margin: 12px 0;

    }



    .form-left

    {

        display: block;

        width: 100%;

        margin-bottom: 25px;

    }

    /*

    input[type="email"],

    input[type="submit"]

    {

        width: 100%;

    }

    */

    .landing_section4 .centered {

        width: 90%;

    }

    .home_section4 .centered,

    .footer .float-left,

    .footer .float-right{

        width: 100%;

    }

    .temporalmente {

        right: 16.5%;

    }

    .login-form {

        margin: 0 15%;

    }



    .container-mainBanner img {

        height: 320px;

    }

}



@media (max-width: 750px)

{

    .landing_section3 {

        margin: 0 12%;

    }

    .amenidades-2-1-left,

    .amenidades-2-2-right{

        width: 100%;

    }

    .amenidades-2-1-right.amenidades-2-blue,

    .amenidades-2-blue{

        padding: 10px 13% 60px;

        top: 0;

        width: 100%;

        margin-bottom: 0;

    }

    .amenidades-2-2-right {

        top: -1px;

        margin-bottom: -1px;

    }

}



@media (max-width: 700px)

{

    .container-landing-input-footer form {

        display: block;

    }

    .container-landing-input-footer input[type="email"] {

        width: 100%;

        margin-bottom: 20px;

    }

    section.landing_section4 {

        height: 485px;

    }

}





@media (max-width: 691px)

{

    .main-banner.banner-home .container {

        padding: 0 10%;

    }

}



@media (max-width: 650px)

{

    .temporalmente {

        right: 16.7%;

    }

}



@media (max-width: 600px)

{

    .landing_section3 {

        margin: auto;

    }

    .centered {

        top: 56%;

    }

    .landing_section4 .centered {

        top: 48%;

    }



    .post-banner {

        height: 275px;

    }

}



@media (max-width: 550px)

{

    .temporalmente {

        right: 17%;

    }



}



@media (max-width: 500px)

{

    .main-banner.banner-home .container {

        padding: 0 6%;

    }

    .login-form {

        margin: 0 5%;

    }

    .login-form form {

        padding: 20px;

    }

}



@media (max-width: 479px)

{

    .article-recent-posts {

        height: auto;

        margin-bottom: 35px;

    }

}



@media (max-width: 450px)

{

    .container-planes .container_plan {

        margin: 0;

    }

    .temporalmente {

        right: 3.5%;

    }

}



@media (max-width: 400px)

{

    .temporalmente {

        right: 15px;

    }



    .post-banner {

        height: 210px;

    }



}