/*!
 * Media 
 */

@-ms-viewport {
	/*noinspection CssInvalidPropertyValue*/
	width: device-width;
}

@media print {
  
}

@media (min-width: 1200px) {
	.second-date {
		margin-top:0 !important;
	}
}

@media (min-width: 980px) and (max-width: 1200px) {
	.nav>li>a {
		padding: 10px 10px;
	}
	
	.second-date {
		margin-top:10px !important;
	}
}


@media (min-width: 980px) and (max-width: 991px) {
	.second-date {
		margin-top: 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.content-box {
	  margin: 120px 0 60px 0;
	}
	
	.navbar-right {
		float: right!important;
		margin-right: -18px;
	}
	
	.second-date {
		margin-top: 0 !important;
	}
}


@media (min-width: 578px) and (max-width: 767px) {
  
  .navbar-nav {
  	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
  	margin: 0 0 0 10%;
  }
  
  .media-box {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
  }
  
  .top-nav {
	  width: 100px;
  }
  
  .profile-nav {
	  width: 200px;
	  margin: 8px 10px;
  }
  
	.container>.navbar-header {
		margin: 0;
	}
	
	.nav-more {
	    top: 50px;
	    width: 150px;
	}
	
  .dropdown-icons {
height: 15px;
min-width: 15px;
}
  
  .navbar-inverse .navbar-nav>li>a {
		padding: 15% 5%;
	}
  
  .account-details {
  	height: 20px;
  }
  
  .account {
  	padding: 5px 10px;
  }
  
  .account:hover {
  	width: 150px;
  	height: 50px;
  }
 
}

@media (min-width: 480px) and (max-width: 577px) {

	.content-box {
		margin: 175px 0 60px 0;
	}
	
	.nav-main {
		margin-top: 30px;
	}
	
	.link-sites {
		margin: 0 31%;
	}
	
	.second-date {
		margin-top:10px !important;
	}
	
	.navbar-nav {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
		margin: 0;
	}
	
	.nav-more {
		width: 160px;
	    top: 50px;
	}
	
	.top-nav {
		width: 115px;
		margin: 5px 0;
	}
	
	.account {
		width: 160px;
		padding: 5px 10px 5px 10px;
	}
	
	.nav>li>a {
		padding: 15px 15px;
	}
	
}

@media (max-width: 480px) {
	.media-box {
	  	display:block;
	  }
  
  .container>.navbar-header {
  	margin: 0 30% 25px 30%;
  }
  
  .navbar-nav {
  	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
  }
  .nav>li {
  	margin-left: 0%;
  }
  
	.navbar-inverse .navbar-nav>li>a {
		padding: 15px;
	}
	
	.second-date {
		margin-top:10px !important;
	}
	
}