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

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.navbar .container .navbar-brand {
		padding: 17px 0 0;
	}
	
	.navbar-header {
		width:25%;
	}
	
	#navigation .navbar-nav.navbar-right li a {
		padding:33px 10px;
	}
	
	.btn-started {
		margin-top:55px;
	}
	
	.efffect h3 {
		font-size: 15px;  
		margin-top: 10px;
	}
	
	#home .captions ul li {
		font-size:60px;
	}
	
	.single-member {
		padding:5px;
	}
	
	.member-left, .member-right {
		background:transparent;
		color:#333;
	}
	
	.member-left {
		left:-5%;
	}

	.member-right {
		right:-5%;
	}
	
	#clients-carousel .carousel-inner {
		width:80%;
	}
	
	.single-news .date, .news-image .date {
		top:115px;
	}
	
	#contact-details .container-fluid {
		padding:100px 30px;
	}
	
	.map-address {
		width:25%;
	}
	
	/* single news css*/
	
	#single-news {
		padding-top: 135px;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	
	.navbar .container .navbar-brand {
		margin-left: -25px;
		padding: 15px;
	}
	
	.navbar-header {
		width:25%;
	}
	
	.navbar-brand img {
		width:50%;
	}

	#navigation .navbar-nav.navbar-right li {
		padding: 0;
	}	

	#navigation .navbar-nav.navbar-right li a {
		font-size: 10px;
		padding: 24px 10px;
	}
			
	#home .captions ul li {
		font-size:50px;
	}
	
	#home .welcome-message h2 {
		font-size:30px;
		margin-top:80px;
	}
	
	.btn-started {
		font-size: 32px;
		height: 60px;
		left: 0;
		line-height: 36px;
		margin-top: 30px;
		padding: 11px;
		width: 225px;
	}
	
	#start-now h3 i {
		height:100px;
	}
	
	.skillbar-title {
		width:40%;
	}
	
	.skillbar-title span {
		padding:0 10px;
	} 
	.about-us .tab-content .pull-left.media-object {
		float:inherit;
		width:100%;
		margin-bottom:15px;
	}
	
	.single-member {
		height:540px;
		margin-bottom:30px
	}
	
	.member-left {
		bottom: -58px;
		left: 40%;
		top: inherit;
	}
	
	.member-right {
		bottom: -58px;
		right: 40%;
		top: inherit;
	}
	
	.efffect h3, .efffect h4 {
		display:none;
	}
	
	.mask a i {
		margin-top: 42px;
		padding: 10px;
		font-size: 20px;
	}
	
	#clients-carousel .carousel-inner {
		width: 90%;
	}
	
	.single-news .date, .news-image .date {
		top:149px;
	}
	
	#contact-details .container-fluid {
		padding: 100px 30px;
	}

	.map-address {
		width:33%;
	}
	
	/*single news css*/
	
	#single-news {
		padding-top: 110px;
	}
	
	.replay-box .btn-primary {
		width:30%;
	}
	
	.widget h3 {
		font-size:22px;
	}
	
	.rating-area .social-share {
	  margin-left: 0;
	}
	
	.ratings {
		float: none !important;
	}

}

/* xs */
@media (max-width: 767px) {

	.navbar-brand {
		padding:15px;
	}
	
	#navigation .navbar-toggle {
		border-color: #333333;
		margin-top:25px;
	}
	
	#navigation .navbar-nav.navbar-right {
	  margin-top: 0;
	}
	
	#navigation .navbar-nav.navbar-right li a {
		padding:5px 10px;
		font-size:13px;
	}
	
	#navigation .navbar-inverse .navbar-nav .active a, 
	#navigation .navbar-inverse .navbar-nav .active a:focus, 
	#navigation .navbar-nav.navbar-right li a:hover {
		border:none
	}
	
	.call-to-action p, 
	.header-bottom #subscribe-form p {
		font-size:14px
	}
	
	.header-bottom #subscribe-form .mail-field {
	  display: inline;
	  float: none;
	  margin-bottom: 13px;
	  margin-right: 0;
	  width: 100%;
	}
	
	#main-carousel .carousel-inner h2 {
		border-bottom:0;
		font-size:30px;
	}
			
	#home .captions ul li {
		font-size:30px;
	}
	
	#home .welcome-message h2 {
		font-size:18px;
		margin-top:60px;
	}
	
	.btn-started {
		font-size: 20px;
		height: 45px;
		left: 0;
		line-height: 26px;
		margin-top: 0;
		width: 160px;
	}
	
	.btn-start-now {
		float: right;
		margin-top: 25px !important;
	}
	
	.skillbar-title {
		width:40%;
	}
	
	.skillbar-title span {
		padding:0 10px;
	}
	
	
	#start-now h3 {
	  font-size: 20px;
	  margin: 0;
	}
	
	.title-one {
		font-size:24px
	}
	
	#about-us p {
		font-size:14px
	}
	
	.nav-tabs li {
		width:33%
	}
	
	.nav-tabs li a {
		text-align:center;
	}
	
	.nav-tabs li a i{
		display:block
	}
	
	.about-us .tab-content .pull-left.media-object {
		background-color: #F6F6F6;
		display: block;
		float: inherit !important;
		margin-right: 0;
		width: 100%;
	}
	
	#services h2 {
		font-size:24px;
	}
	
	.member-left, .member-right {
		display:none;
	}
	
	.single-member {
		margin-bottom:25px;
		height:650px
	}
	
	#portfolio .portfolio-filter {
		padding:0;
	}
	
	#portfolio .portfolio-filter li {
		margin-bottom:10px
	}
	
	.efffect h3 {
		margin-top:18%;
	}
	
	#clients-carousel .carousel-inner img {
		width:100%;
		padding-right:0;
	}
	
	.carousel-inner blockquote p {
		font-size: 14px;
	}
	
	.map-address {
		width:48%;
	}
	
	.map-address address {
		font-size:12px;
	}
		
	.contact-address {
		padding-left:10px;
		padding-right:10px
	}
	
	.contact-address address {
		font-size:14px;
	}
	
	.contact-text {
		margin-bottom:30px;
	}
	
	#contact-details .container-fluid {
		padding:100px 30px;
	}
	
	.pattern {
		height:960px
	}
		
	#footer p {
		font-size:16px;
	}
	
	#toTop {
		height:30px;
		line-height:30px;
	}
	
	/*Single News CSS*/
	
	#single-news {
		padding-top: 105px;
		padding-bottom:0;
	}
	
	.news-image img, .news-image {
		height: auto;
	}
	
	.single-news .date, .news-image .date {
		top: inherit;
	}
	
	.news-image .date {
		font-size:14px;
	}
	
	.entry-meta ul li a {
		font-size:14px;
	}
	
	.entry-meta ul li {
	  margin-right:20px;
	}
	
	.ratings {
	  float: none !important;
	}
	
	.entry-heading {
		font-size:20px;
	}
	
	.main-news {
		font-size: 14px;
		text-align: justify;
	}
	
	.rating-area .social-share {
		margin-left: 0;
	}
	
	.comments {
		margin-top:0;
		text-align:justify;
	}
	
	.comments h2 {
		font-size:22px;
	}
	
	.comments .media-body {
		display:inline-block;
	}
	
	.replay-box h2 {
		font-size:22px;
	}
	
	.widget h3 {
		font-size:20px;
	}
	
	#contact-form .name-field {
		float:inherit;
		margin-right:0;
	}
	
	
	#contact-form .name-field, 
	#contact-form .mail-field {
	  float: inherit;
	  width: 100%;
	  border-radius:0;
	}
	
	#contact-form textarea {
		border-radius:0;
		resize:none;
	}
	
	#contact-form .form-group {
		text-align:center;
		
	}
	
	.replay-box .btn-primary {
		display: inline-block;
		font-size: 17px;
		height: 40px;
		width: 35%;
	}
	
	#single-news .col-sm-4 {
		margin-top:50px;
	}

}

/* XS Portrait */
@media (max-width: 479px) {
	
	.navbar-brand {
		padding:15px;
	}
	
	#navigation .navbar-toggle {
		border-color: #333333;
		margin-top: 25px;
	}
		
	
	body section {
		overflow: hidden;
	}

	#navigation .navbar-nav.navbar-right li a {
		padding:5px 10px;
		font-size:13px;
	}
	
	#navigation .navbar-inverse .navbar-nav .active a, 
	#navigation .navbar-inverse .navbar-nav .active a:focus, 
	#navigation .navbar-nav.navbar-right li a:hover {
		border:none
	}
	
	#start-now .row {
		text-align:center;
	}
	
	#start-now h3 {
		font-size: 16px;
		font-weight: 300;
		line-height: 20px;
		margin: 0;
		text-align:center;
	}
	
	#start-now h3 i {
		display:none;
	}
	
	#home .captions {
		left:0;
		top:15%;
	}
	
	#home .captions ul li {
		font-size:20px;
	}
	
	#home .welcome-message {
		left: 0;
		top: 0;
	}
	
	#home .welcome-message h2 {
		font-size: 14px;
		font-weight: 400;
		left: 0;
		margin-top: 75px;
	}
		
	.btn-started {
		font-size: 16px;
		height: 35px;
		left: 0;
		margin-top: 10px;
		padding: 6px;
		width: 125px;
		line-height:22px;
		display:inline-block;
		float:inherit;
	}
	
	.title-one {
		font-size:24px
	}
	
	#about-us p {
		font-size:14px
	}
	
	.skillbar-title {
		width:40%;
	}
	
	.skillbar-title span {
		padding:0 10px;
	}
	
	.nav-tabs li {
		width:33%
	}
	
	.nav-tabs li a {
		text-align:center;
	}
	
	.nav-tabs li a i{
		display:block
	}
	
	.about-us .tab-content .pull-left.media-object {
		background-color: #F6F6F6;
		display: block;
		float: inherit !important;
		margin-right: 0;
		width: 100%;
		margin-bottom:20px;
	}
	
	#services h2 {
		font-size:24px;
	}
	
	#our-team .title-content {
		font-size:14px;
	}
	
	.member-right {
	  left: 55%;
	}
	
	.single-member {
		margin-bottom:25px;
		height:480px
	}
	
	.member-left, .member-right {
		display:none;
	}
	
	.title-content {
		font-size:14px;
	}
	
	#portfolio .portfolio-filter li {
		margin-bottom:10px
	}
	
	.efffect h3 {
		margin-top:8%;
	}
	
	.mask i {
		font-size: 20px;
		margin-top: 26%;
		padding: 10px;
	}
	
	#clients-carousel .carousel-inner img {
		border-right: 0;
		padding-right: 0;
		border-bottom: 5px solid #eee;
		padding-bottom: 10px;
	}
	
	.single-news .date, .news-image .date {
		top: 113px;
	}
		
	.map-address {
		display: none;
	}	
	
	.contact-address {
		padding-left:10px;
		padding-right:10px;
		height:300px;
		margin-top:50px;
	}
	
	#contact-details .container-fluid {
		padding:85px 15px;
	}
	
	.social-icons a {
		font-size:16px;
	}
	
	.pattern {
		height: 100%;
	}
			
	#footer p {
		font-size:14px;
	}
	
	#toTop {
		height: 25px;
		line-height: 29px;
		bottom: 0;
		padding: 0 8px;
		right: 0;
		width: 30px;
	}
	
	
	/*Single News CSS*/
	
	#single-news {
		padding-top: 105px;
		padding-bottom:0;
	}
	
	.news-image img, .news-image {
		height: auto;
	}
	
	.single-news .date, .news-image .date {
		top: inherit;
	}
	
	.news-image .date {
		font-size:14px;
	}
	
	.entry-meta ul li a {
		font-size:14px;
	}
	
	.entry-meta ul li {
	  margin-right: 6px;
	}
	
	.entry-heading {
		font-size:20px;
	}
	
	.main-news {
		font-size: 14px;
		text-align: justify;
	}
	
	.rating-area .social-share {
		margin-left: 0;
	}
	
	.comments {
		margin-top: 150px;
		text-align:justify;
	}
	
	.comments h2 {
		font-size:22px;
	}
	
	.comments .media-body {
		display:inline-block;
	}
	
	.replay-box h2 {
		font-size:22px;
	}
	
	.widget h3 {
		font-size:20px;
	}
	
	#contact-form .name-field {
		float:inherit;
		margin-right:0;
	}
	
	
	#contact-form .name-field, 
	#contact-form .mail-field {
	  float: inherit;
	  width: 100%;
	  border-radius:0;
	}
	
	#contact-form textarea {
		border-radius:0;
		resize:none;
	}
	
	#contact-form .form-group {
		text-align:center;
		
	}
	
	.replay-box .btn-primary {
		display: inline-block;
		font-size: 17px;
		height: 40px;
		width: 50%;
	}
	
	#single-news .col-sm-4 {
		margin-top:50px;
	}

}