/*Big Tablets Landscape 1366px*/
@media only screen and (max-width:1365px) {
    /*----------REGISTRATION STEPS----------*/
    #reg-steps .steps-big { margin: 0 15%;}
   
    /*----------STRAVA ERROR STYLING----------*/
    .error-card { height: 395px;}
}


/*Big Tablets 1024px*/
@media only screen and (max-width:1024px) {
    /*-----------INICIO STYLING-----------*/
    #event-info .container {display:block;}
    #event-info .right-info {
        width: 85%;
        height: auto;
        margin: 0 7.5%;
    }
    #event-info .left-info {
        width: 81.5%;
        height: auto;
        margin: 0 10%;
        padding-top: 5%;
        text-align: center;
    }
    #event-info .left-info img {text-align: center;}
    #event-info .main-title {
        margin-top: 10px;
        padding: 0 25px;}
    #event-info .main-title h1 {font-size: 200%;}
    #event-info .sponsor-1 {padding-left: 2%;}

    /*-----------CONVOCATORIA STYLING-----------*/
    .container { width: 100%;}
    .info-rules .tec-info-1 { display: none;}
    .info-rules .tec-info-2 { display: block;}
    .info-rules .tbl-format {
        width: 100%;
        margin: 0 0 50px 0;
    }
    .info-rules .info-1,
    .info-rules .info-2,
    .info-rules .info-3  { font-size: 14px;}
    .info-rules .info-2 td { font-size: 14px;}

    /*----------REGISTRATION STEPS----------*/
    #reg-steps .container {padding-left: 15%;}
    #reg-steps {font-size: 0.63rem; }
    #reg-steps ul li a { padding: 20px 8px; }

    /*-------------RESULTS TABLES STYLING------------*/
    .race-category .container {padding: 0 5px;}
    .race-category th, td {
        padding: 10px 10px;
        font-size: 90%;
    }
    .position  {
        font-size: 95%;
        padding: 0 8px 0 7px;
    }

     /*------------CONFIRMATION FORM STYLING------------*/
     #confirmation-form .strava-img {
        padding-right: 1%;
        padding-top: 3%;
     }

     /*----------LOGIN PAGE----------*/
     .container { margin: 0;}
     #login .login-left,
     #login .login-right {
        float: none; 
        margin: 0 auto;
    }
    #login .login-left { width: 80%; 
    }
    .login-left img {
        padding: 1%;
        margin-bottom: 30px;
    }
     #login .login-right { width: 90%;}
     .login-right h2 { padding-top: 1%;}
     .form-group input,
     .btn-l { width: 100%;}

     /*------------PROFILE STYLING------------*/ 
    #profile .user-info {
        float: none;
        margin: 0 auto;
        width: 75%;
    }

    #profile .user-info p { padding: 0 25%; }
    #profile .bib-number {
        float: none;
        margin: 0 auto;
        width: 80%;
        border-left: none;
    }
    
    #profile .download-bib {padding-bottom: 20px;}

    /*------------MEDAL PROFILE STYLING------------*/
    .main-user-box {margin-bottom: 30px;}
    .user-box-2 .user-info-2 img {width: 90%;}

    /*------------RESET PASSWORD STYLING------------*/
    .pswd-recovery .container {
        display: block;
        margin-bottom: 5%;
    }
    .pswd-left, .pswd-title {width: 100%;}
    .pswd-left img {
        width:50%;
        padding: 0;
    }
    .pswd-title .justify {text-align: center;}
    .pswd-title {padding-top: 5%;}
    .pswd-title .btn {padding: 1% 24.5%;}
    .pswd-title .btn-2 {padding: 1.5% 22%;}

    /*------------TEMPORARY VIEW STYLING------------*/
    #temp-view .flex-items {
        display: block;
        margin: 0 2%;
    }
    .art-view,
    .info-view {
        width: 100%;
        height: auto;
    }
    .info-view h1 {padding-top: 0;}
    #temp-view .info-pdf {
        font-size: 1.8rem;
        padding-bottom: 40px;
    }
}      

/*Tablets 823px*/
@media only screen and (max-width:823px) {
    /*----------BURGUER MENU----------*/
    #navbar ul { display: none;}
    #navbar { position: relative;}
    .mobile-nav-icon {
        display: block;
        position: absolute;
        float: right;
        margin-top: 15px;
        margin-left: 90%;
        margin-right: 0;
    }
    .main-nav li {
        float: left;
        margin-top: 10px;
        margin-bottom: 15px;
        margin-left: 10px;
    }
    .main-nav li a:link, 
    .main-nav li a:visited {
        display:block;
        border: 0;
        padding: 5px 0;
        font-size: 100%;
    }  
    #navbar ul li a { padding: 15px;}
    #navbar form {
        padding-top: 14%;
        padding-left: 15px;
    }
    /*-----------INICIO STYLING-----------*/
    #event-info .main-title {margin: 0%;}
    .promo-video video {width: 95%;}
    .strava-video video {width: 80%;}
    /*-----------INSCRITOS STYLING-----------*/
    th, td {
        padding: 10px 10px;
        font-size: 90%;
    }
    /*-----------RULES STYLING-----------*/
    .info-rules {padding: 10px 10px;}
    .info-rules p {
        line-height: 1rem;
        padding: 0 10px 5px 15px;
    }
    
    /*----------REGISTRATION FORM----------*/
    #registration-form .form-sheet { margin: 40px 20px;}
    #registration-form .data-form { padding: 0;}
    #registration-form form { padding:0 20%;}

    /*----------STRAVA ERROR STYLING----------*/
    .error-card { height: 430px;}
    .error-btn-1 { padding-left: 10%;}
    .error-btn-2 { padding-right: 10%;}    

    /*----------CONFIRM REGISTRATION STYLING----------*/
    #confirmation-form .container { padding: 0 10px;}
    #confirmation-form .form-sheet { margin: 0 5%;}
    #confirmation-form .user-reg-info { 
        padding: 5px 5%;
        margin: 0 10%;
    }
    #confirmation-form .user-reg-strava {
        padding: 0 5%;
        margin: 0 10%;
    }

     /*----------RESULTS TABLE STYLING----------*/
    .race-category h2 {font-size:130%;}
    .position {font-size: 150%;}

    /*----------PROFILE STYLING----------*/
    #profile .header-l h1 {padding-bottom: 0;}
    #profile .user-info {
        margin: 0 auto;
        width: 100%;
    }
    #profile .user-info p { padding: 0 22%;}
    #profile .strava-account a { padding: 0 35%;}
    #profile .bib-number {
        margin: 0 auto;
        width: 80%;
    }

    /*------------MEDAL PROFILE STYLING------------*/
    #profile .bib-number-small p {padding: 0 9%;}

    /*------------RESET PASSWORD STYLING------------*/
    .pswd-left img {
        width:40%;
        padding: 0;
    }
    .pswd-title .justify {text-align: center;}
    .pswd-title {padding-top: 5%;}
    .pswd-title .btn {padding: 1% 23%;}
    .pswd-title .btn-2 {padding: 1.5% 19.3%;}

}

/*XL LANDSCAPE PHONES 768*/
@media only screen and (max-width:768px) {
    /*----------REGISTRATION STEPS----------*/
    #reg-steps .container {padding-left: 10%;}
    #reg-steps .steps-big {margin: 0 13%;}

    /*----------CONFIRMATION FORM----------*/
    #confirmation-form .container { padding: 0;}
    #confirmation-form .form-sheet { margin: 0;}
    #confirmation-form .strava-info {
        float: none;
        padding: 0;
        width: 100%;
    }
    #confirmation-form .strava-img {
        float: none;
        width: 100%;
        text-align: center;
    }
    #confirmation-form .strava-img img {
        width: 50%;
        height: auto;
        padding: 5% 5%;
    }

    /*----------PROFILE STYLING----------*/
    #profile .strava-account a { padding: 0 32%;}

    /*----------RESULTS TABLES STYLING----------*/
    .icons-light img { width: 10%;}
    .group-box-1 img {
        width: 150%;
        height: auto;
    }

    /*------------RESET PASSWORD STYLING------------*/
    .pswd-title input {width: 61%;}
    .pswd-title .btn-2 {padding: 1.5% 19%;}
}

/*XL+ PHONES 736*/
@media only screen and (max-width:736px) {
    /*----------REGISTRATION STEPS----------*/
    #reg-steps .steps-big {margin: 0 12%;}

    /*----------PROFILE STYLING----------*/
    #profile .strava-account a { padding: 0 33%;}
}

/*XL PHONES 667px*/
@media only screen and (max-width:667px) {
    /*----------REGISTRATION STEPS----------*/
    #reg-steps { font-size: 0.6rem; }
    #reg-steps .steps-big { margin: 0 10%;}

     /*----------REGISTRATION FORM----------*/
    #registration-form .container { padding:0;}
    #registration-form form { padding:0 15%;}
    #registration-form .info-msg { padding: 30px 20px;}
    #registration-form .reg-btn { 
         text-align: center;
         padding-right: 0px;
     }

    /*----------STRAVA ERROR STYLING----------*/
    .error-card { height: 470px;}

    /*----------PROFILE STYLING----------*/
    #profile .user-info p { padding: 0 20%;}
    #profile .strava-account a { padding: 0 32%;}

    /*------------RESET PASSWORD STYLING------------*/
    .pswd-title input {width: 63%;}
    .pswd-title .btn-2 {padding: 1.5% 18.3%;}
}

/*IPHONES 568px*/
@media only screen and (max-width:568px) {
    /*-----------INICIO STYLING-----------*/
    #event-info .container {padding: 0;}
    #event-info .main-title {
        margin-top: 5px;
        padding: 5px 25px;
    }
    .promo-video iframe {width:95%;}
    #pack-showcase .container {padding: 0;}
    #pack-showcase .header-l {margin-top:20px;}
    #pack-showcase img {width: 96%;}

    /*-----------INSCRITOS STYLING-----------*/
    .hidden-thd {display: none;}

    /*----------REGISTRATION STEPS----------*/
    #reg-steps .container {padding-left: 7%;}
    #reg-steps { font-size: 0.5rem; }
    #reg-steps ul li a { padding: 20px 5px; }
    #reg-steps .steps-big { margin: 0 7%}

    /*----------STRAVA ERROR STYLING----------*/
    .error-card { height: 520px;}
    .error-btn-1 { padding-left: 1%;}
    .error-btn-2 { padding-right: 1%;}
    
    /*----------PROFILE STYLING----------*/
    #profile .user-info {
        margin: 0 auto;
        width: 100%;
    }
    #profile .user-info p { padding: 0 13%;}
    #profile .strava-account a { padding: 0 34%;}
    #profile h1,
    #profile .activities-reg h2 {line-height: 2.5rem;}    

     /*----------RESULTS TABLE STYLING----------*/
    .race-category .header-l { margin-top: 20px;}
    .race-category .category-header {padding: 20px 15px;}
    .race-category .hidden-td {display: none;}
    .group-box-1 img {width: 180%;}
    .box-2 {padding-left: 20px;}

    /*------------MEDAL PROFILE STYLING------------*/
    #profile .medal-section {margin-top: 20px;}
    .main-user-box{
        display: block;
        text-align: center;
    }
    .user-box,
    .user-box-2 { width: 100%;}
    #profile .medal-header {padding-bottom: 0;}
    #profile .medal h2 { font-size: 1.5rem;}
    #profile .user-activities h2,
    #profile .user-info-2 h2 {padding-top: 0;}
    #profile .user-info-2 .strava-account a {padding: 0 31%;}
    #profile .finisher-medal {padding-top: 20px;}
    /*------------RESET PASSWORD STYLING------------*/
    .pswd-left img {
        width:50%;
        padding: 0;
    }
    .pswd-title input {width: 66%;}
    .pswd-title .btn-2 {padding: 1.5% 17.7%;}
}

/*Big Phones 414px*/ 
@media only screen and (max-width:414px) {
    
    /*-----------MOBILE NAVBAR-----------*/
    #navbar ul li a { padding: 0px;}
    .mobile-nav-icon { margin-left: 80%;}
    #navbar form {
        padding-top: 0;
        padding-left: 5px;
    }
    
    /*-----------INICIO STYLING-----------*/
    #event-info .main-title {padding: 10px 2px;}
    #event-info .main-title h1 {line-height: 2.2rem;}
    #event-info .right-info .countdown {font-size: 0.9rem;}

    /*-----------INSCRITOS STYLING-----------*/
    th, td {
        padding: 5px 5px;
        font-size: 60%;
    }

    /*----------RESULTS TABLES STYLING----------*/
    .race-category h1 { padding-bottom:10px;}
    .icon-phone {display: block;}
    .icons-light {margin-top: 5px;}
    .icons-light img { width: 15%;}
    .race-category h2 { font-size: 1em;}
    .race-category td {
        font-size: 60%;
        margin-bottom: 0;
    }
    .icon-phone {display: block;}
    .flex {
        padding-left:0;
        padding-right:0;
    }
    .category-header h2 {font-size: 90%;}
    .box-3 {text-align: right;}

    /*-----------LOGIN PAGE-----------*/
    .home ul { padding-right: 10%;}
    .home ul li a { padding: 20px 10px;}

    /*----------REGISTRATION STEPS----------*/
    #reg-steps .container {padding-left: 15%;}
    #reg-steps .steps-big { display: none;}
    #reg-steps .steps-small { 
        display:block;
        margin: 0 23%;
    }
    .round-number { padding: 5px 7px}

    /*----------REGISTRATION FORM----------*/
    #registration-form .container { padding:0;}
    #registration-form .form-sheet { margin: 10px 5px;} 
    #registration-form form { padding:0 1%;}
    #registration-form .info-msg { padding: 30px 20px;}
    #registration-form .reg-btn { 
        text-align: center;
        padding-right: 0px;
    }
    #registration-form .psswd-sheet {padding: 0 15px;}
    #registration-form .psswd-sheet h1 {font-size: 180%;}

    /*----------STRAVA ERROR STYLING----------*/
    .error-card { 
        margin: 5% 0;
        padding: 30px 0;
    }
    .error-card { height: 450px;}
    .error-btn-1 { padding-left: 5%;}
    .error-btn-2 { padding-right: 5%;} 

    /*----------CONFIRM REGISTRATION STYLING----------*/
    #confirmation-form .reg-btn-1 {
        padding-top: 5%;
        padding-left: 10%;
    } 
    #confirmation-form .reg-btn-2 {
        padding-top: 5%;
        padding-right: 10%;
    }

    /*----------PROFILE STYLING----------*/
    #profile .container {padding: 0;}
    #profile .user-info {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }
    #profile .user-info p { padding: 0 2%;}
    #profile .strava-account a { padding: 0 33%;}
    #profile .bib-number h2 {font-size: 110%;}
    #profile .bib-number {
        margin: 0 auto;
        width: 100%;
    }

    /*------------RESET PASSWORD STYLING------------*/
    .pswd-left img {
        width: 70%;
        padding-top: 25%;}
    .pswd-title input {width: 75%;}
    .pswd-title .btn {padding: 2% 23%;}
    .pswd-title .btn-2 {padding: 2% 15.5%;}
    
    /*----------TEMPORARY VIEW STYLING----------*/
    #temp-view {height: 100vh;}
    #temp-view .art-view {padding-top: 8%;}
    .info-view h1 {
        font-size: 1.5rem;
        line-height: 2rem;
        padding-left: 5%;
        padding-right: 5%;
    }
    #temp-view .info-pdf {font-size: 1.1rem;}
}

/*Other Phones 375px*/
@media only screen and (max-width:375px){
    /*-----------INICIO STYLING-----------*/
    #event-info .main-title h1 {font-size: 1.5rem;}

    /*----------FAQ STYLING----------*/
    .faq {margin-top: 20px;}
    .faq-header { line-height: 1.1;}

    /*-----------REGISTRATION STEP-----------*/
    #reg-steps .steps-big { display: none;}
    #reg-steps .steps-small { 
         display:block;
         margin: 0 20%;
    }
    .round-number { padding: 5px 7px}
    #reg-steps ul li {padding:0 0.5px;}

    /*----------STRAVA ERROR STYLING----------*/
    .error-card { height: 480px;}     
   
    /*----------PROFILE STYLING----------*/
    #profile h1,
    #profile .activities-reg h2 { line-height: 2.5rem;}
    #profile .user-info {
        margin: 0 auto;
        width: 75%;
        height: auto;
    }
    #profile .bib-number {
        margin: 0 auto;
        width: 100%;
    }

    /*----------RESULTS TABLES STYLING----------*/
    .icons-light img { width: 18%;}
    .race-category h2 { font-size: 70%;}
    .race-category .category-header {
        padding: 20px 5px;
    }

    /*------------LOGIN STYLING------------*/
    .home {
        font-size: 0.9rem;
        text-align: center;
    }
    .home form {
        padding-top: 19%;
        padding-left: 5px;
    }

    /*------------RESET PASSWORD STYLING------------*/
    .pswd-left img {padding-top: 15%;}
    .pswd-title input {width: 78%;}
}

/*Medium Phones 360px*/
@media only screen and (max-width:360px) { 
    /*-----------INSCRITOS STYLING-----------*/
    th, td {
        width:auto;
        padding: 3px 3px;
        font-size: 50%;
    }
    
    /*-----------LOGIN PAGE-----------*/    
    .home ul {padding: 0 5%;}
    .home ul li a { padding: 20px 10px;}

    /*-----------REGISTRATION STEP-----------*/
    #reg-steps .container { padding-left: 10%;}  
    #reg-steps .steps-big { display: none;}
    #reg-steps .steps-small { 
        display:block;
        margin: 0 22%;
    }
    .round-number { padding: 5px 7px}

    /*----------STRAVA ERROR STYLING----------*/
    .error-card { height: 470px;}

    /*----------PROFILE STYLING----------*/
    #profile h1 { padding: 0;}
    #profile .user-info {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }   
    #profile .user-info p { padding: 0 7%;}
    #profile .strava-account a { padding: 0 28%;}
    #profile .bib-number {
        margin: 0 auto;
        width: 100%;
    }
    #profile .bib-number h2 {font-size: 110%;}
    .activities-reg th, td { width: auto;}

    /*------------MEDAL PROFILE STYLING------------*/
    #profile .medal-section {margin-top: 10px;}
    #profile .medal-section h1 {font-size: 170%;}
    #profile .user-info-2 .strava-account a {padding: 0 27%;}
    #profile .bib-number-small p {padding: 0 7%;}

    /*----------RESULTS TABLES STYLING----------*/
    .race-category th, td {font-size: 70%;}

    /*------------RESET PASSWORD STYLING------------*/
    .pswd-left img {padding-top: 10%;}
    .pswd-title input {width: 80%;}
    .pswd-title .btn-2 {padding: 1.5% 14.5%;}
}

/*Small Phones 320px*/
@media only screen and (max-width:320px){ 
    /*-----------INICIO STYLING-----------*/    
    #event-info .main-title h1 {
        font-size: 1.25rem;
        line-height: 1.8rem;
    }
    
    /*-----------LOGIN PAGE-----------*/    
    .home ul {padding: 0;}
    .home ul li a {padding: 20px 10px;}

    /*-----------REGISTRATION STEPS-----------*/  
    #reg-steps .steps-big { display: none;}
    #reg-steps .steps-small { 
        display: block;
        margin: 0 22%;
        padding-top: 8px;
    }
    .round-number {
        padding: 5px 7px;
        margin-right: 3px;
    }
    #reg-steps ul li a { padding: 5px 4px;}

    /*----------REGISTRATION FORM----------*/
    #registration-form .psswd-sheet h1 {font-size: 150%;}
 
    /*----------STRAVA ERROR STYLING----------*/
    .error-card { 
        margin: 5% 0;
        padding: 30px 0;
    }
    .error-card { height: 520px;}
    .error-btn-1 { padding-left: 5%;}
    .error-btn-2 { padding-right: 5%;}  

    /*----------PROFILE STYLING----------*/
    #profile .container {
        padding-top: 0;
        margin-top: 0;
    }
    #profile .user-info,
    #profile .activities-reg {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }
    #profile .strava-account a { padding: 0 25%;}
    #profile .bib-number {
        margin: 0 auto;
        width: 100%;
    }
    #profile .activities-reg h2 {font-size: 1.5rem;}
    .activities-reg table { padding: 10px;}
    .activities-reg th, 
    .activities-reg td { width: auto;}

     /*----------RESULTS TABLES STYLING----------*/
    .race-category .container {padding: 0;}
    .icons-light {margin-top: 5px;}
    .race-category h2 { font-size: 60%;}
    .race-category .category-header {padding: 20px 10px;}
    .race-category .important-info {font-size: 60%}

    /*------------RESET PASSWORD STYLING------------*/
    .pswd-title input {width: 87.5%;}
}

/*Small Phones 280px*/
@media only screen and (max-width:280px){ 
    /*----------REGISTRATION STEPS----------*/
    #reg-steps { 
        font-size: 0.4rem; }
    #reg-steps .steps-small{ padding-top: 0;}
}