
@media screen and (min-width: 1025px) {
    /*DESKTOP HD*/

    .title_container { width: 100%; display: block; position: relative; margin: 40px auto; }
        .title_container.big { display: block; position: relative; height: 100px; margin: 0; }
        .title_container.small { display: block; position: relative; height: 30px; margin: 0; }
        .title_container img { height: 100%; width: auto; display: block; position: relative; margin: 20px auto; }
    /**/
}

@media screen and (max-width: 1024px) and (min-width:480px) {
    /*TABLET AND SMALL SCREEN*/

    .title_container { width: 100%; display: block; position: relative; margin: 40px auto; }
        .title_container.big { display: none; position: relative; height: 100px; margin: 0; }
        .title_container.small { display: none; position: relative; height: 30px; margin: 0; }
        .title_container img { height: 100%; width: auto; display: block; position: relative; margin: 20px auto; }

    /**/
}

@media screen and (max-width: 767px) {
    /*MOBILE*/

    .title_container { width: 100%; display: block; position: relative; margin: 40px auto; }
        .title_container.big { display: none; position: relative; height: 80px; margin: 0; }
        .title_container.small { display: none; position: relative; height: 20px; margin: 0; }
        .title_container img { height: 100%; width: auto; display: block; position: relative; margin: 20px auto; }

    /**/
}
