@media only screen and (max-width: 1139px) {
    .big-ipad-hidden {
        display: none !important
    }

    .sec-title h2 {
        font-size: 40px
    }

    .program-block .lower-content {
        padding: 35px 30px 0
    }

    .fluid-section-two .map-column .caption-box h3,
    .fluid-section-one .image-column .caption-box h3,
    .newsletter-section h4 {
        font-size: 26px
    }

    .fluid-section-one .content-column .inner-column {
        padding-left: 15px
    }

    .fluid-section-two .contact-column .inner-column {
        padding-right: 15px
    }

    .header-style-two .header-lower .outer-box {
        margin-left: 30px
    }

    .program-detail .image-column .image-box,
    .video-section .image-column .inner-column,
    .services-tabs .image-column .image-box {
        padding-right: 0
    }

    .program-detail .content-column .inner-column,
    .video-section .content-column .inner-column,
    .services-tabs .content-column .inner-column {
        padding-left: 0
    }

    .author-box .contact-info li {
        margin-right: 20px
    }

    .contact-map-section .info-box {
        padding: 20px 15px
    }

    .contact-map-section .info-box h4 {
        font-size: 24px;
        line-height: 1.4em
    }

    .header-style-two .main-menu .navigation>li {
        margin-left: 20px
    }
}

@media only screen and (min-width: 768px) {

    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0
    }

    .main-menu .navbar-collapse>.navigation {
        height: auto !important
    }
}

@media only screen and (max-width: 1023px) {
    .sticky-header {
        display: none !important
    }

    .main-header .info-box {
        margin: 0;
        padding: 10px 0;
        border-bottom: 1px solid #e0e0e0
    }

    .main-slider h2 {
        font-size: 70px;
        line-height: 1em
    }

    .main-slider.style-two h2 {
        font-size: 60px;
        line-height: 1.2em
    }

    .newsletter-section .title-column .inner-column {
        padding-top: 0;
        margin-bottom: 30px;
        text-align: center
    }

    .fluid-section-two .map-column .caption-box h3,
    .fluid-section-one .image-column .caption-box h3 {
        line-height: 1.2em
    }

    .header-style-two .header-lower .outer-box {
        display: none
    }

    .header-style-two .main-menu .navigation>li {
        margin-left: 15px
    }

    .about-section-two .image-column .inner-column {
        padding-right: 0
    }

    .page-title .bread-crumb li {
        padding-right: 10px;
        margin-right: 10px
    }

    .page-title .bread-crumb li:before {
        right: -2px
    }

    .event-sidebar .sidebar-title h5 {
        text-align: center
    }

    .fluid-section-two .contact-column .inner-column,
    .fluid-section-one .content-column .inner-column {
        padding: 70px 15px 60px
    }

    .fluid-section-two .map-column,
    .fluid-section-one .image-column {
        position: relative;
        float: left;
        width: 100%
    }

    .fluid-section-one .image-column .caption-box,
    .fluid-section-one .image-column .inner-column {
        position: relative
    }

    .fluid-section-one .image-column .image-box {
        display: block
    }

    .fluid-section-two .contact-column,
    .fluid-section-one .content-column {
        position: relative;
        width: 100%
    }

    .fluid-section-two .map-column .map-outer,
    .fluid-section-two .map-column {
        position: relative;
        min-height: 600px
    }

    .fluid-section-two .contact-column .inner-column {
        max-width: none
    }
}

@media only screen and (max-width: 767px) {

    .main-menu .navigation>li:before,
    .main-header .header-lower,
    .main-header .header-lower .option-box {
        display: none
    }

    .main-header .responsive-logo {
        float: left;
        width: 100%;
        display: block;
        text-align: left;
        padding: 20px 0
    }

    .main-header .responsive-logo a {
        position: relative;
        z-index: 3;
        display: inline-block
    }

    .main-header .info-box li span {
        margin: 0 5px
    }

    .main-header .main-menu {
        padding-top: 0;
        width: 100%;
        float: right;
        margin-top: -65px
    }

    .header-style-two .header-lower {
        display: block
    }

    .header-style-two .main-menu {
        margin-top: 0
    }

    .header-style-two .header-lower .logo-outer {
        padding: 0
    }

    .header-style-two .header-lower .logo-outer img {
        width: 55%
    }

    .social-icon-colored li a {
        margin-top: 0
    }

    .homepage-first-section-title {
        color: #e5097f;
        line-height: 27px;
        font-size: 15px;
        text-align: center;
        border-bottom: 2px solid green;
        padding-bottom: 10px;
        margin-bottom: 15px
    }

    .about-section-two .image-column {
        position: relative;
        margin-bottom: 21px
    }

    .list-style-two li:before {
        content: "\f058";
        position: absolute;
        left: 0;
        top: 2px;
        display: block;
        font-size: 16px;
        line-height: 15px;
        padding: 0;
        color: #ff4880;
        font-weight: 900;
        font-family: "Font Awesome 5 Free"
    }

    .list-style-two li {
        position: relative;
        font-size: 15px;
        line-height: 21px;
        color: #0a95da;;
        font-weight: 400;
        padding-left: 27px;
        margin-bottom: 16px;
        font-family: "Fredoka One", cursive
    }

    .about-section-two .content-column .list-style-two {
        margin-bottom: 30px
    }

    .about-section-two .content-column {
        position: relative;
        margin-bottom: 0
    }

    .about-section-two .content-column .btn-box a {
        padding: 17px 27px
    }

    .btn-box {
        text-align: center
    }

    .header-style-two .header-lower .nav-outer {
        width: 100%;
        margin-top: -65px
    }

    .main-menu .navbar-header {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        width: auto;
        padding: 10px 0;
        right: 0
    }

    .main-header .top-right>ul>li {
        padding-left: 0;
        border-left: 0
    }

    body.menu-collapsed {
        overflow: hidden
    }

    .main-menu .navbar-collapse {
        margin: 0 -15px !important
    }

    .main-menu .navbar-toggler {
        position: relative;
        top: -10px;
        border: 0;
        padding: 0
    }

    .navbar-toggler .icon {
        position: relative;
        font-size: 34px;
        line-height: 1.2em;
        color: #ff4880;
        top: 3px
    }

    .navbar-light .navbar-toggler {
        border: 0;
        padding: 0
    }

    .main-menu .navbar-collapse>.navigation {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        overflow-y: auto
    }

    .main-menu .navbar-collapse>.navigation>li {
        margin: 0 !important;
        float: none !important;
        padding: 0 !important;
        width: 100%
    }

    .main-menu .navigation>li>a,
    .main-menu .navigation>li>ul:before {
        border: none
    }

    .main-menu .navbar-collapse>.navigation>li>a {
        padding: 10px 20px !important;
        border: none !important;
        transform: none !important
    }

    .main-menu .navigation li.dropdown>a:after,
    .main-menu .navigation>li.dropdown>a:before,
    .main-menu .navigation>li>ul>li>a::before,
    .main-menu .navigation>li>ul>li>ul>li>a::before,
    .main-menu .navigation>li>ul>li:before,
    .main-menu .navigation>li>ul>li:after,
    .main-menu .navigation>li>ul>li>ul>li:before,
    .main-menu .navigation>li>ul>li>ul>li:after {
        display: none !important
    }

    .main-menu .navbar-collapse>.navigation>li>ul,
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul {
        position: relative;
        border: none;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0 !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        padding: 0 !important;
        border: none !important;
        outline: none;
        width: 100%;
        background: #fff;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: 1px solid rgba(0, 0, 0, 0.20) !important
    }

    .main-menu .navbar-collapse>.navigation>li,
    .main-menu .navbar-collapse>.navigation>li>ul>li,
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {
        border-top: 1px solid rgba(0, 0, 0, 0.20) !important;
        border-bottom: none;
        opacity: 1 !important;
        top: 0 !important;
        left: 0 !important;
        visibility: visible !important
    }

    .main-menu .navbar-collapse>.navigation>li>ul>li:first-child,
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:first-child {
        border-top: none !important
    }

    .main-menu .navbar-collapse>.navigation>li:first-child {
        border: none
    }

    .main-menu .navbar-collapse>.navigation>li>a,
    .main-menu .navbar-collapse>.navigation>li>ul>li>a,
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {
        padding: 14px 25px !important;
        line-height: 22px;
        color: #303030;
        font-weight: 400;
        font-size: 16px !important;
        background: #fff;
        text-align: left
    }

    .main-menu .navbar-collapse>.navigation>li>a:hover,
    .main-menu .navbar-collapse>.navigation>li>a:active,
    .main-menu .navbar-collapse>.navigation>li>a:focus {
        background: none
    }

    .main-menu .navbar-collapse>.navigation>li:hover>a,
    .main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a,
    .main-menu .navbar-collapse>.navigation>li.current>a {
        background: none !important;
        color: #303030 !important
    }

    .main-menu .navbar-collapse>.navigation>li.current>a {
        background: none !important;
        color: #ff4880 !important
    }

    .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {
        display: block
    }

    .main-menu .navigation>li>ul>li>ul>li,
    .main-menu .navigation>li>ul>li {
        padding-left: 0;
        padding-right: 0
    }

    .main-menu .navigation>li>ul>li>ul>li>a,
    .main-menu .navigation>li>ul>li>a {
        border-bottom: 0
    }

    .page-title {
        padding: 100px 0
    }

    .main-slider.style-two h2,
    .main-slider h2,
    .main-slider-two h2,
    .main-slider-three h2 {
        font-size: 38px;
        line-height: 1.2em;
        text-transform: capitalize
    }

    .main-slider .text {
        font-size: 14px
    }

    .page-banner h1 {
        font-size: 32px;
        line-height: 1.2em
    }

    .sec-title h2 {
        font-size: 32px;
        text-align: center
    }

    .page-title h1 {
        font-size: 34px;
        line-height: 1.2em;
        margin-top: 20px
    }

    .sec-title h2 br {
        display: none
    }

    .gallery-section.style-two,
    .about-section-three,
    .call-to-action,
    .events-section,
    .gallery-section,
    .clients-section,
    .testimonial-section,
    .newsletter-section,
    .program-section {
        padding: 30px 0
    }

    .why-choose-us,
    .video-section,
    .program-detail,
    .sidebar-page-container,
    .team-section.style-two,
    .event-detail-section,
    .about-section-two,
    .about-section {
        padding: 30px 0
    }

    .mission-section,
    .program-section.alternate,
    .events-section.style-two,
    .news-section-two,
    .news-section,
    .team-section,
    .offers-section {
        padding: 30px 0
    }

    .contact-form-section,
    .coming-soon-section {
        padding: 30px 0
    }

    .about-section-three .upper-box {
        margin-bottom: 30px
    }

    .counterbox {
        width: 240px
    }

    .ifetitle {
        color: #fff;
        margin-top: 14px;
        position: absolute;
        font-size: 24px
    }

    .vision ul li {
        line-height: 27px
    }

    .main-footer .footer-upper {
        padding: 120px 0 0
    }

    .call-to-action h2 {
        font-size: 40px;
        margin-bottom: 30px;
        margin-top: 20px
    }

    .services-tabs .tab-btns .tab-btn {
        width: 30%;
        padding: 10px 5px;
        margin-top: 5px;
        font-size: 14px
    }

    .col-cust-50 {
        width: 50% !important
    }

    .team-block .caption-box .name {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 1.2em;
        color: #0a95da;;
        font-weight: 400;
        margin-bottom: 3px
    }

    .event-detail .post-share-options {
        margin-bottom: 50px
    }

    .event-detail .post-share-options>div {
        width: 100%;
        text-align: center
    }

    .event-detail .event-info {
        margin-bottom: 25px
    }

    .author-box .inner-box {
        padding-left: 0;
        text-align: center
    }

    .author-box .image-box {
        position: relative;
        display: inline-block
    }

    .news-detail .post-share-options>div {
        width: 100%;
        text-align: center
    }

    .news-detail .post-share-options .social-icon-colored {
        margin-top: 40px
    }

    .search-popup .search-form fieldset input[type="search"] {
        padding: 20px;
        border-radius: 7px 7px 0 0;
        text-align: center;
        font-size: 16px
    }

    .search-popup .search-form fieldset input[type="submit"] {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        padding: 15px 20px;
        font-size: 16px;
        border-radius: 0 0 7px 7px
    }

    .header-top {
        position: relative;
        background-color: #0a95da;;
        height: auto
    }

    .phncol {
        margin-top: 9px;
        text-align: center
    }

    .topphn {
        color: #fff;
        font-size: 13px
    }

    .affbtn1 {
        color:white ;;
        background: red;
        border-radius: 15px;
        font-size: 13px;
        margin-bottom: 5px;
        margin-left: -31px;
    }

    .icon {
        color: #1cbbee;
        font-size: 32px;
        text-align: right;
        margin-top: 21px;
        margin-left: 40px
    }

    .counter {
        font-size: 29px;
        position: relative;
        color: #fecc00;
        text-align: center;
        line-height: 30px;
        height: 50px;
        margin-left: -96px;
        margin-top: 9px
    }

    .counter-p1 {
        color: #fff;
        font-size: 14px;
        text-align: center;
        margin-left: -100px
    }

    .box-dot {
        color: #fff;
        border: 2px dashed #fff;
        border-radius: 6px;
        margin-bottom: 9px;
        width: 152px;
        padding: 21px 30px
    }

    .coming-soon-section .sec-title h2:before {
        background-image: url(../images/icons/line-4.png);
        width: 215px
    }

    .testimonial .sec-title.text-center h2:before {
        right: 0;
        margin: 0 auto;
        width: 180px
    }

    .team-section .sec-title.text-center h2:before {
        right: 0;
        margin: 0 auto;
        width: 178px
    }

    .news-section-two .sec-title.text-center h2:before {
        right: 0;
        margin: 0 auto;
        width: 143px
    }

    .missionhead h2:before {
        right: 0;
        margin: 0 auto;
        width: 111px
    }

    .visionhead h2:before {
        right: 0;
        margin: 0 auto;
        width: 80px
    }

    .admissionfaq .sec-title.text-center h2:before {
        right: 0;
        margin: 0 auto;
        width: 225px
    }

    .enrollform h2:before {
        right: 0;
        margin: 0 auto;
        width: 246px
    }

    .admcriteria h2:before {
        right: 0;
        margin: 0 auto;
        width: 275px
    }

    .facilities .sec-title.text-center h2:before {
        right: 0;
        margin: 0 auto;
        width: 188px
    }

    .elvivero .sec-title h2:before {
        position: absolute;
        content: '';
        bottom: 0;
        height: 6px;
        margin-left: 36px;
        width: 258px;
        background-image: url(../images/icons/line-2.png);
        background-position: center;
        animation: slide 10s linear infinite;
        -webkit-animation: slide 10s linear infinite
    }

    .keys .sec-title.text-center h2:before {
        right: 0;
        margin: 0 auto;
        width: 285px
    }

    .elchico .sec-title h2:before {
        position: absolute;
        content: '';
        left: 41px;
        bottom: 0;
        height: 6px;
        width: 245px;
        background-image: url(../images/icons/line-2.png);
        background-position: center;
        animation: slide 10s linear infinite;
        -webkit-animation: slide 10s linear infinite
    }

    .elkinder .sec-title h2:before {
        position: absolute;
        content: '';
        left: 36px;
        bottom: 0;
        height: 6px;
        width: 258px;
        background-image: url(../images/icons/line-2.png);
        background-position: center;
        animation: slide 10s linear infinite;
        -webkit-animation: slide 10s linear infinite
    }

    .supservices-card {
        background-color: transparent;
        width: 200px;
        height: 200px;
        perspective: 1000px;
        display: block;
        border-radius: 9px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 12px
    }

    .uspafirstsection .sec-title.text-center h2:before {
        right: 0;
        margin: 0 auto;
        width: 297px
    }

    .uspsection .sec-title.text-center h2:before {
        right: 0;
        margin: 0 auto;
        width: 312px
    }

    .header-top .afabtn1 {
        color: #0a95da;;
        background: #ffd52b;
        border-radius: 15px;
        display: none;
        font-size: 13px;
        margin: 6px auto 3px
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }
}

@media only screen and (max-width: 599px) {
    .main-slider .title {
        padding: 0;
        font-size: 24px
    }

    .testimonial-block .content:after,
    .testimonial-block .content:before,
    .main-slider .title:before,
    .main-slider .title:after {
        display: none
    }

    .sidebar-page-container .group-title h3,
    .program-detail .content-column h3,
    .call-to-action h2 {
        font-size: 30px
    }

    .main-slider h2 {
        font-size: 24px
    }

    .mission-block h3,
    .news-block-two h3,
    .news-block h3 {
        font-size: 24px
    }

    .mission-block h3 {
        margin-bottom: 20px
    }

    .testimonial-block .text {
        font-size: 18px;
        line-height: 1.4em
    }

    .subscribe-form .form-group input[type="submit"],
    .subscribe-form .form-group button,
    .newsletter-widget .form-group input[type="submit"],
    .newsletter-widget .form-group button {
        position: relative;
        display: block;
        width: 100%
    }

    .subscribe-form .form-group input[type="submit"],
    .subscribe-form .form-group button {
        margin-top: 10px
    }

    .testimonial-block .content,
    .mission-block .lower-content,
    .news-block .lower-content {
        padding: 40px 15px
    }

    .subscribe-form .form-group {
        padding-right: 0
    }

    .program-block .program-info li {
        margin-right: 15px
    }

    .main-footer .contact-info li {
        margin-bottom: 10px
    }

    .author-box,
    .news-detail .post-share-options,
    .program-detail .program-info li,
    .program-block .lower-content,
    .news-block-two .lower-content {
        padding-left: 15px;
        padding-right: 15px
    }

    .program-block .lower-content {
        text-align: center
    }

    .event-block .inner-box {
        padding-left: 0;
        text-align: center
    }

    .event-block .image img,
    .event-block .image-box {
        position: relative;
        display: block;
        width: 100%
    }

    .header-top .top-left {
        display: none
    }

    .header-top .top-right {
        width: 100%
    }

    .header-style-two .top-right .search-box-btn {
        float: right
    }

    .sidebar .search-box,
    .sidebar-widget {
        padding: 30px 15px
    }

    .program-detail .program-info li span {
        display: block
    }

    .news-detail .post-share-options .tags li.title {
        display: block;
        margin: 0 0 10px
    }

    .sidebar-page-container .comments-area .comment {
        padding-left: 0
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb {
        position: relative;
        display: inline-block
    }

    .sidebar-page-container .comments-area .comment-box .reply-outer {
        position: relative;
        margin-top: 20px
    }

    .about-section-two .image-box .image2 {
        display: none
    }
}

@media only screen (max-width: 479px) {
    .event-block .event-info li {
        width: 100%;
        margin-right: 0
    }

    .author-box .contact-info li {
        width: 100%;
        margin: 0 0 10px
    }

    .ic {
        height: auto
    }
}

@media only screen and (max-width: 600px) {
    .testimonial-block .content1 {
        position: relative;
        padding: 20px 80px;
        background-color: #2196F3;
        text-align: left;
        border-radius: 20px;
        margin-bottom: 30px;
        color: #fff;
        height: auto
    }

    .right {
        text-align: center;
        padding-right: 40px
    }

    .ic {
        height: auto
    }

    .affbtn {
        color: #fff;
        margin-bottom: 14px
    }

    .designation p {
        font-size: 17px;
        font-weight: 500;
        color: #000
    }

    .flip-card {
        padding-left: 23px;
        padding-bottom: 10px
    }

    .flip-card-back p {
        color: #fff;
        padding-top: 10px;
        text-align: center;
        font-size: 16px
    }

    .admissioncontent p {
        font-size: 17px;
        text-align: justify
    }

    .gapping {
        padding: 30px 0 0
    }

    .coursecard {
        height: 411px;
        margin-bottom: 30px
    }

    .card {
        margin-bottom: 30px
    }

    .sec-title {
        position: relative;
        z-index: 1;
        margin-bottom: 30px
    }

    .keyactivities li {
        text-align: center;
        padding-left: 24px
    }

    .facilitiessection h2 {
        color: #0a95da;;
        font-size: 30px;
        text-align: center
    }

    .facilitiessection img {
        padding-top: 10px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .whyus h1 {
        font-size: 30px
    }

    .right1 {
        text-align: center;
        padding-bottom: 14px
    }

    .testimonial-block .content1 {
        position: relative;
        padding: 16px 30px;
        background-color: #2196F3;
        text-align: left;
        border-radius: 20px;
        margin-bottom: 24px;
        color: #fff;
        height: auto !important
    }

    .supportrow {
        padding-left: 0;
        padding-right: 0
    }

    .supportrow img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px
    }

    .infragallery img {
        border-radius: 50%;
        height: 250px;
        width: 250px;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .infrabutton {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}