/*======================== Desktop and Loptop and Other Tablet 768<px========================*/
@media (min-width: 768px) {
	#textslider {
		margin:1rem 0;
	}
}
/*======================== Tablet 768>px ========================*/
@media (max-width: 768px) {
	html {
        font-size: 100%;
    }
	#textslider {
		margin:1rem 0;
	}
	.home #image img	{
		max-height: 250px;
	}
	.sign-up input p	{
		font-size: 11px;
	}
}
/*======================== Phone 640>px ========================*/
@media (max-width: 640px) {
	html {
        font-size: 60%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 190%;
	}
	#textslider {
		height: 160px !important;
	}
}
/*======================== Phone 480>px ========================*/
@media (max-width: 480px), (max-height: 720px) {
	html {
        font-size: 60%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 190%;
	}
	#textslider {
		height: 120px !important;
	}
	
	body	{
		background-image: url(../../../media/video.jpg);
		background-position: 50% 50%;
		background-size: cover;
	}
	
	.home #topbar	{
		padding: 5px 0 10px 0;
		height: 55px;
	}
	.home #topbar h1	{
		background-size: 90px 40px;
		height: 40px;
		width: 40px;
	}
	.home #topbar .appstore	{
		height: 30px;
		margin-top: 10px;
	}
	ul.nav .dropdown a	{
		margin: 5px 5px 0;
	}
	.home .social	{
		padding: 50px 10px 0 0;
	}
	.social-icon {
			height: 30px;
			width: 30px;
			margin: 0 2px;
	}
	.social-icon i {
			height: 30px;
			line-height: 30px;
			width: 30px;
	}
	.home #image img	{
		max-height: 150px;
	}
	.home #image h4	{
		font-size: 16px !important;
	}
	.home #image p	{
		font-size: 11px !important;
	}
	.sign-up	{
		margin: 5px auto 0;
		width: 300px;
	}
	.sign-up input p	{
		font-size: 11px;
	}
	
	h2	{
		margin-bottom: 0;
	}
	
	.nav.bottom	{
		height: auto;
	}
}
@media (max-width: 480px), (max-height: 480px){
	#video	{
		display: none;
	}
}
/*======================== Phone 360>px ========================*/
@media (max-width: 360px) {
	html {
        font-size: 60%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 190%;
	}
	#textslider {
		height: 250px !important;
	}
}
/*======================== Phone 320>px ========================*/
@media (max-width: 320px) {
	html {
        font-size: 60%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 190%;
	}
	#textslider {
		height: 250px !important;
	}
}