@media screen and (min-width: 360px) and (max-width:700px) {
    html, body{
        overflow-x: hidden;
    }

	.banner_obertura{
		position: absolute;
		margin: auto;
		top: 25%;
		width: 80%;
		left: 10%;
		color: white;
		font-size: 20px;
		text-align: center;
	}

	.stancok .item:first-child {
		margin-left: -40px;
	}


	.titulo-retos-slider{
        font-size: 15px;
    }

    .titulo-retos{
        font-size: 25px;
    }
    .tiempo_inscripciones,
    .cuerpo_slide.grande,
    .imagenes_aliados {
        display: none;
    }
    .cuerpo_slide.mobil {
        display: block;
    }
    .cuerpo_slide {
        height: 600px;
        min-height: 600px;
    }
    .descripcion_retos {
        color: #0F00F4;
    }
    .cont_descrip_retos{
        overflow: auto;
    }
    .pink-button-small {
        font-size: 12px;
    }
    .contenido_slide {
        padding: 10px;
    }
    .descripcion_retos {
        font-size: 12px;
        word-break: break-all;
        text-overflow: ellipsis;
        max-height: 130px;
        height: 130px;
        overflow: hidden;
        /* white-space: normal; */
    }
    .titulo_retos {
        font-size: 25px!important;
    }
    .titulo_reto {
        text-align: center;
    }
    .obertura_text,
    .nuestro_proposito_text {
        font-size: 50px;
    }
    .vertical-line-white:after {
        content: "";
        position: absolute;
        left: 0%;
        top: 40px;
        z-index: 0;
        height: 91%;
        width: 100%;
        /* border-left: 1px solid #fff; */
        /* border-right: 1px solid #fff; */
        border-bottom: 2px solid #fff;
    }
    .banner>.caption>img {
        width: 90%;
        height: 35%;
    }
    .caption_titulo_retos {
        font-size: 20px;
    }
    .caption_subtitulo_retos {
        font-size: 14px;
    }
    .banner_retos {
        height: 240px;
        -o-object-fit: cover;
           object-fit: cover;
    }
    /* .vertical-line-retos::after {
        content: "";
        position: absolute;
        left: 3%;
        top: -20%;
        z-index: 0;
        height: 67%;
        width: 94%;
        border-left: 1px solid #0F00F4;
        border-right: 1px solid #0F00F4;
        border-bottom: 1px solid #0F00F4;
    } */
    /*ETAPAS*/
    .cont_etapas {
        width: 215px;
    }
    .img_linea {
        width: 140px;
    }
    /**RECURSOS*/
    #add_recurso>span {
        display: none;
    }
    .img_recurso {
        width: 100%;
    }

    

    #modalLogin .externos, #modalLogin .uniandiana, #modalLogin .txt1{
        font-size: 20px;
    }

    .label_login span{
        font-size: 14px;
        white-space: nowrap;
    }


    .tit_retesp{
        text-align: center;
        padding: 15px;
    }

	.borde_perfil:after, .horizontal-blue:before{
		display: none;
	}

	.card_perfil{
		width: 18rem;
	}

	.no_mobile{
		display: none;
	}

	.lineas_titulo_contacto::before{
		left: 0%;
		width: 35%;
		top: -558px;
	}

	.lineas_titulo_contacto::after{
		top: -558px;
		left: 65%;
		width: 35%;
	}
	
	.no_borde_mobile::after, .no_borde_mobile::before{
		border: 0;
        display: none;
	}

    .linea_titulo_perfil:after{
        border: 0;
    }

	.titulo_formularios{
		padding: 10px 10px;
		background-color: blue;
		font-size: 18px;
	}

    .sliderimg, .sliderimg img{
        max-height: 150px !important;
    }

    .mov_right,.mov_left {
        margin-right: 0% !important;
    }
    .inscripciones_slider{
        font-size: 12px;
    }

    .stains_blue_right{
        left: -90px;
        max-width: 35%;
    }

    .stains_blue_left{
        right: -90px;
        max-width: 35%;
    }

    .subtitle_postula{
        font-size: 18px;
    }

    #img_metodologia{
        background: url('../img/metodologia/info-metodologia-mobile.png') no-repeat;
        height: 280vh;
    }
    #img_metodologia_ingles{
        background: url('../img/metodologia/info-metodologia-mobile-ingles.png') no-repeat;
        height: 280vh;
    }

    .si_mobile{
        display: block;
    }



    /***/
    .title_grupo{
        font-size: 18px;
    }

    .tentrega{
        font-size: 16px;
        word-break: break-all;
    }

    .dentrega{
        font-size:14px;
    }

    .dentrega iframe{
        width: 150px;
        height: 150px;
    }

    .img_user_profile img{
        width: 100%;
    }
}