@media(max-width:1366px){
	.hero-section {
		padding-top: 15vh;
	}
}
@media only screen and (max-width: 1200px) {
	.card-inner {
		height: auto;
		width: auto;
		padding: 20px;
		margin-bottom: 30px;
		background-position:center!important;
	}
	.hero-card{
	}
	.time-list li {
		font-size: 12px;
	}
	.time-list {
		padding-left: 20px!important;
	}
	.weather-list li {
		font-size: 9px;
		padding: 0px 10px;
	}
	.weather-text {
		font-size: 10px;
	}
}
@media(max-width:1025px){
	.hero-section {
		padding-top: 7vh;
	}
}
@media only screen and (max-width: 990px) {
	.card-inner,
	.box{
		margin-bottom: 30px;
	}
	.p-0 {
		padding: 0 15px!important;
	}
	.footer-box {
		-webkit-box-pack: center!important;
		-ms-flex-pack: center!important;
		justify-content: center!important;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 30px;
	}
	.foot-left {
		margin-top: 30px;
	}
	
	.logo-small {
		display: block!important;
		padding: 10px;
	}
	.navbar-light .navbar-toggler {
		padding: 0px 20px;
	}
	
	.navbar-light .navbar-toggler {
		border-color: transparent;
	}
	.navbar-collapse {
		border-top: 1px solid rgba(0, 0, 0, 0.3);
		max-height: 400px;
		overflow: scroll;
	}
	.navbar-toggler:hover,
	.navbar-toggler:focus {
		box-shadow: none;
		outline: none;
	}
	.logo-main {
		display: none!important;
	}
	.nav-list {
		margin-right: auto;
		text-align: center;
	}
	.navbar-expand-lg .navbar-nav .nav-item {
		margin-left: 0px;
	}
	.nav-btn {
		margin: auto;
	}
	.nav-b-inner{
		flex-direction: column;
	}
	.time-list {
		padding-left: 0px!important;
		margin-left: 0;
	}
	.nav-img,
	.time-list {
		margin: 0 10px;
	}
	.nav-b-left{
		margin-bottom:20px;
	}
	.time-list li {
		text-align: center;
	}
	.weather-list {
		border-left: 0!important;
	}
	.weather-list li {
		padding: 0px 20px!important;
	}
	.nav-top {
		padding-bottom: 15px;
	}
	.foot-text {
		font-size: 13px;
	}
	.hero-section {
		padding-top: 11vh;
	}
}

@media only screen and (max-width: 767px) {
	.foot-top {
		-webkit-box-pack: center!important;
		-ms-flex-pack: center!important;
		justify-content: center!important;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
	}
	.foot-left svg {
		height: 160px;
	}
	.sub-title a {
		font-size: 20px;
		text-align: center;
	}
	.navbar-brand {
		max-width: 95px;
	}
	.logo-container .logo-text {
		font-size: 10px;
	}
	.footer-box {
		margin: 15px 0;
	}
	.foot-top-left {
		margin-bottom: 30px;
	}
}