@media only screen and (max-device-width: 1024px)
{
	h1 { font-size: 40px; line-height: 44px;}
	h2 { font-size: 30px; line-height: 32px;}
	h3 { font-size: 20px; line-height: 26px;}
	h4 { font-size: 16px; line-height: 24px !important;}
	h5 { font-size: 15px; line-height: 23px;}
	h6 { font-size: 12px; line-height: 20px;}
	p {font-size: 18px;}
	.tpa-head{
		line-height: 54px;
	}
	.tpa-category{
		line-height: 42px;
	}
	p.tpa-semi.p-heading
	{
		font-size: 18px;
	}
	.navbar-space
	{
		margin-top: 60px;
	}
	section
	{
		margin-bottom: 50px;
	}
	.modal-header .close
	{
		top: 10px;
		right: 0;
	}
}
/*Phone View*/
@media only screen and (min-device-width: 320px) and (max-device-width: 768px)
{
	/*====================================== SECTION DEFAULT ======================================*/
	h1 { font-size: 40px; line-height: 44px;}
	h2 { font-size: 30px; line-height: 32px;}
	h3 { font-size: 20px; line-height: 26px;}
	h4 { font-size: 16px; line-height: 24px !important;}
	h5 { font-size: 15px; line-height: 23px;}
	h6 { font-size: 12px; line-height: 20px;}
	p {font-size: 18px;}
	.tpa-head{
		line-height: 54px;
	}
	.tpa-category{
		line-height: 42px;
	}
	p.tpa-semi.p-heading
	{
		font-size: 18px;
	}
	.navbar-space
	{
		margin-top: 60px;
	}
	section
	{
		margin-bottom: 50px;
	}
	.modal-header .close
	{
		top: 10px;
		right: 0;
	}
	/*====================================== SECTION NAVBAR ======================================*/
	header .container-nav
	{
		padding: 10px 15px;
	}
	header nav
	{
		padding: 0;
		border-bottom: 1px solid #1A3D64;
	}
	header #navigation .logo
	{
		margin-top: 0;
	}
	header #navigation .logo img.navbar-logo
	{
		margin-top: 0;
		width: 125px;
	}
	.nav-toggle
	{
		display: block;
		margin-top: -10px;
		margin-bottom: 0;
	}
	img.navbar-logo
	{
		width: 60px;
		margin-top: 15px;
		margin-left: 0;
		/*height: 50px;*/
	}
	ul.menu-left
	{
		display: none;
	}
	ul.menu-right
	{
		display: none;
		float: none;
		clear: both;
		background-color: #fff;
		padding: 10px;
		border-radius: 20px;
		transition: all 0.3s;
	}
	ul.menu-right.collapse
	{	
		display: block;
		z-index: 99;
		background-color: #fff;
		padding: 10px 0;
		margin-top: 50px;
		transition: all 0.3s;
	}
	ul.menu-right .menu-mobile
	{
		display: block;
	}
	ul.menu-right li
	{
		float: none;
		margin-left: 0;
		text-align: center;
	}
	ul.menu-right li a
	{
		position: relative;
		display: block;
		padding: 10px 5px;
		border-radius: 30px;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 1.2px;
		font-weight: 300;
		color: #1b262c;
		transition: all 0.3s;
	}
	ul.menu-right li.li-chart a
	{
		display: inline-block;
	}
	ul.menu-right li a .nav-qty
	{
		top: 0;
		right: -10px;
	}
	ul.menu-right li.button-login a
	{
		margin-top: 10px;
		margin-bottom: 15px;
		text-align: center;
	}
	ul.menu-right li.li-dashboard a
	{
		text-align: center;
		font-weight: 700;
	}
	ul.menu-right li.logout 
	{
		background-color: red;
		position: absolute;
		top: 75px;
		left: 75px;
		width: 35px;
		height: 35px;
		border-radius: 50%;
	}
	ul.menu-right li.logout span
	{
		color: #fff;
		font-size: 20px;
		position: relative;
		left: 8px;
		top: 7px;
	}
	ul.menu-right li.logout a
	{
		position: relative;
		display: block;
		padding: 0;
		border-radius: 0;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 1.2px;
		font-weight: 300;
		color: #1b262c;
		transition: all 0.3s;
	}
	/*====================================== SECTION LANDING PAGE ======================================*/

	/*====================================== SECTION 404 PAGE ======================================*/
	section.section-notfound
	{
		margin-top: 40px;
		margin-bottom: 0;
		background-size: 100px, 50px;
		background-size: 100px, 50px;
		background-position: left top, right bottom 50px;
	}

	/*====================================== SECTION FOOTER PAGE ======================================*/
	.footer-top
	{
		margin-top: -150px;
		padding: 30px 15px;
	}
	.footer-top .icon-kerning
	{
		max-width: 50px;
		top: -80px;
		left: 0;
	}
	.footer-top .wrapper h2.tpa-category
	{
		font-size: 22px;
		line-height: 30px;
	}
	footer.footer
	{
		margin-top: 200px;
		padding-top: 15px;
	}
	.footer-menu
	{
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-menu .footer-logo .image
	{
		max-width: 150px;
	}
	.footer-menu .footer-header
	{
		margin-bottom: 10px;
	}
	.footer-menu ul
	{
		margin-top: 10px;
		margin-left: 0;
	}
	.footer-menu ul li
	{
		margin-bottom: 20px;
	}
	.footer-menu ul li.footer-flex
	{
		text-align: left;
	}
	.footer-copyright .image
	{
		margin: 0 0 15px 0;
	}
}
/*Tab View*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
	ul.menu-right li
	{
		margin-left: 5px;
	}
	/*====================================== SECTION HOME PAGE ======================================*/
	
	/*====================================== SECTION FOOTER PAGE ======================================*/
	.footer-top
	{
		margin-top: -150px;
		padding: 30px 15px;
	}
	.footer-top .icon-kerning
	{
		max-width: 50px;
		top: -80px;
		left: 0;
	}
	footer.footer
	{
		margin-top: 200px;
		padding-top: 15px;
	}
	.footer-menu
	{
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-menu .footer-logo .image
	{
		max-width: 150px;
	}
	.footer-menu .footer-header
	{
		margin-bottom: 10px;
	}
	.footer-menu ul
	{
		margin-top: 10px;
		margin-left: 0;
	}
	.footer-menu ul li
	{
		margin-bottom: 20px;
	}
	.footer-menu ul li.footer-flex
	{
		text-align: left;
	}
	.footer-copyright .image
	{
		margin: 0 0 15px 0;
	}
}