/* --------------------------------------------------------------------------
 * Author      : Indonez Team
 * Author URI  : http://indonez.com
 *
 * Indonez Copyright 2015 All Rights Reserved.
 * -------------------------------------------------------------------------- */

/* ------------------------------------------------------------------
   
   [Table of contents]
   1. tablet landscape
   2. tablet portrait
   3. mobile landscape
   4. mobile portrait

------------------------------------------------------------------ */

/* [ 1. tablet landscape ] */
@media only screen and (max-width:1024px) {

	/* pricing tables */
	.idz-ui-pricing-grid.two-up > li {
	    width: 47.25%!important;
	    margin: 15px 12px!important
	}
	
	.idz-ui-pricing-grid.three-up > li {
	    width: 30.45%!important;
	    margin: 15px 12px!important
	}

	.idz-ui-pricing-grid.four-up > li {
	    width: 22.5%!important;
	    margin: 15px 12px!important
	}
	
}

/* [ 2. tablet portrait ] */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* pricing tables */
	.idz-ui-pricing-grid.two-up > li {
	    width: 47.25%!important;
	    margin: 15px 8px!important
	}
	
	.idz-ui-pricing-grid.three-up > li {
	    width: 30.8%!important;
	    margin: 15px 8px!important
	}

	.idz-ui-pricing-grid.four-up > li {
	    width: 47.25%!important;
	    margin: 15px 8px!important
	}
	
	.idz-ui-pricing-column .idz-ui-pricing-button .pricing-price{display:none;}
	.idz-ui-pricing-button a.price-btn{margin-left:18px;}

}

/* [ 3. mobile landscape ] */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.uk-tab.uk-tab-left {
	    padding: 0!important;
	    margin-bottom: 26px!important;
	    border-right: 0px!important;
	    border-bottom: 2px solid #e8e8e8!important
	}

	.uk-tab.uk-tab-left > li > a {
	    padding: 16px 32px 10px!important;
	    border-top-left-radius: 4px!important;
	    border-top-right-radius: 4px!important;
		border-bottom:0px;
	}

	.uk-tab.uk-tab-left > li.uk-active > a {
	    border-color: #e8e8e8!important;
	    border-bottom-color: transparent!important;
	}

	.uk-tab.uk-tab-right {
	    padding: 0!important;
	    margin-top: 13px!important;
	    margin-bottom: 38px!important;
	    border-left: none!important;
	    border-top: 2px solid #e8e8e8!important
	}

	.uk-tab.uk-tab-right > li > a {
	    padding: 10px 32px 16px!important;
	    border-bottom-left-radius: 4px!important;
	    border-bottom-right-radius: 4px!important;
		margin-top:0px!important
	}

	.uk-tab.uk-tab-right > li.uk-active > a {
	    border-color: #e8e8e8!important;
	    border-top-color: transparent!important;
	    margin-top: -2px!important
	}

	.uk-tab.uk-tab-right > li {
	    text-align: left!important
	}
	
	/* pricing tables */
	.idz-ui-pricing-grid.two-up > li,
	.idz-ui-pricing-grid.three-up > li,
	.idz-ui-pricing-grid.four-up > li	{
	width: 96%!important;
	margin: 15px 8px!important;
	}
	
}

/* [ 4. mobile potrait ] */
@media only screen and (max-width: 479px) {

	.uk-tab.uk-tab-left {
	    padding: 0!important;
	    margin-bottom: 26px!important;
	    border-right: none!important;
	    border-bottom: 2px solid #e8e8e8!important
	}

	.uk-tab.uk-tab-left > li > a {
	    padding: 16px 32px 10px!important;
	    border-top-left-radius: 4px!important;
	    border-top-right-radius: 4px!important;
		border-bottom:0px;
	}

	.uk-tab.uk-tab-left > li.uk-active > a {
	    border-color: #e8e8e8!important;
	    border-bottom-color: transparent!important;
	}

	.uk-tab.uk-tab-right {
	    padding: 0!important;
	    margin-top: 13px!important;
	    margin-bottom: 38px!important;
	    border-left: none!important;
	    border-top: 2px solid #e8e8e8!important
	}

	.uk-tab.uk-tab-right > li > a {
	    padding: 10px 32px 16px!important;
	    border-bottom-left-radius: 4px!important;
	    border-bottom-right-radius: 4px!important;
		margin-top:0px!important
	}

	.uk-tab.uk-tab-right > li.uk-active > a {
	    border-color: #e8e8e8!important;
	    border-top-color: transparent!important;
	    margin-top: -2px!important
	}

	.uk-tab.uk-tab-right > li {
	    text-align: left!important
	}
	
	/* pricing tables */
	.idz-ui-pricing-grid.two-up > li,
	.idz-ui-pricing-grid.three-up > li,
	.idz-ui-pricing-grid.four-up > li	{
	width: 93.7%!important;
	margin: 15px 8px!important;
	}
	
	/* portfolio */
	.idz-ui-pf-container li{width:100%}
	.idz-ui-pf-container li:last-child{margin-bottom:0}

}