@media screen and (min-width:1200px) {
	#header {
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-ms-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
	}
}
@media screen and (min-width:768px) and (max-width:991px) {
	#header {
		-webkit-background-size: 992px auto;
		-moz-background-size: 992px auto;
		-ms-background-size: 992px auto;
		-o-background-size: 992px auto;
		background-size: 992px auto;
	min-height: none;
	padding-top: 200px;
	}
	.footer .footer-widget-logo {
		text-align: center
	}
	.footer .footer-box .footer-icon {
		position: absolute;
		left: 10px;
		top: -30px
	}
}
@media (min-width:768px) {
	.navbar-default {
		padding: 40px 0 30px;
		background-color: transparent;
		border-color: transparent;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}
	.navbar-default .navbar-brand {
		font-size: 42px;
		color: #fff
	}
}

@media screen and (max-width:767px) {
	.navbar-default, .navbar-default.navbar-scroll {
		border: none;
		background-color: #fff
	}
	.navbar-default.navbar-scroll {
		padding: 0
	}
	.navbar-default .navbar-brand, .navbar-default.navbar-scroll .navbar-brand {
		font-size: 20px;
		color: #fff;
	}
	.navbar-default .navbar-nav>li>a {
		color: #434a54;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		position: relative;
		color: #ef4034
	}
	.navbar-default .navbar-nav>.active>a::after, .navbar-default .navbar-nav>.active>a:hover::after, .navbar-default .navbar-nav>li>a:focus::after, .navbar-default .navbar-nav>li>a:hover::after {
		content: '';
		display: none
	}
	.navbar-header > .navbar-brand {
		margin: 8px 0 0 15px!important;
		height: auto;
	}
	.navbar-header > .navbar-brand img {
		width: 34px!important;
		height: 34px!important;
	}
	.dropdown-menu>li>a {
		font-weight: 600
	}
	#header {
		-webkit-background-size: 992px auto;
		-moz-background-size: 992px auto;
		-ms-background-size: 992px auto;
		-o-background-size: 992px auto;
		background-size: 992px auto;
		background-position: top right;
	}
	#about {
		display: block;
		width: 100%;
		height: auto;
		min-height: 150px;
		padding: 90px 0 40px;
		background-image: none;
		background-color: #fff
	}
	#skill {
		padding: 10px 0
	}
	#blog, #contact, #service, #work {
		width: 100%;
		height: auto;
		min-height: 150px;
		display: block;
		padding: 90px 0 80px
	}
	.work-item {
		float: left;
		width: 360px;
	}
	.modal-work .modal-close {
		position: absolute;
		top: 25px;
		right: 25px;
		width: 60px;
		height: 60px
	}
	.modal-work .modal-close::before {
		content: '';
		position: absolute;
		left: 30px;
		top: -10px;
		width: 1px;
		height: 80px
	}
	.modal-work .modal-close::after {
		content: '';
		position: absolute;
		right: 30px;
		top: -10px;
		width: 1px;
		height: 80px
	}
}
@media screen and (max-width:480px) {
	.navbar-default .navbar-brand {
		font-size: 19px;
		line-height: 21px
	}
	.work-item {
		float: left;
		width: 100%;
	}
	.work-item>.item-link>.item-desc h3 {
		margin-top: 60px
	}
}
#carousel123 {
	margin: 0 -15px;
}
.carousel-news .carousel-control {
	width: 4%;
	background-image: none;
}
.carousel-news .carousel-control.left {
	margin-left: 15px;
}
.carousel-news .carousel-control.right {
	margin-right: 15px;
}
.carousel-news .cloneditem-1,
.carousel-news .cloneditem-2,
.carousel-news .cloneditem-3 {
	display: none;
}
@media all and (min-width: 768px) {
	.carousel-news .carousel-inner > .active.left,
	.carousel-news .carousel-inner > .prev {
		left: -50%;
	}
	.carousel-news .carousel-inner > .active.right,
	.carousel-news .carousel-inner > .next {
		left: 50%;
	}
	.carousel-news .carousel-inner > .left,
	.carousel-news .carousel-inner > .prev.right,
	.carousel-news .carousel-inner > .active {
		left: 0;
	}
	.carousel-news .carousel-inner .cloneditem-1 {
		display: block;
	}
	.news-box {
		min-height: 655px;
	}
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
	.carousel-news .carousel-inner > .item.active.right,
	.carousel-news .carousel-inner > .item.next {
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
		left: 0;
	}
	.carousel-news .carousel-inner > .item.active.left,
	.carousel-news .carousel-inner > .item.prev {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
		left: 0;
	}
	.carousel-news .carousel-inner > .item.left,
	.carousel-news .carousel-inner > .item.prev.right,
	.carousel-news .carousel-inner > .item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0;
	}
}
@media all and (min-width: 992px) {
	.carousel-news .carousel-inner > .active.left,
	.carousel-news .carousel-inner > .prev {
		left: -25%;
	}
	.carousel-news .carousel-inner > .active.right,
	.carousel-news .carousel-inner > .next {
		left: 25%;
	}
	.carousel-news .carousel-inner > .left,
	.carousel-news .carousel-inner > .prev.right,
	.carousel-news .carousel-inner > .active {
		left: 0;
	}
	.carousel-news .carousel-inner .cloneditem-2,
	.carousel-news .carousel-inner .cloneditem-3 {
		display: block;
	}
#news-carousel .carousel-control .icon-prev, #news-carousel .carousel-control .icon-next, #news-carousel .carousel-control .glyphicon-chevron-left, #news-carousel .carousel-control .glyphicon-chevron-right {
	top: 37%;
	}
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
	.carousel-news .carousel-inner > .item.active.right,
	.carousel-news .carousel-inner > .item.next {
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
		left: 0;
	}
	.carousel-news .carousel-inner > .item.active.left,
	.carousel-news .carousel-inner > .item.prev {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
		left: 0;
	}
	.carousel-news .carousel-inner > .item.left,
	.carousel-news .carousel-inner > .item.prev.right,
	.carousel-news .carousel-inner > .item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0;
	}
	.news-box {
		min-height: 740px;
	}
}