@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title {
		padding: 0px;
	}

	.section {
		padding: 70px 0px;
	}

	.breadcrumbs {
		padding: 100px 0px;
	}

	.header .single-top p {
		font-size: 12px;
	}

	.header .topbar .button .btn {
		padding: 12px 12px;
	}

	.header .right-bar {
		padding-top: 15px;
	}

	.header .logo {
		margin-top: 24px;
	}

	.header .nav li {
		margin-right: 2px;
	}

	.header .nav li a {
		font-size: 13px;
		padding: 10px 8px;
	}

	.header .nav li .dropdown .sub-dropdown {
		left: 0%;
		left: -110%;
		opacity: 0;
		visibility: hidden;
	}

	.header .nav li .dropdown li:hover .sub-dropdown {
		opacity: 1;
		visibility: visible;
		left: 0%;
		left: -100%;
	}

	.header .nav li .dropdown li i {
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.header .nav li .dropdown li:hover i {
		transform: rotate(180deg);
	}

	.header .right-bar {
		display: none;
	}

	.hero-slider,
	.hero-slider .single-slider {
		position: relative;
		height: 500px;
	}

	.hero-slider .single-slider .text h1 {
		font-size: 35px;
		line-height: 42px;
	}

	.hero-slider .single-slider .text {
		float: none;
		text-align: left;
		margin: 100px 0 0;
	}

	.about-area .image img {
		width: 100%;
		height: 100%;
		display: block;
		float: left;
		margin-top: 50px;
		transform: translateX(50px);
	}

	.about-area .content-inner {
		margin-top: 30px;
		padding-left: 50px;
	}

	.skill-area .skill-img {
		margin-left: 20px;
		text-align: center;
	}

	.skill-area .skill-img img {
		height: auto;
		max-width: 325px;
	}

	.skill-area .section {
		padding: 70px 20px;
	}

	.why-choose .why-left {
		margin-bottom: 30px;
	}

	.latest-works.top {
		margin-top: 120px;
	}

	.latest-works .works-menu {
		text-align: left;
		margin-bottom: 30px;
		margin-top: 35px;
	}

	.latest-works .single-work .works-hover {
		padding: 15px;
	}

	.latest-works .single-work .works-hover .link {
		right: 15px;
		bottom: 15px;
	}

	.testimonials .contact-form-box {
		padding: 0px 60px;
		padding-bottom: 60px;
	}

	.team .xs-team {
		margin-bottom: 30px;
	}

	.pricing-table .section-title {
		margin-bottom: 30px;
	}

	.faq-area .faq-content {
		margin-top: 30px;
	}

	.blog .single-news {
		margin-bottom: 30px;
	}

	.clients .content {
		padding-right: 65px;
		margin-bottom: 30px;
	}

	.newslatter .mail input {
		width: 79%;
	}

	.contact-area .contact-form h2 {
		margin-top: 30px;
	}

	.goolge-map #myMap {
		height: 350px;
	}

	.footer .footer-top {
		padding: 50px 0px;
	}
}

@media only screen and (max-width: 767px) {
	.section-title {
		text-align: center;
		padding: 0;
	}

	.breadcrumbs {
		text-align: center;
	}

	.breadcrumbs h2 {
		margin-bottom: 10px;
	}

	.breadcrumbs h2,
	.breadcrumbs .bread-list {
		float: none;
	}

	.header .middle-header {
		background: #fff;
		padding: 20px 0px;
	}

	.header .main-menu {
		display: block;
		position: relative;
		margin-bottom: 20px;
	}

	/* Sticky */
	.header .sticky {
		position: fixed;
		width: 100%;
		top: 0;
		animation: fadeInDown 0.8s both 0s;
	}

	.header .main-menu.sticky {
		padding-bottom: 25px;
	}

	.header .nav li.current a,
	.header .nav li:hover a,
	.header .nav li:focus a {
		color: #fff;
		background: #3353ea;
	}

	.mobile-nav {
		display: block;
	}

	.header .mobile-nav {
		display: block;
		position: relative;
	}

	.header .slicknav_menu {
		background: transparent;
		padding: 0;
	}

	.header .slicknav_btn {
		background: #3353ea;
		padding: 8px 9px;
		margin: -31px 0px 0 0px;
		border: none;
		border-radius: 0px;
		text-shadow: none;
	}

	.header .drop-down .slicknav_nav .slicknav_arrow {
		display: block;
	}

	.header .slicknav_menu .mega-widget p {
		color: #fff;
		margin: 10px 0;
	}

	.header .slicknav_menu .mega-widget img {
		width: 100%;
	}

	.header .slicknav_menu .mega-widget .image a {
		display: none;
	}

	.header .slicknav_menu .list-menu span {
		margin-right: 10px;
	}

	.header .slicknav_menu .list-menu {
		display: block;
	}

	.header .slicknav_menutxt {
		text-shadow: none;
	}

	.header .slicknav_nav .slicknav_arrow {
		float: right;
	}

	.header .slicknav_nav li {
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	.header .slicknav_nav a {
		margin: 0;
		color: #333;
		background: transparent;
		overflow: hidden;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
		background: transparent;
	}

	.header .slicknav_nav a:hover,
	.header .slicknav_nav a:focus,
	.header .slicknav_nav a:active {
		color: #333;
		background: #fff;
	}

	.header .slicknav_nav li:hover a {}

	.header .slicknav_nav .dropdown li a {
		color: #333;
	}

	.header .slicknav_nav .dropdown li:hover a {
		color: #3353ea;
	}

	.header .slicknav_nav .dropdown .sub-dropdown li a {
		background: #fff;
		color: #333;
	}

	.header .slicknav_nav .dropdown .sub-dropdown li:hover a {
		color: #fff;
	}

	.header .slicknav_nav a i {
		display: none;
	}

	.header .slicknav_nav {
		background: #fff;
		margin-top: 10px;
		padding: 5px;
	}

	.header .slicknav_nav .drop-down {
		margin: 5px 10px;
	}

	.header .slicknav_nav .mega-inner a h4 {
		float: left;
		font-weight: 500;
	}

	.header .topbar,
	.single-top.text-right {
		text-align: center !important;
	}

	.header .top-left {
		display: none;
	}

	.header .top-right .social {
		float: left;
	}

	.header .single-top p {
		font-size: 13px;
	}

	.header .right-bar {
		padding-top: 15px;
	}

	.header .nav li a {
		font-size: 13px;
		padding: 20px 15px;
	}

	.header .right-bar {
		display: inline-block;
	}

	.header .search-form {
		top: 60px;
	}

	.section-title {
		padding: 0px;
		margin-bottom: 40px;
	}

	.section-title h2 {
		font-size: 29px;
		padding-bottom: 25px;
		margin-bottom: 20px;
		text-transform: capitalize;
		position: relative;
		color: #2c2d3f;
		font-weight: 700;
	}

	.section {
		padding: 60px 0px;
	}

	.breadcrumbs {
		padding: 80px 0px;
	}

	.header .single-top p {
		font-size: 12px;
	}

	.header .topbar .button .btn {
		padding: 12px 12px;
	}

	.header .right-bar {
		padding-top: 15px;
	}

	.header .logo {
		margin-top: 24px;
	}

	.header .nav li {
		margin-right: 2px;
	}

	.header .nav li a {
		font-size: 13px;
		padding: 10px 8px;
	}

	.header .right-bar {
		display: none;
	}

	.hero-slider,
	.hero-slider .single-slider {
		position: relative;
		height: 500px;
	}

	.hero-slider .single-slider .text h1 {
		font-size: 25px;
		line-height: 30px;
	}

	.hero-slider .single-slider .text {
		float: none;
		text-align: left;
		margin: 60px 0;
	}

	.hero-slider .single-slider .button .btn:last-child {
		margin-right: 0px;
		margin-top: 10px;
	}

	.about-area .image img {
		float: left;
		margin-top: 0px;
		transform: translateX(0px);
	}

	.about-area .image::before {
		display: none;
	}

	.about-area .content-inner {
		margin-top: 20px;
		padding-left: 0px;
	}

	.about-area .ab-counter .single-count {
		margin-bottom: 20px;
	}

	.skill-area {
		padding: 0px 15px;
	}

	.skill-area .skill-img {
		margin-left: 20px;
		text-align: center;
	}

	.skill-area .skill-img img {
		height: auto;
		max-width: 250px;
	}

	.call-action .call-content h3 {
		font-size: 26px;
	}

	.why-choose .why-right {
		display: none;
	}

	.latest-works .works-menu {
		text-align: left;
		margin-bottom: 30px;
		margin-top: 35px;
	}

	.latest-works .works-menu ul li {
		padding: 5px 18px;
		margin-bottom: 10px;
	}

	.latest-works .single-work .works-hover {
		padding: 15px;
	}

	.latest-works .single-work .works-hover .link {
		right: 15px;
		bottom: 15px;
	}

	.testimonials .single-testimonial {
		padding: 10px 0;
	}

	.testimonials .contact-form-box {
		padding: 0px 0px;
		padding-bottom: 60px;
	}

	.pricing-table .section-title {
		margin-bottom: 30px;
	}

	.faq-area .faq-content {
		margin-top: 30px;
	}

	.blog .single-news {
		margin-bottom: 30px;
	}

	.blog-single.full-width .news-content {
		padding: 25px;
	}

	.blog-single blockquote {
		padding: 25px 20px 25px 60px;
	}

	.blog-single .content .img-post .inner-image img {
		margin-bottom: 20px;
	}

	.blog-single .content .title-post .inner-image img {
		margin-bottom: 20px;
	}

	.blog-single .share-social {
		margin-top: -20px;
	}

	.blog-single .content .title-post ul {
		padding-left: 25px;
	}

	.blog-single .share-social .share-inner ul {
		float: none;
		margin-top: 20px;
	}

	.blog-single .single-comment .content a {
		margin-left: 0;
		margin-top: 10px;
	}

	.blog-single .comments .single-comment.left {
		margin-left: 0px;
	}

	.blog-single .comments .comment-title {
		padding-bottom: 0px;
		margin-bottom: 10px;
	}

	.blog-single .comments .single-comment {
		padding: 20px 0px;
	}

	.team .xs-team {
		margin-bottom: 30px;
	}

	.clients .content {
		padding-right: 65px;
		margin-bottom: 30px;
	}

	.contact-area .contact-form h2 {
		margin-top: 30px;
	}

	.goolge-map #myMap {
		height: 300px;
	}

	.newslatter .inner {
		padding: 70px 9px;
	}

	.newslatter .mail .button {
		border-radius: 0;
		width: 95px;
	}

	.newslatter .mail input {
		padding-right: 30px;
		padding-left: 15px;
		border-radius: 0;
	}

	.mail-success .mail-inner h2 {
		font-size: 25px;
	}

	.error-page .error-inner h2 {
		font-size: 87px;
	}

	.footer .f-link ul {
		margin: 10px 0px;
	}

	.footer .footer-top {
		padding: 50px 0px;
	}

	.footer .copyright-content {
		text-align: center;
	}

	.footer .copyright-content .links {
		float: none;
		margin-top: 10px;
	}











}