@media only screen and (max-width: 1024px){
    .logo {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
    }
    
    .m-name h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 768px){
    .m-name {
        width: 200px !important;
    }
    
    .m-name h1 {
        font-size: 17px;
    }
    
    .slidf h4 {
        font-size: 22px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 443px){
    .header-bar{
        display: block !important;
    }
    .m-name {
        text-align: left!important;
    }
}
@media only screen and (max-width: 575px){
    .m-name {
        width: 100% !important;
        text-align: left;
    }
    
    .m-name h1 {
        font-size: 15px;
    }
    
    .midle{
        padding: 15px;
    }
    
    .container.pt-4.allow{
        padding: 0 27px;
    }
    
    .slidf h4 {
        font-size: 20px;
        line-height: 26px;
    }
    
    .btn-orange, .btn-orange:hover {
        font-size: 18px;
        padding: 8px 24px;
    }
    
    .pdm{
        padding: 0 15px;
    }
}