﻿
    @media all and (-ms-high-contrast:none) {
        *::-ms-backdrop, .contactus .simple-form .select-field {
            color: #555;
            padding: 9px 10px;
        }

        .formFoundation select {
            color: #555;
        }
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        

            select {
            -webkit-appearance: none;
            background: #fff url("../images/select-arrow.png") no-repeat right center !important;
            background-size: 15px;
            border-radius: 0;

        }

        .contactus .simple-form .select-field {
            padding: 10px 8px;
            color: #999;
            
        }

        
        .formFoundation select {
            color: #999;
            padding: 0.4em !important;
        }

        ::i-block-chrome, .contactus .simple-form .select-field {
            color: #acabab;
            height: 40px !important;
            -webkit-padding-before: 8px !important;
            -webkit-padding-after: 8px !important;
            -webkit-padding-start: 10px !important;
            -webkit-padding-end: 10px !important;
        }

        ::i-block-chrome, .foundationForm .formFoundation .botFdForm .right select {
            -webkit-padding-before: 7px;
            -webkit-padding-after: 7px;
        }

        ::i-block-chrome, .line {
            right: -13px;
            top: 117px;
        }



    }


    @media (max-width: 1024px) and (orientation: landscape) {


        /**cliLogo section*Style begin***/
        /*.cliLogo ul li {
width: 18%;
}
.cliLogo ul li:nth-child(12) {
width: 368px;
}
.cliLogo ul li:nth-child(5) {
border-right: 0px solid #e3e3e3;
}
.cliLogo ul li:nth-child(10) {
border-right: 0px solid #e3e3e3;
}*/

        .cliLogo ul li:nth-child(12) {
            width: 466px !important;
        }

        .cliLogo ul li::after {
            right: 30px !important;
        }


        /**cliLogo section*Style end***/


        .contactus .captcha-right {
            margin-top: -79px !important;
        }



        header .right {
            width: 55% !important;
        }
            header .right li {
                margin-right: 25px !important;
            }


        .silder1 .text {            
            width: 55% !important;
        }


    }



    @media only screen and (min-width:768px) and (max-width:1024px) {

        .outer {
            width: 96%;
        }
        .ppage-content .subsidy-page li {
            width: 100%;
            margin-bottom: 20px;
        }
        .ppage-content .blue {
            min-height: 166px;
        }
        .ppage-content .brown {
            min-height: 166px;
        }
        .ppage-content .dark-blue {
            min-height: 166px;
        }
        .ppage .banner {
            padding: 160px 0 60px;
        }
        .credentialed-inner {
            padding: 30px 10px;
        }

        .credentialed .rightr {
            float: right;
            width: 84%;
        }
            h2 {
            font-size: 33px;
        }

        .bigpara {
            font-size: 18px;
        }

        .btnN {
            padding: 10px 15px;
        }


        .sticky .logo {
            margin-top: 10px;
        }

        .sticky-header {           
            height: auto;
        }
        header .right {
            width: 60%;
        }

            header .right li {
                margin-right: 12px;
            }

                header .right li a {
                    font-size: 14px;
                }

        .silder1 .text h1 {
            font-size: 25px;
        }



        .silder1 .text {
            padding-top: 210px;
            width: 70%;
        }



            .silder1 .text .lightFont {
                font-size: 50px;
            }

        .scroll {
            top: 220px;
        }

        .work .left {
            width: 40%;
        }

        .work .right {
            padding-left: 25px;
            width: 60%;
        }


        .work {
            padding: 30px 0 0;
        }


        .cliLogo ul li {
            width: 23%;
        }






            .cliLogo ul li:nth-child(4), .cliLogo ul li:nth-child(8) {
                border-right: 0;
            }



            .cliLogo ul li:nth-child(12) {
                width: 355px;
            }




        .applyn ul li {
            padding-left: 30px;
            width: 31%;
        }


            .applyn ul li h5 {
                font-size: 22px;
            }

        .blue-btn {
            font-size: 12px;
        }

        .three-row li {
            width: 28.3%;
            height: auto;
        }


        .how-help .second .left img, .geography-section .right-side1 img {
            width: 100%;
        }


        .second, .how-help .first {
            padding: 30px 0;
        }


        .geographyies ul li {
            font-size: 16px;
        }


        .inside-wrap ul.stk1 .point, .inside-wrap ul.stk1 li {
            width: 100%;
        }

        .credentialed .bottom li .leftl {
            margin-top: 22px;
        }


        .credentialed li span {
            font-size: 25px;
        }

        .shade-wrap {
            padding: 45px 20px 45px 20px;
        }

        .inside-wrap {
            padding: 20px 0;
        }


            .inside-wrap ul.stk1 li {
                margin: 12px 0px 10px 95px;
            }



        .check-box-line .rightl label {
            font-size: 15px;
        }


        .contactus .captcha-left {
            width: 60%;
        }

        .contactus .captcha-right {
            margin-top: -95px;
        }


        .formFoundation {
            width: 90%;
        }



        .privacy-ban h1 {
            font-size: 33px;            
        }


        .copyright-line .footer-ul li a {           
            margin: 10px 10px 0px 5px;            
        }



        .privacy-ban h1 {
            font-size: 33px !important;
        }
    }

    @media (max-width:47.9375em) {
        .whartonlogo img {
            width: 300px;
        }
        .footer-right {
            float: right;
            width: 100%;
            text-align: left;
            font-size:15px;
        }
        .outer {
            width: 92%;
        }
        .ppage .banner {
            padding: 160px 0 60px;
        }
        .credentialed-inner {
            padding: 20px 10px;
        }
        .credentialed .rows .left {
            width: 100%;
        }
        .credentialed .rows .right {
            width: 100%;
        }
        .credentialed .rightr {
            width: 80%;
        }
            .ppage .ppage-content img{width:100%
        }
        .ppage-content .left {
            width: 100%;
        }
        .ppage-content .right {
            width: 100%;
            margin-top:0;
        }
        .wharton-content .right {
            width: 100%;
            margin-top: 0;
        }

        .wharton-content .left {
            width: 100%;
        }
        .blue-btn {
            padding: 9px 20px;
        }

        .btnN {
            padding: 12px 25px;
            font-size: 15px;
        }
        .ppage-content .col1 {
            width: 100% !important;
        }

        .ppage-content .col2 {
            width: 100% !important;
        }
        .ppage-content .subsidy-page li {
            width: 100% !important;margin-bottom:20px;
        }
        .ppage-content .brown {
            min-height: 270px;
        }

        .ppage-content .blue {
            min-height: 290px;
        }
        .ppage-content .dark-blue {
            min-height: 220px;
        }

            .bigpara {
            font-size: 18px;
        }
        .formFoundation .botFdForm .right input[type="text"] {
            text-overflow: ellipsis;
        }
        .thank-you .banner {
            background: url(./../images/contact.jpg) no-repeat;
            background-size: auto;
            background-size: auto;
            background-size: 100%;
            height: 10px !important;
            padding-top: 90px !important;
        }
        .ppage-content .subsidy-page a {
            font-size: 16px;
            bottom: 17px;
        }
        h2 {
            font-size: 30px;
        }


        .mobiles-menu {
            display: block;
        }

        .sidenav {
            height: 100%;
            width: 0;
            position: fixed;
            top: 0;
            right: 0;
            background-color: #2c2c2c;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            z-index: 9999;
        }
        .cliLogo ul li {
            
            text-align: center;
        }

            .sidenav .closebtn {
                position: absolute;
                top: 0;
                right: 25px;
                font-size: 36px;
                margin-left: 50px;
            }

            .sidenav a {
                padding: 8px 8px 8px 32px;
                text-decoration: none;
                font-size: 12px;
                color: #818181;
                display: block;
                transition: 0.3s;
            }

        .menu1 {
            float: left;
            width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-bottom: 80px;
        }

            .menu1 ul {
                float: left;
                width: 100%;
                min-height: auto;
                padding: 0;
            }

        .submenu1, .submenu2, .submenu3, .submenu4, .submenu5 {
            background: #2c2c2c;
        }

        .menu1 ul li.head a {
            font-weight: 600;
            font-size: 17px;
        }

        .menu1 ul li a, .menu1 ul li.head a {
            padding: 7px 15px;
            border-bottom: 1px solid #333;
            color: #999;
            font-size: 20px;
        }

        .menu1 ul li a {
            display: block;
            text-shadow: #00514c;
        }

        .openss {
            font-size: 30px;
            cursor: pointer;
            float: right;
            position: fixed;
            top: 15px;
            right: 23px;
            z-index: 999;
            color: #000;
        }


        header .right {
            float: right;
            width: 46%;
            display: none;
        }


        .silder1 .text {
            padding-top: 150px;
        }

            .silder1 .text h1 {
                font-size: 15px;
                line-height: 20px;
            }



            .silder1 .text .lightFont {
                font-size: 26px;
                line-height: 30px;
                margin-top: 15px;
            }


        .scroll {
            right: 45px;
            top: 175px;
        }



        .silder1 {
            height: auto;
            padding-bottom: 30px;
        }


        .foundation {
            padding: 30px 0;
        }


            .foundation .bigpara {
                width: 100%;
            }


        .work .left, .pedanot .leftL, .pedanot .rightR {
            width: 100%;
        }


        .work .right {
            width: 100%;
            padding-left: 0;
        }


        .cliLogo {
            padding: 20px 0;
        }

        .pedanot {
            padding: 30px 0;
        }


            .pedanot .rightR {
                border-left: none;
                padding-left: 15px;
            }


        .applyn::before {
            background: none;
        }

        .applyn ul li h5 {
            font-size: 20px !important;
        }

        .applyn {
            padding: 50px 0;
            height: 575px;
        }

            .applyn ul li {
                width: 100%;
                border-right: none;
            }

                .applyn ul li:nth-child(1), .applyn ul li:nth-child(2) {
                    margin-left: 0px;
                    margin-bottom: 15px;
                }


                .applyn ul li:nth-child(2), .applyn ul li:nth-child(3) {
                    padding-left: 0;
                }



        .footer-left {
            width: 100%;
        }

            .footer-left ul li {
                padding-left: 0;
                margin-right: 10px;
            }


        footer .copyright {
            margin-bottom: 10px;
        }


        .copyright-line .footer-ul {
            width: 100%;
            padding-left: 0px;
        }


            .copyright-line .footer-ul li a {
                margin: 0 10px 10px 0px;
            }


        .formFoundation {            
            width: 100%;
           
        }
        .foundationForm .banner h1 {
            font-size: 25px;         
        }


        .formFoundation .botFdForm .left, .formFoundation .botFdForm .right {
            width: 100%;
        }


        .formFoundation label {
            
            margin-bottom: 10px;
        }

        .cliLogo ul li {
            width: 100%;
            border-right: none;
        }

        .formFoundation .captachas, .formFoundation .blue-label {
            width: 100%;
        }

    

        .peda-program .whatispeda.banner {
            height: 240px;
            padding-top: 150px;
            background-size: cover !important;
        }


        .peda-program .col1, .peda-program .col2, .peda-program .col3 {
            width: 100%;
        }

        .peda-program .geography {
            padding: 15px 0;
        }


        .peda-program {
            padding-bottom: 30px;
        }



        header .left {
            float: left;
            width: 70%;
        }

        .peda-program .banner {
            background: url(./../images/asist1.jpg) no-repeat left;
            background-size: cover !important;
            height: 338px;
            padding-top: 200px;
        }



        .three-row li {
            width:100%; border-right:none;
        }


        
        .three-row li:nth-child(1) {
            margin-bottom: 80px;
        }
        .three-row li:nth-child(2) {
            margin-top: 30px;
        }



        .how-help .banner {
            background-size: cover;
            padding-top: 150px;
            height: 295px;
        }


        .how-help .first {
            padding: 30px 0;
        }


            .how-help .first .left {                
                width: 100%;
            }

            .how-help .first .right {                
                display: none;
            }
        .how-help .second .left, .how-help .second .right {
            width: 100%;
        }



            .how-help .second .right h5, .how-help .first .left h5 {
                font-size: 20px;
            }
        .how-help .second .left img{width:100%;}


        .second {
            padding: 10px 0;            
        }
        .how-help .your-path .left, .how-help .your-path .right {
            width: 100%;
        }

        .highlights .banner {
            background-size: cover;
            height: 240px;
            padding-top: 160px;
        }

        .shade-wrap {
            padding: 15px;
        }
        .credentialed .top .right-text {
            width: 100%;
            margin-top: 20px;
        }

        .credentialed h4 {
            font-size: 25px;           
        }

        .credentialed .bottom ul {
            width: 100%;
            margin-right: 0%;
        }

        .credentialed {          
            background-size: cover;
        }

        .credentialed .bottom li .leftl {                
            margin-top: 18px;
        }

        .credentialed li span {
            font-size: 30px;
        }



        .geography-section .geographyies, .geography-section .right-side1 {
            width: 100%;
        }




        .geography-section .right-side1 img{width:100%;}

        .inside-wrap .left {            
            width: 100%;
        }

        .inside-wrap .right {           
            display: none;
        }
        .inside-wrap::before {
            top: 190px;
            height: calc(100% + -198px);
        }


        .contactus .banner {
            background-size: cover;
            height: 240px;
            padding-top: 160px;
        }

        .contactus .simple-form li {
            width: 100%;
            margin-right: 0%;        
        }


        .contactus .captcha {
            width: 100%;
        }

        .contactus .captcha-left {
            width: 65%;
        }


        .contactus .captcha-right {            
            margin-top: -94px;           
        }



        .sticky-header {           
            height: auto;
        }

        .formFoundation .coln {
            width: 70%;            
        }

        .formFoundation .btn {           
            width: 70% !important;            
        }


        .cliLogo ul li::after {
           
            width: 95%;
           
        }




        .privacy-ban h1 {
            font-size: 33px !important;
        }



        .work {
            padding: 30px 0 0;
        }



        .sticky .logo {
            margin-top: -3px;
        }


        header {
            padding: 20px 0 6px;          
        }





    }













@media (width: 480px) and (orientation: landscape) {

    .three-row li:nth-child(1) {
        margin-bottom: 0px;
    }

    .three-row li:nth-child(2) {
        margin-top: 0px !important;
        height: auto;
    }


    .three-row li:nth-child(3) {
        margin-top: 0px !important;
        height: auto;
    }





}