/* هدر */
@media screen and (max-width: 1199px) {
    .navbar-middle .nav-right .logo {
        padding: 0;
    }

    .navbar-middle .nav-right img {
        width: 150px;
    }

    .navbar-middle .nav-left img {
        width: 150px;
        float: left;
    }

    .navbar-middle .nav-right ul{
        display: block;
    }

    .navbar-middle-menu{
        display: none;
    }

    .navbar-toggler:focus {
        background-color: #181818;
        outline: 0;
        box-shadow: none;
    }

    .navbar-collapse {
        background: #181818;
        width: 100%;
    }

    .navbar-collapse .nav-link {
        font-family: "nassimbold";
        color: #fff;
        padding: 8px 12px;
    }

    .navbar-collapse .nav-link:hover {
        background-color: #b71818;
    }

    .navbar-collapse .nav-link i {
        position: relative;
        bottom: -2px;
        padding: 4px;
    }

    .navbar-middle button {
        font-size: 20px;
        color: #fff;
        border: 1px solid black;
        border-radius: 0;
        padding: 6px 12px;
        margin: 8px 0 8px 8px;
    }

    .navbar-middle .navbar-toggler i {
        position: relative;
        bottom: -2px;
        margin: 0;
    }

    .navbar-down .container .nav {
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0 12px;
    }

    .navbar-down .container .navbar-down-list {
        position: relative;
    }

    .navbar-down .container .navbar-down-list::before {
        font-family: 'Font Awesome 5 Free';
        font-size: 16px;
        font-weight: 900;
        color: #545454;
        display: inline-block;
        content: "\f105";
        position: absolute;
        right: 0;
        bottom: 8px;
    }

    .navbar-down .container .navbar-down-list::after {
        font-family: 'Font Awesome 5 Free';
        font-size: 16px;
        font-weight: 900;
        color: #545454;
        display: inline-block;
        content: "\f104";
        position: absolute;
        left: 0px;
        bottom: 8px;
    }

    .navbar-down .container .nav::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .site-header {
        position: relative;
    }

    main {
        margin-top: 0;
    }

    .navbar-slide-show {
        display: block;
        padding: 8px 0 0;
        -webkit-box-shadow: 0 8px 3px -6px #dbdbdb;
        -moz-box-shadow: 0 8px 3px -6px #dbdbdb;
        box-shadow: 0 8px 3px -6px #dbdbdb;
    }

    .navbar-slide-show .nav {
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0 12px;
    }

    .hidden-mobile {
        display: none;
    }

    .modal-dialog {
        margin: 0;
    }

    .modal-site .modal-body .modal-checkbox .checkbox {
        font-size: 14px;
    }

}

@media screen and (max-width: 768px) { 
    .page-name {
        text-align: center;
    }

    .banner .banner-featured .column-header h4 {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-top: 0;
    }

    .banner .banner-featured .col-news {
        padding-right: 0;
    }

    .banner .banner-featured .news-box {
        margin-top: 4px;
    }

    .banner .banner-news-box.column-header,
    .banner .card-news-box {
        display: none;
    }

    .banner-news-box.img-box {
        margin-top: 12px;
    }

    .header-footer .row {
        display: block;
    }

    .header-footer .row .nav {
        justify-content: space-between;
    }

    .header-footer .row input {
        text-align: center;
    }

    .header-footer .row button,
    .body-footer .row .col:last-child {
        display: none;
    }

    .body-footer .icon-group a {
        margin: 6px 4px;
    }

    .body-footer .row .col {
        flex: 0 0 auto;
        width: 50%;
    }
    
    .body-footer .row li {
        text-align: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .banner .banner-featured .column-header h4 {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .hidden-tablet {
        display: none;
    }
}

@media screen and (min-width: 576px) and (max-width: 992px) {
    main {
        margin-top: 125px;
    }
}

@media screen and (max-width: 992px) {
    .navbar-top .search,
    .navbar-top .time {
        display: none;
    }
    
    .navbar-top .navbar-top-list {
        white-space: nowrap;
        border: none;
        overflow-x: auto;
    }

    .navbar-top .navbar-top-list::-webkit-scrollbar {
        display: none;
    }

    .navbar-top .navbar-top-list .nav {
        flex-wrap: nowrap;
    }

    .navbar-top .navbar-top-list a {
        font-weight: 300;
    }

    .footer-footer .row {
        display: block;
    }

    .footer-footer .row .col {
        text-align: center;
    }
    
    .footer-footer .footer-right {
        display: block;
        align-items: center;
    }
    
    .footer-footer .logo img {
        padding: 12px;
    }  

    .footer-footer .vandaw {
        float: none;
        margin: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .market-chart,
    .chart  {
        display: none;
    }
    
    .banner .banner-news-box .card {
        overflow: hidden;
        height: 201px;
    }

    .banner .banner-news-box .card::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    main {
        margin-top: 125px;
    }

    .navbar-top .navbar-top-list,
    .hidden-sm-desktop {
        display: none;
    }

    .navbar-top .search {
        border-right: 1px solid #ddd;
        padding-left: 12px;
        padding-right: 4px;
    }

    .dropdown-navbar-top {
        margin-bottom: 6px;
    }

    .img-group {
        width: 230px;
    }

    .banner .banner-news-list ul {
        padding: 2px 8px;
        height: 424px;
        overflow: hidden;
    }

    .banner .banner-news-list ul::-webkit-scrollbar {
        display: none;
    }
}

/* دستکتاپ */
@media screen and (min-width:1400px) {
    .banner .banner-featured .img-card {
        height: 370px; 
    }
    
    .banner .banner-featured img {
        width: 637px;
    }

    .banner .banner-news-boxul {
        margin-bottom: 4px;
    }

    .banner .banner-news-box ul {
        line-height: 1.59;
        margin-bottom: 20px;
    }
}