/* Desktop */
    @media screen and (max-width: 1024px) {
        .login-form{
            padding: 25px !important;
        }
    
    }

    /* Tablet  */
    @media (min-width: 768px) and (max-width: 1024px)  and (orientation: portrait){
        .page-header {
            background: linear-gradient(270deg, var(--yellow-primary) 0%, var(--yellow-secondary) 35%, var(--yellor-third) 100%);
        }
        .page-wrapper {
            padding-bottom: 150px;
            position: relative;
        }
        .login-form{
            padding: 25px !important;
        }

        .navbar-brand img{
            width: 100%;
        }
    }

    /* Mobile Portrait  */
    @media (max-width: 480px) and (orientation: portrait){
        .main_slider_title{
            font-weight: normal;
            font-size: 24px;
        }

        .main_slider_title span{
            font-weight: normal;
            font-size: 24px;
        }

        .navbar-brand img{
            width: 100%;
        }

        .btn-outline-custom {
            padding: 5px 25px;
        }

        .btn-outline-login {
            border: 1px solid var(--border-yellor-primary);
        }

        .login-form{
            width: 95% !important;
            padding:15px !important;
        }       
        
        .mobile-page-sidebar{
            width: 100% !important;
            margin-top: 60px;
            position: fixed;
            top: 0;
            left: -100%;
            width: 300px;
            height: 100vh;
            box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
            z-index: 3;
            background: #2f2e2c;
            transition: 0.5s all;
        }

        .page-header {
            background: linear-gradient(270deg, var(--yellow-primary) 0%, var(--yellow-secondary) 35%, var(--yellor-third) 100%);
        }
        .page-wrapper {
            padding-bottom: 150px;
            position: relative;
        }

         .res_status{
            width: 100%;
        }
    }

    /* tablet Landscape  */
    @media only screen and (min-width: 480px) and (max-width:900px) {
        .navbar-brand img{
            width: 100%;
        }

        .btn-outline-custom {
            padding: 5px 25px;
        }

        .btn-outline-login {
            border: 1px solid var(--border-yellor-primary);
        }

        .mobile-page-sidebar{
            width: 100%;
            margin-top: 77px;
            position: fixed;
            top: 0;
            left: 0;
            width: 300px;
            height: 100vh;
            box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
            z-index: 3;
            background: #2f2e2c;
            transition: 0.5s all;
        }

        .page-header {
            background: linear-gradient(270deg, var(--yellow-primary) 0%, var(--yellow-secondary) 35%, var(--yellor-third) 100%);
        }
        .page-wrapper {
            padding-bottom: 150px;
            position: relative;
        }

        .login-form{
            padding: 25px !important;
        }

        .main_slider_title{
            font-weight: normal;
            font-size: 24px;
        }

        .main_slider_title span{
            font-weight: normal;
            font-size: 24px;
        }

        .main_slider_para {
            font-size: 14px;
            font-weight: normal;
            line-height: 22px;
        }

         .res_status{
            width: 100%;
        }

    }

    /* tablet Landscape  */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1180px) and (orientation : landscape) {
        .btn-outline-custom {
            padding: 5px 25px;
        }
        .btn-outline-login {
            border: 1px solid var(--border-yellor-primary);
        }

        .page-header {
            background: linear-gradient(270deg, var(--yellow-primary) 0%, var(--yellow-secondary) 35%, var(--yellor-third) 100%);
        }
        .page-wrapper {
            padding-bottom: 150px;
            position: relative;
        }

        .login-form{
            padding: 25px !important;
        }
        .navbar-brand img{
            width: 100%;
        }
        
        .main_slider_para {
            font-size: 14px;
            font-weight: normal;
            line-height: 22px;
        }

        .res_status{
            width: 100%;
        }

    }