/*******************************************************
    Template Name    : Appsoft - App Landing Page Template
    Author           : Cute Themes
    Version          : 1.0
    Created          : 2021
    File Description : Main Reaposive file of the template
*******************************************************/

@media only screen and (min-width: 991px) and (max-width: 1024px) {
	.screenshort-slide-content {
		height: 415px;
	}
}

@media only screen and (max-width: 991px) {
	
	.appsoft-responsive-nav .appsoft-responsive-menu {
		position: relative;
	}
	.appsoft-nav {
		display: none;
	}
	.appsoft-responsive-nav {
		display: block;
	}
	.navbar-area {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.navbar-area.is-sticky {
		border-bottom: none;
		-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.appsoft-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #fff;
	}
	.appsoft-responsive-nav .mean-container .mean-nav {
		margin-top: 50px;
	}
	.appsoft-responsive-nav .mean-container a.meanmenu-reveal {
		padding-top: 4px;
	}
	.navbar-area.is-sticky .appsoft-responsive-nav .mean-container a.meanmenu-reveal {
		color: #000000;
	}
	.navbar-area.is-sticky .appsoft-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #000000;
	}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	.home-area .home-content h1 {
		font-size: 35px;
	}
	.home-area .home-content p {
		font-size: 15px;
	}
	.feature-overview-img {
		margin-top: 30px;
	}
	.feature-overview-img-2 {
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.counter-item {
		margin-bottom: 30px;
	}
	.counter-contents h2 {
		font-size: 50px;
	}
	.counter-item:nth-last-child(-n + 2) {
		margin-bottom: 0px;
	}
	.video-area {
		padding: 100px 0;
	}
	.video-info {
		text-align: center;
		margin-bottom: 45px;
	}
	.choose-content-images {
		text-align: center;
		margin-bottom: 35px;
	}
	.choose-content-images.choose-middle-images {
		margin: 30px 0;
	}
	.faq-img {
		text-align: center;
		margin-top: 30px;
	}
	.contact-form-box {
		margin-top: 30px;
	}
	.footer-content {
		padding: 20px 0;
	}
	.footer-content.mid-content {
		padding-left: 70px;
	}
}

@media only screen and (max-width: 767px) {
	.navbar-nav {
		margin-top: 15px;
	}
	.navbar-b .nav-item {
		margin-bottom: 10px;
	}
	.navbar-b .nav-item:last-child {
		margin-bottom: 0px;
	}
	#navbarDefault {
		width: 100%;
		height: 250px;
		overflow-y: scroll;
	}
	.home-area {
		padding-top: 170px;
	}
	.home-area .home-content h1 {
		font-size: 33px;
	}
	.home-area .home-content p {
		font-size: 15px;
	}
	.home-image {
		margin-top: 30px;
	}
	.feature-overview-img {
		margin-top: 30px;
	}
	.feature-overview-img-2 {
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.counter-contents h2 {
		font-size: 45px;
	}
	.counter-item {
		margin-bottom: 30px;
	}
	.counter-item:last-child {
		margin-bottom: 0px;
	}
	.video-area {
		padding: 100px 0;
	}
	.choose-content.choose-content-2 {
		margin-top: 40px;
	}
	.choose-content-images {
		text-align: center;
		margin-bottom: 35px;
	}
	.screenshort-slide-content .screenshort-item img {
		width: auto;
		margin: 0 auto;
	}
	.faq-accordion.first-faq {
		margin-bottom: 20px;
	}
	.faq-accordion .accordion .accordion-item .accordion-title {
		padding-right: 40px;
	}
	.faq-accordion .accordion .accordion-item .accordion-title i {
		right: 20px;
	}
	.list-inline-btn .btn-1 {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.download-btn {
		margin-left: 10px;
	}
	.faq-img {
		text-align: center;
		margin-top: 30px;
	}
	.contact-form-box {
		margin-top: 30px;
	}
	.subscribe-form-box form {
		position: relative;
		width: 100%;
		margin: auto;
	}
	.download-app-button .img-app-btn-1 {
		margin-right: 15px;
		margin-bottom: 20px;
	}
	.footer-content {
		padding: 20px 0;
	}
	.footer-content.mid-content {
		padding-left: 0px;
	}
}


@media only screen and (max-width: 479px) {
	.navbar-nav {
		margin-top: 15px;
	}
	.navbar-b .nav-item {
		margin-bottom: 10px;
	}
	.navbar-b .nav-item:last-child {
		margin-bottom: 0px;
	}

	.home-area {
		padding-top: 170px;
	}
	.home-area .home-content h1 {
		font-size: 33px;
	}
	.home-area .home-content p {
		font-size: 15px;
	}
	.home-image {
		margin-top: 30px;
	}
	.section-title h2 {
		font-size: 30px;
	}
	.feature-overview-item {
		padding: 15px 0;
	}
	.feature-overview-img {
		margin-top: 30px;
	}
	.feature-overview-img-2 {
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.feature-overview-content h2 {
		font-size: 25px;
	}
	.video-info h2 {
		font-size: 28px;
	}
	.video-feature-item {
		padding: 15px 0;
	}
	.faq-accordion.first-faq {
		margin-bottom: 20px;
	}
	.footer-content {
		padding: 20px 0;
	}
	.footer-content.mid-content {
		padding-left: 0px;
	}
}


@media screen and (max-width: 320px) and (min-width: 0px){
	.navbar-nav {
		margin-top: 15px;
	}
	.navbar-b .nav-item {
		margin-bottom: 10px;
	}
	.navbar-b .nav-item:last-child {
		margin-bottom: 0px;
	}
	.home-area {
		padding-top: 150px;
	}
	.home-area .home-content h1 {
		font-size: 27px;
	}
	.home-area .home-content p {
		font-size: 15px;
	}
	.home-content .button-1 {
		margin-left: 0;
	}
	.home-image {
		margin-top: 30px;
	}
	.section-title h2 {
		font-size: 25px;
	}
	.feature-overview-item {
		padding: 15px 0;
	}
	.feature-overview-img {
		margin-top: 30px;
	}
	.feature-overview-content h2 {
		font-size: 20px;
	}
	.video-info h2 {
		font-size: 28px;
	}
	.video-feature-item {
		padding: 15px 0;
	}
	.faq-accordion.first-faq {
		margin-bottom: 20px;
	}
	.testimonial-content-inner .testimonial-text p {
		font-size: 14px;
	}
	.download-app-text h2 {
		font-size: 25px;
	}
	.footer-content {
		padding: 20px 0;
	}
	.footer-content.mid-content {
		padding-left: 0px;
	}

}