/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media only screen and (max-width:1600px) {
}

@media only screen and (max-width:1390px) {
}

@media only screen and (max-width:1280px) {
}

@media only screen and (max-width:1200px) {
.feature-tab {
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 50%;
	width: 100px;
	text-align: center;
	font-size: 18px;
	padding: 25px 0;
}
.feature-tab h4 {
	color: #9a9a9a;
	font-weight: 300;
	font-size: 13px;
}
}

@media only screen and (max-width:991px) {
	
#hangOut {
	margin-top: 0;
	padding-bottom: 100px;
	margin-bottom: 0;
}
nav.theme-menu ul.nav > li > a {
	padding: 10px !important;
}
.btn-header {
	margin-bottom: 30px;
}
.section-title {
	text-align: center;
	margin-bottom: 50px;
	z-index: 2;
	position: relative;
	padding-top: 0px;
}
#banner-text {
	text-align: center;
}
#banner-text p {
	display: none !important;
}
#banner-text h3 {
	font-size: 48px;
}
#home-iphone-carousel {
	/* display:none; */
	margin: 300px auto -30px auto;
	float: none;
	position: relative;
}
.home-app-download {
	border-radius: 100px;
	width: 70%;
	float: left;
	background: #fff;
	box-shadow: 0 0px 10px #000000;
	margin-top: 10px;
	margin-left: 15%;
	text-align: center;
}
.home-app-download .banner-textbox {
	border: none;
	/* padding: 30px; */
	margin-left: 10px;
	line-height: 45px;
	background: transparent;
}
.timeline::before {
	left: 0px !important;
}
.timeline-content {
	position: relative;
	width: 100% !important;
	text-align: left;
}
.timeline-item:nth-child(even) .timeline-content {
	left: 0;
}
.timeline-content h3 span {
	line-height: normal;
	margin-top: 0px;
	position: relative;
	display: inline-block;
	float: left;
	margin-left: 0px;
	margin-right: 30px;
}
.timeline-content h3::after {
	content: '';
	left: -30px;
}
.timeline-content h3 div:after, .timeline-item:nth-child(even) .timeline-content h3 div::after {
	content: '';
	color: #000;
	border-top: 1px solid #f8971d;
	margin-bottom: 0px;
	padding: 0;
	position: absolute;
	width: 100%;
	float: left;
	left: 0;
	margin-top: 70px;
	z-index: -1;
}
.timeline-item:nth-child(even) .timeline-content span {
	margin-top: 0px;
	margin-left: 0;
}
#whatWeOffer {
	padding: 0;
}
.timeline-item:nth-child(odd) .timeline-content h3:before, .timeline-item:nth-child(even) .timeline-content h3:before {
	left: -30px;
	float: left;
	top: 55px;
}
#nexafashion-smallbanner {
	background: #f8971d;
	margin-top: 100px;
	margin-bottom: 100px;
	max-height: 0px !important;
	padding: 0;
}
#banner-slider {
	position: relative;
	margin-top: 100px;
}
.fact-block {
	background: #fff;
	box-shadow: 0 0px 50px #cdcdcd;
	position: relative;
	width: 100%;
	top: auto;
	min-height: 480px;
}
.feature-tab {
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 50%;
	width: 100px;
	text-align: center;
	font-size: 18px;
	padding: 25px 0;
}
.feature-tab h4 {
	color: #9a9a9a;
	font-weight: 300;
	font-size: 13px;
}
.feature-tab h5 i {
	font-size: 24px;
}
.feature-tab h4 {
	font-size: 12px;
}
#instantStart {
	background: url(../images/Instant/bg.jpg) no-repeat;
	-o-background-size: 85% auto;
	-webkit-background-size: 85% auto;
	-moz-background-size: 85% auto;
	background-size: cover;
	padding-bottom: 100px;
	max-height: 100%;
	padding-top: 50px;
}
.instaStart {
	width: 100%;
}
.instaStart li:nth-child(odd) {
	background: #f8971d;
	padding: 15px 30px !important;
	color: #fff;
	border-bottom: 1px solid #f8971d;
	width: 100%;
	display: inline-block;
}
.instaStart li:nth-child(even) {
	background: #d28421;
	padding: 15px 30px !important;
	color: #fff;
	border-bottom: 1px solid #f8971d;
	width: 100%;
	display: inline-block;
}
#instantStart .para {
	width: 100%;
	/* float:left; */
	clear: both;
	margin-top: 15px !important;
	text-align: center;
	font-size: 18px;
	float: left;
}
#StyleAccordion {
	width: 100%;
	margin: 0 auto;
}
.button-center .input-group {
	margin: 0 auto;
}
.section-title h3 {
	font-size: 24px;
}
.feature-elem-left:nth-child(odd),  .feature-elem-left:nth-child(even) {
	margin-left: 70px;
}
.feature-elem-right:nth-child(odd),  .feature-elem-right:nth-child(even) {
	margin-left: -20px;
}
	
	.section-title h3:after{    margin-top: 40px;	}
	
}

@media only screen and (max-width:767px) {
	.w80{width:100%;}
.feature-tab {
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 50%;
	width: 100px;
	text-align: center;
	font-size: 18px;
	padding: 25px 0;
}
.feature-tab h4 {
	color: #9a9a9a;
	font-weight: 300;
	font-size: 13px;
}
.feature-elem-first {
	margin-left: 0px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.feature-elem-first .feature-elem-center {
	float: none;
	display: inline-block;
}
.feature-elem-left:nth-child(odd) {
	margin-left: 0;
	margin-bottom: 50px;
}
.feature-elem-left:nth-child(even) {
	margin-left: 0;
}
.feature-elem-right:nth-child(odd) {
	margin-left: 10px;
	margin-bottom: 50px;
}
.feature-elem-right:nth-child(even) {
	margin-left: 20px;
}
.check-your-pincode {
	width: 100%;
	margin: 0 auto;
}
#page-bg-setting h3 {
	font-size: 30px;
}
.navbar-brand>img {
	display: block;
}
	.timeline-text{width:100%;}
	.timeline-div .timeline-img {
    float: left;
    width: 100%;
    text-align: center;
}
.nav-pills > li {
    float: left;
    width: 49%;
    text-align: center;
}	
}

@media only screen and (max-width:690px) {
.feature-tab {
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 50%;
	width: 100px;
	text-align: center;
	font-size: 18px;
	padding: 25px 0;
}
.feature-tab h4 {
	color: #9a9a9a;
	font-weight: 300;
	font-size: 13px;
}
.home-app-download .banner-textbox {
	border: none;
	/* padding: 30px; */
	margin-left: 30px;
	line-height: 45px;
	background: transparent;
	float: left;
	width: auto;
}
.home-app-download {
	border-radius: 100px;
	width: 100%;
	float: left;
	background: #fff;
	box-shadow: 0 0px 10px #000000;
	margin-top: 10px;
	margin-left: 0;
	text-align: center;
}
.home-app-download .home-button {
	float: right;
	position: absolute;
	display: block;
	margin: auto;
	margin-top: 50px;
	text-align: center;
	left: 30%;
	width: 40%;
	z-index: 1;
}
	.instaStart ul{width:100%;}
	#home-iphone-carousel {
}

}

@media only screen and (max-width:550px) {
	.feature-tab {
    background: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 50%;
    width: 70px;
    text-align: center;
    font-size: 12px;
    padding: 15px 0;
    height: 70px;
}
	.feature-tab i{display:none;}
	.timeline-item:nth-child(odd) .timeline-div {
	margin: 0;
	margin-right: 0;
}
.timeline-item:nth-child(even) .timeline-div {
	padding-left: 0;
}
	#banner-text h3 {
    font-size: 30px;
}
	#banner-text h4 {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
}
	#banner-text h5 {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0px;
}
	#home-iphone-carousel {
}
	#featuers .col-xs-12{ padding:0; }
	.feature-elem-first{ margin-bottom: 10px;}
	.feature-elem-first .feature-elem-center {
    float: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}
	.feature-elem-left{margin-left: 10px !important;}
	.feature-elem-right{margin-left: -25px !important;}
	.home-app-download .btn-banner {
    padding: 13px 10px;
    position: absolute;
    width: 120px;
    bottom: -60px;
    margin: 0 auto;
    text-align: center;
    display: table;
    left: 90px;
}
.feature-elem-center:nth-child(even) {
	margin: 0px;
}
.feature-iphone-placeholder {
	background: url(../images/features/iphone.png);
	width: 100px;
	height: 195px;
	background-size: contain;
}
.feature-iphone-placeholder .tab-img img {
	margin-left: 9%;
	width: 82%;
	height: auto;
	margin-top: 34px !important;
}
.fact-block .section:nth-child(odd), .fact-block .section:nth-child(even) {
	padding: 20px;
}
.fact-block {
	min-height: auto;
}
	.font48 {
    font-size: 30px;
}
	
	.fact-block .section div span,
	.fact-block .section div h2{font-size:20px;margin-bottom:  10px;}
	
	
}

@media only screen and (max-width:320px) {
nexafashion-smallbanner {
	background: #f8971d;
	margin-top: 100px;
	margin-bottom: 100px;
	max-height: 0px !important;
	padding: 0;
}
#banner-slider {
	position: relative;
	margin-top: 0px;
}
}