/* iphone 8 plus*/
@media only screen and (max-width: 735px) {
    /*banner*/

    /*typography*/
    .lpg-block h1{
        font-size: 40pt!important;
        line-height: 40pt;
        padding-bottom: 20px;
    }
    .tim-boxes.lpg-block h2.h2-big,.dark .tim-boxes.lpg-block h2.h2-big{
        font-size: 35pt!important;
        line-height: 35pt!important;
        padding-top: 20px!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    .lpg-block h4{
        font-size: 14pt!important;
    }
    .lpg-block h3{
        font-size: 16pt;
        line-height: 20pt!important;
        padding: 0 10px!important;
    }
    .lpg-block .jumbotron-block p{
        padding: 0 20px;
        font-size: 16pt!important;
    }
    /*header video*/
    #header-video.lpg-block .jumbotron h1,
    #header-video.lpg-block .jumbotron .col-12 h3{
        width: 100% !important;
        text-align: center!important;
    }
    #header-video.lpg-block .jumbotron h1{
        margin-top: 20px!important;
    }
    #header-video.lpg-block .jumbotron{
        padding: 0!important;
    }
    #header-video.lpg-block .jumbotron .btn.btn-primary,
    #header-video.lpg-block .login-button,
    #header-video.lpg-block .btn.btn-default {
        margin: auto!important;
        float: none!important;
        display: block;
    }
    #header-video.lpg-block .logo-wrapper{
        padding-top: 0px!important;
    }
    #header-video.lpg-block .button-wrapper{
        height: 60px!important;
    }
    #header-video.lpg-block .jumbotron a.login-button{
        margin-top: 20px!important;
        width: 100px!important;
    }
    /*images*/
    .wp-block-image img{
        border-radius: 0pt;
    }
    /*image plus text block*/
    .lpg-block.image-plus-text .text-left,
    .lpg-block.image-plus-text .text-right {
        text-align: center!important;
    }
    /*carousel testimonials block*/
    .lpg-block .carousel-inner{
        margin-bottom: 0px!important;
        margin-top: 0!important;
        width: 100%!important;
    }
    .tim-boxes.lpg-block.our-members .testimonial-image{
        width: 150px;
        height: 150px;
    }
    /*prices box block*/
    .subscriptions.lpg-block .white-box-red{
        margin-top: 0!important;
    }
    .lpg-block.subscriptions .subscription .btn.btn-primary{
        margin-top: 25px!important;
    }
    .lpg-block.below-box{
        margin-top: 20px!important;
    }
    .lpg-block.subscriptions.plan-list-price .white-box-blue .strike,
    .lpg-block.subscriptions.plan-list-price .white-box-blue .discounted,
    .lpg-block.subscriptions.plan-list-price .white-box-red .strike,
    .lpg-block.subscriptions.plan-list-price .white-box-red .discounted{
        font-size: 40pt!important;
    }
    .lpg-block.subscriptions.plan-list-price{
        background-color: white;
    }
    /*guarantee*/
    .lpg-block.member-benefits p{
        width: 100%!important;
        margin-bottom: 1rem!important;
    }
    .lpg-block.member-benefits img{
        width: 150px!important;
        margin-bottom: 51px!important;
    }
    .lpg-block.member-benefits{
        margin-top: 0!important;
    }
    /*roadmap*/
    .lpg-block.roadmap .nav-tabs li{
        width: 100%!important;
        text-align: center;
    }
    /*expert*/
    .lpg-block.expert h5{
        text-align: center;
    }
    /*jumbotron with image and title block*/
    .lpg-block.ready h2{
        padding: 0!important;
        font-size: 30pt!important;
        width: 100%!important;
    }
    /*courses block*/
    .lpg-block.courses .below-box ul li{
        line-height: 30px;
        margin-bottom: 10px;
    }
    .lpg-block.courses p{
        min-height: 250px;
    }
    /*right for you block*/
    .lpg-block .element-box ul li{
        line-height: 20px!important;
        padding: 2px 10px!important;
    }
    .lpg-block.right-for-you h3{
        margin-bottom: 20px!important;
    }
    .lpg-block.courses .below-box ul{
        min-height: 200px;
    }
    /* faq*/
    .lpg-block.faq{
        margin-top: 0px!important;
    }
    .lpg-block.faq h4{
        padding-bottom: 20px!important;
    }
    .lpg-block.faq h3{
        font-size: 14pt!important;
        padding-left: 50px!important;
    }
    .lpg-block.faq .card-header{
        padding-left: 0!important;
    }
    .lpg-block.faq li{
        font-size: 14pt!important;
        margin-top: 0!important;
        margin-bottom: 5px;
    }
    /*contact form block*/
    .lpg-block #the-form-captcha-image{
        margin-top: -10px!important;
        height: 38px;
        float: none;
    }
    /*new section in ab test*/
    #section_2ab .row .gradient-background{
        background-image: url("/wp-content/plugins/landing-page-generator/images/intro/gradient-arrow-bg-mobile.svg");
        height: auto;
        width: auto;
    }
}
/*personalized media query*/
@media only screen and (max-width: 770px){
    /*price boxes*/
    .lpg-block.subscriptions .promotion-text{
        display: none;
    }
    .lpg-block.subscriptions .currency{
        text-align: center!important;
    }
}
/* iphone 8 plus portrait*/
@media only screen and (min-width: 736px) and (max-width: 737px){
    /*video background block*/
    #header-video.lpg-block .jumbotron #tim-logo{
        margin-top: -20px;
    }
    #header-video.lpg-block .jumbotron{
        padding: 0!important;
    }
    #header-video.lpg-block .btn.btn-default.login-button{
        max-width: none!important;
        width: 90px!important;
        margin-right: 20px;
    }
    #header-video.lpg-block .jumbotron .btn.btn-primary,
    #header-video.lpg-block .jumbotron .btn.btn-default{
        margin-top: 20px;
    }
    #header-video.lpg-block .jumbotron .btn.btn-default:not(.login-button){
        margin-top: 80px!important;
    }
    #header-video.lpg-block .jumbotron h1{
        margin-top: -100px!important;
        font-size: 40pt!important;
        text-align: center;
    }
    #header-video.lpg-block .jumbotron{
        text-align: center;
    }

}
/* --> iphone 8 plus landscape*/
@media only screen and (min-width: 736px) and (max-width: 736px) {
    /*typography*/
    .lpg-block h2{
        font-size: 30pt!important;
        line-height: 27pt!important;
        padding-top: 40px!important;
    }
    .lpg-block h4{
        font-size: 12pt!important;
    }
    .lpg-block h3{
        font-size: 16pt;
        line-height: 25px!important;
    }
    /*video background block*/
    #header-video.lpg-block .btn.btn-default,
    #header-video.lpg-block .jumbotron .btn.btn-primary,
    #header-video.lpg-block .jumbotron #tim-logo {
        margin: auto;
        display: block;
        float: none;
    }

    #header-video.lpg-block .login-button {
        display: initial !important;
    }
    #header-video.lpg-block,
    #header-video.lpg-block .jumbotron{
        min-height: 600px!important;
    }
    #header-video.lpg-block .jumbotron #tim-logo{
        margin-top: -50px;
        margin-left: -20px;
    }
    #header-video.lpg-block .jumbotron{
        padding: 0!important;
    }
    #header-video.lpg-block .btn.btn-default.login-button{
        max-width: none!important;
        width: 90px!important;
        float: right;
        margin-right: 20px;
        margin-top: 20px;
    }
    #header-video.lpg-block .jumbotron .btn.btn-primary{
        margin-top: -15px!important;
    }
    #header-video.lpg-block .jumbotron h1{
        font-size: 40pt!important;
        margin-top: -100px!important;
    }
    #header-video.lpg-block .button-bottom{
        margin-top: -100px;
    }
}
/* from iPad mini to iPad 9,7''*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /*images*/
    .wp-block-image img{
        border-radius: 0pt;
    }
    /*typography*/
    .lpg-boxes .btn {
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden;
        white-space: normal;
    }
    .lpg-block h2.h2-big{
        font-size: 40pt!important;
        line-height: 38pt!important;
        padding-top: 20px!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    /*header video*/
    #header-video.lpg-block .jumbotron h1,
    #header-video.lpg-block .jumbotron .col-12 h3{
        width: 100% !important;
        text-align: center!important;
    }
    #header-video.lpg-block .jumbotron h1{
        margin-top: 20px!important;
    }
    #header-video.lpg-block .jumbotron{
        padding: 0!important;
    }
    #header-video.lpg-block .logo-wrapper {
        margin-top: 30px;
    }
    body.logged-in #header-video.lpg-block .logo-wrapper {
        margin-top: 120px;
    }
    #header-video.lpg-block #tim-logo {
        margin:auto;
        display:block;
    }
    #header-video.lpg-block .jumbotron .btn.btn-primary,
    #header-video.lpg-block .login-button,
    #header-video.lpg-block .btn.btn-default{
        margin: auto!important;
        float: none!important;
        display: block;
    }
    #header-video.lpg-block .login-button {
        display: initial !important;
    }
    #header-video.lpg-block .logo-wrapper{
        padding-top: 0px!important;
    }
    #header-video.lpg-block .button-wrapper{
        height: 60px!important;
    }
    #header-video.lpg-block .jumbotron a.login-button{
        margin-top: 20px!important;
        width: 100px!important;
    }
    /*prices box block*/
    .subscriptions.lpg-block .flip-card{
        height: 430px;
        margin: auto;
    }
    .subscriptions.lpg-block .white-box-blue,
    .subscriptions.lpg-block .white-box-red{
        min-height: 350px;
    }
    .subscriptions.lpg-block .white-box-red{
        margin-top: 0!important;
    }
    .lpg-block.subscriptions .subscription .btn.btn-primary{
        margin-top: 25px!important;
    }
    .lpg-block.below-box{
        margin-top: 50px!important;
        padding-top: 10px;
    }
    .lpg-block.plan-list-price p {
        min-height: auto!important;
        padding-bottom: 1rem!important;
        font-size: var(--font-m);
        text-transform: uppercase;
    }
    .subscriptions.lpg-block .below-box ul {
        margin-bottom: 30px;
    }
    .lpg-block.subscriptions .promotion-text{
        right: 0!important;
        top: -10px!important;
    }
    /*roadmap block*/
    .lpg-block.roadmap .nav-tabs li{
        width: 16% !important;
    }
    /*testimonial block*/
    .lpg-block.testimonial-video h2 {
        padding-top: 40px !important;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1112px) {
    /*expert*/
    .lpg-block.expert h5 {
        padding-top: 10px!important;
    }
    /*price*/
    .subscriptions.lpg-block .flip-card {
        width: 300px!important;
        min-height: 355px!important;
    }
    .subscriptions.lpg-block .white-box-blue {
        min-height: 355px;
    }
    .subscriptions.lpg-block .white-box-red{
        min-height: 395px;
    }
    .lpg-block.below-box{
        margin-top: 70px!important;
    }
    .lpg-block.subscriptions .white-box-blue p,
    .lpg-block.subscriptions .white-box-red p{
        height: 65px;
    }
    .lpg-block.subscriptions .white-box-red .btn-primary{
        margin-top: 50px;
    }
}

/*Mobile Join page fix elements after update*/
@media only screen and (max-width: 768px) {
    /*Menu section*/
    #header-video.lpg-block .button-wrapper {
        padding-right: 0 !important;
    }
    .button-wrapper .login-button {
        display: none !important;
    }
    .button-wrapper button.btn-strawberry {
        margin: 20px auto 0;
        display: block;
    }


    /*Subscriptions section*/
    .lpg-block.subscriptions .white-box-blue h2,
    .lpg-block.subscriptions .white-box-red h2 {
        font-size: 40px !important;
    }

    .lpg-block.subscriptions .col-sm-12:nth-child(2) .flip-card {
        height: 470px;
        margin-bottom: 40px;
    }
}