@media screen and (min-width: 1024px) {
    .ps-lg-50px {
        padding-left: 50px;
    }
}

@media screen and (max-width: 1400px) {
    header .navbar-brand{
        padding: 15px 0;
    }
    header .navbar-brand .default-logo{
        max-height: 45px;
    }
    header .navbar-brand .mobile-logo{
        max-height: 45px;
    }
}

@media screen and (max-width: 1024px) {
    header.sticky .navbar-brand{
        padding: 14px 0;
    }
    .fnp_section{
        padding: 75px 0;
    }
}
@media screen and (max-width: 992px) {
    .timeline-years .container-fluid{
        padding-left: 20px;
        padding-right: 20px;
    }
    .slider_title, .parallax_title{
        font-size: 50px;
        line-height: 1.25;
    }
    .fnp_title{
        font-size: 38px;
        line-height: 1;
    }
    footer ul, .footer_detail{
        text-align: start;
    }
    .slider_right{
        display: none!important;
    }
    .slider_title{
        font-size: 72px;
    }
    #MobileMenu{
        display: flex;
    }
}

@media screen and (max-width: 587px) {
    .fnp_detail h2, .fnp_detail h3, .fnp_detail h4{
        font-size: 26px;
    }
    .slider_title, .parallax_title{
        font-size: 42px;
    }
    .fnp_title{
        font-size: 34px;
        line-height: 1.25;
    }
    .timeline-year{
        font-size: 34px;
    }
    .fnp_section{
        padding: 50px 0;
    }
    header .navbar-brand .mobile-logo{
        max-height: 45px;
    }
    .btn.btn-switch-text.btn-large>span{
        padding: 11px 24px;
        font-size: 15px;
    }
    .parallax_section .min-h-500px{
        min-height: 300px!important;
    }
    .insta-bullet{
        bottom: -40px!important;
    }
}