/*
**	Project Name : Resonsive css theme
**	Theme version : 01
**	Powered by : Webs Coder [Rafiul Alom]
**	Powered by URI: http://rafiul.me
*/

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,255);}
::-moz-selection 	{background: rgb(255,255,255);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,255);}

/* Default Layout: 992px. */

body {
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
img{ max-width:100%; height: auto; border: none; }

/* Tablet Layout: 768px.  */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#container{
		width:750px;
	}
	#call{
		float: none;
		text-align: left;
		padding-left: 10px;
	}
	#nav-secondary{
		float: none;
	}
}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	#container{
		width: 95%;
	}
	#call{
		float: none;
		text-align: center;
		margin-bottom: 15px;
	}
	#nav-secondary{
		float: none;
	}
	.column-quarter {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.footer-widget h4{
		border-bottom: 1px solid #3C3C3C;
		padding-bottom: 10px;
	}
	.footer-widget ul li a{
		display: block;
	}
	#navigation{
		display: none;
	}
	#nav-secondary{
		height: auto;
	}
	.tinynav { 
		display: block;
		padding: 5px;
		width: 100%;
		margin-bottom: 10px;
	}
	.pad_upper_tab{
		padding: 5px 15px;
	}
	.column-half{
		float: none;
		width: 100%;
	}
	.footer_17_logo{
		text-align: center;
		margin-bottom: 10px;
	}
}

/* Wide Mobile Layout: 480px. */

@media only screen and (max-width: 479px) {
	#container{
		width: 90%;
	}
	.footer_17_logo{
		font-size: 12px;
		line-height: 16px;
	}
	.footer_link{
		font-size: 12px;		
	}
}