/*
Theme Name: 
Theme URI: http://prosoft-phils.com/
Author: CH | Prosoft Phils
Author URI: http://prosoft-phils.com/
Description: Responsive Theme for (Tablet)
*/

/*##################################################
* TABLET VIEW
####################################################*/

@media (min-width: 768px) and (max-width: 979px) {

	/*--------------------------------------------------------------
GENERAL STYLES
--------------------------------------------------------------*/
	body {
		font-size: ;
		line-height: ;
	}


	.video-modal-content {
		background: #000 none repeat scroll 0 0;
		display: block;
		height: auto;
		position: relative;
		width: 70%;
		margin: 8% auto 0 auto;
		overflow: hidden;
	}

	.video-modal-content iframe {
		width: 100% !important;
		height: 100% !important;
	}

	.modal-video-close {
		position: absolute;
		right: 10px;
		top: 10px;
	}

	body {
		overflow-x: hidden;
	}

	ul#menu-main_menu {
		padding: 0;
	}

	ul#menu-main_menu li {
		padding-left: 0;
		font-size: 12px;
	}

	.see-all {
		position: relative;
		left: -2%;
	}

	.callout h3 {
		font-size: 21px !important;
	}

	/* 
------------------------------------------
HOME
------------------------------------------ */


	.btn-login {
		margin-left: 0.5rem;
		font-size: 0.75rem;
	}

	.banner {
		padding-top: 3rem;
	}

	.main-caption {
		font-size: 2rem;
		line-height: 2rem;
	}

	.price {
		margin: 1rem 0;
	}

	.callout {
		text-align: center;
		margin-bottom: 2rem;
	}

	.title h3 {
		font-size: 1.25rem;
		margin-top: 0;
	}

	.right-img {
		max-width: 300px;
	}
}

/*end of media 768-979*/