#footer * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.custom-container {padding: 0;margin-right: auto;margin-left: auto;}
.custom-container::before, .custom-container::after, .custom-container .row::before, .custom-container .row::after{display: table;content: " ";}
.custom-container::after, .custom-container .row::after{clear: both;}
.custom-container .row {margin-right: -15px;margin-left: -15px;}
.col-md-4, .col-md-3, .col-sm-4, .col-md-2, .col-lg-2{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.course-wrapper .course-content, 
.course-wrapper .course-index{float: right;}
.course-content{margin-top: 0;}


/*==================== 14. Footer Style Start ==================== */
#footer { background:#111111; color:#fff; font-family: 'Open Sans', sans-serif;}
#footer .top-footer{padding:58px 0 35px;}
#footer .top-footer [class*="col-"]:last-child { padding:0 10px; }
#footer .logo img{ max-width:180px;}
#footer h4{ font-weight:18px; line-height:16px; margin-bottom:15px;font-family: 'Open Sans', sans-serif; font-weight:600; color:#fff; margin-top:0;}
#footer .links{padding:0; margin:0; list-style:none;}
#footer .links li{padding:3px 0; line-height: 24px;}
#footer a{ font-size:13px; color:#fff;}
#footer .social-share{margin-bottom:19px; display:inline-block; vertical-align:top; }
#footer .social-share li{padding:0 3px; float:left; }
#footer .social-share a{ height:30px; width:30px; display:block; color:#fff; text-align:center; line-height:30px; }
#footer .social-share a.facebook{ background:#4e598f;}
#footer .social-share a.twitter{background:#65a2d9;}
#footer .social-share a.google{background:#cf4c3c;}
#footer .social-share a.pinterest{background:#862328;}
#footer .social-share a.youtube{background:#ce332d;}
#footer .social-share a.linkedin{background:#3272bd;}
#footer .contact-info > a{ margin-bottom:35px; display:inline-block;}
#footer .contact-info i{margin-right:14px; font-size:16px;}
#footer .contact-info,
#footer .contact-info a {font-size:14px; font-weight:600;}
.bottom-footer{ font-size:13px; border-top:1px solid #252525; padding: 40px 0 30px;} 
.bottom-footer ul{float:left;}
.bottom-footer ul li:first-child{border-right:1px solid #666; line-height:13px;}
.bottom-footer .copyright{ float:right;}
#footer .google-play { display:inline-block;}
.footer-bottom{text-align:center;padding:20px;color:#FFF;border-top:1px solid #fff; font-size: 14px;}
#footer .list-inline {padding-left: 0;margin-left: -5px;list-style: none;}
#footer .list-inline>li {display: inline-block;}
#footer .social-share a {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
/*==================== Footer Style End ==================== */


@media (min-width: 768px){
  .custom-container {width: 750px;}
  .col-sm-4 {width: 33.33333333%;float: left;}
}


@media (min-width: 992px){
  .custom-container {width: 970px;}
  .col-md-4 {width: 33.33333333%;float: left;}
  .col-md-3 {width: 25%;float: left;}
  .col-md-2 {width: 16.66666667%;float: left;}
}

@media (min-width: 1200px){
  .custom-container {width: 1170px;}
  .col-lg-3 {width: 25%;}
  .col-lg-2 {width: 16.66666667%;}
}

@media (max-width: 991px){
  #footer h4 {margin-top: 20px;}
  .custom-container {padding: 0 15px;}
}

@media (max-width: 767px){
    .course-wrapper .course-content, 
    .course-wrapper .course-index{float: none;}
    .course-wrapper{display: block;}
    .course-wrapper .course-index{display: block;}
    .course-wrapper .course-content{display: block; width: 100%;}
}


.course-wrapper .course-content, 
.course-wrapper .course-index{float: right;}
.course-content{margin-top: 0;}
.course-wrapper .course-content{width: 75%;     border-left: 1px solid #c8c8c8;}
.course-wrapper .course-index{width: 25%; border: none;}
@media (max-width: 767px){
    .course-wrapper .course-content, 
    .course-wrapper .course-index{float: none;}
    .course-wrapper{display: block;}
    .course-wrapper .course-index{display: block; width: 100%;}
    .course-wrapper .course-content{display: block; width: 100%;}
}