@media(min-width:991px) and (max-width:1280px) {
    .courses .owl-carousel .owl-nav .owl-prev,
    .testimonials .owl-carousel .owl-nav .owl-prev,
    .events .owl-carousel .owl-nav .owl-prev,
    .blog .owl-carousel .owl-nav .owl-prev {
        left: -55px
    }
    .courses .owl-carousel .owl-nav .owl-next,
    .testimonials .owl-carousel .owl-nav .owl-next,
    .events .owl-carousel .owl-nav .owl-next,
    .blog .owl-carousel .owl-nav .owl-next {
        right: -55px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title h2 {
        font-size: 30px
    }
    .container {
        width: auto
    }
    .header .content {
        float: none;
        text-align: center
    }
    .header .topbar-right {
        justify-content: center
    }
    .header .single-widget {
        position: relative;
        display: inline-block;
        padding-left: 25px;
        margin-right: 10px;
        text-align: left
    }
    .header .single-widget i {
        display: none
    }
    .header .nav li a {
        padding: 15px
    }
    .header .button .btn {
        margin-top: 5px;
        font-size: 14px;
        padding: 12px 21px
    }
    .home-slider,
    .home-slider .single-slider {
        height: 500px
    }
    .home-slider .single-slider .slider-text {
        margin: 99px 0 0
    }
    .home-slider .single-slider h1 {
        font-size: 35px;
        line-height: 55px
    }
    .home-slider .single-slider .slider-text {
        margin: 112px 0 0
    }
    .home-slider .owl-item.active .slider-text p,
    .home-slider .single-slider .text-center p,
    .home-slider .single-slider .text-right p {
        padding: 0
    }
    .team .section-title {
        margin-top: 0
    }
    .testimonials .single-testimonial {
        padding: 15px;
        height: 305px;
    }
    .fun-facts .single-fact {
        border: none
    }
    .courses.single .course-feature {
        margin-top: 30px
    }
    .faq-img {
        margin-top: 30px
    }
    .about-us .message-area {
        padding: 0;
        margin-top: 30px
    }
    .courses.single .course-info,
    .courses.single .course-price {
        float: none;
        text-align: center
    }
    .contact .contact-info {
        padding: 0
    }
    .b-archives .blog-sidebar {
        border: none;
        padding-left: 0
    }
    .learnedu-sidebar,
    .learnedu-sidebar.left {
        padding: 0;
        border: none;
        margin-left: 0;
        margin-right: 0
    }
    .contact-bottom {
        display: none
    }
    .footer .copyright,
    .footer .footer-menu {
        float: none;
        text-align: center
    }
    .footer .footer-menu {
        margin-top: 10px
    }
    .enroll .form-group .btn {
        justify-content: center;
    }
    
}

@media only screen and (max-width:768px) {
    .services {
        height: auto;
        margin: 5px 0;
    }
    .services_pages {
        height: auto !important;
        margin: 5px 0;
    }
    .training,
    .development {
        height: auto;
        margin: 5px 0;
    }
    #scrollUp {
        width: 45px;
        height: 45px;
        background: #3560B2;
    }
    
}

@media only screen and (max-width:767px) {
    .services {
        height: auto;
        margin: 5px 0;
    }
    .services_pages {
        height: auto !important;
        margin: 5px 0;
    }
    .training,
    .development {
        height: auto;
        margin: 5px 0;
    }
    #scrollUp {
        width: 45px;
        height: 45px;
        background: #3560B2;
    }
    .bdcrubbbb {
        height:200px !important;
    }
    .breadcrumbs {
        padding: 40px 0
    }
    .breadcrumbs h2 {
        font-size: 25px
    }
    .section-title {
        text-align: center;
        margin-bottom: 30px;
        padding: 0
    }
}

@media only screen and (max-width:1200px) {
    .header .logo {
        float: none;
        margin: 0
    }
    .header .logo img {
        max-width: 300px;
        margin-top: 0px;
       
    }
    .slicknav_menu {
        background: 0 0;
        padding: 5px
    }
    .slicknav_nav {
        clear: both;
        color: #fff;
        margin: 0;
        background: #0e254c;
    }
    .slicknav_btn:hover {
        background: #3560B2
    }
    .slicknav_nav .slicknav_item a i {
        display: none
    }
    .slicknav_nav li:hover a {
        background: #fff;
        color: #252525
    }
    .slicknav_nav li .dropdown li:hover> a,
    .slicknav_nav li .dropdown li .dropdown li:hover> a {
        background:  #fff;
        color: #252525;
    }
    .slicknav_nav li .dropdown li a,
    .slicknav_nav li .dropdown li .dropdown li> a {
        background: 0 0;
        color: #fff
    }
    .slicknav_nav li .dropdown li:hover> a a,
    .slicknav_nav li .dropdown li .dropdown li:hover>a a {
        color: #252525
    }
    .slicknav_nav .slicknav_arrow {
        float: right
    }
    .section-title h2 {
        font-size: 30px
    }
    .section-title p {
        font-size: 14px
    }
    .button .btn {
        font-size: 14px
    }
    .slicknav_menu {
        display: block;
        margin-top: -50px;
        opacity: 0.9;
    }
    .slicknav_btn {
        margin: 0;
        position: relative;
        top: -25px;
        left:11px;
        
    }
    .header .header-inner {
        padding: 6px 0;
        background: #fff
    }
    .header .content {
        float: none;
        text-align: center
    }
    .header .topbar-right {
        justify-content: center
    }
    .header .content li {
        display: block;
        font-size: 15px;
        margin-right: 0;
        padding-right: 0;
        border: none;
        text-align: center;
    }
    .header .single-widget.button,
    .header .search-bar,
    .header .header-widget,
    .header .header-menu {
        display: none
    }
    .header .header-menu3 {
        display: none
    }
    .header.sticky .header-inner {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 10;
        left: 0;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        transition: all .4s ease;
        animation: fadeInDown 1s both .2s;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        box-shadow: 0 0 10px rgba(0, 0, 0, .3)
    }
}

@media only screen and (max-width:767px) {
    .home-slider,
    .home-slider .single-slider {
        height: 200px
    }
    .home-slider .single-slider h1 {
        font-size: 28px;
        line-height: 40px
    }
    .home-slider .single-slider .slider-text {
        margin: 69px 0 0
    }
    .home-slider .single-slider .slider-text,
    .home-slider .single-slider .text-center,
    .home-slider .single-slider .text-right {
        text-align: left!important
    }
    .home-slider .single-slider .slider-text p,
    .home-slider .single-slider .text-center p,
    .home-slider .single-slider .text-right p {
        padding: 0;
        font-size: 14px
    }
    .home-slider .single-slider .button {
        margin-top: 30px
    }
    .home-slider .single-slider .btn {
        padding: 12px 15px;
        margin-right: 10px;
        font-size: 13px
    }
    .testimonials {
        background: #3560B2
    }
    .testimonials:before {
        display: none
    }
    .cta .news-inner {
        padding: 25px
    }
    .team .section-title {
        margin-top: 0
    }
    .testimonials .single-testimonial {
        padding: 12px;
        height: auto;
    }
    .fun-facts .single-fact {
        border: none
    }
    .faq .faq-title a::after {
        display: none
    }
    .courses.single .course-feature {
        margin-top: 30px
    }
    .courses.single .single-main {
        padding: 12px
    }
    .courses.single .course-meta {
        padding: 0;
        margin: 20px 0
    }
    .courses.single .content h2 {
        font-size: 25px
    }
    .courses.single .course-price p,
    .courses.single .course-price .btn {
        float: none
    }
    .courses.single .course-price .btn {
        margin-top: 10px
    }
    .courses.single .course-info,
    .courses.single .course-price {
        float: none;
        text-align: left
    }
    .courses.single .single-info {
        margin: 0 0 20px;
        float: none
    }
    .courses.single .single-contnet h2 {
        font-size: 25px
    }
    .courses .course-meta .meta-left,
    .courses .course-meta .price {
        float: none;
        text-align: center
    }
    .courses .course-meta .price {
        margin-top: 10px
    }
    .events.single .event-content h2 {
        font-size: 25px
    }
    .events.single .book-now .button,
    .events.single .social {
        float: none;
        text-align: center
    }
    .events.single .social {
        margin-top: 10px
    }
    .about-us .message-area {
        padding: 0;
        margin-top: 30px
    }
    .about-us .section-title h2 {
        font-size: 25px
    }
    .about-us .section-title h4 {
        margin: 10px 0;
        font-size: 20px
    }
    .team-details .member-detail {
        text-align: left
    }
    .b-archives .blog-sidebar {
        border: none;
        padding-left: 0
    }
    .learnedu-sidebar,
    .learnedu-sidebar.left {
        padding: 0;
        border: none;
        margin-left: 0;
        margin-right: 0
    }
    .b-archives .pagination li a,
    .events.archives .pagination li a {
        padding: 8px 20px
    }
    .b-archives.single .blog-detail .tags ul {
        margin-left: 0
    }
    .b-archives.single .blog-detail ul li a {
        font-size: 14px
    }
    .b-archives.single .next-prev h4 {
        font-weight: 400;
        color: #777
    }
    .blog.b-archives .pagination li a {
        padding: 6px 16px
    }
    .error-page .error-inner p {
        padding: 0
    }
    .contact-bottom {
        display: none
    }
    .mail-success {
        background: #f6f6f6;
    }
    .footer .copyright,
    .footer .footer-menu {
        float: none;
        text-align: center
    }
    .footer .footer-menu ul li {
        display: inline-block;
        margin-right: 15px
    }
    .footer .footer-menu ul li a {
        font-size: 14px
    }
    .footer .footer-menu {
        margin-top: 10px
    }
}
@media only screen and (max-width:1400px) {
    .header .single-widget h4 span {
        color: #666;
        font-weight: 500;
        display: block;
        margin-top: 5px;
        font-size: 14px;
    }
    }