@media (min-width: 576px){
.modal-dialog{max-width: 440px;}
#MarketsModal .modal-dialog{max-width: 514px;}
}
@media (min-width: 768px){
#MarketsModal .modal-dialog{max-width: 700px;}
}
@media (min-width: 992px){
#MarketsModal .modal-dialog{max-width: 900px;}
}
@media (min-width: 1200px){
#MarketsModal .modal-dialog{max-width: 1024px;}
}

@media (max-width: 1599px){
.mtop-sec::before{width: 600px; height: auto;}
.mtop-sec::after{width: 850px; height: auto;}
}

@media (max-width: 1399px){
h1, .h1{font-size: 55px;}
h2, .h2{font-size: 45px;}
h3, .h3{font-size: 22px;}
h4, .h4{font-size: 18px;}
.hero .hero-shape1{right: -180px;}
.hero .hero-t h1 .star{padding-right: 65px;}
.hero .hero-t h1 .star::after{width: 55px; height: 55px;}
.your-security .your-security-item .your-security-d p{margin: 0 0px;}
.mtop-sec .mtop-sec-shape1{right: -210px;}
.sec-about .sec-about-image .sec-about-image-l{width: 260px;}
.sec-about .sec-about-image .sec-about-image-r{width: 300px;}
.sec-about .sec-about-detail{padding: 0px 65px;}
.contact-m-form{padding: 30px 30px;}
}

@media (max-width: 1199px){
.hero .hero-m .hero-m-image{margin-right: 60px;}
.hero .hero-b .hero-b-item h4{font-size: 16px;}
.digital-assets .digital-assets-mdetail{padding: 0px;}
.digital-assets .digital-assets-mdetail .list li{margin-top: 30px;}
.crypto-journey .crypto-journey-item .crypto-journey-d{padding: 0px 15px 0px;}
.newsletter .newsletter-inner{padding: 55px 30px 51px;}
.newsletter .newsletter-d{max-width: 450px;}
.newsletter .newsletter-inner h2{font-size: 36px;}
#MarketsModal .modal-dialog-scrollable .modal-body{padding: 0 15px !important;}
#MarketsModal .modal-content{border-radius: 12px; padding: 10px 0;}
.sec-about .sec-about-image .sec-about-image-l{width: 230px;}
.sec-about .sec-about-image .sec-about-image-r{width: 240px;}
.sec-about .sec-about-detail{padding: 0px 25px;}
.mtop-sec::before{width: 450px;}
.mtop-sec::after{width: 700px;}
.mtop-sec .contact-m-t-inner ul li{width: 100%; margin-top: 15px;}
.mtop-sec .contact-m-t-inner ul li:first-child{margin-top: 0px;}
.marketsmodal-item .buy-btn-connect{font-size: 13px !important; height: 28px; width: 60px;}
#main-footer .main-footer-officein br{display: none;}
}


@media (max-width: 991px){
#main-header .navbar-nav .nav-item{padding: 0 4px;}
#main-header .navbar-nav .nav-link{font-size: 15px; padding: 11px 4px;}
.digital-assets .digital-assets-mdetail{padding: 40px 0px 0;}
.crypto-journey .crypto-journey-c{margin-bottom: 24px;}
.crypto-journey .crypto-journey-inner::before{top: -150px; height: 250px;}
.newsletter .newsletter-inner{padding: 25px 30px;}
.newsletter .newsletter-i{right: -32px; top: 0; width: 406px;}
.newsletter .newsletter-d{max-width: 310px;}
#main-footer .main-footer-social ul li{padding-left: 18px;}
#main-footer .main-footer-mr{margin-top: 20px;}
#main-footer .main-footer-m .main-footer-mcol{padding-bottom: 10px;}
#main-footer .main-footer-m-in hr{margin: 5px 0 20px 0;}
.digital-assets .digital-assets-mimage{text-align: center; margin: 0 auto;}
.mtop-sec .mtop-sec-t .mtop-sec-t-inner{text-align: center; margin-bottom: 40px;}
.mtop-sec .mtop-sec-t .mtop-sec-t-btn{justify-content: center;}
.mtop-sec .mtop-sec-t .mtop-sec-image{text-align: center;}
.sec-about .sec-about-image{margin: 0 auto 40px; width: 470px; max-width: 100%;}
.mtop-sec .mtop-sec-t{margin-bottom: 0px;}
.mtop-sec .mtop-sec-t{background-position: 50% 100%;}
.mtop-sec .contact-m-t-inner{margin-bottom: 40px;}
}

@media (max-width: 767px){
body, input, textarea, button, select{font-size: 14px;}
h1, .h1{font-size: 35px;}
h2, .h2{font-size: 30px;}
h3, .h3{font-size: 20px;}
h4, .h4{font-size: 16px;}
button, .t-btn{font-size: 14px; height: 44px; min-width: auto; padding: 3px 13px;}
#main-header .navbar{padding: 15px 0;}
#main-header .navbar-toggler{min-width: auto; padding: 0; height: auto; color: #fff; border: 0; box-shadow: none; background: transparent;}
#main-header .navbar-brand{width: 100px;}
#main-header .navbar-collapse{background: #fff; position: absolute; left: 0; top: 58px; right: 0; border-radius: 0 0px 10px 10px; padding: 0;}
#main-header .navbar-collapse .create-account{position: relative; right: auto; top: auto; margin: 15px; margin-top: 0;}
#main-header .navbar-nav{padding: 15px;}
#main-header .navbar-nav .nav-link{color: #333;}
.hero{padding: 83px 0 0 0;}
.hero .hero-shape1{display: none;}
.hero .hero-shape2{left: 0px; top: 0px; width: 150px;}
.hero .hero-shape3{left: 50px; top: 200px;}
.hero .hero-t h1{margin: 0 0px 17px;}
.hero .hero-t h1 .star{padding-right: 45px;}
.hero .hero-t h1 .star::after{width: 35px; height: 35px;}
.hero .hero-t .hero-t-btn button{margin: 0 5px;}
.hero .hero-b{padding: 20px 0 5px 0; margin-top: -20px;}
.hero .hero-m .hero-m-image{margin-right: 0px;}
.hero .hero-b .hero-b-item{margin-bottom: 15px;}
.digital-assets{padding: 40px 0;}
.digital-assets .nav-tabs{margin: 21px auto 38px;}
.digital-assets .digital-assets-shape1{bottom: 0px; width: 150px;}
.your-security{padding: 0px 0 5px 0;}
.your-security h2{margin-bottom: 30px;}
.your-security .your-security-item{margin-bottom: 35px;}
.crypto-journey .crypto-journey-inner::before{top: -60px; height: 120px;}
.crypto-journey .crypto-journey-star1, .crypto-journey .crypto-journey-star2, .crypto-journey .crypto-journey-star3{left: 0px; top: 0px; width: 41px; height: 41px;}
.crypto-journey .crypto-journey-star2{left: auto; right: 0px; width: 38px; height: 38px; top: 13px;}
.crypto-journey .crypto-journey-inner{padding: 40px 0;}
.crypto-journey .crypto-journey-star3{left: auto; right: 0px; top: auto; bottom: 10px;}
.crypto-journey .sec-title-inner::before{top: -28px; width: 28px; height: 28px;}
.crypto-journey .crypto-journey-r{padding-top: 40px; padding-bottom: 10px;}
.crypto-journey .crypto-journey-item{width: 290px; margin: 0 auto; text-align: center;}
.crypto-journey .crypto-journey-inner::after{left: 18px;}
.client{padding: 40px 0;}
.newsletter{padding: 0px 0 40px 0;}
.newsletter .newsletter-i{display: none;}
.newsletter .newsletter-d{max-width: 100%;}
.newsletter .newsletter-inner h2{font-size: 30px;}
.newsletter .newsletter-d p{margin-bottom: 20px;}
.newsletter .newsletter-d .form-group{margin-bottom: 20px;}
#main-footer{padding: 40px 0 10px;}
#main-footer .main-footer-social{padding: 15px 0 0 0; justify-content: flex-start !important;}
#main-footer .main-footer-t{padding-bottom: 20px;}
#main-footer .main-footer-mr{margin-top: 0px;}
#main-footer .main-footer-disclaimer{font-size: 14px; border-radius: 10px; padding: 15px 15px;}
.newsletter .newsletter-d .t-btn{width: 100%;}
.loginmodal .modal-header .modal-title{font-size: 20px;}
#MarketsModal .modal-dialog{margin-top: 59px;}
#MarketsModal .modal-content{border-radius: 0 0 12px 12px;}
.mtop-sec{padding: 83px 0 34px 0;}
.mtop-sec .mtop-sec-t{margin-bottom: 0px; padding-top: 0px;}
.mtop-sec .mtop-sec-shape1{display: none;}
.sec-about{padding: 40px 0 30px 0;}
.sec-about h2{padding: 7px 0 30px 40px; min-height: 50px; background-size: 50px;}
.sec-about .sec-about-image .sec-about-image-in{padding: 22px 15px; text-align: center;}
.sec-about .sec-about-image .sec-about-image-l{margin: 0 auto 30px; float: none;}
.sec-about .sec-about-image .sec-about-image-r{margin: 0 auto; float: none;}
.sec-about .sec-about-detail{padding: 0px 0px; text-align: center;}
.sec-about .sec-about-detail h3{margin: 0 0 20px 0;}
.mtop-sec::before{width: 220px;}
.mtop-sec::after{width: 410px;}
.mtop-sec .mtop-sec-t h1, .hero .hero-t p, .mtop-sec .contact-m-t-inner p{margin-bottom: 20px;}
.mtop-sec .contact-m-t-inner h3{margin-bottom: 10px;}
.contact-m-form{padding: 15px 15px 20px; border-radius: 10px;}
.contact-m .contact-m-t{padding-bottom: 0px;}
#main-footer ul li{padding-bottom: 8px;}
#main-header .navbar-nav .navmarkets{position: relative; z-index: 1;}
#main-header .navbar-nav .navmarkets .navmarkets-menu{padding-top: 0; top: 100%;}
#main-header .navbar-nav .navmarkets .marketsmodal-inner{border-radius: 0px 0px 10px 10px; padding: 5px 5px; height: 330px; overflow: hidden; overflow-y: auto;}
.digital-assets .digital-assets-t-inner{padding: 0 0px;}
.digital-assets .nav-tabs{overflow: hidden; overflow-x: auto; width: 100%; white-space: nowrap; display: flex; justify-content: flex-start !important;}
.digital-assets .nav-tabs .nav-item{width: auto;}
}
@media (max-width: 575px){
.auth .t-btn{height: 44px;}
.loginmodal .t-btn{width: 100%;}
.loginmodal .modal-content{border-radius: 10px; padding: 15px 15px;}
.loginmodal .modal-body .form-control, .loginmodal .modal-body .form-select{height: 44px;}
.loginmodal .modal-body .verify-num .form-control{width: 40px; height: 44px; font-size: 16px;}
}