@media only screen and (min-width:1023px) {
    .dropdown:hover .dropdown-menu {
        display: block
    }
    .dropdown-menu.submenu {
        background: #111
    }
    .dropdown-menu.submenu a {
        margin: 0 !important;
        padding: 10px !important
    }
    .menu_bar .fa {
        display: none
    }
}

@media only screen and (max-width:1200px) {
    .subscribe_form input {
        width: 65%
    }
}

@media only screen and (max-width:1024px) {
    section {
        padding: 50px 0
    }
    .menu_bar .nav.navbar-nav a {
        padding: 0 10px
    }
    .wel_blog {
        margin-bottom: 20px
    }
    .register_title {
        font-size: 14px;
        padding: 25px
    }
    .form_det {
        padding: 20px 15px
    }
    .form_det input {
        margin-bottom: 15px
    }
    .course_tab_hd ul li a {
        padding: 12px 35px
    }
    .event_clock {
        display: inline-block;
        float: unset
    }
}

@media screen and (min-width:360px) and (max-width:1023px) {
    .event_clock {
        display: inline-block;
        float: right
    }
}

@media only screen and (max-width:990px) {
    .navbar-header {
        float: none
    }
    .navbar-left,
    .navbar-right {
        float: none !important
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    .navbar-collapse.collapse {
        display: none !important
    }
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px
    }
    .navbar-nav>li {
        float: none
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .dropdown-menu.submenu a {
        margin: 0 !important
    }
    .navbar-nav .open .dropdown-menu {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto
    }
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }
    .study_nav {
        display: none
    }
    .menu_bar .nav.navbar-nav a {
        color: #fff;
        font-family: OpenSans-Bold;
        font-size: 16px;
        margin: 15px 0;
        padding: 0 20px
    }
    .collapse.in {
        display: block !important
    }
    .menu_bar {
        float: unset;
        background: #111
    }
    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .navbar-inverse .navbar-nav>.open>a:focus {
        background-color: transparent;
        color: #fff
    }
    .banner-text br {
        display: none
    }
    .banner-slide {
        min-height: 410px;
        padding: 0 86px
    }
    .banner .owl-nav .owl-prev i:before,
    .banner .owl-nav .owl-next i:before {
        font-size: 22px;
        width: 40px;
        height: 40px;
        line-height: 40px
    }
    .counter_text h4 {
        font-size: 14px
    }
    .profile_img img {
        margin-top: 30px
    }
    .skill_title {
        padding: 10px
    }
    .skills-bar-container li .progressbar-title .percent {
        font-size: 12px
    }
    .skills-bar-container li .progressbar-title h4 {
        font-size: 14px
    }
    .skills-bar-container li {
        margin-bottom: 10px;
        padding: 0
    }
    .menu_bar .fa {
        float: right
    }
    .menu_bar .nav.navbar-nav>li:last-child a {
        padding-right: 20px
    }
    h1 {
        font-size: 28px
    }
    h2 {
        font-size: 24px
    }
    .p-t-50 {
        padding-top: 25px
    }
    .clock_countdown li {
        margin: 0 5px;
        padding: 5px;
        width: 20%
    }
    .form-group {
        margin-bottom: 0;
        margin-top: 15px
    }
    .subscribe_form input {
        width: 75%
    }
    .author_name span {
        font-size: 14px;
        padding: 0 5px
    }
    .event_blog li {
        margin: 0 5px 10px 0
    }
    .social_icon a {
        font-size: 14px;
        margin-right: 5px;
        padding: 4px 8px
    }
    .admin_profile h5 {
        font-size: 12px;
        margin-left: 10px
    }
    .admin_profile .fa {
        font-size: 28px
    }
    .admin_profile .fa-star {
        color: #fab205;
        font-size: 12px
    }
    .map_text {
        display: table
    }
    .contact_us1 {
        margin-top: 30px
    }
    .dropdown-menu.submenu a:hover {
        color: #fab205 !important
    }
    .coures_searchbox .form-group {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:767px) {
    .m-b-30 {
        margin-bottom: 30px
    }
    section {
        padding: 40px 0
    }
    .tital_border {
        margin: 10px auto
    }
    .info-text-slider {
        display: none
    }
    .m-l-0 {
        margin-left: 0
    }
    .header_bg,
    .course_bg,
    .teacher_bg,
    .event_bg,
    .blgo_bg,
    .contact_bg,
    .gallery_bg {
        height: 200px
    }
    .custom_btn_full {
        width: 100%
    }
    .navbar_menu .navbar-brand {
        font-size: 24px;
        padding: 15px
    }
    .toolbar {
        display: none
    }
    .subscribe_form input {
        margin: 15px 0;
        width: 100%
    }
    .banner-slide {
        min-height: 280px
    }
    .banner-text h1 {
        padding-bottom: 20px;
        font-size: 24px
    }
    .custom_btn,
    .profile_btn {
        padding: 5px 10px
    }
    .child_login a {
        margin-left: 0;
        padding: 0 5px
    }
    .carousel_txt p {
        display: none
    }
    .carousel_txt {
        bottom: 15%
    }
    .clock_countdown {
        margin-bottom: 30px;
        text-align: center
    }
    .clock_countdown li {
        margin: 0 1px;
        width: 23%
    }
    .clock_countdown li p {
        font-size: 12px
    }
    .right_icon {
        margin-bottom: 25px
    }
    .register_heding {
        font-size: 28px
    }
    h2.counter_title {
        color: #fff;
        font-size: 24px;
        margin: 0
    }
    .register_now a {
        font-size: 24px
    }
    .right_icon {
        font-size: 18px
    }
    .author_name {
        margin-bottom: 0;
        padding: 15px
    }
    .copy_right p {
        font-size: 12px
    }
    .footer_title h2 {
        margin-bottom: 15px
    }
    .social_icon {
        margin-bottom: 30px
    }
    .course_tab_hd ul li a p {
        display: none
    }
    .course_tab_hd ul li a {
        padding: 12px 19px
    }
    .course_tab_hd h4 {
        margin-top: 20px
    }
    .admin_profile {
        border-right: medium
    }
    .admin_profile {
        height: auto;
        margin: 20px 0
    }
    .blog_list blockquote {
        padding: 10px 20px 40px 80px
    }
    .blog_list blockquote::before {
        font-size: 24px
    }
    .blog_list p {
        margin: 15px 0
    }
    .blog_text span {
        margin: 5px 7px
    }
    .comment_reply {
        margin-left: 50px
    }
    .comment_box .comment_img {
        margin: 0 0 15px;
        position: static
    }
    .comment_box {
        padding-left: 0
    }
    .comment_box .replay {
        top: 110px
    }
    .emial_icon {
        margin-bottom: 15px
    }
    .contact_form1 .form-control {
        margin-top: 15px
    }
    #gallery-header-center-left-title {
        float: none
    }
    .masonry_gallery .filter-button-group {
        margin-top: 15px;
        text-align: unset
    }
    .counter_text h1 {
        margin: 20px 0
    }
    .counter_text {
        margin-bottom: 20px
    }
    .subscribe_form .custom_btn_full {
        float: none !important;
        width: auto;
        padding: 10px
    }
}

@media only screen and (max-width:480px) {
    .blog_btn a {
        margin: 5px 0
    }
    .blog_list blockquote::before {
        display: none
    }
    .blog_list blockquote {
        padding: 10px 20px 40px
    }
    .news_sec .owl-nav {
        position: relative;
        top: auto;
        text-align: center
    }
    h1 {
        font-size: 20px
    }
    .banner-text p {
        margin: 15px 0 !important;
        line-height: normal
    }
    .coantct-map iframe {
        height: 200px
    }
}

@media only screen and (max-width:360px) {
    .blog_btn span {
        display: block;
        float: unset;
        margin-top: 10px
    }
    .teacher_text p {
        display: none
    }
    .wel_blog p {
        height: 70px
    }
    .teacher_contect a {
        display: inline-block
    }
    .comment_reply {
        margin-left: 25px
    }
}
@media only screen and (max-width:767px) {
    .auto-container {
        padding: 0;
    }
    .register_now {
        padding:30px 0 0 19px;
    }
    section {
        padding: 40px 10px;
    }
    .offset-2 {
        margin-left: 0%;
    }
    .row {
        padding: 0;
        margin:0;
    }
}