joomla_test/templates/as002036free/css/media.768.css

/***************************************************************************************/
/*
/*		Author: AS Designing
/*		Author URI: http://www.asdesigning.com
/*		Theme URI: http://www.astemplates.com
/*		
/*		Note: Design for a width of 768px (Landscape phone to portrait tablet)
/*
/***************************************************************************************/

@media (max-width: 767px) 
{

	#splash-page #logo
	{
		padding-right: 55px;
		padding-top: 15px !important;	
	}

	#splash-page .navigation	
	{
		padding-top: 15px;	
	}
	
	#splash-page .select-menu
	{
		width: 	
	}
	
	body
	{
		padding: 0 !important;
	}
	
	.body-home-page #custom-content-wrapper
	{
		top: 0 !important;
	}
	
	h3,
	h4
	{
		padding: 0px 0px 5px 0px !important;	
	}
	
	.container
	{
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	
	.wrapper
	{
		margin: 0;
	}
	
	#push
	{
		display: none;
	}

	.mod-menu__social
	{
		margin-right: 80px;
	}
	
	#header-row
	{
		margin-bottom: 30px !important;
	}
		
	#header-row #logo
	{
		padding: 0px;	
		text-align: center;
	}
	
	#logo a img
	{
		width: auto;
	}
	
	#header-row .container
	{
		margin: 0px;
	}
	
	#header-row .mod-search
	{
		margin-left: 40px;
	}
	
	#header-row .social
	{
		margin: 10px 0px 0px 0px;	
	}
	
	#header-row .moduletable.navigation
	{
		width: 99.5%;
		margin: 15px auto 0px;
		clear: both;
	}
	
	#header-row #as-menu
	{
		float: none;
	}
	
	#as-menu ul.as-menu > li, 
	#as-menu ul.as-menu > li:hover
	{
		padding: 0 25px;	
	}
		
	.moduletable.slider
	{
		overflow: hidden;
	}
	
	#slider-row
	{
		display: none !important;
	}	
		
	.slide_title
	{
		display: none !important;
	}	
	
	#camera-slideshow .camera_caption p
	{
		display: none !important;
	}
	
	.camera_caption a.readmore
	{
		right: inherit;
	}
	
	#header-row .select-menu 
	{
		min-width: 440px !important;
		margin-top: 30px;
	}
	
	#breadcrumbs-row
	{
		display: none;
	}
		
	.mod-newsflash-adv__links .item__module
	{
		width: 48%;
		margin: 0 1% 20px;
		float: left;
	}
		
	.page-blog .items-row.cols-3 .item_img.img-intro 
	{
		width: 100%;
	}
	
	.page-blog .items-row .span6 .item
	{
		border-bottom: 1px solid #D4D4D4;
		margin-bottom: 30px;
		padding-bottom: 20px;
		overflow: hidden;
	}
	
	.page-blog .items-row.cols-2	
	{
		border-bottom: none;
		margin-bottom: 0px;
		padding-bottom: 0px;
		overflow: hidden;
	}	
	
	.page-category__clients .item
	{
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.page-category__clients .item_img
	{
		float: left;
		margin-right: 20px;
		clear: none !important;
	}
	
	.page-featured .items-row .item__featured
	{
		margin-bottom: 30px !important;
	}
		
	a.btn, a.readmore, 
	.btn_info, 
	.btn-info, 
	.btn-group button.btn, 
	.mod-newsflash a.readmore, 
	.btn-primary, 
	.btn_primary, 
	.contentpane .button
	{
		padding: 6px 20px 6px 20px;	
	}
			
	.item-image.blog-image
	{
		float: none;
		margin: 0 0 20px 0;
	}

	.img-full__left.span5
	{
		width: 50%;
	}
		
	.row-fluid [class*="itemSpan"] 
	{
		display: block;
		float: none;
		margin-left: 0;
		width: auto;
	}
	
	.page-item
	{
		padding-bottom: 0px;
	}
	
	.page-gallery .item_img.img-intro
	{
		float: left;
		margin: 0 20px 20px 0;
	}
	
	.contact_form
	{
		width: 50%;
	}
	
	.contact_details
	{
		margin-bottom: 20px;
	}
	
	.contact_details .span6
	{
		width: 50%;
		float: left;
	}
	
	.mod-search__aside .mod-search_searchword
	{
		width: 50%;
	}
	
	.mod-login__aside .mod-login_username,
	.mod-login__aside .mod-login_passwd
	{
		width: 50%;
	}

	aside
	{
		margin-top: 0px;
	}
	
	aside .mod-search button.btn.btn-search 
	{
		margin-top: 0px;
	}
	
	#aside-row-1-left .moduletable
	{
		margin: 0px;	
	}
	
	#footer
	{
		height: auto;
	}
	
	#footer p
	{
		margin-bottom: 0;
	}
	
	.mod-footer
	{
		position: relative;
		top: -48px;
	}
	
	.footer-row-1 .span3 .item_img,
	.footer-row-1 .span4 .item_img,
	.footer-row-1 .span3 img,
	.footer-row-1 .span4 img	
	{
		width: auto;	
	}
	
	.camera_pag
	{
		bottom: 30px !important;
	}
	
	.item_img img, 
	.category_img img, 
	.item_fulltext img, 
	.random-image img, 
	aside .img-intro__left img, 
	aside .img-intro__right img
	{
		width: 100% !important;
	}
	
	#as-menu
	{
		min-height: 30px !important;
	}

	#back-top 
	{
		display: none !important;	
	}
	
	
}