/*media*/
@media only screen and (min-width: 0px) {
    .container-fluid{
        padding: 0 24px;
    }
    .custom-container{
        padding:0 24px;
    }
    .hero-text2{
        font-size: 32px;
    }
    .hero-text3{
        font-size: 14px;
    }
    .features2-text2{
        font-size: 24px;
        margin-bottom: 16px;
    }
    .features-box{
        width: 270px;
        height: 140px;
    }
    .features2-text3 {
        font-size: 14px;
        margin-bottom: 64px;
    }
    .features2-text4 {
        font-size: 20px;
    }
    .features2-text5 {
        font-size: 14px;
    }
    .hero-btn1 , .hero-btn2{
        padding: 13px 8px;
    }
    .custom-box {
        width: 100%;
    }
    .comment-text2 {
        font-size: 24px;
    }
    .comment-text3 {
        font-size: 14px;
    }
    .comment-text4{
        font-size: 12px;
    }
    .comment-text5{
        font-size: 18px;
    }
    .comment-text6{
        font-size: 12px;
    }
    .blog-text2 {
        font-size: 24px;
    }
    .blog-text3{
        font-size: 16px;
    }
    .blog-text4{
        font-size: 14px;
    }
    .blog-box img {
        height: 180px;
    }
    .blog-box {
        height: 340px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .help-text2{
        font-size: 26px;
    }
    .help-text3{
        font-size: 14px;
    }
    .help-box{
        padding: 40px;
    }
    .faq-text2 {
        font-size: 24px;
    }
    .accordion-header {
        font-size: 20px;
    }
    .accordion-button {
        font-size: 20px;
    }
    .accordion-button::after {
        width: 40px;
        height: 40px;
    }
    .comment-box {
    /*    width: 230px;*/
    /*    height: 280px;*/
        margin-right: 10px;
        margin-left: 10px;
    }
    .item-link{
        margin: 0;
    }
    .title{
        font-size: 24px;
    }
    .account-text1{
        font-size: 14px;
    }
    .account-logo {
        width: 50px;
        /*height: 53px;*/
    }
    .account-check {
        width: 80px;
        height: 80px;
    }
    .or {
        background-size: contain !important;
    }
    .notification .dropdown-menu{
        width: 280px;
    }
    .dashboard-box-content {
        padding: 8px 16px;
    }
    .custom-box2{
        width:100%;
    }
    .trade-box2{
        width:100%;
    }
    .upload-photo{
        width: 105px;
    }
    .custom-btn{
        width: 100%;
    }
    .settings-box-content {
        padding: 12px;
    }
    .chet-text1 {
        font-size: 14px;
    }
    .chat-text2 {
        font-size: 10px;
    }
    .chat-text3 {
        font-size: 12px;
    }
    .message {
        max-width: 90%;
    }
    .btn-send{
      width: 35px;
      height: 35px;
        left: 6px;

    }
    thead th {
        min-width: 170px;
    }
   .trade-box thead th {
        min-width:100%!important;
    }
    .notification-text1 {
        font-size: 14px;
    }
    .notification-text2 {
        font-size: 12px;
    }
    .tradingview-chart{
        height: 500px;
    }
    .hero-img {
        max-width:100%;
        margin-left: -37px;
    }
    .trade-text1 , .trade-text2{
        font-size: 12px;
    }
    .trade-table>:not(caption)>*>*{
        padding: .5rem .5rem!important;
    }
    .custom-text16{
        font-size: 15px;
    }
}
@media only screen and (min-width: 400px) {
    .hero-btn1 , .hero-btn2{
        padding: 13px 19px;
    }
    .help-text2{
        font-size: 36px;
    }
    .features-box{
        width: 270px;
        height: 140px;
    }
    .item-link{
        margin: 0 10px;
    }
    .notification .dropdown-menu{
        width: 350px;
    }
    .upload-photo{
        width: 170px;
    }
    .tradingview-chart{
        height: 550px;
    }
    .hero-img {
        max-width: 100%;
        margin-left: -47px;
    }
}
@media only screen and (min-width: 600px) {
    .hero-btn1 , .hero-btn2{
        padding: 13px 24px;
    }
    .or {
        background-size: cover !important;
    }
    .notification .dropdown-menu{
        width: 410px;
    }
    .message {
        max-width: 60%;
    }


}
@media (max-width: 767px) {
    .grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .grid-container {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media only screen and (min-width: 768px) {
    .help-box{
        padding: 80px;
    }
    .comment-box {
    /*    width: 330px;*/
    /*    height: 255px;*/
        margin-right: 15px;
        margin-left: 15px;
    }
    .upload-photo{
        width: 150px;
    }
    .settings-box-content {
        padding: 24px 50px 20px 32px;
    }
    .hero-img {
        max-width: 90%;
        margin-left: -26px;
    }

}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1024px) {
    .container-fluid{
        padding: 0 80px;
    }
    .custom-container{
        padding-right: 80px;
        padding-left: 0;
    }
    .hero-text2{
        font-size: 45px;
    }
    .hero-text3{
        font-size: 16px;
    }
    .features-box{
        width: 306px;
        height: 140px;
    }
    .features2-text2{
        font-size: 40px;
        margin-bottom: 20px;
    }
    .features2-text3 {
        font-size: 16px;
        margin-bottom: 89px;
    }
    .features2-text4 {
        font-size: 24px;
    }
    .features2-text5 {
        font-size: 16px;
    }
    .custom-box {
        width: 389px;
    }
    .comment-text2 {
        font-size: 40px;
    }
    .comment-text3 {
        font-size: 16px;
    }
    .comment-text4{
        font-size: 14px;
    }
    .comment-text5{
        font-size: 20px;
    }
    .comment-text6{
        font-size: 14px;
    }
    .blog-text2 {
        font-size: 40px;
    }
    .blog-text3{
        font-size: 20px;
    }
    .blog-text4{
        font-size: 16px;
    }
    .blog-box img {
        height: 210px;
    }
    .blog-box {
        height: 370px;
        margin-right: 16px;
        margin-left: 16px;
    }
    .help-text2{
        font-size: 48px;
    }
    .help-text3{
        font-size: 16px;
    }
    .faq-text2 {
        font-size: 40px;
    }
    .accordion-header {
        font-size: 24px;
    }
    .accordion-button {
        font-size: 24px;
    }
    .accordion-button::after {
        width: 48px;
        height: 48px;
    }
    .comment-box {
        /*width: 400px;*/
        /*height: 255px;*/
        margin-right: 24px;
        margin-left: 24px;
    }
    .item-link{
        margin: 0 10px;
    }
    .account-logo {
        width: 70px;
        /*height: 78px;*/
    }
    .title{
        font-size: 32px;
    }
    .account-text1{
        font-size: 16px;
    }
    .account-check {
        width: 104px;
        height: 104px;
    }
    .dashboard-box-content {
        padding: 24px 32px;
    }
    .upload-photo{
        width: 176px;
    }
    .chet-text1 {
        font-size: 16px;
    }
    .chat-text2 {
        font-size: 12px;
    }
    .chat-text3 {
        font-size: 14px;
    }
    .message {
        width: 535px;
    }
    .btn-send{
        width: 86px;
        height: 39px;
        left: 24px;
    }

    .notification-text1 {
        font-size: 16px;
    }
    .notification-text2 {
        font-size: 14px;
    }
    .hero-img {
        max-width:75%;
        margin-left: -50px;
    }
}
@media only screen and (min-width: 1200px) {
    .hero-text2{
        font-size: 56px;
    }
    .custom-box2{
        width: 190px;
    }
    .trade-box2{
        width: 190px;
    }
    .header-dashboard .nav-item{
        padding-right: 29px!important;
    }

    thead th {
        min-width: unset;
    }
    .grid-container {
        grid-template-columns: repeat(8, 1fr);
    }
    .tradingview-chart{
        height: 85%;
    }
    .hero-img {
        max-width:85%;
        margin-left: -143px;
    }
    .trade-text1 , .trade-text2{
        font-size: 10px;
    }

    .trade-table>:not(caption)>*>*{
        padding: .5rem 0!important;
    }
    .custom-text16{
        font-size: 11px;
    }
}
@media only screen and (min-width: 1300px) {
    .custom-box2{
        width: 200px;
    }
    .header-dashboard .nav-item{
        padding-right: 30px!important;
    }
    .trade-text1 , .trade-text2{
        font-size: 11px;
    }


}

@media only screen and (min-width: 1500px) {
    .custom-box2{
        width: 240px;
    }
    .trade-box2{
        width: 207px;
    }
    .custom-text16{
        font-size: 15px;
    }
    .trade-table>:not(caption)>*>*{
        padding: .5rem .5rem!important;
    }
}
@media only screen and (min-width: 1900px) {
    .custom-box2{
        width: 300px;
    }
    .trade-box2{
        width: 300px;
    }
}



/*/media*/