@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-btn {
        padding:0 25px;
        height: 50px;
        line-height: 50px;
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .navigation .nav-toggle::before {
        content:none
    }

    .scrolling {
        height: 23.764px
    }

    .scrolling p {
        font-size: 10.006px;
        font-weight: 700;
        letter-spacing: .8px;
        padding: 0
    }

    .overlay-right,.overlay-left {
        display: none
    }

    .header-link {
        padding-top: 9.51px;
        padding-bottom: 9.51px;
        padding-right: 13px
    }

    .header-logo img {
        height: 50px
    }

    .main-btn {
        padding: 0 20px;
        height: 45px;
        line-height: 45px;
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .section-title {
        display:block
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .section-title {
        display:-webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .section-title .title {
        font-size:34px;
        line-height: 40px;
        padding-right: 50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .section-title .title {
        font-size:36px;
        line-height: 45px
    }
}

@media (max-width: 767px) {
    .section-title .title {
        font-size:30px;
        line-height: 35px;
        padding-bottom: 20px;
        padding-right: 0
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .section-title .title {
        font-size:24px;
        line-height: 30px;
        padding-bottom: 0;
        padding-right: 30px
    }
}

@media (max-width: 767px) {
    .section-title .title::before {
        height:2px;
        left: 0;
        right: auto;
        top: auto;
        bottom: 0;
        width: 100px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .section-title .title::before {
        width:2px;
        height: 75%;
        left: auto;
        top: 50%;
        right: 0;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .section-title p {
        font-size:16px;
        padding-left: 50px;
        line-height: 28px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .section-title p {
        font-size:16px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .section-title p {
        padding-left:0;
        font-size: 16px;
        line-height: 28px;
        margin-top: 25px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .section-title p {
        padding-left:30px;
        font-size: 16px;
        line-height: 28px;
        margin-top: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .section-title-2 .title {
        font-size:38px;
        line-height: 45px
    }
}

@media (max-width: 767px) {
    .section-title-2 .title {
        font-size:30px;
        line-height: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .section-title-2 p {
        font-size:16px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .section-title-2 p {
        padding-left:0;
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .pagination-items li {
        margin:0 5px
    }
}

@media (max-width: 767px) {
    .pagination-items li a {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .pagination-items li a.active {
        padding-right:50px
    }
}

@media (max-width: 767px) {
    .pagination-items li a.active::before {
        width:40px
    }
}

@media (max-width: 767px) {
    .checkbox input[type=checkbox]+label {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .checkbox input[type=checkbox]+label span {
        width:14px;
        height: 14px
    }
}

@media (max-width: 767px) {
    .checkbox input[type=checkbox]+label span::before {
        top:-5px;
        left: 0
    }
}

@media (max-width: 767px) {
    .single-form input,.single-form textarea {
        height:45px
    }
}

@-webkit-keyframes tabUp {
    from {
        transform: translate3d(0,30px,0);
        -webkit-transform: translate3d(0,30px,0);
        -moz-transform: translate3d(0,30px,0);
        -ms-transform: translate3d(0,30px,0);
        -o-transform: translate3d(0,30px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0)
    }
}

@keyframes tabUp {
    from {
        transform: translate3d(0,30px,0);
        -webkit-transform: translate3d(0,30px,0);
        -moz-transform: translate3d(0,30px,0);
        -ms-transform: translate3d(0,30px,0);
        -o-transform: translate3d(0,30px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0)
    }
}

@media (max-width: 767px) {
    .header-top-wrapper .header-top-left {
        width:100%;
        text-align: center
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .header-top-wrapper .header-top-left {
        width:auto
    }
}

@media (max-width: 767px) {
    .header-top-wrapper .header-top-right {
        width:100%;
        text-align: center
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .header-top-wrapper .header-top-right {
        width:auto
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation {
        padding:10px 0
    }
}

@media (max-width: 767px) {
    .navigation {
        padding:10px 0
    }

    .features-mask .features-mask-content p {
        font-size: 28px;
        line-height: 25px!important;
        padding-left: 14px!important
    }

    .features-mask .features-mask-content p {
        font-size: 11px!important
    }

    .features-mask::after {
        border-bottom: 60px solid #fff!important;
        border-left: 150px solid transparent!important
    }

    .features-mask .features-mask-content {
        padding: 14px 14px!important
    }

    .features-mask {
        max-width: 123px!important;
        height: 154px!important
    }

    .features-mask {
        margin-top: 3px!important;
        margin-left: 0!important;
        margin-left: 0!important
    }

    .corporate-section {
        height: 164px!important;
        padding-top: 0!important
    }

    .features-mask-content h3 {
        font-size: 11px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper {
        width:320px;
        height: 100%;
        top: 0;
        right: -400px;
        position: fixed;
        background-color: #07294d;
        z-index: 9999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transition-duration: .8s;
        transition-timing-function: ease
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper {
        width:280px;
        height: 100%;
        top: 0;
        right: -400px;
        position: fixed;
        background-color: #07294d;
        z-index: 9999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transition-duration: .8s;
        transition-timing-function: ease
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper.nav-menus-wrapper-open {
        right:0
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper.nav-menus-wrapper-open {
        right:0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-menu {
        display:block;
        padding-top: 80px
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-menu {
        display:block;
        padding-top: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-menu li {
        border-top:1px solid rgba(219,219,219,.15)
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-menu li {
        border-top:1px solid rgba(219,219,219,.15)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-menu li:last-child {
        border-bottom:1px solid rgba(219,219,219,.15)
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-menu li:last-child {
        border-bottom:1px solid rgba(219,219,219,.15)
    }
}

.navigation .nav-menus-wrapper .nav-menu li+li {
    margin-left: 25px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .navigation .nav-menus-wrapper .nav-menu li+li {
        margin-left:22px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-menu li+li {
        margin-left:0
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-menu li+li {
        margin-left:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .navigation .nav-menus-wrapper .nav-menu li a {
        font-size:15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-menu li a {
        color:#fff;
        padding: 12px 15px 12px 26px;
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-menu li a {
        color:#fff;
        padding: 12px 15px 12px 26px;
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu {
        position:relative;
        width: 100%;
        background-color: transparent;
        padding: 0
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu {
        position:relative;
        width: 100%;
        background-color: transparent;
        padding: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li a {
        padding:12px 35px
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li a {
        padding:12px 35px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li:hover>a {
        padding:12px 35px
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li:hover>a {
        padding:12px 35px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu {
        top:0;
        left: 0
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu {
        top:0;
        left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu li a {
        padding-left:45px
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu li a {
        padding-left:45px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .submenu-indicator {
        margin:0
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .submenu-indicator {
        margin:0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .submenu-indicator .submenu-indicator-chevron {
        border-color:transparent #dbdbdb #dbdbdb transparent;
        margin: 0
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .submenu-indicator .submenu-indicator-chevron {
        border-color:transparent #dbdbdb #dbdbdb transparent;
        margin: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper .nav-dropdown .submenu-indicator {
        right:0;
        top: 0
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper .nav-dropdown .submenu-indicator {
        right:0;
        top: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .header-search {
        position:absolute;
        top: 50%;
        right: 70px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 99
    }
}

@media (max-width: 767px) {
    .navigation .header-search {
        position:absolute;
        top: 50%;
        right: 70px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 99;
        display: none
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .navigation .header-search {
        display:block
    }
}

@-webkit-keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .slider-area {
        padding-top:0
    }
}

@media (max-width: 767px) {
    .slider-area {
        padding-top:190px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .slider-area {
        padding-top:155px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-slider {
        height:600px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-slider {
        height:500px
    }
}

@media (max-width: 767px) {
    .single-slider {
        height:auto
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .slider-content {
        max-width:520px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .slider-content {
        max-width:420px
    }
}

@media (max-width: 767px) {
    .slider-content {
        padding-top:70px;
        padding-bottom: 70px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .slider-content {
        padding-top:100px;
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .slider-content .title {
        font-size:60px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .slider-content .title {
        font-size:42px
    }
}

@media (max-width: 767px) {
    .slider-content .title {
        font-size:28px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .slider-content .title {
        font-size:36px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .slider-content .slider-btn li .main-btn {
        width:145px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .slider-02 .single-slider {
        height:450px
    }
}

@media (max-width: 767px) {
    .slider-02 .single-slider {
        background-position:center right
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .slider-content-2 {
        max-width:360px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .slider-03 .single-slider {
        height:450px
    }
}

@media (max-width: 767px) {
    .slider-03 .single-slider {
        background-position:center center
    }
}

@media (max-width: 767px) {
    .slider-content-3 {
        padding-top:100px;
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .features-area {
        padding-top:95px
    }
}

@media (max-width: 767px) {
    .features-area {
        padding-top:75px
    }
}

@media (max-width: 767px) {
    .features-title {
        font-size:22px;
        line-height: 28px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .features-mask {
        max-width:306px;
        height: 348px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .features-mask {
        position:relative;
        margin: 50px auto 0
    }
}

@media (max-width: 767px) {
    .features-mask {
        position:relative;
        margin: 50px auto 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .features-mask .features-mask-content p {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .features-mask .features-mask-content p {
        font-size:20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .features-area-2 {
        padding-top:95px
    }
}

@media (max-width: 767px) {
    .features-area-2 {
        padding-top:75px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .features-items .features-items-wrapper .single-features-item {
        padding:35px 0
    }
}

@media (max-width: 767px) {
    .features-items .features-items-wrapper .single-features-item {
        padding:35px 0
    }
}

@media (max-width: 767px) {
    .features-items .features-items-wrapper .single-features-item .item-icon img {
        height:35px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .features-items .features-items-wrapper .single-features-item .item-icon img {
        height:50px
    }
}

@media (max-width: 767px) {
    .features-items .features-items-wrapper .single-features-item .item-content {
        padding-left:10px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .features-items .features-items-wrapper .single-features-item .item-content {
        padding-left:15px
    }
}

@media (max-width: 767px) {
    .features-items .features-items-wrapper .single-features-item .item-content p {
        font-size:14px;
        line-height: 22px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .features-items .features-items-wrapper .single-features-item .item-content p {
        font-size:18px;
        line-height: 26px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .top-courses-area {
        padding-top:35px
    }
}

@media (max-width: 767px) {
    .top-courses-area {
        padding-top:15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-wrapper {
        padding-top:20px
    }
}

@media (max-width: 767px) {
    .courses-wrapper {
        padding-top:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses {
        padding:18px 15px 25px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-courses {
        padding:50px 40px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses .courses-title a {
        font-size:18px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .single-courses .courses-title a {
        font-size:20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses .courses-title a {
        font-size:18px;
        line-height: 28px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses .duration-fee .duration {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses .duration-fee .duration {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses .duration-fee .fee {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses .duration-fee .fee {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses .rating span {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses .rating span {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses .courses-link .apply {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses .courses-link .apply {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses .courses-link .more1 {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses .courses-link .more1 {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses-2 .courses-content {
        padding:15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-courses-2 .courses-content {
        padding:30px 40px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses-2 .courses-content .courses-title a {
        font-size:18px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .single-courses-2 .courses-content .courses-title a {
        font-size:20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses-2 .courses-content .courses-title a {
        font-size:18px;
        line-height: 28px
    }
}

.single-courses-2 .courses-content .duration-rating {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 25px 25px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses-2 .courses-content .duration-rating {
        padding:0 15px 15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-courses-2 .courses-content .duration-rating {
        padding:0 40px 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses-2 .courses-content .duration-rating .duration-fee .duration {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses-2 .courses-content .duration-rating .duration-fee .duration {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses-2 .courses-content .duration-rating .duration-fee .fee {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses-2 .courses-content .duration-rating .duration-fee .fee {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses-2 .courses-content .duration-rating .duration-fee .credit {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses-2 .courses-content .duration-rating .duration-fee .credit {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses-2 .courses-content .duration-rating .rating span {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses-2 .courses-content .duration-rating .rating span {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses-2 .courses-content .courses-link .apply {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses-2 .courses-content .courses-link .apply {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-courses-2 .courses-content .courses-link .more {
        font-size:12px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-courses-2 .courses-content .courses-link .more {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-menu .menu-items li+li {
        margin-left:10px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-menu .menu-items li+li {
        margin-left:10px
    }
}

@media (max-width: 767px) {
    .courses-menu .menu-items li+li {
        margin-left:5px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-menu .menu-items li {
        width:110px;
        font-size: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-menu .menu-items li {
        width:100px;
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .courses-menu .menu-items li {
        width:auto;
        font-size: 14px;
        padding: 0 15px;
        height: 40px;
        line-height: 38px
    }
}

@media (max-width: 767px) {
    .courses-list {
        display:block
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .courses-list {
        display:-webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex
    }
}

@media (max-width: 767px) {
    .courses-list .courses-image img {
        width:100%;
        height: auto
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .courses-list .courses-image img {
        width:260px;
        height: 250px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-list .courses-content {
        padding:30px 40px
    }
}

@media (max-width: 767px) {
    .courses-list .courses-content {
        padding:20px 25px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-list .courses-content .courses-fee {
        position:relative;
        top: 0;
        right: 0;
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .courses-list .courses-content .courses-fee {
        position:relative;
        top: 0;
        right: 0;
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-list .courses-content .courses-content-wrapper {
        max-width:270px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-list .courses-content .duration-rating {
        padding:0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-list .courses-content .duration-rating {
        padding:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-tab .nav {
        padding-right:20px
    }
}

@media (max-width: 767px) {
    .courses-tab .nav {
        padding-right:20px
    }
}

@media (max-width: 767px) {
    .courses-bar-form {
        display:block
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .courses-bar-form {
        display:-webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-select {
        width:160px
    }
}

@media (max-width: 767px) {
    .courses-select {
        width:100%
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .courses-select {
        width:210px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-search {
        width:200px
    }
}

@media (max-width: 767px) {
    .courses-search {
        width:100%
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .courses-search {
        width:210px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .specialty-area {
        padding-top:70px
    }
}

@media (max-width: 767px) {
    .specialty-area {
        padding-top:50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-specialty .specialty-box {
        padding:15px 20px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-specialty .specialty-box {
        padding:15px 10px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-specialty .specialty-box .box-icon img {
        width:45px
    }
}

@media (max-width: 767px) {
    .single-specialty .specialty-box .box-icon img {
        width:45px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-specialty .specialty-box .box-icon img {
        width:35px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-specialty .specialty-box .box-content p {
        font-size:18px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .single-specialty .specialty-box .box-content p {
        font-size:18px;
        line-height: 28px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-specialty .specialty-box .box-content p {
        font-size:14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .campus-visit-area {
        padding-top:100px
    }
}

@media (max-width: 767px) {
    .campus-visit-area {
        padding-top:80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .campus-visit-wrapper::before {
        display:none
    }
}

@media (max-width: 767px) {
    .campus-visit-wrapper::before {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .campus-visit-wrapper::after {
        display:none
    }
}

@media (max-width: 767px) {
    .campus-visit-wrapper::after {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .campus-visit-wrapper .campus-image-col {
        background-color:#07294d;
        width: 100%;
        padding: 80px
    }
}

@media (max-width: 767px) {
    .campus-visit-wrapper .campus-image-col {
        background-color:#07294d;
        width: 100%;
        padding: 20px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .campus-visit-wrapper .campus-image-col {
        padding:50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .campus-visit-wrapper .campus-content-col {
        background-color:#f1f1f1;
        width: 100%;
        padding: 80px;
        padding-top: 70px
    }
}

@media (max-width: 767px) {
    .campus-visit-wrapper .campus-content-col {
        background-color:#f1f1f1;
        width: 100%;
        padding: 20px 20px 10px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .campus-visit-wrapper .campus-content-col {
        padding:50px;
        padding-top: 45px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .campus-content {
        margin-left:0;
        padding: 0
    }
}

@media (max-width: 767px) {
    .campus-content {
        padding:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .campus-content .campus-title {
        font-size:34px;
        line-height: 42px
    }
}

@media (max-width: 767px) {
    .campus-content .campus-title {
        font-size:24px;
        line-height: 30px
    }
}

@media (max-width: 767px) {
    .campus-content .line {
        margin-top:15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .campus-content p {
        font-size:16px;
        line-height: 26px
    }
}

@media (max-width: 767px) {
    .campus-content p {
        font-size:16px;
        line-height: 26px;
        margin-top: 10px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .campus-content .video-title {
        font-size:34px;
        line-height: 42px
    }
}

@media (max-width: 767px) {
    .campus-content .video-title {
        font-size:24px;
        line-height: 30px;
        margin-top: 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .campus-content .play {
        font-size:20px;
        line-height: 48px
    }
}

@media (max-width: 767px) {
    .campus-content .play {
        font-size:20px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .campus-visit-area-2 {
        padding-top:35px
    }
}

@media (max-width: 767px) {
    .campus-visit-area-2 {
        padding-top:15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .campus-image-2 .campus-title-2 {
        font-size:24px;
        top: 100px;
        left: -17%
    }
}

@media (max-width: 767px) {
    .campus-image-2 .campus-title-2 {
        font-size:14px;
        top: 53px;
        left: -19%
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .campus-image-2 .campus-title-2 {
        font-size:22px;
        top: 100px;
        left: -17%
    }
}

@media (max-width: 767px) {
    .campus-image-2 .more i {
        margin-left:4px
    }
}

@media (max-width: 767px) {
    .campus-image-2 .more {
        font-size:14px;
        bottom: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .campus-visit-area-3 {
        padding-top:100px
    }
}

@media (max-width: 767px) {
    .campus-visit-area-3 {
        padding-top:80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .campus-visit-area-3 .campus-visit-wrapper .campus-image-col {
        padding:80px
    }
}

@media (max-width: 767px) {
    .campus-visit-area-3 .campus-visit-wrapper .campus-image-col {
        padding:20px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .campus-visit-area-3 .campus-visit-wrapper .campus-image-col {
        padding:50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .campus-visit-area-3 .campus-visit-wrapper .campus-content-col {
        padding:80px;
        padding-top: 70px
    }
}

@media (max-width: 767px) {
    .campus-visit-area-3 .campus-visit-wrapper .campus-content-col {
        padding:20px;
        padding-top: 15px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .campus-visit-area-3 .campus-visit-wrapper .campus-content-col {
        padding:50px;
        padding-top: 45px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-area {
        padding-top:55px
    }
}

@media (max-width: 767px) {
    .event-area {
        padding-top:35px
    }
}

@media (max-width: 767px) {
    .event-title-tab-menu {
        display:block
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .event-title-tab-menu {
        display:-webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-title-tab-menu .event-title .title {
        font-size:34px;
        line-height: 40px;
        padding-right: 50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-title-tab-menu .event-title .title {
        font-size:36px;
        line-height: 45px;
        padding-right: 30px
    }
}

@media (max-width: 767px) {
    .event-title-tab-menu .event-title .title {
        font-size:30px;
        line-height: 30px;
        padding-bottom: 20px;
        padding-right: 0
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .event-title-tab-menu .event-title .title {
        font-size:24px;
        line-height: 30px;
        padding-bottom: 0;
        padding-right: 30px
    }
}

@media (max-width: 767px) {
    .event-title-tab-menu .event-title .title::before {
        height:2px;
        left: 0;
        right: auto;
        top: auto;
        bottom: 0;
        width: 100px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .event-title-tab-menu .event-title .title::before {
        width:2px;
        height: 75%;
        left: auto;
        top: 50%;
        right: 0;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-tab-menu .nav {
        padding-left:50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-tab-menu .nav {
        padding-left:30px
    }
}

@media (max-width: 767px) {
    .event-tab-menu .nav {
        padding-left:0
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .event-tab-menu .nav {
        padding-left:30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-tab-menu .nav li+li {
        margin-left:10px
    }
}

@media (max-width: 767px) {
    .event-tab-menu .nav li+li {
        margin-left:10px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-tab-menu .nav li a {
        font-size:16px;
        padding: 0 20px;
        height: 40px;
        line-height: 38px
    }
}

@media (max-width: 767px) {
    .event-tab-menu .nav li a {
        font-size:14px;
        padding: 0 10px;
        height: 40px;
        line-height: 38px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-tab-items {
        padding-top:20px
    }
}

@media (max-width: 767px) {
    .event-tab-items {
        padding-top:20px
    }
}

@media (max-width: 767px) {
    .event-tab-items .view-btn {
        position:relative
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-event {
        padding:20px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-event {
        padding:30px 25px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-event .time {
        font-size:14px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .single-event .time {
        font-size:14px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-event .date {
        font-size:16px;
        line-height: 25px
    }
}

@media (max-width: 767px) {
    .single-event .date {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-event .event-title a {
        font-size:18px;
        line-height: 25px
    }
}

@media (max-width: 767px) {
    .single-event .event-title a {
        font-size:18px;
        line-height: 25px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-event .place {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .single-event .place {
        font-size:14px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-event .more {
        font-size:13px
    }
}

@media (max-width: 767px) {
    .single-event .more {
        font-size:13px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-title {
        margin-left:0
    }
}

@media (max-width: 767px) {
    .event-title {
        margin-left:0
    }
}

@media (max-width: 767px) {
    .single-event-2 .event-date {
        width:80px;
        height: 80px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-event-2 .event-date .date {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .single-event-2 .event-date .date {
        font-size:16px;
        line-height: 26px
    }
}

@media (max-width: 767px) {
    .single-event-2 .event-content {
        padding-left:15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-event-2 .event-content .event-title-2 a {
        font-size:22px
    }
}

@media (max-width: 767px) {
    .single-event-2 .event-content .event-title-2 a {
        font-size:16px;
        line-height: 26px
    }
}

@media (max-width: 767px) {
    .single-event-2 .event-content .place {
        font-size:13px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .single-event-2 .event-content .time {
        font-size:13px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .single-event-2 .event-content .more {
        font-size:12px;
        line-height: 22px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-page {
        padding-top:70px
    }
}

@media (max-width: 767px) {
    .event-page {
        padding-top:50px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-menu .menu-items li+li {
        margin-left:10px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-menu .menu-items li+li {
        margin-left:10px
    }
}

@media (max-width: 767px) {
    .event-menu .menu-items li+li {
        margin-left:5px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-menu .menu-items li {
        width:110px;
        font-size: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-menu .menu-items li {
        width:100px;
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .event-menu .menu-items li {
        width:auto;
        font-size: 14px;
        padding: 0 15px;
        height: 40px;
        line-height: 38px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-wrapper {
        padding-top:20px
    }
}

@media (max-width: 767px) {
    .event-wrapper {
        padding-top:20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .testimonials-area {
        padding-top:55px
    }
}

@media (max-width: 767px) {
    .testimonials-area {
        padding-top:35px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonials-title .title {
        font-size:38px;
        line-height: 45px
    }
}

@media (max-width: 767px) {
    .testimonials-title .title {
        font-size:30px;
        line-height: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonials-title p {
        font-size:16px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .testimonials-title p {
        padding-left:0;
        font-size: 16px;
        line-height: 28px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .testimonials-wrapper .testimonials-shape.shape-1 {
        left:70px
    }
}

@media (max-width: 767px) {
    .testimonials-wrapper .testimonials-shape.shape-2 {
        bottom:290px
    }
}

@media (max-width: 767px) {
    .testimonials-wrapper .testimonials-shape.shape-2 {
        bottom:210px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .testimonials-wrapper .testimonials-shape.shape-2 {
        left:35px;
        bottom: 190px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonials-wrapper .testimonials-shape.shape-3 {
        left:265px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .testimonials-wrapper .testimonials-shape.shape-3 {
        left:255px
    }
}

@media (max-width: 767px) {
    .testimonials-wrapper .testimonials-shape.shape-3 {
        bottom:215px;
        left: 235px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .testimonials-wrapper .testimonials-shape.shape-3 {
        left:375px;
        bottom: 190px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonials-image .slick-arrow {
        left:-320px;
        bottom: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .testimonials-image .slick-arrow {
        left:auto;
        right: -57px;
        bottom: auto;
        top: 0
    }
}

@media (max-width: 767px) {
    .testimonials-image .slick-arrow {
        left:0;
        bottom: auto;
        top: -30px
    }
}

@media (max-width: 767px) {
    .testimonials-content {
        margin-top:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-testimonial-content {
        padding:30px 25px
    }
}

@media (max-width: 767px) {
    .single-testimonial-content {
        padding:30px 25px
    }
}

@media (max-width: 767px) {
    .single-testimonial-content .content-text {
        padding-left:0
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-testimonial-content .content-text {
        padding-left:50px
    }
}

@media (max-width: 767px) {
    .single-testimonial-content .content-text i {
        opacity:.3;
        z-index: -1
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single-testimonial-content .content-text i {
        opacity:1;
        z-index: auto
    }
}

@media (max-width: 767px) {
    .single-testimonial-content .content-text p {
        font-size:14px;
        line-height: 26px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-testimonial-content .content-meta .designation,.single-testimonial-content .content-meta .name {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .single-testimonial-content .content-meta .designation,.single-testimonial-content .content-meta .name {
        font-size:13px;
        line-height: 22px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonial-wrapper-2 .testimonials-shape.shape-1 {
        left:120px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .testimonial-wrapper-2 .testimonials-shape.shape-1 {
        left:180px
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-2 .testimonials-shape.shape-1 {
        left:100px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .testimonial-wrapper-2 .testimonials-shape.shape-1 {
        left:220px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonial-wrapper-2 .testimonials-shape.shape-2 {
        left:165px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .testimonial-wrapper-2 .testimonials-shape.shape-2 {
        left:180px
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-2 .testimonials-shape.shape-2 {
        bottom:70px;
        left: 155px
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-2 .testimonials-shape.shape-2 {
        left:275px
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-2 .testimonials-content {
        padding-left:0;
        margin-top: 50px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonial-wrapper-2 .testimonials-content .single-testimonial-content {
        padding:30px 25px
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-2 .testimonials-content .single-testimonial-content {
        padding:30px 25px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonial-wrapper-2 .testimonials-image {
        margin-left:-180px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .testimonial-wrapper-2 .testimonials-image {
        margin-left:0
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-2 .testimonials-image {
        margin-left:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .designation,.testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .name {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .designation,.testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .name {
        font-size:13px;
        line-height: 22px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonial-wrapper-2 .testimonials-image .slick-arrow {
        left:auto;
        bottom: 80px;
        right: 67px
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-2 .testimonials-image .slick-arrow {
        left:auto;
        right: 20px;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .testimonial-wrapper-2 .testimonials-image .slick-arrow {
        left:auto;
        right: 20px;
        top: 70%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 767px) {
    .counter-area {
        padding-top:75px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .counter-wrapper {
        padding:10px 40px 40px
    }
}

@media (max-width: 767px) {
    .counter-wrapper {
        padding:1px 0 30px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .counter-wrapper {
        padding:1px 15px 30px
    }
}

@media (max-width: 767px) {
    .counter-wrapper .counter-col:nth-child(2n+1) {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .counter-wrapper .counter-col:nth-child(2n+1) {
        -webkit-box-pack:flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start
    }
}

@media (max-width: 767px) {
    .counter-wrapper .counter-col:nth-child(2n+2) {
        -webkit-box-pack:flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-counter .counter-count {
        font-size:32px
    }
}

@media (max-width: 767px) {
    .single-counter .counter-count {
        font-size:24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-counter p {
        font-size:18px
    }
}

@media (max-width: 767px) {
    .single-counter p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .counter-area-2 {
        padding-top:95px
    }
}

@media (max-width: 767px) {
    .counter-area-2 {
        padding-top:75px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .counter-wrapper-2 {
        padding:10px 40px 40px
    }
}

@media (max-width: 767px) {
    .counter-wrapper-2 {
        padding:1px 15px 30px
    }
}

@media (max-width: 767px) {
    .counter-wrapper-2 .counter-col {
        display:block;
        text-align: center
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .counter-wrapper-2 .counter-col:first-child::before {
        opacity:0!important
    }
}

@media (max-width: 767px) {
    .counter-wrapper-2 .counter-col:nth-child(2n+1)::before {
        opacity:0
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .counter-wrapper-2 .counter-col:nth-child(2n+1)::before {
        opacity:.65
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-area {
        padding-top:90px
    }
}

@media (max-width: 767px) {
    .blog-area {
        padding-top:70px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-area-2 {
        padding-top:90px
    }
}

@media (max-width: 767px) {
    .blog-area-2 {
        padding-top:70px
    }
}

@media only screen and (max-width: 1200px) {
    .wdiv-100 {
        padding-left:12px
    }

    .banner-css {
        width: 55%;
        left: -1%;
        transform: translate(12%,15%)
    }

    .banner-txt,.banner-txt span {
        font-size: 48.543px
    }

    .courses-slider .slick-dots li button {
        width: 145px
    }

    .tech-mob-div {
        padding: 0rem!important
    }

    .slick-list {
        height: 320px
    }

    .slick-track {
        left: 0px
    }
}

@media only screen and (max-width: 1280px) {
    .slick-list {
        height:320px
    }

    .slick-track {
        left: 0px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .banner-css {
        width:55%;
        left: -1%;
        transform: translate(12%,30%)
    }

    .wdiv-100 {
        padding-left: 15px
    }

    .blog-area-2::before {
        left: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-area-2::before {
        left:0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-area-2::before {
        left:0
    }
}

@media (max-width: 767px) {
    .blog-area-2::before {
        left:0
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .blog-area-2 .trending-title {
        top:30px;
        left: 15px;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-area-2 .trending-title {
        top:30px;
        left: 15px;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-area-2 .trending-title {
        display:none
    }
}

@media (max-width: 767px) {
    .blog-area-2 .trending-title {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-wrapper .more-post {
        right:0
    }
}

@media (max-width: 767px) {
    .blog-wrapper .more-post {
        right:0
    }
}

@media (max-width: 767px) {
    .blog-wrapper .more-post {
        position:relative;
        top: 0;
        right: 0;
        margin-top: 30px;
        text-align: center
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-blog .blog-content {
        padding:15px
    }
}

@media (max-width: 767px) {
    .single-blog .blog-content {
        padding:15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-blog .blog-content .meta li+li {
        margin-left:20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-blog .blog-content .meta li+li {
        margin-left:20px
    }
}

@media (max-width: 767px) {
    .single-blog .blog-content .meta li+li {
        margin-left:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-blog .blog-content .meta li+li::before {
        left:-13px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-blog .blog-content .meta li+li::before {
        left:-13px
    }
}

@media (max-width: 767px) {
    .single-blog .blog-content .meta li+li::before {
        left:-13px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-blog .blog-content .meta li a {
        font-size:12px
    }
}

@media (max-width: 767px) {
    .single-blog .blog-content .meta li a {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-blog .blog-content .blog-title a {
        font-size:18px;
        line-height: 28px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-blog .blog-content .blog-title a {
        font-size:20px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .single-blog .blog-content .blog-title a {
        font-size:18px;
        line-height: 28px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-blog .blog-content .more {
        font-size:13px
    }
}

@media (max-width: 767px) {
    .single-blog .blog-content .more {
        font-size:14px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-page {
        padding-top:70px
    }
}

@media (max-width: 767px) {
    .blog-page {
        padding-top:50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .newsletter-area {
        padding-top:100px
    }
}

@media (max-width: 767px) {
    .newsletter-area {
        padding-top:80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .newsletter-area-2 {
        padding-top:100px;
        padding-bottom: 100px
    }
}

@media (max-width: 767px) {
    .newsletter-area-2 {
        padding-top:80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .newsletter-area-3 {
        padding-bottom:100px
    }
}

@media (max-width: 767px) {
    .newsletter-area-3 {
        padding-bottom:80px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .newsletter-wrapper {
        padding:20px 50px 45px
    }
}

@media (max-width: 767px) {
    .newsletter-wrapper {
        padding:5px 30px 30px
    }
}

@media (max-width: 767px) {
    .newsletter-form input {
        padding:0 15px;
        height: 50px
    }
}

@media (max-width: 767px) {
    .newsletter-form .main-btn {
        height:50px;
        line-height: 50px;
        position: relative;
        margin-top: 10px;
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .footer-widget {
        padding-bottom:95px;
        padding-top: 50px
    }
}

@media (max-width: 767px) {
    .footer-widget {
        padding-bottom:75px;
        padding-top: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .footer-widget .footer-title {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .footer-widget .footer-title {
        font-size:20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .footer-link .link-list li p {
        font-size:14px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .footer-link .link-list li a {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .footer-widget-wrapper .footer-social {
        text-align:center;
        width: 100%
    }
}

@media (max-width: 767px) {
    .footer-widget-wrapper .footer-menu {
        text-align:center;
        width: 100%
    }
}

@media (max-width: 767px) {
    .footer-copyright .copyright p {
        font-size:14px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .about-area {
        padding-top:35px
    }
}

@media (max-width: 767px) {
    .about-area {
        padding-top:15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-content .about-title {
        font-size:38px;
        line-height: 45px
    }
}

@media (max-width: 767px) {
    .about-content .about-title {
        font-size:30px;
        line-height: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-content p {
        font-size:16px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .about-content p {
        padding-left:0;
        font-size: 16px;
        line-height: 28px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-image {
        height:450px
    }
}

@media (max-width: 767px) {
    .about-image {
        height:auto
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .about-image {
        height:550px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-image .single-image {
        -webkit-transform:rotate(45deg) scale(.6);
        -moz-transform: rotate(45deg) scale(.6);
        -ms-transform: rotate(45deg) scale(.6);
        -o-transform: rotate(45deg) scale(.6);
        transform: rotate(45deg) scale(.6)
    }
}

@media (max-width: 767px) {
    .about-image .single-image {
        position:relative;
        -webkit-transform: rotate(45deg) scale(.6);
        -moz-transform: rotate(45deg) scale(.6);
        -ms-transform: rotate(45deg) scale(.6);
        -o-transform: rotate(45deg) scale(.6);
        transform: rotate(45deg) scale(.6)
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .about-image .single-image {
        position:absolute;
        -webkit-transform: rotate(45deg) scale(.8);
        -moz-transform: rotate(45deg) scale(.8);
        -ms-transform: rotate(45deg) scale(.8);
        -o-transform: rotate(45deg) scale(.8);
        transform: rotate(45deg) scale(.8)
    }
}

@media (max-width: 767px) {
    .about-image .single-image img {
        width:100%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-image .single-image.image-1 {
        top:45px
    }
}

@media (max-width: 767px) {
    .about-image .single-image.image-1 {
        top:0;
        right: 0;
        margin: 30px 0
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .about-image .single-image.image-1 {
        top:10px;
        right: 26px;
        margin: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-image .single-image.image-2 {
        top:53%;
        left: 23%
    }
}

@media (max-width: 767px) {
    .about-image .single-image.image-2 {
        top:0;
        left: 0
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .about-image .single-image.image-2 {
        top:54%;
        left: 29%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-image .single-image.image-3 {
        top:32%
    }
}

@media (max-width: 767px) {
    .about-image .single-image.image-3 {
        top:34%;
        left: -14px;
        position: absolute
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .about-image .single-image.image-3 {
        top:31%;
        left: 49px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-image .single-image.image-4 {
        top:47px;
        left: 22%
    }
}

@media (max-width: 767px) {
    .about-image .single-image.image-4 {
        top:34%;
        left: auto;
        right: -14px;
        position: absolute
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .about-image .single-image.image-4 {
        top:15px;
        left: 14%;
        right: auto
    }
}

@media (max-width: 767px) {
    .about-image .about-icon.icon-1 {
        left:30px;
        top: 25px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .about-image .about-icon.icon-1 {
        left:40px;
        top: 115px
    }
}

@media (max-width: 767px) {
    .about-image .about-icon.icon-2 {
        top:25px;
        left: 80%
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .about-image .about-icon.icon-2 {
        left:47%;
        top: 18px
    }
}

@media (max-width: 767px) {
    .about-image .about-icon.icon-3 {
        left:0;
        bottom: 32%
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .about-image .about-icon.icon-3 {
        left:50px;
        bottom: 28%
    }
}

@media (max-width: 767px) {
    .about-image .about-icon.icon-4 {
        right:25px;
        bottom: 33%
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .about-image .about-icon.icon-4 {
        right:100px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .online-library-area {
        padding-top:90px
    }
}

@media (max-width: 767px) {
    .online-library-area {
        padding-top:70px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .shop-area {
        padding-top:35px
    }
}

@media (max-width: 767px) {
    .shop-area {
        padding-top:15px
    }
}

@media (max-width: 767px) {
    .shop-bar-form {
        display:block
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .shop-bar-form {
        display:-webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .shop-search {
        width:200px
    }
}

@media (max-width: 767px) {
    .shop-search {
        width:100%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .page-banner {
        padding-top:1px
    }
}

@media (max-width: 767px) {
    .page-banner {
        padding-top:190px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .page-banner {
        padding-top:155px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .banner-content {
        padding-top:90px;
        padding-bottom: 90px
    }
}

@media (max-width: 767px) {
    .banner-content {
        padding-top:75px;
        padding-bottom: 75px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .banner-content .title {
        font-size:50px
    }
}

@media (max-width: 767px) {
    .banner-content .title {
        font-size:32px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .teachers-area {
        padding-top:35px
    }
}

@media (max-width: 767px) {
    .teachers-area {
        padding-top:15px
    }
}

@media only screen and (min-width: 1400px) {
    .teachers-row {
        margin-left:-40px;
        margin-right: -40px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .teachers-row {
        margin-left:-40px;
        margin-right: -40px
    }
}

@media only screen and (min-width: 1400px) {
    .teachers-row .teachers-col {
        padding-left:40px;
        padding-right: 40px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .teachers-row .teachers-col {
        padding-left:40px;
        padding-right: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-teacher {
        padding-left:40px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-teacher .teacher-social {
        left:10px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-teacher .teacher-social .social li a {
        width:25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-teacher .teacher-content .name a {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .teachers-page {
        padding-top:20px
    }
}

@media (max-width: 767px) {
    .teachers-page {
        padding-top:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-sidebar .sidebar-title .title {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .courses-sidebar .sidebar-title .title {
        font-size:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-sidebar ul li {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-sidebar-category {
        padding:25px 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-sidebar-fee {
        padding:25px 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-sidebar-type {
        padding:25px 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-features {
        padding:25px 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-details {
        padding-top:35px
    }
}

@media (max-width: 767px) {
    .courses-details {
        padding-top:15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-details-content .title {
        font-size:36px
    }
}

@media (max-width: 767px) {
    .courses-details-content .title {
        font-size:24px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-details-content p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-details-content p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .courses-details-content p {
        font-size:14px;
        line-height: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-details-content .sub-title {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .courses-details-content .sub-title {
        font-size:18px
    }
}

@media (max-width: 767px) {
    .courses-details-tab .nav li {
        width:50%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .courses-details-tab .nav li {
        width:100%;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
}

@media (max-width: 767px) {
    .courses-details-tab .nav li a {
        font-size:14px;
        height: 45px;
        line-height: 45px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .courses-details-tab .nav li a {
        height:55px;
        line-height: 55px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-details-tab .benefit-content p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .courses-details-tab .benefit-content p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .courses-details-tab .benefit-content p {
        font-size:14px;
        line-height: 24px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-details-tab .curriculum-content .single-curriculum .curriculum-list li a {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .courses-details-tab .curriculum-content .single-curriculum .curriculum-list li a {
        font-size:14px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-details-tab .courses-teachers .single-teacher {
        padding-left:40px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-details-tab .courses-teachers .single-teacher .teacher-social {
        left:10px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .courses-details-tab .courses-teachers .single-teacher .teacher-social .social li a {
        width:25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .courses-details-tab .courses-reviews .review-wrapper {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .courses-details-tab .courses-reviews .review-wrapper .review-star .single-review .label {
        font-size:14px;
        width: 60px
    }
}

@media (max-width: 767px) {
    .courses-details-tab .courses-reviews .review-wrapper .review-star .single-review .review-bar {
        width:140px;
        height: 10px
    }
}

@media (max-width: 767px) {
    .courses-details-tab .courses-reviews .review-wrapper .review-star .single-review .value {
        font-size:14px;
        width: 40px
    }
}

@media (max-width: 767px) {
    .courses-details-tab .courses-reviews .review-wrapper .review-point {
        margin:0 50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-details {
        padding-top:50px
    }
}

@media (max-width: 767px) {
    .event-details {
        padding-top:30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-details-content .title {
        font-size:36px
    }
}

@media (max-width: 767px) {
    .event-details-content .title {
        font-size:24px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-details-content p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-details-content p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .event-details-content p {
        font-size:14px;
        line-height: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-details-content .sub-title {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .event-details-content .sub-title {
        font-size:18px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-details-content .event-teachers .single-teacher {
        padding-left:40px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-details-content .event-teachers .single-teacher .teacher-social {
        left:10px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-details-content .event-teachers .single-teacher .teacher-social .social li a {
        width:25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-details-content .event-message p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .event-details-content .event-message p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .event-details-content .event-message p {
        font-size:14px;
        line-height: 24px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-sidebar .sidebar-title .title {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .event-sidebar .sidebar-title .title {
        font-size:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-sidebar ul li {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .event-features {
        padding:25px 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .gallery-page {
        padding-top:70px
    }
}

@media (max-width: 767px) {
    .gallery-page {
        padding-top:50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .teacher-details {
        padding-top:50px
    }
}

@media (max-width: 767px) {
    .teacher-details {
        padding-top:30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-teacher-details {
        padding-left:40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-teacher-details .teacher-social {
        left:10px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-teacher-details .teacher-social .social li a {
        width:25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .teacher-details-content .teacher-name {
        font-size:28px
    }
}

@media (max-width: 767px) {
    .teacher-details-content .teacher-name::before {
        width:100px
    }
}

@media (max-width: 767px) {
    .teacher-details-content .designation {
        font-size:18px
    }
}

@media (max-width: 767px) {
    .teacher-details-content .department {
        font-size:14px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .teacher-details-content .department {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .teacher-details-content p {
        font-size:14px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .teacher-details-content .teacher-contact li {
        font-size:14px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .teacher-details-content .teacher-contact li {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .teacher-details-tab .nav li {
        width:100%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .teacher-details-tab .nav li {
        width:100%;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
}

@media (max-width: 767px) {
    .teacher-details-tab .nav li a {
        font-size:14px;
        height: 45px;
        line-height: 45px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .teacher-details-tab .nav li a {
        height:55px;
        line-height: 55px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .shop-sidebar .sidebar-title .title {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .shop-sidebar .sidebar-title .title {
        font-size:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .shop-sidebar ul li {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .shop-sidebar-category {
        padding:25px 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .shop-sidebar-price {
        padding:25px 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .shop-sidebar-tags {
        padding:25px 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .product-details-page {
        padding-top:50px
    }
}

@media (max-width: 767px) {
    .product-details-page {
        padding-top:30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .product-details-wrapper {
        padding-right:0
    }
}

@media (max-width: 767px) {
    .product-details-wrapper {
        padding-right:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .product-details-content .details-content .product-title {
        font-size:36px
    }
}

@media (max-width: 767px) {
    .product-details-content .details-content .product-title {
        font-size:24px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .product-details-content .details-content .price-rating .price {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .product-details-content .details-content .price-rating .price {
        font-size:18px
    }
}

@media (max-width: 767px) {
    .product-details-content .details-content .product-content-wrapper p,.product-details-content .details-content .product-content-wrapper span {
        font-size:16px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .product-details-content .details-content .product-content-wrapper .stock {
        padding:10px 0
    }
}

@media (max-width: 767px) {
    .product-details-content .details-content .product-content-wrapper .stock {
        padding:10px 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .product-details-content .details-content .product-content-wrapper .colors {
        padding:10px 0
    }
}

@media (max-width: 767px) {
    .product-details-content .details-content .product-content-wrapper .colors {
        padding:10px 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .product-details-content .details-content .product-content-wrapper .size {
        padding:10px 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .product-details-content .details-content .product-content-wrapper .quantity {
        padding:10px 0
    }
}

@media (max-width: 767px) {
    .product-details-content .details-content .product-btn .add-cart {
        height:40px;
        line-height: 38px
    }
}

@media (max-width: 767px) {
    .product-details-content .details-content .product-btn .compare,.product-details-content .details-content .product-btn .wishlist {
        padding:0 15px;
        font-size: 18px;
        height: 40px;
        line-height: 38px
    }
}

@media (max-width: 767px) {
    .product-details-tab .nav li {
        width:100%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .product-details-tab .nav li {
        width:100%;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
}

@media (max-width: 767px) {
    .product-details-tab .nav li a {
        font-size:14px;
        height: 45px;
        line-height: 45px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .product-details-tab .nav li a {
        height:55px;
        line-height: 55px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .product-details-tab .product-description p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .product-details-tab .product-description p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .product-details-tab .product-description p {
        font-size:14px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .product-details-tab .product-reviews .review-wrapper {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .product-details-tab .product-reviews .review-wrapper .review-star .single-review .label {
        font-size:14px;
        width: 60px
    }
}

@media (max-width: 767px) {
    .product-details-tab .product-reviews .review-wrapper .review-star .single-review .review-bar {
        width:140px;
        height: 10px
    }
}

@media (max-width: 767px) {
    .product-details-tab .product-reviews .review-wrapper .review-star .single-review .value {
        font-size:14px;
        width: 40px
    }
}

@media (max-width: 767px) {
    .product-details-tab .product-reviews .review-wrapper .review-point {
        margin:0 50px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-sidebar {
        padding-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-sidebar {
        padding-right:0
    }
}

@media (max-width: 767px) {
    .blog-sidebar {
        padding-right:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-sidebar.right-sidebar {
        padding-left:0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-sidebar.right-sidebar {
        padding-left:0
    }
}

@media (max-width: 767px) {
    .blog-sidebar.right-sidebar {
        padding-left:0
    }
}

.blog-sidebar .sidebar-title .title {
    font-weight: 500;
    font-size: 24px;
    color: #07294d
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-sidebar .sidebar-title .title {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .blog-sidebar .sidebar-title .title {
        font-size:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-sidebar ul li {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-sidebar-category {
        padding:25px 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-sidebar-post {
        padding:25px 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-sidebar-tags {
        padding:25px 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-details-page {
        padding-top:50px
    }
}

@media (max-width: 767px) {
    .blog-details-page {
        padding-top:30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-details-content .details-content .meta li+li {
        margin-left:20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-details-content .details-content .meta li+li {
        margin-left:20px
    }
}

@media (max-width: 767px) {
    .blog-details-content .details-content .meta li+li {
        margin-left:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-details-content .details-content .meta li+li::before {
        left:-13px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-details-content .details-content .meta li+li::before {
        left:-13px
    }
}

@media (max-width: 767px) {
    .blog-details-content .details-content .meta li+li::before {
        left:-13px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-details-content .details-content .meta li a {
        font-size:12px
    }
}

@media (max-width: 767px) {
    .blog-details-content .details-content .meta li a {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-details-content .details-content .title {
        font-size:36px
    }
}

@media (max-width: 767px) {
    .blog-details-content .details-content .title {
        font-size:24px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .blog-details-content .details-content .title {
        font-size:26px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-details-content .details-content p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-details-content .details-content p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .blog-details-content .details-content p {
        font-size:14px;
        line-height: 24px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-details-content .details-content .blog-list li i {
        font-size:16px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-details-content .details-content .blog-tags .tags li a {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-details-content .details-content .blog-tags .tags li a {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .blog-details-content .details-content .blog-tags .tags li a {
        font-size:14px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-details-content .blog-comment .comment-title {
        font-size:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-details-content .blog-comment>p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-details-content .blog-comment>p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .blog-details-content .blog-comment>p {
        font-size:14px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .blog-details-content .blog-comment .comment-items li .single-comment {
        display:block
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .blog-details-content .blog-comment .comment-items li .single-comment {
        display:-webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex
    }
}

@media (max-width: 767px) {
    .blog-details-content .blog-comment .comment-items li .single-comment .comment-content {
        padding-left:0;
        padding-top: 25px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .blog-details-content .blog-comment .comment-items li .single-comment .comment-content {
        padding-left:25px;
        padding-top: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .blog-details-content .blog-comment .comment-items li .single-comment .comment-content p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .blog-details-content .blog-comment .comment-items li .single-comment .comment-content p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .blog-details-content .blog-comment .comment-items li .single-comment .comment-content p {
        font-size:14px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .blog-details-content .blog-comment .comment-items li .comment-reply {
        padding-left:0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .contact-area {
        padding-top:70px
    }
}

@media (max-width: 767px) {
    .contact-area {
        padding-top:50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-contact-info .info-content p {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .contact-title .title {
        font-size:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .contact-title p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .contact-title p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .contact-title p {
        font-size:14px;
        line-height: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .faq-area {
        padding-top:90px
    }
}

@media (max-width: 767px) {
    .faq-area {
        padding-top:70px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .faq-wrapper .accordion .card .question {
        font-size:24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .faq-wrapper .accordion .card .question {
        font-size:24px
    }
}

@media (max-width: 767px) {
    .faq-wrapper .accordion .card .question {
        font-size:24px;
        line-height: 36px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .faq-wrapper .accordion .card .card-header a {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .faq-wrapper .accordion .card .card-header a {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .faq-wrapper .accordion .card .card-header a {
        font-size:16px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .faq-wrapper .accordion .card .card-body .answer {
        font-size:20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .faq-wrapper .accordion .card .card-body .answer {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .faq-wrapper .accordion .card .card-body .answer {
        font-size:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .faq-wrapper .accordion .card .card-body p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .faq-wrapper .accordion .card .card-body p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .faq-wrapper .accordion .card .card-body p {
        font-size:14px;
        line-height: 26px
    }

    .faq-wrapper .accordion .card .card-body p br {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .login-register {
        padding-top:90px
    }
}

@media (max-width: 767px) {
    .login-register {
        padding-top:70px
    }
}

@media (max-width: 767px) {
    .login-register-content .title {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .login-register-form .single-form .forget a {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .login-register-form .single-form .main-btn {
        padding:0 20px;
        height: 45px;
        line-height: 45px;
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .notice-area {
        padding-top:90px
    }
}

@media (max-width: 767px) {
    .notice-area {
        padding-top:70px
    }
}

@media (max-width: 767px) {
    .single-notice {
        padding-left:35px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-notice .number {
        font-size:20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-notice .number {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .single-notice .number {
        font-size:18px;
        line-height: 26px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-notice .notice-title {
        font-size:20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-notice .notice-title {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .single-notice .notice-title {
        font-size:18px;
        line-height: 26px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .single-notice p {
        font-size:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single-notice p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .single-notice p {
        font-size:14px;
        line-height: 26px
    }
}

@media (max-width: 767px) {
    .marque marquee {
        width:100%
    }

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu li a {
        padding-left: 45px;
        background: #fda40b;
        color: #fdfbfa
    }

    .header-logo {
        width: 295px
    }

    .navigation .nav-toggle {
        display: block
    }

    .navigation .nav-menus-wrapper .nav-menu li+li {
        margin-left: 0
    }

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu {
        width: 100%;
        left: 0;
        background-color: rgb(7 41 77)
    }

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li a {
        padding: 15px 35px
    }

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li>a {
        padding-left: 16px;
        background: #0c3646;;
        color: #fff;
        margin-left: 0
    }

    .navigation .nav-menus-wrapper .nav-menu {
        padding-top: 40px
    }

    .sidebar-contact {
        top: 50%;
        left: -300px;
        width: 300px
    }

    .header-top-wrapper .header-top-right .header-link a {
        margin-top: 10px
    }

    .single-form {
        margin-top: 10px
    }

    .toggle {
        right: -70px;
        width: 110px;
        height: 30px;
        line-height: 30px
    }

    .toggle:before {
        font-size: 15px
    }

    .courses-col {
        padding-left: 30px;
        padding-right: 30px
    }

    .bg-color {
        height: auto!important
    }

    .sbuttons {
        left: 0;
        margin: .2rem
    }

    .whatsupp {
        left: 4px;
        bottom: 8px;
        width: 40px;
        height: 40px;
        display: none
    }

    .whatsupp a .fa-whatsapp {
        padding: 6px 10px
    }

    .jbuttons {
        margin: .2rem;
        right: 0
    }

    .jbutton {
        width: 40px;
        height: 40px
    }

    .jbutton>i {
        font-size: 18px;
        line-height: 40px
    }

    .chat {
        right: 4px;
        bottom: 8px;
        width: 40px;
        height: 40px;
        font-size: 20px;
        display: none
    }

    .chat a .fa-comments-alt {
        padding: 11px 8px
    }

    .slider-content .title {
        font-size: 25px
    }

    .blog-area {
        padding-left: 30px;
        padding-right: 30px
    }

    .sbutton {
        width: 40px;
        height: 40px
    }

    .sbutton>i {
        font-size: 18px;
        line-height: 40px
    }

    .single-event {
        padding: 20px 45px
    }

    .text21 {
        font-size: 16px
    }

    .single-event {
        height: auto
    }

    .footer-widget {
        padding-left: 30px;
        padding-right: 30px
    }

    .event-details-content p {
        padding-left: 30px;
        padding-right: 30px
    }

    .course-form {
        padding-left: 30px;
        padding-right: 30px
    }

    .nav-tabs {
        display: block
    }

    .banner-content {
        padding-top: 175px
    }

    .banner-content .title {
        font-size: 30px
    }

    .footer-copyright .copyright p {
        font-size: 12px;
        padding-left: 30px;
        padding-right: 30px
    }

    .nav-tabs .nav-link {
        border-bottom: 1px solid #fff
    }

    .padd {
        padding-left: 30px;
        padding-right: 30px
    }

    .event-details-content .sub-title {
        font-size: 17px
    }

    .event-details-content .sub-title::before {
        left: 32px
    }

    .asso {
        font-size: 16px!important
    }

    .event-list li p {
        padding: 0;
        margin-left: 5px
    }

    .job .job-inner a {
        position: relative;
        right: -24px
    }

    .iq-address p {
        padding: 0
    }

    .navigation .nav-menus-wrapper .nav-menu li a {
        margin-left: 14px
    }

    .home-menu {
        margin-top: 67px;
        display: block!important
    }

    .call-pop {
        display: block!important
    }

    .menu-3 li a {
        background: #f8f9fb!important;
        color: #07294d!important
    }

    .menu-4 li a {
        background: #f58303!important;
        color: #fff!important
    }
}

@media (max-width: 768px) {
    .navigation .nav-toggle {
        display:block
    }

    .header-logo {
        width: 220px
    }

    .inner-logo {
        width: 280px
    }

    .nav-tabs {
        display: block
    }

    .navigation .nav-menus-wrapper .nav-menu li a {
        margin-left: 14px
    }

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu {
        width: 100%;
        left: 0;
        background-color: rgb(7 41 77)
    }

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li a {
        padding: 15px 35px
    }

    .call-pop {
        display: block!important
    }
}

@media (min-width: 176px) {
    .header-top {
        display:none
    }
}

@media (min-width: 376px) {
    .header-top {
        display:none
    }
}

@media (min-width: 576px) {
    .header-top {
        display:none
    }
}

@media (min-width: 768px) {
    .header-top {
        display:none
    }
}

@media (min-width: 992px) {
    .header-top {
        display:block
    }
}

@media (min-width: 1200px) {
    .header-top {
        display:block
    }
}

@media (min-width: 1224px) {
    .header-top {
        display:block
    }
}

@media (min-width: 1324px) {
    .header-top {
        display:block
    }
}

@media (min-width: 1424px) {
    .header-top {
        display:block
    }
}

@media (min-width: 1524px) {
    .header-top {
        display:block
    }
}

@media (max-width: 767px) {
    .features-title {
        font-size:33px;
        line-height: 44px
    }
}

@media (max-width: 767px) {
    .navigation .nav-menus-wrapper {
        background-color:#fff;
        overflow-x: hidden
    }

    .home-menu {
        margin-top: 50px
    }

    .nav-menus-wrapper .header-logo {
        position: relative;
        left: 1.4rem
    }

    .nav-menus-wrapper .nav-menu li a {
        margin-left: 14px;
        color: #000
    }

    .nav-menus-wrapper .submenu-indicator .submenu-indicator-chevron {
        border-color: #000000bf
    }

    .navigation .nav-menus-wrapper .nav-menu li a {
        color: #3f3f3f
    }

    .navigation .nav-menus-wrapper .submenu-indicator .submenu-indicator-chevron {
        border-color: #3f3f3f;
        margin: 0
    }

    .nav-submenu .submenu-indicator .submenu-indicator-chevron {
        border-color: #fff!important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navigation .nav-menus-wrapper {
        background-color:#fff
    }

    .home-menu {
        margin-top: 50px
    }

    .nav-menus-wrapper .header-logo {
        position: relative;
        left: 1.4rem
    }

    .nav-menus-wrapper .nav-menu li a {
        margin-left: 14px;
        color: #000
    }

    .nav-menus-wrapper .submenu-indicator .submenu-indicator-chevron {
        border-color: #000000bf
    }

    .navigation .nav-menus-wrapper .nav-menu li a {
        color: #3f3f3f
    }

    .navigation .nav-menus-wrapper .submenu-indicator .submenu-indicator-chevron {
        border-color: #3f3f3f;
        margin: 0
    }

    .navigation .nav-menus-wrapper .nav-menu li {
        margin-left: 33px
    }
}

@media screen and (max-width: 480px) {
    .cta-title,.cta-btn {
        font-size:16px;
        line-height: 1.5
    }

    .our-locations {
        text-align: right!important
    }

    .home-menu .home-icon {
        padding-top: 0!important
    }

    .home-menu .main-btn-3 {
        padding-left: 0!important;
        padding-right: 48px!important
    }

    .bg-color {
        height: auto!important
    }

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu li a {
        padding-left: 50px;
        padding-right: 10px
    }

    .banner-div {
        padding-top: 20px
    }

    .banner-txt {
        padding-top: 60px
    }

    .toggle1 {
        position: absolute;
        top: 50%;
        right: -70px;
        width: 110px;
        height: 30px;
        text-align: center;
        cursor: pointer;
        background: #003a99;
        line-height: 30px;
        transform: rotate(90deg)
    }

    .toggle1:before {
        content: 'Apply Now';
        font-family: "Plus Jakarta Sans Medium";
        color: #fff;
        font-size: 15px
    }

    .ask_more_btn_form {
        display: none!important
    }

    .img-logo {
        padding-left: 30px;
        padding-right: 30px
    }

    .edge1,.edge2 {
        top: 0!important;
        transform: none!important
    }

    .adj-logo-css {
        width: 260px!important
    }

    .set-banner {
        height: 135px!important
    }

    .home-banner1 {
        background-image: url(../../assets/images/mobile-banners/mechanical-banner.png)
    }

    .home-banner2 {
        background-image: url(../../assets/images/mobile-banners/civil-banner.png)
    }

    .home-banner3 {
        background-image: url(../../assets/images/mobile-banners/architecture-banner.png)
    }

    .home-banner4 {
        background-image: url(../../assets/images/mobile-banners/electrical-banner.png)
    }

    /*.home-banner6 {
        background-image: url(../../assets/images/mobile-banners/Home-Page-Banner-for-Website-Mobile-View.webp)!important
    }*/

    

    .home-banner8 {
        background-image: url(../../assets/images/mobile-banners/AWS-training-certification.jpg)!important
    }

    .single-slider {
        height: 500px!important
    }
}

@media screen and (min-width: 490px) and (max-width:767px) {
    .home-menu .home-icon {
        padding-top:0!important
    }

    .home-menu .main-btn-3 {
        padding-left: 0!important;
        padding-right: 48px!important
    }

    .bg-color {
        height: auto!important
    }

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu li a {
        padding-left: 50px;
        padding-right: 10px
    }

    .banner-div {
        padding-top: 20px
    }

    .banner-txt {
        padding-top: 50px
    }

    .toggle1 {
        position: absolute;
        top: 50%;
        right: -70px;
        width: 110px;
        height: 30px;
        text-align: center;
        cursor: pointer;
        background: #003a99;
        line-height: 30px;
        transform: rotate(89deg)
    }

    .toggle1:before {
        content: 'Apply Now';
        font-family: "Plus Jakarta Sans Medium";
        color: #fff;
        font-size: 15px
    }

    .ask_more_btn_form {
        display: none!important
    }

    .img-logo {
        padding-left: 30px;
        padding-right: 30px
    }

    .edge1,.edge2 {
        top: 0!important;
        transform: none!important
    }

    .adj-logo-css {
        width: 260px!important
    }

    .set-banner {
        height: 230px!important
    }

   /* .home-banner1 {
        background-image: url(../../assets/images/mobile-banners/mechanical-banner.png)
    }

    .home-banner2 {
        background-image: url(../../assets/images/mobile-banners/civil-banner.png)
    }

    .home-banner3 {
        background-image: url(../../assets/images/mobile-banners/architecture-banner.png)
    }

    .home-banner4 {
        background-image: url(../../assets/images/mobile-banners/electrical-banner.png)
    }

    .home-banner6 {
        background-image: url(../../assets/images/mobile-banners/Home-Page-Banner-for-Website-Mobile-View.webp)!important
    }

  

    .home-banner8 {
        background-image: url(../../assets/images/mobile-banners/AWS-training-certification.jpg)!important
    }*/

    .single-slider {
        height: 640px!important
    }
}

@media screen and (orientation: landscape) and (min-device-width:412px) and (max-device-width:915px) {
    .features-mask-content h3 {
        font-size:11px
    }

    .features-mask .features-mask-content p {
        font-size: 28px;
        line-height: 25px!important;
        padding-left: 14px!important
    }

    .features-mask .features-mask-content p {
        font-size: 11px!important
    }

    .features-mask::after {
        border-bottom: 60px solid #fff!important;
        border-left: 150px solid transparent!important
    }

    .features-mask .features-mask-content {
        padding: 14px 14px!important
    }

    .features-mask {
        margin-left: 0!important;
        max-width: 123px!important;
        height: 154px!important;
        margin-top: 35px!important
    }

    .corporate-section {
        height: 300px!important
    }

    .pc-toggle {
        display: none!important
    }

    .mobile-link {
        display: block!important
    }

    .toggle1 {
        position: absolute;
        top: 50%;
        right: -70px;
        width: 110px;
        height: 30px;
        text-align: center;
        cursor: pointer;
        background: #003a99;
        line-height: 30px;
        transform: rotate(89deg)
    }

    .toggle1:before {
        content: 'Apply Now';
        font-family: "Plus Jakarta Sans Medium""Plus Jakarta Sans Medium";
        color: #fff;
        font-size: 15px
    }

    .btn_popup {
        display: block!important;
        text-align: center;
        position: fixed;
        z-index: 99999999;
        bottom: 26px;
        font-size: 18px;
        padding: 14px 10px;
        height: 56px;
        color: #fff!important;
        width: 100%
    }

    .features-wrapper {
        z-index: 0!important
    }

    .btn_popup img {
        max-width: 48px;
        max-height: 48px;
        margin: auto
    }

    .features-wrapper {
        z-index: 2
    }

    #wa-widget-send-button {
        left: 14px!important;
        bottom: -3px!important
    }
}

@media only screen and (max-width: 768px) {
    .footer__widget__wrapper .txt-white,.copyright-txt a {
        font-size:13px
    }

    .centered h1 {
        font-size: 16px
    }

    .company-logo,.company-logo p {
        text-align: center!important
    }
}

@media (max-width: 767px) {
    .btn_popup {
        display:block!important;
        text-align: center;
        position: fixed;
        z-index: 99999999;
        bottom: 26px;
        font-size: 18px;
        padding: 14px 10px;
        height: 56px;
        color: #fff!important;
        width: 100%
    }

    .features-wrapper {
        z-index: 0!important
    }

    .btn_popup img {
        max-width: 48px;
        max-height: 48px;
        margin: auto
    }

    .features-wrapper {
        z-index: 2
    }

    #wa-widget-send-button {
        left: 14px!important;
        bottom: -3px!important
    }
}

@media screen and (min-width: 991px) and (max-width:1024px) {
    .wdiv-100 {
        padding-left:15px
    }

    .courses-slider .slick-dots li button {
        width: 100px
    }
}