.table-hover h2{font-size:14px;font-weight:bold;margin:0px}
.caption{font-size:12px}
.thumbnail>img,.thumbnail a>img {width:100%;height:200px;max-width:none}
.view {width:240px;height:180px;max-width:none}
.floatleft{float:left;margin-right:10px}
.poicell{padding:10px}
.search1{margin-top: 7px;float: left;}
.search2{margin-top: 7px;float: left;margin-left: 10px;margin-right: 10px;}
.thumbnail{margin-bottom:10px}
#likes{height:30px} 
#ad-slot{min-height:200px}
#ad-slot2{height:100px}
.head{text-shadow:1px 0px 1px;margin:0 }
div#village li {
    padding-bottom:7px;
}

ul#village li {
    padding-bottom:7px;
}

div#village li > a:first-child{
 font-weight:bold;
}

.jumbotron {padding:10px 13px !important;margin-bottom:10px !important ; margin-top:-9px}
.jumbotron p,  .jumbotron h1 {font-size :30px;margin-bottom:0px;text-align:center;color:#337ab7;line-height:1.42857143;font-weight:500;font-family:inherit   }

.nav>li>a {padding:10px 14px}
.cycleicon{margin-left: 10px;
    width: 37px;
    height: 37px;
    vertical-align: top;}
.walkicon{margin-left: 3px;
    width: 35px;
    height: 35px;
    vertical-align: top;}

.jumbotron a:hover {
    color: #337ab7 ;
    text-decoration:none;
}
.jumbotron a:active{
    color: #337ab7 ;
    text-decoration:none;
}

.jumbotron a:active, a:focus{
    color: #337ab7 ;
    text-decoration:none;
}

.navbar-inverse .navbar-nav>li>a {color:white}
.panel-title {font-weight:bold}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #337ab7 ;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #337ab7;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #337ab7;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #337ab7;
}
.carousel h3{font-size:14px} 
.carousel{height:auto} 
.carousel .item {height:auto}
.carousel-caption h3 {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

.carousel-caption a {
    color:white
  }

.carousel-caption h3 {
    font-size: 21px;
    line-height: 1.4;
    position: absolute;
    left: -127px;
    bottom: -12px;
}

.carousel-caption a:hover {
    color: white ;
    text-decoration:none;
}

.navbar-inverse {background-image:linear-gradient(to bottom,#c4e3f3 0,#337ab7 100%)}
.h2content{font-size:18px}







@media screen and (max-width: 640px) {
  .hidemob {
    visibility: hidden;
    display: none;
  }



#searchboxes{float:none}
.search1, .search2 {margin-bottom:10px}
.search2{margin-left: 5px;margin-right:0px}
#likes{clear:both;height:30px}
.jumbotron p{font-size:18px}
.jumbotron h1 {font-size:18px}
.carousel {display:none}

.panel-info>.panel-heading {height:50px}
.panel-primary>.panel-heading {height:50px}
}


.yvideo{width:50%;height:300px;padding:5px}

.caption{font-size:12px;text-align:center;min-height:27px}
.maplink{font-size:17px;font-weight:bold}
.subheaderroute{font-size:17px;font-weight:bold}
.gpsfiles{font-size:14px}
.panel-heading{height:33px}
.dist{float:right}
.panel-title{float:left}
.elev{width:100%}
.h2inline{display:inline;font-size:15px;font-weight:bold }
.panel-heading{padding:10px 8px}
.mapmobile{display:none}
.mobmaps{display:none}
@media screen and (max-width: 768px) {
  
.view {width:230px;height:190px;max-width:none}
}

@media screen and (max-height: 690px) {
  
.dropdown-menu>li>a {padding:1px 20px}
}

#poivideo{float:left;margin-right:5px;width:250px;height:140px}
input[type=radio]{margin-right:2px}
   
 #hide,#show,#showloc,#track,#stoptrack {padding-right: 5px;  border-right: 2px solid #337ab7;font-size:13px !important;}
 .mapbuttonlinks {padding-right: 5px;  border-right: 2px solid #337ab7; font-size:13px; font-weight:bold}
 #print{padding-right: 3px;}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { #hide, #show,#showloc,#track,#stoptrack{padding-right: 5px;  border-right: 2px solid #337ab7;font-size:12px;font-weight:bold} 
#print{display:none}.mapmobile{display:block}
}



#OL_Icon_111_innerImage {
    height: 70px !important;
    width: 50px !important;
}

#OL_Icon_58 img {
    height: 70px !important;
    width: 50px !important;
}



/* 6+ in both */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {.mapmobile{display:block;font-size:17px;font-weight:bold} .maplink{display:none} .mobmaps{display:block} .para{font-size:16px} div#village li{font-size:16px} .caption{font-size:14px}}

/* 6 in both */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {.mapmobile{display:block;font-size:17px;font-weight:bold} .maplink{display:none} .cycleicon{margin-left:30px} .mobmaps{display:block} .para{font-size:16px} div#village, div#topmaindiv li{font-size:16px} .caption{font-size:14px}}

/* 5 in both */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { .mapmobile{display:block;font-size:17px;font-weight:bold} .maplink{display:none} .mobmaps{display:block} .para{font-size:16px} div#village, div#topmaindiv li{font-size:16px} .caption{font-size:14px}}

/* galaxy s5 */
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 640px) { .cycleicon{margin-left:15px} .para{font-size:16px} div#village, div#topmaindiv li{font-size:16px} .caption{font-size:14px}}



/* 5 in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { .resImage{width:220px} .mapImage{float:none !important} #ad-slot2{height:217px} .para{font-size:16px} div#village li{font-size:16px} }

/* 6 in portrait*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { .resImage{margin-left:-30px;width:340px} .cycleicon{margin-left:29px} .mapImage{float:none !important} #ad-slot2{height:217px} div#village ul{padding-left:20px} div#village, div#topmaindiv li{font-size:16px} #res2{margin-left:0px !important} .thumbnail>img, .thumbnail a>img{height:250px}}

/* 6+ in portrait*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {.resImage{ margin-left:-30px; width:380px} .mapImage{float:none !important} #ad-slot2{height:217px} .para{font-size:16px} div#village, div#topmaindiv li{font-size:16px} div#village ul{padding-left:20px} .caption{font-size:14px} .cycleicon{margin-left:20px} #res2{margin-left:0px !important} .thumbnail>img, .thumbnail a>img{height:250px}}


/* 12 pro in portrait*/
@media only screen 
    and (min-device-width: 390px) 
    and (min-device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { .cycleicon{margin-left:44px}}

/* Landscape iphone + */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.thumbnail a>img{height:300px}
}

/* Landscape iphone */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
.thumbnail a>img{height:300px}
}


/*ipad in portrait and landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { .para{font-size:16px} div#village, div#topmaindiv li{font-size:16px} .caption{font-size:14px} }


/* ipad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { .col-sm-6{width:100%} .thumbnail>img, .thumbnail a>img{height:400px} .caption{font-size:14px !important}}