@media (max-width: 575.98px) {
    html,body{
        font-size: 14px;
    }
    .circle_in{
        width: 130px;
        height: 130px;
    }
    .carousel .carousel-item {
        height: 100%;
    }
    .mt-n8 {
        margin-top: 10px;
    }
    #hrline {
        display: none;
    }
    .showtitle {
        font-size: 30px;
        height: 200px !important;
    }
    .bgg01 {
        height: 400px !important;
    }
    .mt-n250 {
        margin-top: -50px;
    }
    .fz12 {
        font-size: 14px;
    }
    .fzv3{
        font-size: 38px !important;
    }
    .fzv4{
        font-size: 45px !important;
    }
    .bgg03 {
        height: 400px !important;
    }
    .bgg04 {
        height: 400px !important;
    }
    .bgmk1 {
        height: 400px !important;
    }
    .pdshow {
        height: 400px !important;
    }
    .serbg1{
        height: 200px !important;
    }
    .serbg2{
        height: 200px !important;
    }
    .serbg3{
        height: 200px !important;
    }
    .serbg4{
        height: 200px !important;
    }
    .serbg5{
        height: 200px !important;
    }
    .serbg6{
        height: 200px !important;
    }
    .fgrid {
        height: 260px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px)  {
    html,body{
        font-size: 3px;
    }
    .fgrid {
        height: 330px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    html,body{
        font-size: 13px;
    }
    .circle_in{
        width: 120px !important;
        height: 120px !important;
    }
    h2.bigshow {
    margin-top: -200px;
}
    .serbg1,.serbg2,.serbg3,.serbg4,.serbg5 {
        height: 420px !important;
    }
    .fgrid {
        height: 33vw;
    }

}

@media (min-width: 992px) and (max-width: 1199.98px) {
    html,body{
        font-size: 13px;
    }
    .circle_in{
        width: 150px !important;
        height: 150px !important;
    }
    h2.bigshow {
        margin-top: -200px;
    }
    .fgrid {
        height: 25vw;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    html,body{
        font-size: 13px;
    }
    .circle_in{
        width: 130px !important;
        height: 130px !important;
    }
    h2.bigshow {
        margin-top: -200px;
    }
    .carousel .carousel-item {
        height: 100%;
    }
}