body{background-color: #faf6ee;}
/*===================================
   CSS STLYE FOR RECOMMENDATION START 
===================================*/
.recommend-banner { color: #fff; padding: 100px 0; text-shadow: 0 5px 5px #333; background-image: url(../../images/recommend-banner.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover; box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.5); text-align: center;}
.recommend-banner h1 { font-size: 60px; font-weight: 600; margin: 0px; }
.recomend-bg { /*background-color: #faf6ee;*/ padding-top: 40px; padding-bottom: 40px; }

.rec-list-dashboard { padding: 0px; position:relative;display:flex;flex-wrap:wrap; }
.rec-list-dashboard .fav-list { background-color: #fff; border-bottom: 4px solid #41ad9c; border-radius: 3px; padding: 10px; margin: 0px 0px 15px 0px; -webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;position:relative; height: calc(100% - 20px); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
.rec-list-dashboard .fav-list .fav-img-thumb, .recommended-tour-thumb { background-size: cover; width: 100%; height: 150px; background-position: center center; background-repeat: no-repeat; display: block; border-radius: 2px; margin-bottom: 15px;}
.rec-list-dashboard .fav-list .fav-img-thumb { margin-bottom: 10px;}
.rec-list-dashboard .fav-list h3 { text-align: center; font-size: 16px; line-height: 24px; margin: 0px 0px 5px 0px;}
.rec-list-dashboard .fav-list h3 a { color:#3e3d40; }


.recommend-profile-area { font-size: 16px; text-align: center;  }
.recommend-profile-area .profile-pics { width: 100%; text-align: center; }
.recommend-profile-area .profile-pics a { position:relative; display: inline-block; border: 3px solid #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); margin-bottom: 20px; }
.recommend-profile-area .profile-pics img { max-width: 100%; }
.recommend-profile-area .profile-title h3 { font-size: 18px; }
.recommend-profile-area .profile-title h3 a { color:#3e3d40; display: block; margin-bottom: 15px;}
.recommend-profile-area .profile-title p a { color:#41ad9c; }
.recommend-profile-area .profile-title h3 span {display: block;font-size: 15px;}

.recommend-profile-area .following, .recommend-profile-area .profile-likes { margin-bottom:15px; display: block; font-size: 16px;}
.recommend-profile-area .following a { display: inline-block; color: #f8504c; border: 1px solid #f8504c; padding: 5px 15px; border-radius: 3px; }
.recommend-profile-area .following a:hover, .recommend-profile-area .following a.prf-active { color: #fff; background-color: #41ad9c; border: 1px solid #41ad9c; padding: 5px 15px; display: inline-block;}
.recommend-profile-area .profile-likes span { color: #4a3d40; font-size: 16px; font-weight: 600; display: inline-block; padding-right: 22px; position: relative; line-height: 22px; }
.recommend-profile-area .profile-likes span:after { content: ''; display: block; width:16px; height: 16px; background: url(../../images/sprite-icons.png) no-repeat -65px top; position: absolute; top: 4px; right: 0px;}


.recommend-profile-area .profile-info { font-size:15px; line-height: 22px; }
.recommend-profile-area .profile-info p { word-break: break-word; overflow-wrap:break-word; }
.social-sharing { padding: 0px; margin: 0px;}
.social-sharing a { width: 36px; height: 36px; background-image: url(../../images/social-icon.png); background-repeat: no-repeat; display: inline-block; margin: 0px 3px; }
.social-sharing .facebook { background-position: left top; }
.social-sharing .twitter { background-position: -46px top; }
.social-sharing .instagram { background-position: -92px top; }
.social-sharing .airbnb { background-position: -138px top; }
.social-sharing .linkedin { background-position: -184px top; }


.recommend-area ul, .recommend-fav-list { margin: 0px; padding: 0px; list-style: none;  }
.recommend-fav-list li { padding: 20px; border-radius: 3px; }
.recommend-fav-list li .item-info { width: calc(100% - 170px); float:left;}
.recommend-fav-list li .item-image { width: 150px; float: right;}
.recommend-fav-list li .item-image img { border-radius: 3px;}
.gmap { padding:30px 0px 20px 0px; }
.gmap { padding:30px 0px 20px 0px; width: 100%; clear: both;}
.recommend-fav-list li:after { clear: both; height: 0px; content: ''; display: block;}
.recommend-fav-list li h3 { font-size: 17px; color:#3e3d40; margin-top: 0px; }
.recommend-fav-list li h3 a { color:#41ad9c; }
.recommend-fav-list li p { font-size: 15px; color:#3e3d40; }
<<<<<<< Updated upstream
.recommend-fav-list li p.location { font-size: 14px; color:#666; margin-bottom:0px; word-wrap: break-word;}
.recommend-fav-list li p.location span { color:#333; font-weight: 600;}

.recommend-details .item-image, .recommend-details .item-info { width:100%!important; float:none!important; margin-bottom: 15px;}

.recommended-tour, .recommend-fav-list li, .recommend-area { background-color: #fff; border: 1px solid #d8d8d8; margin-bottom: 15px; }
.recommend-area h2 { font-size: 18px; font-weight: 600; padding: 10px 15px; margin: 0px; border-bottom:1px solid #d8d8d8; }
.recommend-area ul li { font-size: 14px; border-bottom:1px solid #d8d8d8; }
.recommend-area ul li a { padding: 7px 15px; line-height: 25px; display: block; color:#3e3d40; }
.recommend-area ul li a:hover, .recommend-area ul li a.selected { color:#ff423f; }

.recommended-tour h4 { font-size: 13px; color: #999; display: block; padding-left: 10px; margin-bottom:0px; margin-top: 10px;}
.recommended-item { padding: 10px; margin-bottom: 15px;}
.recommended-tour .recommended-item:last-child { margin-bottom:0px;}
.recommended-item h3, .recommended-item p { margin: 0px 0px 10px 0px; padding: 0px; }
.recommended-item h3 { font-size: 15px; color: #333;}
.recommended-item h3 a {color:#3e3d40}
.recommended-item p { font-size: 14px;}

.recommended-item .tour-details:after { clear: both; display: block; content: ''; height: 0px;}
.recommended-item .tour-details span {  font-weight: 600; }
.recommended-item .tour-details span.timesnap { font-size: 13px; float:left; padding-left: 18px; position: relative; }
.recommended-item .tour-details span.timesnap:before { background: url(../../images/sprite-icons.png) no-repeat -64px -32px; width: 16px; height: 16px; content:''; display: block; position: absolute; left: 0px; top: 3px;}
.recommended-item .tour-details span.price { font-size: 16px; float:right;}
.recommended-item  .tour-button a{ display: block; border-radius: 3px; background-color: #41ad9c; color: #fff; padding: 8px 15px; text-align: center; font-size:16px; margin: 5px 0px 0px 0px; border: 1px solid #389486; }

.gmap { padding:30px 0px 20px 0px; }

.list-tabs { margin: 0px auto 15px auto; padding: 5px; text-align: center; background-color: #fff; border: 1px solid #d8d8d8; border-radius: 25px; width: 215px;}
.list-tabs a { padding: 5px 15px; color: #3e3d40; font-size: 16px; display: inline-block; }
.list-tabs a:hover, .list-tabs a.selected { background-color: #389486; color: #fff; border-radius: 25px; }
.map-view { border:2px solid #d8d8d8; border-radius: 3px;}

/*===================================
   CSS STLYE FOR RECOMMENDATION END 
===================================*/

@media screen and (max-width:1199px) {
	.social-sharing a { margin: 0px 1px;}
}

@media screen and (max-width:991px) {
.recommend-profile-area { text-align:left; position: relative; padding-left: 150px; margin-bottom: 0px; margin-top: 30px;}
.recommend-profile-area .profile-pics { width:130px; position: absolute; left: 0px; top: 0px; }
.recommend-profile-area .profile-pics img { width: 100%; }
.recommend-banner h1 { font-size: 40px; }
.recommend-profile-area .profile-title { width: 80%; float: left;}
.recommend-profile-area .following { width: 20%; float: right;}
.recommend-profile-area .following { text-align: right;}
.recommend-profile-area .profile-title h3 { font-size: 18px; margin-bottom: 5px; }
.recommend-profile-area .profile-info { clear:both; display: block;}
	
}
@media screen and (max-width:767px) {
.recommend-banner h1 { font-size: 30px; }
}
@media screen and (max-width:667px) {
.recommend-fav-list li .item-image, .recommend-fav-list li .item-info { width: 100%; float:none; margin-bottom: 15px;}
.recommend-fav-list li .item-image img { max-width: 100%!important; }
}
@media screen and (max-width:480px) {
.favourite-items .fav-list-item .expert-tip .tip-control .tip-note { background: url(../../images/Local-expert-icon-2.png) no-repeat -10px -48px; padding-left: 20px; margin-bottom: 0px; margin-top: 10px; }
.favourite-items .fav-list-item .expert-tip textarea { min-height: 150px; }

.recommend-profile-area .profile-title, .recommend-profile-area .following { width: 100%; float:none;}
.recommend-profile-area .following { text-align: center;}
	
.recommend-profile-area { text-align:center; position: relative; padding-left: 0px; margin-bottom: 20px;}
.recommend-profile-area .profile-pics { width:140px; position:relative; left:auto; top: auto; margin: 0 auto 10px auto;}
.recommend-profile-area .profile-pics img { width: 100%; }
.recommend-profile-area .profile-title h3 { font-size: 18px; margin-bottom: 5px; }
.recommend-banner h1 { font-size: 30px; }
	.recommend-profile-area .profile-likes { margin-bottom: 0px;}

}