@media (min-width: 1024px) {

	
}

@media (max-width:1470px) {
    .apply_section {
    display: inline-block;
    width: 88%;
    padding: 60px 0;
    position: relative;
    left: 12%;
    margin: 0 0 80px 0;
}
    .registeration-section {
    display: inline-block;
    margin: 50px 0 75px;
    width: 85%;
    position: relative;
    left: 12%;
}
    .alumni_page .table {
    width: 100%;
    overflow-x: scroll;
    display: inline-block;
}
 .panel-box {
    width: 339px !important ;
    height: 100%;
}
 .panel-box .panel-icon {
    padding: 70px 0 !important;
   height: 149px !important;
    font-size: 14px !important;
}
 .dashboard-stats {
    top: 205px !important;
   width: 1028px;
   height: 175px !important;

}
 .page-sidebar {
    height: 100%;
}
.login_pages {
    padding: 20px 0px;
}
.login_form {
    width: 45%;
    padding: 40px;
    top: 23%;
    height: 39%;
}
.joinus_files {

    display: inline-block;
    width: 100%;
    padding: 20px 0;
}
.join_bg {
    padding: 40px 0 0;

}
.contan-slider {
    top: 14%;
}
}


@media (max-width: 1199px) {
    .dashboard-stats {
    top: 205px !important;
   width: 800px;
   height: 175px !important;

}

    .panel-box .panel-icon {
    padding: 66px 0 !important;
}
    .panel-box {
    width: 263px !important;
    height: 100%;
}

.academic_section h5 {
    font-size: 20px;

}
ul.skills_heading h6 {
    font-size: 16px;

}

ul.alumni_contacts li input {
    width: 65%;

}
.login_form {

    width: 45%;
    padding: 25px;
    top: 14%;
    height: auto;

}
.login_heading {

    display: inline-block;
    margin: 10px 0 0 0;

}
ul.login_contan {

    width: 100%;
    display: inline-block;
    margin: 40px 0 0;

}
.login_butten {

    margin: 16px auto;
    width: 30%;
    border-radius: 50px;
    overflow: hidden;
    background: #8dc63f;
    padding: 0;
    height: auto;
    float: none;
    border: 1px solid #fff;
    text-align: center;
    display: inline-block;

}
.carity_section h4 {
    font-size: 25px;
}
.carity_section h4 span {
    font-size: 25px;
}
.educates_images {
    float: none;
    display: inline-block;
}

.donate_inner {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
.donate_inner label {
    width: 100%;
    margin: 0 0 10px;
}
ul.social_icon li a {
    font-size: 16px;
    padding: 7px 6px;

}
.educates_listing {
    margin: 20px 0 0 0;

}
.back_butten {
    width: 35%;
}
.custom-select {
    width: 100%;
margin: 0 0 0 0px;
}

.donates_butten {
    margin: 15px 15px 0 0px;
    width: 100%;
 }

.amount_contan {
    display: inline-block;
    width: 100%;
}
ul.login-section li {
    padding: 4px 5px;
}

ul.login-section li a {
    font-size: 11px;
}
.main-nav ul.home-nav > li > a {
font-family: 'MetroNovaPro-CondLight';
    color: #0a2d4d;
    font-size: 14px;
    padding: 11px 0px !important;

}
    ul.home-nav > li {
		padding: 0 0px;
	}

	

	ul.home-nav > li > a .fa-home {
		padding: 0 14px;
	}

	ul.home-nav li ul {
    margin: 0px 0 0;
}

    .navbar-toggle {
        display: block
    }

    .navbar-header {
		float: none;
	}

	.main-nav{
 		border-bottom:none;
	}

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav > li {
        float: none
    }

    .collapse.in {
        display: block !important;
    }

    .main-nav .navbar {
        height: auto;
        margin: 0;
    }

	
    .main-nav .navbar-brand {
		font-family: 'MetroNovaPro-CondLight';
        color: #000;
        height: 52px;
        line-height: 20px;
        padding: 15px 10px;
		display: inline-block;
    }
	.main-nav {
		padding: 0px 0 0 0;
	
	}

    .main-nav .navbar-default .navbar-toggle {
    background: #8dc63f;
    border: medium none;
    border-radius: 0;
    margin: 10px;
    position: absolute;
    right: 0px;
}

.main-nav .navbar-toggle:hover, .main-nav .navbar-toggle:focus {
	background-color: #8dc63f;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.main-nav ul.home-nav > li > a {
    margin: 0 0px 0 0px;
}

.collapse.navbar-collapse{
 	padding-left: 15px;
    padding-right: 15px;

  } 
	.main-nav .navbar-nav {
		border-top: 1px solid #000;
		float: none;
		margin: 0;
		width: 100%;
	}
	

    .main-nav ul {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border-radius: 0;
		height: auto;
		margin: 0 -18px;
		width: 105%;
	}

    .main-nav ul li {
		border-right: none;
		border-bottom: 1px solid #000;
		display: inline-block;
		padding: 0 !important;
		text-align: left;
		width: 100%;
		height: auto;
	}
	ul.navbar-nav > li:hover > ul {
		display: block;
		background: #000;
		width: 100%;
	}

	ul.navbar-nav > li > ul > li:hover > ul {
		display: block;
		background: #000;
		color: #fff !important;
		opacity: 1;
		width: 100%;
		left: 0;
		top: 0;
	}

	ul.navbar-nav > li ul li ul li:hover ul {
		display: block;
		background: #000;
		color: #fff !important;
		opacity: 1;
		width: 100%;
		left: 0;
		top: -8px;
	}

    .main-nav .navbar-nav li a {
        box-shadow: none;
        text-align: left;
        display: inline-block;
    }

    /*RESPONSIVE-SUB-NAVIGATION*/
    .main-nav ul li.expanded {
        margin-bottom: -1px;
    }

    .main-nav ul li.expanded::after {
        color: #fff;
        content: "";
        font-family: fontawesome;
        font-size: 20px;
        position: absolute;
        right: 15px;
        top: 15px;
    }

    ul.home-nav .as-dropdown {
        transform: translateY(0px);
        position: static;
        background: #596675;
        width: 100%;
        display: none;
    }

    ul.home-nav li:hover .as-dropdown {
        display: block;
    }

    .main-nav ul.home-nav > li:last-child {
        border-bottom: none;
    }

    .main-nav ul.home-nav > li > a {
     	 padding: 10px !important;
		color: #000;
		display: inline-block;
		width: 100%;

    }



	.main-nav ul.home-nav > li > a:hover{
		color: #fff!important;
		background:#8dc63f!important;
	}
	.main-nav ul.home-nav > li > a:hover .fa-home{
	color: #fff!important;
	}

    ul.home-nav .as-dropdown li a {
        color: #FFF;
        border-bottom: none;
    }

    ul.home-nav > li > a::before {
        display: none;
    }

	ul.home-nav > li > a:hover {
		background:#fff;
    }

    ul.home-nav > li > a:hover {
        color: #fff !important;
    }

	.main-nav {
		background: #008238none repeat scroll 0 0;
		width: 100%;
	}

	.main-nav .navbar-default {

    background-color: #fff;
    background-image: none;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    text-align: center;
    z-index: 9;
    padding-bottom:0px;

}

.educate_section h4 {
    font-size: 18px;
}
.educate_section h4 span {
    font-size: 18px;
}
.top_section {
    padding: 5px 0 0;
}
ul.volunteer_section {
    margin: 5px 0 0 0;

}
.contan_new {
    width: 55%;
}
.contan_events {
    width: 46%;
    margin-left: 4%;

}
.facebook img{
	width:100%;
}
.instagram img{
	width:100%;
}
.tweets_section img{
	width:100%;
}
.instagram {
    left: -160px;

}
ul.follow_us li {
    margin: 0 4px 0 0;

}
.email_section button {
    width:50%;
}

.footer_logo img{
 width:100%;
}
.social_heading {
    top: -4px;
}
.contan-slider h2 {
    font-size: 115px;
    margin: 20px 0 20px 0;

}
.contan-slider h3 {
    font-size: 42px;
    color: #fff;
}

}
@media (min-width: 991px) {
    .navbar-brand {
        display: none;
    }

}

@media (max-width: 991px) {
    .alumni_page {

    width: 100%;
    display: inline-block;
    margin: -1px 0 0 0;

}
.alumni_section {
    width: 85% !important;
    padding: 10px !important;
    margin: 0 auto !important;
}
    .page-sidebar ul {
    margin-top: 0px !important;
    width: 100%;
}

    .panel-box {
    width: 100% !important;
    height: 100%;
}

.dashboard-stats {
    top: 0px !important;
    width: 100%;
    height: auto !important;
    left: 0;
    width: 100%;
    position: relative;
    border: none;
    box-shadow: none;
}
    .panel-box .panel-icon {
    padding:30px 0 !important;
    height: auto !important;
    font-size: 14px !important;
}

.page-sidebar {
    height: 100%;
    width: 100%;
    position: static;
    margin: 0;
}
.footer {
    padding-left: 10px;
    padding-right: 10px;
    position: static;
        z-index: 9;
}
.responsiv_bg {
    display: none !important ;
}
.login_section {
    width: 100%;
    display: inline-block;
    position: static !important ;
    height: 100%;
}
 #Dashboard {
    position: relative;
    z-index: 9;
    width: 100%;
    top: 0;
    margin: 0;
}
 .panel-box {
      border-bottom: 1px solid #dadada !important;
    margin: 0;
}
.servise_bg {
    margin: 40px 0 0 0;

}
ul.skills_heading li {
    margin-bottom: 20px;
}
.login_form {
    top: 7%;

}
.login_butten {
    width: 36%;
}
.instagram {
    left: -179px;
}
ul.contact_number {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0 0 7px 0;
}
ul.social_icon {
    float: none;
    vertical-align: middle;
    margin: 10px 10px 0 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
ul.login-section {
    background: #fff;
    text-align: center;
    float: none;

}
ul.login-section li{
display: inline-block;
float:none;
}

.logo-section {
    text-align: center;
    margin: 6px 0;

}


    /*RESPONSIVE-SUB-NAVIGATION*/
    .mobile-space {
        margin-bottom: 30px;
    }


.hover_bg {

    display: inline-block;
    width: 100%;

}
.image_servise {
    display: inline-block;
    width: 100%;
    float: none;
}
ul.sectors_section li .blogs {
    border-right: none;

}
ul.sectors_section li {
    border: 1px solid #8dc63f;
    margin-bottom: 20px;
    padding: 20px;
}
.joinus_section {
    height: 400px;

}
.joinus_section img {
    display: inline-block;
    width: 100%;
    height: 100%;

}
.wow.zoomIn {
    margin-bottom: 20px;
}

.footer_logo img {

    width: auto;

}
.impotant_links {
    margin: 30px 0 0 0;

}
}
@media (min-width: 767px) {
    /*RESOURCES*/
    .discuss-hide {
        display: none;
    }

    /*RESOURCES*/

}

@media (max-width: 767px) {
    #UserDashboard {
    position: relative;
    top: 0;
    left: 5%;
    padding: 20px;
}
     .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left !important;
    padding: 0px 0 11px;
}
     ul.information_section {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0px 0;
}

    .login_heading h3 {
    font-size: 16px !important;
}
    .login_form_bgs {
            height: auto !important;
            width: 80% !important;
            margin: 50px auto 50px !important;
    }
    .registeration_butten {
        display: inline-block;
        width: 100%;
    }
        .registeration_butten input {
    font-size: 12px;
}
  ul.marketing_section label {
    width: 90% !important;

}
.ex-Student input{
width:100%;
    margin: 26px 0 0 0;

}

ul.employees_section li input {
    width: 100%;
    margin: 26px 0 0 0;

}
ul.mailing_section li input{
    width: 100%;
    margin: 26px 0 0 0;

}
ul.alumni_contacts li {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;

}
ul.alumni_contacts li input {
 margin: 26px 0 0 0;
    width:100%;

}
.login_pages {

    padding: 10px 0px;

}
.login_form {

    top: 6%;
    width: 81%;

}
.login_heading h3 {
    font-size: 20px;
}
ul.login_contan {

    width: 100%;
    display: inline-block;
    margin: 10px 0 0;

}
ul.login_contan li input {
    height: 35px;
    padding: 8px;
}
.login_butten {

    margin: 0px auto 11px;
    width: 30%;
    border-radius: 50px;
    overflow: hidden;
    background: #8dc63f;
    padding: 0;
    height: auto;
    float: none;
    border: 1px solid #fff;
    text-align: center;
    display: inline-block;

}
.contan-slider {
    top: 6%;
}
contan_new {
    width: 70%;
}
.bounceInRight {

    margin-bottom: 20px;

}

.contan-slider h1 {
    font-size: 30px;
}
.contan-slider h2 {
    font-size: 60px;
    margin: 10px 0 10px 0;
}
.contan-slider h3 {
    font-size: 30px;
    color: #fff;

}

.donate_contan h3 {
    font-size: 25px;
}
.donate_contan h3 span {
	font-size: 25px;
}
.donate_bg h4 {
    font-size: 17px;
    line-height: 24px;

}

.donate_now {
    width: 38%;
}
.social_heading {
    transform: rotate(-0.5deg);
    height: auto;
    float: left;
    margin: 16px 0 0;
    position: relative;
    top:0px;
    width: 100%;
    text-align: center;

}
.social_madia {
    padding: 10px 0;
    margin:20px 0 0;

}
.social_heading h2 {
    font-size: 25px;
}
.social_heading h2 span {
	font-size: 25px;
}
.facebook {
    float: left;
    width: 100%;
    position: relative;
    left: 0;
    padding: 20px;
}
.instagram {
    left: 0;
    width: 100%;
    padding: 20px;

}
.tweets_section {
    float: left;
    width: 100%;
    position: relative;
    right: 0;
    padding: 20px;
}
.madia_contan .wow.zoomIn {
    margin-bottom:0px;
}
#slider_vodeo .owl-nav{
display:none !important;
}

ul.information_section li {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.uplode_image .avatar-preview {
    width: 100%;
    height: 550px;
    margin: 4px 0 0 0;

}
ul.permanent_contan li {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.inner_input {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.captcha_butten {
    margin: 25px 0px 0px 0px;
    width:45%;
}

ul.marketing_section li {

    display: inline-block;
    width: 100%;
    margin-bottom: 15px;

}
}
@media (max-width: 639px) {
.login_pages {

    padding: 4px 0px;

}
.login_section {
    height: 380px;

}
.login_section img{
 height: 380px;
}
.login_form {

    top: 5%;
    width: 81%;

}
.login_butten {
    width: 66%;
}
.contan-slider h1 {
    font-size: 20px;
}
.contan-slider h2 {
    font-size:40px;
    margin: 0px 0 0px 0;
}
.contan-slider h3 {
    font-size: 20px;
    color: #fff;

}
.login_butten button {
    padding: 7px 29px;
    font-size: 14px;

}
.donate_now {
    width: 61%;
}
.servise_bg h2 {
    font-size: 25px;
}
.servise_bg h2 span {
    font-size:25px;
}
.join_bg {
    padding: 7px 0 0;
}
.joinus_heading h3 {
    font-size:25px;

}
.joinus_heading h3 span {
    font-size:25px;
}
ul.succeess_slides {
    margin: 20px 0 0 0;

}
.contan_events {
    width: 100%;
    margin-left: 0%;
}
.events_images {
    display: inline-block;
    width: 100% !important;
    height: auto;

}

}

@media (max-width: 479px) {
    .alumni_page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

    font-size: 10px;

}
    .alumni_page .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    font-size: 10px;

}
    .dataTables_wrapper {

    width: 100%;
    margin: 20px 0;
.educates_listing h2 {
    font-size: 20px;
}
.educates_listing h2 span {
    font-size: 20px;
}

.back_butten {
    width: 46%;
}
.donate_now {
    width:70%;
    height: auto;
    padding: 25px 14px;
    display: inline-block;
    line-height: 22px;
}
.donate_now button {
    font-size: 15px;
    position: absolute;
    top: 10px;
    left: 26px;

}
.donate_now button img {
    width: 20%;
}
.logo-section img {
    display: inline-block;
}
.new_image {
    width: 100% !important;
    height: auto;
    float: left;
    border: 2px solid #8dc63f;
}
.contan_new {
    width: 100%;
    margin-left: 0;
}

.join_bg h5 {
    font-size: 14px;
    line-height: 23px;
}
.volunteer_butten a {
    font-size: 14px;
}

.servise_contan {
    padding: 20px 0 0;

}

.contan-slider span {
    font-size: 25px;
}
.captcha_butten {
    width: 54%;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left !important;
    padding: 0px 0 11px;
}


@media (max-width:320px) {

.contan-slider h2 {
    font-size: 30px;
    margin: 0px 0 0px 0;
}

}