@media only screen and (max-width: 1199px) {
    #footer p {
        padding-top: 0;
    }
    .footer-link.footer-logo img {
        width: 15%;
    }
    article {
        margin: 50px 15px;
    }
    .feature-box h3 span.subtitle {
        font-size: 12px;
    }
    .about-banner {
        width: 455px;
        height: 300px;
        margin-top: 75px;
        margin-left: 40%;
    }
    .bar-content h2 {
        font-size: 35px;
        width: 32%;
    }
    .bar:after {
        width: 42%;
    }
    .mapp {
        margin-bottom: 35px;
    }
    .mapp iframe {
        width: 100% !important;
        height: 350px !important;
    }
    .mapp .fluid-width-video-wrapper {
        padding-top: 350px !important;
    }
    
    
}
@media only screen and (max-width: 1024px) {
    #primary-menu ul li > a {
        padding: 36px 9px;
    }
    .about .col-padding {
        padding: 40px 20px !important;
    }
    .bar {
        height: 35vh;
    } 
    .pathway-img {
        width: 450px;
    }
    
    
}

@media only screen and (max-width: 991.98px) {
    .responsive-sticky-header:not(.static-sticky) #logo, .responsive-sticky-header:not(.static-sticky) #logo img {
        height: 60px;
        margin-top: 0;
    }
    #primary-menu ul li a {
        color: #000 !important;
        text-align: center;
    }
    .about-banner {
        width: 100%;
        height: 100%;
        margin-top: 0px;
        margin-left: 0%;
    }
    .about-banner img {
        width: 100%;
        height: 100%;
    }
    .pathway-img {
        max-width: 100%;
    }
    .bar:after {
        width: 45%;
    }
    .bar-content h2 {
        font-size: 35px;
    }
    .about-bg {
        height: auto;
    }
    .promo-full {
        padding: 30px 0 !important;
    }
    .about .col-padding {
        padding: 40px 80px !important;
    }
    .about-center {
        text-align: center;
    }
    
    #primary-menu ul ul li > a {
        text-transform: uppercase !important;  
    }
    .size a {
        font-weight: 500;
        font-size: 13px;
    }
    .list-col {
        columns: 2;
    }
    #header.full-header #logo {
        padding-top: 10px;
    }
    
    #logo img {
        width: auto !important;
        
    }
    #primary-menu {
        overflow-y: scroll;
        max-height: 500px;
        background-color: #fff;
    }
}

@media only screen and (max-width: 887px) {
    .pathway-img {
        float: none;
        width: 100%;
        margin-bottom: 25px;
        margin-left: 0px;
        height: auto;
        text-align: center;
    }
    
}
@media only screen and (max-width: 768px) {
    .bar:after {
        content: "";
        background: #013241;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: skew(0deg);
        z-index: 3;
        opacity: 0.4;
    }
    .footer-logo img {
        width: 45%;
    }
    .feature-box.fbox-bg.fbox-center {
        padding: 68px 0 30px;
    }
    #logo img {
        width: auto;
        height: 65px;
        margin-top: 15px;
    }
    #header .responsive-sticky-header #logo img {
        margin-top: 0px;
    }
    .cta a.button {
        float: none !important;
        left: 0% !important;
    }
    .pathway-img {
        float: none;
        width: 100%;
        margin-bottom: 25px;
        margin-left: 0px;
        height: auto;
        text-align: center;
    }
    .bar-content-header {
        left: 0%;
    }
    .bar-content h2 {
        /*font-size: 40px;*/
        text-align: center;
        padding: 0px 25px;
        width: 100%;
        margin-bottom: 0px;
    }
    .iframe-wrapper iframe {
        max-width: 300px !important;
    }
    .promo a.button {
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 0 !important;
        left: 0 !important;
        right: 0;
    }
    .container.cta {
        text-align: center;
    }
    #copyrights .right p {
        float: right;
    }
    .bar-content-breadcumb p, .bar-content-breadcumb a {
        font-size: 14px !important;
    }
    .pathway-content h2 {
        text-align: center;
    } 
    .bar-content-header {
        display: block;
        width: 100%;
        text-align: center;
    }
    .bar-content-breadcumb {
        top: auto;
        transform: translateY(0%);
        bottom: -10px;
        display:none;
    }
    .service-card h4 {
        font-size: 18px !important;
    }
}
@media only screen and (max-width: 767px) {
    #copyrights .right p {
        float: none;
    }
    .bar-content-breadcumb {
        top: 80%;
        
    }
    
}
@media only screen and (min-device-width: 320px) 
  and (max-device-width: 992px) and (orientation: landscape) {

    #primary-menu {
        overflow-y: scroll;
        max-height: 300px;
        background-color: #fff;
    }
}
@media only screen and (max-width: 576px) {
    .bar-content-breadcumb p {
        padding-top: 10px;
    }
    /*.bar-content-header {*/
    /*    display: none;*/
    /*}*/
    .footer-link.footer-logo {
        text-align: center;
    }
    #copyrights {
        font-size: 12px;
    }
    
    .line-gap-top {
        display: none;
    }
    h1 { font-size: 32px; }
    
    h2 { font-size: 28px; }
    
    h3 {font-size: 24px;}
    .bar {
        height: 40vh;
    } 
    .bar-content-breadcumb {
        padding-left: 25px;
    }
    .bar-content-breadcumb p {
        line-height: 1.2;
    }
    .list-col {
        columns: 1;
    }
    .quick-contact .social-fixed ul a {
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 16px;
    }
    .feature-box.fbox-center.fbox-plain .fbox-icon i {
        font-size: 60px;
    }
    .feature-box.fbox-bg.fbox-center {
        padding: 40px 0 30px;
    }
    .testimonial .flex-control-nav {
        right: 40%;
    }
    .c-slider-content {
        text-align: center;
    }
    .about .col-padding {
        padding: 40px 65px !important;
    }
    .col-padding {
        padding: 50px 65px !important;
    }
    .course-list .card-title {
        text-align: center;
    }
    
}

@media only screen and (max-width: 426px) {
    .footer-link h3 {
        margin-top: 20px;
    }
    .ievent {
        height: auto;
        min-height: 230px;
    }
    .footer-link.footer-logo {
        text-align: center;
    }
    .footer-link.footer-logo img {
        width: 45%;
    }
    img.alignleft {
        float: none !important;
        margin: 0 auto;
        border-right: none !important;
        padding-bottom: 20px;
    }
    #copyrights .right p {
        float: none;
    }
    h3, p {
        margin-bottom: 10px;
    }
    #content p {
        line-height: 1.5;
        font-size: 14px;
    }
    .promo-bg {
        background-image: url(../images/cta-2.jpg);
    }
    .apply-single {
        right: -45px;
    }
    .apply-single .button.button-large {
        padding: 0 23px;
        font-size: 12px;
        height: 40px;
        line-height: 42px;  
    }
    .bar-content-breadcumb {
        bottom: 0;
    }
    .bar-content-breadcumb p {
        padding-top: 5px;
    }
}
@media only screen and (max-width: 425px) {
    .iframe-wrapper iframe {
        max-width: 260px !important;
    }
    
    .bar-content-breadcumb {
        top: auto;
    }
    .bar-content h2 {
        font-size: 28px;
    }
}
@media only screen and (max-width: 325px) {
    .iframe-wrapper iframe {
        max-width: 230px !important;
    }
    .bar-content-breadcumb {
        top: 77%;
    }
    .c-slider-content h3 {
        font-size: 16px;
    }
    #content p {
        font-size: 12px !important;
    }
}