.astroid-logo img {
    max-width: 280px !important;
    max-height: 90px !important;
}
.astroid-header-section header.astroid-header {padding: 5px !important;}
.astroid-nav .nav-link.active {border: 1px solid #883534; border-radius: 3px;}

.backgroundbg{background-color:rgba(0, 0, 0, 0.3); padding: 10px; margin-bottom: 8px !important;}

#aboutus{padding-top: 0px !important;}
#aboutus .jdb-image-wrapper img{width: 95% !important; border: 3px solid #ddd;}
#aboutus .jdb-button-link{background-color: #1C4822 !important; border-color: #1C4822 !important;}
#aboutus .jdb-button-link:hover{background-color: #186622 !important; border-color: #186622 !important;}
#aboutuscontent{margin-bottom: 10px !important;}

.specialty-wrapper{height: 180px; overflow: hidden; border: solid 2px #ddd;}
.specialty-wrapper img{max-width: 280px;}


.specialty-heading { position: absolute; bottom: -7px; width: 88.4%; color: #fff;
    padding: 5px 0px; text-align:center; background: rgba(0, 0, 0, 0.4)  !important; /* Black see-through */ }
/*.specialty-wrapper:hover { background-color: rgba(253, 126, 20, .4) !important; }*/

.specialty-wrapper:hover .specialtyimage,.specialty-wrapper:hover .specialty-heading {
  opacity: 0.2;
}

.specialty-wrapper:hover .middle {
  opacity: 1;
}

.middle {transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }

.linktext { background-color: #0095DA; border-color: #0095da; color: white; font-size: 14px; padding: 12px 14px; border-radius: 4px;  }
.linktext:hover{color: #fff; background-color: #17a2b8;}

#populartours .card-blog .image-wrap { max-height: 140px; overflow: hidden;}
#populartours h3{text-align: center !important;}
#populartours h5{font-size: 1.2em !important;}
#populartours h5 a{color: #883534;}
#populartours h5 a:hover{color: #9e1a1a;}

.bookingsubmit{text-align: center; background-color: #1C4822 !important; border-color: #1C4822 !important; }
.bookingholder{text-align: center;}
.bookingsubmit:hover{background-color: #186622 !important; border-color: #186622 !important;}
.footer-copyright{text-align: center;}
#astroid-footer a:hover{color:#9e4c2f;}

.astroid-social-icons li a{background-color: #186622; font-size: 14px; padding: 0.3em; border-radius: 50%; color: #fff !important;}
.astroid-social-icons li a:hover{background-color: #fff; color: #186622 !important;}
.astroid-social-icons > li {margin: 0 3px !important;}
#topcontacts .py-2,#language-switcher .switcher{padding-top: 1rem !important; padding-bottom: 1rem !important;}
#language-switcher .switcher{position: absolute !important; right: 20px;}


.hotels .blog .item-image{max-height: 300px; overflow: hidden;}
.hotels #footer-above{background:#0898DB; padding-top: 15px !important; padding-bottom: 0rem !important; color: #fff; text-align: center; }
.wildlife-safaris .blog .item-image{max-height: 200px; overflow: hidden;}
.pt-5, .py-5 { padding-top: 0rem !important; padding-bottom: 1rem !important;}
.astroid-banner-inner {padding: 160px 0 20px !important;}
.astroid-banner-inner .astroid-banner-title {  padding-top: 10px !important;}

.article-title .page-header [itemprop="name"] { font-size: 20px !important;}
.layout-blog .blog [itemprop="blogPost"] h3{font-size: 1.0em !important;}
table.guide-table{border: 1px solid #dee2e6; margin-bottom: 15px; width: 100%;}
table.guide-table th,table.guide-table td{border: 1px solid #dee2e6; }
ul.mod-list{padding-left: 5px !important;}

.sectionservices .jdb-heading-subheading,.sectionservices  h3.jdb-heading-heading{color: #fff !important;}
.whychooseus h3.jdb-heading-heading{color:#1C4721 !important; }

.whychooseus ul,#serviceofferings ul{list-style: none;}

.whychooseus ul li:before,#serviceofferings ul li:before {content: '✓'; color: #883534; font-weight: 700; margin-right: 10px;}

#bottomsection{background: #883534; padding: 50px 0px; color: #fff !important; }
#bottomsection .container{width: 1170px;}
#bottomsection h3.module-title{color: #fff; margin-bottom: 20px !important; font-size: 1.2em !important; border-bottom: 1px solid #fff; text-transform: uppercase;}
#bottomsection a{color: #fff; border-bottom: 1px #fff dotted;    padding-bottom: 12px;}
#bottomsection a:hover{text-decoration: underline;}
#bottomsection ul li{margin-bottom: 12px;}
p{line-height: 30px;}
/*Media Queries*/
/* On screens that are 768px or more, style it this way*/
@media (min-width: 768px){
  .whychooseus ul,#serviceofferings ul {columns: 2; -webkit-columns: 2; -moz-columns: 2;}
  .whychooseus ul li,#serviceofferings ul li {margin-right: 20px;}
}

/*End Media Queries*/