.preload-image{
    display: block;
    position: relative;
    left: 50%;
    top: 45%;
    width: 80px;
    height: 80px;
    margin: -35px 0 0 -35px;
    z-index: 1001;
}

@media only screen and (max-width: 576px) {
    /*body{*/
    /*    max-width: 576px;*/
    /*}*/
    .main-logo {
        /*padding-top: 32px;*/
        margin-top: 20px;
    }
    #app-hr{
        margin: -2rem 0;
        height: 4px;
    }
    .stores-row{
        left: 32%;
        right: 32%;
        /*top: 107%;*/
        margin-top: 12px;
    }
    .app-store-logo{
        /*width: 56px;*/
    }
    .google-play-logo{
        /*width: 56px;*/
    }
    .bezat-on-row{
        top: 150%;
    }
    .bezat-on-col{
        padding-right: 7px;
        padding-left: 22px;
        font-size: 6px;
        line-height: 8px;
        /*padding-right: 4px;*/
        /*padding-left: 16px;*/
        /*font-size: 6px;*/
        /*line-height: 12px;*/
    }
    .marketplace-row{
        padding-left: 17px;
        top: 138%;
    }
    .market-col{
        font-size: 24px;
        /*padding-top: 30px;*/
        margin-top: 8px;
        padding-left: 40px;
    }
    .place-col{
        font-size: 24px;
        margin-top: -20px;
        margin-bottom: -2px;
    }
    .web3-row{
        top: 140%;
        /*left: 16%;*/
        padding-left: 17px;
    }
    .web3-col{
        font-size: 14px;
    }
    .web3-underline{
        text-decoration: underline solid #e9a238 5px !important;
    }
    #sandbox{
        text-align: -webkit-center;
        padding-top: 5rem;
        padding-right: 30px;
    }
    #decentraland{
        text-align: -webkit-center;
        padding-top: 5rem;
        padding-left: 30px;
    }
    /*.crypto-row{*/
    /*    left: 12%; top: 206%;*/
    /*}*/
    .crypto-col{
        font-size: 4.5px;
        line-height: 6.5px;
        margin-top: -4px;
        /*font-size: 3px;*/
        /*line-height: 6px;*/
        /*margin-top: -14px;*/
    }
    .horizontal-line{
        position: relative;
        width: 70px;
        left: 65px;
        top: -4px;
    }
    /*.vertical-row{*/
    /*    left: 49.8%; top: 231.9%;*/
    /*}*/
    .vertical-line{
        position: relative;
        width: auto;
        left: 64px;
        top: -4px;
        height: 42px;
    }
    .dot{
        width: auto;
        position: relative;
        left: 31px;
        height: 6px;
        padding-left: 0px;
        padding-right: 6px;
        --bs-gutter-x: 18px;
        --bs-gutter-y: 36px;
        border-radius: 50%;
    }
    .learn-btn{
        padding: 0px 8px;
        background: #de00cd;
        border-radius: 40px;
        border: unset;
        color: white;
        width: auto;
        height: 12px;
        line-height: 20px;
        position: relative;
        left: 3px;
        top: 45px;
    }
    .learn-span{
        font-size: 6px;
        position: relative;
        top: -7px;
    }
    .bezat-app-row{
        padding-left: 328px;
        padding-top: 130px;
    }
    .app-store-right-logo{
        padding-top: 4px;
        width: 52px;
    }
    .google-play-right-logo{
        padding-bottom: 20px;
        width: 52px;
    }
    .raffle-station{
        padding-top: 70px;
        padding-left: 10px;
        line-height: 8px;
    }
    .raffle-station-font1, .raffle-station-font2{
        font-size: 6px;
    }
    .bezat-app-about{
        padding-left: 182px;
        padding-top: 95px;
        line-height: 4px;
    }
    .bezat-app-font{
        font-size: 8px
    }
    #contact{
        /*background: black;*/
    }
}

@media only screen and (min-width: 576px) {
    /*body{*/
    /*    max-width: 576px;*/
    /*}*/
    .main-logo {
        /*padding-top: 26px;*/
        margin-top: 18px;
    }
    #app-hr{
        margin: -3rem 0;
        height: 4px;
    }
    .stores-row{
        /*left: 36%;*/
        /*top: 112%;*/
        left: 32%;
        right: 32%;
        /*top: 107%;*/
        margin-top: 12px;
    }
    .app-store-logo{
        /*width: 70px;*/
    }
    .google-play-logo{
        /*width: 70px;*/
    }
    .bezat-on-row{
        top: 150%;
        width: 64px;
    }
    .bezat-on-col{
        padding-right: 6px;
        font-size: 7px;
        line-height: 12px;
    }
    .web3-row{
        top: 142%;
        /*left: 16%;*/
        padding-left: 14px;
    }
    .marketplace-row{
        padding-left: 44px;
        top: 170%;
    }
    .market-col{
        font-size: 50px;
        padding-top: 30px;
    }
    .place-col{
        font-size: 50px;
        margin-top: -42px;
        margin-bottom: -8px;
    }
    .web3-col{
        font-size: 18px;
        /*text-decoration: underline solid #e9a238 5px;*/
    }
    .web3-underline{
        text-decoration: underline solid #e9a238 5px;
    }
    #sandbox{
        text-align: -webkit-center;
        padding-top: 5rem;
        padding-right: 30px;
    }
    #decentraland{
        text-align: -webkit-center;
        padding-top: 5rem;
        padding-left: 30px;
    }
    .crypto-col{
        font-size: 4.5px;
        line-height: 6.5px;
        margin-top: 8px;
        /*font-size: 3px;*/
        /*line-height: 6px;*/
        /*margin-top: -14px;*/
    }
    .horizontal-line{
        position: relative;
        width: 40px;
        left: 44px;
        top: -4px;
    }
    /*.vertical-row{*/
    /*    left: 49.8%; top: 231.9%;*/
    /*}*/
    .vertical-line{
        position: relative;
        width: auto;
        left: 44px;
        top: -4px;
        height: 42px;
    }
    .dot{
        width: auto;
        position: relative;
        left: 15px;
        height: 6px;
        padding-left: 0px;
        padding-right: 6px;
        --bs-gutter-x: 18px;
        --bs-gutter-y: 36px;
        border-radius: 50%;
    }
    .learn-btn{
        padding: 0px 8px;
        background: #de00cd;
        border-radius: 40px;
        border: unset;
        color: white;
        width: auto;
        height: 12px;
        line-height: normal;
        position: relative;
        left: -13px;
        top: 45px;
    }
    .learn-span{
        font-size: 6px;
        position: relative;
        top: -7px;
    }
    .bezat-app-row{
        padding-left: 548px;
        padding-top: 190px;
    }
    .app-store-right-logo{
        padding-top: 4px;
        width: 85px;
    }
    .google-play-right-logo{
        padding-bottom: 20px;
        width: 85px;
    }
    .raffle-station{
        padding-top: 128px;
        padding-left: 11px;
        line-height: 16px;
    }
    .raffle-station-font1, .raffle-station-font2{
        font-size: 9px;
    }
    .bezat-app-about{
        padding-left: 372px;
        padding-top: 116px;
        line-height: 11px;
    }
    .bezat-app-font{
        font-size: 8px
    }
    #contact{
        /*background: black;*/
    }
}

@media only screen and (min-width: 768px) {
    /*body{*/
    /*    max-width: 768px;*/
    /*}*/
    .main-logo {
        margin-top: -20px;
    }
    #app-hr{
        margin: -4rem 0;
        height: 6px;
    }
    .stores-row{
        left: 32%;
        right: 32%;
        /*top: 107%;*/
        margin-top: 40px;
        /*left: 42%;*/
        /*top: 112%;*/
        /*margin-top: -3px;*/
        /*margin-left: 40px;*/
    }
    .app-store-logo{
        /*width: 70px;*/
    }
    .google-play-logo{
        /*width: 70px;*/
    }
    .bezat-on-row{
        top: 180%;
        width: 96px;
    }
    .bezat-on-col{
        padding-right: 14px;
        font-size: 9px;
        line-height: 14px;
    }
    .web3-row{
        top: 164%;
        /*left: 16%;*/
        padding-left: 36px;
    }
    .web3-col{
        font-size: 20px;
        padding-bottom: 2rem;
    }
    .web3-underline{
        text-decoration: underline solid #e9a238 5px;
    }
    #sandbox{
        text-align: -webkit-left;
        padding-top: 5rem;
        padding-right: 30px;
    }
    #decentraland{
        text-align: -webkit-right;
        padding-top: 5rem;
        padding-left: 30px;
    }
    .crypto-col{
        font-size: 9px;
        line-height: 18px;
        margin-top: -18px;
    }
    .marketplace-row{
        padding-left: 44px;
        top: 170%;
    }
    .market-col{
        font-size: 50px;
        /*padding-top: 30px;*/
        margin-top: -35px;
        padding-left: 46px;
    }
    .place-col{
        font-size: 50px;
        margin-top: -42px;
        margin-bottom: -8px;
    }
    .horizontal-line{
        position: relative;
        width: 46px;
        left: 125px;
        top: -9px;
    }
    /*.vertical-row{*/
    /*    left: 49.8%; top: 231.9%;*/
    /*}*/
    .vertical-line{
        position: relative;
        width: auto;
        left: 124px;
        top: -9px;
        height: 88px;
    }
    .dot{
        width: auto;
        position: relative;
        left: 90px;
        height: 7px;
        padding-left: 0px;
        padding-right: 7px;
        --bs-gutter-x: 18px;
        --bs-gutter-y: 78px;
        border-radius: 50%;
    }
    .learn-btn{
        padding: 0px 16px;
        background: #de00cd;
        border-radius: 40px;
        border: unset;
        color: white;
        width: auto;
        height: 18px;
        line-height: normal;
        position: relative;
        left: 47px;
        top: 92px;
    }
    .learn-span{
        font-size: 8px;
        position: relative;
        top: -6px;
    }
    .bezat-app-row{
        padding-left: 745px;
        padding-top: 240px;
    }
    .app-store-right-logo{
        padding-left: 1px;
        padding-bottom: 8px;
        width: 72px;
    }
    .google-play-right-logo{
        padding-left: 5px;
        width: 72px;
    }
    .raffle-station{
        padding-top: 140px;
        padding-left: 18px;
        line-height: 20px;
    }
    .raffle-station-font1, .raffle-station-font2{
        font-size: 10px;
    }
    .bezat-app-about{
        padding-left: 474px;
        padding-top: 176px;
        line-height: 11px;
    }
    .bezat-app-font{
        font-size: 8px;
    }
    #contact{
        /*background: black;*/
    }
}

@media only screen and (min-width: 992px) {
    /*body{*/
    /*    max-width: 992px;*/
    /*}*/
    .main-logo {
        margin-top: -50px;
    }
    #app-hr{
        margin: -7rem 0;
        height: 6px;
    }
    .stores-row{
        left: 32%;
        right: 32%;
        /*top: 107%;*/
        margin-top: 80px;
        /*left: 42%;*/
        /*top: 112%;*/
        /*margin-top: -3px;*/
        /*margin-left: 40px;*/
    }
    .app-store-logo{
        /*width: 70px;*/
    }
    .google-play-logo{
        /*width: 70px;*/
    }
    .bezat-on-row{
        top: 208%;
        width: 108px;
    }
    .bezat-on-col{
        padding-right: 16px;
        font-size: 10px;
        line-height: 14px;
    }
    .web3-row{
        top: 208%;
        /*left: 16%;*/
        padding-left: 32px;
    }
    .marketplace-row{
        padding-left: 44px;
        top: 196%;
    }
    .market-col{
        font-size: 70px;
        /*padding-top: 30px;*/
        margin-top: -44px;
        padding-left: 56px;
    }
    .place-col{
        font-size: 70px;
        margin-top: -51px;
        margin-bottom: -10px;
    }
    .web3-col{
        font-size: 30px;
        padding-top: 12px;
        padding-bottom: 2rem;
    }
    .web3-underline{
        text-decoration: underline solid #e9a238 5px;
    }
    #sandbox{
        text-align: -webkit-left;
        padding-top: 5rem;
        padding-right: 30px;
    }
    #decentraland{
        text-align: -webkit-right;
        padding-top: 5rem;
        padding-left: 30px;
    }
    .crypto-col{
        font-size: 11px;
        line-height: 22px;
        margin-top: -28px;
    }
    .horizontal-line{
        position: relative;
        width: 66px;
        left: 136px;
        top: -10px;
    }
    /*.vertical-row{*/
    /*    left: 49.8%; top: 231.9%;*/
    /*}*/
    .vertical-line{
        position: relative;
        width: auto;
        left: 135px;
        top: -9px;
        height: 120px;
    }
    .dot{
        width: auto;
        position: relative;
        left: 100px;
        height: 8px;
        padding-left: 0px;
        padding-right: 8px;
        --bs-gutter-x: 18px;
        --bs-gutter-y: 110px;
        border-radius: 50%;
    }
    .learn-btn{
        padding: 0px 16px;
        background: #de00cd;
        border-radius: 40px;
        border: unset;
        color: white;
        width: auto;
        height: 18px;
        line-height: normal;
        position: relative;
        left: 50px;
        top: 120px;
    }
    .learn-span{
        font-size: 10px;
        position: relative;
        top: -6px;
    }
    .bezat-app-row{
        padding-left: 838px;
        padding-top: 346px;
    }
    .bezat-app-about{
        padding-left: 556px;
        padding-top: 192px;
        line-height: 16px;
    }
    .bezat-app-font{
        font-size: 8px
    }
    .app-store-right-logo{
        /*padding-left: 1px;*/
        width: 76px;
    }
    .google-play-right-logo{
        /*padding-left: 5px;*/
        width: 76px;
    }
    .raffle-station{
        padding-top: 198px;
        padding-left: 28px;
    }
    .raffle-station-font1, .raffle-station-font2{
        font-size: 12px;
    }
    #contact{
        /*background: black;*/
    }
}

@media only screen and (min-width: 1200px) {
    /*body{*/
    /*    max-width: 1200px;*/
    /*}*/
    .main-logo {
        margin-top: -70px;
    }
    #app-hr{
        margin: -8.5rem 0;
        height: 8px;
    }
    .stores-row{
        left: 36%;
        right: 36%;
        margin-top: 104px;
        /*margin-top: 50px;*/
    }
    .app-store-logo{
        /*width: 110px;*/
    }
    .google-play-logo{
        /*width: 110px;*/
    }
    .bezat-on-row{
        top: 186%;
        width: 146px;
    }
    .bezat-on-col{
        padding-right: 28px;
        font-size: 14px;
        line-height: 20px;
    }
    .marketplace-row{
        padding-left: 44px;
        top: 182%;
    }
    .web3-row{
        padding-left: 44px;
        /*left: 12%;*/
        top: 182%;
    }
    .market-col{
        font-size: 114px;
        /*padding-top: 8px;*/
        margin-top: -100px;
        padding-left: 87px;
    }
    .place-col{
        font-size: 114px;
        margin-top: -108px;
    }
    .web3-col{
        font-size: 36px;
        padding-bottom: 3rem;
        /*margin-top: -108px;*/
    }
    .web3-underline{
        text-decoration: underline solid #e9a238 5px;
    }
    #sandbox{
        text-align: -webkit-left;
        padding-top: 5rem;
        padding-right: 30px;
    }
    #decentraland{
        text-align: -webkit-right;
        padding-top: 5rem;
        padding-left: 30px;
    }
    .crypto-row{
        left: 12%; top: 206%;
    }
    .crypto-col{
        font-size: 13px;
        line-height: 26px;
        margin-top: -46px;
    }
    .horizontal-row{
        left: 31%; top: 258.5%; width: 104px;
    }
    .vertical-row{
        left: 49.8%; top: 231.9%;
    }
    .vertical-line{
        height: 190px;
    }
    .dot-row{
        left: 49.6%; top: 270.9%;
    }
    .dot{
        height: 8px; padding-left: 0px; --bs-gutter-x: 18px; border-radius: 50%;
    }
    .learn-row{
        left: 44%; top: 275%;
    }
    .horizontal-line{
        position: relative;
        width: 108px;
        left: 160px;
        top: -12px;
    }
    /*.vertical-row{*/
    /*    left: 49.8%; top: 231.9%;*/
    /*}*/
    .vertical-line{
        position: relative;
        width: auto;
        left: 159px;
        top: -11px;
        height: 194px;
    }
    .dot{
        width: auto;
        position: relative;
        left: 124px;
        height: 10px;
        padding-left: 0px;
        padding-right: 10px;
        --bs-gutter-x: 18px;
        --bs-gutter-y: 180px;
        border-radius: 50%;
    }
    .learn-btn{
        padding: 0px 26px;
        background: #de00cd;
        border-radius: 40px;
        border: unset;
        color: white;
        width: auto;
        height: 33px;
        line-height: normal;
        position: relative;
        left: 52px;
        top: 194px;
    }
    .learn-span{
        font-size: 14px;
        position: relative;
        top: 0px;
    }
    .bezat-app-row{
        padding-left: 1090px;
        padding-top: 458px;
    }
    .bezat-app-about{
        padding-left: 680px;
        padding-top: 232px;
    }
    .bezat-app-font{
        font-size: 14px;
    }
    .app-store-right-logo{
        width: 100px;
        padding-bottom: 14px;
    }
    .google-play-right-logo{
        width: 100px;
    }
    .raffle-station{
        padding-top: 316px;
        padding-left: 36px;
    }
    .raffle-station-font1, .raffle-station-font2{
        font-size: 14px;
    }

    #contact{
        /*background: url(https://bezat-s3.s3.me-south-1.amazonaws.com/web/bezat_03.jpg);*/
        /*background-size: cover;*/
        /*background-repeat: round;*/
    }
}

@media only screen and (min-width: 1400px) {
    /*body{*/
    /*    max-width: 1400px;*/
    /*}*/
    .main-logo {
        margin-top: -50px;
    }
    #app-hr{
        margin: -7rem 0;
        height: 8px;
    }
    .stores-row{
        /*left: 44%;*/
        /*top: 117%;*/
        left: 36%;
        right: 36%;
        margin-top: 78px;
    }
    .app-store-logo{
        /*width: 110px;*/
    }
    .google-play-logo{
        /*width: 110px;*/
    }
    .bezat-on-row{
        top: 186%;
        width: 156px;
    }
    .bezat-on-col{
        padding-right: 28px;
        font-size: 14px;
        line-height: 20px;
    }
    .web3-row{
        padding-left: 64px;
        /* left: 12%; */
        top: 184%;
    }
    .market-col{
        font-size: 114px;
        /*padding-top: 10px;*/
        padding-left: 100px;
        margin-top: -90px;
    }
    .place-col{
        font-size: 114px;
        padding-top: 10px;
    }
    .web3-col{
        font-size: 40px;
        margin-top: 36px;
        padding-bottom: 2rem;
    }
    .web3-underline{
        text-decoration: underline solid #e9a238 8px;
    }
    #sandbox{
        text-align: -webkit-left;
        padding-top: 5rem;
        padding-right: 30px;
    }
    #decentraland{
        text-align: -webkit-right;
        padding-top: 5rem;
        padding-left: 30px;
    }
    .crypto-col{
        font-size: 15px;
        line-height: 28px;
        margin-top: -50px;
    }
    .horizontal-line{
        position: relative;
        width: 96px;
        left: 180px;
        top: -13px;
    }
    /*.vertical-row{*/
    /*    left: 49.8%; top: 231.9%;*/
    /*}*/
    .vertical-line{
        position: relative;
        width: auto;
        left: 178px;
        top: -11px;
        height: 180px;
    }
    .dot{
        width: auto;
        position: relative;
        left: 145px;
        height: 6px;
        padding-left: 0px;
        padding-right: 6px;
        --bs-gutter-x: 18px;
        --bs-gutter-y: 168px;
        border-radius: 50%;
    }
    .learn-btn{
        padding: 0px 28px;
        background: #de00cd;
        border-radius: 40px;
        border: unset;
        color: white;
        width: auto;
        height: 34px;
        line-height: normal;
        position: relative;
        left: 60px;
        top: 180px;
    }
    .learn-span{
        font-size: 18px;
        position: relative;
        top: 0px;
    }
    .bezat-app-row{
        padding-left: 1250px;
        padding-top: 560px;
    }
    .bezat-app-about{
        padding-left: 694px;
        padding-top: 414px;
        line-height: 22px;
    }
    .bezat-app-font{
        font-size: 16px;
    }
    .app-store-right-logo{
        /*padding-left: 1px;*/
        padding-bottom: 16px;
        width: 130px;
    }
    .google-play-right-logo{
        /*padding-left: 5px;*/
        width: 130px;
    }
    .raffle-station{
        padding-top: 316px;
        padding-left: 36px;
    }
    .raffle-station-font1, .raffle-station-font2{
        font-size: 14px;
    }

    /*** contact-form ***/
    #contact{
        /*background: url(https://bezat-s3.s3.me-south-1.amazonaws.com/web/bezat_03.jpg);*/
        /*background-size: cover;*/
        /*background-repeat: round;*/
    }
}

@media only screen and (min-width: 2560px) {
    .main-logo {
        margin-top: -190px;
    }
    #app-hr{
        margin: -17rem 0;
        height: 10px;
    }
    .stores-row{
        /*left: 45%;*/
        /*top: 132%;*/
        left: 36%;
        right: 36%;
        margin-top: 210px;
    }
    .app-store-logo{
        /*width: 120px;*/
    }
    .google-play-logo{
        /*width: 120px;*/
    }
    .bezat-on-row{
        top: 234%;
        width: 230px;
    }
    .bezat-on-col{
        padding-right: 34px;
        font-size: 22px;
        line-height: 28px;
    }
    .web3-row{
        padding-left: 66px;
        /* left: 12%; */
        top: 226%;
    }
    .marketplace-row{
        padding-left: 44px;
        top: 223%;
    }
    .market-col{
        font-size: 170px;
        /*padding-top: 60px;*/
        margin-top: -80px;
        padding-left: 176px;
    }
    .place-col {
        font-size: 114px;
        padding-top: 10px;
    }
    .web3-col{
        font-size: 70px;
        margin-top: 70px;
        padding-bottom: 3rem;
    }
    .web3-underline{
        text-decoration: underline solid #e9a238 10px;
    }
    #sandbox{
        text-align: -webkit-left;
        padding-top: 5rem;
        padding-right: 30px;
    }
    #decentraland{
        text-align: -webkit-right;
        padding-top: 5rem;
        padding-left: 30px;
    }
    .crypto-col{
        font-size: 30px;
        line-height: 54px;
        margin-top: -81px;
    }
    .horizontal-line{
        position: relative;
        width: 180px;
        left: 354px;
        top: -22px;
    }
    /*.vertical-row{*/
    /*    left: 49.8%; top: 231.9%;*/
    /*}*/
    .vertical-line{
        position: relative;
        width: auto;
        left: 352px;
        top: -20px;
        height: 346px;
    }
    .dot{
        width: auto;
        position: relative;
        left: 318px;
        height: 7px;
        padding-left: 0px;
        padding-right: 8px;
        --bs-gutter-x: 32px;
        --bs-gutter-y: 326px;
        border-radius: 50%;
    }
    .learn-btn{
        padding: 0px 48px;
        background: #de00cd;
        border-radius: 40px;
        border: unset;
        color: white;
        width: auto;
        height: 50px;
        line-height: normal;
        position: relative;
        left: 194px;
        top: 350px;
    }
    .learn-span{
        font-size: 24px;
        position: relative;
        top: 0px;
    }
    .bezat-app-row{
        padding-left: 1320px;
        padding-top: 896px;
    }
    .bezat-app-about{
        padding-left: 850px;
        padding-top: 528px;
        line-height: 26px;
    }
    .bezat-app-font{
        font-size: 22px;
    }
    .app-store-right-logo{
        padding-bottom: 20px;
        width: 200px;
    }
    .google-play-right-logo{
        width: 200px;
    }
    .raffle-station{
        padding-top: 534px;
        padding-left: 36px;
    }
    .raffle-station-font1, .raffle-station-font2{
        font-size: 18px;
    }

    #contact{
        /*background: url(https://bezat-s3.s3.me-south-1.amazonaws.com/web/bezat_03.jpg);*/
        /*background-size: cover;*/
        /*background-repeat: round;*/
    }
}