/* Add here all your CSS customizations */
body{color: #4D4D4D;}
h1, h2, h3, h4, h5, h6{color: #4D4D4D; letter-spacing: normal}
.grey-bg{background: #F2F2F2}
.search-div {
  width: 60%;
}

.searchbox{
	background: #ffffff;
border: solid 2px rgba(0, 0, 0, .5);
border-radius: 30px;
padding: 10px 20px;
width: 100%;
}
.login-btn{
	color: rgba(0, 0, 0, .5); padding: 5px 15px; background: #ffffff; border-radius: 20px; text-decoration: none !important; font-size: 18px; font-weight: bold; margin-left: 5px; transition: all 0.3s;
}
.login-btn:hover{
	color: #ffffff; background: #293c90;
}


.banner{width: 100%; position: relative}
.banner img{max-width: 100%}
#header .header-nav{justify-content: flex-end;}
.simple-search .input-group-append{border: 2px solid #EEE;}
.section-pad{padding: 80px 0}
.post-content{padding-top: 30px}
.post-content h3{font-size: 24px; font-weight: normal; text-transform: inherit; margin: 0; padding: 0;}
.post-content h2{font-size: 28px; font-weight: 600; margin: 0; padding: 0;}
.post-content a{color: #4d4d4d}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span{font-size: 1.1em}

#footer{margin-top: 0}


.breadcrumb{display: flex; justify-content: center}
.breadcrumb a{color: #ffffff}
.breadcrumb > li + li::before{color: #ffffff}
.breadcrumb > li.active{color: #ffffff; font-weight: bold}
.buy-book img{max-width: 100%}

.portfolio-list .portfolio-item{height: 200px; background: #222222; text-align: center; margin-bottom: 20px;}
.portfolio-list .portfolio-item video{height: 100%;}
.portfolio-list .portfolio-item iframe{height: 100%}
.portfolio-list .portfolio-item img{height: 100%; width: auto}
.sort-destination .isotope-item h4{font-weight: normal; margin-bottom: 0}
.sort-destination .isotope-item h2{font-weight: 600; text-transform: uppercase}




@media (max-width: 1200px) {
	.post-content h2{font-size: 22px}
	.post-content h3{font-size: 18px}
}

@media (max-width: 992px) {
	
	.login-btn{font-size: 14px}
	
	.section-pad{padding: 50px 0}
	#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span{font-size: 0.9em}
}
@media (max-width: 768px) {
	.search-div {width: 100%;}
}