/* lg */ 
@media (min-width: 1200px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {


/* xs */
@media (max-width: 767px) {
	body {
		font-size: 14px;
	}

		 	.main-nav {
 		padding-top: 12px;
 	}

	.navbar-brand {
		padding: 0 15px 15px;
	}
	.navbar-toggle {
	  border:1px solid #34bde9;
	}

	.navbar-toggle .icon-bar {
	  background-color: #34bde9;
	}
	.navbar-nav li a {
		font-size: 13px;
		padding-bottom: 8px;
		padding-top: 10px;
	}

	.navbar-collapse li{
	  background-color: #ccc;
	  border-bottom: 1px solid #eee;
	}

	.navbar-collapse li:hover, li:focus {
	  background-color: #eee;
	    -webkit-transition: 300ms;
	  -moz-transition: 300ms;
	  -o-transition: 300ms;
	  transition: 300ms;
	}

	.navbar-text {
	  display: none;
	}

	#home-slider .caption h1 {
		font-size: 40px;
	}
	#home-slider .caption {
		font-size: 15px;
		padding: 0 30px;
	}
	.left-control, .right-control {
		font-size: 20px;
		height: 30px;
		line-height: 25px;
		width: 30px;
	}
	#home-slider:hover .right-control {
		right: 15px;
	}
	#home-slider:hover .left-control {
		left: 15px;
	}
	.caption .btn-start {
		font-size: 12px;
		padding: 10px 30px;
	}


}

/* XS Portrait */
@media (max-width: 479px) {
  
	.team-members .col-sm-3, 
	.pricing-table .col-sm-3, 
	#portfolio .col-sm-3, 
	.blog-posts .col-sm-4 {
		width:100%;
		float: none;
	}
}