@media screen and (min-width: 1200px) {
    .menu_list{
        display: flex;
        align-items: center;
        gap: 70px;
    }
    .menu_list >li >a{
        font-size: 18px;
    }
}

@media screen and (min-width: 767px){
    .authentication_modal .modal-dialog{
        max-width: 580px;
        width: 100%;
    }
    .authentication_form .authentication_box{
        max-width: 580px;
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    .card .card-header{
        padding: 20px;
    }
    .card .card-body{
        padding: 20px;
    }
    .space-py-100{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .menu_action{
        display: block;
    }
    .codex_brand img{
        height: 60px;
    }
    .menu_wrap{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 32px;
        display: none;
        z-index: 111;
    }
    .menu_wrap.active{  
        display: block;
    }
    .menu_list{
        margin-top: 40px;
        min-height: calc(100vh - 315px);
    }
    .menu_list li a{
        color: #000000 !important;
        border-bottom: 1px solid #606060;
        padding: 15px 0;
        display: block;
        font-size: 18px;
    }
    .authentication_modal .codex_brand img{
        height: 80px;
    }

    .proposal_tab .nav-link{
        font-size: 14px;
        padding: 6px 6px;
    }
    .proposal_tab li:nth-child(n+2){
        margin-left: 0px;
    }
    .hero_new{
        height: 100%;
    }
    .pricing_grid{
        padding-top: 42px;
    }
    .pricing_grid .pricing_dis{
        height: 95px;
    }
    .pricing_grid .pricing_dis p{
        font-size: 12px;
    }
    .pricing_grid h5{
        font-size: 20px;
    }
    .pricing_grid h6{
        min-height: 39px;
    }
    .pricing_grid .pricing_lbl{
        font-size: 14px;
    }

    .heronew_contian{
        padding-top: 80px;
    }
}