@media (min-width: 1260px) {
	
}
/* md */
@media(max-width: 1199px) {

    .header_area .nav-menu > li > a {
        padding: 25px 10px;
        font-size: 15px;
    }
    .header_area .logo {
        max-width: 100px;
        height: 60px;
    }
    .header_area {
        height: 70px;
    }
    .banner {
        height: 490px;
    }
    .header_area.fix .nav-menu > li > a {
        padding: 26px 10px;
    }
    .header_area.fix .logo {
        max-width: 85px;
        height: 65px;
    }
    .banner .banner-contain h1 {
        margin: 0 0 5px;
        font-size: 42px;
        line-height: 48px;
    }
    .banner .banner-contain p {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .skill-body .skill-box {
        height: 130px;
    }
    .skill-body .skill-box:hover {
        height: 188px;
    }
    .skill-body .skill-box h3 {
        font-size: 20px;
    }
    .skill-body .skill-box p {
        font-size: 10px;
    }
    .skill-body {
        height: auto;
    }
    .skill-body .skill-box:hover {
        height: 130px;
        top: 0px;
    }
    .skill-body .skill-box .icon img {
        height: 35px;
        margin-bottom: 5px;
        display: none;
    }
    .skill-body .skill-box::after {
        top: 17px;
    }
    .about-area {
        padding: 60px 0;
    }
    .about-contain h2 {
        font-size: 32px;
        margin-bottom: 12px;
    }
    .about-contain p {
        font-size: 15px;
        line-height: 25px;
    }
    .p-90{
        padding: 60px 0;
    }
    .heading h2 {
        font-size: 35px;
    }
    .heading p {
        font-size: 15px;
        line-height: 24px;
    }
    .academics-img-box {
        min-height: auto;
    }
    .academics-img-box .img-box {
        height: 190px;
    }
    .academics-img-box .academics-contain-box {
        padding: 8px 10px;
        min-height: 64px;
    }
    .academics-img-box .academics-contain-box h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .academics-area .mt-4{
        margin-top: 0.5rem !important;
    }
    .careers_area {
        min-height: 300px;
        margin-bottom: 0;
    }
    .our_center_area .heading_area {
        max-width: 100%;
        margin-bottom: 0;
    }
    .our_center_area .our_center_iconarea {
        margin-top: 0;
    }
    .our_center_area .our_center_iconareatotal .our_center_iconbox:first-child {
        margin-left: 0;
    }
    .our_center_area .our_center_iconareatotal .our_center_iconbox:nth-of-type(3) .our_centerbox {
        margin-top: 0;
    }
    .our_center_area .our_centerbox {
        max-width: 100%;
        margin-top: 30px !important;
    }
    .our_center_area .our_centerbox:after{
        display: none;
    }
    .our_center_area .our_center_iconareatotal .our_center_iconbox:nth-of-type(2) {
        margin-top: 0;
    }
    .our_center_area .our_center_iconareatotal .our_center_iconbox:nth-of-type(4) .our_centerbox {
        margin-top: 0;
    }
    .our_center_area .our_centerbox .our_centericon {
        height: 160px;
    }
    .our_center_area h5 {
        font-size: 16px;
        line-height: 24px;
    }
    .heading_area h3 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 5px;
    }
    .about-contain {
        padding-left: 0;
    }
    .btn {
        font-size: 14px;
        padding: 10px 20px;
    }
    .heading_area .w-65 {
        max-width: 100%;
    }
    .gallery-inner-section .heading_area {
        margin-bottom: 25px;
    }
    .project-image-box {
        height: 205px;
    }
    .masonrybox .project-image-boxtotal:nth-of-type(2) .project-image-box {
        height: 290px;
    }
    .project-image-box .image-zoom {
        font-size: 38px;
    }
    .project-image-box .image-zoom::before {
        border-width: 5px;
    }
    .footer_top {
        padding: 60px 0 20px;
    }
    .footer_wizget ul.link li {
        font-size: 15px;
        margin-bottom: 7px;
    }
    .footer_bottom p {
        font-size: 14px;
    }
    .footer_bottom {
        padding: 15px 0;
    }
    .inner_banner_area {
        height: 225px;
    }
    .inner_banner_area .containBox .containBoxBody {
        max-width: 100%;
    }
    .inner_banner_area .containBox h1 {
        font-size: 30px;
    }
    .pb-90 {
        padding-bottom: 50px;
      }
      .pt-90 {
        padding-top: 50px;
      }
      .inner-about-college-area .about-contain {
        padding: 0;
    }
    .about-college-img-box .contain-box .text-box {
        max-width: 260px;
        height: 195px;
        border-width: 5px;
    }
    .about-college-img-box .contain-box .text-box h2 {
        font-size: 22px;
    }
    .about-college-img-box .contain-box .text-box .icon {
        font-size: 40px;
    }
    .about-college-img-box .contain-box::before {
        max-width: 270px;
    }
    .collage-skill-box.card {
        padding: 2rem 1rem;
    }
    .collage-skill-box.card .card-img {
        height: 60px;
        margin: 0 auto 1rem;
    }
    .collage-skill-box.card .card-body h3 {
        font-size: 20px;
    }
    .collage-skill-box.card .card-body p {
        font-size: 13px;
    }
    .webtext h1, .webtext h2, .webtext h3 {
        font-size: 28px;
    }
    .contact-form {
        max-width: 100%;
    }
    .inner-contact-body .getintouch-area {
        max-width: 100%;
        height: auto;
        bottom: auto;
        position: relative;
    }
    .inner-contact-body .getintouch-area::before {
        display: none;
    }
    .inner-contact-body .getintouch-area .getintouchbody {
        padding-right: 0;
        padding-left: 0;
    }
    .inner-contact-body.d-flex{
        display: block !important;
    }
    .inner-contact-body .contact-form{
        order: 2;
    }
    .inner-contact-body .getintouch-area{
        order: 1;
    }
    .inner-contact-body .getintouch-area .getintouchbody h2, .contact-address .media .media-body h5{
        color: #02a3e1;
    }
    .btn-outline.btn-outline-white{
        border-color: #02a3e1;
        color: #02a3e1;
    }
    .inner-contact-body .getintouch-area .getintouchbody .social-link-box li .social-link{
        border-color: #02a3e1;
        color: #02a3e1;
    }
    .inner-contact-body .getintouch-area .getintouchbody .social-link-box li{
        color: #000000;
    }
    .contact-address .media .media-body a{
        color: #000000;
    }
    .contact-address .media .media-body p{
        color: #000000;
    }
    .contact-address .media .media-icon{
        border-color: #02a3e1;
        color: #02a3e1;
    }
    .inner-contact-body .getintouch-area .getintouchbody .map-box {
        padding-top: 0;
    }
    .contact-address .media {
        margin-bottom: 1rem;
    }
    .inner-contact-body .shape4{
        display: none;
    }
    .inner-contact-body .getintouch-area .getintouchbody {
        padding: 0;
        padding-top: 20px;
    }
    .inner-contact-body .getintouch-area .getintouchbody h2 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .contact-form .form {
        max-width: 100%;
    }
    .contact-form {
        padding: 24px;
    }
    .contact-form .webtext {
        margin-bottom: 1.2rem;
    }
    .social-media-top .social-list a{
        color: aliceblue;
        margin: 15px 15px;
    }
    .header-contact {
        width: 30%;
        float: right;
        text-align: end;
        margin: 0px 0px;
    }

}

@media (max-width: 991px) {

    .nav-toggle {
        margin-top: 5px;
        right: 0;
    }
    .header_area.fix .nav-toggle {
        margin-top: 20px;
    }
    .nav-toggle::before {
        background-color: #2e3191;
        box-shadow: 0 0.5em 0 0 #2e3191, 0 1em 0 0 #2e3191;
    }
    .nav-toggle:hover::before{
        background-color: #15aef1;
        box-shadow: 0 0.5em 0 0 #15aef1, 0 1em 0 0 #15aef1;
    }
    .header_area .nav-menu > li > a {
        padding: 15px 20px;
        font-size: 14px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .header_area .nav-menu > li > .nav-dropdown {
        border-top-width: 2px;
    }
	.navigation-portrait .nav-dropdown > li > a {
        padding: 10px 20px;
        font-weight: 400;
        color: #000000;
        width: 100%;
    }
    .navigation-portrait .nav-dropdown > li > a:hover{
        color: #2e3191;
    }
    .banner {
        height: 425px;
    }
    .banner .banner-contain h1 {
        font-size: 36px;
        line-height: 46px;
    }
    .about-contain h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .about-contain p {
        font-size: 14px;
        line-height: 22px;
    }
    .about-area {
        padding: 45px 0;
    }
    .p-90 {
        padding: 45px 0;
    }
    .heading h2 {
        font-size: 30px;
    }
    .heading p {
        font-size: 14px;
    }
    .academics-img-box .img-box {
        height: 140px;
    }
    .academics-img-box .academics-contain-box h3 {
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
    }
    .academics-img-box .academics-contain-box {
        min-height: 55px;
    }
    .academics-area .mt-4 {
        margin-top: 0 !important;
    }
    .careers_area {
        min-height: 250px;
    }
    .heading_area h3 {
        font-size: 28px;
    }
    .our_center_area .our_centerbox .our_centericon {
        height: 118px;
    }
    .our_center_area .our_centerbox:hover .our_centericon {
        background-position: 0 -213px;
    }
    .our_center_area h5 {
        font-size: 14px;
        line-height: 21px;
    }
    .our_center_area .our_centerbox {
        padding: 1rem 0.5rem;
    }
    p {
        font-size: 14px;
    }
    .project-image-box {
        height: 165px;
    }
    .masonrybox .project-image-boxtotal:nth-of-type(2) .project-image-box {
        height: 210px;
    }
    .socialmedia ul{
        text-align: left;
    }
    .socialmedia {
        margin-bottom: 15px;
    }
    .footer_wizget h4 {
        margin-bottom: 10px;
    }
    .our_center_area .our_centerbox .our_centericon {
        background-position: 0px -38px;
        margin-bottom: 15px;
    }
    .inner_banner_area {
        height: 175px;
    }
    .inner_banner_area .containBox h1 {
        font-size: 25px;
        margin-bottom: 0;
    }
    .inner_banner_area ol.breadcrumb li.breadcrumb-item a, .inner_banner_area ol.breadcrumb li.breadcrumb-item.active {
        font-size: 15px;
    }
    .about-college-img-box .contain-box::before {
        max-width: 180px;
        border-width: 4px;
    }
    .about-college-img-box .contain-box .text-box {
        max-width: 235px;
        height: 180px;
        padding: 1rem;
    }
    .collage-skill-box.card {
        padding: 1.5rem 0.5rem;
    }
    .collage-skill-box.card .card-body h3 {
        font-size: 18px;
    }
    .collage-skill-box.card .card-body p {
        font-size: 12px;
        line-height: 20px;
    }
    .collage-skill-box.card .card-body h3 {
        font-size: 15px;
    }
    .collage-skill-box.card .card-img {
        height: 45px;
        margin: 0 auto 0.8rem;
    }
    .inner-academic.pb-90{
        padding-bottom: 0;
    }
    .notice-box h3 {
        font-size: 18px;
    }
    .btn-outline {
        font-size: 14px;
    }
    .about-contain .text-contain.card .card-body h3 {
        font-size: 20px;
    }
    .mission-vision-area .about-contain {
        padding-top: 0;
        padding-bottom: 0;
    }
    .about-contain .text-contain.card .card-body p {
        font-size: 15px;
    }
    .about-contain .contain-list li {
        font-size: 15px;
    }
    .staff-box .media .media-img {
        width: 80px;
        height: 80px;
    }
    .staff-box .media .media-body {
        padding: 0 0;
        padding-left: 5px;
    }
    .staff-box .media .media-body h5 {
        font-size: 14px;
    }
    .staff-box .media .media-body p{
        font-size: 10px;
    }
    .staff-box {
        padding-left: 50px;
        margin-bottom: 15px;
    }
    .nav.nav-tabs .nav-item {
        margin-bottom: 12px;
    }
    .school-of-technology-img {
        height: auto;
    }
    .social-media-top .social-list {
        color: aliceblue;
        margin: 15px 15px;
        display: inline-flex;
    }
    .social-media-top {
        margin: 0px 0px 0px 0px;
    }
    .header-top .wrap {
        margin: 0px 0px 15px 60px;
    }
    .header-contact {
        width: 30%;
        float: right;
        text-align: end;
        margin: 5px 0px;
    }
    .social-media-top {
        width: 70%;
        margin: 5px 0px 0px 0px;
    }
}

@media (max-width: 767.98px) {


    .banner {
        height: 355px;
    }
    .about-img-box-area{
        margin-bottom: 1.8rem;
    }
    .about-contain h2 {
        font-size: 32px;
        margin-bottom: 12px;
    }
    .about-contain p {
        font-size: 15px;
        line-height: 25px;
    }
    .academics-area .heading p {
        max-width: 100%;
    }
    .careers_area {
        min-height: 220px;
    }
    .our_center_area .our_centerbox:hover .our_centericon {
        background-position: 0 -250px;
    }
    .footer_wizget ul.link li {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .footer_wizget .footer_address h4, .footer_wizget .footer_address p{
        font-size: 14px;
    }
    .navigation-portrait .nav-menus-wrapper {
        height: 100vh;
    }
    .inner_banner_area {
        height: 145px;
    }
    .our_center_area.p-90{
        padding-top: 0;
    }
    .about-college-img-box {
        padding-right: 0;
    }
    .collage-skill-box.card {
        margin-bottom: 25px;
    }
    .about-college-img-box .contain-box {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
    }
    .about-college-img-box .contain-box .text-box {
        max-width: 100%;
        height: auto;
        padding: 0.8rem;
        box-shadow: 0 0 20px rgba(0,0,0,0.10);
    }
    .about-college-img-box .contain-box .text-box h2 {
        font-size: 18px;
        font-weight: 500;
    }
    .about-college-img-box .contain-box .text-box h2 strong{
        font-weight: 500;
    }
    .webtext h1, .webtext h2, .webtext h3 {
        font-size: 26px;
    }
    .nav.nav-tabs {
        margin-bottom: 1.8rem;
    }
    .nav.nav-tabs .nav-item .nav-link {
        padding: 0.4rem 1rem;
        font-size: 12px;
    }
    .administrative-area .webtext {
        margin-bottom: 1rem;
    }
    .about-contain h2 {
        font-size: 25px;
    }
    .about-contain .text-contain.card .card-body h3 {
        font-size: 18px;
    }
    .staff-box {
        padding-left: 0;
    }
    .staff-box .media .media-img {
        margin-left: 0;
    }
    .staff-box .media {
        padding: 5px;
    }
    .school-of-technology-body {
        padding-right: 0;
        border-right: 0;
    }
    .technology-list .list li {
        min-height: auto;
    }
    .header-top .social-media-top {
        margin: 5px 0px 0px 0px;
    }
    .header-top .social-list {
        display: none;
    }
    .header-top .wrap {
        margin: 0px 0px 0px 0px;
    }
    .header-contact {
        float: right;
        text-align: end;
        margin: 0;
    }

}
/* XS Portrait */
@media (max-width: 639.98px) {

    .banner {
        height: 265px;
    }
    .banner .banner-contain h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .our_center_area .our_centerbox:hover .our_centericon {
        background-position: 0 -212px;
    }
    .careers_area {
        min-height: 200px;
    }
    .project-image-box {
        height: auto;
    }
    .project-image-box .image-zoom {
        font-size: 55px;
    }
    .project-image-box .image-zoom::before {
        border-width: 8px;
    }
    .masonrybox .project-image-boxtotal:nth-of-type(2) .project-image-box {
        height: auto;
    }
    .footer_wizget.text-center{
        text-align: left !important;
    }
    .footer_wizget .footer_logo {
        max-width: 100px;
        height: 100px;
    }
    .careers_area .careerstotalbox::before {
        right: 0;
    }
    .footer_bottom p {
        font-size: 12px;
    }
    .footer_bottom {
        padding: 10px 0;
    }
    .p-90 {
        padding: 35px 0;
    }
    .p-91 {
        padding: 100px 0;
    }
    .inner_banner_area {
        height: 105px;
    }
    .inner_banner_area .containBox h1 {
        font-size: 18px;
    }
    .inner_banner_area ol.breadcrumb li.breadcrumb-item a, .inner_banner_area ol.breadcrumb li.breadcrumb-item.active {
        font-size: 14px;
    }
    .inner_banner_area .containBox {
        padding-top: 25px;
    }
    .about-college-img-box .contain-box .text-box {
        padding: 1.8rem 0.8rem;
    }
    .about-college-img-box .contain-box .text-box h2 {
        font-size: 22px;
    }
    .header_area .logo {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .header_area .mobile-header-phone{
        display: inline-block;
    }
    .nav.nav-tabs .nav-item {
        margin-right: 0.2rem;
        margin-bottom: 10px;
    }
    .notice-box {
        padding: 1rem;
        margin-bottom: 1.2rem;
    }
    .btn-outline {
        font-size: 13px;
    }
    .notice-box h3 {
        font-size: 16px;
    }
    .nav.nav-tabs {
        margin-bottom: 1rem;
    }
    .inner-contact-body .getintouch-area .getintouchbody h2 {
        font-size: 25px;
        margin-bottom: 12px;
    }
    .contact-address .media .media-icon {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
    .contact-address .media .media-body h5 {
        font-size: 18px;
    }
    .contact-address .media .media-body p, .contact-address .media .media-body a {
        font-size: 14px;
    }
    .mission-vision-area.pt-90{
        padding-top: 25px;
    }
    .staff-box .media .media-body h5 {
        font-size: 17px;
    }
    .staff-box .media .media-body p {
        font-size: 14px;
    }
    .staff-box .media .media-body {
        padding-left: 10px;
    }
    .inner-staff-area.pb-90 {
        padding-bottom: 0;
    }
    .inner-staff-area.pt-90 {
        padding-top: 15px;
    }
    .header-top .social-media-top .social-list{
        display: none !important;
    }
    .header-top .social-media-top .wrap{
        margin: 0px 0px;
        width: 100%;
    }
    .header-top .header-contact {
        text-align: left;
        margin: 8px 0px;
        font-size: 12px;
        display: none;
    }

}
@media (max-width: 479.98px) {

    .banner {
        height: 225px;
    }
    .banner .banner-contain h1 {
        font-size: 26px;
        line-height: 36px;
    }  
    .about-contain h2 {
        font-size: 27px;
        margin-bottom: 10px;
    }
    .about-contain p {
        font-size: 14px;
        line-height: 24px;
    }
    .about-area {
        padding: 30px 0;
    }
    .heading h2 {
        font-size: 28px;
        margin-bottom: 5px;
    }
    .academics-img-box .academics-contain-box {
        padding: 5px 0;
        min-height: 48px;
    }
    .academics-img-box .academics-contain-box h3 {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
    }
    .academics-img-box{
        margin-bottom: 15px;
    }
    .academics-area .mt-4 {
        margin-top: 0.8rem !important;
    }
    .careers_area {
        min-height: 180px;
    }
    .our_center_area h5 {
        font-size: 11px;
        line-height: 15px;
        font-weight: 500;
    }
    .heading_area h3 {
        font-size: 25px;
    }
    .our_center_area .our_centerbox .our_centericon {
        height: 90px;
    }
    .our_center_area .our_centerbox:hover .our_centericon {
        background-position: 0 -182px;
    }
    p {
        font-size: 13px;
    }
    .about-college-img-box .contain-box .text-box h2 {
        font-size: 20px;
    }
    .administrative-area.pt-90{
        padding-top: 25px;
    }
    .administrative-area.pb-90{
        padding-bottom: 25px;
    }
    .btn-outline {
        font-size: 10px;
        padding: 5px 10px;
    }
    .notice-box h3 {
        font-size: 14px;
    }
    .notice-box {
        margin-bottom: 1rem;
    }
    .inner-gallery-area.pb-90 {
        padding-bottom: 10px;
    }
    .inner-gallery-area.pt-90 {
        padding-top: 20px;
    }
    .school-of-technology-area.pb-90 {
        padding-bottom: 10px;
    }
    .school-of-technology-area.pt-90{
        padding-top: 20px;
    }
    .our_center_area .heading_area {
        padding-top: 25px;
    }
    .header-top .social-media-top .social-list{
        display: none !important;
    }
    .header-top .social-media-top .wrap{
        margin: 0px -10px;
        width: 100%;
    }
    .header-top .header-contact {
        text-align: left;
        margin: 8px 0px;
        font-size: 10px;
    }
}
@media (max-width: 410px) {


}

@media (max-width: 375px){
    
    .banner {
        height: 195px;
    }
    .banner .banner-contain h1 {
        font-size: 22px;
        line-height: 32px;
    }
    .our_center_area h5 {
        font-size: 10px;
    }
    .our_center_area .our_centerbox .our_centericon {
        height: 65px;
    }
    .our_center_area .our_centerbox:hover .our_centericon {
        background-position: 0 -159px;
    }
    .notice-box {
        padding: 0.5rem;
    }
    .notice-box h3 {
        font-size: 13px;
    }
    .nav.nav-tabs .nav-item .nav-link {
        padding: 0.2rem 1rem;
        font-size: 11px;
    }
    .webtext h1, .webtext h2, .webtext h3 {
        font-size: 22px;
    }
    .about-contain h2 {
        font-size: 24px;
    }
    .header-top .social-media-top .social-list{
        display: none !important;
    }
    .header-top .social-media-top .wrap{
        margin: 0px 0px;
        width: 100%;
    }
    .header-top .social-media-top .search{
        margin: 0px 0px;
        width: 125%;
    }
    .header-top .social-media-top .searchButton{
        margin: 0px 0px 0px 30px;
        float: right;
    }
    .header-top .header-contact {
        display: none;
    }

}

@media (max-width: 320px){
	
}


@media (max-width: 991px) {

    .nav-toggle {
        margin-top: 5px;
        right: 0;
    }
    .header_area.fix .nav-toggle {
        margin-top: 20px;
    }
    .nav-toggle::before {
        background-color: #2e3191;
        box-shadow: 0 0.5em 0 0 #2e3191, 0 1em 0 0 #2e3191;
    }
    .nav-toggle:hover::before{
        background-color: #15aef1;
        box-shadow: 0 0.5em 0 0 #15aef1, 0 1em 0 0 #15aef1;
    }
    .header_area .nav-menu > li > a {
        padding: 15px 20px;
        font-size: 14px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .header_area .nav-menu > li > .nav-dropdown {
        border-top-width: 2px;
    }
    .navigation-portrait .nav-dropdown > li > a {
        padding: 10px 20px;
        font-weight: 400;
        color: #000000;
        width: 100%;
    }
    .navigation-portrait .nav-dropdown > li > a:hover{
        color: #2e3191;
    }