@media (max-width:1366px) {
	.main_slider_inner {
		height: 800px!important
	}
	.main_slider_area .img-overlay .slider_text ul {
		padding-top: 90px
	}
	.main_slider_area .img-overlay .slider_text .button {
		padding-bottom: 190px
	}
	.main_slider_area.slider2 .main_slider_inner {
		height: 810px!important
	}
	.main_slider_area .img-overlay {
		height: 810px
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h2 {
		padding-top: 110px
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h3 {
		padding-bottom: 220px
	}
}

@media (max-width:1199px) {
	.about-us-area .about-right {
		padding-left: 15px
	}
	.about-us-area .about-right h4 {
		padding-left: 0
	}
	.about-us-area .about-right .clients-logos .clients-logo {
		width: 140px;
		height: 140px
	}
	.services-items {
		padding: 69px 10px 43px 10px
	}
	.services-items .icon {
		left: 42%
	}
	.header .header-navigation {
		padding: 0 50px
	}
	.main_slider_area .img-overlay .slider_text ul li {
		letter-spacing: 0
	}
	.blog-area .blog .blog-item::before {
		transform: skew(-45deg) translateX(186%)
	}
	.blog-area .blog .blog-item::after {
		transform: skew(-45deg) translateX(-186%)
	}
	.blog-area .blog .blog-item::after,
	.blog-area .blog .blog-item::before {
		width: 293%;
		height: 234%
	}
}

@media (max-width:991px) {
	.main_slider_area.slider2 {
		height: 800px
	}
	.main_slider_area.slider2 .main_slider_inner {
		height: 800px!important
	}
	.main_slider_area.slider2 .img-overlay {
		height: 800px
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h3 {
		padding-bottom: 135px
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h2 {
		padding-top: 55px
	}
	.about-us-area .about-right {
		width: 75%;
		margin-top: 30px
	}
	.about-us-area .about-texts {
		width: 100%
	}
	.about-us-area .about-right .clients-logos .clients-logo {
		width: 150px;
		height: 150px;
		margin: 0 auto 0 0
	}
	.fanfact-area .fan-item h5 {
		font-size: 10px
	}
	.work-area {
		padding: 100px 30px
	}
	.header .header-navigation {
		padding: 0 15px
	}
	.header .header-navigation .menu .navbar-nav li+li {
		margin-left: 5px
	}
	.header .header-navigation .right-side .social li+li a {
		padding-left: 5px
	}
	.main_slider_area .img-overlay .slider_text ul li {
		font-size: 45px
	}
	.blog-area .blog .blog-item {
		margin-bottom: 30px
	}
	.blog-area.sect-pad {
		padding: 100px 0 70px
	}
	.priceing-area.sect-pad {
		padding-bottom: 22px
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h3 {
		font-size: 44px
	}
}

@media (max-width:767px) {
	.main_slider_area .img-overlay .slider_text p {
		font-size: 14px
	}
	.main_slider_area .img-overlay .slider_text .button {
		padding-bottom: 191px
	}
	.about-us-area .about-right {
		width: 100%
	}
	.fanfact-area .fan-item {
		padding-bottom: 30px
	}
	.fanfact-area {
		padding: 111px 0 60px
	}
	.fanfact-area .fan-item h5 {
		font-size: 14px
	}
	.services-items {
		max-width: 400px;
		margin: 0 auto 103px auto;
		text-align: center;
		padding: 50px 10px 60px 10px
	}
	.services-items .icon {
		left: 43%
	}
	.mobile {
		display: none
	}
	.header .header-navigation {
		display: block;
		position: relative
	}
	.header .header-navigation .left-side {
		position: absolute;
		top: 0
	}
	.navbar-toggle {
		padding: 10px 10px;
		margin-top: 17px;
		margin-bottom: 17px;
		background: #fff;
		border-radius: 0
	}
	.navbar-toggle .icon-bar {
		background: #000
	}
	.header .header-navigation .menu {
		padding-top: 0
	}
	.header .header-navigation .menu .navbar-nav {
		text-align: left;
		margin: 10px 0 0 0
	}
	.header .header-navigation .menu .navbar-nav li {
		display: block
	}
	.header .header-navigation .menu .navbar-nav li a {
		display: inline-block
	}
	.header .header-navigation .menu .navbar-nav li+li {
		margin-left: 0
	}
	.header .header-navigation .menu .navbar-nav li a {
		padding: 2px 0
	}
	.header .header-navigation .right-side .social li a {
		line-height: 42px
	}
	.mobile-social .social {
		padding-bottom: 8px
	}
	.header .header-navigation .right-side .social li+li a {
		padding-left: 15px
	}
	.blog-area .blog .col-sm-6 {
		max-width: 370px;
		margin: 0 auto;
		padding: 0
	}
	.contact_map .location {
		padding: 20px 0 16px 15px;
		width: 390px
	}
	.contact_map .location h6 {
		letter-spacing: 1px
	}
	.contact-area .contact_info {
		margin-top: 30px
	}
	.footer-area .footer-content .scroll-t {
		left: 47%
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h3 {
		letter-spacing: 0
	}
}

@media (max-width:620px) {
	.main_slider_area .img-overlay .slider_text ul li:nth-child(3),
	.main_slider_area .img-overlay .slider_text ul li:nth-child(7) {
		padding-left: 10px
	}
	.main_slider_area .img-overlay .slider_text ul li {
		font-size: 40px
	}
	.main_slider_area .img-overlay .slider_text .button {
		padding-bottom: 198px
	}
}

@media (max-width:580px) {
	.work-area .filter_row .work_filter li {
		letter-spacing: 0
	}
	.work-area .work-gallery .work-item h2 {
		letter-spacing: 0
	}
}

@media(max-width:550px) {
	.work-area {
		padding: 100px 15px
	}
	.work-area .filter_row .work_filter li+li {
		margin-left: 4px
	}
	.main_slider_area .img-overlay .slider_text .logo img {
		max-width: 100%!important
	}
	.main_slider_area .img-overlay .slider_text ul li:nth-child(3),
	.main_slider_area .img-overlay .slider_text ul li:nth-child(7) {
		padding-left: 3px
	}
	.main_slider_area .img-overlay .slider_text ul li {
		font-size: 35px
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h2 {
		font-size: 30px;
		padding-top: 50px
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h3 {
		font-size: 35px;
		padding-bottom: 0
	}
	.main_slider_area .main_slider_inner {
		height: 600px!important
	}
	.main_slider_area .img-overlay .slider_text ul {
		padding-top: 74px
	}
	.main_slider_area .img-overlay .slider_text .button {
		padding-bottom: 140px
	}
	.mouse-button {
		display: none
	}
	.main_slider_area.slider2 {
		height: 600px
	}
	.main_slider_area.slider2 .main_slider_inner {
		height: 600px!important
	}
	.main_slider_area.slider2 .img-overlay {
		height: 600px
	}
	.main_slider_area .img-overlay .slider_text .button a+a {
		margin-left: 15px
	}
	.main_slider_area .img-overlay .slider_text p {
		line-height: 28px
	}
	.main_slider_area .img-overlay .slider_text .button a {
		width: 200px;
		margin: 0 auto;
		padding: 19px 0;
		display: block
	}
	.main_slider_area .img-overlay .slider_text .button a+a {
		margin-left: auto;
		margin-top: 10px
	}
	.footer-area .footer-content .scroll-t {
		left: 45%
	}
	.footer-area .footer-content h6 {
		padding-top: 40px
	}
}

@media (max-width:500px) {
	.section-title h2 {
		font-size: 14px;
		padding-left: 20px
	}
	.parallax-img {
		height: 600px
	}
}

@media (max-width:460px) {
	.fanfact-area .col-xs-6 {
		width: 100%
	}
	.blog-area .section-title h2 {
		padding-left: 5px
	}
	.blog-area .section-title i {
		margin-left: 0
	}
	.main_slider_area .img-overlay .slider_text ul li {
		font-size: 24px
	}
	.blog-area .blog .col-sm-6 {
		padding: 0 15px
	}
	.contact_map .location {
		padding: 20px 0 16px 10px;
		width: 300px
	}
	.contact_map .location ul li a i {
		padding-right: 10px
	}
	.footer-area .footer-content .scroll-t {
		left: 43%
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h3 {
		font-size: 30px;
		padding-bottom: 0
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h2 {
		font-size: 22px;
		padding-top: 70px
	}
	.parallax-img {
		height: 600px
	}
	.main_slider_area.slider2 {
		height: 600px
	}
}

@media (max-width:430px) {
	.work-area .filter_row .work_filter li {
		padding: 6px 16px
	}
	.section-title h2 i {
		margin-left: 15px;
		padding: 15px 20px
	}
	.blog-area .section-title i {
		margin-left: 0
	}
	.main_slider_area .img-overlay .slider_text ul li {
		font-size: 22px
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 h3 {
		font-size: 24px;
		padding-bottom: 0;
		line-height: 30px
	}
	.main_slider_area.slider2 {
		height: 600px
	}
	.main_slider_area.slider2 .img-overlay {
		height: 600px
	}
	.main_slider_area.slider2 .main_slider_inner {
		height: 600px!important
	}
	.main_slider_area .img-overlay .slider_text.slider-text2 {
		padding-top: 50px
	}
}

@media (max-width:380px) {
	.work-area .work-gallery .work-item {
		width: 100%;
		margin: 0 auto 48px auto
	}
	.footer-area .footer-content p {
		letter-spacing: 0
	}
}

@media (max-width:350px) {
	.about-us-area .about-right .clients-logos .clients-logo {
		width: 130px;
		height: 130px;
		line-height: 130px
	}
	.section-title h2 {
		font-size: 13px
	}
}