.glyphicon{top:3px;}
        .room_home{margin:0; display:inline-block; color:#475a20; cursor:pointer;}
        .room_home:hover{color:#475a20; text-decoration:none;}
        .inner_res .home_collapse {top: 50px;}
        .sign_bg{background:none;}
        .MT_5{ margin-top:-6px}
        
        @media screen and (min-width: 320px) and (max-width: 1199px) {
        .mobiletop-box-divs{display:block !important;}
        }
        @media screen and (min-width: 320px) and (max-width: 767px) {
        .reservation label, .panel-body{ color:#475a20;}
        }
		
		.WB{ /*-ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;display: inline-block;*/}

.marg{margin:30px 0 0 0;}
#map {
    z-index: 0;
    height: 500px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
 .tab_over{position: relative;}
 .bot_link a {color: #fff;font-size: 14px !important; margin: 0 2px !important;}
 }
 @media screen and (min-width: 320px) and (max-width: 1023px) {
  .bot_link a {color: #fff;font-size: 14px !important; margin: 0 2px !important;}
 
 }
.bO1{border: 1px solid #475a20}
.box_border{border: 2px solid #e7e8e9;}
.box_bg{ background:#e7e8e9;min-height:165px;}
.border_r{border-right: 1px solid #475a20;}

@media screen and (min-width: 320px) and (max-width: 991px) { 
.slimScrollDiv{ display:none;}.marg{margin:30px 0 30px 0;}
}
@media screen and (min-width: 320px) and (max-width: 767px) { 
.booking{height:auto !important;}
.bO1{border: none;}
.booking{ position:relative !important;}
.but_green{ padding: 11px 25px !important;}
}
@media screen and (min-width:767px) and (max-width: 2600px) {
.bor{border-right: 1px solid #475a20; border-bottom: 1px solid #475a20;}
.bor1{border-right: 1px solid #475a20;}
.bor_right{border-right:none !important;}
}


@media screen and (min-width:768px) and (max-width: 992px) {
.bor-but{ border-bottom:1px solid #000; margin:18px 0!important;}

}

.review_wrap{background:url(../themes/yosemite/img/map_home.jpg) no-repeat top center;height:400px;}
.booking {background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;height:400px; position:absolute;top:0; z-index:9;}
.h1home { color: #292829 !important;font-family: candara;font-weight: 600;}
.padding-20{padding:10px;}
.bor-but{ border-bottom:1px solid #d6d6d6; margin:17px 0;}
 .gm-style div {
    transition-duration: 0s;
    transition-property:none
}

#friendsdvbxhight a {
    color: #444;
}

span.map_numbering {
    display: none;
}

.attract-details {
    background: #f7f7f7;
    /* margin: 30px 0; */
    padding: 30px;
	margin-bottom: 0px;
    padding-bottom: 20px !important;
    flex-direction: column;
    display: flex;
}
.attract_map {
    font-size: 17px;
    text-align: left;
}
.attract-height{    height: 100%;
    position: relative;
    overflow: hidden;}
#friendsdvbxhight img {
    max-width: 50px;
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 10px;
}
.box-50 {
    width: 50%;
    display: inline-block;
    float: left;
}
.attract-details .but_direct{   padding:10px 18PX;
    background:#00a651 ;
    color: #fff;
    border-radius: 0;    transition: .2s all;
    border: 0;
	font-weight: bold;
}


.attract-btn .but_bg{     border-radius: 0;
    background: #197b30;
    color: #fff !important;
    border: 1px solid #197b30;
    padding: 10px 18px;
    transition: .2s all;}
.attract-btn .but_bg:hover	{background-color: #197b30;color:#fff !important;
    border-color: #197b30;
    -o-box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);}



#friendsdvbxhight {
    padding: 30px 10px 30px 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.friendsdvbxhight-wrapper {
    margin-top: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 6px 18px 1px rgb(222,222,222);
    -moz-box-shadow: 0px 6px 18px 1px rgb(222,222,222);
    box-shadow: 0px 5px 8px 0px rgb(222 222 222);
    position: relative;
}

.friendsdvbxhight-wrapper:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../images/pointer.png);
    background-size: 150px;
    background-repeat: no-repeat;
    opacity: 0.25; background-position:center
}

.attract_map__icon {
    width: 35px;
    height: 35px;
}

.attract_map strong {
    color: #0b28a8;
}

span.attract_head {
    display: block;
    margin-bottom: 20px;
	text-transform: uppercase;
    font-weight: bold;
}

.attract_map .data {
    color: #000;
}

.att_property{    
		font-size: 22px;
		color: var(--primary);
		text-align: left;
		align-self: center;
	}
	
.attract-btn .btns {
    display: inline-block;
}
@media screen and (min-width:992px) and (max-width: 1199px) 
{
	.friendsdvbxhight-wrapper:before {
		/*width: 20%;*/
		opacity: 0.15;
	}	
}

@media screen and (min-width:768px) and (max-width: 992px) {
	.friendsdvbxhight-wrapper:before {
		width: 38%;
		opacity: 0.1;
	}
	.att_property {
		text-align: center;
	}
}

@media (max-width: 991px) 
{

.MBSM10 {
    margin-bottom: 20px;
}

	.friendsdvbxhight-wrapper{order: -1;     margin-bottom: 30px; margin-top: 0;}

    #friendsdvbxhight img {
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .attract_map {
        text-align: center;
    }
	.att_property {
		text-align: center;
		margin-bottom: 26px;
	}
	span.attract_head {
		margin-bottom: 10px;
	}
	.attract_map {
		margin-bottom: 25px;
	}
}

@media (max-width: 767px) 
{
    .attract-height {
        height: 400px;
    }
    .attract-details {
		padding: 0;
		
		margin: 0;
	}
	.friendsdvbxhight-wrapper:before {
		opacity: 0.1;
		width: 100%;
	}
	#friendsdvbxhight {
		padding: 10px 0 20px;
	}
}