@media screen and (min-width: 1200px) {
	.container {
		max-width: 1200px;
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	/* Top Bar */
	.top-bar .social-icons ul li a {
		font-size: 13px;
	}
	/* Courses Wrapper */
	.courses-item.st2 {
		margin-bottom: 30px;
	}
	.courses-item.st2 .st2-theme {
		width: 100%;
		height: 100%;
		max-width: auto;
	}
	.courses-item .content h4 {
		font-size: 14px;
	}
	.courses-item .content .rating-box li a i {
		font-size: 14px;
	}
	.courses-item .content .rating-box li a span {
		font-size: 9px;
	}
	.courses-item .content .bottom-box li span {
		font-size: 10px;
	}
	.courses-item .content .bottom-box li i {
		margin-right: 4px;
		font-size: 12px;
	}
	/* Team Wrapper */
	.team-wrapper .team-item .content {
		padding: 16px 20px;
	}
	.team-wrapper .team-item .content h4 {
		font-size: 17px;
	}
	.team-wrapper .team-item .content h6 {
		margin-bottom: 6px;
	}
}

@media (min-width: 320px) and (max-width: 1199px) {
	/* Banner Wrapper */
	.home-overly {
		position: absolute;
		content: "";
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		/*background-color: #0d0d20;
		opacity: 0.8;*/
	}
	.banner-wrapper .text-wrapper {
		z-index: 1;
	}
	/* Testimonials Wrapper */
	.testimonials-wrapper {
		padding: 110px 0;
	}
	.testimonials-ariya {
		padding: 0;
	}
	.testimonials-wrapper .img-box {
		display: none;
	}
	.testimonials-slider .owl-dots {
		display: none;
	}
	/* Events Wrapper */
	.events-wrapper .events-item.st2 {
		text-align: center;
		padding: 54px;
	}
	.events-wrapper .events-item.st2 .text-box {
		margin: 0;
		float: none;
		width: auto;
	}
	.events-wrapper .events-item.st2 .date-box {
		margin-bottom: 30px;
		float: none;
		display: inline-block;
	}

	.events-wrapper .events-item {
		text-align: center;
		padding: 54px;
	}
	.events-wrapper .events-item .text-box {
		margin: 0;
		float: none;
		width: auto;
	}
	.events-wrapper .events-item .date-box {
		margin-bottom: 30px;
		float: none;
		display: inline-block;
	}
	.events-wrapper .events-item .img-box {
		display: none;
	}
}

/*tablet*/
@media (max-width: 991px) {
	.banner-wrapper {
	    position: relative;
	    z-index: 1;
	    height: 100vh;  /*40*/
	    padding-top: 130px;	    
	    /*top:-50px	   */
	}
	/* Banner Wrapper */
	.banner-wrapper .text-wrapper {
		float: none;
		text-align: center;
		width: 100%;
		height: auto;
		/*left: 50%;*/
		left: 20%;
		top: 80%;
		transform: translate(-50%, -50%);
		right: auto;
	}

	/* Top Bar */
	.transparent-dark .navbar {
		padding: 18px 0;
	}
	.navbar-collapse {
		background-color: #0b1d37;
	}
	.header .dropdown-buttons {
		display: block;
	}
	.header .navbar-nav .dropdown-toggle:after {
		display: none;
	}
	/* Top Bar Two */
	.transparent-dark.white-dark .navbar-dark .navbar-toggler {
		background-color: #db3827;
	}
	.header.transparent-dark.white-dark .menu-style.st2 .navbar-nav .nav-item .nav-link {
		color: #fff;
	}
	/* courses */
	.courses-item {
		margin-bottom: 30px;
	}
	.contact-wrapper {
		margin-bottom: 30px;
	}
	.team-wrapper .team-item {
		margin-bottom: 30px;
	}
	.navbar-collapse {
        background-color: #e9ecef;
    }    	
    #home-st1 .carousel-inner .carousel-item .min-home-img {
	    width: 100%;	    
	    height: 100vh; /*30*/
	}		
    ul li {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    /*border-bottom: 1px solid #fff !important;*/
	}
	.about-wrapper {
    	padding: 150px 0 64px;
    	position: relative;
	}
	.inner-wrapper h4 {
	    color: #fff;
	    font-size: 45px;
	    text-transform: capitalize;
	    margin-bottom: 18px;
	}
	.carousel-indicators {
	    bottom: -120px;
	    /*margin-left: 30%;*/
	}
	.topic-menu-4 .topic-menu-4-wrapper {
	    height: 88px;
	    line-height: 44px;
	    position: relative;
	}
	.topic-menu-2 .topic-menu-2-wrapper {
	    height: 88px;
	    line-height: 44px;
	    position: relative;
	}
}

@media (min-width: 768px) and (max-width: 991px) {		
}

@media (min-width: 576px) and (max-width: 767px) {

	
}

/*Celular*/
@media (max-width: 767px) {
	.banner-wrapper .text-wrapper {
		/*float: none;
		text-align: center;
		width: auto;
		left: 20%;*/
		top: 80%;
		/*transform: translate(-50%, -50%);
		right: auto;*/
	}
	/* Banner Wrapper */
	.banner-wrapper .text-wrapper h4 {
		font-size: 30px;
		line-height: 40px;
	}
	/* Top Bar */
	.header .top-bar {
		text-align: center;
		padding: 14px 0;
	}
	.top-bar .contact-info {
		float: none;
	}
	.top-bar .contact-info ul {
		padding: 0;
		border: none;
	}
	.top-bar .social-icons {
		float: none;
	}
	/*	Blog Details */
	.blog-details .content .blog-admin {
		text-align: center;
		display: inline-block;
	}
	.blog-details .content .blog-admin img {
		position: relative;
		top: 0;
		transform: none;
		width: auto;
	}
	.blog-details .content .blog-admin .text {
		padding: 0;
		margin-top: 20px;
	}
	#home-st1 .carousel-inner .carousel-item .min-home-img {
	    width: 100%;
	    height: 50vh; /*30*/
	}
	.banner-wrapper {
	    position: relative;
	    z-index: 1;
	    height: 60vh;  /*40*/
	    padding-top: 130px;	    
	}
	ul li {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    /*border-bottom: 1px solid #fff !important;*/
	}
	.inner-wrapper h4 {
	    color: #fff;
	    font-size: 45px;
	    text-transform: capitalize;
	    margin-bottom: 18px;
	}
	.carousel-indicators {
	    bottom: -30px;
	    margin-left: 30%;
	}
	.topic-menu-4 .topic-menu-4-wrapper {
	    height: 88px;
	    line-height: 44px;
	    position: relative;
	}
	.topic-menu-2 .topic-menu-2-wrapper {
	    height: 88px;
	    line-height: 44px;
	    position: relative;
	}
}

/*Celular*/
@media (max-width: 616px) {
	/* Banner Wrapper */
	.banner-wrapper .text-wrapper {
		width: 100%;
		top: 68%;
	}
	.carousel .carousel-control-next,
	.carousel .carousel-control-prev {
		display: none;
	}
	#home-st1 .carousel-inner .carousel-item .min-home-img {
	    width: 100%;
	    height: 40vh; /*30*/
	}
	.banner-wrapper {
	    position: relative;
	    z-index: 1;
	    height: 50vh;  /*40*/
	    padding-top: 130px;	    
	}
	.carousel-indicators {
	    bottom: -50px;
	    margin-left: 30%;
	}
	.topic-menu-4 .topic-menu-4-wrapper {
	    height: 88px;
	    line-height: 44px;
	    position: relative;
	}
	.topic-menu-2 .topic-menu-2-wrapper {
	    height: 88px;
	    line-height: 44px;
	    position: relative;
	}
}

/*Celular*/
@media (min-width: 320px) and (max-width: 575px) { /* toma los datos para celular en estas medidas*/
	/* Banner Wrapper */
	.banner-wrapper .text-wrapper {
		width: 100%;
		top: 72%;
	}
	.carousel .carousel-control-next,
	.carousel .carousel-control-prev {
		display: none;
	}
	#home-st1 .carousel-inner .carousel-item .min-home-img {
	    width: 100%;
	    height: 30vh; /*30*/
	}
	.about-wrapper {
    	padding: 100px 0 64px;
    	position: relative;
	}
	.banner-wrapper {
	    position: relative;
	    z-index: 1;
	    height: 40vh;  /*40*/
	    padding-top: 130px;	    
	}
	.carousel-indicators {
	    bottom: -50px;
	    margin-left: 30%;
	}
	.topic-menu-4 .topic-menu-4-wrapper {
	    height: 132px;
	    line-height: 44px;
	    position: relative;
	}
	.topic-menu-2 .topic-menu-2-wrapper {
	    height: 88px;
	    line-height: 44px;
	    position: relative;
	}
	.submenu-2 {
	    background-color: #f7f8fa;
	    /*margin-top: 62px;*/
	    min-height: 88px;
	    border-top: 1px solid #eee;
	    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.1);
	}

	.submenu-2 .submenu-2-wrapper {
	    height: 88px;
	    line-height: 44px;
	    position: relative;
	}
	.page-wrapper {
	    overflow: auto;
	}
}

@media (min-width: 320px) and (max-width: 463px) {
	/* Events Wrapper */
	.events-wrapper .events-item.st2 {
		padding: 20px;
	}
	.events-wrapper .events-item {
		padding: 20px;
	}
	/* About Wrapper */
	.about-wrapper .text-wrapper h1 {
		font-size: 42px;
		line-height: 52px;
	}
	.about-wrapper.st2 .text-wrapper .about-list li {
		width: 100%;
		float: none;
	}
	/* Funfact Wrapper */
	.funfact-area .grid {
		width: 100%;
		float: none;
	}
	.funfact-area:before {
		display: none;
	}
	.funfact-area .grid:nth-child(1),
	.funfact-area .grid:nth-child(2),
	.funfact-area .grid:nth-child(3)
	.funfact-area .grid:nth-child(4) {
		border: none;
	}
	.funfact-area .grid:nth-child(3) {
		padding: 0;
	}
	.funfact-area .grid:nth-child(4) {
		padding: 0;
	}
}

@media (min-width: 320px) and (max-width: 341px) {
	.blog-wrapper .blog-post .content .tag ul > li + li {
		margin-left: 22px;
	}
}