/*---------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
-----------------------------------*/

/* 1280-1024 	- desktop (default grid) */
@media all and (min-width: 1024px) and (max-width: 1280px) {

	#nav-mobile{
		/*display: none !important;*/
		}	
	
	#subnav-mobile{
		display: none !important;
		}
	
		
}


/* 1024-768 	- tablet landscape */
@media all and (min-width: 769px) and (max-width: 1024px) {
	
	#nav-main, .guest-nav{
		display: none !important;
		}
	
	#nav-trigger{
		display: block !important;
		}
	
	.header .header-wrapper{
		display: table !important;
		width: 100% !important;
		}
		
	.logo, .navbar, #nav-trigger{
		float: none !important;
		display: table-cell !important;
		vertical-align: middle;
		}
	
	.navbar, #nav-trigger{
		width: 15% !important;
		}
	
	.header .metanav{
		margin-top: 5px !important;
		}
		
	.logo{
		width: 70% !important;
		text-align: center !important;
		}
		
	.signup-options .button, .signup-options .input-wrappers{
		width: 100% !important;
		}
	

}

/* 768-480 	- tablet  */
@media all and (min-width: 480px) and (max-width: 768px) {
	
	#nav-main, .guest-nav{
		display: none !important;
		}
	
	#nav-trigger{
		display: block !important;
		}
	
	.header .header-wrapper{
		display: table !important;
		width: 100% !important;
		}
	
	.header .metanav{
		margin-top: 5px !important;
		}
			
	.logo, .navbar, #nav-trigger{
		float: none !important;
		display: table-cell !important;
		vertical-align: middle;
		}
	
	.navbar, #nav-trigger{
		width: 15% !important;
		}
	
	.logo{
		width: 70% !important;
		text-align: center !important;
		}
	

	
	.footer{
		text-align: center !important;
		}
	

	
	.swap-top{
		vertical-align: top;
		width: 100% !important;
		display: table-header-group !important;
		}

	.swap-bottom{
		display: table-footer-group !important;
		}
	
	
	.pricing-tables .pricing-column{
		display: block !important;
		width: auto !important;
		margin-left: 0 !important;
	}
	
	
	.categories-icons li{
		width: 33.333% !important;
		}
	
	.wizard-steps li{
		font-size: 0px !important;
		}
	
	
	.icon_field input:focus{
		}
	
	.hideonphone{
		display: none !important;
		}
	
	.account-tabs li a{
    	font-size: 0px !important;
    	line-height: 0px !important;
	}

	.account-tabs li a .fa{
    	font-size: 18px !important;
    	line-height: 32px !important;
	}
	
	
	.user_info{
		border-bottom: 1px solid rgba(150, 150, 150, .45) !important;
		}
	
	.user_stats ul{
		float: none !important;
		width: 100% !important;
		text-align: center !important;
		}
	
	.user_stats ul li{
		text-align: center !important;
		}
	
	.phone-center-right{
		text-align: center !important;
		}
}


/* 480-less 	- phone landscape & smaller */
@media all and (max-width: 480px) {
	
	body{
		font-size: 14px !important;
		}
		
	#nav-main, #subnav-main, .guest-nav{
		display: none !important;
		}
	
	#nav-trigger{
		display: block !important;
		}
	
	.header .header-wrapper{
		display: table !important;
		width: 100% !important;
		}
		
	.logo, .navbar, #nav-trigger{
		float: none !important;
		display: table-cell !important;
		vertical-align: middle;
		}
	
	.header .metanav{
		margin-top: 5px !important;
		}
		
	.navbar, #nav-trigger{
		width: 15% !important;
		}
	
	.logo{
		width: 70% !important;
		text-align: center !important;
		}
	
	.slider .slide{
	     min-height: 500px !important;
	     }
	     
	.slider .slide .slidetext{
	     padding-top: 60px !important;
	     }
	    
	.slider .slide .slidetext .slideheading{
		font-size: 24px !important;
	    }
	   
	.slider .slide .slidetext .slidesubheading{
	   	font-size: 16px !important;
		}
	     	
	.footer{
		text-align: center !important;
		}
	

	
	.swap-top{
		vertical-align: top;
		width: 100% !important;
		display: table-header-group !important;
		}

	.swap-bottom{
		display: table-footer-group !important;
		}
	
	.pricing-tables .pricing-column{
		display: block !important;
		width: auto !important;
		margin-left: 0 !important;
	}
	
	.categories-icons li{
		width: 50% !important;
		}
	
	.wizard-steps li{
		font-size: 0px !important;
		}
	
	.hideonphone{
		display: none !important;
		}
	
	.account-tabs li a{
    	font-size: 0px !important;
    	line-height: 0px !important;
	}

	.account-tabs li a .fa{
    	font-size: 18px !important;
    	line-height: 32px !important;
	}
	
	.phone-center-right{
		text-align: center !important;
		}
}