@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* Use a wide full screen for small screens like tablets. */
@media (min-width: 768px) and (max-width:992px) {
    .container {
        padding-left: 2em;
        padding-right: 2em;        
	}
}

.mobile_search {
	margin: 5px 0 5px 0;
}

@media (max-width: 768px) {
    .planTitle {
        font-size:small;
    }  
}

@media (max-width: 768px) {
    .feature {
        text-align: center
    }
 }
 
@media only screen and (min-width: 768px) {
	/*
	 * Row with equal height columns
	 * --------------------------------------------------
	 */
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}

	.row-eq-height > .well {
	  margin-right: 10px;
	  margin-left: 10px;
	}
	.carousel-control.left {
		margin-left: -30px;
	}
	.carousel-control.right {
		margin-right: -10px;
	}
}


@media only screen and (max-width: 767px) {

	.carousel-control.left {
		margin-left: -30px;
	}
	.carousel-control.right {
		margin-right: -10px;
	}
	
	.jumbotron{
		height: auto !important;
	}
		
}

@media only screen and (min-device-width: 320px) 
                   and (max-device-width: 640px) 
                   and (orientation: portrait) {
   .carousel-control.left {
		margin-left: -10px;
	}
	.carousel-control.right {
		margin-right: 0px;
	}
                   
}

@media only screen and (min-device-width: 321px) 
                   and (max-device-width: 767px) 
                   and (orientation: landscape) {
	.carousel-control.left {
			margin-left: 0px;
	}
	
	.carousel-control.right {
			margin-right: 40px;
	}
	
	.jumbotron{
		height: auto !important;
	}
	
		
	.jumbotron .btn-success{
		margin-bottom: 2px !important;
	}

}

@media only screen and (min-device-width: 768px) 
                   and (max-device-width: 1024px) 
                   and (orientation: portrait) {
	.carousel-control.left {
			margin-left: -40px;
	}
	
	.carousel-control.right {
			margin-right: 0px;
	}
	
	.jumbotron{
		height: auto !important;
	}
	
		
	.jumbotron .btn-success{
		margin-bottom: 2px !important;
	}

	h1{
		font-size: 1.8em !important;
	}

}


@media only screen and (min-device-width: 768px) 
                   and (max-device-width: 1199px) 
                   and (orientation: landscape) {
 		.jumbotron{
		height: auto !important;
	}
				
	h2{
		font-size: 1.8em !important;
	}
}


@media only screen and (min-device-width: 289px) and (max-device-width: 767px) and (orientation: portrait){
	.jumbotron{
		height: auto !important;	
		text-align: center;
	}                  
	
	.customers{
		height: auto !important;
		max-height: 600px;
		overflow: hidden;
	}
	
	.footer {
		text-align: center;
	
	}
	
		
	h1{
		font-size: 2em !important;
	}
	
	.jumbotron .btn-success{
		font-size: 1em !important;
		margin-bottom: 2px !important;
		padding: 5px !important;
	}
}

@media only screen and (min-device-width: 290px) and (max-device-width: 480px) and (orientation: portrait){
	.jumbotron{
		height: auto !important;	
		text-align: center;
	}   
		
	.jumbotron h1{
		font-size: 2.2em !important;
	}
	
	.jumbotron .btn-success{
		font-size: 0.9em !important;
		margin-bottom: 2px !important;
		padding: 3px !important;
	}
}


@media screen and (min-width: 289px)and (max-width:1023px){
	
h1{
	font-size: 2em;
}	
	
 #timeline .timeline-movement.timeline-movement-top {
height: 103px;
}
#timeline .timeline-badge {
top: -22px;
}
#timeline .timeline-badge.timeline-filter-movement {
top: 34px;
}
#timeline .timeline-movement .timeline-item {
padding: 30px 0 10px 0;
}
#timeline .timeline-movement .timeline-item:nth-child(3) {
padding: 10px 0 23px 0;
}
#timeline .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 1.2em;
  text-align: center;
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  background-color: #4997cd;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
}
@media screen and (max-width:500px){
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul, #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
text-align: center;
}
}

@media (min-width: 979px) {
  	ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  	}
}