@media (max-width:1200px) {
    header > ul {
        width:90%;
    }
		
	.wrapper{ width: 90%;}
	.school-profile{ margin: 0px;}
	
    footer > ul {
        width:90%;
    }
    footer > .copyright {
        width:90%;
    }
}

@media (min-width:960px) and (max-width:1200px) {
    header > ul {
        width: 90%;
    }
	
	.wrapper{ width: 90%;}
	.school-profile{ margin: 0px;}
	
	.school-info > li{ width:38%;}
	.school-info > li:nth-child(2){ width: 58%;}
	.school-info > li > .edu_grades > li > dl > dt{ width:50%;}
	.school-updates > .facilities > li{ width:31%;}
	
    .getstarted > ul {
        width:90%;
        display:flex;
        flex-flow:row wrap;
    }

    .getstarted > ul > li{
        width:50%;
        box-sizing:border-box;
        margin-top:-1px;
    }

    .demo {
        width:90%;
    }

    .features > ul > li > ol {
        box-sizing:border-box;
        padding-right:45px;
    }

    .erp > ul {
        width:90%;
        display:flex;flex-flow:row wrap;
    }

    .erp > ul > li {
        width:50%;
        margin:0;
        padding:30px 15px;
        box-sizing:border-box;
    }

     footer > ul {
            width: 90%;
        }

    footer > .copyright {
        width: 90%;
    }
	
}

@media (min-width:728px) and (max-width:960px) {
    header > ul {
        width: 90%;
        display:flex;
        flex-flow:row wrap;
    }
	
	.wrapper{ width: 90%;}
	.school-profile{ margin: 0px;}
	.search_results > .left{width:100%; margin: 0;}
	.search_results > .right{ display:none;}
	
	.school-profile > ul{ display:flex; flex-flow:row wrap;}
	.school-profile > ul > li{ width:100%;}
	.school-profile > ul > li:nth-child(2){ width:100%; margin-top: 15px;}
	.school-profile > ul > li > dl{ padding:0 45px;}
    .school-info {
        display: flex;
        flex-flow: row wrap;
    }
	.school-info > li{ width:100%; margin: 0;}
	.school-info > li:nth-child(2){ width: 100%; padding: 45px 0 0 0; margin:0; border: none;}
	.school-info > li > .edu_grades{margin-left:0px;}
	.school-updates > h1{ padding-left:0px;}
	.school-updates > .map{ margin-left:0px;}
	.school-updates > .facilities{ padding-left:0px;}
	.school-updates > ul{ padding-left:0px;}
	.reviews{ margin-left:0px;}
	.school-updates > ul > li{ width:20%;}
	.school-updates > ul > li:nth-child(2){ width:77%;}
	.school-info > li > .edu_grades > li > dl > dt{ width:50%;}
	.school-updates > .facilities > li{ width:31%;}

    header > .search {
        width:90%;
    }

    .getstarted > ul {
        width: 90%;
        display: flex;
        flex-flow: row wrap;
    }

        .getstarted > ul > li {
            width: 50%;
            box-sizing: border-box;
            margin-top: -1px;
        }

    .demo {
        width: 90%;
        display: flex;
        flex-flow: row wrap;
    }

    .demo > li{
        width:100%; margin:30px 0px;
    }

        .demo > li > ol > li > dl {
            margin:0px;
        }

        
        .features > ul > li > ol {
            box-sizing: border-box;
            padding-right: 45px;
        }

    .erp > ul {
        width: 90%;
        display: flex;
        flex-flow: row wrap;
    }

        .erp > ul > li {
            width: 50%;
            margin: 0;
            padding: 30px 15px;
            box-sizing: border-box;
        }
	
   footer > ul {
                width: 90%;
            }

    footer > ul {
        display:flex; flex-flow:row wrap;
    }

    footer > ul > li{
        width:50%;
        margin:0;
    }
        footer > ul > li:nth-child(3) {
            width: 100%;
            margin:60px 0 0 0; 
        }

    footer > .copyright {
        width: 90%;
    }
    .messages > li{ width:100%; margin-top: 0px; padding: 15px 0 0 0;}
    .split > li{ width: 100%; max-height: 500px; overflow-y: auto;}
    .split > li:nth-child(2){margin-top:20px; padding:0px;}	
	
	.admissions > li{ width: 33.33%;}
	}


@media (min-width:480px) and (max-width:728px) {
    header > ul {
        width: 90%;
        display: flex;
        flex-flow: row wrap;
    }
	
	.wrapper{ width: 90%;}
	.search_results > .left{width:100%; margin: 0;}
	.search_results > .right{ display:none;}
	
	.school-info{ display: flex; flex-flow: row wrap;}
	.school-info > li{ width:100%; margin: 0;}
	.school-info > li:nth-child(2){ width: 100%; padding: 45px 0 0 0; border: none; margin:0;}
	.school-info > li > .edu_grades > li > dl > dt{ width:50%;}
	.school-info > li > .edu_grades{ margin-left: 0px; }
	.school-profile > ul > li > dl{ padding:0 45px;}
	.school-updates > h1{padding: 0;}
	.school-updates > .map{ margin-left: 0px;}
	.school-updates > .facilities{ padding-left: 0px;}
	.school-updates > ul{ padding-left:0px;}
	.reviews{ margin-left:0px;}
	.school-updates > ul > li{ width:30%;}
	.school-updates > ul > li:nth-child(2){ width:68%;}
	.school-updates > ul > li > dl{ display:flex; flex-flow: row wrap;}
	.school-updates > ul > li > dl > dt{ width:100%;}
	.school-profile > ul{ display:flex; flex-flow: row wrap;}
	.school-profile > ul > li{ width:100%;}
	.school-profile > ul > li:nth-child(2){ width:100%; margin-top: 15px;}
	.school-profile > ul > li > ol{ display:flex; flex-flow: row wrap;}
	.school-profile > ul > li > ol > li{ width:100%; display:flex; align-items:center; justify-content:center;}
        .school-profile > ul > li > ol > li > h1 {
            text-align: center;
            line-height: 32px;
            margin-top: 20px;
        }
	.school-profile{ height: 450px;}
	.school-profile > img{ width:auto; height:100%;}
	.school-updates > .facilities > li{ width:31%;}

    header > .search {
        width: 90%;
    }

    .getstarted > ul {
        width: 90%;
        display: flex;
        flex-flow: row wrap;
    }

        .getstarted > ul > li {
            width:100%;
            box-sizing: border-box;
            margin-top: -1px;
        }

    .features > ul > li {
        display:none;
    }

        .features > ul > li:nth-child(2) {
            width:100%;
        }
        
        .demo {
            width: 90%;
            display: flex;
            flex-flow: row wrap;
        }

        .demo > li {
            width: 100%;
            margin: 30px 0px;
        }

            .demo > li > ol > li > dl {
                margin: 0px;
            }


    .features > ul > li > ol {
        box-sizing: border-box;
        padding-right: 45px;
    }

    .erp > ul {
        width: 90%;
        display: flex;
        flex-flow: row wrap;
    }

        .erp > ul > li {
            width: 100%;
            margin: 0;
            padding: 30px 15px;
            box-sizing: border-box;
        }

    header > .search > .search_div {
        display:flex;
        flex-flow:row wrap;
    }

        header > .search > .search_div > input[type="text"] {
            margin-bottom: 5px;
            width:100% !important;
            height: 58px;
            box-sizing: border-box;
        }

        header > .search > .search_div > input[type="submit"] {
            margin-bottom:5px;
            width:100%;
        } 
        
        footer > ul {
            width: 90%;
        }

    .appfeatures {
        width: 90%;
    }
	
	.search_results > .left > .results > li{padding: 30px 0;}
	.search_results > .left > .results > li > dl{ display: flex; flex-flow: row wrap;}
	.search_results > .left > .results > li > dl > dt{ width:100%; margin: 0;}
	.search_results > .left > .results > li > dl > dt:nth-child(2){ width:100%; margin:15px 0 0 0;}
	.search_results > .left > .results > li > dl > dt:nth-child(3){ width:100%; margin:15px 0 0 0;}
	
    footer > ul {
        display: flex;
        flex-flow: row wrap;
    }

        footer > ul > li {
            width: 50%;
            margin: 0;
        }

            footer > ul > li:nth-child(3) {
                width: 100%;
                margin: 60px 0 0 0;
            }

    footer > .copyright {
        width: 90%;
    }
    .messages > li{ width:100%; margin-top: 0px; padding: 15px 0 0 0;}
    .split > li{ width: 100%; max-height: 500px; overflow-y: auto;}
    .split > li:nth-child(2){margin-top:20px; padding:0px;}
		
	.admissions > li{ width: 50%;}
	.document-center > li > ol > li{ width:100%;}
	
	.admission-notice > dl > dt{ width: 50%; }
	.get-started {
        height: 46px;
        width: 100%;
        position: fixed;
        display: block;
        z-index: 9999;
        bottom: 0;
        right: 0;
    }

        .get-started > a > span {
            display: none;
        }
}

@media (max-width:480px) {
    header > ul {
        width: 90%;
        display: flex;
        flex-flow: row wrap;
    }
	
	.wrapper{ width: 90%;}
	.search_results > .left{width:100%; margin: 0;}
	.search_results > .right{ display:none;}

    .school-info {
        display: flex;
        flex-flow: row wrap;
    }
	.school-info > li{ width:100%; margin: 0;}
	.school-info > li:nth-child(2){ width: 100%; padding: 45px 0 0 0; margin:0; border: none;}
	.school-info > li > .edu_grades > li > dl > dt{ width:50%; flex-flow:column;}
	.school-info > li > .edu_grades{ margin-left: 0px; }
	.school-profile > ul > li > dl{ padding:0 45px;}
	.school-updates > h1{padding: 0;}
	.school-updates > .map{ margin-left: 0px;}
	.school-updates > .facilities{ padding-left: 0px;}
	.school-updates > ul{ padding-left:0px;}
	.reviews{ margin-left:0px;}
	.school-updates > ul > li{ width:30%;}
	.school-updates > ul > li:nth-child(2){ width:68%;}
	.school-updates > ul > li > dl{ display:flex; flex-flow: row wrap;}
	.school-updates > ul > li > dl > dt{ width:100%;}
	.school-profile > ul{ display:flex; flex-flow: row wrap;}
	.school-profile > ul > li{ width:100%;}
	.school-profile > ul > li:nth-child(2){ width:100%; margin-top: 15px;}
	.school-profile > ul > li > ol{ display:flex; flex-flow: row wrap;}
	.school-profile > ul > li > ol > li{ width:100%; display:flex; justify-content:center; align-items:center;}
        .school-profile > ul > li > ol > li > h1 {
            text-align:center;
            line-height:32px;
            margin-top:20px;
        }
        .school-profile {
            height: 350px;
        }
	.school-profile > img{ width:auto; height:100%;}
	.school-updates > .facilities > li{ width:48%;}

	header > .search {
        width: 90%;
    }

    .getstarted > ul {
        width: 90%;
        display: flex;
        flex-flow: row wrap;
    }

        .getstarted > ul > li {
            width: 100%;
            box-sizing: border-box;
            margin-top: -1px;
        }

    .features > ul > li {
        display: none;
    }

        .features > ul > li:nth-child(2) {
            width: 100%;
        }

    .demo {
        width: 90%;
        display: flex;
        flex-flow: row wrap;
    }

        .demo > li {
            width: 100%;
            margin: 30px 0px;
        }

            .demo > li > ol > li > dl {
                margin: 0px;
            }


    .features > ul > li > ol {
        box-sizing: border-box;
        padding-right: 45px;
    }

    .erp > ul {
        width: 90%;
        display: flex;
        flex-flow: row wrap;
    }

        .erp > ul > li {
            width: 100%;
            margin: 0;
            padding: 30px 15px;
            box-sizing: border-box;
        }

    header > .search > .search_div {
        display: flex;
        flex-flow: row wrap;
    }

        header > .search > .search_div > input[type="text"] {
            margin-bottom: 5px;
            width: 100% !important;
            height: 58px;
            box-sizing: border-box;
        }

        header > .search > .search_div > input[type="submit"] {
            margin-bottom: 5px;
            width: 100%;
        }

    footer > ul {
        width: 90%;
    }

    .appfeatures {
        width: 90%;
    }
	
	.search_results > .left > .results > li{padding: 30px 0;}
	.search_results > .left > .results > li > dl{ display: flex; flex-flow: row wrap;}
	.search_results > .left > .results > li > dl > dt{ width:100%; margin: 0;}
	.search_results > .left > .results > li > dl > dt:nth-child(2){ width:100%; margin:15px 0 0 0;}
	.search_results > .left > .results > li > dl > dt:nth-child(3){ width:100%; margin:15px 0 0 0;}	
	
    footer > ul {
        width: 90%;
    }

    .appfeatures {
        width: 90%;
    }

    footer > ul {
        display: flex;
        flex-flow: row wrap;
    }

        footer > ul > li {
            width: 50%;
            margin: 0;
        }

            footer > ul > li:nth-child(3) {
                width: 100%;
                margin: 60px 0 0 0;
            }

    footer > .copyright {
        width: 90%;
    }

    .school-info > li > .edu_grades > li > dl > dt > i {
        margin-top:10px; text-align:center; line-height:18px;
    }
    .messages > li{ width:100%; margin-top: 0px; padding: 15px 0 0 0;}
    .split > li{ width: 100%; max-height: 500px; overflow-y: auto;}
    .split > li:nth-child(2){margin-top:20px; padding:0px;}
	
	.admissions > li{ width:100%;}
	.document-center > li > ol > li{ width:100%;}
	
	.admission-notice > dl > dt{ width: 100%; }
	.get-started {
        height: 46px;
        width: 100%;
        position: fixed;
        display: block;
        z-index: 9999;
        bottom: 0;
        right: 0;
    }

        .get-started > a > span {
            display: none;
        }
}