/*Template:  Endlessness - App landing Mobile Bootstrap 4 Html Template
Author: Theme-rocket
Author URI: https://themeforest.net/user/theme-rocket/portfolio 
Version:  1.0
Description: WaveApp - App landing Bootstrap 4 Html Template Created by colorlib.net 
*/


/*=========== MEDIA WIDTH ===========  
	max-width: 1920px
	max-width: 1169px
	max-width: 991px
	max-width: 767px
	max-width: 640px
	max-width: 360px
	max-width: 480px
	min-width: 320px

	*/


/* -------------------------------------------------
  Large Screen. 
---------------------------------------------------*/

@media (max-width: 1920px) {
	.mailchemp-title {
		max-width: 385px;
	}
}


/* -------------------------------------------------
  Old Desktop
---------------------------------------------------*/

@media (max-width: 1169px) {}


/* -------------------------------------------------
  Tablet Screen 
---------------------------------------------------*/

@media (max-width: 991px) {
	.header-nav .menu>li.active>a::after,
	.header-nav .menu>li>a:hover::after {
		opacity: 0 !important;
	}
	.header-content h1 {
		font-size: 26px;
		line-height: 42px;
		text-align: center;
	}
	.header-content p {
		text-align: center;
		font-size: 15px;
	}
	.heade-slider-thumbnail {
		text-align: center;
	}
	.single-service-item {
		margin-bottom: 30px;
	}
	.section-title h2 {
		font-size: 28px;
	}
	.section-title {
		text-align: center;
	}
	.partner-thumbnail {
		padding: 4px;
	}
	.partner-thumbnail {
		margin-bottom: 20px;
	}
	.amazing-screenshot-content .shape3 {
		margin: 0 auto 50px;
	}
}

@media (max-width: 767px) {
	.cssmenu .menu-button,
	.cssmenu .menu-button:before,
	.cssmenu .menu-button:after {
		border-color: #ddd;
	}
	.is-sticky .cssmenu .menu-button,
	.is-sticky .cssmenu .menu-button:before,
	.is-sticky .cssmenu .menu-button:after {
		border-color: #000;
	}
}


/* -------------------------------------------------
  Small Mobile
---------------------------------------------------*/

@media (max-width: 640px) {}


/* -------------------------------------------------
  Large Mobile :480px. 
---------------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.logo img {
		max-width: 180px;
	}
	.app-button li p span {
		font-size: 12px;
	}
	.app-button li a {
		margin-right: 5px;
		padding: 5px 10px;
	}
	.heade-slider-thumbnail img {
		max-width: 290px;
	}
	.team-area .section-title h2,
	.section-title h2 {
		font-size: 18px;
	}
	.swiper-slide-active img {
		left: 37px;
		width: 228px;
	}
	.mailchemp-title .btn {
		padding: 12px 46px;
	}
	.mailchemp-form {
		padding: 30px 30px 25px;
	}
	.mailchemp-form form .form-control {
		max-width: 70%;
	}
	.mailchemp-form form input[type="submit"] {
		line-height: 3.8 !important;
		padding: 0 12px;
		font-size: 10px;
	}
	.mailchemp-form h5 {
		font-size: 18px;
	}
	.mailchemp-form p {
		padding: 0 20px 20px;
	}
	footer .social-icon {
		display: block;
		padding-bottom: 20px;
		width: 100%;
		text-align: center;
	}
	.footer-menu {
		margin-bottom: 20px;
	}
	.footer-menu ul.list-inline {
		display: block;
		text-align: center;
	}
	.language {
		text-align: center;
	}
	select.custom-select {
		color: #000000;
	}
	.copyright {
		padding-bottom: 20px;
		text-align: center;
	}
	.screenshot-thumbnail img {
		max-width: 100%;
	}
	.app-button li a {
		margin-right: 10px;
		padding: 5px 10px;
	}
	.footer-menu li a {
		padding-right: 5px;
		font-size: 14px;
	}
	.btn {
		font-size: 13px;
	}
	.blog-post-cntent h5 {
		font-size: 16px;
	}
	.blog-post-cntent {
		padding: 20px;
	}
	.take-alook-app-content .section-title3 h2 {
		font-size: 16px;
		line-height: normal;
		padding-right: 0;
	}
}