/* To make Responsive
---------------------------------------------------------------------- /
*
*  1 - media screen and (max-width: 992px)
*  2 - media screen and (max-width: 800px)
*  3 - media screen and (max-width: 768px)
*  4 - media screen and (max-width: 640px)
*  5 - media screen and (max-width: 500px)
*  6 - media screen and (max-width: 480px)
*  7 - media screen and (max-width: 320px)
*  8 - media screen and (max-width: 1170px)
*
---------------------------------------------------------------------- */


/* 1 - media screen and (max-width: 992px)
---------------------------------------------------------------------- */
html {
  overflow-y:scroll;
}

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

	.container {
		width: 100%;
	}
	.slide-text-container{
		min-width: 100%;
		margin-left: inherit;
	}
	.top-mobile-image{
		display: none;
	}
	.slider-buttons{
		text-align: center;
	}
	.available-on{
		min-width: 350px;
	}
	.feature .col-lg-8{
		padding-bottom:10px;
	}
	.feature-section .cell-phone,
	.review-section .cell-phone{
		display: block;
		margin: auto;
	}
	.review-section .cell-phone{
		float: none;
		margin-top: 85px;
	}
	.newsletter-form{
		margin-top: 0px;
	}

	.description-section .pull-left,
	.description-section .pull-right{
		float: none !important; 
	}
	.description-section .description-list{
		margin-bottom: 70px;
	}
}

@media (min-width: 992px){
	.container {
		width: 100%;
	}
}
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.navbar-nav>li {
        float: none;
        border-bottom: 1px solid #e1e1e1
    }
    .navbar-nav>li:last-child{
    	border-bottom: 0px solid transparent;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	.navbar-toggle{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
		margin-left: -15px;
		margin-right: -15px;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
		margin-left:0;
	}
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle{
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background-color: transparent;
		color: #53c5d5;
	}
	.navbar-default .navbar-toggle{
		border-color: transparent;
		font-size: 2em;
		line-height: 25px;
	}
	.navbar-collapse.in {
		overflow-y: auto!important;
	}
	.section-description{
		max-width: 100%;
	}

}

/* 1 - media screen and (max-width: 992px)  End
---------------------------------------------------------------------- */


/* 2 - media screen and (max-width: 800px)
---------------------------------------------------------------------- */
@media screen and (max-width: 800px){
	
}

/* 2 - media screen and (max-width: 800px) End 
---------------------------------------------------------------------- */


/* 3 - media screen and (max-width: 768px)
---------------------------------------------------------------------- */

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

/* 3 - media screen and (max-width: 768px) End
---------------------------------------------------------------------- */


/* 4 - media screen and (max-width: 640px)
---------------------------------------------------------------------- */
@media screen and (max-width: 640px){
	.newsletter-form{
		margin-bottom: 80px;
	}
	.newsletter-form input{
		padding-right:15px;
	}
	.newsletter-form .btn{
		width: 100%;
		top: 80px;
	}
	.phone-container{
		min-height:400px;
	}
	.phone-container .phone-1,
	.phone-container .phone-2{
		width: 280px;
	}
	.phone-container .phone-1{
		left: 150px;
	}
	
}

/* 4 - media screen and (max-width: 640px) End
---------------------------------------------------------------------- */


/* 5 - media screen and (max-width: 500px)
---------------------------------------------------------------------- */
@media screen and (max-width: 500px){
	
	
}

/* 5 - media screen and (max-width: 500px)  End
--------------------------------------------------------------------- */


/* 6 - media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width: 480px){
	.slider-title{
		font-size: 3em;
	}
	.section-title{
		font-size: 2em;
		text-align: center;
	}
	.slide-text-container{
		padding-left: 15px;
		padding-right: 15px;
	}
	div.slider-buttons .btn{
		/*display: table;
		margin: 0 auto 40px auto;*/
	}
	.available-on {
		min-width: 240px;
		width: 240px;
		margin-bottom: 40px;
		min-height: 60px;
	}
	.os-icon{
		height: inherit;
	}

	.description-section .section-description {
		margin-bottom: 60px;
		text-align: center;
	}

	span.float-right {
		color: #ccc;
		font-size: 14px;
		display: none;
	}

	.userSellerAppLink {
		padding: 15px 0;
	}

	.appsLink .greenFont{
		font-size: 12px;
	}

	.contact-section .contact-details li {
		line-height: 45px;
		padding-left: 35px;
		position: relative;
		font-size: 14px;
	}

	#submit{
		text-align: center;
	}

	.copyrights {
		color: #fff;
		padding-bottom: 155px;
		font-size: 12px;
	}

	img.touchIcon01,
	img.touchIcon02,
	img.touchIcon03{
		position: relative;
		left: -50%;
	}

	.content{
		margin-top: 30px;
		text-align: center;
		margin-left: 0 !important;
	}

	div.slider-buttons .btn {
		margin-bottom: 20px;
	}

	.welcome-section {
		padding-bottom: 0 !important;
	}

	.screenshots-section .container {
		padding-bottom: 50px !important;
	}

	.download-section .pattern {
		padding-bottom: 0px !important;
	}

	#accordion2 {
		padding-bottom: 50px !important;
	}

	.contact-section {
		padding-bottom: 50px;
	}

	.section-title {
		color: #1a1a1a;
		font-size: 2.75em;
		font-weight: 700;
		margin: 50px 0 0 0;
		text-transform: capitalize;
		position: relative;
		-webkit-text-stroke: 0.3px;
		padding-bottom: 40px;
	}

	.description-section .description-list {
		margin-bottom: 70px;
		margin-left: 10%;
	}

	.navbar-nav>li{
		margin-left: 30px;
	}

	.modal {
		top: 120px !important;
	}

	.modal-title{
		margin: 0;
		line-height: 1;
		font-size: 20px;
		font-weight: bold;
		color: #45c07e;
	}

	.modal p{
		line-height: 30px;
		font-size: 12px;
	}

	.modal h3{
		font-size: 14px;
	}

	.close {
		float: right;
		font-size: 20px;
		font-weight: bold;
		line-height: 1;
		color: #45c07e;
		text-shadow: 0 1px 0 #fff;
		opacity: .5;
		filter: alpha(opacity=20);
	}
	.modal .policy_title{
		font-weight: bold;
	}
}
	

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

	.pricing-section .col-lg-4{
		margin-left: 5%;
	}
	.phone-container{
		display: none;
	}

	.screenVideo{
		width: 345px;
	}

	.description-section .section-description {
		margin-bottom: 60px;
		text-align: center;
	}

	span.float-right {
		color: #ccc;
		font-size: 14px;
		display: none;
	}

	.userSellerAppLink {
		padding: 15px 0;
	}

	.appsLink .greenFont{
		font-size: 12px;
	}

	.contact-section .contact-details li {
		line-height: 45px;
		padding-left: 35px;
		position: relative;
		font-size: 14px;
	}

	#submit{
		text-align: center;
	}

	.copyrights {
		color: #fff;
		padding-bottom: 155px;
		font-size: 12px;
	}

	.content-icon02{
		float: none;
	}

	.content-icon02{
		position: relative;
		left: 50%;
		padding-bottom: 20px;
	}

	img.touchIcon01,
	img.touchIcon02,
	img.touchIcon03{
		position: relative;
		left: -50%;
	}

	.content{
		margin-top: 30px;
		text-align: center;
		margin-left: 0 !important;
	}

	div.slider-buttons .btn {
		margin-bottom: 20px;
	}

	.welcome-section {
		padding-bottom: 0 !important;
	}

	.screenshots-section .container {
		padding-bottom: 50px !important;
	}

	.download-section .pattern {
		padding-bottom: 0px !important;
	}

	#accordion2 {
		padding-bottom: 50px !important;
	}

	.contact-section {
		padding-bottom: 50px;
	}
}

/* 6 - media screen and (max-width: 480px) End
---------------------------------------------------------------------- */


/* 7 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */
@media screen and (max-width: 320px){

	span.float-right {
		color: #ccc;
		font-size: 14px;
		display: none;
	}

	.userSellerAppLink {
		padding: 15px 0;
	}

	.appsLink .greenFont{
		font-size: 12px;
	}

	.contact-section .contact-details li {
		line-height: 45px;
		padding-left: 35px;
		position: relative;
		font-size: 14px;
	}

	#submit{
		text-align: center;
	}

	.copyrights {
		color: #fff;
		padding-bottom: 155px;
		font-size: 12px;
	}

	.content-icon02{
		position: relative;
		left: 50%;
	}

	img.touchIcon01,
	img.touchIcon02,
	img.touchIcon03{
		position: relative;
		left: -50%;
	}

	.content{
		margin-top: 30px;
		text-align: center;
		margin-left: 0 !important;
	}

	div.slider-buttons .btn {
		margin-bottom: 20px;
	}

	.welcome-section {
		padding-bottom: 0 !important;
	}

	.screenshots-section .container {
		padding-bottom: 50px !important;
	}

	.download-section .pattern {
		padding-bottom: 0px !important;
	}

	#accordion2 {
		padding-bottom: 50px !important;
	}

	.contact-section {
		padding-bottom: 50px;
	}
}

/* 7 - media screen and (max-width: 320px) End 
---------------------------------------------------------------------- */



/* 8 - media screen and (max-width: 1170px)
---------------------------------------------------------------------- */

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

	
}


@media (min-width: 1170px){
	.container {
		width: 1170px;
	}
}

/* 8 - media screen and (max-width: 1170px) End
---------------------------------------------------------------------- */


/* 9 - media screen and (max-width: 1050px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1050px){
	.phone-container .phone-1{
		left: 150px;
	}
	
}