/* Extra small devices - xs (portrait phones, less than 576px) */
@media (max-width: 575px) { 

/* Main Menu Styles Starts */

	.main-menu .navbar-brand {
		padding: 0;
		width: 70%;
	}
	.main-menu .navbar-toggler {
		margin-top: 0;
		padding: 4px 12px 6px;
	}
		.main-menu .navbar-toggler-icon { 
			margin-top: 0;
			font-size: 15px;
		}
		.main-menu .navbar-nav {
			margin-top: 0;
			margin-bottom: 10px;
		}
			.main-menu .nav-item:not(:last-child) {
				margin-right: 0;
			}	

/* Main Container Styles Starts */

	.main-container {
		padding-top: 86px;
	}			

/* Generic Styles Starts */

	.d-xs-block {
		display: block !important;
	}
	.d-xs-none {
		display: none;
	}
	.img-center-xs {
		margin-left: auto;
		margin-right: auto;
	}	

	.text-xs-left   { text-align: left;   }
	.text-xs-center { text-align: center; }
	.text-xs-right  { text-align: right;  }			

}

/* Small devices - sm (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	
/* Main Menu Styles Starts */

	.main-menu .navbar-nav {
		margin-top: 0;
		margin-bottom: 10px;
	}
		.main-menu .nav-item:not(:last-child) {
			margin-right: 0;
		}	

/* Main Container Styles Starts */

	.main-container {
		padding-top: 96px;
	}			

/* Generic Styles Starts */

	.img-center-sm {
		margin-left: auto;
		margin-right: auto;
	}

}

/* Medium devices - md (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 

/* Main Menu Styles Starts */

	.main-menu .navbar-nav {
		margin-top: 0;
		margin-bottom: 10px;
	}
		.main-menu .nav-item:not(:last-child) {
			margin-right: 0;
		}

/* Main Container Styles Starts */

	.main-container {
		padding-top: 96px;
	}			
	
/* Generic Styles Starts */

	.img-center-md {
		margin-left: auto;
		margin-right: auto;
	}

}

/* Large devices - lg (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 

/* Main Container Styles Starts */

	.main-container {
		padding-top: 96px;
	}	

/* Generic Styles Starts */

	.img-center-lg {
		margin-left: auto;
		margin-right: auto;
	}	

}

/* Extra large devices - xl (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}