/* 📱 Teléfonos (ej. iPhone 6, 7, 8) */
.mobile-on{display: none;}
.swiper-button-next,
.swiper-button-prev{opacity: 0;}
    .speakerHover aside b span:not(.bio) {
        opacity: 0;
    }
        .titleImg.registerr {
            width: auto !important;
            height: 30px !important;
        }
        @media (max-width: 480px) and (min-width: 320px) {
            body .sponsor-logos li {
                    width: 100%;
                    padding: 10px;
                }
             body .popup {
                    position: fixed;
                    background: #ff0303;
                    z-index: 9999999;
                    bottom: 20px;
                    padding: 30px;
                    right: 0;
                    left: 0;
                    width: calc(100% - 30px);
                    margin: auto;
                }
                body .popup h3 {
                    font-size: 1.8rem;
                    line-height: 1;
                    text-transform: uppercase;
                    font-weight: bold;
                }
            .s2-menu-brand{
                width: 120px !important;
            }
            .bgwis2 .vertical-align {
                    position: relative;
                    top: 0%;
                    transform: translateY(0%);
                }
            .bgwis2{
                background-image: url('../images/mobile-s2c-back12.jpg') !important;
                background-size: cover !important;
                padding-bottom: 300px;
                padding-top: 90px !important;
                height: auto !important;
            }
    .speakerHover aside b span:not(.bio){
        float: right;
        opacity: 1;
        font-size: 30px;
        border: 2px solid;
        padding: 7px;
        top: -15px;
        position: relative;
        min-width: 37px;
    }
    .herosectioninit {
            max-height: 90vh !important;
            padding: 50px 0px;
        }
    .col-md-3.col-ipad-4.mb-4.wow.fadeInLeft{
        width: 50%;
    }
        body h2{font-weight: bolder;}
    .titleImg{
        width: auto !important;
        height: 20px    !important;
    }
    a.btn{width: 100% !important;}
    .swiper-slide {
            padding: 0 !important
        }
        .s2-subscribe-section{
            padding: 40px 0px !important;
        }
    a.hovertike div img {
            transition-duration: 0.7s;
            width: calc(100% - 86px) !important;
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        }
        a.hovertike span img {
            width: 80% !important;
        }
    .s2-fs-20px {
            font-size: 20px;
            line-height: 1.2 !important;
        }
    video.mobile-on{
        min-width: 0% !important;
        min-height: 0% !important;
        width: 100%;
            height: 130%;
    }
    .speaker--experience .speakerHover aside{
        width: calc(100% - 30px);
        font-size: 16px !important;
        padding: 20px !important;
        margin: auto;
        height: 250px !important;
        }
        body .s2-testimonials{
            padding-bottom: 10px !important;
        }
    body .speakerHover aside {
        opacity: 1;
        transform: translateY(0px) !important;
        height: 240px !important;
    }
    /* body .speakerHover aside .bio{
        opacity: 1;
    } */
    .swiper-button-next,
        .swiper-button-prev {
            opacity: 1 !important;
        }
    .swiper-slide{
        height: auto !important;
    }
    .s2-carousel, .s2-carousel .carousel-inner, .s2-carousel .carousel-item{
        height: 34vh !important;
    }

    .hero--gif{
        width: 75% !important;
    }

    .xs-text-center {
        text-align: center !important;
    }

    .xsmb40{    margin-bottom: 40px !important;}

    .s2-experience-section {        
        background-size: contain !important; 
        background-position: 50% 50% !important;        
    }

  .mt-150{margin-top: 0px !important;}


            .mobile-off{display: none !important;}
            .mobile-on{display: block !important;}
            .noBg{background-image: none !important;}
.panel-group * {
    transition-timing-function: none;
    -moz-transition-timing-function: none;
    -webkit-transition-timing-function: none;
    -o-transition-timing-function: none;
    transition-duration: .5s;
    -ms-transition-timing-function: none;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}
.text-xs-left{
    text-align: left!important;
}
.s2-menu-dropdown-menu {
    background-color: #000;
    border: 0px solid #fff;
    border-radius: 0;
    margin-top: 1px;
    min-width: 200px;
    left: 27px;
    top: 68px;
}
.s2-footer { 
    background-size: cover;
    background-repeat: no-repeat;
}
#s2MenuNav{
    background: black;
    padding: 20px 0px;
}
.order3{order: 3;}
            .mb-xs-0{margin-bottom: 0px !important;}
            .mb-xs-20{margin-bottom: 20px !important;}
            .mb-xs-60{margin-bottom: 60px !important;}
            .mb-xs-40{margin-bottom: 40px !important;}
            .mb-xs-80{margin-bottom: 80px;}
            .mb-xs-120{margin-bottom: 120px;}
            .s2-divider { margin-bottom: 20px;}
            .p,
            p {
            font-size: 16px !important;
            line-height: 20px;
            }
            .s2-subtext {
            font-size: 22px;
            color: #fff;
            margin-top: 0px;
            margin-bottom: 0px;
            font-weight: 400;
            line-height: 1.2;
            }
            .tobtn a +a{
            margin-left: 0px;
            margin-top: 20px;
            }
            .s2-main-label {
            font-weight: 700;
            text-transform: uppercase;
            color: #000;
            font-size: 27px;
            margin-bottom: 20px;
            line-height: 1;
            }
            .s2-footer .s2-bottom {
                font-size: 12px;
                color: #fff;
                margin-top: 80px;
                border-top: 1px solid rgba(255, 255, 255, .3);
                padding-top: 11px;
            }
            .s2-subtitle {
            font-weight: 400;
            color: #ff0303;
            font-size: 18px;
            text-transform: uppercase;
            margin-top: 0px;
            margin-bottom: 5px;
            }
            section.heroinfo:before{ 
                content: '';
                position: absolute;
                background: rgba(0,0,0,0.45);
                left: 0;
                top: 0;
                width: 100%;
                height: 115%;
            }
            body .l2,
            body .titleImg2 {
                 height: 100% !important;
                 object-fit: contain !important;
                 width: auto !important;
                 height: auto !important;
            }
            section.heroinfo{
                background-image: url(../images/CSC-Sponsor-hero-mobile.jpg) !important;
                padding-top: 120px;
                background-size: cover !important;
                height: 115vh !important;
                background-position: 90% 70% !important;
            }

                        .s2-menu-navbar{
                            padding: 10px 15px !important;
                        }
                        body .speakerHover aside,
                        .speakerHover aside{
                            padding-left: 15px !important;
                        padding-right: 15px !important;
                    }
                        .s2-subscribe-btn {
                            border-left: none;
                            border-top: 2px solid white;
                            width: 50px;
                            text-align: center;
                            position: absolute;
                            right: -3px;
                            border: 2px solid white;
                            height: 48px;
                            top: -2px;
                            text-align: center;
                            padding: 0;
                        }
            .mw-xs-100{
                min-width: 80% !important;
            }
                        .s2-subscribe-form{
                            position: relative;
                            border-left: 2px solid white;
                        }
            img.imagepik{top: -107px !important;}
            .s2-btn-toggle { 
            font-weight: 800; 
            padding: 16px 20px; 
            font-size: 15px;
            letter-spacing: 0px;
            }
            .s2-section-title-img {
            position: relative;
            width: 100%;
            top: -10px;
            z-index: 9;
            }
                        main{top: 0 !important;}
            .videoHome1 {
            height: 381px;
            width: 100%;
            margin: auto;
            overflow: hidden;
            position: relative;
            z-index: 9;
            margin-top: 10vh;
            top: 0;
            }
            .section-mod.gradient-overlay{
                padding-top: 140px !important;
            }
            .s2-carousel .carousel-inner.xs-50vh,
            body .xs-50vh{
                min-height: 50vh !important;
                height: 70vh !important;
                padding-top: 50px !important;
            }
            .tickets-box p{
            font-size: 16px;
            }
            .details-bar { 
            padding: 30px 20px; 
            }
            .s2-place-name {
            font-size: 20px;
            font-weight: 400;
            margin-top: 10px;
            text-align: left;
            color: #fff;
            line-height: 1;
            font-weight: 800;
            }
            .slik a.btn.btn-large {
            margin-top: 0 !important;
            }
            .slik .btn.btn-large {
            font-size: 10px;
            padding: 4px 7px;
            line-height: 1;
            }
            .profile-card { 
            flex-direction: column;
            }

            .profile-container .profile-image {
            transform: translateX(0%);
            }
            .profile-info {
            position: relative;
            }
            .profile-info h1 {
            font-size: 28px;}

            .profile-info h2 {
            font-size: 19px;
            }
.sponsorship-box { 
    padding: 30px 20px !important; 
}
            .slide-in-Hover li { 
            border-left: 3px solid transparent !important;
            padding-left: 0px;
            }
                        .slide-in-Hover h2{
                            font-size: 20px;
                            font-weight: bold;
                        }
            .slide-in-Hover li:hover p{
            margin-bottom: 40px;
            }
            .img-decorative{display: none !important;}
                        .slide-in-Hover p{width: 80% !important;}

            .accordion-style1 .panel-title {
                font-size: 13px !important;
                padding-right: 45px;
                position: relative;
                color: white;
                font-weight: 800;
                line-height: 1.4;
            }
}

.tabExp{padding: 0 !important;}