/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.ms-navbar .navbar-collapse .navbar-nav .nav-item>a, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item>a{
		font-size: 1.4rem;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.pricing-title{
		display: none;
	}
	.account-nav-login span{
		display: none;
	}
	.ms-navbar .navbar-collapse .navbar-nav .nav-item.account-nav>a i{
		margin-left: 7px;
	}
	.big-table{
		width: 100%;
		float: none;
	}
	.small-table{
		width: 100%;
		float: none;
	}
	.ms-navbar.navbar .container .navbar-collapse .navbar-nav .nav-item a{
		padding: 0 7px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	h1{
		font-size: 2.4rem;
	}
	.nav.nav-tabs.indicator-primary .ms-tabs-indicator{
		display: none;
	}
	.nav.nav-tabs li a{
		text-align: left;
	}
	.nav.nav-tabs.nav-tabs-full.nav-tabs-5 li {
	    width: 100%;
		transition: 0.3s;
	}
	.nav.nav-tabs-transparent.indicator-primary li a.active{
		border-bottom: 2px solid #546e7a !important;
	}
	.nav.nav-tabs li a{
		padding: 10px 2rem;
	}
	.text-normal{
		font-size: 18px;
	}
	label{
		display: none;
	}
	label[for="agree-one"]{
		display: block;
	}
	.access-labels label {
		text-align: left;
	    display: block;
	}
	.server-credentials label{
		display: block;
	}
	.login-modal{
		display: none;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
	.three_cols li{
		width: 50%;
	}
}

@media only screen and (max-width : 400px) {
	.list-hero li span{
		padding-top: 0;
		vertical-align: middle;
		line-height: 2rem;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.ms-navbar.navbar-mode .btn-navbar-menu{
		display: none;
	}
	.login-mobile{
		display: none;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}