/* lg */ 
@media (min-width: 1400px) {
	
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	#home-carousel .item.active img {
		margin-top: -45px;
	}	
	.bottom-socials ul li a {
		padding: 8px;
	}	
	.footer-menu li a {
		padding:20px 7px;
	}
	.post .post-content {
		padding:20px;
	}
	.blog1 .post h2.entry-title {
		font-size:24px;
		margin-bottom:15px;
	}
	.blog1 .regu-news .post .post-content {
		padding:45px;
	}
	.blog1 .sidebar .widget ul li, .blog1 .sidebar .widget ul li a {
		font-size:12px;
	}
	.blog1 .sidebar .widget .entry-title {
		font-size:18px;
	}
	#promotion h1 {
		font-size:35px;
	}
	.social li {
		margin: 0 5px;
	}
	h3.member-name {
		margin: 35px 0 4px;
	}
	.member .social li {
	  margin: 0;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	#navigation .navbar-right {
		margin-right: 30px;
	}
	#navigation .navbar-right li a {
		padding: 25px 7px;
		font-size:14px;
	}
	.carousel-caption h1 {
		font-size:35px;
	}
	.carousel-caption h2 {
		font-size:50px;
	}
	.carousel-caption .post-content h2 {
		font-size:45px;
	}
	#home-carousel .item img{
		display:none;
	}
	.container>.carousel-arrows {
		left:15px;
	}
	.portfolio-item {
		width:100%;
	}
	.portfolio-content .overlay {
		padding: 40px;
	}
	.overlay a.folio-detail {
		top:50px;			
		font-size:45px;
	}
	.overlay a.folio-detail, 
	.overlay a.folio-link {
		left: 40px;
	}
	.overlay h2 {
		top: 20%;
	}
	.portfolio-item h2 {
		font-size:18px;
	}
	.overlay p {
		top: 22%;
		font-size: 14px;
	}
	.about-content {
		text-align: justify;
	}
	.team-member .overlay h4 {
		top:0;
	}
	.team-member .overlay p {
		top: -3%;
		line-height: 20px;
	}
	.member {
		margin-bottom:30px;
	}
	.social-icons {
		]bottom: 7px;
	}
	.social-icons li {
		margin-right: 17px;
	}
	.blog-image img {
		width: 100%;
	}
	h3.timer {
		font-size: 80px;
	}
	#promotion h1 {
		font-size:30px;
	}
	#promotion h2 {
		font-size:20px;
	}
	.entry-title {
		font-size:24;
	}
	.copyright {
		font-size:13px;
	}
	.bottom-socials {
		margin-top: 0;
		padding-bottom: 25px;
	}
	.products ul li {
		width:28.8%;
	}
	.products ul li:nth-child(3){
		margin-right:0;
	}
	.behind-app {
		margin-bottom:30px;
	}
	.widget .latest-posts> .media, 
	.widget .recent-comment> .media{
		width:50%;
		float:left;
		margin-top:0;
		margin-bottom:15px;
	}
	#blog-section .post {
		margin-bottom:30px;
	}
	.footer-widget {
		font-size:12px;
	}
}

/* xs */
@media (max-width: 767px) {
	body {
		font-size: 14px;
	}
	h1 {
		font-size: 25px;
		line-height: 26px;
	}
	h2 {
		font-size: 18px;
	}
	h3 {
		font-size: 17px;
	}
	

/*Navigation*/
	
	.search {
		width:100%;
	}
	.navbar-brand{
		height:50px;
	}
	div.header-section {
    padding: 0;
	}
	#navigation .navbar-right {
		margin-right: 0;
		margin-top: 0;
	}
	#navigation .navbar-right li a {
		padding: 6px 17px;
		font-size: 14px;
	}
	
	#index2 #navigation .navbar-right {
		background-color:rgba(0, 0, 0, 0.7);
	}
	
	#index2 #navigation .navbar-static-top {
		top:-50px;
	}
	ul.dropdown-menu-large> li {
		margin-bottom:15px;
	}
	
	/*Home Carousel*/
	#home-carousel .item {
		height:450px;
	}
	#main-slider .item {
		height: 400px;
	}	
	#main-slider .slider-inner h2 {
		font-size: 24px;
		line-height: 32px;
	}
	#main-slider .slider-inner .btn {
	white-space: normal;
	font-size: 13px;
	}
	#main-slider .slider-inner {
    top: 0;
	}
	.carousel-caption img, 
	#home-carousel.shop-carousel .item .price-tag {
		display:none;
	}
	.carousel-caption h1 {
		font-size:20px;
	}
	.carousel-caption h2 {
		font-size:36px;
	}	
	.home-carousel-left, 
	.home-carousel-right {
		font-size:24px;
	}
	.navbar-header:before {
		display:none;
	}
	
	#cat-menu ul.navbar-nav {
		margin:5px 0;
	}
	
	#cat-menu ul.navbar-nav li {
		display:inline-block;
	}
	
	#cat-menu ul.navbar-nav li a {
		padding:5px;
		font-size:10px;
	}
	
	.blog-carousel .carousel-caption {
		margin-top:-90px;
	}
	.carousel-caption .post-content h2 {
		font-size:30px;
	}
	
	.carousel-caption .post-content .publish-date {
		font-size:18px;
	}
	
	.carousel-caption .post-content ul li {
		font-size: 14px;
		margin-right: 10px;
	}
	.nopaddingmobile {
		padding: 0;
		}
	.quote-section {
		font-size:20px;
	}

	.entry-title {
		font-size:24px;
		margin-bottom:15px;
	}
	
	.client-content ul li {
	  width: 24%;
	}
	
	.footer-top h2 {
		font-size:24px;
	}
	
	.footer-menu ul li {
		display:inline-block;
	}
	
	.footer-menu li a {
		font-size: 14px;
		line-height: 24px;
		padding: 0 5px;
	}
	
	.footer-bottom {
		text-align:center;
	}
	
	.bottom-socials {
		margin-bottom: 30px;
		margin-top: 12px;
	}
	
	#team-carousel .carousel-inner .col-sm-3 {
		width: 50%;
		float: left;
	}
	.team-carousel-left, 
	.team-carousel-right {		
		bottom: -65px;
		font-size: 18px;
		height: 40px;
		line-height: 45px;
		width: 40px;
	}
	.team-carousel-left {
		margin-left: -50px;
	} 
	.team-carousel-right{
		margin-right: -50px;
	}
	/*Blog*/
	#blog-section .post {
		margin-bottom:25px;
	}
	.entry-content {
	  padding: 10px 15px 15px;
	}
	.entry-content a h2 {
		line-height: 24px;
		margin-bottom: 10px;
	}
	.entry-meta span a {
		font-size: 14;
	}
	.post-date {
		font-size: 30px;
		line-height: 24px;
		padding: 10px 20px 0;
	}
	.post-date span {
		font-size: 15px;
	}	
	.blog1 .post {
		margin-bottom:15px;
	}
	.blog1 .post .post-content {
		font-weight:400;
	}
	.blog1 .post h2.entry-title {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.post .entry-meta {
		margin-bottom:0;
	}	
	.blog1 .sidebar .widget .entry-title {
		font-size:16px;
	}
	.blog1 .sidebar .widget ul li, .blog1 .sidebar .widget ul li a {
		font-size:12px;
	}
	.blog1 .sidebar .small-post .media  {
		margin-top:15px;
	}
	.blog1 .sidebar .small-post  {
		margin-bottom:15px;
	}
	.pagination-section {
		margin-bottom:20px;
	}
	.products ul li {
		width:100%;
		margin-right:0;
		margin-bottom:15px;
	}
	.position-title{
		margin-bottom:15px;
	}	
	.about-text {
		margin-bottom:30px;
	}
	.page-breadcrumb h1 {
		font-size:36px;
	}
	.page-breadcrumb ul li {
		margin-bottom:15px;
		margin-right:15px;
	}
	.filterable-product, .filterable-product.filter2 {
		width:50%;
	}
	.project .overlay {
		margin:10px;
	}
	.post .entry-meta ul li {
		margin-bottom:10px;
	}
	.widget .recent-comment .media, .widget .latest-posts .media{
		overflow:hidden;
	}
	.product-info .rating {
		margin-top:20px;
	}
	.description-tab .nav-tabs > li {
		width:50%;
	}
	.contact-info> .col-sm-3, 
	.contact-info> .col-sm-6 {
		width:50%;
		float:left;
	}
	.contact-info {
		padding-bottom:0;
	}
	.footer-menu li {
		padding:0;
	}
	.copy-right.text-right {
		text-align:center;
	}
	.section-title h1 {
		font-size:24px;
	}
	.npl {
	  padding-left: 15px;
	  margin-top: 30px;
	}
	h3.member-name {
	  font-size: 24px;
	  margin: 25px 0 0;
	}
	.member .overlay {
		padding:15px;
	}
	.member .social li {
	  margin: 0;
	}	
	.necessary  .col-sm-3 {
		width:50%;
		float:left;
	}
	.portfolio-wrapper {
		margin-bottom: 0;
	}
	ul.filter li {
		margin: 0 0 15px;
	}
	ul.filter li a {
		font-size:14px;
	}
}

/* XS Portrait */
@media (max-width: 479px) {
	
	.client-content ul li {
	  width: 50%;
	}	
	.overlay a.folio-detail, 
	.overlay a.folio-link {
		left: 33px;
	}
	.overlay h2 {
		top:0;
	}
	.overlay p {
		top:5px;
	}
	.overlay a.folio-detail {
		top:50px;
	}
	.single-blog {
		height: auto;
	}
	.single-blog img {
		width: 100%;
	}
	.blog-image, 
	.entry-content {
		float: none;
		width: 100%;
	}
	.blog1 .regu-news .sidebar .post .post-content {
		padding: 25px;
	}
	.blog1 .regu-news .post .post-content {
		padding: 15px;
	}	
	.post .post-content {
		padding:20px;
	}	
	.member {
		width:100%;
	}
	.page-breadcrumb {
		min-height:360px;
	}
	.filterable-product, 
	.filterable-product.filter2, 
	.our-team .col-md-3.col-sm-6 {
		width:100%;
	}
	.project .overlay {
		margin:20px;
	}
	.blog-search-top {
		width:275px;
	}	
}

