@media (max-width: 767px) {
.navbar-inverse .navbar-nav > li > a:hover , .navbar-inverse .navbar-nav > .active > a{ border-radius:0px !important; }
.navbar-inverse .navbar-nav > li > a.log{ background: none; float: left; }
.container-bg-white h1{margin-top: 20px !important; padding-bottom: 45px;}
div.dataTables_length label{ float: left !important; }
.main-form-area1 .left-B{ float:none; width:100%;}
.main-form-area1 .right-B{ float:none; width:100%;}
.logo-t img{ max-width: 100%; }
.logo img{ float: none; margin:auto; display: table; }
.navbar-toggle{ margin-right: 0px;  position: absolute; top: 10px; right: 16px; }
.logo{ float: none !important; margin: 0px; padding-top: 15px; }
.navbar-header{ margin: 0px !important; }
.logo-t h1{ font-size: 20px !important; color: #fff; text-align: center; margin-bottom: 0px; }
.logo-t p{ font-size: 13px !important; color: #fff;  text-align: center; }
.logo-t{ float: none !important; }
.navbar-inverse .navbar-nav > li > a.log{ background: #337ab7; border-radius:0px;  }
div.dataTables_length select { position: relative; right: 0px !important;}
.preview-pic-user img{ margin: auto; display: table; float: none; position: relative; top: 30px;}
.user-main-text-top ul { list-style: none; margin: auto; display: table; margin-top: 50px; }
.user-main-text-top ul{ margin-bottom:20px; }
.spots{ display:block; border-radius: 20px; height: auto}
.spot-L{border-radius: 20px 20px 0px 0px; width: 100%;}
}


@media (min-width: 768px) and (max-width: 991px) {
div.dataTables_length select{ position: relative; right: 32px; }
div.dataTables_paginate{ float:none !important; }


.preview-pic-user img{ margin: auto; display: table; float: none; position: relative; top: 30px;}
.user-main-text-top ul { list-style: none; margin: auto; display: table; margin-top: 50px; }
.user-main-text-top ul{ margin-bottom:20px; }
.spot-L{ padding: 0px 10px;}
.spot-R { padding: 0px 10px;}
}

@media (max-width: 970px) {
div.dataTables_length select { position: relative; right: 15px; }

}