/*
 * ------------------------------------------------------------------------
 * fashion Premium Template for joomla 3
 * ------------------------------------------------------------------------
 * Copyright (C) 2012 Sasu Themes. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: dmsumon (Sasu Themes)
 * Websites: http://www.dmsumon.com
  * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/


@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {
	
	/* Layout */
	.searchbox { display: none !important; }
	
	#gkIs-gk-is-110 .gkIsThumbnails{
		display: none;	
	}

}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#totop-scroller { display: none; }

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
	
	div.sasu-promo p{
		line-height: 50px;
	}
	
	div.sasu-slider{
		margin-top: -100px;
	}
	
	span.catItemImage a,
	span.catItemImage,
	span.itemImage,
	span.itemImage a,
	span.userItemImage,
	span.userItemImage a,
	span.tagItemImage,
	span.tagItemImage a{
		float: left;
	}
	span.catItemImage img,
	div.catItemImageBlock,
	div.itemContainer,
	span.catItemImage,
	span.catItemImage a,
	span.itemImage,
	span.itemImage a,
	span.itemImage a img,
	span.userItemImage,
	span.userItemImage a,
	span.userItemImage a img,
	div.userItemImageBlock,
	div.tagItemImageBlock,
	span.tagItemImage,
	span.tagItemImage a,
	span.tagItemImage a img{
		max-width: 100%;
	}
	
	div.portfolio-black div.nspArt{
		width: 16% !important;
	}	
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {


	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}
	
	#gkIs-gk-is-110 .gkIsThumbnails,
	#gkIs-gk-is-110.gkThumbsBottom .gkContentArea,
	.search{
		display: none !important;	
	}

	div.sasu-promo p{
		line-height: 50px;
	}
	
	div.sasu-slider{
		margin-top: -235px;
	}
	
	span.catItemImage a,
	span.catItemImage,
	span.itemImage,
	span.itemImage a,
	span.userItemImage,
	span.userItemImage a,
	span.tagItemImage,
	span.tagItemImage a{
		float: left;
	}
	span.catItemImage img,
	div.catItemImageBlock,
	div.itemContainer,
	span.catItemImage,
	span.catItemImage a,
	span.itemImage,
	span.itemImage a,
	span.itemImage a img,
	span.userItemImage,
	span.userItemImage a,
	span.userItemImage a img,
	div.userItemImageBlock,
	div.tagItemImageBlock,
	span.tagItemImage,
	span.tagItemImage a,
	span.tagItemImage a img{
		max-width: 100%;
	}
	
	div.portfolio-black div.nspArt{
		width: 32% !important;
	}	
	div.portfolio-black a.nspImageWrapper{
		width: 100%;
		margin: 0 20px 0 0 !important;
	}
	
	ul.clients li{
		float: left;
	}
	
	ul.clients li:last-child{
		display: none;
	}
	
	
	ul.clients a img{
		width: 100%;
	}	
}