.intro-img {
	height: 70vh;
	object-fit: cover;
	position: relative;
}

.intro-img:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1
}

.intro-img img {
	height: 70vh;
	object-fit: cover;
	
}

.intro-img .heading {
	text-align: center;
	position: absolute;
	bottom: 25%;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 40px;
	line-height: 60px;
	z-index: 2;
	font-weight: 700;
	text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.4392156862745098);
	font-family: 'Merriweather', serif;
}

.about-info .about-me-img {
	box-shadow: 9px 10px 37px -12px rgba(0, 0, 0, 0.5490196078431373);
}

.about-info .section-img {
	position: relative;
}

.about-info .rect_box {
	position: absolute;
	right: -8%;
	bottom: -10%;
	background: #ff9800a6 url(../icon/pattern.html) repeat top left;
	height: 400px;
	width: 350px;
	z-index: -1;
}

.section-title:before {
	position: absolute;
	content: '';
	right: 73px;
	bottom: 20px;
	background-image: url(../icon/dotsingle.html);
	height: 145px;
	width: 200%;
}
.basic-info .state-info ul{
	list-style: none;
	font-family: 'Merriweather', serif;
}
.info{
	font-family: 'Merriweather', serif;
}
.basic-info ul li{
	position: relative;
    line-height: inherit;
    margin-bottom: 10px;
    color: #666666;
    font-size: 18px;
}
.basic-info ul .capital:before{
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	background: url(../icon/capital.html) repeat top left;
	left: -32px;
	top: 0;
}
.basic-info ul .area:before{
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	background: url(../icon/area.html) repeat top left;
	left: -32px;
	top: 0;
}
.basic-info ul .altitude:before{
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	background: url(../icon/altitude.html) repeat top left;
	left: -32px;
	top: 0;
}
.basic-info ul .summer-t:before{
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	background: url(../icon/summer-temperature.html) repeat top left;
	left: -32px;
	top: 0;
}
.basic-info ul .winter-t:before{
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	background: url(../icon/winter-temperature.html) repeat top left;
	left: -32px;
	top: 0;
}
.basic-info ul .rainfall:before{
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	background: url(../icon/rainfall.html) repeat top left;
	left: -32px;
	top: 0;
}
.basic-info ul .languages:before{
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	background: url(../icon/languages.html) repeat top left;
	left: -32px;
	top: 0;
}
.basic-info ul .season:before{
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	background: url(../icon/season.html) repeat top left;
	left: -32px;
	top: 0;
}
.basic-info ul .airport:before{
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	background: url(../icon/airport.html) repeat top left;
	left: -32px;
	top: 6px;
}
.t-attractions .listatt ul{
	list-style: none;
}
.t-attractions .listatt ul>li{
margin-bottom: 10px;
font-size: 16px;
	line-height: 24px;
	color: #666666
}
.t-attractions .listatt ul>li>span{
	font-weight: 600;
}

@media screen and (max-width: 720px) and (min-width: 320px) {

	.intro-img .heading {
		text-align: center;
		position: absolute;
		width: 100%;
		bottom: 25%;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		font-size: 40px;
		line-height: 55px;
		z-index: 2;
		font-weight: 700;
		text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.4392156862745098);
	}

	.about-info .rect_box {
		position: absolute;
		right: -2%;
		bottom: -8%;
		background: #ff9800a6 url(../icon/pattern.html) repeat top left;
		height: 200px;
		width: 260px;
		z-index: -1;
	}
	.eme{
		columns: 1;
	}
}

/* For Cities style */


.morelink{cursor: pointer; float: right; font-weight: 600; letter-spacing: 1px; font-size: 13px;}

.city-details-main .col-md-6:nth-last-child{    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;;}
.city-details{height: 100%;; overflow: hidden;}
.city-details.card{    box-shadow: 0px 20px 30px -30px #000; padding: 15px}
.city-details h2 span{color: #ff7050;     text-decoration: underline;}
.city-details .section-paragraph p{margin-bottom: 0;}
.city-details .icons-bg{position: absolute; width: 42%;  opacity: 0.1; top: 10px; right: 10px;}
.city-details .icons-bg img{width:100%;}
.citi-tit-inder h2{     font-family: 'Merriweather', serif;   font-size: 30px; color: #333333; letter-spacing: 0px; font-weight: 600; line-height: 68px; width:100%;  margin: 0 auto;}
.citi-tit-inder h2 span{color: #ff7050;     text-decoration: underline;}
.ul-style-circle { list-style-type: circle; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0; margin-inline-end: 0;   padding-inline-start: 40px;}
.ul-style-circle li h3{font-family: 'Merriweather', serif;   font-size: 20px;}
.ul-style-circle li{margin-bottom:20px;}

@media (min-width:320px) and (max-width:480px){
    .citi-tit-inder h2{    font-size: 20px; line-height: 28px;}  
    .city-details .section-paragraph p{margin-bottom: 0; font-size:14px;}  
}
@media (min-width:481px) and (max-width:767px){
    .citi-tit-inder h2{    font-size: 20px; line-height: 28px;} 
    .city-details .section-paragraph p{margin-bottom: 0; font-size:14px;}   
}