@media(max-width:1300px){
.section_experiences{animation:none}
}
@media(max-width:1200px){
.front_container .block_info{width:35%}
.section_experiences .container_experiences .experiences{width:96%;padding:15px 2%}
.section_experiences .container_experiences .experiences{height:470px;overflow-x:scroll;position:relative}
.section_experiences .container_experiences .experiences .experience_card{width:360px;margin:15px}
.section_experiences .container_experiences .experiences .experience_card .card_button,.section_experiences .container_experiences .experiences .experience_card .card_title label{font-size:1.65vw}
.section_experiences .container_experiences .experiences .experience_card .card_info{font-size:1.5vw}
.section_experiences .container_experiences .view_all{display:none}
.section_experiences .container_experiences .experiences #experience_slider{display:inline-block;width:1200px}
.section_experiences .container_experiences #degradee_right{position:absolute;right:0;width:10%;height:100%;background:#fff;background:linear-gradient(270deg,rgba(255,255,255,1) 0,rgba(255,255,255,.011642156862745057) 100%);display:block;z-index:2}
.section_experiences .container_experiences #degradee_left{position:absolute;left:0;width:10%;height:100%;background:#fff;background:#fff;background:linear-gradient(270deg,rgba(255,255,255,.011642156862745057) 0,rgba(255,255,255,1) 100%);display:block;z-index:2}
.modal_gallery .gallery{width:95%}
.section_experiences .view_all{display:none}
}
@media (max-width:980px){
#item_slider_1{background-image:url(../images/index/experiencias_con_telones_de_proyeccion_small.jpg)}
#item_slider_2{background-image:url(../images/index/experiencias_con_instalaciones_small.jpg)}
#item_slider_3{background-image:url(../images/index/experiencias_con_fabricaciones_especiales_small.jpg)}
.front_container{background-position:center;background-size:cover}
.front_container .block_info{width:70%;background-color:#ffffffd8;border-radius:15px 0 0 15px;-webkit-box-shadow:0 2px 8px -3px rgba(0,0,0,.55);-moz-box-shadow:0 2px 10px -3px rgba(0,0,0,.55);box-shadow:0 2px 8px -3px rgba(0,0,0,.55);padding:10px 5%}
.section_experiences{background-image:url(../images/animations/logo_video_beam_index/fondo_estrellas_responsive.jpg);animation:animation_background 10s ease-in-out infinite;background-size:cover;background-repeat:repeat;padding:40px 0}
.section_experiences .title_section{font-size:3.1vw}
.front_container .block_complete{padding:0;width:100%}
.section_experiences .container_experiences .experiences .experience_card .card_button,.section_experiences .container_experiences .experiences .experience_card .card_title label{font-size:20px}
.section_experiences .container_experiences .experiences .experience_card .card_info{font-size:18px}
.modal_gallery{overflow-y:scroll}
.modal_gallery .block_complete{height:100%}
.modal_gallery .gallery{width:100%;overflow:scroll;padding:0}
.modal_gallery .gallery .details_container{width:98%;height:auto;padding:10px 1%}
.modal_gallery .gallery .details_container .info .icon_close{display:none}
.modal_gallery .gallery .details_container .info{height:auto}
.modal_gallery .gallery .details_container .characters{height:auto}
.modal_gallery .gallery .images_container{width:100%;height:70%}
.modal_gallery .gallery .images_container .icon_close{width:25px;height:25px;background-image:url(../images/resources/close_icon_white.png);background-repeat:no-repeat;background-size:cover;float:right;cursor:pointer;position:absolute;right:10px;top:10px;z-index:5;display:block}
}
@media (max-width:700px){
.front_container .block_info{width:80%}
.front_container .block_info .title{font-size:40px}
.front_container .block_info .text{font-size:20px}
.front_container .block_info .button{padding:10px;font-size:20px}
.section_experiences .title_section{font-size:4vw;padding:15px 1%}
.section_experiences .container_experiences .experiences{height:445px}
.section_experiences .container_experiences .experiences #experience_slider{display:inline-block;width:1050px}
.section_experiences .container_experiences .experiences .experience_card{width:300px}
}
@media(max-width:520px){
.section_experiences .container_experiences .experiences .experience_card .card_button,.section_experiences .container_experiences .experiences .experience_card .card_title label{font-size:18px}
.section_experiences .container_experiences .experiences .experience_card .card_info{font-size:16px}
}
@media (max-width:460px){
.section_experiences{animation:none;padding:20px 0 10px}
}