/* hone ---------start */
.home #choose-your-wallet .title .title-middle p, .home #crypto .crypto-content .crypto-top .title .title-middle p {
    font-size: 72px;
}
.home #choose-your-wallet .wallet-box .middle-right .right-btn {
    padding: 10px 18px;
}
.home #beyond-crypto .web3-fingertips .fingertips .text-describe {
    max-width: 639px;
}
@media screen and (min-width: 991px) and  (max-width: 1199px) {

}
@media screen and (min-width: 769px) and  (max-width: 990px) { }
@media screen and (min-width: 375px) and  (max-width: 768px) {
    .home #choose-your-wallet .title .title-middle p, .home #crypto .crypto-content .crypto-top .title .title-middle p {
        font-size: 60px;
    }
    .home #choose-your-wallet .wallet-box .middle-right .right-btn {
        font-size: 18px;
        padding: 10px 12px;
    }
    .home #choose-your-wallet .wallet-box .item-middle .middle-left h3 {
        font-size: 28px;
    }
    .home #stand-out .education .title h3 {
        font-size: 44px;
    }
    .home #crypto .crypto-content .crypto-top .title .title-middle p {
        font-size: 53px;
    }
    .home-footer #trusted .trusted-item .describe p {
        font-size: 17px;
        line-height: 1.6;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    .home #choose-your-wallet .title .title-middle p, .home #crypto .crypto-content .crypto-top .title .title-middle p {
        font-size: 50px;
    }
    .home #choose-your-wallet .wallet-box .middle-right .right-btn {
        font-size: 16px;
        padding: 10px 12px;
    }
    .home #choose-your-wallet .wallet-box .item-middle .middle-left h3 {
        font-size: 24px;
    }
    .home #crypto .crypto-content .crypto-top .title .title-middle p {
        font-size: 48px;
    }
    .home #stand-out .education .title h3 {
        font-size: 40px;
    }
    .home #stand-out .download-safepay .top .top-btn {
        font-size:16px;
        padding: 10px 12px;
    }
    .home #beyond-crypto .web3-fingertips .fingertips .text p{
        font-size: 42px;
    }
    .home-footer #trusted .trusted-content .title h3 {
        font-size: 30px;
    }
    .home-footer #trusted .trusted-item .describe p {
        font-size: 15px;
        line-height: 1.3;
    }
}
@media (max-width: 319px){
    .home #choose-your-wallet .title .title-middle p, .home #crypto .crypto-content .crypto-top .title .title-middle p {
        font-size: 50px;
    }
    .home #choose-your-wallet .wallet-box .middle-right .right-btn {
        font-size: 16px;
        padding: 8px 10px;
    }
    .home #choose-your-wallet .wallet-box .item-middle .middle-left h3 {
        font-size: 22px;
    }
    .home #stand-out .education .title h3 {
        font-size: 40px;
    }
    .home-footer #trusted .trusted-content .title h3 {
        font-size: 30px;
    }
    .home-footer #trusted .trusted-item .describe p {
        font-size: 14px;
        line-height: 1.2;
    }
}
/* home ----------- end */
/* app-info ------------start */
#hero.app-info-hero .safepay-wallet {
    max-width: 750px;
}
#hero.app-info-hero .safepay-wallet .sub-title {
    font-size: 100px;
}
.app-info-start-today-footer #level-up .icon-safe-box {
    max-width: 584px;
}   
@media screen and (min-width: 991px) and  (max-width: 1199px) {
    #hero.app-info-hero .safepay-wallet {
        max-width: 100%;
    }
    #hero.app-info-hero .safepay-wallet .sub-title {
        font-size: 86px;
    }
}
@media screen and (min-width: 769px) and  (max-width: 990px) {
    #hero.app-info-hero .safepay-wallet {
        max-width: 100%;
    }
    #hero.app-info-hero .safepay-wallet .sub-title {
        font-size: 86px;
    }
    .app-info-start-today-footer #level-up .icon-safe-box {
        max-width: 100%;
    }
 }
@media screen and (min-width: 375px) and  (max-width: 768px) {
    #hero.app-info-hero .safepay-wallet {
        max-width: 100%;
    }
    #hero.app-info-hero .safepay-wallet .sub-title {
        font-size: 48px;
    }
    #hero.app-info-hero .streamline.title h3 {
        font-size: 48px;
    }
    .app-info #streamline .list-item .text-show .sub-title p {
        font-size: 42px;
    }
    .app-info-start-today-footer #level-up .icon-safe-box {
        max-width: 100%;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    #hero.app-info-hero .safepay-wallet {
        max-width: 100%;
    }
    #hero.app-info-hero .safepay-wallet .sub-title {
        font-size: 42px;
    }
    #hero.app-info-hero .streamline.title h3 {
        font-size: 42px;
    }
    .app-info #streamline .list-item .text-show .sub-title p {
        font-size: 42px;
    }
    .app-info-start-today-footer #level-up .icon-safe-box {
        max-width: 100%;
    }
}
@media (max-width: 319px){
    #hero.app-info-hero .safepay-wallet {
        max-width: 100%;
    }
    #hero.app-info-hero .safepay-wallet .sub-title {
        font-size: 40px;
    }
    #hero.app-info-hero .streamline.title h3 {
        font-size: 40px;
    }
    .app-info-start-today-footer #level-up .icon-safe-box {
        max-width: 100%;
    }
    
}
/* app-info ------------end */
/* extension ----------- start */
#hero.extension-hero .hero {
    padding: 168.7px 0px 258px;
}
#hero.extension-hero .hero-clound1 {
    bottom: -50%;
}
#main.upgrade-main #question .question-item {
    max-width: 690px;
}
#hero.extension-hero .hero .platform .platform-item a {
    padding: 20px 12px;
}
@media (max-width: 991px) {
    #hero.extension-hero .hero {
        padding: 123px 16px 208px
    }
    #hero.extension-hero .hero-clound1 {
        bottom: -25%;
    }
    .extension-main #what-next .install .instll-btn .platform-item a {
        padding: 12px 15px;
    }
    #hero.extension-hero .hero .platform .platform-item {
        max-width: 100%;
        width: 250px;
    }
    #hero.extension-hero .hero h3.title-middle {
        font-size: 46px;
    }
}
@media screen and (min-width: 991px) and  (max-width: 1199px) {
    #hero.extension-hero .hero-clound1 {
        bottom: -35%;
    }
}
@media screen and (min-width: 769px) and  (max-width: 990px) { }
@media screen and (min-width: 375px) and  (max-width: 768px) {
    .extension-main #doitbetter .doitbetter .content-box .box-item .describe-text .icon-list .icon-item {
        padding: 8px 10px;
    }
    .extension-main #doitbetter .doitbetter .content-box .box-item .describe-text .icon-list .icon-item .icon-text {
        font-size: 16px;
        line-height: 1;
    }
    .extension-main #your-browser .your-browser .pc-star.title .title-top {
        font-size: 42px;
    }
    .extension-main #doitbetter .doitbetter .pc-star.title .title-top {
        font-size: 42px;
    }
    .extension-main #what-next .title h3 {
        font-size: 42px !important;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    .extension-main #doitbetter .doitbetter .content-box .box-item .describe-text .icon-list .icon-item {
        padding: 8px 10px;
    }
    .extension-main #doitbetter .doitbetter .content-box .box-item .describe-text .icon-list .icon-item.and_more {
        width: auto;
    }
    .extension-main #doitbetter .doitbetter .content-box .box-item .describe-text .icon-list .icon-item .icon-text {
        font-size: 16px;
        line-height: 1;
    }
    .extension-main #your-browser .your-browser .pc-star.title .title-top {
        font-size: 40px;
    }
    .extension-main #doitbetter .doitbetter .pc-star.title .title-top {
        font-size: 40px;
    }
    .extension-main #what-next .title h3 {
        font-size: 40px !important;
    }
    #hero.extension-hero .hero h3.title-middle {
        font-size: 40px;
    }
}
@media (max-width: 319px){
    .extension-main #doitbetter .doitbetter .content-box .box-item .describe-text .icon-list .icon-item {
        padding: 8px 10px;
    }
    .extension-main #doitbetter .doitbetter .content-box .box-item .describe-text .icon-list .icon-item.and_more {
        width: auto;
    }
    .extension-main #doitbetter .doitbetter .content-box .box-item .describe-text .icon-list .icon-item .icon-text {
        font-size: 14px;
        line-height: 1;
    }
    .extension-main #your-browser .your-browser .pc-star.title .title-top {
        font-size: 36px;
    }
    .extension-main #doitbetter .doitbetter .pc-star.title .title-top {
        font-size: 36px;
    }
    .extension-main #what-next .title h3 {
        font-size: 36px !important;
    }
    #hero.extension-hero .hero h3.title-middle {
        font-size: 36px;
    }
}
/* extension ----------- end */
/* upgrade -------- start */


.upgrade-main #firmware-version .firmware-version .search-box .search-input {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 170px;
}
#hero.upgrade-hero .safepay-upgrade {
    max-width: 760px;
}
#hero.upgrade-hero .img-box .locked {
    bottom: -42%;
}
#hero.upgrade-hero-x1 .img-box .locked {
    bottom: -18%;
}
@media screen and (min-width: 991px) and  (max-width: 1199px) {
    #hero.upgrade-hero .safepay-upgrade {
        max-width: 630px;
    }
    #hero.upgrade-hero .safepay-upgrade .describe p {
        font-size: 68px;
    }
}
@media screen and (min-width: 769px) and  (max-width: 990px) { }
@media screen and (min-width: 375px) and  (max-width: 768px) {
    #hero.upgrade-hero .safepay-upgrade .describe p {
        font-size: 42px;
    }
    .upgrade-main #firmware-version .check-firmware h3.title-top, .upgrade-main #firmware-version .important-tips h3.title-top{
        font-size: 42px;
    }
    .upgrade-main #upgrade-steps .title h3 {
        font-size: 42px;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    #hero.upgrade-hero .safepay-upgrade .describe p {
        font-size: 38px;
    }
    #hero.upgrade-hero .safepay-upgrade .version p {
        font-size: 17px;
    }
    .upgrade-main #firmware-version .check-firmware h3.title-top, .upgrade-main #firmware-version .important-tips h3.title-top{
        font-size: 38px;
    }
    .upgrade-main #upgrade-steps .title h3 {
        font-size: 38px;
    }
}
@media (max-width: 319px){}

/* upgrade --------- end */
/* affiliate ------- start */
@media screen and (min-width: 991px) and  (max-width: 1199px) {
    #main.affiliate #hero .hero .left {
        max-width: 740px;
    }
    #main.affiliate #hero .hero p.sub-title {
        font-size:96px;
    }
}
@media screen and (min-width: 769px) and  (max-width: 990px) { 
    #main.affiliate #hero .hero p.sub-title {
        font-size:80px;
    }
}
@media screen and (min-width: 375px) and  (max-width: 768px) {
    #main.affiliate #hero .hero p.sub-title {
        font-size:64px;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    #main.affiliate #hero .hero p.sub-title {
        font-size:54px;
    }
}
@media (max-width: 319px){
    #main.affiliate #hero .hero p.sub-title {
        font-size:48px;
    }
}
/* affiliate ---------- end */
/* brandoverview ----------- start */
@media screen and (min-width: 991px) and  (max-width: 1199px) {

}
@media screen and (min-width: 769px) and  (max-width: 990px) { }
@media screen and (min-width: 375px) and  (max-width: 768px) {
    #main.brandoverview #hero {
        padding-top: 120px;
        background-size: 100% 40.5%, auto;
        background-position: center top 68px, center;
    }
    #main.brandoverview #hero .hero .left h3 {
        font-size: 50px;
    }
    #main.brandoverview #hero .hero-text {
        margin-top: 150px;
    }
    #main.brandoverview #hero .hero-text .text p {
        font-size: 28px;
    }
    #main.brandoverview #sfp {
        margin-top: 220px;
        margin-bottom: 120px;
    }
    #main.brandoverview #sfp .sfp .right p {
        font-size: 42px;
    }
    #main.brandoverview #scale .scale .left p {
        font-size: 42px;
    }
    #main.brandoverview #brand .brand .top .text p {
        font-size: 36px;
        line-height: 150%;
    }
    #main.brandoverview #newlook .newlook .top h3 {
        font-size: 42px;
    }
    #main.brandoverview #brand .brand {
        padding-top: 100px;
        padding-bottom: 150px;
    }
    #main.brandoverview #newlook .newlook .bottom button.my-btn {
        padding: 10px 12px;
        font-size: 16px;
        line-height: 1.4;
    }
}
@media (max-width: 374px) {
    #main.brandoverview #hero {
        padding-top: 80px;
        background-size: 100% 35.5%, auto;
        background-position: center top 68px, center;
    }
    #main.brandoverview #hero .hero .left h3 {
        font-size: 48px;
    }
    #main.brandoverview #hero .hero-text {
        margin-top: 140px;
    }
    #main.brandoverview #hero .hero-text .text p {
        font-size: 26px;
    }
    #main.brandoverview #sfp {
        margin-top: 174px;
        margin-bottom: 110px;
    }
    #main.brandoverview #sfp .sfp .right p {
        font-size: 36px;
    }
    #main.brandoverview #scale .scale .left p {
        font-size: 36px;
    }
    #main.brandoverview #brand .brand .top .text p {
        font-size: 30px;
        line-height: 150%;
    }
    #main.brandoverview #newlook .newlook .top h3 {
        font-size: 42px;
    }
    #main.brandoverview #brand .brand {
        padding-top: 93px;
        padding-bottom: 120px;
    }
    #main.brandoverview #newlook .newlook .bottom button.my-btn {
        padding: 10px 12px;
        font-size: 16px;
        line-height: 1.2;
    }
}
/* brandoverview --------- end */
/* coin-list ------ start */
.coin-list #hero .hero-container .left {
    max-width: 680px;
    margin-right: 30px;
}
.coin-list #hero .hero-container .left .describe p {
    line-height: 1.1;
}
@media screen and (min-width: 991px) and  (max-width: 1199px) {

}
@media screen and (min-width: 769px) and  (max-width: 990px) {
    .m-filter-menu-dialog.dialog-fixed .content-item-label {
        min-width: 88px
    }
}
@media screen and (min-width: 375px) and  (max-width: 768px) {
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .form-checked .form-check-label {
        padding: 4px 8px;   
        font-size: 16px;
    }
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .content-item-label {
        margin-right: 4px;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .form-checked .form-check-label img {
        width: 26px !important;
        height: 26px !important;
    }
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .content .item-btn .btn {
        font-size: 16px;
    }
    .m-filter-menu-dialog.dialog-fixed .content-item-label {
        min-width: 88px
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .form-checked .form-check-label {
        padding: 4px 8px;
        font-size: 14px; 
    }
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .content-item-label {
        margin-right: 4px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .form-checked .form-check-label img {
        width: 22px !important;
        height: 22px !important;
    }
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .content .item-btn .btn {
        font-size: 16px;
    }
    .m-filter-menu-dialog.dialog-fixed .content-item-label {
        min-width: 80px
    }
}
@media (max-width: 319px){
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .form-checked .form-check-label img {
        width: 22px !important;
        height: 22px !important;
    }
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .content .item-btn .btn {
        font-size: 14px;
    }
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .form-checked .form-check-label {
        font-size: 12px; 
    }
    .m-filter-menu-coin.m-filter-menu-dialog.dialog-fixed .content-item-label {
        margin-bottom: 10px;
    }
    .m-filter-menu-dialog.dialog-fixed .content-item-label {
        min-width: 80px
    }
}
/* coin-list ------ end */
/* download ----------start */
@media screen and (min-width: 375px) and  (max-width: 768px) {
    .download #myTab .nav-item .nav-link {
        font-size: 14px;
        line-height: 1.4;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    .download #myTab .nav-item .nav-link {
        font-size: 13px;
        line-height: 1.2;
    }
    #myTabContent .hero-title h3 {
        font-size: 40px;
    }
}
@media (max-width: 319px){
    .download #myTab .nav-item .nav-link {
        font-size: 12px;
        line-height: 1.2;
    }
    #myTabContent .hero-title h3 {
        font-size: 40px;
    }
}
/* download --------- end */
/* reseller ------- start */
#main.reseller #hero .hero .top-item {
    max-width: 635px;
}
#main.reseller #hero .hero .top-item h3.title {
    font-size: 99px;
}
#main.reseller #hero .hero .puzzle {
    max-width: 564px;
}
#main.reseller #hero .hero .puzzle2 {
    max-width: 270px;
    top: 2%;
    left: 94%;
}
@media screen and (min-width: 991px) and  (max-width: 1199px) {

}

@media (max-width: 991px){
    #main.reseller #hero .hero .top-item h3.title {
        font-size: 36px;
    }
    #main.reseller #hero .hero .top-item {
        max-width: 100%;
    }
    #main.reseller #hero .hero .puzzle {
        max-width: 354px;
    }
    #main.reseller #hero .hero .puzzle2 {
        max-width: 171px;
        top: 97%;
        left: -23%;
    }
}
@media screen and (min-width: 769px) and  (max-width: 990px) { 
    #main.reseller #hero .hero .puzzle2 {
        left: 12%;
    }
}
@media screen and (min-width: 375px) and  (max-width: 768px) {
    #main.reseller #hero .hero .puzzle2 {
        left: -4%;
    }
}
/* sfp ------- start */
#main.sfp #hero .safepay-token {
    max-width: 820px;
}
#main.sfp #get-sfp .content .enumera-item .btn .btn-common {
    padding: 16px 12px;
    font-size: 17px;
}
#main.sfp #stay-safe .stay-safe .content-box h3 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 991px){
    #main.sfp #hero .safepay-token {
        max-width: 100%;
    }
    #main.sfp #stay-safe .content-box .btn-box .btn {
        padding: 16px 16px;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    #main.sfp #hero .safepay-token .title h3 {
        font-size: 42px;
    }
    #main.sfp #what-is-sfp .title h3.title-top, #main.sfp #use-cases .title h3, #main.sfp #get-sfp .title h3 {
        font-size: 42px;
    }
    #main.sfp #stay-safe .stay-safe .content-box h3 {
        font-size: 42px;
    }
}
@media (max-width: 319px){
    #main.sfp #hero .safepay-token .title h3 {
        font-size: 40px;
    }
    #main.sfp #what-is-sfp .title h3.title-top, #main.sfp #use-cases .title h3, #main.sfp #get-sfp .title h3 {
        font-size: 40px;
    }
    #main.sfp #stay-safe .stay-safe .content-box h3 {
        font-size: 40px;
    }
}
@media (max-width: 991px){
    #main.download .hero-item .platform-item .btn-browser-download {
        padding: 17px 12px;
    }
}

/* sfp ------- end */
/* reseller -------- end */
/* about --------- start */
#main.about #history .history-carousel-box .my-carousel-item-type-2 {
    min-height: 305px;
}
@media screen and (min-width: 991px) and  (max-width: 1199px) {

}
@media screen and (min-width: 769px) and  (max-width: 990px) { }
@media screen and (min-width: 375px) and  (max-width: 768px) {
    #hero.about-hero .hero-container .title-box .sub-title {
        font-size: 36px;
    }
    #main.about #purpose .title h3, #main.about #future .title h3, #main.about #core-values .title h3 {
        font-size: 42px;
    }
    #main.about #story .story .title h3,
    #main.about #history .carousel-pagination .title h3,
    #main.about #our-team .bottom h3 {
        font-size: 42px;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    #hero.about-hero .hero-container .title-box .sub-title {
        font-size: 32px;
    }
    #main.about #purpose .title h3, #main.about #future .title h3, #main.about #core-values .title h3 {
        font-size: 38px;
    }
    #main.about #story .story .title h3,
    #main.about #history .carousel-pagination .title h3,
    #main.about #our-team .bottom h3 {
        font-size: 40px;
    }
    #main.about #future .future-list .list-item p.title {
        font-size: 15px;
    }
}
@media (max-width: 319px){
    #hero.about-hero .hero-container .title-box .sub-title {
        font-size: 30px;
    }
    #main.about #purpose .title h3, #main.about #future .title h3, #main.about #core-values .title h3 {
        font-size: 34px;
    }
    #main.about #story .story .title h3,
    #main.about #history .carousel-pagination .title h3,
    #main.about #our-team .bottom h3 {
        font-size: 34px;
    }
    #main.about #future .future-list .list-item p.title {
        font-size: 14px;
    }
}
/* about --------- end */
/* cypher ------- start */
#main.cypher #inside-box .inside-box .inside-box-item .text-show {
    margin: 0px;
}
#main.cypher #inside-box .inside-box .inside-box-item .image-show {
    margin: 0px;
} 
#main.cypher #inside-box .inside-box .inside-box-item .text-show {
    margin-left: 30px;
}
#main.cypher #inside-box .inside-box .inside-box-item .image-show {
    margin-right: 30px;
}
#main.cypher #inside-box .inside-box .inside-box-item .text-show.text-show-other {
    margin: 0px;
    margin-right: 20px;
}
#main.cypher #inside-box .inside-box .inside-box-item .image-show.image-show-other {
    margin: 0px;
    margin-left: 20px;
}
@media (max-width: 991px){
    #main.cypher #inside-box .inside-box .inside-box-item .text-show {
        margin: 0px;
    }
    #main.cypher #inside-box .inside-box .inside-box-item .image-show {
        margin: 0px;
    } 
}
/* cypher ------- end */
/* leathercase ------- start */

@media screen and (min-width: 991px) and  (max-width: 1199px) {

}
@media screen and (min-width: 769px) and  (max-width: 990px) { }
@media screen and (min-width: 375px) and  (max-width: 768px) {
    .leathercase #exhibit .list-item.replenish-item .text-show h3 {
        font-size: 42px;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    .leathercase #exhibit .list-item.replenish-item .text-show h3 {
        font-size: 36px;
    }
}
@media (max-width: 319px){
    .leathercase #exhibit .list-item.replenish-item .text-show h3 {
        font-size: 32px;
    }
}
/* leathercase ----- end */
@media screen and (min-width: 991px) and  (max-width: 1199px) {

}
@media screen and (min-width: 769px) and  (max-width: 990px) { }
@media screen and (min-width: 375px) and  (max-width: 768px) {}
@media screen and (min-width: 320px) and  (max-width: 374px) {}
@media (max-width: 319px){
    
}



@media screen and (min-width: 991px) and  (max-width: 1199px) {

}
@media screen and (min-width: 769px) and  (max-width: 990px) { }
@media screen and (min-width: 375px) and  (max-width: 768px) {
    #one-wallet .one-wallet .download .downloads-btn,
    #start-soar .start-soar .download .downloads-btn,
    #join-us .join-us .download .downloads-btn {
        padding: 10px 12px !important;
        font-size: 16px !important;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    #one-wallet .one-wallet .download .downloads-btn,
    #start-soar .start-soar .download .downloads-btn,
    #join-us .join-us .download .downloads-btn {
        padding: 10px 12px !important;
        font-size: 16px !important;
    }
}
@media (max-width: 319px){
    #one-wallet .one-wallet .download .downloads-btn,
    #start-soar .start-soar .download .downloads-btn,
    #join-us .join-us .download .downloads-btn {
        padding: 10px 12px !important;
        font-size: 16px !important;
    }
}
@media (max-width: 420px){
    #main.s1 #hero .hero-right .add-order,
    #main.s1pro #hero .hero-right .add-order,
    #main.x1 #hero .hero-right .add-order,
    #main.cypher #hero .hero-right .add-order,
    #main.leathercase #hero .hero-right .add-order {
        display: flex;
        flex-direction: column;
    }
    #main.s1 #hero .hero-right .add-order .my-btn.my-btn-add,
    #main.s1pro #hero .hero-right .add-order .my-btn.my-btn-add,
    #main.x1 #hero .hero-right .add-order .my-btn.my-btn-add,
    #main.cypher #hero .hero-right .add-order .my-btn.my-btn-add,
    #main.leathercase #hero .hero-right .add-order .my-btn.my-btn-add {
        margin-right: 0px !important;
        margin-bottom: 20px !important;
    }
    #main.s1 #hero .hero-right .add-order .my-btn.my-btn-order,
    #main.s1pro #hero .hero-right .add-order .my-btn.my-btn-order,
    #main.x1 #hero .hero-right .add-order .my-btn.my-btn-order,
    #main.cypher #hero .hero-right .add-order .my-btn.my-btn-order,
    #main.leathercase #hero .hero-right .add-order .my-btn.my-btn-order {
        margin: 0px;
    }
}
/* joinus ----  */

@media screen and (min-width: 991px) and  (max-width: 1199px) {

}
@media screen and (min-width: 769px) and  (max-width: 990px) { }
@media screen and (min-width: 375px) and  (max-width: 768px) {
    #main.joinus .apply-dialog .apply-box .apply-row.linkedin-location {
        display: block;
    }
    #main.joinus .apply-dialog .apply-box .apply-row.linkedin-location .apply-item.linkedin {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 320px) and  (max-width: 374px) {
    #main.joinus .apply-dialog .apply-box .apply-row.linkedin-location {
        display: block;
    }
    #main.joinus .apply-dialog .apply-box .apply-row.linkedin-location .apply-item.linkedin {
        margin-bottom: 20px;
    }
}
@media (max-width: 319px){
    #main.joinus .apply-dialog .apply-box .apply-row.linkedin-location {
        display: block;
    }
    #main.joinus .apply-dialog .apply-box .apply-row.linkedin-location .apply-item.linkedin {
        margin-bottom: 20px;
    }
}