@media(min-width:992px) and (max-width:1199px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 15px
	}
}

@media(min-width:768px) and (max-width:991px) {
	.btn {
		padding: 10px 12px
	}
	.section-header .section-title {
		font-size: 22px
	}
	#hero-area .contents {
		padding: 148px 0 48px
	}
	#hero-area .contents h1 {
		font-size: 26px;
		font-weight: 600
	}
	.intro-img {
		padding: 130px 0
	}
	#video-area .contents h1 {
		font-size: 32px;
		line-height: 48px
	}
	.contents .head-title {
		font-size: 24px!important
	}
	.contents h4 {
		font-size: 22px;
		line-height: 38px
	}
	.navbar-expand-lg .navbar-nav {
		padding: 0
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 5px 12px
	}
	.mainmenu-area .menu-button {
		line-height: 46px
	}
	.show .item-boxes h4 {
		font-size: 16px
	}
	#carousel-area .carousel-item .carousel-caption h1 {
		font-size: 40px
	}
	#features .box-item .text h4 {
		font-size: 12px
	}
	#features .box-item .icon {
		width: 48px;
		height: 48px;
		margin: 5px 0
	}
	#features .box-item .icon i {
		line-height: 48px
	}
	#features .content-left .text {
		margin-right: 60px
	}
	#features .content-right .text {
		margin-left: 60px
	}
	.subscribe-box input[type=text] {
		padding: 6px 10px
	}
	.pricing-table .pricing-details ul li {
		font-size: 13px
	}
	#blog .blog-item-text h3 {
		font-size: 14px
	}
	.navbar-collapse {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: #444;
		z-index: 9;
		box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .1);
		padding: 5px 12px
	}
	.show-menu .menu-wrap .navbar-collapse {
		top: 0;
		box-shadow: none;
		padding: 0 12px
	}
}

@media(max-width:767px) {
	.section-subtitle br {
		display: none
	}
	.btn {
		padding: 10px 12px
	}
	.navbar-toggleable-sm>.container {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px
	}
	.navbar-expand-lg .navbar-nav {
		padding: 0
	}
	.navbar-expand-lg .navbar-brand,
	.navbar-expand-lg .navbar-toggler {
		margin: 12px 15px
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 4px 12px;
		margin-bottom: 3px
	}
	.mainmenu-area {
		padding: 0
	}
	#hero-area .contents .btn {
		margin: 0 25px 15px 0
	}
	#carousel-area .carousel-item .carousel-caption h1 {
		font-size: 25px;
		line-height: 35px;
		font-weight: 700
	}
	.section-header .section-title {
		font-size: 22px
	}
	#hero-area .contents {
		padding: 190px 0 140px
	}
	#hero-area .contents h1 {
		font-size: 25px;
		font-weight: 600
	}
	.contents .head-title {
		font-size: 18px!important
	}
	.contents h4 {
		font-size: 18px;
		line-height: 30px
	}
	.mainmenu-area .menu-button {
		display: none
	}
	.intro-img {
		padding: 100px 0
	}
	.menu-wrap {
		padding: 10px
	}
	.icon-list a {
		padding: 5px 0
	}
	.icon-list a::before {
		top: 5px
	}
	.bg-faded {
		background: #fff!important
	}
	#video-area .contents h1 {
		font-size: 30px;
		line-height: 48px
	}
	#features .content-right span {
		float: none
	}
	#features .content-left span {
		float: none
	}
	#features .box-item .icon {
		margin: 12px 0
	}
	#features .box-item .text h4 {
		font-size: 13px
	}
	#blog .blog-item-wrapper {
		margin-bottom: 30px
	}
	.single-team {
		margin-bottom: 30px;
		max-width: 370px;
		margin: auto
	}
	.pricing-tables .pricing-table {
		max-width: 370px;
		margin-left: auto;
		margin-right: auto
	}
	.table-left {
		margin: 0
	}
	.counters .facts-item {
		margin-bottom: 30px
	}
	#portfolios .portfolio-item .shot-item {
		max-width: 350px;
		margin-left: auto;
		margin-right: auto
	}
	.navbar-collapse {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: #444;
		z-index: 9;
		box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .1);
		padding: 5px 12px
	}
	.show-menu .menu-wrap .navbar-collapse {
		top: 0;
		box-shadow: none;
		padding: 0 12px
	}
}

@media(min-width:320px) and (max-width:480px) {
	.navbar-toggleable-sm>.container {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px
	}
	.mainmenu-area {
		padding: 0
	}
	.bg-faded {
		background: #fff!important
	}
	.navbar-expand-lg .navbar-brand,
	.navbar-expand-lg .navbar-toggler {
		margin: 12px 15px
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 2px 12px;
		margin-bottom: 3px
	}
	.mainmenu-area .menu-button {
		display: none
	}
	.section-header .section-title {
    font-size: 30px!important;
    line-height: 30px;
}
	.contents .head-title {
		font-size: 16px!important
	}
	.contents h4 {
		font-size: 18px;
		line-height: 30px
	}
	#hero-area .contents .btn {
		margin: 0 5px 15px 0
	}
	#carousel-area .carousel-item .carousel-caption h1 {
		font-size: 20px;
		line-height: 30px;
		font-weight: 700
	}
	#carousel-area .carousel-item .carousel-caption .btn {
		margin: 10px 15px
	}
	#carousel-area .carousel-control-next i,
	#carousel-area .carousel-control-prev i {
		border: none;
		display: none
	}
	#carousel-area .carousel-control-next i:hover,
	#carousel-area .carousel-control-prev i:hover {
		background: 0 0!important;
		border: none!important
	}
	.text-right {
		text-align: left!important
	}
	#features .box-item {
		text-align: center
	}
	#video-area .contents {
		padding: 80px 0 60px
	}
	#video-area .contents h1 {
		font-size: 26px!important;
		line-height: 32px;
	}
	.video-promo .video-promo-content h2 {
		font-size: 18px
	}
	.controls .btn {
		font-size: 12px;
		text-transform: capitalize
	}
	.single-team {
		margin-bottom: 30px
	}
	.pricing-tables .pricing-table {
		margin-bottom: 30px
	}
	#blog .blog-item-wrapper {
		margin-bottom: 30px
	}
	#blog .blog-item-text h3 {
	font-size: 18px;
    min-height: 31px;
    max-height: 100px;
	}
	#blog .blog-item-text .meta-tags span {
		margin-right: 5px
	}
	.counters .facts-item {
		margin-bottom: 30px
	}
	#contact .section-title {
		font-size: 22px
	}
	#subscribe .sub_btn {
		min-width: 120px
	}
	.social-icons ul li a {
		width: 36px;
		height: 36px;
		line-height: 36px;
		margin-left: 0
	}
	#blog-single .blog-post .post-content {
		padding: 15px
	}
	#blog-single .blog-post .post-content h3 {
		font-size: 15px
	}
	.blog-comment .comment-author {
		margin-bottom: 40px
	}
	.blog-comment .comment-list .children {
		padding-left: 0
	}
	.post-meta ul li {
		line-height: 28px
	}
}