@media (min-width: 768px) and (max-width: 1024px) {
	.section {
		padding: 60px 0 45px;
	}
	.section-header .section-title {
		font-size: 22px;
	}
	.block-title {
		font-size: 16px;
	}
	#hero-area .contents {
		padding: 90px 0 20px;
	}
	.hero-area-2 .contents h2 {
		font-size: 30px;
		line-height: 36px;
	}
	.btn-trial {
		padding: 5px 9px;
		margin-left: 18px;
		font-size: 13px;
		text-transform: capitalize;
		margin-top: 5px;
	}
	.intro-img {
		padding: 90px 0;
	}
	.contents .head-title {
		font-size: 30px !important;
		line-height: 42px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 12px 5px;
		font-size: 13px;
		margin-left: 15px;
	}
	#carousel-area .carousel-item .carousel-caption h2 {
		font-size: 22px;
	}
	#carousel-area .carousel-agency .carousel-caption h2 {
		font-size: 40px;
		line-height: 48px;
	}
	.text-wrapper h3 {
		font-size: 24px;
	}
	#download .download-wrapper {
		padding: 0;
	}
	#download .download-wrapper .download-text h4 {
		font-size: 22px;
	}
	#blog .blog-item-wrapper {
		margin-bottom: 30px;
	}
	#blog .blog-item-text h3 {
		font-size: 14px;
	}
	#download .btn {
		margin: 20px 5px;
	}
	#counter .counter-text h3 {
		font-size: 20px;
	}
	#counter .counter-box {
		padding: 15px 20px;
	}
	#counter .counter-box p {
		font-size: 16px;
	}
	#counter .counter-box p {
		font-size: 14px;
	}
	#counter .counter-box h3 {
		font-size: 40px;
	}
	.back-to-top {
		bottom: 55px;
	}
}

/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-brand img {
		width: 80px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 8px 5px;
		margin-left: 5px;
		font-size: 10px;
	}
	.hero-area .contents {
		padding: 100px 0 20px;
	}

	.contents .head-title {
		font-size: 20px !important;
		line-height: 24px !important;
	}
	.hero-area-2 .contents h2 {
		line-height: 42px;
		font-size: 26px;
	}

	.hero-area-2 .overlay {
		min-height: 475px;
	}
	.form-control {
		padding: 10px 15px;
	}

	.form-inline {
		margin-top: 5px;
	}

	.hero-area-2 .contents .btn {
		font-size: 14px;

		padding: 10px 15px;
	}

	.hero-area-2 .contents p {
		color: #fff;
		font-size: 14px;
		line-height: 26px;
	}
	.header-button img {
		width: 100px;
		height: 30px;
	}

	.hero-area-2 .contents {
		padding: 168px 5px 120px;
		padding-bottom: 120px;
	}
	.hero-area-2 .contents {
		padding-bottom: 0px;
	}
	.hero-area-2 .intro-img {
		padding: 20px 0px 0px;
	}
	.intro-img {
		padding: 0;
	}
	.btn-trial {
		padding: 4px 8px;
		margin-left: 18px;
		font-size: 12px;
		text-transform: capitalize;
		margin-top: 6px;
	}
	#features-two .img-thumb {
		margin: 30px 0;
	}
	.text-wrapper h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.section-header {
		margin-bottom: 40px;
	}
	.works_right h2 {
		font-size: 20px;
	}
	.works_right p {
		font-size: 14px;
		line-height: 22px;
	}
	.work-content {
		width: 100%;
	}
	.section-header h2 {
		font-size: 26px;
	}

	.works_left {
		margin-top: 165px;
		/* margin-left: 35px; */
	}

	.works_left h2 {
		font-size: 20px;
	}
	.works_left p {
		font-size: 14px;
		line-height: 22px;
	}

	.works_right_service {
		margin-top: 130px;
	}

	.works_right_service h2 {
		font-size: 20px;
	}
	.works_right_service p {
		font-size: 14px;
		line-height: 22px;
	}

	.wrok-bg {
		max-height: 700px;
		width: 100%;
	}

	.single-service h4 {
		font-size: 14px;
	}

	.counter {
		font-size: 26px;
	}

	.counter-section h3 {
		font-family: Helvetica;
		font-size: 18px;
	}

	.single_what_we_do .what_we_do_title {
		font-size: 16px;
	}

	.single_what_we_do .what_we_do_content {
		font-size: 14px;
	}

	#features-two p {
		margin-bottom: 20px;
	}
	.pricing-table .price {
		padding: 15px;
	}
	#download .download-wrapper .download-text h4 {
		font-size: 18px;
	}
	#download .btn {
		margin: 12px 0px 0px 0px;
		padding: 5px 15px;
		font-size: 12px;
	}
	.single-team {
		margin-bottom: 30px;
	}
	.widget {
		margin-top: 30px;
	}
	#counter .counter-box h3 {
		font-size: 40px;
	}
	.contact-info_area {
		margin-top: 15px;
	}
	#about .about-content {
		margin-top: 20px;
	}
	#carousel-screen {
		width: 100% !important;
	}
	.back-to-top {
		bottom: 55px;
	}
}

@media only screen and (max-width: 767px) {
	.section {
		padding: 60px 0 45px;
	}
	.hero-area .contents {
		padding: 100px 0 20px;
	}
	.hero-area .contents h2 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	.hero-area-2 .contents h2 {
		font-size: 24px;
		line-height: 36px;
	}
	.hero-area-2 .contents {
		padding-bottom: 0px;
	}
	.hero-area-2 .intro-img {
		padding: 20px 0px 0px;
	}
	.hero-area .intro-img {
		padding: 60px 0 0;
	}
	.navbar {
		padding: 0;
	}
	.bg-inverse {
		background: #191c1e;
	}
	.navbar-expand-md .navbar-brand,
	.navbar-expand-md .navbar-toggler {
		margin: 6px 15px;
	}
	.navbar-expand-md .navbar-nav {
		margin-bottom: 10px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 10px 0px;
		text-align: left;
		margin-left: 20px;
		margin-right: 20px;
	}
	.btn-trial {
		display: none;
	}
	.hero-area-2 .contents {
		padding: 100px 0 10px;
	}
	.hero-area-2 .contents .btn {
		margin-top: 20px;
	}
	#carousel-area .carousel-item .carousel-caption {
		top: 30%;
	}
	#carousel-area .carousel-item .carousel-caption h2 {
		font-size: 16px;
		line-height: 32px;
	}
	#carousel-area .carousel-agency .carousel-caption h2 {
		line-height: 30px;
	}
	#carousel-area .carousel-item .carousel-caption .btn {
		margin: 8px 5px;
		padding: 7px 16px;
		text-transform: capitalize;
		font-size: 14px;
	}
	.section-header .section-title {
		font-size: 22px;
	}
	#features-two .img-thumb {
		margin: 30px 0;
	}
	.text-wrapper h3 {
		font-size: 18px;
	}
	#blog .blog-item-wrapper {
		margin-bottom: 30px;
	}
	.pricing-tables .pricing-table {
		margin-bottom: 30px;
	}
	.counters .facts-item {
		margin-bottom: 30px;
	}
	.single-team {
		margin-bottom: 30px;
	}
	.single-feature {
		margin-bottom: 30px;
	}
	.widget {
		margin-top: 30px;
	}
	.video-promo .video-promo-content h2 {
		font-size: 20px;
	}
	.controls a {
		padding: 8px 16px;
	}
	.offer-area h2 {
		font-size: 20px;
		line-height: 30px;
	}
	.contact-info_area {
		margin-top: 15px;
	}
	.pricing-table {
		margin-bottom: 30px;
	}
	.text-wrapper {
		margin-bottom: 15px;
	}
	#download {
		padding: 60px 0 30px;
	}
	#download .download-wrapper {
		padding: 50px 0;
	}
	#download .download-wrapper .download-text h4 {
		font-size: 24px;
	}
	#contact h2 {
		font-size: 18px;
	}
	#about .about-content {
		margin-top: 20px;
	}
	#carousel-screen {
		width: 100% !important;
	}
	.back-to-top {
		bottom: 55px;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.section {
		padding: 60px 0 45px;
	}
	.section-header {
		margin-bottom: 30px;
	}

	.hero-area-2 .intro-img img {
		display: none;
	}

	.navbar {
		padding: 0;
	}
	.bg-inverse {
		background: #191c1e;
	}
	.navbar-expand-md .navbar-brand,
	.navbar-expand-md .navbar-toggler {
		margin: 6px 0px;
	}
	.navbar-expand-md .navbar-nav {
		margin-bottom: 10px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 10px 0px;
		text-align: left;
		margin-left: 20px;
		margin-right: 20px;
	}
	.btn-trial {
		display: none;
	}
	.section-header .section-title {
		font-size: 20px;
		line-height: 30px;
	}
	.contents .head-title {
		font-size: 20px !important;
		line-height: 30px;
	}
	.hero-area .contents {
		padding: 100px 0 20px;
	}
	.hero-area .contents .btn {
		margin-right: 5px;
		padding: 7px 20px;
		margin-top: 20px;
	}
	.hero-area-2 .contents {
		padding: 2px 20px 10px;
	}
	.hero-area-2 .contents p {
		line-height: 22px;
	}
	.hero-area-2 .contents p {
		color: #fff;
		font-size: 14px;
	}
	.form-control {
		width: 95%;
		margin-bottom: 0px;
		padding: 10px 5px;
		font-size: 12px;
	}

	.hero-area-2 .overlay {
		min-height: 450px;
	}

	.header-button img {
		width: 100px;
		height: 30px;
	}
	.hero-area-2 .contents .btn {
		margin-top: 0px;
		font-size: 12px;

		padding: 10px 10px;

		border-radius: 5px;
	}
	.intro-img {
		padding: 0;
	}
	.hero-area-2 .intro-img {
		padding: 20px 50px 0px;
	}

	.counter {
		font-size: 24px;
	}

	.text-wrapper h3 {
		margin-bottom: 10px;
	}
	#features-two p {
		font-size: 14px;
		line-height: 22px;
	}

	.section {
		padding: 60px 0 0px;
	}

	.pricing-section {
		padding: 30px 0 0px;
	}

	.section-header h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	#work-flow {
		display: none;
	}

	#carousel-area .carousel-item .carousel-caption {
		top: 30%;
	}
	#carousel-area .carousel-item .carousel-caption h2 {
		font-size: 15px;
		line-height: 22px;
	}
	#carousel-area .carousel-item .carousel-caption .btn {
		margin: 8px 5px;
		padding: 7px 16px;
		text-transform: capitalize;
		font-size: 14px;
	}
	#carousel-area .carousel-control-next i,
	#carousel-area .carousel-control-prev i {
		background: transparent !important;
	}
	#carousel-area .carousel-control-next i:hover,
	#carousel-area .carousel-control-prev i:hover {
		background: transparent !important;
		border: none !important;
	}
	#carousel-area .carousel-control-next i,
	#carousel-area .carousel-control-prev i {
		color: #fff;
	}
	#carousel-area .carousel-control-prev {
		left: 0%;
	}
	#carousel-area .carousel-control-next {
		right: 0%;
	}
	#features .nav-tabs {
		margin-top: -40px;
	}
	#features .nav .nav-item .nav-link {
		font-size: 12px;
	}
	#features .nav .nav-item .nav-link i {
		font-size: 20px;
	}
	#counter .counter-text h3 {
		font-size: 18px;
	}
	#features-two .img-thumb {
		margin: 30px 0;
	}
	#about .about-content h3 {
		font-size: 22px;
	}
	.text-wrapper h3 {
		font-size: 18px;
	}
	.testimonial-item {
		padding: 10px;
	}
	.text-right {
		text-align: left !important;
	}
	.pricing-tables .pricing-table {
		margin-bottom: 30px;
	}
	.subscribe-form .sub-title h3 {
		font-size: 20px;
	}
	.subscribe-form .form-wrapper .form-control {
		padding: 20px 16px;
		font-size: 14px;
	}
	.subscribe-form .form-wrapper .btn-search {
		width: 115px;
		font-size: 11px;
	}
	#download .download-wrapper {
		padding: 30px 20px;
	}
	#download .download-wrapper h4 {
		font-size: 14px;
	}
	#blog .blog-item-wrapper {
		margin-bottom: 30px;
	}
	#blog .blog-item-text h3 a {
		font-size: 16px;
	}
	#contact .contact-block {
		padding: 30px 15px;
	}
	.single-team {
		margin-bottom: 30px;
	}
	.single-feature {
		margin-bottom: 30px;
	}
	.copyright p {
		line-height: 26px;
	}
	.widget {
		margin-top: 30px;
	}
	.video-promo .video-promo-content h2 {
		font-size: 20px;
	}
	.controls a {
		padding: 8px 16px;
		margin-bottom: 5px;
	}
	.offer-area h2 {
		font-size: 20px;
		line-height: 30px;
	}
	#contact h2 {
		font-size: 18px;
	}
	#about .about-content {
		margin-top: 20px;
	}
	.about-img {
		margin-bottom: 30px;
	}
	.footer-social li {
		margin-right: 8px;
	}
	#carousel-screen {
		width: 100% !important;
	}
	#screenshots {
		padding-bottom: 60px !important;
	}
	.back-to-top {
		bottom: 55px;
	}

	.cta-text {

		color: #333333;
		text-align: center;
		font-size: 14px;
	
	}
}