/* Apple Iphone 6/7/8 Plus and XS Max */
@media (max-width: 414px) {
    body {
        background-image: none;
    }

    .btn-custom-1 {
        margin-right: 0;
    }

    /* Section 1 */
    .img-fluid.position-absolute.custom-position-triangle {
        width: 970px;
        margin-left: -556px;
        margin-top: 144%;
        max-width: none;
    }

    .row.section-1 {
        background-repeat: repeat-y;
        padding-bottom: 30px;
    }

    .roboto-style-1 {
        line-height: 40px;
    }

    .container.container-custom {
        margin-top: 20px;
    }

    .section-content {
        padding: 0 30px 0 32px;
    }

    .row.logo {
        margin-top: 0;
    }

    .row.first-info {
        padding-top: 0;
    }

    .row.first-info-row-1 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .row.first-info-row-2 {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .info-buttons {
        display: flex;
        justify-content: space-between;
    }

    .div-computer {
        padding: 50px 20px;
        justify-content: center;
    }

    /* Section 2 */
    .tier-tickets {
        flex-direction: column-reverse;
    }

    .section-2-text {
        padding-top: 0;
    }

    .row.tier-tickets-row-1 {
        margin-bottom: 8px;
    }

    .row.tier-tickets-row-2 {
        margin-bottom: 20px;
    }

    .div-computer-2 {
        padding: 50px 20px 50px 10px;
        justify-content: center;
    }

    .row.tier-tickets-row-3 {
        margin-bottom: 45px;
    }

    .learn-more {
        justify-content: center;
    }

    .row.section-2 {
        padding-bottom: 0;
    }

    /* Section 3 */
    .user-image {
        padding: 50px 20px 50px 10px;
    }

    .row.section-3 {
        padding-bottom: 0;
    }

    /* Section 4 */
    .row.reporting-row {
        flex-direction: column-reverse;
        padding-bottom: 0;
    }

    .col-image-left {
        padding: 30px 10px 30px 10px;
    }

    .row.reporting-row-1 {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .row.reporting-row-2 {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .col-image-right {
        padding: 10px 10px 30px 10px;
    }

    .img-fluid.position-absolute.custom-position-hexagon {
        align-content: center;
        height: 890px;
        margin-left: 0;
        margin-top: -20px;
        max-width: 414px;
    }

    .row.section-4 {
        padding-bottom: 100px;
    }

    /* Section 5 */
    .row.final-info-row-1 {
        padding-top: 0;
    }

    .row.final-info-row-2 {
        justify-content: flex-start !important;
        padding-top: 20px;
    }

    .row.final-info-row-3 {
        padding-left: 0;
        text-align: start;
    }

    .row.final-info-text {
        padding-top: 90px;
        padding-bottom: 40px;
    }

    .p-custom-center {
        text-align: center;
    }

    .img-fluid.position-absolute.custom-position-trapezium-right {
        align-content: center;
        height: 400px;
        margin-left: -200px;
        margin-top: 239px;
        max-width: 614px;
    }

    .row.final-info-btn {
        padding-bottom: 55px;
    }

    .video-background {
        background: url(../assets/artworks/laptop.svg);
        background-size: contain;
        background-position-x: center;
        background-repeat: no-repeat;
        width: 460px;
        height: 200px;
        padding-top: 16px;
        padding-left: 52px;
        margin-left: 15px;
    }

    .normalVideo {
        width: 80%;
        height: 60%;
        position: relative;
    }

    .demo-submit-btn{
        margin-left: 135px;
    }
}

/* Pixel 2 and Pixel XL */
@media (max-width: 411px) and (min-width: 411px) {
    /* Section 1 */
    .img-fluid.position-absolute.custom-position-triangle {
        width: 970px;
        margin-left: -559px;
        margin-top: 144%;
        max-width: none;
    }

    .img-fluid.position-absolute.custom-position-hexagon {
        align-content: center;
        height: 890px;
        margin-left: 0;
        margin-top: -20px;
        max-width: 411px;
    }

    .img-fluid.position-absolute.custom-position-trapezium-right {
        align-content: center;
        height: 400px;
        margin-left: -200px;
        margin-top: 239px;
        max-width: 611px;
    }

    .video-background {
        background: url(../assets/artworks/laptop.svg);
        background-size: contain;
        background-position-x: center;
        background-repeat: no-repeat;
        width: 460px;
        height: 200px;
        padding-top: 16px;
        padding-left: 56px;
        margin-left: 18px;
    }

    .normalVideo {
        width: 80%;
        height: 60%;
        position: relative;
    }
    .avatar-padding{
        padding: 40px;
    }
    .demo-submit-btn{
        margin-left: 135px;
    }
}

/* Apple Iphone 6/7/8 and X */
@media (max-width: 375px) and (min-width: 375px) {
    /* Section 1 */
    .img-fluid.position-absolute.custom-position-triangle {
        width: 1000px;
        margin-left: -625px;
        margin-top: 154%;
        max-width: none;
    }

    .img-fluid.position-absolute.custom-position-hexagon {
        align-content: center;
        height: 890px;
        margin-left: 0;
        margin-top: -20px;
        max-width: 375px;
    }

    .img-fluid.position-absolute.custom-position-trapezium-right {
        align-content: center;
        height: 400px;
        margin-left: -200px;
        margin-top: 239px;
        max-width: 575px;
    }
    .video-background {
        background: url(../assets/artworks/laptop.svg);
        background-size: contain;
        background-position-x: center;
        background-repeat: no-repeat;
        width: 460px;
        height: 200px;
        padding-top: 16px;
        padding-left: 45px;
        margin-left: 18px;
    }

    .normalVideo {
        width: 84%;
        height: 60%;
        position: relative;
    }

    .avatar-padding{
        padding: 40px;
    }
    .form-control.form-control-custom {
        width: 350px;
        padding: 0.375rem 0.5rem;
        margin-bottom: 40px;
        background-color: #cccccc;
        border-radius: 0;
        background-clip: unset;
    }
    .demo-submit-btn{
        margin-left: 105px;
    }
}

/* Samsung Galaxy S5 */
@media (max-width: 360px) and (min-width: 360px) {
    /* Section 1 */
    .img-fluid.position-absolute.custom-position-triangle {
        width: 990px;
        margin-left: -630px;
        margin-top: 170%;
        max-width: none;
    }

    .img-fluid.position-absolute.custom-position-hexagon {
        align-content: center;
        height: 890px;
        margin-left: 0;
        margin-top: -20px;
        max-width: 360px;
    }

    .img-fluid.position-absolute.custom-position-trapezium-right {
        align-content: center;
        height: 400px;
        margin-left: -200px;
        margin-top: 239px;
        max-width: 560px;
    }

    .video-background {
        background: url(../assets/artworks/laptop.svg);
        background-size: contain;
        background-position-x: center;
        background-repeat: no-repeat;
        width: 500px;
        height: 250px;
        padding-top: 10px;
        padding-left: 44px;
        margin-left: 18px;
    }

    .normalVideo {
        width: 85%;
        height: 60%;
        position: relative;
    }

    .avatar-padding{
        padding: 40px;
    }
    .form-control.form-control-custom {
        width: 340px;
        padding: 0.375rem 0.5rem;
        margin-bottom: 40px;
        background-color: #cccccc;
        border-radius: 0;
        background-clip: unset;
    }

    .demo-submit-btn{
        margin-left: 95px;
    }
}

/* Apple Iphone 5/SE */
@media (max-width: 320px) and (min-width: 320px) {
    /* Section 1 */
    .img-fluid.position-absolute.custom-position-triangle {
        width: 1040px;
        margin-left: -720px;
        margin-top: 196%;
        max-width: none;
    }

    .img-fluid.position-absolute.custom-position-hexagon {
        align-content: center;
        height: 865px;
        margin-left: 0;
        margin-top: -20px;
        max-width: 320px;
    }

    .img-fluid.position-absolute.custom-position-trapezium-right {
        align-content: center;
        height: 435px;
        margin-left: -200px;
        margin-top: 305px;
        max-width: 520px;
    }

    .row.section-4 {
        padding-bottom: 80px;
    }

    .row.final-info-btn {
        padding-bottom: 65px;
    }

    .btn-custom {
        width: 140px;
    }
    .video-background {
        background: url(../assets/artworks/laptop.svg);
        background-size: contain;
        background-position-x: center;
        background-repeat: no-repeat;
        width: 460px;
        height: 200px;
        padding-top: 16px;
        padding-left: 36px;
        margin-left: 18px;
    }

    .normalVideo {
        width: 84%;
        height: 60%;
        position: relative;
    }
    .avatar-padding{
        padding: 40px;
    }
    .form-control.form-control-custom {
        width: 300px;
        padding: 0.375rem 0.5rem;
        margin-bottom: 40px;
        background-color: #cccccc;
        border-radius: 0;
        background-clip: unset;
    }

    .demo-submit-btn{
        margin-left: 90px;
    }
}

/*Landscape Iphone 5/SE*/

@media  (max-width: 568px) and (max-height: 320px){
    .form-control.form-control-custom {
        width: 280px;
        padding: 0.375rem 0.5rem;
        margin-bottom: 40px;
        background-color: #cccccc;
        border-radius: 0;
        background-clip: unset;
    }
}

/* Landscape Pixel 2 XL and Iphone X*/
@media (max-width: 823px) and (min-width: 415px) {
    body {
        background-image: none;
    }

    .btn-custom-1 {
        margin-right: 30px;
    }

    /* Section 1 */
    .img-fluid.position-absolute.custom-position-triangle {
        width: 1180px;
        margin-left: -357px;
        margin-top: 62%;
        max-width: none;
    }

    .row.section-1 {
        background-repeat: repeat-y;
        padding-bottom: 30px;
    }

    .roboto-style-1 {
        line-height: 40px;
    }

    .container.container-custom {
        margin-top: 20px;
    }

    .section-content {
        padding: 0 90px 0 92px;
    }

    .row.logo {
        margin-top: 0;
    }

    .row.first-info {
        padding-top: 0;
    }

    .row.first-info-row-1 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .row.first-info-row-2 {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .div-computer {
        padding: 50px 100px 110px 100px;
        justify-content: center;
    }

    /* Section 2 */
    .row.tier-tickets {
        padding: 0 75px;
    }

    .tier-tickets {
        flex-direction: column-reverse;
    }

    .section-2-text {
        padding-top: 0;
    }

    .row.tier-tickets-row-1 {
        margin-bottom: 8px;
    }

    .row.tier-tickets-row-2 {
        margin-bottom: 20px;
    }

    .div-computer-2 {
        padding: 50px 25px 50px 15px;
        justify-content: center;
    }

    .row.tier-tickets-row-3 {
        margin-bottom: 45px;
    }

    .learn-more {
        justify-content: center;
    }

    .row.section-2 {
        padding-bottom: 0;
    }

    /* Section 3 */
    .user-image {
        padding: 50px 100px 50px 90px;
    }

    .row.section-3 {
        padding-bottom: 0;
    }

    /* Section 4 */
    .row.reporting-row {
        flex-direction: column-reverse;
        padding-bottom: 0;
    }

    .col-image-left {
        padding: 30px 10px 30px 10px;
    }

    .row.reporting-row-1 {
        padding-top: 55px;
        padding-bottom: 20px;
    }

    .row.reporting-row-2 {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .col-image-right {
        padding: 10px 10px 30px 10px;
    }

    .img-fluid.position-absolute.custom-position-hexagon {
        align-content: center;
        height: 1020px;
        margin-left: 0;
        margin-top: -20px;
        max-width: 823px;
    }

    .row.section-4 {
        padding-bottom: 100px;
    }

    /* Section 5 */
    .row.final-info-row-1 {
        padding-top: 0;
    }

    .row.final-info-row-2 {
        justify-content: flex-start !important;
        padding-top: 20px;
    }

    .row.final-info-row-3 {
        padding-left: 0;
        text-align: start;
    }

    .row.final-info-text {
        padding-top: 90px;
        padding-bottom: 40px;
    }

    .p-custom-center {
        text-align: center;
    }

    .img-fluid.position-absolute.custom-position-trapezium-right {
        align-content: center;
        height: 385px;
        margin-left: -346px;
        margin-top: 170px;
        max-width: 1323px;
    }

    .row.final-info-btn {
        padding-bottom: 55px;
    }
}

/* Apple iPad */
@media (max-width: 768px) and (min-width: 768px) {
    /* Section 1 */
    .img-fluid.position-absolute.custom-position-triangle {
        width: 1180px;
        margin-left: -412px;
        margin-top: 68%;
        max-width: none;
    }

    .img-fluid.position-absolute.custom-position-hexagon {
        align-content: center;
        height: 980px;
        margin-left: 0;
        margin-top: -20px;
        max-width: 768px;
    }

    .img-fluid.position-absolute.custom-position-trapezium-right {
        align-content: center;
        height: 385px;
        margin-left: -401px;
        margin-top: 170px;
        max-width: 1323px;
    }

    .row.tier-tickets {
        padding: 0;
    }

    .div-computer-2 {
        padding: 50px 80px 50px 70px;
        justify-content: center;
    }
}

/*Apple iPadPro*/
@media (max-width: 1024px) and (min-width: 1024px){
    .img-tab-content {
        display: flex;
        margin-bottom: 30px;
        width: 160px;
        height: 90px;
        margin-top: 10px;
    }
}

/* Apple iPhone 6/7/8 Plus */
@media (max-width: 736px) and (min-width: 731px) {
    /* Section 1 */
    .img-fluid.position-absolute.custom-position-triangle {
        width: 1130px;
        margin-left: -394px;
        margin-top: 74%;
        max-width: none;
    }

    .img-fluid.position-absolute.custom-position-hexagon {
        align-content: center;
        height: 970px;
        margin-left: 0;
        margin-top: -20px;
        max-width: 736px;
    }

    .img-fluid.position-absolute.custom-position-trapezium-right {
        align-content: center;
        height: 385px;
        margin-left: -433px;
        margin-top: 170px;
        max-width: 1323px;
    }

    .row.tier-tickets {
        padding: 0;
    }

    .div-computer-2 {
        padding: 50px 80px 50px 70px;
        justify-content: center;
    }
}

/* Apple iPhone 6/7/8 and Samsung Galaxy S5*/
@media (max-width: 667px) and (min-width: 640px) {
    /* Section 1 */
    .img-fluid.position-absolute.custom-position-triangle {
        width: 1070px;
        margin-left: -403px;
        margin-top: 76%;
        max-width: none;
    }

    .img-fluid.position-absolute.custom-position-hexagon {
        align-content: center;
        height: 945px;
        margin-left: 0;
        margin-top: -20px;
        max-width: 667px;
    }

    .img-fluid.position-absolute.custom-position-trapezium-right {
        align-content: center;
        height: 385px;
        margin-left: -502px;
        margin-top: 170px;
        max-width: 1323px;
    }

    .row.tier-tickets {
        padding: 0;
    }

    .div-computer-2 {
        padding: 50px 80px 50px 70px;
        justify-content: center;
    }
}

/* Apple iPhone 5/5S/SE*/
@media (max-width: 568px) and (min-width: 568px) {
    /* Section 1 */
    .img-fluid.position-absolute.custom-position-triangle {
        width: 1130px;
        margin-left: -562px;
        margin-top: 92%;
        max-width: none;
    }

    .img-fluid.position-absolute.custom-position-hexagon {
        align-content: center;
        height: 890px;
        margin-left: 0;
        margin-top: -20px;
        max-width: 568px;
    }

    .img-fluid.position-absolute.custom-position-trapezium-right {
        align-content: center;
        height: 385px;
        margin-left: -601px;
        margin-top: 215px;
        max-width: 1323px;
    }

    .row.tier-tickets {
        padding: 0;
    }

    .div-computer-2 {
        padding: 50px 30px 50px 40px;
        justify-content: center;
    }

    .div-computer {
        padding: 50px 60px 110px 60px;
        justify-content: center;
    }

    .user-image {
        padding: 50px 50px 50px 40px;
    }
}