.hbExchange .hbexCol .hbexIcon.up ~ .hbexStatus {
    color: #41B87F
}

.hbExchange .hbexCol .hbexIcon.down ~ .hbexStatus {
    color: #FC0F1C;
}

@media only screen and (min-width: 1101px) {

    .hbContainer {
        position: relative;
        width: 1056px;
        max-width: 1056px;
        margin:0 auto;
        display: block;
    }
}

@media only screen and (min-width: 768px) {

    .SliderRow {
        display: flex;
        margin-bottom:24px;
    }

    .SliderRow .SliderColumn {
        width: calc(100% - 324px);
        margin-right: 24px;
    }

}
@media only screen and (max-width: 990px) {

    .SliderRow .WpColumn {
        display: none;
    }

    .SliderRow .SliderColumn {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {

    .mbexchboi {
        width: 100%;
        height: 54px;
    }
    
   .WpColumn {
        display: none;
    }

    .hbContainer.all,
    main > .hbContainer {
        padding: 0;
    }

    .hbMainSlider {
        width: 100%;
        overflow: hidden;
        margin-bottom: 36px !important;
    }
   
        .hbRow {
            margin-top:0;
        }

   
   .hbRow.hbExchange {
       display: flex;
         flex-direction: row;
        align-items: center;
        width: 100vw;
        margin: 0 -15px 24px;
        height: 85px;
        gap: 8px;
        padding: 10px 16px;
    }

     .hbexCol a {
        width: 100%;
        text-align: left;
        display:block;
    }

    .hbexOran {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hbexStatus {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom:4px;
    }

}


@media only screen and (max-width: 512px) {
    
    main.hbContainer section.SliderRow .hbRow.hbMainSlider {
        width: 100vw;
        margin-left: -16px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 512px) {
 
    main.hbContainer section.SliderRow .hbRow.hbMainSlider {
        width: 100vw;
        margin-left: -16px;
    }
}