/*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:  
*/

/*=========== 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-style3 .header-content h1,
	.header-content h1 {
		font-size: 28px; 
		line-height: 42px;
		margin-top: 60px;
	}
	.os-user-list {
		padding-top: 100px;
	}
	.heade-slider-thumbnail {
		text-align: center;
	}
	.single-service-item {
		margin-bottom: 30px;
	}
	.section-title h2{
		font-size: 28px;
	}
	.section-title{
		text-align: center;
	}
	.working-process {   
		background-size: cover;
		max-width: 520px;
	}
	.working-process img {
  		max-width: 520px;
	}
	.team-thumbnail{
		margin: 0 auto 20px; 
	}
	.carousel-control-next {
		right: -30px;
	}
	.partner-thumbnail {
		padding: 4px;
	}
	.single-pricing-plan{
		margin-bottom: 30px;
	}
	.single-pricing-plan.active{
		top: 0;
	}
	.blog-thubmnail img {
		width: 100%;
	}
	.single-blog-post{
		margin-bottom: 30px;
	}
	.contact-icon{
		float: none;
		margin-bottom: 15px;
	}
	.contact-content{
		margin-left: 0;
	} 
	.testimonial-style3 .carousel-item{
		padding: 203px 30px 30px;
	}
	.testimonial-style3  .carousel-control-prev span {
    	left: 100px;
	}
	.testimonial-style3  .carousel-control-next span {
	    left: -100px;
	}
	.testimonial-style3 .testimonial-carosal:before,
	.testimonial-style3 .testimonial-carosal:after{
		display: none;
	} 
	.partner-thumbnail{
		margin-bottom: 20px;
	}
	.contact-info p{
		font-size: 14px;
	}
	.take-alook-app-content .section-title3 h2{
		padding-right: 0;
	}
	.take-alook-app-content .shape,
	.amazing-screenshot-content .shape3{
		margin: 0 auto 50px;
	}

}


@media (max-width: 767px) {
  .contact-info{
		margin-bottom: 30px;
  }
  .os-user-list li { 
	  padding: 0 18px; 
	} 
	.pricing-plan .pr-0 {
	  padding-right: 15px !important;
	}
	.pricing-plan .pl-0 {
	  padding-left: 15px !important;
	}
	.contact-information{
		margin-top: 60px;
	}
	.cssmenu .menu-button,
	.cssmenu .menu-button:before,
	.cssmenu .menu-button:after{
		border-color: #ddd;
	}
	.nav-style3 .header-nav .menu > li > a.login-button,
	.nav-style3 .header-nav .menu > li > a{
		padding: 0px 12px !important;
	}
	.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) { 
	.carousel-indicators{
		display: none;
	}
	.carousel-indicators li { 
		height: 45px;
		margin-bottom: 5px; 
		width: 45px;
	}
	ol.carousel-indicators:before { 
		left: 65px; 
		top: -30px; 
	}
	ol.carousel-indicators { 
		left: -66px;
		margin-left: 8px;  
	}
		.mfp-iframe-holder .mfp-content{
		max-width: 600px !important;
	}

} 
/* -------------------------------------------------
  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;
	}
	.os-user-list li {
	  padding: 0 9px;
	}
	.os-user-list li i { 
	  font-size: 22px; 
	  margin-right: 10px;
	}
	.os-user-list li span { 
	  font-size: 20px; 
	  line-height: 23px; 
	}
	.os-user-list li:after{
		top: 10px;
	}
	.os-user-list li p{
		font-size: 6px;
		letter-spacing: normal;
	}
	.heade-slider-thumbnail img {
		max-width: 290px; 
		margin-top: 30px;
		margin-bottom: 20px;	
	}
	.working-process{
		max-width: 290px;
	}
	.working-process img {
	  	max-width: 300px;
	}
	.team-area .section-title h2, 
	.section-title h2 {
		font-size: 18px;
	}
	.video-content h2 { 
		font-size: 18px;
		line-height: 28px; 
	}
	.swiper-slide-active img {
		left: 37px;
		width: 228px;
	}
	.team-member-single-item{
		margin-bottom: 30px;
	}
	ol.carousel-indicators {
		display: none; 
	}
	.testimonial-style3  .carousel-control-prev span {
    	left: 20px;
	}
	.testimonial-style3  .carousel-control-next span {
	    left: -200px !important;
	}
	.carousel-control-next {
		right: -180px;
	}
	.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;
	}
	.carousel-item{
		padding-right: 0;
	}
	footer .social-icon{
		display: block;
		padding-bottom: 20px;
		width: 100%;
		text-align: center;
	}
	.footer-menu {
  		margin-bottom: 20px;
	}
	.copyright{
		padding-bottom: 20px;
	}
	.header-style3 .heade-slider-thumbnail img{
		max-width: 100%;
		padding-top: 60px;
	}
	.pricing-style-3 .price-head h4{
		font-size: 22px;
	}
	.screenshot-thumbnail img {
	  max-width: 100%;
	}
	.app-download-content h2{
		font-size: 10px;
		line-height: normal;
	}
	.contact-form button{
		right: 18px;
	}
	.app-button li a {
	  margin-right: 5px;
	  padding: 5px 10px;
	}
	.footer-menu li a{
		padding-right: 5px;
		font-size: 11px;
	}
	.btn,
	.price-body li{
		font-size: 13px;
	}
	.mfp-iframe-holder .mfp-content{
		max-width: 319px !important;
	}
	.carousel-control-next span{
		left: -370px;
	}
	.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;
	}
	.take-a-look-thumbnail img {
		height: auto; 
		max-width: 100%; 
	}

}