/*
- Template: Education Press
- Develop By: ThemeCycle
- Developer URI: https://themeforest.net/user/themecycle
- Version: 1.0

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Header
2. Courses
3. About Us
4. Pricing Plan Page
5. Course Listings Page
6. Teachers
7. Gallery
8. Event
9. Blog
10. Comments
11. Contact Us
12. Course Details Page
13. 404 Error
14. Shortcodes
15. Login & Register Form
16. Shopping Cart
17. Responsive
18. Responsive Table CSS 
/*--------------------------------------------------------------
1) Header
--------------------------------------------------------------*/
nav.meta-login { float:right; 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; }

/*--------------------------------------------------------------
2) Courses
--------------------------------------------------------------*/
.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:bold; padding-right:42px; line-height:20px; }
.price { position:absolute; right:-8px; top:20px; padding:9px 20px 9px 25px; font:bold 16px Montserrat, sans-serif; color:#fff;
background:#4caf50 url(../images/price_tag_l.png) no-repeat left bottom; }
.price span { position:absolute; right:0px; 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:#f7f7f7; }
.course h3 a:hover { color:#ff5722; }
.course a { color:#0583e4; }
.course a:hover { color:#ff5722; }
.course_space { padding:10px 30px 0px 30px; 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 { ont-size:16px; }

/*--------------------------------------------------------------
3) About Us
--------------------------------------------------------------*/
.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:bold; 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 0; }
.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:23px; height:23px; 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 0; }
.work-steps .steps i { color:#000; font-size:60px; position:absolute; right:5%; bottom:10%; opacity: 0.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:bold 30px Montserrat, sans-serif; color:#f7f7f7; top:10px; position:relative;  }


/*----------------------------------------------------------------------------------- 
4) Pricing Plan Page
/*-----------------------------------------------------------------------------------*/
.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 Montserrat, sans-serif;  }
.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; }


/*-----------------------------------------------------------------------------------
5) Course Listings Page
/*-----------------------------------------------------------------------------------*/
.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 Montserrat, sans-serif; text-transform:uppercase; color:#fff; }

.courses.grid-group-item .course_space2 p { margin-bottom:5px; }
.course-dash { min-height:545px; }

/* Course list view Style //////////////////////*/
.courses.list-group-item { float: none; width: 96%; padding:0; margin-left:15px; border:none; background:none;}
.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 { fontt:normal 15px Montserrat,sans-serif; 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:none; 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; }

/* Courses Listing Layout Option CSS //////////*/
.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:table; 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 Montserrat,sans-serif; 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 Montserrat,sans-serif; }



/* Courses Sidebar ///////////////////*/
.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:bold;
-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 0; list-style:none;  }

#secondary .widget_courses li, #secondary .widget_events li, 
#secondary .recent_posts_widget li { padding:30px; padding-bottom:20px; 
font:14px Montserrat, sans-serif; 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 0; 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 Montserrat,sans-serif; color:#4caf50; float:left; padding-right:10px;  }
.footer-widget .widget_courses li span.simi-price { font-size:14px; }


/*--------------------------------------------------------------
6) Teachers
--------------------------------------------------------------*/
.teachers { margin-bottom:70px; min-height:300px; }
.teachers h4 { padding:0; margin:0; }

.teachers-in .remove_space { padding:0 10px 0px 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:#f7f7f7; }
.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; }


/*----------------------------------------------------------------------------------- 
7) Gallery
/*-----------------------------------------------------------------------------------*/
#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; }


/*--------------------------------------------------------------
8) Event Page
--------------------------------------------------------------*/
.events { min-height:350px; margin-bottom:50px; }
.events .entry-meta { color:#99a6bb; }
.events .entry-meta p { padding-left:0; }

.events .meta strong, .events .entry-meta strong  { color:#f7f7f7;  }
.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: 0.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 Montserrat, sans-serif; color:#0583e4; }
.event-countdown .col span { font-weight:bold; }

#map-canvas { width: 100%; height: 370px;}
.event-countdown .btn { float:right; }


/*--------------------------------------------------------------
9) Blog
--------------------------------------------------------------*/
#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:bold 16px Montserrat, sans-serif; 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:0px; }
.sticky-tag span { position:absolute; right:0px; 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:normal;border:none;
background:#f7f7f7; 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:bold 16px Montserrat, sans-serif; color:#fff; }

.entry-footer { padding-top:15px; padding-bottom:25px; }
.entry-footer, .entry-footer a, .entry-meta, .entry-meta a { color:#f7f7f7;  }
.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 /////////////*/
.post-navigation { padding:40px 0;  }

/* Related Post /////////////*/
.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:#f7f7f7; }
.related-posts .meta a:hover { color:#ff5722; }

/* Post Author /////////////*/
.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; }

/*-----------------------------------------------------------------------------------
10) Comments
/*-----------------------------------------------------------------------------------*/
#commentform p label { width:13%; font:14px Montserrat, sans-serif;  float:left; font-weight:normal; }
#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:#f7f7f7; 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: normal; }
#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: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#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; }
#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: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#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; }


/*----------------------------------------------------------------------------------- 
11) Contact Us
/*-----------------------------------------------------------------------------------*/
.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; }

.have-question { background:#edf1f7; padding:20px; margin-top:65px; }
.map-location { padding-top:30px; }

/*-----------------------------------------------------------------------------------
12) Course Details Page
/*-----------------------------------------------------------------------------------*/
.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:none;  }
.breadcrumb-detail-page p { padding:20px 0 20px 20px; font:11px Montserrat, sans-serif; color:#657184; text-transform:uppercase; }
.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 30px 40px;*/ 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:0px; }
.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:normal; }
.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 Montserrat,sans-serif; }
.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:none; padding-left:0; }
#main .units-archive-list li { width:100%; clear:both; }

/* Courses Completed Circle /////////////////*/
.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, 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: bold 15px Montserrat,sans-serif; 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; }


/* Courses Detail Page Sidebar CSS ///////*/
.co-join-info .btn { padding:15px 60px; }
.co-join-info .co-price { font:14px Montserrat, sans-serif; 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 Montserrat, sans-serif; color:#ff5722; border-bottom:1px solid #e8ebf1; width:100%; }
.co-join-info li span { color:#f7f7f7; width:100px; display:block; float:left; }
.co-join-info li:last-child { border-bottom:none; }

/* Courses Instructor /////////////*/
.courses-info .courses-instructor li { list-style:none; background:none; padding:0; }
.courses-info .courses-instructor li a { width:auto; height:auto; background:none; 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 0; padding:0; font-weight:normal; font-size:14px; background:none; }
.courses-instructor p.meta { font-size:13px; color:#f7f7f7; }
.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 Montserrat,sans-serif; 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; }

/* Courses Review /////////////////*/
.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 0;}
.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; }

/* Curriculum /////////////////*/
#main .courses-curriculum ul { margin:0; padding:5px 0 20px; clear:both; }
#main .courses-curriculum ul li { margin:-1px 0 0 0; list-style:none; background:#fff; padding:8px 10px 7px;
border:1px solid #e4e8ee; font-family:Montserrat,sans-serif; display:table; width:100%; }
#main .courses-curriculum ul li a i { color:#838fa1; }
#main .courses-curriculum ul li a:hover i { color:#f7f7f7; }

#main .courses-curriculum ul li.courses-close { background:#f7f8fb; }
.courses-curriculum ul li .no { font-size:14px; float:left; padding-right:10px; color:#f7f7f7; }
#main .courses-curriculum ul li .ctitle { margin:0; padding:0; font-size:14px; float:left; color:#f7f7f7; 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:#f7f7f7; }

#main .review-list { margin:0; padding:30px 0; list-style:none;  }
#main .review-list li { margin:0 0 20px 0; padding:0; list-style:none; background:none; 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:bold; 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:#f7f7f7; margin-bottom:0px; font-weight:bold; }
.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:#f7f7f7; font-weight:normal; }
.review_form .form_row input { width:100%; }

/* Courses Sidebar ///////////////////*/
.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:bold;
-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; }

/*--------------------------------------------------------------
13) 404 Error
--------------------------------------------------------------*/
.error404 h4 { color:#657184; line-height:30px; margin-bottom:40px; }
.font-large { font:bold 300px Montserrat, sans-serif; color:#f7f7f7; 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; }


/*----------------------------------------------------------------------------------- 
14) Shortcodes
/*-----------------------------------------------------------------------------------*/
.page-header { border-bottom:none; }
.page-header h1 { text-align:center; padding-bottom:20px; background:url(../images/border_bottom.png) no-repeat center bottom; }

/* Shortcode - Accordion //////////////////////*/
.panel-heading, .panel-group .panel { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

/* Shortcode - Tabs CSS //////////////////////*/
#main .nav-tabs { margin:0; padding:0; }
#main .nav-tabs li { margin-bottom:-1px; font-weight:bold; font-size:18px; }
.nav-tabs > li > a { margin-right:7px;  padding: 10px 20px; color:#f7f7f7; background:#efefef; border:1px solid #c7ced9; 
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.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; }


/*--------------------------------------------------------------
15) Login & Register Form
--------------------------------------------------------------*/
#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:none; color:#7e8898;  }
.my-account .fancybox-close:hover { background:none; 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 & Register Form ///////////////////*/
.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; }



/*--------------------------------------------------------------
16) Shopping Cart
--------------------------------------------------------------*/
.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:bold; }
.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:#f7f7f7; }
.shopping-table tr:last-child td:nth-child(1) .btn-default:hover { background:#ff5722; }

.shopping-table tr:last-child td:nth-child(2) {  }
.shopping-table tr:last-child td:nth-child(2) .btn-blue { background:#0583e4; }
.shopping-table tr:last-child td:nth-child(2) .btn-blue:hover { background:#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; }

/* Footer ////////////*/
.widget_courses img { float:left; }
.widget_courses .simi-co { float: right; width: 66%;}
.footer-widget .menu li { width:50%; float:left; }


/*//////////////////////////////////////// 
17) Responsive            
////////////////////////////////////////*/
@media (max-width: 1024px) {
.site-branding { width: 32%; }

.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:600px; }
.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:0px; 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 none; 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 0; 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:0px; }
}
@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; }

}
@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%; }

}
@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; }
}

/*//////////////////////////////////////// 
18) Responsive Table CSS            
////////////////////////////////////////*/
@media only screen and (max-width: 732px) {
/* Force table to not be like tables anymore */
#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; 
}

/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}

#no-more-tables tr { border: 1px solid #ccc; }

#no-more-tables td { 
/* Behave  like a "row" */
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 50%; 
white-space: normal;
text-align:left;
}

#no-more-tables td:before { 
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
text-align:left;
font-weight: bold;
}

/*
Label the data
*/
#no-more-tables td { color:#f7f7f7; }
#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:""; }
}