*{
    font-family: 'Commissioner', sans-serif;
}
@font-face {
    src: url(../font/Bayon.ttf);
    font-family: 'Bayon';
}
.center-flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
::-webkit-input-placeholder {
    font-size: 13px;
    align-items: center;
}

#triggerLeft,#triggerRight{
    background:none;
    border:none;
    outline: none;
    color: white;
}
.list-group a{
    font-family: 'Bayon';
    color: white;
}
.list-group a span{
    padding-left: 10px;
    font-size: 16px;
    font-family: 'Bayon';

}
.div.list-group a i{
   vertical-align: middle;
}
ul.list-group li{
    color: white;
    background: none;
}
ul.list-group li i{
    vertical-align: middle;
}
ul.list-group li span{
    font-size: 16px;
    padding-left: 10px;
    font-family: 'Bayon';

}
ul.list-group li img{
    width: 24px;
}
.m_logo img{
    max-width: 120px !important;
}
.minfo{
    width: 100%;
    height: 25px;
    position: relative;
    color: white;
    font-family: 'Bayon';
}
.mtxt_info{
    width: 15%;
    color: white;
    float: left;
}
.mtxt_info p{
    font-family: 'Bayon';
   font-size: 12px;
   color: white;
   padding: 7px 7px 0px 16px;
}
.minfo marquee{
    width: 85%;
    font-size: 12px;
    color: white;
}
.mslide_wrapper{
    width: 100%;
    background:none;
    color: white;
}
.m_content{
    width: 100%;
    height: auto;
}
.Step{
    width: 100%;
    float: left;
    height: 90px;
    overflow: hidden;
}
.Step img{
    float: left;
    width: 80px;
}
.right_product{
    width: 70%;
    height: auto;
    float: right;
}
.product_slick1{
    width: 100%;
    float: left;

}

.product_slick1 img{
    cursor: pointer;
    margin-left: 2px;
    width: 120px !important;
}
.mtxt_product{
    color: white;
    text-align: center;
    position: relative;
    bottom: 29px;
    font-size: 15px;
    font-family: 'Bayon';
}
.mpromo_wrappper{
    width: 100%;
    padding: 5px;
}
.mpromo_wrappper1{
    width: 100%;
    position: relative;
    top: -15px;
}
.mpromo_wrappper1 img{
    width: 100%;
}
.mpromo_wrappper img{
    width: 100%;
}
.mname_website{
    float: left;
    width: 100%;

}
.mwebsite{
    float: left;
    width: 50%;
   margin-top: 8px;
}
.mwebsite img{
    width: 198px;
    float: left;
    margin-left: 4px;
}
.Website_wrapper{
   position: relative;
   bottom: 22px;
}
.Website_wrapper1{
    position: relative;
    bottom: 16px;
 }
 footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999;
}
 .form_mobile{
     padding: 8px;
     position: absolute;
     bottom: 0;
     font-family: 'Bayon';
 }
 .form_mobile a{
     color: white;
 }
 .mfooter_txt{
    width: 100%;
    text-align: center;
    color: white;
    font-size: 12px;
    padding: 0px 0px 8px 0px;
}
.iconcontact{
    padding: 0px 0px 0px 20px;
}
.con_icon{
    width: 52px;
    padding: 0px 0px 0px 8px;
}
@media (max-width: 1366px) and (min-width: 1024px){
   
}
@media (max-width: 1024px) and (min-width: 991px){
    .Step img{
        width: 20%;
        
    }
    .Step{

        float: left;
        height: auto;
        overflow: hidden;
    }
    .minfo marquee{

        font-size: 26px;
        color: white;
    }
    .mtxt_info p{

       font-size: 26px;
       color: white;

    }
    .product_slick1 img{
        width: 320px !important;
        margin-top: 0px;
        margin-left: 6px;
    }
    .mtxt_product{
        font-size: 32px;
        margin-top: -36px;
    }
    .mwebsite img{
        width: 502px;
    }

}

@media (max-width: 991px) and (min-width: 768px){
    .Step img{
        width: 20%;
        
    }
    .Step{

        float: left;
        height: auto;
        overflow: hidden;
    }
    .minfo marquee{

        font-size: 22px;
        color: white;
    }
    .mtxt_info p{
       font-size: 22px;
       color: white;

    }
    .product_slick1 img{
        width: 250px !important;
        margin-top: 0px;
    }
    .mtxt_product{
        font-size: 29px;
        margin-top: -26px;
    }
    .mwebsite img{
        width: 375px;
    }
}
@media (min-width: 480px) and (max-width: 767px) 
{
    .minfo marquee{
        width: 85%;
        font-size: 12px;
        color: white;
    }
}
@media (max-width: 568px) 
{
    .Step img{
        width: 82px;
    }
    .product_slick1 img{
        width: 133px !important;
        margin-top: 3px;
    }
}
@media (max-width: 479px) {
    .minfo marquee {
        width: 82%;
        font-size: 12px;
        color: white;
        margin: 8px 8px 10px 0px;
    }

    @media (max-width: 375px) {
        .Step img {
            width: 75px;
        }

        .product_slick1 img {
            width: 122px !important;
            margin-top: 3px;
        }

        .mwebsite img {
            width: 180px;
        }

        .minfo marquee {
            width: 82%;
            font-size: 12px;
            color: white;
            margin: 8px 8px 10px 0px;
        }
    }
    @media (max-width: 360px) {

    }

    @media (max-width: 320px) {
        .Step img {
            width: 63px;
        }

        .product_slick1 img {
            width: 105px !important;
            margin-top: 0px;
        }

        .mtxt_product {
            font-size: 13px;
        }

        .mwebsite img {
            width: 150px;

        }

    }
}


.m_product_wrapper td{
    padding: 5px;
}
.m_product_wrapper{
    width: 100%;
}
.m_product_wrapper img{
    width: 100%;
}

.m_verify{
    float: left;
    width: 100%;
}
.m_verify img{
    width: 100%;
}
.m_verify td{
    padding: 10px;
}

.m_footer_wrapper{
    width: 100%;
    float: left;
    background: #2b0001;
    text-align: center;
    padding-top: 20px;
    margin-top: 10px;
}
.m_footer_wrapper p{
    color: white;
    font-size: 15px;
    font-family: 'Bayon';
    margin-bottom: 10px;
}

.m_footer_wrapper img{
    padding-bottom: 10px;
}

.rightPanel{
    padding: 20px;
    background: url(../image/bg.png) 87% no-repeat;
}
.rightPanel td{

}
.rightPanel td img{

}
.rightPanel td span{

}
.rightPanel li{
    border: none !important;
}

.m_content_sport td img{
    width: 100%;
}
.m_content_sport td{
    text-align: center;
    padding-bottom: 30px;
}
.m_content_sport td button{
    border: 1px solid #fff;
    background: none;
    color: #fff;
    border-radius: 50px;
    padding: 5px;
    font-size: 20px;
    width: 150px;
    margin-top: 15px;
}

.m_content_sport td button:hover{
    border: 1px solid #f9df02;
    color: #f9df02;
}
.m_sport_header{
    width: 43%;
    margin: auto;
    background: #890000;
    border-radius: 30px;
    position: relative;
    bottom: 10px;
    text-align: center;
    padding: 10px;
}

.m_content_sport{
    margin-top: 25px;
}
.m_sport_header img{
    width: 100%;
}

.m-chat-content{

}
.leftPanel img{
    width: 70% !important;
}
.leftPanel span{
    color: #fff;
    font-family: 'Bayon';
    font-size: 1rem;
}
.leftPanel i{
    color: #fff !important;
}

.leftPanel{
    background: url(../image/bg.png) 20% no-repeat;
    text-align: center;
    font-family: sans-serif;
}
.ul.list-group li a{
    text-decoration: none !important;
}

.ul.list-group li a:hover{
    text-decoration: none !important;
}