/*** Extra small devices (portrait phones, less than 576px) ***/
@media (max-width: 575.98px) { 
	.navbar img {
		width: 200px;
		margin: 0;
	}
	ul.secondary-nav-left li {
		padding: 8px 0 0;
	}	
	ul.secondary-nav-left {
		text-align: center;
	}
	ul.secondary-nav {
		text-align: center;
	}
	ul.secondary-nav li {
		padding: 0 5px 10px;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 10px;
	}
	h1 {
		font-size: 35px;
	}
	.slider .white-bg {
		width: 95%;
		margin: 45% auto;
	}
	.about .white-bg {	
		left: 0;
		margin: 0;
		padding:0 0 20px;
	}
	.banner-content{
		padding:15px!important;
	}
	.no-padding .pl-0, .no-padding .px-0 {
		padding-left: 15px !important;
	}
	footer h6 {
		margin-top: 20px;
	}
	.single-footer-widget ul {
		margin: 25px 0 0;
	}
	.copyright p{
		text-align:center;
	}
}

/*** Small devices (landscape phones, 576px and up) ***/
@media (min-width: 576px) and (max-width: 767.98px) { 
	.navbar img {
		width: 200px;
		margin: 0;
	}
	ul.secondary-nav-left li {
		padding: 8px 0 0;
	}	
	ul.secondary-nav-left {
		text-align: center;
	}
	ul.secondary-nav {
		text-align: center;
	}
	ul.secondary-nav li {
		padding: 0 5px 10px;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 10px;
	}
	h1 {
		font-size: 35px;
	}
	.slider .white-bg {
		width: 95%;
		margin: 45% auto;
	}
	.about .white-bg {	
		left: 0;
		margin: 0;
		padding:0 0 20px;
	}
	.banner-content{
		padding:15px!important;
	}
	.no-padding .pl-0, .no-padding .px-0 {
		padding-left: 15px !important;
	}
	footer h6 {
		margin-top: 20px;
	}
	.copyright p{
		text-align:center;
	}
	.single-footer-widget ul {
		margin: 25px 0 0;
	}
}

/*** Medium devices (tablets, 768px and up) ***/
@media (min-width: 768px) and (max-width: 991.98px) { 
	.navbar-light .navbar-nav .nav-link {
		font-size: 12px;
		padding: 12px;
	}
	ul.secondary-nav li {
		padding: 10px 0 10px 18px;
	}
	.black-bg {
		min-height: 45px;
		width: 130px;
	}
	h1 {
		font-size: 35px;
	}
	.about .white-bg {
		left: 0;
		margin: 0 0 15px;
	}
	footer h6 {
		margin-top: 20px;
	}
	.single-footer-widget ul {
		margin: 25px 0 0;
	}
}

/*** Large devices (desktops, 992px and up) ***/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.navbar-light .navbar-nav .nav-link {
		padding: 0 15px;
	}
	h1 {
		font-size: 55px;
	}
}