@media (min-width: 991px) and (max-width: 1280px) {
	.header .nav li {
		margin-right: 30px;
	}

		.header .nav li .dropdown {
			width: 200px;
		}

	.services button,
	.blogs-main button {
		background: transparent;
		width: auto;
		height: auto;
	}

		.services button:hover,
		.blogs-main button:hover {
			/*color: #333;*/
			background: transparent !important;
		}

		.services button.Prev {
			/*tman*/
			/*left: -35px;*/
			min-width:50px;
		}

		.services button.Next {
			/*tman*/
			/*right: -35px;*/
			min-width: 50px;
		}

		.blogs-main button.Prev {
			left: -30px;
		}

		.blogs-main button.Next {
			right: -30px;
		}
}

@media (max-width: 991px) {
	.mobile-arrow {
		position: relative;
		margin-top: 15px;
		float: right;
		background: transparent;
		color: #fff;
		line-height: 30px;
		font-size: 30px;
		cursor: pointer;
		color: #82B440;
	}

	.slicknav_nav a {
		border-bottom: 1px solid #f3f3f3;
		padding: 10px 0;
	}

	.slicknav_nav li {
		text-align: center;
	}
}

/* Tablet Layout */
@media (min-width: 768px) and (max-width: 991px) {
	.hero-area .owl-controls .owl-nav {
		margin-top: -39px;
		left: 2px;
	}

		.hero-area .owl-controls .owl-nav div {
			width: 34px;
			height: 34px;
			line-height: 34px;
		}

		.hero-area .owl-controls .owl-nav .owl-prev {
			margin-bottom: 10px;
		}

	.section-title {
		padding: 0 75px;
	}

	.breadcrumbs h2 {
		float: none;
		display: block;
	}

	.breadcrumbs ul {
		display: block;
		float: none;
	}

	.header .topbar {
		padding: 5px 0;
	}

	.header .contact {
		float: none;
		text-align: center;
		margin-top: 0px;
	}

	.header .logo,
	.header .navigation,
	.slicknav_btn {
		display: none;
	}

	.header .button {
		position: absolute;
		right: 0;
		top: -46px;
	}

	.header .link,
	.mobile-arrow {
		display: block;
	}

		.header .link a {
			font-size: 22px;
		}

	.header .middle-bar {
		/*padding: 10px 0;*/
	}


	.header.onepage .mobile-arrow {
		position: absolute;
		right: 0;
		overflow: 0;
	}

	.slicknav_nav li .slicknav_item i {
		display: none;
	}

	.header .mobile-menu .slicknav_nav {
		display: block !important;
	}

	.header .link {
		margin-top: 0px;
	}

	.header .middle-bar {
		/*padding: 10px 0;*/
	}

	/*.header .mobile-menu .slicknav_menu {
		background: transparent;
	}*/

	.header .mobile-menu {
		display: block;
		position: absolute;
		width: 100%;
		left: 0;
		visibility: hidden;
		opacity: 0;
		top: calc(110% + 8px);
		transform: scaleY(0);
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		-webkit-transform-origin: top;
		transform-origin: top;
		height: auto;
		padding: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

		.header .mobile-menu.active {
			transform: scaleY(1);
			opacity: 1;
			visibility: visible;
		}

	.services .single-service {
		height: 250px;
	}

	.services button {
		width: auto;
		height: auto;
	}

		.services button.Prev {
			/*tman*/
			/*left: -32px;*/
			/*left: 0px;*/
			min-width: 50px;
		}

		.services button.Next {
			/*tman*/
			/*right: -32px;*/
			/*right: 0px;*/
			min-width: 50px;
		}

	.services .service-slider button:hover {
		background: transparent;
		/*color: #333;*/
	}

	.header .topbar-right {
		float: none;
		text-align: center;
		margin-top: 5px;
	}

	.hero-area,
	.hero-area .single-slider,
	.hero-area .slider-text {
		/*height: 500px;*/
	}

		.hero-area .slider-text h1 {
			font-size: 32px;
		}

		.hero-area .image-gallery {
			top: 120px;
		}

		.hero-area .single-image {
			max-width: 300px;
		}

		.hero-area .owl-controls .owl-dots {
			padding: 20px 10px;
		}

	.fun-facts .section-title {
		text-align: center;
	}

	.fun-facts .single-fact {
		text-align: center;
	}

	.fun-facts .icon {
		float: none;
		margin: 0;
	}

		.fun-facts .icon i {
		}

	.fun-facts .counter {
		float: none;
		text-align: center;
	}

	.services {
		overflow: hidden;
	}

	.consulting {
		padding: 50px 0 0;
	}

		.consulting .consult-right {
			position: relative;
			width: 100%;
			padding: 60px 45px;
			text-align: left;
			background: #333;
			margin-top: 50px;
		}

	.testimonials button {
		width: auto;
		height: auto;
	}

		.testimonials button.Prev {
			left: -25px;
		}

		.testimonials button.Next {
			right: -25px;
		}

	.testimonials .testimonial-nav button:hover {
		background: transparent;
		color: #333333;
	}

	.call-to-action::before {
		width: 100%;
		height: 100%;
	}

	.call-to-action::after {
		display: none;
	}

	.blogs-main .blog-slider button {
		width: auto;
		height: auto;
	}

		.blogs-main .blog-slider button.Prev {
			left: -18px;
		}

		.blogs-main .blog-slider button.Next {
			Right: -18px;
		}

		.blogs-main .blog-slider button:hover {
			background: transparent;
			color: #333333;
		}

	.radix-tabs .btn {
		padding: 12px 20px;
	}

	.portfolio.single .portfolio-content {
		margin-top: 10px;
	}

	.services a.Prev {
		left: -35px; 
	}

	.services a.Next {
		right: -35px;
	}
}
/* Mobile Layout */
@media only screen and (max-width: 767px) {
	.section-title {
		padding: 0 20px;
	}

		.section-title h1 {
			font-size: 28px;
		}

	.title-bg {
		font-size: 70px;
		top: 10px;
	}

	.breadcrumbs {
		padding: 35px 0;
	}

		.breadcrumbs h2 {
			float: none;
			display: block;
			font-size: 24px;
		}

		.breadcrumbs ul {
			display: block;
			float: none;
		}

	.header .logo,
	.header .button,
	.hero-area .image-gallery {
		display: none;
	}

	.header .topbar {
		padding: 5px 0;
	}

	.header .contact li {
		margin: 0;
	}

	.header .contact {
		float: none;
		text-align: center;
		margin-top: 0px;
	}

	.header .link, .mobile-arrow {
		display: block;
	}

		.header .link a {
			font-size: 22px;
		}

	.mobile-menu {
		display: block;
	}

	.mainmenu,
	.header .topbar-right,
	.radix-tabs .tab-image,
	.slicknav_btn {
		display: none;
	} 

	.slicknav_nav li .slicknav_item i {
		display: none;
	}

	.header .mobile-menu .slicknav_nav {
		display: block !important;
	}

	.header .link {
		margin-top: 0px;
	}

	.header .middle-bar {
		padding: 10px 0;
	}

	/*.header .mobile-menu .slicknav_menu {
		background: transparent;
	}*/

	.header .mobile-menu {
		display: block;
		position: absolute;
		width: 100%;
		left: 0;
		visibility: hidden;
		opacity: 0;
		top: calc(110% + 0px);
		transform: scaleY(0);
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		-webkit-transform-origin: top;
		transform-origin: top;
		height: auto;
		padding: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

		.header .mobile-menu.active {
			transform: scaleY(1);
			opacity: 1;
			visibility: visible;
		}


	.hero-area .single-slider,
	.hero-area .slider-text {
		height: 500px;
	}

	.hero-area .single-slider,
	.hero-area .slider-text {
		height: 400px;
	}

	.thank-you-header-date {
		visibility: hidden;
	}

	.multiline-input {
		height: 80px;
	}

	.hero-area .slider-text h1 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.hero-area .button {
		margin-top: 15px;
	}

		.hero-area .button .btn {
			border-radius: 3px;
			padding: 12px 18px;
		}

	.services .single-service {
		height: 250px;
	}

	.services button,
	.testimonials button {
		width: auto;
		height: auto;
	}

		.services button.Prev {
			/*tman*/
			/*left: -40px;*/
			left: -45px;
			min-width: 50px;
		}

		.services button.Next {
			/*tman*/
			/*right: -40px;*/
			right: -45px;
			min-width: 50px;
		}

	.services .service-slider button:hover,
	.testimonials .testimonial-nav button:hover {
		background: transparent;
		/*color: #333;*/
	}

	.testimonials .testimonial-nav button.Prev {
		left: -50px;
	}

	.testimonials .testimonial-nav button.Next {
		right: -50px;
	}

	.consulting {
		padding: 50px 0 0;
	}

		.consulting .consult-right {
			position: relative;
			width: 100%;
			padding: 60px 45px;
			text-align: left;
			background: #333;
			margin-top: 50px;
		}

	.why-choose .why-video {
		width: 100%;
		height: 310px;
	}

	.why-choose .choose-main {
		padding: 40px;
	}

	.why-choose .working-process h2 {
		font-size: 25px;
	}

	.why-choose .single-choose h4 {
		font-size: 15px;
	}

	.portfolio .portfolio-nav ul li {
		display: block;
	}

	.portfolio .portfolio-nav {
		border-bottom: 0px;
		padding-bottom: 15px;
		margin-bottom: 0px;
	}

	.portfolio .portfolio-hover {
		padding: 18px 15px;
	}

	.consulting .text-content h2 {
		font-size: 24px;
	}

	.call-to-action::before {
		width: 100%;
		height: 100%;
	}

	.call-to-action::after {
		display: none;
	}

	.radix-tabs .nav-main .nav-tabs li a::before {
		display: none;
	}

	.radix-tabs .nav-main .nav-tabs li {
		display: inline-block;
		width: 100%;
	}

		.radix-tabs .nav-main .nav-tabs li a {
			padding: 10px 30px;
		}

	.radix-tabs .btn {
		margin-right: 10px;
		padding: 13px 22px;
	}

	.faqs-main .faq-title {
		line-height: 26px;
		font-size: 15px;
	}

		.faqs-main .faq-title a {
			padding: 12px 20px;
		}

	.error-page .error-inner h1 span {
		font-size: 20px;
	}

	.error-page .error-inner p {
		padding: 20px 0px;
	}

	.portfolio.single .portfolio-content {
		margin-top: 30px;
	}

		.portfolio.single .portfolio-content h2 {
			font-size: 22px;
		}

	.blogs-main.archives.single .blog-top {
	}

	.blogs-main.archives.single .meta {
		float: none;
	}

	.blogs-main.archives.single .social-share {
		float: none;
	}

	.blogs-main.archives.single .arrow li a {
		padding: 10px 14px;
	}

	.blogs-main.archives.single .author-left {
		float: none;
		border: none;
		padding: 0;
		margin: 0;
		width: 100%;
		margin-bottom: 15px;
	}

	.blogs-main.archives.single .author-content {
		float: none;
		width: 100%;
		text-align: center;
	}

	.blogs-main.archives.single .single-comments .body {
		float: none;
		width: 100%;
	}

	.blogs-main.archives.single .comment-list .body {
		width: 100%;
	}

	.blogs-main.archives.single .comment-list {
		padding-left: 0px;
	}

	.blogs-main.archives.single .single-comments .head {
		float: none;
		margin-right: 0px;
		text-align: center;
		width: 100%;
		margin-bottom: 15px;
	}

	.blogs-main.archives.single .single-comments .body::before {
		left: 0;
		top: -17px;
	}

	.blogs-main .blog-slider button {
		width: auto;
		height: auto;
	}

		.blogs-main .blog-slider button.Prev {
			left: -25px;
		}

		.blogs-main .blog-slider button.Next {
			Right: -25px;
		}

		.blogs-main .blog-slider button:hover {
			background: transparent;
			color: #333333;
		}

	.contact-us #myMap {
		height: 300px;
		width: 100%;
	}
}

@media only screen and (max-width: 600px) {
	.get-quote {
		width: 90%;
		min-width: 300px;
		background-color: white;
		border-radius: 8px;
		padding: 20px 10px;
	}

	.successful-dialog {
		width: 90%;
		min-width: 300px;
		border-radius: 8px;
		padding: 20px 10px;
		display: table
	}
}
