/* 
Theme Name: FontZone Responsive Theme
Developer: Yasir Khan
*/

.menu_ico, .menu_ico2{display: none; cursor: pointer;}
.search-text{width: 26%;}
.search-bg{width: 50%;}
.search-box .input-text{font-size: 16px; margin-top: 9px; font-family: Arial;}
#rform{max-width: 550px; width: auto !important;}

#contact label{float: left; width: 115px; margin-bottom: 8px; clear: left;}
#contact input, #contact .txtarea{float: left; margin-bottom: 5px;}

@media (max-width: 990px){
	body{min-width: inherit;}
	img{max-width: 100%;}
	
	#wrapper{background: none;}
	#wrapper-inner{overflow: hidden;}
	
	#logo{width: 205px; background-size: 20% auto;}
	#logo h1{padding-left: 47px; line-height: 25px; font-size: 25px;}
	.tag-line{padding: 0 0 0 47px; font-size: 11px;}
	
	.menu_ico{float: right; display: block;}
	.the_menu{display: none; z-index: 999;}
	ol#toc{width: 300px; position: absolute; top: 84px; right: 18px; height: auto;}
	ol#toc li{float: left; width: 100%; margin: 0 0 2px;}
	ol#toc a{background: #e7e8ea; float: left; width: 94%; padding: 5px 3%;}
	ol#toc a:hover{background: #999;}
	ol#toc a span{background: none;}
	ol#toc li.current a{background: #ff7f00;}
	
	#header-box, .left-bg, .right-bg, #alphabetically, .font-listing, .search-box{height: auto;}
	.left-bg, .right-bg{background: none;}
	
	#header-box{box-sizing: border-box; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 1); border-radius: 10px; float: left; margin: 0 0 10px 1%; overflow: hidden;
	/* fallback */
	background: #e7e8ea;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e7e8ea));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #e7e8ea, #fff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #e7e8ea, #fff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #e7e8ea, #fff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #e7e8ea, #fff);}
	
	.left-bg{float: left; width: 96.7%; margin: 10px 1.5%; background: #fff; border-radius: 10px; border: 2px solid #ff7f00; overflow: hidden;}
	
	.alphabetically-padding, .font-listing{float: left; margin: 0 3%; width: 94%; padding: 10px 0;}
	
	.alphabetically-text{float: left; margin-bottom: 3px; width: 100%;}
	.alphabetically-inner{float: left; padding: 0 0 12px 0; margin-bottom: 5px; width: 98%; margin-left: 1%;}
	#alphabetically, .active_tnt_link{float: left;}
	#alphabetically a{float: left; width: auto !important; margin-bottom: 1px;}
	
	div.tabcontents, .font-detail, .pages{box-sizing: border-box;}
	
	.font-detail{width: 100%;}
	
	.font-listing ul{display: none;}
	.menu_ico2{display: block; float: left; clear: left; margin-top: 10px; width: 141px; height: 17px; background: url(../images/select-cat.jpg) left top no-repeat;}
	
	.search-bg{width: 70%;}
	.search-box{margin: 10px 0 0; background: #ff7f00; float: left; width: 94%; padding: 10px 3%;}
	.search-text{display: none;}
	
	#sidebar{display: none;}
	#content{margin-left: 1%; width: 98%; overflow: hidden;}
	
	.footer-links ul li{width: 33%;}
	.copyright div{text-align: center !important; width: 100% !important;}
	.copyright div:first-child{margin-bottom: 5px;}
}
@media (max-width: 500px){
	.small-menu ul li{line-height: normal; font-size: 12px;}
	.fb8{display: none;}
	.search-bg, #contact label{width: 100%;}
	.footer-links ul li{width: 48%;}
	#contact input[type="text"], #contact textarea{width: 100%;}
}