/*************************************

Template Name: APPS - Responsive APP Landing Page
Author: thematicwebs
Version: 1.0
Design and Developed by: thematicwebs

NOTE: This is responsive css of the template.

****************************************/


/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.welcome-text {
		padding-top: 0px;
	}
	.welcome-text h1 {
		font-size: 45px;
		line-height: 55px;
	}
	.section-title {
		margin-bottom: 65px;
		padding: 0;
	}
	.mockup-slider {
		right: 27px;
		top: 0px;
	}
	.comment-item img {
		height: 70px;
		border-radius: 50%;
		width: 70px;
		border: 3px solid #ddd;
	}
	.row.replay-area img {
		width: 55px;
		height: 55px;
		border: 3px solid #ddd;
		border-radius: 50%;
	}
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.custom-navbar ul li a {
		padding: 25px 8px 25px;
	}
	.custom-navbar.menu-top-fixed ul li a {
		padding: 25px 8px 25px;
	}
	.custom-navbar .logo a {
		max-width: 110px;
		margin-top: 5px;
	}
	.single-content {
		padding: 0;
		margin-bottom: 50px;
	}
	.welcome-text {
		padding-top: 0px;
		text-align: center;
	}
	.welcome-text h1 {
		font-size: 45px;
		line-height: 55px;
		margin-bottom: 15px;
	}
	.welcome-text p {
		color: #fff;
		font-size: 14px;
		font-weight: 500;
	}
	.welcome-img {
		padding-top: 70px;
	}
	.margin-top {
		margin-top: 50px;
	}
	.about-img {}
	.single-feature {
		margin-bottom: 30px;
	}
	.single-content {
		padding: 0;
	}
	.block-img {
		margin: 80px 0;
	}
	.content-block-margin {
		height: 0;
	}
	.single-pricing {
		margin-bottom: 30px;
	}
	.address {
		margin-bottom: 30px;
	}
	.pagination {
		margin-bottom: 50px;
		margin-top: 0;
	}
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	.custom-navbar {
		background: #222;
		padding: 12px 0;
	}
	.custom-navbar .navbar-collapse {
		box-shadow: 0 1px 0 rgba(51, 51, 51, 1.0) inset;
	}
	.custom-navbar.menu-top-fixed {
		background: #222;
	}
	.custom-navbar.menu-top-fixed .navbar-collapse {
		box-shadow: 0 0px 0 rgba(255, 255, 255, 1.0) inset;
	}
	.custom-navbar ul li a,
	.custom-navbar.menu-top-fixed ul li a {
		padding: 10px 20px 10px;
	}
	.custom-navbar .navbar-toggle .icon-bar {
		background: #fff none repeat scroll 0 0;
	}
	.custom-navbar.menu-top-fixed .navbar-toggle .icon-bar {
		background: #fff none repeat scroll 0 0;
	}
	.custom-navbar .logo a {
		margin-top: 3px;
		height: auto;
		padding: 0 15px;
	}
	.custom-navbar.menu-top-fixed .logo a {
		margin-top: 3px;
	}
	.custom-navbar .navbar-toggle {
		margin-top: 0;
		margin-bottom: 0;
	}
	.welcome-text {
		padding-top: 80px;
		text-align: center;
	}
	.welcome-text h1 {
		font-size: 22px;
		line-height: 32px;
		margin-bottom: 10px;
	}
	.welcome-text p {
		color: #fff;
		font-size: 14px;
		font-weight: 500;
	}
	.welcome-btn {
		margin-top: 25px;
	}
	.welcome-btn a {
		margin-bottom: 25px;
	}
	.welcome-img {
		padding-top: 60px;
	}
	.section-padding {
		padding: 80px 0;
	}
	.section-title {
		margin-bottom: 55px;
		padding: 0;
	}
	.section-title h2 {
		font-size: 34px !important;
		line-height: 1.3;
	}
	.section-title p {
		font-size: 14px !important;
	}
	.single-about {
		margin-bottom: 30px;
	}
	.single-content {
		padding: 0;
		margin-bottom: 50px;
	}
	.block-img {
		margin: 80px 0;
	}
	.content-block-margin {
		height: 0;
	}
	.single-feature {
		margin-bottom: 30px;
	}
	.choose-block-img {}
	.content-block-margin {
		height: 0;
	}
	.single-feature {
		margin-bottom: 30px;
	}
	.app-video h1 {
		font-size: 40px;
		margin-bottom: 10px;
		line-height: 1.2;
	}
	.app-video p {
		color: #fff;
		font-size: 14px;
		margin-bottom: 25px;
		padding: 0;
	}
	.single-stat {
		margin-bottom: 50px;
	}
	.subscribe {
		padding: 0;
	}
	.download-area .form-group {
		width: 100%;
		overflow: inherit;
		border: 0px solid;
		background-color: #f5f7fa;
		height: auto;
	}
	.download-area .subform .form-control {
		width: 100%;
		float: left;
		height: 50px;
		background-color: #fff;
		float: none;
	}
	.subscribe {
		margin: 30px auto 0;
	}
	.download h2 {
		font-size: 34px;
		line-height: 1.4;
	}
	.download-area .submit-bt {
		width: 100%;
		float: none;
		height: 50px;
		margin-top: 15px;
	}
	.single-pricing {
		margin-bottom: 30px;
	}
	.download a {
		margin-bottom: 25px;
	}
	.single-address {
		margin-bottom: 30px;
	}
	.single-widgets {
		margin-bottom: 50px;
	}
	.team-area .owl-nav div,
	.blog-area .owl-nav div {
		left: 5px;
	}
	.contact-info {
		margin-bottom: 30px;
	}
	.share-options ul li a,
	.share-text {
		font-size: 14px;
	}
	.breadcroumb-area h1 {
		font-size: 32px;
	}
	.pagination {
		margin-bottom: 50px;
		margin-top: 0;
	}
	.single-post h2,
	.single-post-details h2 {
		font-size: 20px;
	}
	.comment-metadata {
		margin-top: 10px;
	}
	.row.replay-area {
		margin-left: 40px;
		margin-top: 30px;
	}
	.comment-form-wrap {
		margin-bottom: 50px;
	}
	h3.comment-title {
		font-size: 18px;
	}
	.title-bg {
		font-size: 60px;
	}
	.comment-item img {
		height: 60px;
		border-radius: 50%;
		width: 60px;
		border: 3px solid #ddd;
	}
	.row.replay-area img {
		width: 50px;
		height: 50px;
		border: 3px solid #ddd;
		border-radius: 50%;
	}
    .margin-bttom-0 {
		margin: 0;
	}
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.welcome-text {
		padding-top: 80px;
	}
	.welcome-text h1 {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 10px;
	}
}