@media (min-width: 576px) {
    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 40px;
        margin-top: -11px;
    }

    h3 {
        font-size: 30px;
        margin-top: -9px;
    }

    h4 {
        font-size: 24px;
        margin-top: -7px;
    }

    h5 {
        font-size: 22px;
        margin-top: -5px;
    }

    h6 {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    h1 {
        font-size: 80px;
    }

    h2 {
        font-size: 50px;
        line-height: 60px;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    h2 {
        font-size: 70px;
        line-height: 87px;
        margin-top: -18px;
    }
}

@media (min-width: 768px) {
    h3 {
        font-size: 36px;
        margin-top: -9px;
    }
}

@media (min-width: 768px) {
    h4 {
        font-size: 24px;
        margin-top: -8px;
    }
}

@media (min-width: 768px) {
    h5 {
        font-size: 20px;
        margin-top: -7px;
    }
}

@media (min-width: 768px) {
    h6 {
        font-size: 16px;
    }
}

@media (min-width: 576px) {
    .-mx-10 {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1600px;
    }
}

@media screen and (min-width: 400px) {
    .mb--40--50 {
        margin-bottom: -50px;
    }
}

@media (min-width: 992px) {
    .padding-top {
        padding-top: 120px;
    }

    .padding-bottom {
        padding-bottom: 120px;
    }

    .padding-top-2 {
        padding-top: 60px;
    }

    .padding-bottom-2 {
        padding-bottom: 60px;
    }

    .mw-lg-100 {
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    .section-header {
        margin-bottom: 35px;
    }

    .section-header.mb-olpo {
        margin-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .section-header .cate {
        font-size: 24px;
        margin-top: -9px;
        margin-bottom: 14px;
    }
}

@media (min-width: 992px) {
    .section-header {
        margin-bottom: 50px;
    }

    .section-header .cate {
        margin-bottom: 17px;
    }

    .section-header.mb-olpo {
        margin-bottom: 30px;
    }

    .section-header.mb-olpo .cate {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 400px) {
    .mb--20--50 {
        margin-bottom: -50px;
    }
}

@media (min-width: 768px) {
    .default-pagination {
        margin-top: 41px;
    }
}

@media (min-width: 1200px) {
    .footer-bottom {
        padding: 14px 0;
    }
}

@media (max-width: 991px) {
    .footer-top {
        padding: 80px 0;
    }
}

@media (max-width: 991px) {
    .footer-widget.widget-about .contact li i {
        color: #8dc63f;
    }
}

@media (max-width: 991px) {
    footer {
        position: relative;
    }

    footer::after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: rgba(146, 39, 143, 0.9);
    }

    footer .footer-top,
    footer .footer-bottom {
        position: relative;
        z-index: 1;
    }

    footer .footer-top {
        color: rgba(255, 255, 255, 0.9);
    }

    footer .footer-top .title {
        color: #fff;
    }

    footer .footer-top ul li a {
        color: rgba(255, 255, 255, 0.9) !important;
    }

    footer .footer-top ul li a:hover {
        color: #00bfff !important;
    }

    footer .footer-form button::before {
        background: #ff5200;
    }

    footer .footer-form button::after {
        background: #e11a1f;
    }
}

@media (min-width: 576px) {
    .teacher-wrapper {
        padding: 60px 50px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
    }
}

@media (min-width: 576px) {
    .teacher-single-item .teacher-single-thumb {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .teacher-single-item .teacher-single-thumb {
        margin-bottom: 50px;
    }
}

@media (min-width: 1200px) {
    .teacher-single-item .teacher-single-thumb {
        width: calc(50% - 25px);
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .teacher-single-item .teacher-single-content {
        width: calc(50% - 15px);
    }
}

@media (min-width: 992px) {
    .skill-item {
        margin-right: 40px;
    }
}

@media (min-width: 992px) {
    header.header-fixed {
        top: -46px;
    }
}

@media (min-width: 1200px) {
    header.header-fixed {
        top: -50px;
    }
}

@media (max-width: 991px) {
    /* .header-top {
        display: none;
    } */
}

@media (max-width: 1199px) {
    .header-top-area .left li {
        font-size: 14px;
        padding: 9px 15px;
    }

    .header-top-area .social-icons li a {
        height: 46px;
        line-height: 46px;
        width: 46px;
    }
}

@media (max-width: 991px) {
    .header-top-area .left {
        width: 100%;
        text-align: center;
        justify-content: center;
        margin: 0;
        border: 1px solid #a852a5;
    }

    .header-top-area .left li {
        flex-grow: 1;
        border-top: 1px solid #a852a5;
    }

    .header-top-area .social-icons {
        width: 100%;
        text-align: center;
        justify-content: center;
        margin: 0;
        border-bottom: 1px solid #a852a5;
    }

    .header-top-area .social-icons li {
        flex-grow: 1;
    }
}

@media (min-width: 576px) {
    .header-wrapper {
        position: relative;
    }

    .use-link p a {
        color: #000;
    }

    .contact-link p i {
        color: #0e2c53;
    }
}

@media (max-width: 575px) {
    .header-wrapper .logo {
        width: 195px;
    }

    .mobile-device p {
        font-size: 13px;
    }

    .header-top-area {
        display: none;
    }

    .bn-sec .item {
        height: 395px !important;
        position: relative;
    }

    .bn-sec .item .cover .header-content h2 {
        font-size: 21px !important;
    }

    .bn-sec .item .cover .header-content h1 {
        font-size: 35px !important;
    }

    .bn-sec .item .cover .header-content {
        padding: 33px !important;
    }

    .bn-sec .item .cover .header-content h4 {
        font-size: 21px;
        line-height: 30px;
    }

    .news-date {
        top: 51% !important;
    }

    .facilities-section .shape2 {
        bottom: 2%;
    }

    .section-header.left-style p {
        text-align: left;
    }

    .social-logo {
        justify-content: left;
    }

    .social-icons li a {
        line-height: 38px;
    }

    .use-link p a {
        color: #fff;
    }

    .contact-link p i {
        color: #8dc63f;
    }

    .found-sec {
        padding-bottom: 90px;
    }

    .found-sec .card-two {
        margin-top: 28%;
    }

    .found-sec .card-three {
        margin-top: 28%;
    }

    .counter-area .counter-icon {
        position: absolute;
        top: 0 !important;
        right: 40%;
        z-index: -1;
        margin-left: 7.5%;
        margin-top: -94px;
        display: contents;
    }

    .counter-area {
        padding-top: 100px;
    }

    .counter-header {
        padding-top: 20px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .header-wrapper .logo {
        width: 140px;
    }
}

@media (max-width: 1199px) {
    .header-wrapper .menu-area .search-button {
        margin: 0 15px;
    }

    .header-wrapper .menu-area .cart-button a .cart-amount {
        top: 15px;
    }

    .header-wrapper .menu-area .cart-button a i {
        margin-top: 16px;
    }

    .header-wrapper .menu-area .search-button a {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
}

@media (max-width: 991px) {
    .header-wrapper .menu-area .cart-button {
        border: none;
        padding: 24px 25px;
    }

    .header-wrapper .menu-area .cart-button a .cart-amount {
        top: 20px;
    }

    .header-wrapper .menu-area .search-button {
        margin: 0;
    }
}

@media (max-width: 575px) {
    .header-wrapper .menu-area {
        padding: 15px 0;
    }

    .header-wrapper .menu-area .search-button {
        padding: 0;
    }

    .header-wrapper .menu-area .search-button a {
        width: unset;
        height: 40px;
        border: none;
    }

    .header-wrapper .menu-area .ellepsis-bar {
        margin-left: 20px;
    }

    .header-wrapper .menu-area .cart-button {
        padding: 10px 20px;
        border: none;
    }

    .header-wrapper .menu-area .cart-button a i {
        font-size: 16px;
    }

    .header-wrapper .menu-area .cart-button a .cart-amount {
        top: 12px;
        font-size: 12px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-weight: 400;
    }
}

@media (min-width: 992px) {
    .menu li {
        position: relative;
    }

    .menu li .submenu {
        position: absolute;
        top: calc(100%);
        left: 0;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        z-index: 9;
        background: #ffffff;
        width: 220px;
        padding: 0;
        -webkit-transform: translateY(35px);
        -ms-transform: translateY(35px);
        transform: translateY(35px);
        opacity: 0;
        visibility: hidden;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
    }

    .menu li .submenu li {
        padding: 0;
    }

    .menu li .submenu li a {
        padding: 10px 20px;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        color: #0e2c53;
        font-weight: 500;
        border-bottom: 1px solid #e5e5e5;
    }

    .menu li .submenu li a:hover,
    .menu li .submenu li a.active {
        background: #92278f;
        padding-left: 22px;
        color: #fff;
    }

    .menu li .submenu li:last-child a {
        border-bottom: none;
    }

    .menu li .submenu li .submenu {
        left: 100%;
        top: 0;
    }

    .menu li:hover>.submenu {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .menu li a {
        padding: 10px 12px;
    }
}

@media (max-width: 991px) {
    .menu {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        overflow: auto;
        max-height: 400px;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: top;
    }

    .menu li {
        width: 100%;
        padding: 0;
    }

    .menu li a {
        display: block;
        padding: 10px 25px;
        font-size: 15px;
        font-weight: 700;
        text-transform: capitalize;
        border-top: 1px solid #e5e5e5;
        color: #0e2c53;
    }

    .menu li a:hover {
        background: #fff8eb;
    }

    .menu li .submenu {
        padding-left: 20px;
        display: none;
    }

    .menu li .submenu li {
        width: 100%;
    }

    .menu li .submenu li a {
        font-size: 14px;
        display: flex;
        justify-content: space-between;
    }

    .menu.active {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@media (max-width: 575px) {
    .header-bar {
        width: 15px;
        height: 16px;
        margin-right: 20px;
    }

    .header-bar span {
        height: 2px;
        width: 20px;
    }

    .header-bar.active span:first-child {
        -webkit-transform: rotate(45deg) translate(4px, 6px);
        -ms-transform: rotate(45deg) translate(4px, 6px);
        transform: rotate(45deg) translate(4px, 6px);
    }

    .header-bar.active span:nth-child(2) {
        opacity: 0;
    }

    .header-bar.active span:last-child {
        -webkit-transform: rotate(-45deg) translate(4px, -6px);
        -ms-transform: rotate(-45deg) translate(4px, -6px);
        transform: rotate(-45deg) translate(4px, -6px);
    }
}

@media (max-width: 575px) {
    .header-form .form-container {
        padding: 1px;
        margin: 10px;
    }

    .header-form .form-container button {
        width: 100px;
        font-size: 14px;
        font-weight: 400;
    }

    .header-form .form-container input {
        width: calc(100% - 100px);
    }
}

@media (max-width: 767px) {
    .banner-content {
        padding: 50px 30px;
    }

    .banner-content .cate {
        font-size: 24px;
    }

    .banner-content .title {
        font-size: 50px;
        line-height: 60px;
    }

    .banner-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .strip-sec .card {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .film-container .row .single-film:nth-child(2) {
        top: 52%;
        left: 4%;
        transform: translate(20px 50px);

    }





}

@media (max-width: 575px) {
    .banner-content {
        padding: 40px 0;
        background: transparent;
        box-shadow: none;
        border: none;
    }

    .banner-content .cate {
        font-size: 20px;
    }

    .banner-content .title {
        font-size: 42px;
        line-height: 48px;
    }
}

@media (max-width: 1199px) {
    .banner-thumb {
        width: calc(100% - 560px);
    }

    .banner-thumb img {
        width: 550px;
        top: -40px;
    }
}

@media (max-width: 1199px) {
    .banner-section {
        padding: 150px 0;
    }
}

@media (max-width: 991px) {
    .banner-section {
        padding: 120px 0;
    }
}

@media (max-width: 767px) {
    .banner-section {
        padding: 100px 0;
        background: #8dc63f !important;
    }

    .header-top {
        background: #92278f;
        padding: 20px 0;
    }
}

@media (max-width: 575px) {
    .banner-section {
        padding: 80px 0 90px;
    }
}

.banner-section.style-2 {
    padding: 236px 0 245px;
}

@media (max-width: 1199px) {
    .banner-section.style-2 {
        padding: 180px 0;
    }
}

@media (max-width: 991px) {
    .banner-section.style-2 {
        padding: 170px 0;
    }
}

@media (max-width: 767px) {
    .banner-section.style-2 {
        padding: 150px 0;
        background-color: #00bfff !important;
    }
}

@media (max-width: 575px) {
    .banner-section.style-2 {
        padding: 120px 0 130px;
    }
}

@media (max-width: 1199px) {
    .banner-item {
        padding: 150px 0;
    }
}

@media (max-width: 991px) {
    .banner-item {
        padding: 120px 0;
    }
}

@media (max-width: 767px) {
    .banner-item {
        padding: 100px 0;
    }
}

@media (max-width: 575px) {
    .banner-item {
        padding: 80px 0 90px;
    }
}

@media (max-width: 1199px) {
    .top-shape-content {
        right: calc(50% - 460px);
    }

    .top-shape-content img {
        max-width: 400px;
    }
}

@media screen and (max-width: 399px) {
    .widget.widget-gallery ul li {
        width: calc(100% / 2);
    }
}

@media (max-width: 575px) {
    .widget .widget-header {
        padding: 15px;
    }

    .widget .widget-body {
        padding: 30px 15px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .widget.widget-feature {
        font-size: 14px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {

    .widget.widget-category,
    .widget.widget-archive {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .widget.widget-product .widget-body {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .top-shape-center {
        display: none;
    }

    .bottom-shape-left {
        display: none;
    }
}

@media screen and (min-width: 400px) {
    .gallery-item {
        margin-bottom: 60px;
    }
}

@media (min-width: 576px) {
    .gallery-item .gallery-content .title {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .filter-2 {
        margin-bottom: 35px;
    }
}

@media (min-width: 576px) {
    .masonary-item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .three-items .masonary-item {
        width: calc(100% / 3);
    }
}

@media(min-width:1200px) {
    .facility-item {
        width: calc(100% / 5);
    }
}