@media all AND (max-width: 320px){
    #page-title {
        background-size: 30%;
        background-position: center 5%;
        height: auto;
        
    }
    
    #page-title #title{
        max-width: 100%;
        font-size: 22px;
        margin-top: 65px;
        text-align: center;
    }
}

@media all AND (min-width: 321px) AND (max-width: 480px){
    #page-title {
        background-size: 20%;
        background-position: center 5%;
        height: auto;
    }
    
    #page-title #title{
        font-size: 28px;
        max-width: 100%;
        margin-top: 65px;
        text-align: center;
    }
}

@media all and (max-width: 520px){
    #header{
        text-align: center;
    }
    
    .langUrlBase {
        float: none !important;
        margin: 20px auto;
    }
}

@media all and (min-width: 481px) and (max-width: 640px){
    #page-title #title {
        max-width: 45%;
        font-size: 20px;
    }
}

@media all and (min-width: 641px) and (max-width: 800px){
    
}