nav.meta-login { float: left; max-height: 48px; overflow: hidden }
    nav.meta-login ul { margin: 0; padding: 0; list-style: none }
        nav.meta-login ul li { float: left; color: #99a6bb; border-left: 1px solid #e9ecef }
            nav.meta-login ul li:first-child { border: none }
            nav.meta-login ul li a { color: #99a6bb; text-decoration: none }
                nav.meta-login ul li a:hover { color: #ff5722 }
            nav.meta-login ul li i { display: inline; float: left; margin: -2px 5px; font-size: 18px }
.site-branding { padding-top: 20px; padding-bottom: 20px }
    .site-branding img { width: auto }
    .site-branding h2 { margin: 0 }
.popular-courses { background: #e4e8ee; padding: 70px 0 }
    .popular-courses .btn-group .btn, .popular-courses .btn-group { float: none }
    .popular-courses .course_rel { bottom: -8px }
.course { background: #fff; min-height: 570px; max-height: 635px; position: relative; -moz-box-shadow: 0 0 5px #bfc3c9; -webkit-box-shadow: 0 0 5px #bfc3c9; box-shadow: 0 0 5px #bfc3c9 }
    .course h3 { font-size: 17px; font-weight: 700; padding-right: 42px; line-height: 20px }
.price { position: absolute; right: -8px; top: 20px; padding: 9px 20px 9px 25px; font: 700 16px Roboto,Arial,Tahoma; color: #fff; background: #4caf50 url(../images/price_tag_l.png) no-repeat left bottom }
    .price span { position: absolute; right: 0; top: -8px; width: 8px; height: 8px; background: url(../images/price_tag_r.png) no-repeat right top }
    .price s { font-size: 13px; display: block }
.course_list .col-xs-12 { margin-bottom: 35px }
.course .meta a { }
.course h3 a { color: #262c38 }
    .course h3 a:hover { color: #ff5722 }
.course a { color: #0583e4 }
    .course a:hover { color: #ff5722 }
.course_space { padding: 10px 30px 0; min-height: 300px; position: relative }
    .course_space p.meta { line-height: normal }
.course_rel { width: 82%; display: table; position: absolute; left: 30px; bottom: 15px }
.course_rating, .average-rating span, .widget_courses li span.rating { font: 15px glyphicons halflings; color: #ffaf00; letter-spacing: -6px; clear: both; display: block }
    .course_rating i, .average-rating span i, .widget_courses li span.rating i { font-style: normal; margin: 0; padding: 0 }
.course_rating, .enroll { padding: 0; margin: 0 }
.course_rating { padding-top: 4px }
.enroll { text-align: right; color: #b0b7c5 }
.popular-courses .btn-orange { font-size: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
    .popular-courses .btn-orange i { font-size: 16px }
.breadcrumb-section { min-height: 190px; background: url(../images/use_img/banner_img2.jpg) no-repeat center; background-size: cover }
    .breadcrumb-section h1 { padding: 50px 25px; font-size: 36px; font-weight: 700; color: #fff }
.taxonomy-des h1 { padding-bottom: 0 }
.taxonomy-des { padding-bottom: 50px }
    .taxonomy-des p { padding: 0 25px }
.instructors-name { clear: both; display: block; font-size: 14px; color: #ececec }
h1 .instructors-name a { color: #ececec }
    h1 .instructors-name a:hover { color: #fff }
.page-spacer { padding: 100px 0 }
.course-learn-spacer { padding: 20px 0 100px }
.online-course img { margin-bottom: 20px }
.abutinfo { margin-bottom: 145px }
.meet-teachers { padding-bottom: 145px }
.teacher p.post { color: #03a9f4; font-size: 12px; font-style: italic }
.social-icons { list-style: none; margin: 0; padding: 0 }
    .social-icons li, .courses-info .social-icons li { float: left; margin: 0; padding: 0 }
.courses-info .social-icons li { line-height: 22px }
.courses-info .social-icons { padding-bottom: 50px }
.social-icons li i { color: #fff; font-size: 14px }
.social-icons li a {
    background: #bfc6d0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    vertical-align: middle;
    margin: 0 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
    .social-icons li a:hover { background: #263238 }
.howitworks { padding: 90px 0; background: #e4e8ee; margin-bottom: 145px }
.work-steps .steps { padding: 20px 30px; position: relative; background: #e91e63; color: #fff; margin: 40px 0 50px }
    .work-steps .steps i { color: #000; font-size: 60px; position: absolute; right: 5%; bottom: 10%; opacity: .3 }
.work-steps .col-sm-4:nth-child(2) .steps { background: #03a9f4 }
.work-steps .col-sm-4:nth-child(3) .steps { background: #673ab7 }
.work-steps .steps h3 { color: #fff }
.action { clear: both }
    .action span { padding: 10px 30px; font: 700 30px Roboto,Arial,Tahoma; color: #262c38; top: 10px; position: relative }
.plan { background: #f1f5f6; text-align: center; padding-bottom: 50px; margin-bottom: 150px }
.plan-info { color: #fff; padding-bottom: 15px; margin-bottom: 30px }
    .plan-info h3 { padding-top: 10px; padding-bottom: 10px; font-size: 18px; color: #fff }
    .plan-info .plan-price { font: 30px Roboto,Arial,Tahoma }
        .plan-info .plan-price span { font-size: 100px }
        .plan-info .plan-price small { font-size: 60px }
.plan ul { list-style: none; text-align: left; padding-left: 15%; padding-right: 15% }
    .plan ul li i { margin-right: 10px }
.plan-btn { padding-left: 35px; padding-right: 35px }
    .plan-btn:hover { border: 1px solid #657184 }
.first-plan .plan-info { background: #e84f83 }
    .first-plan .plan-info h3 { background: #e91e63 }
.second-plan .plan-info { background: #03a9f4 }
    .second-plan .plan-info h3 { background: #53bae8 }
.third-plan .plan-info { background: #4caf50 }
    .third-plan .plan-info h3 { background: #51ca56 }
#main .first-plan .plan-btn { color: #e91e63; border: 1px solid #e91e63 }
    #main .first-plan .plan-btn:hover { color: #fff; background: #e91e63 }
#main .second-plan .plan-btn { color: #53bae8; border: 1px solid #53bae8 }
    #main .second-plan .plan-btn:hover { color: #fff; background: #53bae8 }
#main .third-plan .plan-btn { color: #4caf50; border: 1px solid #4caf50 }
    #main .third-plan .plan-btn:hover { color: #fff; background: #4caf50 }
.faq-section h4::first-letter { margin-right: 10px }
.faq-section .col-sm-6 p { padding-left: 30px }
.clist { border: 1px solid #e4e8ee; border-top: none; margin-bottom: 30px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
.course-thumbnail figure { width: 370px; height: 270px; overflow: hidden }
#products .video_player figure, .img-thumb .video_player figure { width: 370px }
    #products .video_player figure embed, .img-thumb .video_player figure embed, #products .video_player figure iframe, .img-thumb .video_player figure iframe, #products .video_player figure object, .img-thumb .video_player figure object { width: 100%; height: 270px; margin-bottom: 0 }
.course a.img-thumb { position: relative }
    .course a.img-thumb span { position: absolute; left: 0; top: 0; z-index: 999; padding: 5px 8px; background: #fe5722; font: 12px Roboto,Arial,Tahoma; text-transform: uppercase; color: #fff }
.courses.grid-group-item .course_space2 p { margin-bottom: 5px }
.course-dash { min-height: 545px }
.courses.list-group-item { float: none; width: 96%; padding: 0; margin-left: 15px; border: none; background: 0 0 }
    .courses.list-group-item .clist { min-height: inherit; border: 1px solid #e4e8ee; display: table; width: 100% }
    .courses.list-group-item .img-thumb { float: left }
    .courses.list-group-item .course-thumbnail figure { height: auto; overflow: inherit }
    .courses.list-group-item .video_player figure { height: auto }
        .courses.list-group-item .video_player figure embed, .courses.list-group-item .video_player figure iframe, .courses.list-group-item .video_player figure object { height: 270px !important; margin-bottom: -10px !important }
    .courses.list-group-item .course_space { float: right; width: 50%; min-height: inherit; padding: 10px 20px 0 }
    .courses.list-group-item .course_space2 { width: 66% }
    .courses.list-group-item p.meta { line-height: normal; margin-bottom: 8px; line-height: 22px }
    .courses.list-group-item .course_rel { position: relative; float: right; left: 0; width: 44%; margin-right: 4%; clear: right }
    .courses.list-group-item .course h3 { padding-right: 43px }
    .courses.list-group-item:before, .courses.list-group-item:after { display: table; content: " " }
    .courses.list-group-item img { float: left }
    .courses.list-group-item:after { clear: both }
.three-column.grid-group-item p.desc { display: none }
.three-column.grid-group-item .price { padding: 9px 10px 9px 23px }
.three-column.grid-group-item .course { min-height: 405px; max-height: 450px }
.three-column.grid-group-item .course_space { min-height: 150px }
.three-column.list-group-item .course { min-height: inherit; max-height: inherit }
.three-column.list-group-item p.desc { display: block }
.three-column.list-group-item .course_space { width: 65%; min-height: inherit }
.three-column.list-group-item .course_rel { width: 58.5% }
#products .three-column.grid-group-item figure, #products .three-column.grid-group-item .video_player figure embed { height: 190px !important; width: 260px }
.dash-title { padding-left: 15px; margin-top: 40px; margin-bottom: 20px }
.dash-note { padding-left: 18px }
.sorting label { font: normal 15px Roboto,Arial,Tahoma; padding: 5px 10px 0 0 }
.sorting select { padding: 13px; width: 195px; background: #eff2f7; border: 1px solid #eff2f7; line-height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.well { background: 0 0; border: none; box-shadow: none }
    .well .btn-group { float: right }
        .well .btn-group a, .well .btn-group a.btn-default { padding: 12px 15px; background: #eff2f7; border: 1px solid #eff2f7; color: #99a6bb !important }
            .well .btn-group a:hover.btn-default, .well .btn-group a:focus.btn-default, .well .btn-group a:active.btn-default, .well .btn-group a.active { background: #0583e4; border: 1px solid #0583e4; color: #fff !important }
.with-sidebar.three-column.grid-group-item figure, .with-sidebar.three-column.grid-group-item #products .video_player figure { width: 260px !important; height: 190px }
.with-sidebar.three-column.grid-group-item .video_player figure embed, .with-sidebar.three-column.grid-group-item .video_player figure object, .with-sidebar.three-column.grid-group-item .video_player figure iframe { height: 190px !important }
.with-sidebar.three-column.grid-group-item p.desc { display: none }
.with-sidebar.three-column.grid-group-item .price { padding: 9px 10px 9px 23px }
.with-sidebar.three-column.grid-group-item .course { min-height: 405px; max-height: 450px }
.with-sidebar.three-column.list-group-item .course { min-height: inherit !important; max-height: inherit }
.with-sidebar.three-column.list-group-item p.desc { display: block }
.with-sidebar.three-column.list-group-item .course_space { width: 65% }
.with-sidebar.three-column.list-group-item .course_rel { width: 58.5% }
.without-sidebar.three-column.list-group-item .course_space { width: 63% }
.without-sidebar.three-column.list-group-item .course_rel { width: 57% }
#secondary.col-sm-3 .widget_events li img, #secondary.col-sm-3 .recent_posts_widget img, #secondary.col-sm-3 .widget_courses img, #secondary.col-sm-3 .widget_courses li iframe { width: 70px }
.pagination {
    clear: both;
    display: reverse;
    width: 98.5%;
    text-align: right
}
#navigation-pagination.navigation { float: right }
    #navigation-pagination.navigation li { display: inline; list-style: none }
        .pagination a.page-numbers, #navigation-pagination.navigation li.disabled, .pagination .page-numbers.dots { margin: 0 5px; background: #fff; border: 1px solid #e4e8ee; padding: 15px 20px; font: 14px Roboto,Arial,Tahoma; color: #99a6bb }
        #navigation-pagination.navigation li a, #navigation-pagination.navigation li a:hover, #navigation-pagination.navigation li.active a, #navigation-pagination.navigation li a:hover, #navigation-pagination.navigation li.active a, .pagination .current, .pagination span.dots, .pagination a:hover.page-numbers { margin: 0 5px; background: #ff5722; color: #fff; padding: 15px 20px; border: 1px solid #ff5722; font: 14px Roboto,Arial,Tahoma }
.btns .btn::after { content: "\e87a"; font-family: linearicons-free; margin-left: 10px; position: relative; top: 2px }
.btns .btn { float: left }
a.fav { background: #99a6bb; padding: 9px 20px; color: #fff; float: right; font-size: 18px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
a:hover.fav { background: #fe5722 }
    a:hover.fav i { color: #fff }
a.fav span { position: absolute; right: -11px; top: -8px; padding: 1px 9px; background: #fe5722; line-height: inherit; font-size: 13px; font-weight: 700; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; border: 2px solid #fff }
a:hover.fav span { display: block; color: #fff }
a.fav-load { padding: 9px 17px }
#secondary .cp_course_categories ul { border: none; padding: 0 }
    #secondary .cp_course_categories ul li { color: #0583e4 }
#secondary .widget_courses ul, #secondary .widget_events ul, #secondary .recent_posts_widget ul { padding: 15px 0 0; list-style: none }
#secondary .widget_courses li, #secondary .widget_events li, #secondary .recent_posts_widget li { padding: 30px; padding-bottom: 20px; font: 14px Roboto,Arial,Tahoma; border-bottom: 1px solid #e8ebf1; width: 100% }
.widget_events li img, .recent_posts_widget img, .widget_courses img, .widget_courses li iframe { float: left; width: 100px }
.widget_courses iframe { height: 90px }
.footer-widget .widget_courses img, .footer-widget .widget_courses li iframe { width: 100px }
.footer-widget .widget_courses .simi-co { width: 55% }
#secondary .widget_courses ul li:last-child, #secondary .widget_events ul li:last-child, #secondary .recent_posts_widget ul li:last-child { padding-bottom: 20px }
.widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { float: right; width: 65% }
.widget_courses li h5, .widget_events li h5, .recent_posts_widget li h5 { margin: 0; padding: 0 0 5px; font-size: 14px }
#secondary .widget_courses li p, #secondary .widget_events li p, #secondary .recent_posts_widget li p { margin: 0; padding: 0 }
    #secondary .widget_courses li p.meta, #secondary .widget_events li p.meta, #secondary .recent_posts_widget li p.meta { margin-bottom: 5px; font: 14px Open Sans,sans-serif }
.widget_courses li span.simi-price { font: 16px Roboto,Arial,Tahoma; color: #4caf50; float: left; padding-right: 10px }
.footer-widget .widget_courses li span.simi-price { font-size: 14px }
.teachers { margin-bottom: 70px; min-height: 300px }
    .teachers h4 { padding: 0; margin: 0 }
.teachers-in .remove_space { padding: 0 10px 0 0 }
.teachers-in .teacher { min-height: 325px }
.teachers-in p.author-name { margin-bottom: 1em }
.teachers-in p.email { word-wrap: break-word; line-height: 20px }
.teachers-in a { color: #262c38 }
    .teachers-in a:hover { color: #ff5722 }
.teachers-in .phone { padding-bottom: 8px; border-bottom: 1px solid #e4e8ee }
    .teachers-in .phone i { margin-right: 5px }
.teachers-in a.more { color: #ff5722 }
.teachers-in a:hover.more { color: #263238 }
.teachers-in .teacher-img { margin-bottom: 10px; display: block }
.teachers-in p { clear: both }
#main .gallery { margin: 0; padding: 0; list-style: none }
    #main .gallery li { margin-bottom: 30px }
.page-template-tpl-gallery #main { overflow: hidden; min-height: 700px }
.gallery-category { padding: 20px 0 }
    .gallery-category .btn-gallery { color: #99a6bb; border: 1px solid #e4e8ee; background: #fff; padding: 15px 20px; margin-right: 5px; margin-bottom: 10px; text-transform: uppercase; font-size: 14px }
        .gallery-category .btn-gallery:hover { color: #ff5722; background: #fff; border: 1px solid #ff5722 }
    .gallery-category .btn-current { color: #ff5722; background: #fff; border: 1px solid #ff5722 }
.events { min-height: 350px; margin-bottom: 50px }
    .events img{ width: 100%; height: 207px;}
    .events .entry-meta {
        color: #99a6bb
    }
        .events .entry-meta p { padding-left: 0 }
        .events .meta strong, .events .entry-meta strong { color: #262c38 }
    .events small { padding: 0 5px; font-size: 16px; position: relative; top: -3px }
    .events .entry-meta .social-icons { float: right }
.social-icons li.i_fb a { background: #3b579d }
.social-icons li.i_twit a { background: #2caae1 }
.social-icons li.i_linkin a { background: #007bb6 }
.social-icons li.i_gplus a { background: #dd4d40 }
    .social-icons li.i_fb a:hover, .social-icons li.i_twit a:hover, .social-icons li.i_linkin a:hover, .social-icons li.i_gplus a:hover { opacity: .6; filter: alpha(opacity=60) }
.event-countdown { background: #f0f3f6; padding: 20px }
    .event-countdown .col { width: 24%; float: left; padding-right: 10px }
        .event-countdown .col strong { display: block; font: 22px Roboto,Arial,Tahoma; color: #0583e4 }
        .event-countdown .col span { font-weight: 700 }
#map-canvas { width: 100%; height: 370px }
.event-countdown .btn { float: right }
#primary article header.entry-header { border: none; margin: 0; padding: 0 }
.posted-on small, .byline small, .cat-links small, .tags-links small, .tags-links small, .comments-link small, .edit-link small { padding: 0 8px; font-size: 16px; position: relative; top: -3px }
#post-slider { margin-bottom: 0 }
    #post-slider .item { min-height: 330px }
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 40px }
    .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.post .embed-responsive { height: 420px; border-bottom: 1px solid #e5e5e5; padding-bottom: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative }
.sticky .embed-audio { height: 120px }
.sticky .embed-audio, .sticky .embed-responsive { overflow: inherit }
.post .embed-responsive .embed-responsive-item, .post .embed-responsive iframe, .post .embed-responsive embed, .post .embed-responsive object, .embed-responsive video { height: inherit }
.post .post-thumb { position: relative; display: block }
    .post .post-thumb img { width: 100%; height: auto }
.sticky { background: #fcfbe9 }
    .sticky .entry-header { padding-top: 5px }
    .sticky .entry-header, .sticky .entry-content, .sticky .entry-footer { margin-left: 20px; margin-right: 20px }
#main .sticky a.read-more { margin-left: 20px; margin-bottom: 20px }
.sticky-tag { position: absolute; right: -8px; top: 20px; padding: 9px 15px; font: 700 16px Roboto,Arial,Tahoma; color: #fff; background: #4caf50; z-index: 9 }
    .sticky-tag i { font: 15px glyphicons halflings; color: #fff }
    .sticky-tag small { width: 16px; height: 40px; background: url(../images/sticky_l.png) no-repeat left top; position: absolute; right: 44px; top: 0 }
    .sticky-tag span { position: absolute; right: 0; top: -8px; width: 8px; height: 8px; background: url(../images/price_tag_r.png) no-repeat right top }
.single-post .sticky-tag { right: 7px }
article blockquote.post-quote { margin: 0; padding: 30px; font: 21px Open Sans,sans-serif; font-style: italic; font-weight: 400; border: none; background: #262c38; color: #fff; position: relative }
    article blockquote.post-quote i { font-size: 50px; color: #ff5722 }
    article blockquote.post-quote .sticky-tag i { font-size: 15px; color: #fff }
    article blockquote.post-quote footer { font: 700 16px Roboto,Arial,Tahoma; color: #fff }
.entry-footer { padding-top: 15px; padding-bottom: 25px }
    .entry-footer, .entry-footer a, .entry-meta, .entry-meta a { color: #262c38 }
        .entry-footer a:hover, .entry-meta a:hover { color: #ff5722 }
#main .post a.read-more { padding: 15px 15px 15px 20px; border: 1px solid #e4e8ee; color: #99a6bb }
#main a:hover.read-more { border: 1px solid #ff8365; color: #ff5722 }
.post-navigation { padding: 40px 0 }
.related-posts { padding-bottom: 70px }
    .related-posts .col-sm-6, .related-posts .col-sm-4 { padding: 30px 15px 0 0 }
        .related-posts .col-sm-6:nth-child(3) { padding-right: 0; float: right }
    .related-posts .meta a { color: #262c38 }
        .related-posts .meta a:hover { color: #ff5722 }
.about-author { background: #f4f6fa; padding: 30px 10px; clear: both; margin-bottom: 60px }
    .about-author h3 { margin-top: 0; font: 21px Open Sans,sans-serif }
        .about-author h3 span { font-size: 12px; color: #ff5722 }
    .about-author p { clear: both }
#commentform p label { width: 13%; font: 14px Roboto,Arial,Tahoma; float: left; font-weight: 400 }
    #commentform p label .required { display: none }
#commentform textarea { width: auto }
#commentform p.form-submit #submit { margin-left: 13% }
#comments .author-photo { margin-top: 20px; overflow: hidden; float: left }
    #comments .author-photo img { width: 68px; height: 68px }
#comments-title { font-size: 18px; padding: 13px 0; margin: 0; border-bottom: 1px solid }
    #comments-title:before { font-family: fontawesome; content: "\f086"; margin-right: 7px; font-size: 24px }
.commentlist { overflow: hidden; padding: 0 0 25px; margin: 0 0 50px; border-bottom: 1px solid }
#main #comments .commentlist ul, #main #comments .commentlist ol { list-style: none; margin: 0 0 50px -15px; padding: 0 !important }
.comment-list { margin-left: -15px }
#main .comment-list li { margin-bottom: 0; margin-top: -1px }
    #main .comment-list li ul li:last-child { border-bottom: none; margin: 0 }
    #main .comment-list li.even { background: #fff }
    #main .comment-list li.odd { background: #fbfbfd }
#comments { padding-bottom: 40px }
    #comments .comment { display: block; border: 1px solid #e4e8ee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
#main .comment-list li ul.children li { border-right: none; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px }
#comments .comment-body { overflow: hidden; padding-left: 25px }
#comments .comment-wrapper { display: table; padding: 20px 0 0 20px; width: 88% }
#comments .depth-2 article, #comments .depth-3 article, #comments .depth-4 article, #comments .depth-5 article { padding-left: 20px; padding-right: 20px }
#main .comment-list li.pingback { padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #eee }
#comments .pingback { list-style: none; border-bottom: 1px solid; padding: 10px 10px 10px 0 }
    #comments .pingback p { margin: 0 }
#comments .comment-meta { margin-bottom: 10px }
#comments .comment-author, #comments .comment-metadata { display: inline; color: #262c38; font-size: 12px }
#comments .comment-metadata { padding-bottom: 15px; display: table; width: 100% }
    #comments .comment-metadata small { padding: 0 8px; font-size: 16px; position: relative; top: -3px }
#comments .fn { display: inline; font-size: 15px; font-weight: 400 }
#comments time { font-size: 13px; margin-left: 4px }
.bypostauthor .comment-wrapper { border-top-width: 3px; border-bottom-width: 3px }
#comments .reply .btn-default { margin-bottom: 20px; color: #99a6bb !important; border: 1px solid #e4e8ee; background: #fff; text-transform: uppercase; font-size: 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
    #comments .reply .btn-default:hover { color: #ff5722 !important; background: #fff; border: 1px solid #ff5722 }
    #comments .reply .btn-default:focus { color: #99a6bb !important }
#comments .btn-default { padding: 10px 25px; font-size: 15px; background: #03a9f4; border: 1px solid #03a9f4; color: #fff !important }
    #comments .btn-default:hover { background: #4caf50; border: 1px solid #4caf50 }
#respond { padding-top: 30px }
.comment-notes { display: none }
#comments .comment-list li #respond { padding: 20px }
#commentform { padding-top: 30px }
    #commentform input[type=text], #commentform input[type=email], #commentform input[type=url], #commentform textarea { padding: 8px 10px; border: 1px solid #e4e8ee; width: 60%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
        #commentform input[type=text]:focus, #commentform input[type=email]:focus, #commentform input[type=url]:focus, #commentform textarea:focus { border: 1px solid #d5d8dd }
    #commentform textarea { width: 70%; text-align: left }
.page-template-tpl-contact h3, .map-location { margin-bottom: 30px }
.contact-info .address i, .contact-info .phone i, .contact-info .email i { font-size: 18px; color: #ff5722; margin: 0 10px; position: relative; top: 3px }
.contact-info .col-sm-6 { padding-left: 0 }
.contact-info .address i { float: left; min-height: 100px }
.contact-info ul { margin-left: 10px }
.contactform input[type=text], .contactform input[type=email] { padding: 5px 10px; border: 1px solid #c7ced9 }
.contactform textarea { height: 150px; border: 1px solid #c7ced9 }
.contactform p { margin-bottom: 18px }
.contactform label.error { clear: both; color: #c00; display: block; font-size: 11px; font-weight: 400; width: 100% }
.have-question { background: #edf1f7; padding: 20px; margin-top: 65px }
.map-location { padding-top: 30px }
#success, #error { display: none }
#mapBox { width: 100%; height: 350px }
.video_player embed, .video_player iframe, .video_player object, .video_player video { width: 100%; max-width: 100%; margin-bottom: 0; overflow: hidden; display: block }
.breadcrumb-detail-page { min-height: 60px; /*background: #f7f8fb */ }
.breadcrumb-in { background: 0 0 }
.breadcrumb-detail-page p { padding: 20px 0 20px 20px; font: 11px Roboto,Arial,Tahoma; color: #657184; text-transform: uppercase; margin-bottom: 0; }
.breadcrumb-in p { padding-left: 0 }
.breadcrumb-detail-page p i { padding: 0 10px }
.breadcrumb-detail-page p a { color: #99a4b3 }
    .breadcrumb-detail-page p a:hover { color: #657184 }
.divider { display: none }
.co-detail-page { background: #f7f8fb; padding-top: 0 }
    .co-detail-page .courses-info { background: #fff; padding: 10px 40px 5px }
    .co-detail-page .excerpt { padding-bottom: 10px; margin-bottom: 10px; background: url(../images/border_bottom.png) no-repeat left bottom }
    .co-detail-page .meta { margin-bottom: 0 }
        .co-detail-page .meta a { color: #0583e4 }
            .co-detail-page .meta a:hover { color: #fe5722 }
    .co-detail-page h1 { font-size: 24px }
.courses-info h3 { font-size: 16px; padding-bottom: 10px; background: url(../images/border_bottom.png) no-repeat left bottom }
.courses-info h4 { font-size: 15px; font-weight: 400 }
.courses-info ul { padding-left: 0 }
    .courses-info ul li { list-style: none; padding-left: 15px; background: url(../images/bullet_orange.png) no-repeat 3px 12px }
.single-course .nav-tabs > li.active > a, .single-course .nav-tabs > li.active > a:focus, .single-course .nav-tabs > li.active > a:hover { border: none; background: #fff; outline: none }
.single-course .tab-content { border: none }
.single-course #main .nav-tabs li { font: 14px Roboto,Arial,Tahoma }
.single-course .nav-tabs { border-bottom: none }
    .single-course .nav-tabs > li > a { background: #bfc6d0; border: none }
#main .co-join-info li { list-style: none; background: 0 0; padding-left: 0 }
#main .units-archive-list li { width: 100%; clear: both }
.progress { height: 70px; margin-bottom: 20px; overflow: hidden; float: right; position: relative; background-color: #e4e8ee; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; width: 70px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px }
.topcircle { width: 60px; height: 60px; position: absolute; left: 5px; top: 5px; font: 700 15px Roboto,Arial,Tahoma; text-align: center; vertical-align: middle; color: #fe5722; line-height: 55px; background: #fff; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px }
.unit-archive-single .progress-bar { float: right; background: #fe5722 }
.co-join-info .btn { padding: 15px 60px }
.co-join-info .co-price { font: 14px Roboto,Arial,Tahoma; color: #99a4b3 }
    .co-join-info .co-price span { font-size: 22px; color: #4caf50 }
.co-join-info .course_rat { padding: 20px 0; clear: both; display: inline-block; width: 100% }
.co-join-info ul { padding-left: 0; margin-bottom: 40px; list-style: none; clear: both }
.co-join-info li { padding: 20px 0; font: 14px Roboto,Arial,Tahoma; color: #ff5722; border-bottom: 1px solid #e8ebf1; width: 100% }
    .co-join-info li span { color: #262c38; width: 100px; display: block; float: left }
    .co-join-info li:last-child { border-bottom: none }
.courses-info .courses-instructor li { list-style: none; background: 0 0; padding: 0 }
    .courses-info .courses-instructor li a { width: auto; height: auto; background: 0 0; padding: 0; margin-right: 8px }
        .courses-info .courses-instructor li a i { font-size: 18px; color: #99a4b3 }
        .courses-info .courses-instructor li a:hover i { color: #fe5722 }
.courses-instructor h3 { margin-bottom: 40px }
    .courses-instructor h3.inst-name { margin: 12px 0 0; padding: 0; font-weight: 400; font-size: 14px; background: 0 0 }
.courses-instructor p.meta { font-size: 13px; color: #262c38 }
.courses-instructor h3.inst-name a { color: #0583e4 }
    .courses-instructor h3.inst-name a:hover { color: #fe5722 }
.courses-instructor .col-sm-2 { margin-left: -15px; padding-right: 0 }
    .courses-instructor .col-sm-2 img { width: 120px; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px }
.courses-instructor .col-sm-9 { padding-bottom: 10px }
.about-instr { clear: both; width: 100% }
.instructor-single { margin-bottom: 30px; border-bottom: 1px solid #e4e8ee; margin-left: inherit; margin-right: inherit }
.courses-instructor .instructor-single:last-child { border-bottom: none }
a.button_submit { font: 15px Roboto,Arial,Tahoma; float: right; color: #fff !important; background: #0583e4; padding: 10px 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
a:hover.button_submit { color: #fff; background: #ff5722 }
.rr_review_form table.form_table, .rr_review_form table.form_table td { border: none }
.courses-review { padding-bottom: 30px; border-bottom: 1px solid #e4e8ee }
    .courses-review p { margin: 0 0 5px }
        .courses-review p.total-rating { font: 36px Montserrat; color: #fe5722 }
.stars-rating { display: table; width: 100%; clear: both }
    .stars-rating span { float: left; line-height: normal }
    .stars-rating .progress { width: 100px; height: 8px; float: left; margin: 7px 10px; background: #e4e8ee; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px }
        .stars-rating .progress.active .progress-bar, .stars-rating .progress-bar.active { background: #fe5722 }
    .stars-rating .progress-bar { float: left }
#main .courses-curriculum ul { margin: 0; padding: 5px 0 20px; clear: both }
    #main .courses-curriculum ul li { margin: -1px 0 0; list-style: none; background: #fff; padding: 8px 10px 7px; border: 1px solid #e4e8ee; font-family: Roboto,Arial,Tahoma; display: table; width: 100% }
        #main .courses-curriculum ul li a i { color: #838fa1 }
        #main .courses-curriculum ul li a:hover i { color: #262c38 }
        #main .courses-curriculum ul li.courses-close { background: #f7f8fb }
.courses-curriculum ul li .no { font-size: 14px; float: left; padding-right: 10px; color: #262c38 }
#main .courses-curriculum ul li .ctitle { margin: 0; padding: 0; font-size: 14px; float: left; color: #262c38; width: 64% }
.courses-curriculum ul li .title i { padding: 0 5px; font-size: 16px; color: #838fa1 }
.courses-curriculum ul li .ctitle .fa-angle-down { margin: 0 10px 0 15px }
.courses-curriculum ul li .type { color: #0583e4; font-size: 10px; padding-left: 10px; text-transform: uppercase }
.courses-curriculum ul li .free { color: #32cc47 }
.courses-curriculum ul li .exam { color: #fe5722 }
.courses-curriculum ul li .preview { font-size: 10px; text-transform: uppercase; background: #99a6bb; padding: 3px 5px; color: #fff; border-radius: 3px }
.courses-curriculum ul li .info { float: right; font-size: 11px; padding: 5px 0 }
#main .courses-curriculum ul li p.other { margin: 0; padding: 0; float: right; width: 23% }
.courses-curriculum ul li .time { float: left; font-size: 11px; padding: 5px 0; float: left }
    .courses-curriculum ul li .info i, .courses-curriculum ul li .time i { font-size: 16px }
.courses-curriculum ul li .desc { clear: both }
#main .courses-curriculum ul li .desc p { font: 14px Open Sans,sans-serif; margin-bottom: 8px; font-weight: 300 }
    #main .courses-curriculum ul li .desc p a { color: #fe5722 }
        #main .courses-curriculum ul li .desc p a:hover { color: #262c38 }
#main .review-list { margin: 0; padding: 30px 0; list-style: none }
    #main .review-list li { margin: 0 0 20px; padding: 0; list-style: none; background: 0 0; border-bottom: 1px solid #eee }
.review-list li .avatar { float: left; border-radius: 55px }
.review-list li .review-right { float: right; width: 89%; padding-top: 20px }
    .review-list li .review-right .author-name { float: left; font-weight: 700; padding-top: 5px; color: #0583e4 }
    .review-list li .review-right .time { display: inline-block; margin-top: 5px; float: right }
.review-list li .review-des { clear: both; display: table; width: 100%; padding: 10px 0 0 }
    .review-list li .review-des p:first-child { color: #262c38; margin-bottom: 0; font-weight: 700 }
.review-list li .review-right .course_rating { float: right; margin-left: 15px }
.add-review { clear: both; padding-bottom: 40px }
.review_form .form_row { width: 100%; display: table; margin-bottom: 15px }
    .review_form .form_row label { text-align: left; font-size: 14px; color: #262c38; font-weight: 400 }
    .review_form .form_row input { width: 100% }
.btns .btn::after { content: "\e87a"; font-family: linearicons-free; margin-left: 10px; position: relative; top: 2px }
.btns .btn { float: left }
a.fav { background: #99a6bb; padding: 9px 20px; color: #fff; float: right; font-size: 18px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
a:hover.fav { background: #fe5722 }
    a:hover.fav i { color: #fff }
a.fav span { position: absolute; right: -11px; top: -8px; padding: 1px 9px; background: #fe5722; line-height: inherit; font-size: 13px; font-weight: 700; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; border: 2px solid #fff }
a:hover.fav span { display: block; color: #fff }
a.fav-load { padding: 9px 17px }
.error404 h4 { color: #657184; line-height: 30px; margin-bottom: 40px }
.font-large { font: 700 300px Roboto,Arial,Tahoma; color: #262c38; position: relative }
    .font-large strong { padding: 8px 21px; font-size: 14px; text-transform: uppercase; position: absolute; top: 47%; left: 30.3%; background: #0583e4; color: #fff }
.page-header { border-bottom: none }
    .page-header h1 { text-align: center; padding-bottom: 20px; background: url(../images/border_bottom.png) no-repeat center bottom }
.panel-heading, .panel-group .panel { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
#main .nav-tabs { margin: 0; padding: 0 }
    #main .nav-tabs li { margin-bottom: -1px; font-weight: 700; font-size: 18px }
.nav-tabs > li > a { margin-right: 7px; padding: 10px 20px; color: #262c38; background: #efefef; border: 1px solid #c7ced9; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
    .nav-tabs > li > a:hover { background: #fff }
#main a.btn { color: #fff }
.tab-content { border: 1px solid #ddd; border-top: none; padding: 0; margin: 0 }
    .tab-content .tab-pane h2 { margin-top: 0; padding-top: 20px }
    .tab-content .tab-pane { padding: 20px }
#register-form { width: 450px }
#login-form, #register-form { overflow: hidden }
.fancybox-skin { border-radius: 10px }
#login-form h3, #register-form h3 { font-size: 30px; text-align: center; text-transform: uppercase }
#login-form p, #register-form p { text-align: center }
#login-form a, #register-form a { text-decoration: underline }
#login-form input[type=text], #register-form input[type=text] { width: 97%; padding: 10px 30px; background: #eff4f8; margin-top: -1px }
#login-form input[type=button], #register-form input[type=button] { width: 88%; text-transform: uppercase; padding: 18px }
.my-account .fancybox-close { background: 0 0; color: #7e8898 }
    .my-account .fancybox-close:hover { background: 0 0; color: #ff5722 }
.remeber, .new-login { padding: 20px 45px }
#login-form .remeber label { float: left; font-weight: 300 }
.remeber a { float: right }
.button { padding-bottom: 20px }
.login-form, .register-form, .edit-form { border: 1px solid #e5e5e5; float: none; margin: 0 auto; padding-bottom: 15px }
    .login-form label { width: 100%; display: block }
    .login-form p, .register-form p { margin-bottom: 8px }
.form input[type=text], .form input[type=email], .form input[type=url], .form input[type=password] { width: 100% }
.register-form label { display: block; float: left; margin-right: 2%; width: 48% }
.register-form .btn { margin-right: 20px }
.edit-profile .btn { margin-top: 10px }
.shopping-table { margin-bottom: 70px; border: 1px solid #c7ced9; border-collapse: inherit }
    .shopping-table.table > thead > tr > th { padding: 20px 35px; border: none }
    .shopping-table.table > thead > tr > th { border: none; font-size: 18px }
    .shopping-table tr td { padding: 40px 35px !important; border: none; font-size: 16px; font-weight: 700 }
        .shopping-table tr td:nth-child(1) { text-align: center }
            .shopping-table tr td:nth-child(1) a { color: #ff5722 }
                .shopping-table tr td:nth-child(1) a:hover { color: #0583e4 }
        .shopping-table tr th:nth-child(6), .shopping-table tr td:nth-child(6) { text-align: right }
        .shopping-table tr td .form-control { width: 80px; text-align: center; border-radius: 0 }
    .shopping-table tr { border: none }
        .shopping-table tr:last-child td:nth-child(1) input[type=text] { width: 200px }
        .shopping-table tr:last-child td:nth-child(1) .btn-default { background: #fff; border: 1px solid #03a9f4; border-radius: 30px; color: #03a9f4 }
            .shopping-table tr:last-child td:nth-child(1) .btn-default:hover { background: #fff; border: 1px solid #ff5722; color: #ff5722 }
        .shopping-table tr:last-child td:nth-child(2) { }
            .shopping-table tr:last-child td:nth-child(2) .btn-blue { background: #fff; border: 1px solid #03a9f4; border-radius: 30px; color: #03a9f4 }
                .shopping-table tr:last-child td:nth-child(2) .btn-blue:hover { background: #fff; border: 1px solid #ff5722; color: #ff5722 }
.cart-total h3 { font-size: 30px; padding-bottom: 20px; margin-bottom: 30px; background: url(../images/border_bottom.png) no-repeat left bottom }
.cart-total ul { margin: 0; padding: 0; list-style: none }
    .cart-total ul li { padding: 12px 0; border: 1px solid #c7ced9; border-bottom: none; font-size: 16px; color: #657184; width: 100%; display: table }
        .cart-total ul li label { float: left; padding-left: 20px }
        .cart-total ul li span { float: right; padding-right: 20px }
        .cart-total ul li:last-child { border-bottom: 1px solid #c7ced9 }
.calculate-shipping select { font-size: 16px; padding: 10px 15px; margin-bottom: 20px; width: 100%; border: 1px solid #c7ced9 }
.checkout-form h3 { font-size: 30px; padding-bottom: 20px; margin-bottom: 30px; background: url(../images/border_bottom.png) no-repeat left bottom }
.checkout-form .row { margin-bottom: 10px }
    .checkout-form .row label { width: 100% }
    .checkout-form .row input[type=text] { width: 100%; margin-bottom: 10px }
    .checkout-form .row.checkboxs label, .checkout-form .row .option label { width: auto }
    .checkout-form .row input[type=checkbox] { float: left; margin-right: 15px }
    .checkout-form .row .option article { background: #f4f4f4; padding: 15px; border-radius: 5px; margin-bottom: 10px }
.widget_courses img { float: left }
.widget_courses .simi-co { float: right; width: 66% }
.footer-widget .menu li { width: 50%; float: left }

@media(max-width:1024px) {
    .site-branding { width: 29% }
    .home-one .navbar-default .navbar-nav > li > a { padding: 8px 6px !important; font-size: 14px !important; }
    .home-third-header { height: 700px }
        .home-third-header .site-branding { width: 100% }
    .navbar { float: none }
        .navbar ul { margin-top: 0 }
    .flexslider .slides li { min-height: auto; }
    .slides > li .slide-caption { width: 50% }
    .slides > li h2 { font-size: 40px }
    .slides > li .slide-caption .btn-medium { padding: 10px 15px }
    .home-two-slider .slides > li .slide-caption { padding-top: 5%; width: 70% }
    .search-form .form-inline .input-group > .form-control { width: 84% }
    .home-third-header .search-form .form-inline .input-group > .form-control { width: 82% }
    .courses.list-group-item figure { width: 300px }
    .course { min-height: inherit; max-height: inherit }
    .courses.list-group-item .course_space { min-height: inherit }
    .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { height: 160px; width: 212px }
    .co-join-info .btn { padding: 15px 30px }
    .review-list li .review-right { width: 84% }
    .sign-form .form-control { width: 69% }
    .footer-widget .widget_courses img, .footer-widget .widget_courses li iframe, .widget_events li img, .recent_posts_widget img, .widget_courses img, .widget_courses li iframe { width: 75px }
}

@media(max-width:980px) {
    .navbar-nav > li > a { padding: 10px 13px; margin-right: 0 }
    .home-third-header { height: 600px }
        .home-third-header .brand { margin-top: 50px }
    .browse-by-category .by_cat { min-height: inherit; display: table; width: 100%; padding-top: 0; border: none; border-bottom: 1px solid #dee3ec }
    .browse-by-category .by_cat { }
    .search-form .form-inline .input-group > .form-control { width: 80% }
    .home-third-header .search-form .form-inline .input-group > .form-control { width: 75% }
    .course_rel { position: inherit; bottom: 0; left: 0; width: auto }
    .courses .course_rel { left: 25px }
    .home-two-pop-courses .course_rel { left: 30px }
    .course_rating i, .average-rating span i, .widget_courses li span.rating i { margin: -1px }
    .latest-news-updates div.col-sm-3 h3 { left: 20px }
    .latest-news-updates div.col-sm-3 .meta, .latest-news-updates div.col-sm-6 .meta { left: 20px; top: 260px }
    .latest-news-updates .articel-list div.col-sm-6:nth-child(3), .latest-news-updates .articel-list div.col-sm-3 { width: 100%; height: 300px; overflow: hidden }
        .latest-news-updates .articel-list div.col-sm-6:nth-child(3) img, .latest-news-updates .articel-list div.col-sm-3 img { width: 100% }
    .latest-news-updates-slider article figure { height: 155px }
    a.fav { float: left; text-align: center; margin-top: 20px }
    #main .courses-curriculum ul li .ctitle { width: 90% }
    #main .courses-curriculum ul li p.other { width: auto }
    .review-list li .review-right { width: 100%; clear: both; float: none }
        .review-list li .review-right .course_rating { width: 72px }
    .review_form .col-sm-6 { width: 100% }
    .teachers-in .remove_space { width: 100%; margin-bottom: 15px }
    .teachers { min-height: 575px }
    .teachers-in .remove_space img { width: 100% }
    .sign-form .form-control { width: 58% }
    .signup-newsletter p, .signup-newsletter h3 { width: 70% }
    .home-two-testimonials .col-sm-push-1 { left: 0 }
    .home-two-newsletter .sign-form .btn-orange { padding: 11px 30px }
    .instructor-week .remove_space { width: 100% }
    .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { width: 100%; padding-top: 20px }
    .contact-info .col-sm-6 { width: 100%; margin-bottom: 20px }
    .have-question { margin-top: 0 }
    #commentform p label { width: 100%; float: none }
    #commentform p.form-submit #submit { margin-left: 0 }
    .courses.list-group-item figure { width: 235px }
    .three-column.grid-group-item { width: 50% }
    .three-column.list-group-item { width: 95% }
        .three-column.list-group-item .course_space { width: 53% }
    .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { height: 185px; width: 250px }
    .three-column.grid-group-item .course_rel { width: 100%; padding: 0 20px; left: 0 }
    .three-column.list-group-item .course_rel { float: right; padding: 10px; width: 47% }
    #secondary .widget_search .search-course .search-field { width: 77% }
    #secondary .widget_search .course-submit { width: 100%; border-radius: 0; position: relative }
    .shopping-table tr:last-child td:nth-child(1) input[type=text], .shopping-table tr:last-child td:nth-child(2) .btn-blue { margin-bottom: 10px }
    .footer-widget .menu li { width: 100% }
    .footer-widget .widget_courses .simi-co { width: 100%; padding-top: 10px }
}

@media(max-width:800px) {
    .flexslider .slides li, .home-two-slider .slides li { min-height: 400px }
    .slides > li .slide-caption { width: 60% }
    .slides > li h2, .home-two-slider .slides > li .slide-caption h3 { font-size: 25px }
    .slides > li .slide-caption .btn-medium, .home-two-slider .slides > li .slide-caption .btn-medium { padding: 8px 12px }
}

@media(max-width:768px) {
    .course .img-thumb img { width: 100% }
    .latest-news-updates-space { margin-bottom: 30px }
    .latest-news-updates-slider article figure { height: inherit }
        .latest-news-updates-slider article figure img { width: 100% }
}

@media(max-width:667px) {
    .course .img-thumb img { width: 100% }
}

@media(max-width:640px) {
    .site-description { display: none }
    .site-branding { width: 45% }
    .flex-direction-nav { display: none }
    .navbar { margin-top: 25px; margin-bottom: 0 }
        .navbar ul, .navbar-nav { margin-top: 0 }
            .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar ul li a, .navbar ul li a:hover { border-radius: 0 }
            .navbar-nav > li > .dropdown-menu { padding: 0 }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { background: #fff; border-radius: 0 }
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background: #ff5722; border-radius: 0 }
    .home-two-nav .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background: #094db9; border-radius: 0 }
    .navbar li.pull-right { border: medium; margin: 0; width: 100% }
        .navbar li.pull-right a.menu-cart { border: 1px solid #e4e8ee; border-radius: 3px; display: block; position: relative; text-align: center }
            .navbar li.pull-right a.menu-cart span { right: 41% }
    .home-two-slider .slides > li .slide-caption p { margin: 10px 0 }
    .home-two-search .head { padding: 5px 10px; top: -60px; width: 128px; font-size: 12px }
    .home-third-header h2 { font-size: 25px }
    .home-third-header .courses-count .col-sm-7 { width: 100%; display: table }
    .latest-news-updates .articel-list div.col-sm-6 img { width: 100% }
    .latest-news-updates-space { margin-bottom: 20px; min-height: inherit }
    .latest-news-updates-slider article figure { height: inherit }
    .latest-news-updates-slider .img-thumb img { width: 100% }
    .courses-count .col-md-3 { display: table; width: 100% }
    .course { max-height: inherit; min-height: inherit }
    .course_space { min-height: inherit }
    .course .img-thumb img { width: 100% }
    .course_rel { width: 88%; padding-bottom: 20px }
        .course_rel .col-xs-12 { width: 100px; float: left }
            .course_rel .col-xs-12:nth-child(2) { float: right }
    .action span { top: 0; padding-bottom: 20px }
    .work-steps .steps { margin: 30px 0 }
    .meet-teachers .teacher { float: left; width: 30%; margin-bottom: 30px }
    .event-countdown .btn { margin-top: 20px; float: none; width: 100% }
    .well .btn-group { display: none }
    .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { width: 290px; height: 215px }
    a.fav { float: right; margin-top: 0 }
    .co-join-info { padding-top: 30px }
    .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { width: 83%; clear: inherit; padding-top: 0 }
    #commentform input[type=text], #commentform input[type=email], #commentform input[type=url], #commentform textarea { width: 100% }
    .courses.list-group-item figure { width: 300px }
    .course { min-height: inherit; max-height: inherit }
    .courses.list-group-item .course_space { min-height: inherit }
    .signup-newsletter p, .signup-newsletter h3 { width: 81% }
    .signup-newsletter .sign-form { padding: 10px 0 20px; display: table; width: 100% }
    .footer-widget { padding-top: 15px; padding-bottom: 15px }
        .footer-widget h6 { margin-bottom: 20px }
        .footer-widget .widget_courses .simi-co { width: 83% }
    .site-footer p.copy, .site-footer p.develop { margin: 0; padding: 5px 0; float: none; text-align: center }
}

@media(max-width:568px) {
    .search-form .form-inline .input-group > .form-control { width: 73% }
    .register-form label { width: 100% }
    .register-form .btn { margin-right: 0 }
}

@media(max-width:480px) {
    .site-branding { width: 60% }
    .navbar { margin-top: 20px }
    .flexslider .slides li { min-height: 300px }
    .slides > li .slide-caption { width: 70%; padding-top: 5% }
    .slides > li h2 { font-size: 15px }
    .slides > li .slide-caption .btn-medium { padding: 8px 12px }
    .search-form .form-inline .input-group > .form-control { width: 68% }
    .browse-by-category .head { left: 28% }
    .latest-news-updates .art-style1 img, .latest-news-updates .art-style2 img, .latest-news-updates .art-style3 img, .latest-news-updates .art-style4 img, .latest-news-updates .art-style5 img { height: 100%; width: 100% }
    .latest-news-updates .articel-list div.col-sm-6:nth-child(3), .latest-news-updates .articel-list div.col-sm-3 { height: auto }
    .latest-news-updates h3 { font-size: 18px; left: 20px }
    .latest-news-updates div.col-sm-3 .meta, .latest-news-updates div.col-sm-6 .meta { top: inherit }
    h2.text-center, .testimonials_outer h2, .upcoming-event h2, .instructor-week h2, .free-course-week h2 { font-size: 20px; margin-bottom: 20px }
    .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { width: 75% }
    .font-large { font-size: 100px }
        .font-large strong { position: relative; top: 0; left: 0; clear: both; display: block }
    #secondary .widget_search .course-submit { width: auto; position: absolute }
    .courses.list-group-item .clist { width: 97% }
    .courses.list-group-item figure { width: 220px }
    .three-column.grid-group-item { width: 100% }
        .three-column.grid-group-item .course { min-height: inherit; max-height: inherit; padding-bottom: 10px }
        .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { width: 450px; height: 335px }
        .three-column.grid-group-item .course_space { min-height: inherit }
    .meet-teachers .teacher { min-height: 280px }
    .event-countdown .col strong { font-size: 14px }
    .event-countdown .col span { font-size: 12px }
    .footer-widget .widget_courses .simi-co { width: 78%; padding-top: 0 }
    .pagination a.page-numbers, #navigation-pagination.navigation li.disabled, .pagination .page-numbers.dots {
        margin: 0 5px;
        background: #fff;
        border: 1px solid #e4e8ee;
        padding: 4px 6px;
        font: 15px Roboto,Arial,Tahoma;
        color: #99a6bb;
    }

    .pagination .current {
        padding: 4px 6px;
    }
}

@media(max-width:360px) {
    nav.meta-login { max-height: 36px; float: none }
        nav.meta-login ul li:first-child { font-size: 13px }
        nav.meta-login ul li { padding: 10px 6px }
    .navbar { margin-top: 15px }
    .home-third-header { height: 680px }
    .browse-by-category .head { left: 25% }
    .flexslider { margin-bottom: 20px }
        .flexslider .slides li { min-height: 200px }
        .flexslider .slides > li .slide-caption { width: 95%; padding-top: 4% }
    .slides > li h2 { font-size: 13px }
    .slides > li p { font-size: 12px; line-height: 14px }
    .slides > li .slide-caption .btn-medium { padding: 5px 10px }
    .search-form .form-inline .input-group > .form-control { border-radius: 3px; margin-bottom: 10px; width: 100% }
    .search-form .input-group-btn .btn { border-radius: 3px }
    .search-form .input-group-btn { clear: both; display: table; float: none }
    .cat_forth, .cat_fifth { width: 100% }
    .i-email-subscribe { padding: 10px 13px }
        .i-email-subscribe i { font-size: 30px }
    h2.text-center, .testimonials_outer h2, .upcoming-event h2, .instructor-week h2, .free-course-week h2 { font-size: 17px; margin-bottom: 20px }
    .home-two-testimonials .quote { background-size: 55% }
    .testimonial { font-size: 14px }
    .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { width: 65% }
    .meet-teachers .teacher { width: 100%; min-height: auto }
    .courses.list-group-item { width: 95% }
        .courses.list-group-item figure { width: inherit }
        .courses.list-group-item .course_space { width: 100% }
        .courses.list-group-item .course_rel { width: 90% }
    .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { width: 330px; height: 245px }
    .signup-newsletter p, .signup-newsletter h3 { width: 78% }
    .footer-widget .widget_courses .simi-co { padding-top: 0; width: 72% }
    .pagination a.page-numbers, #navigation-pagination.navigation li.disabled, .pagination .page-numbers.dots {
        margin: 0 5px;
        background: #fff;
        border: 1px solid #e4e8ee;
        padding: 4px 6px;
        font: 15px Roboto,Arial,Tahoma;
        color: #99a6bb;
    }

    .pagination .current {
        padding: 4px 6px;
    }
}

@media(max-width:320px) {
    .courses.list-group-item { width: 95% }
    .home-two-slider { margin-bottom: 0 }
    .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { width: 290px; height: 215px }
    .sign-form .form-control { width: 100%; margin-bottom: 10px }
    .sign-form .btn-orange { margin-left: 3px }
    .pagination a.page-numbers, #navigation-pagination.navigation li.disabled, .pagination .page-numbers.dots {
        margin: 0 5px;
        background: #fff;
        border: 1px solid #e4e8ee;
        padding: 4px 6px;
        font: 15px Roboto,Arial,Tahoma;
        color: #99a6bb;
    }

    .pagination .current {
        padding: 4px 6px;
    }
}

@media only screen and (max-width:732px) {
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block }
        #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px }
    #no-more-tables tr { border: 1px solid #ccc }
    #no-more-tables td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left }
        #no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: 700 }
    #no-more-tables td { color: #262c38 }
        #no-more-tables td:nth-child(1):before { content: "" }
        #no-more-tables td:nth-child(2):before { content: "Item"; padding-left: 25px }
        #no-more-tables td:nth-child(3):before { content: "Product"; padding-left: 25px }
        #no-more-tables td:nth-child(4):before { content: "Price"; padding-left: 25px }
        #no-more-tables td:nth-child(5):before { content: "Quantity"; padding-left: 25px }
        #no-more-tables td:nth-child(6):before { content: "total"; padding-left: 25px }
        #no-more-tables td:last-child.text-right:before { content: "" }
}
.img-chinh{
    height:500px;
}
.img-chinh img{
    height: 100% !important;
    width: auto !important;
    margin: auto;
    
}
.img-left-top{
    height:215px;
}
    .img-left-top img {
        height: 100% !important;
        width: auto !important;
        margin: auto;
    }
.img-left-top .top-right{}
.img-left-top .top-left {
    }
.img-left-bottom {
    height: 215px;
}
    .img-left-bottom img {
        height: 100% !important;
        width: auto !important;
        margin: auto;
    }
.img-left-bottom .bottom-left{}
.img-left-bottom .bottom-right {
}



.event-thum {
    height: 400px;
    margin: auto;
    text-align: center;
}

    .event-thum img {
        height: 100%;
        margin: auto;
    }
@media (min-width: 1200px) {
    .container {
        width: 1300px !important;
    }
}