@charset "utf-8";
@media (min-width: 768px) { /* Desktop */
body{
	min-width: 985px;
}
.desktop{
	display: block!important;
}
.mobile{
	display: none!important;
}
.desktop-inline{
	display: inline!important;
}
.mobile-inline{
	display: none!important;
}

}
@media (max-width: 767px) { /* Mobile */
.desktop{
	display: none!important;
}
.mobile{
	display: block!important;
}
.desktop-inline{
	display: none!important;
}
.mobile-inline{
	display: inline!important;
}
.mobile-text-center{
	text-align: center;
}
.mobile-text-left{
	text-align: left;
}
.mobile-text-right{
	text-align: right;
}
.mobile-float-top-right{
	    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px;
}
.container {
    width: auto;
}
.content-container{
	width: 100%;
	padding: 25px;
	margin-left:0px;
}
.page-container{
	background-position: top left!important;
}
.navbar-toggle{
    margin-top: 15px;
}
.navbar-default .navbar-collapse{
    background: #fff;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}
.navbar-collapse .navbar-nav{
    margin: 0px -15px;
}
.navbar-collapse .navbar-nav.nav > li{
    border-bottom: 1px solid #eee;
    text-align: center;
}
.navbar-collapse .navbar-nav.nav > li form{
	padding: 16px 15px 15px 15px;
    line-height: 36px;
}
.navbar-collapse .navbar-nav.nav > li form input{
    width: 100%;
    text-align: center;
}
.navbar-collapse .navbar-nav.nav .fa{
	    margin-right: 5px;
}
.navbar-nav .open .dropdown-menu > li > a{
	padding: 16px 15px 15px 15px;
    line-height: 36px;
    text-align: center;
    border-top: 1px solid #fff;
    background: #F4F4F4;
}
.navbar-nav .dropdown .fa-caret-down{
	display: none!important;
}
.navbar-nav .dropdown .fa-caret-left{
	display: inline-block!important;
}
.navbar-nav .dropdown.open .fa-caret-down{
	display: inline-block!important;
}
.navbar-nav .dropdown.open .fa-caret-left{
	display: none!important;
}
.navbar-nav > li > a.active{
	color: #FFF;
	    background-color: #66DB5F;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	color: #FFF;
    background-color: #BCBCBC;
}
.footer .row{
	margin-left:0px;
	margin-right:0px;
}
.menu-left-header,
.menu-left-container{
	display:none;
}
.menu-left-container.mobile-menu {
	display: block;
	margin: 0 0 50px;
	width: 100%;
}
.menu-left-container.mobile-menu ul li {
	background-repeat-x: no-repeat!important;
    background-size: 100% auto!important;
}
.page-container .page-name{
    color: #525252;
    top: auto;
    right: auto;
    width: 100%;
    height: 140px;
    text-align: center;
    background: rgba(255,255,255,0.8);
    padding-top: 54px;
}
.list-container-2 ul li{
	    width: 100%;
}
.list-container ul li{
	    width: 100%;
		    min-height: 100px;
}
.breadcrumb{
	    padding: 12px 0px 9px 0px;
		    text-align: left;
}
.list-container.col-2 ul li{
	    width: 100%;
}
#myCarousel-slider.carousel{
	max-width: 100%;
}
.category-btn-container .category-btn{
	    width: 100%;
		    margin-bottom: 0px;
			
}
.slider-container .carousel{
	top:0px;
}
.category-btn-container{
	bottom: 0px;
}
.widget{
	    height: auto;
}
.widget.news{
	padding-left: 15px!important;
	    margin-bottom: 25px;
}
.widget.new-course{
	    width: 100%;
		    display: table;
		    padding-bottom: 25px;
}
 .more-menu{
	position: initial;
}
.widget.calendar{
	    padding-right: 15px;
    width: 100%;
}
.widget.calendar .more-menu{
	    right: 15px!important;
}
.ui-datepicker{
	width:100%!important;
}
h1 {
    margin-top: 25px;
}
.widget.gallery{
	padding-left: 15px;
	    width: 100%;
		height:auto;
}
.widget.gallery ul li{
	width: 100%;
}
#myCarousel-slider .carousel-control{
	    bottom: 5px;
}
#myCarousel-gallery .carousel-control.left{
	left: 0px;
}
#myCarousel-gallery .carousel-control.right{
	right: 0px;
}
.widget.video{
	padding-right: 15px;
    width: 100%;
    height: 385px;
}
.widget.video .more-menu{
	right: 15px!important;
}
#myCarousel-slider .carousel-control.left{
	    left: 10px;
}
#myCarousel-slider .carousel-indicators{
	    width: 100%;
		padding:0px;
		    bottom: -9px;
}
.carousel-indicators{
	left: auto;
}
.widget.gallery ul li .discription{
	padding:0px!important;
}
.table.table-striped tr > td:first-child{
	width:80px;
}
.article .img-right-container img{
	    max-width: 110px;
}
.course-info table{
	margin-top: 20px;
}
.article .img-right-container-2{
	float: initial;
    margin: 0px;
}
.article .img-right-container-2 img {
    max-width: 100%;
	    width: 100%;
}
.page-content img{
	max-width: 100%;
	height: auto!important;
	word-break: break-all;
}
.calendar-filter-list {
    margin-bottom: 30px;
}
.article h2{
	    font-size: 24px;
}
.page-container.video iframe{
	width:100%;
	height: 180px;
}
.page-container.video-details iframe{
	height: 180px;
}
.video-list-container .col-md-7{
    padding: 0px 15px;
    margin-right: auto;
}
.page-container .list-container{
	    position: relative;
}
.page-container .list-container .date{
	/*float: initial!important;*/
	/*    position: absolute;
    right: 0px;
    top: -23px;*/
}
.course-info h3{
	    margin-top: 10px;
}
.course-info-container h3{
	padding-top: 14px;
}


.mobile-float-top-right {
	position: relative;
	padding: 0 15px 0 0;
}

}

.apple-orientation-8{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	max-width:163px;
	width:163px;
}
.apple-orientation.iphone{
	margin-left:-35px;
	
}
@media (max-width: 414px) {
	.course-info h2 {
		font-size: 16px;
	}
}