/* Higher than 960 (desktop devices)
====================================================================== */
@media (min-width: 1200px) {
	
	#mobileOverlay {
		display: none;
	}
.nav .dropdown-menu li > a {
border-bottom: 1px solid #7b9b18;
padding: 7px 20px;
font-size: 13px;
}
.bannerGap	{
	height:180px;
} 
      
}

/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 980px) and (max-width: 1199px){

	#wrapper {

	}
	
	#footer-menu {

	}
	
	#footer {

	}

	#mobileOverlay {
		display: none;
	}

        .nav .dropdown-menu li > a {


border-bottom: 1px solid #0B641D;
padding: 7px 20px;
font-size: 13px;
}


	


#slides ul.paging {
    alignment-adjust: central;
}
.bannerGap	{
	height:180px;
	width:100%;
	display:block;
} 
.login-fields input {
	width:70%;
}
.marginePlus {margin-left:45px;}
}

/* Tablet Portrait (devices and browsers)
====================================================================== */

@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	
	
	#mobileOverlay {
		display: none;
	}
  .navbar .container{
      padding: 5px 30px 0px 30px;
  }
.navbar .nav > li {
    float: none;
}
.navbar .nav > li > a {
    color: #F5F5F5;
    float: none;
    padding: 5px 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}
#slides ul.paging {
    alignment-adjust: central;
}
.navbar .nav>li > a span{display: none;}
.navbar .brand {
	float: left;
	display: block;
	background:url(../images/ucanapply.png) no-repeat;
	width:208px;
	height:50px;
	margin:0px 0 0 -20px;
}
.bannerGap	{
	height:210px;
	width:100%;
	display:block;
}
.login-fields input {
	width:60%;
}
.btnGreenAc { font-size:14px; font-weight:bold;}

.marginePlus {margin-left:30px;}


}


/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
	body {
    color: #69747A;
   
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
	
	#mobileOverlay {
		display: visible !important;
	}



  
.navbar .container{padding: 10px 30px 0px 30px;}

.navbar .nav > li {
    float: none;
}


.feature-tab {
    cursor: no-drop;
    font-size: 3.5em;
    text-align: center;
}
.feature-tab {
    background-color: #9cc424;
    border-radius: 100px 100px 100px 100px;
    color: #789914;
    cursor: pointer;
    display: table-cell;
    font-size: 2.5em;
    height:2.9em;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}


#slides ul.paging {
   text-align:-moz-center;
   margin-left: 30px;
}

.navbar .nav>li > a span{display: none;}
ul ul{display: none;
list-style: none;
color: #fff;
background: #087135;

min-width: 150px;
}
ul ul li{ min-height: 30px;}
ul ul li a{color: #fff; text-decoration: none !important; padding: 10px;}
ul ul li a:hover{color: #ccc; text-decoration: none !important;}
ul  li:hover>ul {display: block; position: absolute; left:-12px;}



.nav-collapse.in.collapse {
  overflow: visible;
}
.login-fields input {
	width:86%;
}
.bannerGap	{
	height:10px;
	width:100%;
	display:block;
}
.howitBx	{
	margin:0 auto;
	margin-top:25px;
}
ul.social	{ margin:0 auto;}
.card	{ margin:0 auto;}


.margineMinus { margin:0;}
.marginePlus { margin:0;}
.leftList ul { margin:0 !important; text-align:left;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
    color: #69747A;
   
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    padding: 0px;
}
	.flex-direction-nav{display: none;}
	
	
	#wrapper,
	#footer,
	#footer-menu,
	#copyright {
		overflow: hidden;
		padding: 0px   ;
	}

	
	
     
	
	.navbar .container{padding: 0px 30px 0px 30px;}
        

         .navbar .nav > li {
  
}
.navbar .nav > li > a {
    color: #F5F5F5;
    float: none;
    padding: 5px 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}
.navbar .nav>li > a span{display: none;}
.login-fields input {
	width:83%;
}
.bannerGap	{
	height:10px;
	width:100%;
	display:block;
}
.marginePlus { margin:0;}
}
   
	

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
	
	body {
		padding:0;
	}
        
	.container{padding: 0px 10px;}
	header {
		padding: 0px 20px !important;
	}
	#recent-blog{
		padding: 0px 20px !important;
	}
        .pricing-table{margin-bottom: 10px;}
        .pricing-table .pro{margin-top: 25px;}
        #main-text h1 {font-size: 40px; line-height: 40px;}
	
	#wrapper,
	#footer,
	#footer-menu,
	#copyright {
		overflow: hidden;
	
	}
	
	.navbar .container{padding: 0px 30px 0px 30px;}
        

         .navbar .nav > li {
    float: none;
}
.navbar .nav > li > a {
    color: #F5F5F5;
    float: none;
    padding: 5px 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}

.navbar .nav>li > a span{display: none;}
.marginbottom{margin-bottom: 10px;}
.flex-direction-nav{display: none;}

.navbar .brand {
	float: left;
	display: block;
	background:url(../images/ucanapply-small.png) no-repeat;
	width:173px;
	height:42px;
	margin:0px 0 0 -20px;
	/*padding: 10px 20px 10px;font-size: 20px;
	font-weight: 200;
	color: #777777;
	text-shadow: 0 1px 0 #ffffff;*/
}
.banner	{
	margin-top:-10px;
}
.login-fields input {
	width:76%;
}
.bannerGap	{
	height:10px;
	width:100%;
	display:block;
}
.marginePlus { margin:0;}

}