#widget-current .city {
	width: 50%;
	float: left;
	min-height: 500px;
	position: relative;
}

#widget-current .title {
	float: right;
	font-family: 'Oxygen', sans-serif;
	padding: 30px 30px 0 0;
	width: 100%;
}

#widget-current .title h2 {
	/* color: #FFF; */
	font-size: 30px;
	float: left;
}

#widget-current .title h3 {
	font-size: 16px;
	font-weight: 600;
	color: #EEE;
	margin-top: 4px;
	text-align: right;
}

#widget-current .date-time {
	/* position: absolute; */
	/* bottom: 30%; */
	/* color: #FFF; */
	width: 100%;
	padding: 0 30px 10px 30px;
	font-family: 'Oxygen', sans-serif;
}

#widget-current div#txt {
	/* font-size: 35px; */
	/* font-weight: 100; */
	/* margin-bottom: 10px; */
	/* letter-spacing: 1px; */
}

#widget-current .dmy {
	/* width: 81%; */
	/* float: left; */
	/* text-align: left; */
	/* padding-top: 55px; */
	text-align: center;
}

#widget-current .temperature {
	/* width: 34%; */
	/* float: right; */
	text-align: center;
	color: white;
	font-weight: bold;
}

#widget-current .temperature p {
	font-family: 'Raleway', sans-serif;
	font-size: 60px;
	font-weight: 100;
	padding: 13px;
}

#widget-current .temperature p span {
	font-size: 50px;
	font-weight: 200;
}

#widget-current .forecast {
	width: 50%;
	float: left;
}

#widget-current .forecast-icon {
	margin: 25px 0;
	text-align: center;
}

#widget-current .today-weather h3 {
	font-size: 22px;
	color: #FFF;
	width: 80%;
	margin: 0 auto 20px;
	padding-bottom: 10px;
	border-width: thin;
	border-bottom: 1px solid #EEE;
	text-align: center;
}

#widget-current .today-weather ul li {
	/* width: 74%; */
	margin: 0 auto;
	line-height: 39px;
	border-width: thin;
	border-bottom: 1px solid #777;
	/* color: #EEE; */
	font-weight: 600;
	text-align: left;
	/* padding-left: 20px; */
}

#widget-current .today-weather ul li span {
	float: right;
	/* padding-right: 10px; */
}

#widget-current .today-weather ul li:nth-child(9) {
	border-bottom: none;
}

#widget-current .footer {
	padding-bottom: 20px;
}

#widget-current .copyright p {
	color: #FFF;
}

#widget-current .copyright p a {
	color: #FFF;
}
/*--w3layouts--*/
/*--agileits--*/
#widget-current .copyright p a:hover {
	color: #FFEB3B;
}

/*-- //Index-Page-Styling --*/





/*-- Responsive Code --*/



 
@media screen and (max-width: 853px) {
	#widget-current h1 {
		font-size: 45px;
	}
	/*--w3layouts--*/
	/*--agileits--*/
}

@media screen and (max-width: 800px) {
	#widget-current h1 {
		font-size: 35px;
	}
	#widget-current .temperature p {
		font-size: 100px;
	}
	#widget-current .dmy {
		/* padding-top: 25px; */
	}
}

@media screen and (max-width: 736px) {
	#widget-current .temperature p {
		font-size: 80px;
	}
	#widget-current .dmy {
		/* padding-top: 10px; */
	}
	#widget-current div#txt {
		font-size: 30px;
	}
	#widget-current .forecast-icon img {
		width: 110px;
	}
}

@media screen and (max-width: 667px) {
	#widget-current h1 {
		font-size: 40px;
		margin-top: 30px;
	}
	 
}

@media screen and (max-width: 640px) {
	#widget-current h1 {
		font-size: 30px;
		margin-top: 45px;
	}
	#widget-current div#txt {
		font-size: 25px;
	}
	/*--w3layouts--*/
	/*--agileits--*/
	#widget-current .dmy {
		/* padding-top: 17px; */
	}
	#widget-current .temperature p {
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 603px) {
	#widget-current h1 {
		font-size: 35px;
	}
	#widget-current .city {
		width: 100%;
		min-height: 300px;
	}
	#widget-current .temperature {
		text-align: right;
	}
	#widget-current .temperature p {
		font-size: 100px;
	}
	#widget-current .dmy {
		/* padding-top: 35px; */
	}
	#widget-current .forecast-icon {
		margin: 10px 0;
	}
	#widget-current .forecast {
		width: 100%;
		padding-bottom: 30px;
	}
	#widget-current .copyright {
		padding-bottom: 20px;
	}
	#widget-current .copyright p {
		line-height: 30px;
		font-size: 14px;
	}
}

@media screen and (max-width: 533px) {
	#widget-current h1 {
		font-size: 33px;
	}
}

@media screen and (max-width: 480px) {
	/*--w3layouts--*/
	/*--agileits--*/
	#widget-current h1 {
		font-size: 28px;
		letter-spacing: 2px;
	}
	 
	#widget-current .forecast-icon {
		margin: 0px 0 10px;
	}
	#widget-current .forecast-icon img {
		width: 100px;
	}
	#widget-current .today-weather h3 {
		font-size: 40px;
	}
	#widget-current .city {
		min-height: 250px;
	}
	#widget-current .title h2 {
		font-size: 20px;
	}
	#widget-current .title h3 {
		font-size: 14px;
	}
	#widget-current .date-time {
		width: 100%;
		padding: 0;
	}
	#widget-current .dmy {
		padding: 0;
		/* margin-bottom: 35px; */
		text-align: center;
		width: 100%;
	}
	#widget-current div#txt {
		font-size: 30px;
	}
	#widget-current .date {
		font-size: 22px;
	}
	#widget-current .temperature {
		text-align: center;
		width: 100%;
	}
	#widget-current .copyright {
		padding: 20px;
	}
	#widget-current .temperature p {
		font-size: 60px;
		padding-bottom: 15px;
	}
	#widget-current .forecast-icon img {
		width: 65px;
	}
	#widget-current .today-weather h3 {
		font-size: 30px;
	}
	#widget-current .copyright p {
		line-height: 25px;
		font-size: 13px;
	}
}

@media screen and (max-width: 375px) {
	#widget-current h1 {
		font-size: 26px;
		line-height: 1.5em;
		letter-spacing: 0;
	}
	#widget-current .city {
		min-height: 315px;
	}
	#widget-current .dmy {
		margin-bottom: 30px;
	}
	#widget-current .date {
		font-size: 18px;
	}
	#widget-current .temperature p {
		padding-bottom: 15px;
	}
}


 @media (max-width: 767px) {
  /*.carousel-inner .carousel-item > div {
      display: none;
  }*/
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  
  .carousel-inner .carousel-item-start.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }

  #widget-current .date-time {
	    position: absolute; 
	    bottom: 30%; 
	     
	    width: 100%;
	    padding: 0 30px 10px 30px;
	    font-family: 'Oxygen', sans-serif;
	}


}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
transform: translateX(0);
}.data_10day .bg-danger ,.data_10day .alert-danger{
    background-color: #59516e;
    background-image: linear-gradient(0deg,#e5dee2,#e5dee2 20%,#aba2b4 60%,#59516e 90%,#59516e);color: white;
}.data_10day .bg-info ,.data_10day .alert-info{
       background-color: #1d5d75;
    background-image: linear-gradient(0deg,#bed0cd,#bed0cd 20%,#6ea6a9 60%,#1d5d75 90%,#1d5d75);color: white;
}