@media (max-width:1200px) {
    .banner .map-image {
        height: 300px;
    }
}

@media (min-width:1200px) {
    .navbar .navbar-collapse {
        top: 30px;
    }
    .navbar.fixed .navbar-collapse {
        top: 5px;
    }
    .media-container {
        height: 300px;
    }
    #testimonial .testimonial-left .testimonial__text {
        width: 73%;
    }
    #testimonial .testimonial__text {
        width: 73%;
    }
    /*    .left_sidebar-fixed {
            width: 20%;
        }*/
}

@media(min-width:992px) {
    .sub-menu-parent:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        z-index: 4;
        transform: translateY(0%);
        transition: all 400ms ease-in-out;
        width: auto;
        padding-top: 5px;
        min-width: 240px !important;
    }
}

@media(max-width:992px) {
    .left_sidebar-fixed {
        position: unset;
        width: 100%;
    }
    .kl-bottommask {
        visibility: hidden;
    }
    #about-page {
        padding-top: 0px;
    }
    .logolist a {
        display: block;
        margin-left: 10px;
        margin-right: 10px;
    }
    .little-hearts-listing .listing-box {
        padding-top: 15px;
    }
    .little-hearts-img {
        height: 240px;
    }
    .sub-menu {
        display: none;
    }
    .sub-menu-parent.open .sub-menu {
        margin-left: 0px !important;
        position: inherit;
        visibility: visible;
        opacity: 1;
        z-index: 4;
        transform: translateY(0%);
        transition: all 400ms ease-in-out;
        width: 240px;
        padding-top: 5px;
    }
}

@media (max-width:1200px) and (min-width:992px) {
    .navbar .navbar-collapse {
        top: 10px;
    }
    .navbar.fixed .navbar-collapse {
        top: 5px;
    }
    .element-item {
        width: 33.3%;
    }
    .slide-text {
        top: 20% !important;
    }
    #main-slider .slide-text h3 {
        font-size: 35px;
    }
    #main-slider .slide-text p {
        font-size: 17px;
    }
    .team_member .details .social-icons li {
        margin: 0 1.5px;
    }
    .team_member .details {
        padding: 0 10px 20px;
    }
    #testimonial .testimonial-left .testimonial__text {
        width: 67%;
    }
}

@media (max-width:992px) and (min-width:768px) {
    .element-item {
        width: 50%;
    }
    .listing-box .univer-services {
        margin-top: 50px;
    }
    .slide-text {
        top: 20% !important;
    }
    #main-slider .slide-text h3 {
        font-size: 35px;
    }
    #main-slider .slide-text p {
        font-size: 17px;
    }
    .carousel-inner .start-shopping {
        margin-right: 0px;
    }
    .testimonial__meta {
        width: 20%;
    }
    #testimonial .testimonial__img {
        max-width: 100px;
        min-width: auto;
        max-height: 100px;
    }
    #testimonial .testimonial-left .testimonial__img {
        max-width: 100px;
        min-width: auto;
        max-height: 100px;
    }
    #testimonial .testimonial__text {
        width: 65%;
        padding-right: 65px;
    }
    #testimonial .testimonial-left .testimonial__text {
        width: 65%;
        padding-left: 65px;
    }
    #quick-info .date .month {
        font-size: 18px;
        text-transform: capitalize;
    }
    #quick-info .date p {
        font-size: 14px;
    }
    .blog_text h3 {
        font-size: 18px;
        line-height: 1.3;
        min-height: 72px;
    }
    .panel-group .panel-active .panel-body a:after {
        display: none;
    }
    .facts p {
        min-height: 100px;
    }
    .in-testomonials .text-box {
        width: 50%;
        float: left;
        padding: 0px 15px;
        text-align: justify;
        text-align-last: center;
    }
    .in-testomonials .text-box .cont p {
        font-size: 17px;
        line-height: 25px;
        min-height: 225px;
    }
    .team_member .details .social-icons li {
        margin: 0 1.5px;
    }
    .team_member .details {
        padding: 0 10px 20px;
    }
    .panel-group .panel-title>a {
        padding-right: 15px;
        padding-left: 15px;
        width: 750px;
        margin: 0 auto;
    }
    .panel-group .panel-heading .panel-title {
        background: #ab1f34;
    }
    .panel-default>.panel-heading+.panel-collapse .panel-body ul {
        padding-right: 15px;
        padding-left: 15px;
        width: 750px;
        margin: 0 auto;
        list-style: none;
    }
    .panel-default>.panel-heading+.panel-collapse .panel-body {
        background: #4a4a4a;
    }
    .listing-box .apachia-broucher .univer-services {
        margin-bottom: 80px;
    }
    .listing-box .apachia-broucher .univer-services .univer-data-footer {
        margin-top: 0px;
    }
    .apachia-broucher .univer-data-content {
        min-height: auto;
        display: inline-block;
        width: 100%;
        padding-left: 0;
    }
    .listing-box .apachia-broucher ul li {
        width: 50%;
        float: left;
    }
    .apachia-broucher .univer-data-content ul {
        display: inline-block;
        padding-left: 0px;
        width: 100%;
    }
    #MyAccountsTab .tab-content {
        display: inline-block;
        width: 100%;
    }
    .tabs-left>.nav-tabs {
        width: 100%;
        margin-bottom: 35px;
    }
    .grid-view .post-content {
        min-height: 245px;
    }
}

@media (max-width:768px) and (min-width:576px) {
    .slide-text {
        padding: 35px 50px;
        top: 20% !important;
        width: 73%;
    }
    #main-slider .slide-text h3 {
        font-size: 35px;
    }
    #main-slider .slide-text p {
        font-size: 17px;
    }
    .carousel-inner .start-shopping {
        margin-right: 0px;
    }
    #bootstrap-touch-slider {
        height: auto !important;
    }
    #testimonial .testimonial-left .testimonial__meta {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0px;
    }
    .testimonial__meta {
        width: 100%;
        position: absolute;
        top: 0;
    }
    #testimonial .testimonial__text {
        width: 100%;
        font-size: 13px;
        margin-top: 85px;
        padding-top: 80px;
    }
    #testimonial .testimonial-left .testimonial__text {
        width: 100%;
        font-size: 13px;
        margin-top: 85px;
        padding-top: 80px;
    }
    #testimonial .testimonial-left .testimonial__author {
        position: absolute;
        top: 105px;
        right: 195px;
        color: black;
        left: auto;
    }
    .testimonial__author {
        position: absolute;
        top: 105px;
        color: black;
        left: 165px;
    }
    #testimonial .testimonial-left .testimonial__position {
        position: absolute;
        top: 125px;
        right: 195px;
        color: black;
        left: auto;
    }
    .testimonial__position {
        position: absolute;
        top: 125px;
        left: 165px;
        color: black;
    }
    .testimonial__img {
        left: 35px;
        position: absolute;
        top: 0;
    }
    #testimonial .testimonial-left .testimonial__img {
        right: 55px;
        position: absolute;
        top: 0;
        left: auto;
    }
    figure.effect-roxy figcaption {
        padding: 1em;
    }
    figure.effect-roxy h2 {
        font-size: 16px;
        line-height: 1.5;
    }
    figure.effect-roxy p {
        font-size: 12px;
        text-transform: capitalize;
    }
    #quick-info .date .month {
        font-size: 18px;
        text-transform: capitalize;
    }
    #quick-info .date p {
        font-size: 14px;
    }
    #quick-info .date {
        margin-bottom: 30px;
    }
    .panel-group .panel-heading .panel-title {
        background: #ab1f34;
    }
    .team_member {
        text-align: center;
    }
    .listing-box .apachia-broucher .univer-services {
        margin-bottom: 80px;
    }
    .listing-box .apachia-broucher .univer-services .univer-data-footer {
        margin-top: 0px;
    }
    .apachia-broucher .univer-data-content {
        min-height: auto;
        display: inline-block;
        width: 100%;
        padding-left: 0;
    }
    .listing-box .apachia-broucher ul li {
        width: 50%;
        float: left;
    }
    .apachia-broucher .univer-data-content ul {
        display: inline-block;
        padding-left: 0px;
        width: 100%;
    }
}

@media (max-width:768px) {
    .element-item {
        width: 100%;
    }
    .listing-box .univer-services {
        margin-top: 50px;
        padding: 0;
    }
    footer {
        text-align: center;
    }
    .footer-followus p {
        float: none;
    }
    .footer-followus ul {
        list-style: none;
        text-align: center;
        margin: 0 auto;
        display: inline-block;
        margin-top: 7px;
        padding: 0;
        float: none;
    }
    footer .contact-info li {
        line-height: 20px;
    }
    footer .contact-info li i {
        width: 100%;
        float: left;
        margin-bottom: 5px;
    }
    #blog .blog_img img {
        margin: 0 auto;
    }
    .subheader-maintitle {
        font-size: 23px;
    }
    .subheader-subtitle {
        font-size: 13px;
    }
    #video_background_video_0 {
        height: 300px;
    }
    .banner {
        height: auto;
    }
    .section-careers .banner {
        height: auto !important;
    }
    .apachia-broucher {
        display: inline-block;
        padding: 0 15px;
    }
    #MyAccountsTab .tab-content {
        display: inline-block;
        width: 100%;
        border-left-style: unset;
    }
    #MyAccountsTab .listing-box {
        display: inline-block !important;
    }
    #MyAccountsTab .univer-data-content {
        min-height: auto;
    }
    .tabs-left>.nav-tabs {
        width: 100%;
        margin-bottom: 35px;
    }
    .borderanim2-svg {
        width: 100% !important;
    }
    #about-page #collapseOne {
        display: block;
        height: 174px !important;
    }
    #about-page #collapseOne a {
        color: #fff;
    }
}

@media only screen and (max-width:576px) {
    .slide-text {
        padding: 35px 50px;
        top: 20% !important;
        width: 100%;
    }
    #main-slider .slide-text h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    #main-slider .slide-text p {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .carousel-inner .start-shopping {
        margin-right: 0px;
        font-size: 12px;
    }
    #stylepicker-wrapper {
        display: none !important;
    }
    #bootstrap-touch-slider {
        height: auto !important;
    }
    #testimonial .testimonial-left .testimonial__meta {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0px;
    }
    .testimonial__meta {
        width: 100%;
        position: absolute;
        top: 0;
    }
    #testimonial .testimonial__text {
        width: 100%;
        font-size: 13px;
        margin-top: 85px;
        padding-top: 80px;
        text-align: center;
    }
    #testimonial .testimonial-left .testimonial__text {
        width: 100%;
        font-size: 13px;
        margin-top: 85px;
        padding-top: 80px;
    }
    #testimonial .testimonial-left .testimonial__author {
        position: absolute;
        top: 105px;
        right: 195px;
        color: black;
    }
    .testimonial__author {
        position: absolute;
        top: 105px;
        color: black;
    }
    #testimonial .testimonial-left .testimonial__position {
        position: absolute;
        top: 125px;
        right: 195px;
        color: black;
    }
    .testimonial__position {
        position: absolute;
        top: 125px;
        color: black;
    }
    #testimonial .testimonial-left .testimonial__img {
        right: 55px;
        position: absolute;
        top: 0;
    }
    figure.effect-roxy figcaption {
        padding: 1em;
    }
    figure.effect-roxy h2 {
        font-size: 16px;
        line-height: 1.5;
    }
    figure.effect-roxy p {
        font-size: 12px;
        text-transform: capitalize;
    }
    #quick-info .date .month {
        font-size: 18px;
        text-transform: capitalize;
    }
    #quick-info .date p {
        font-size: 14px;
    }
    #quick-info .date {
        margin-bottom: 30px;
    }
    div.bhoechie-tab-content .columns {
        width: 100%;
    }
    .team_member {
        text-align: center;
    }
    .computer-listbox li {
        width: 100%;
    }
    .univer-data-content {
        height: auto;
        display: inline-block;
    }
    .listing-box .apachia-broucher .univer-services {
        margin-bottom: 80px;
    }
    .listing-box .apachia-broucher .univer-services .univer-data-footer {
        margin-top: 0px;
    }
    .apachia-broucher .univer-data-content {
        min-height: auto;
        display: inline-block;
        width: 100%;
        padding-left: 0;
    }
    .apachia-broucher .univer-data-content ul {
        display: inline-block;
        padding-left: 0px;
        width: 100%;
    }
}

@media only screen and (max-width:480px) {
    .slide-text {
        padding-top: 35px;
        top: 0px !important;
        bottom: 0px;
        background: linear-gradient(to bottom, rgba(199, 125, 125, 0.42), rgba(201, 37, 43, 0.73));
    }
    #main-slider .slide-text p {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .heder_top_info {
        position: unset !important;
        text-align: center;
    }
    .heder_top_info ul li:first-child {
        display: none;
    }
    .heder_top_social {
        display: none;
    }
    .navbar.fixed .navbar-brand img {
        height: auto;
    }
    .subheader-titles {
        text-align: center;
    }
    .carousel-inner .start-shopping {
        background: rgba(2, 2, 2, 0.41);
    }
    #main-slider .slide-text h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0px;
    }
    .slide-text>a:hover,
    .slide-text>a:active {
        border: none;
    }
    .y-apchia {
        font-size: 35px;
        margin-bottom: 8px;
    }
    .courses-div {
        width: 100%;
    }
    figure.effect-roxy img {
        width: -webkit-calc(100% + 60px);
        width: calc(100%);
        -webkit-transition: inherit;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: inherit;
        transform: inherit;
    }
    #testimonial .testimonial__img {
        margin: 0 auto;
        max-width: 100px;
        min-width: auto;
        max-height: 100px;
    }
    #testimonial .testimonial-left .testimonial__img {
        margin: 0 auto;
        max-width: 100px;
        min-width: auto;
        max-height: 100px;
        right: 0px;
        left: 0px;
    }
    .testimonial__meta {
        display: block;
    }
    .testimonial__meta {
        width: 86%;
    }
    .testimonial__author {
        margin: 0 auto;
        left: 0px;
        right: 0px;
        top: 110px;
    }
    #testimonial .testimonial-left .testimonial__author {
        margin: 0 auto;
        left: 0px;
        right: 0px;
        top: 110px;
    }
    .testimonial__position {
        margin: 0 auto;
        left: 0px;
        right: 0px;
    }
    #testimonial .testimonial-left .testimonial__position {
        margin: 0 auto;
        left: 0px;
        right: 0px;
    }
    #testimonial .testimonial-left .testimonial__text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .faculties figure img {
        min-height: auto;
    }
    .banner .ph-content-v-center {
        top: 62px;
        bottom: auto;
    }
    .ih-item.circle {
        width: 245px;
        height: 245px;
    }
    .ih-item.circle .img {
        width: auto;
        height: auto;
    }
    .ih-item.circle.effect10.bottom_to_top .info h3 {
        margin: 45px 30px 0;
    }
    .section-title {
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;
    }
    .lead {
        font-size: 16px;
        line-height: 23px;
    }
    body {
        font-size: 14px;
    }
    .media-carousel .carousel-control.left {
        margin-top: 0;
    }
    .media-carousel .carousel-control.right {
        margin-top: 0px;
    }
    .media-carousel {
        padding: 0 15px 30px 15px;
    }
    #testimonial .testimonial__text {
        padding-left: 15px;
        padding-right: 15px;
    }
}