@media screen and (max-width: 1199px) {
		
	h1,
	.app-download-content h2 {
		font-size: 40px;
	}

	h5 {
		font-size: 27px;
	}

	.slider-item {
		height: 600px;
	}

	.banner-image {
		max-width: 70%;
		margin-left: 150px;
	}

	.banner-text {
		padding-left: 0;
	}

	.banner-text h1,
	.banner-text p {
		margin-bottom: 25px;
		width: 100%;
	}

	.app-download-content h5 {
		margin-bottom: 10px;
		margin-top: 5px;
	}

	.app-download-content p {
		margin-bottom: 5px;
	}

	.app-download-photo {
		position: static;
	}

	.list-item-arrow li {
		padding-left: 35px;
	}

	.home-slider .owl-dots {
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: auto;
		bottom: 15px;
		margin: 0;
	}

	.home-slider .owl-dots .owl-dot {
		display: inline-block;
		margin-bottom: 0;
		margin-right: -6px;
	}

	.about-area img {
		max-width: 100%;
        margin: 0 auto 40px auto;
        display: block;
	}
}

@media screen and (max-width: 991px) {

	.about-area img {
		max-width: 70%;
        margin: 0 auto 40px auto;
        display: block;
	}

	.sm-no-margin {
		margin: 0;
	}

	.sm-no-padding {
		padding: 0;
	}

	.sm-no-float {
		float: none !important;
	}

	.sm-no-position,
	.slider-item .container .row,
	.banner-text {
		position: static;
	}

	.sm-text-center {
		text-align: center;
	}

	.sm-no-flexbox {
		display: block;
	}

	.nav li a,
		.affix .nav li a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.slider-item {
		height: auto;
	}

	.banner-text {
		padding: 200px 30px 140px;
	}
}

@media screen and (max-width: 767px) {
	.xs-no-margin {
		margin: 0;
	}

	.xs-no-padding {
		padding: 0;
	}

	.xs-no-position,
	.fixed-social-bar {
		position: static;
	}

	.xs-no-float,
	.download-btn a {
		float: none !important;
	}

	.xs-text-center {
		text-align: center;
	}

	.xs-no-flexbox {
		display: block;
	}
	
    .xs-padding{
    	padding: 15px;
    }

	.logo,
	.affix .logo {
		padding-top: 14px;
		padding-left: 20px;
		margin-left: 5px;
	}

	.nav-bar {
		padding: 12px 0;
	}

	.affix.nav-bar {
		padding: 3px 0;
	}

	.banner-text h1 {
		font-size: 35px;
	}

	.banner-text p {
		font-size: 15px;
	}

	.banner-text .btn {
		font-size: 18px;
	}

	/* MOBILE MENU*/
	.nav-trigger {
        display: block !important;
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	.nav-trigger i {
		position: relative;
		z-index: 999;
		border: none;
		font-size: 28px;
		padding: 13px;
		color: #fff;
		display: inline-block;
	}

	.mobile-body .nav-trigger {
		background-color: #24352f;
		border-radius: 50%;
		height: 100px;
		line-height: 110px;
		position: fixed;
		right: 15%;
		text-align: center;
		top: 50%;
		width: 100px;
		margin-top: -50px;
		z-index: 9;
	}

	body.mobile-body {
		position: relative;
	}

	body.mobile-body:after {
		background: rgba(0, 0, 0, 0.7);
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
	}

	.navbar-collapse {
		display: block;
		position: fixed;
		min-height: 100%;
		top: 0;
		bottom: 0;
		left: -50%;
		width: 50%;
		bottom: 0;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
		border: none;
		background-color: #24352f;
	}

	.navbar-collapse.mobile-show {
		left: 0;
		margin-right: 0;
		padding-right: 0;
	}

	.nav {
		margin: 0;
	}

	.nav li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.18);
	}

	.nav li a,
	.affix .nav li a {
		padding: 15px 5px 15px 20px;
	}

	.nav li a:hover {
		background-color: #303030;
	}

		/*Mobile SUBMENU*/
		.nav li ul {
			position: static;
		}

		.nav li:hover > ul {
			display: none;
		}

		.nav li ul li {
			border-top: 0px solid transparent;
		}
		.nav li ul li:last-child {
			border-bottom: none;
		}

		.nav ul li a, .affix .nav ul li a {
			padding: 10px 35px;
			white-space: normal;
		}

		li.has-sub-menu > a {
			position: relative;
			width: calc(100% - 50px);
		}
		
		li.has-sub-menu > a:after {
			display: none;
		}
		li.has-sub-menu a + i {
			color: #eee;
			display: block;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 50px;
			background-color: rgba(10, 10, 10, 0.54);
			font-weight: 700;
		}
	/* END MOBILE MENU*/

	.download {
        text-align: center;
    }
	
	.download h2 {
        margin-bottom: 20px;
    }
	
    .copyright,
	.footer_menu{
        text-align: center;
    }

    .footer_section .container {
        flex-direction: column;
    }

    .footer_section .footer_info {
        order: 2;
        width: 100%;
    }

    .footer_section .footer_menu {
        order: 1;
        width: 100%;
    }
	
    .field-one-third,
	.field-one-second,
	.field-one-third:nth-child(2) {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}

	.screenshots-slider {
		padding: 0 15px;
	}

	.video-play-icon {
		margin-bottom: 35px;
	}

	.download-btn a {
		display: inline-block;
		margin-right: 0 !important;
	}

	.footer-menu li a {
		padding: 10px 6px;
	}

	.footer-area ul {
		padding: 10px 0;
	}

	.subscribe-form input.form-control,
	.subscribe-form button {
		float: none;
	}

	.subscribe-form input.form-control {
		border-radius: 40px;
		margin: 0 auto 30px;
		width: 90%;
	}

	.subscribe-form button {
		margin-left: 0;
	}

	.responsive-order {
        display: flex;
        flex-direction: column;
    }

    .responsive-order .col-md-4.app-overview-photo {
        order: -1;
		margin-bottom: 20px;
    }
}

@media screen and (max-width: 491px) {

	.exs-no-float {
		float: none !important;
	}

	.banner-text {
		padding: 150px 0 100px;
	}

	.list-item-arrow {
		width: 90%;
	}

	.vide-over-view {
		padding: 90px 0;
	}

	.btn-set a:first-child,
	.btn-set .btn:first-child {
		margin-right: 0;
	}

	.btn-set a {
		max-width: 100%;
		float: none;
		margin: 10px auto;
		display: inline-block;
	}

	#back-top {
		bottom: 90px;
		right: 50px;
	}

	#back-top a i {
		font-size: 22px;
		padding: 10px;
	}
}

@media screen and (max-width: 359px) {
	.pager li a {
		font-size: 14px;
		padding: 9px 15px;
	}
}