/* ==================================================================

*   ROI Media Queries

/* ================================================================== */


/* screenwidth less than 1140px
--------------------------------------------------------------------- */

@media only screen and (max-width: 1140px) {
    /* Intro Styles
	------------------------------------------------------------------ */
    #intro {
        min-height: 828px;
    }
    /* Header 
	------------------------------------------------------------------ */
    header #logo {
        top: 66px;
        width: 100px;
        margin: 0 auto;
    }
    /* main
   ------------------------------------------------------------------ */
    #main {
        margin-top: 40vh;
    }

}


/* screenwidth less than 1024px
--------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {

    /* intro styles
	------------------------------------------------------------------ */
    #main {
        margin-top: 38vh;
    }
    #intro {
        min-height: 100vh;
    }
    .term-intro {min-height: 767px!important;}
    header #logo {
        top: 35px;
        width: 130px;
        margin: 0 auto;
    }

    /* main
   ------------------------------------------------------------------ */
    #main h1 {
        font-size: 34px;
        line-height: 48px;
        text-align: center;
        max-width: 676px;
    }
    p.main-sub {
        font-size: 28px;
        line-height: 36px;
        max-width: 576px;
    }

    /* section
   ------------------------------------------------------------------ */
   .section {
        display: flex;
        flex-direction: column-reverse;
        padding: 60px;
   }
   
   .wcu-title {
        font-size: 28px;
        line-height: 40px;
   }
   .wcu-box {
        display: block;
   }
   .wcu-items {
        width: auto;
        margin-bottom: 32px;
   }
   .wcu-items-title {
        font-size: 28px;
        line-height: 36px;
        max-width: 325px;
        margin: -97px 24px 24px 24px;
        text-align: left;
   }

   .wcu-items img {
        margin: 32px;
        margin-left: auto;
   }

   .wcu-num {
        font-size: 20px;
        line-height: 30px;
   }

   .sports-box {
        display: flex;
        flex-direction: column-reverse;
        padding: 56px 0;
   }

   .sports-items {
        width: auto;
   }

   .sports-img {
        width: 100%;
        text-align: center;
   }

   .sports-items-text {
        display: flex;
        align-content: center;
        padding-top: 87px;
        padding-right: 0;
   }
   .sports-num {
        top: 32px;
        font-size: 20px;
        line-height: 30px;
   }
   .sports-plus {
        right: 0;
        left: unset;
        top: 35px;
   }

   .sports-title, .sports-items p {
        width: 50%;
   }

   .sports-title {
        font-size: 22px;
        line-height: 34px;
        margin-right: 22px;
   }

   .sports-items p {
        font-size: 18px;
        line-height: 26px;
   }
   /* terms page
    ---------------------------------------------------------------------- */
    .min-row {margin: 0 36px;}

    #sports-stats {margin: 0 36px;}

    p.second-sub {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 40px;
    }

    .sports-league, .items-price, .sports-cauntry {
        font-size: 12px;
    }
    .liga {
        margin-right: 15px;
    }
   /* footer
   ------------------------------------------------------------------ */
    footer .copyright-text {
        font-size: 34px;
        line-height: 48px;
        margin-bottom: 32px;
    }

    footer .copyright {
        font-weight: normal;
        font-size: 18px;
        line-height: 30px;
    }

}


/* mobile 
---------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    /* main
    ------------------------------------------------------------------ */
    
    #main {
        margin-top: 196px;
    }
    .term-intro {min-height: 767px!important;}
    .top-left, .top-right { top:16px }
    .top-left, .bottom-left {left: 1px}
    .top-right, .bottom-right {right: 1px}
    .bottom-left, .bottom-right { bottom:16px }

    .plus img {width: 18px}

    #main h1 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 24px;
    }

    p.main-sub {
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 80px;
        max-width: 340px;
    }

    header #logo {
        top: 36px;
        width: 98px;
        margin: 0 auto;
    }

    .scroll-down {
        bottom: 60px;
    }
    .wcu-box {
        margin-bottom: 120px;
    }
    .wcu-header {
        margin: 34px auto 40px;
    }
    .wcu-title {
        font-size: 20px;
        line-height: 28px;
    }
    .wcu-items img {
        width: 100px;
    }
    .wcu-items-title {
        font-size: 20px;
        line-height: 28px;
        max-width: 193px;
        margin: -81px 24px 24px 24px;
    }

    /* section
   ------------------------------------------------------------------ */
    .sports-box {
        padding: 40px 0;
    }
    .sports-items-text {
        padding-top: 78px;
        display: block;
    }
    .sports-num {
        font-size: 16px;
        line-height: 30px;
        top: 24px;
    }
    .sports-plus {
        top: 30px;
    }
    .sports-plus img {
        width: 18px;
    }

    .sports-title, .sports-items p {
        width: auto;
    }

    .sports-title {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 24px;
    }
     /* terms page
    ---------------------------------------------------------------------- */
    .min-row {margin: 0 18px;}

    #sports-stats {
        margin: 0 18px;
        padding: 40px 0px 40px 0px;
    }
    .sports-card {
        display: block;
        padding: 12px 0px;
    }
    .sports-itmes {
        display: block;
        width: auto;
        padding: 12px 0px;
    }
    .hb3, .hb8, .db {
        padding-left: 54px;
    } 
    /* footer
   ------------------------------------------------------------------------ */
    footer .copyright-text {
        font-size: 24px;
        line-height: 36px;
    }
    ul.social {
        padding: 0 15px;
    }

    ul.social li {
        margin-bottom: 24px;
    }
}


/* screenwidth less than 460px
  -------------------------------------------------------------------------- */

@media only screen and (max-width: 460px) {
    body {
        margin: 0 15px;
    }

    /* main
   ------------------------------------------------------------------ */
    /* footer
   ------------------------------------------------------------------------ */
}


/* screenwidth less than 400px
  -------------------------------------------------------------------------- */

@media only screen and (max-width: 400px) {
    /* intro styles
	------------------------------------------------------------------ */
    #intro {
        min-height: 670px;
    }
    /* main
   ------------------------------------------------------------- */
    #main {
        margin-top: 28vh;
    }

    .wcu-items img {
        margin: 24px;
        margin-left: auto;
    }

}