@CHARSET "UTF-8";
@media only screen and (min-width: 600px) and (max-width: 959px){
 
  /*--------------space------------------*/
  #space-form .alert-error {
    margin: 0 auto 2% !important;
    width: 89% !important;
  }
  
  #space-form .alert-success {
    margin: 0 auto 2% !important;
    width: 89% !important;
  }
  
  div.form .space-form .price_space .errorMessage{
    width: 165px;
    padding: 5px 46px 0 0;
  }
  
  #space-form .label1 {
    margin-top: 15px !important;
    width: 69% !important;
    float: left;
  }
  
  #space-form .save {
    margin-top: 0px !important;
  }
    
  #space-form .title_div.error{
    background: url("../images/icon_error.png") no-repeat scroll 99% center #F5F5F5 !important;
  }
  
  #space-form .price_name.error{
    background: url("../images/icon_error.png") no-repeat scroll 99% center #F5F5F5 !important;
  }
  
  #space-form .price_name.img-success{
    background: url("../images/icon_success.png") no-repeat scroll 99% center #F5F5F5 !important;
  }
  
  #space-form .title_div.img-success{
    background: url("../images/icon_success.png") no-repeat scroll 99% center #F5F5F5 !important;
  }
  
  #space-form .nearby.img-success{
    background: url("../images/icon_success_1.png") no-repeat scroll 99% center #F5F5F5 !important;
  }

  #space-form div.wapper-space {
    border: 1px solid #dbdbdb!important;
    border-radius: 4px;
    clear: both!important;
    margin-left: 0.6%!important;
    width: 98.5%!important;   
    background-color: #FFFFFF;
  }
  
  #space-form .space-form {
    width: 97%;  
    background-color: #f5f5f5;
    border: none;
    box-shadow: none;
  }

  #space-form .column1 {
    width: 100%!important;
    float: left!important;
    margin-left: 0;
  }
  
  #space-form .column2 {
    width: 100%;
    margin-top: 0%!important;
    margin-right: 0px;
    padding-top: 0px;
  }
  
  #space-form .ok {
    background: url("../images/admin/ok.png") no-repeat 3px center;
  }
  
  #space-form .div1 {
    width: 95.8% !important;
    margin-left: 0.7%!important;
    height: 50px!important;
    border: 1px solid #dbdbdb!important;
    border-radius: 4px;
    clear: both;
    background-color: #FFFFFF;
  }
  #space-form .div1 label{
    margin-top:5px;
  }
  #space-form .div2 {
    margin-top: 3% !important;
  }
  #space-form .space-form.fixed_block_button {
    width: 100%; 
  }

  #space-form .fixed_block {
    width: 98% !important;
    margin: 0 !important;
    border-radius: 0;
    border: none !important;
    border-bottom: 1px solid #dbdbdb !important;
  }
  #space-form .save {
    width: 23% !important;   
  }
  
  #space-form .error_title {
    border: 1px solid red !important;
    width: 607px !important;
  }
    
  #space-form div.title,
  #space-form div.address {
    margin: 2% 2% !important;
    width: 96% !important;
  }
  
  #space-form .title_div {
    background: url("../images/ok.png") no-repeat 99% center;
    width: 100%;
    background-color: #f5f5f5;
  }
  
  #space-form .nearby  {
    background: url("../images/svg/icon_thumb-grey.svg") no-repeat 99% center;
    background-size: 30px 30px;
  }
  
  #space-form .title_div.title-gmap {
    width: 95.9%;
    margin-left: 2%;
  }
  
  #space-form .title_name11, #space-form .nearby11{
    width: 69%;
  }  
  
  #space-form .styled-select {    width: 30%;
  }
  
    
  #space-form .title1 {
    width: 94%;
  }
  
  
  #space-form .space-form .space_type {
    background: url("../images/admin/ok_green.png") no-repeat 95% 47%;
    margin-top: 1%;
    width: 100%;
    padding-left: 2%;
    float: left
  }
  
  #space-form .styled-select {
	  width: 58%;
	  background: url(../images/arrow_select.png) no-repeat 94%;
	}

	#space-form .space-form .type_space #space-type-select {
    margin-left: 30%;
  }

  #space-form .space-form .type_access #access-type-select {
    margin-left: 19%;
  }
  
  .space-form .gmap #street_view {
    width: 100% !important;
  }
  
  #space-form div.map .tabs-below {
    width: 95.9%;
    margin-left: 2%;
  }
  
  #space-form .space-form .description, #space-form .space-form .title_nearby{
    margin: 15px 2%;
    width: 96%;
  } 
  
  #space-form .space-form .description1 {
    height: 80px;
    margin: 0px;
    padding: 5px 2%;
    width: 95.8%;
  }
  
  #space-form .space-form #nearby{
    width: 95.8%;
    height: 116px;
    line-height: 18px;
  }
  
  #space-form .space-form div.amenities {
    margin: 15px 2%;
    width: 96%;
  }
  
  #space-form .space-form .amenities .textField {
    width: 100% !important;
  }
  
  #space-form .space-form .amenity {
    width: 30% !important;
  }
  
  #space-form .space-form .select2-container, .select2-drop, .select2-search, .select2-search input{
    width: 100%;
  }
  
  #space-form .space-form .select2-container-multi .select2-choices {
    width: 100% !important;
  } 
  
  #space-form .price_space {
    margin-left: 2%;
    float: left;
    width: 46.5%;
    margin-bottom: 15px;
  }
  
  #space-form .price_table {
    width: 100% !important;
    height: 49% !important;
    margin-top: -0.2%;
  }
  
  #space-form .price_table tr :nth-child(3){
    border-right: none !important;
  }
  
  .space .price_div {
    width: 100% !important;
    height: 49% !important;
  }
  
  #space-form .available_space {
    width: 46.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-top: 0px;
}

  
  #space-form .time_day, #space-form .day_week {
    margin-left: 5% !important;
    width: 90% !important;
  }
  
  .space .available_div {
    width: 100%;
  }
  
  .space-form .available_div .nav-tabs li,
  .space-form .available_div .nav-tabs li a:hover
  {
    background: url("../images/svg/icon_available-grey.svg") no-repeat 8% center;
    background-size: 20px 20px;
    background-color: #f5f5f5;
  }
  
  .space-form .available_div .nav-tabs li a,
  .space-form .available_div .nav-tabs li a:hover 
  {
    background: url("../images/svg/icon_tick-grey.svg") no-repeat 92% center;
    background-size: 20px 20px;
  }
  
  .space-form .available_div .nav-tabs li.active
  {
    background: white url("../images/svg/icon_available-green.svg") no-repeat 8% center;
    background-size: 20px 20px;
  }
  
.space-form .available_div .nav-tabs .active a, 
.space-form .available_div .nav-tabs .active a:hover {
  background: url("../images/icon-set_tick-green-ie.png") no-repeat 92% center;
  background-size: 20px 20px;
}
  
  #space-form .time_input_from,#space-form .time_input_to {
    width: 43% !important;
  }
  
  #space-form .time_to_div {
    margin-right: 0% !important;
  }
  
  #space-form .day_week .btn-primary {
    /*margin-left: 2.8% !important;
    padding: 4.1% !important;*/
  }
  
  #space-form .avatar_space {
    margin-right: 2%;
    margin-top: 0%;
    margin-bottom: 3%;
    width: 46.5%;
  }
  
  #space-form .avatar_space .profile_footer {
    width: 90% !important;
    margin-bottom: 8% !important;
  }
  
  #space-form .space-form .type_space {   
    width: 48%;
  }
  
  #space-form .space-form .type_access {   
    width: 50%;
  }

  #space-form .space-form .type_space #space-type-select {
  	margin-left: 36%;
  }

  #space-form .space-form .type_access #access-type-select {
  	margin-left: 21%;
  }
  
  #space-form .space-form .type_space #max-entrance-height-select{
    margin-left: 36%;
  }

  #space-form .space-form .type_access #vehicle-largest-select {
    margin-left: 21%;
  }

  #space-form .btn-primary:hover,#space-form .btn-primary:active,#space-form .btn-primary.active,#space-form .btn-primary.disabled,#space-form .btn-primary[disabled]
  {
    padding: 10px 0px;
  }
  
  #space-form .btn-primary, #space-form .btn-primary:hover, #space-form .btn-primary:active {
    padding: 10px 0px;
  }
  
  
  #space-form .image_avatar img {
    width: 120px;
    height: 120px;
  }
  #space-form .avatar_info {
    width: 50%;
  }
  
  #streetview-canvas .no-street-view{
    height: auto;
  }
  #space-form .price_name {
  	background-position: 97% center;
  }
  /* ---------------------------------------------------------------------- */
  /*  gmap edit space*/
  .space-form .gmap #map-canvas {
    width: 100%;
  }
  .space-form .gmap #street_view{
    width:   100%;
  }
  
  .space-form .gmap #upload{
    width: 100%;
  }
  div.form .space-form .errorMessage{
    font-size: 15px;
  }
  
  .space-form .map .wrap_data{
    width: 100%;
    max-width: none;
  }
  
  .space-form .map .flexslider .slides img {
    width: 100%;
  }
  .space-form .map .flex-viewport {
    width: 95.9%;
    margin-left: 2%;
  }
  
  .space-form .map #upload_image_other{
    margin-right: 2%
  }
  
  .space-form .map .flex-direction-nav .flex-next {
    margin-right: 2%;
  }
  .space-form .map .flex-direction-nav .flex-prev {
    margin-left: 2%;
  }
/* ---------------------------------------------------------------------- */
/*  view-form*/
  #space-form .view-form {
    width: 100%; 
  }
  #space-form .view-form span.space_type,#space-form .view-form span.access_type
    {
    background: none;
  }
  
  #space-form .view-form div.space_type {
    margin: 10px 0px;
    background: none;
    width: 70%;
  }
  
  #space-form .view-form span.title_space_size,
  #space-form .view-form span.value_space_size,
  #space-form .view-form span.value_space_type,
  #space-form .view-form span.title_space_type {
    font-size: 14px;
  }

  #space-form .view-form .view_title {
    font-size: 22px;
    margin-left: 2%;
  }
  
  #space-type .social img{
    width: 30px;
  }
  
  #space-form .view-form .column2 .wrap-price{
    width: 58%;
    float: left;
    margin-left: 2%;
  }
  
  #space-form .view-form .column2 .view_price{
    width: 99.5%;
    height: 80px;
  }
    
  #space-form .view-form .prices{
    height: 80px;
  }
  #space-form .view-form .amount{
    font-size: 25px;
    height: 30px;
    padding-top: 17px;
  }

  #space-form .view-form .wrap-price-date sup{
    font-size: 14px;
  }
  
  #space-form .view-form .prices{
    width: 33%;
  }
  
  #space-form .view-form .price_label{
    padding-top: 10px;
    font-size: 15px;
  }
  
  #space-form .view-form .wrap-price .green_btn {
    margin: 5px 0 0 0;
    width: 100%;
    height: 47px;
  }
  
  #space-form .view-form .wrap-price .green_btn.icon {
    display:none;
  }
  
  #space-form .view-form div.social{
    margin-right: 2%;
  }
  
  #space-form .view-form .image_avatar img {
    width: 70px;
    height: 70px;
  }
  
  
  #space-form .view-form .image_avatar {
    margin: 10px;
  }
  
  #space-form .view-form .avatar_space {
    margin: 0 2% 20px 2%;
    float: right;
    width: 35.5%;
  }
  
  #space-form .view-form .avatar_info {
    width: 60%;
  }
  
  #space-form .view-form .avatar_info .member_since {
    font-size: 12px;
    margin: 0;
  }
  
  #space-form .view-form .avatar_info .member_since_value {
    font-size: 14px;
    margin-top: 0px;
  }
  #space-form .view-form div.description .description,
  #space-form .view-form div.amenities .amenities {
    margin: 0px;
    font-size: 22px;
  }
  #space-form .view-form div.amenities span.amenities {
    font-size: 14px;
  }
  
  #space-form .view-form div.description label.description_value {
    font-size: 14px;
    margin-top: 5px;
  }
  #space-form .view-form div.description,#space-form .view-form div.amenities{
    margin-top: 10px;
    margin-bottom: 13px;
  }
  
  #space-form .view-form #slide_data .slide-title{
    font-size: 18px;
    height: 30px;
    padding-top: 10px;
  }

  #space-form .view-form #slide_data a.flex-prev{
    width: 20px;
    background: url("../images/arow-left-slide.png") no-repeat 0px 55px;
    background-color: #f5f5f5;
    top: 20px;
    left: 1px;
  }
  
  #space-form .view-form #slide_data a.flex-next{
    width: 20px;
    background: url("../images/arow-right-slide.png") no-repeat 0px 55px;
    background-color: #f5f5f5;
    top: 20px;
    right: 0px;
  }
  #space-form .view-form #slide_data{
   height: 188px;
  }
  #space-form .view-form #slide_data div.flex-viewport {
      width: 93.5%;
  }
  
  #modalSpaceUpload {
    position: none;
    top: none;
    margin: 0;
    right: auto;
    left: 14%;
  }
  #space-form .wrap_google_adsense .google_adsense,
  #space-form .wrap_google_adsense_mobile .google_adsense {
    margin: 0 auto;
    float: none;
  }
  #space-form .wrap_google_adsense{
    margin: 0 auto 15px auto;
  }
}  /* end base tablet css */





/* ---------------------------------------------------------------------- */
/*  width 700px*/
@media only screen and (min-width: 600px) and (max-width: 700px) {
  div.form .space-form .description .errorMessage{
    width: 60%;
    padding-top: 6px;
  }
  #modalSpaceUpload {
    left: 4%;
  }
}

/* ---------------------------------------------------------------------- */
/*  width 728px
/* ---------------------------------------------------------------------- */
@media only screen and (min-width: 600px) and (max-width: 728px) {
  #space-form .label1 {
    margin-top: 5px !important;
    width: 68% !important;
    float: left;
  }
  
  #space-form .save {
    margin-top: 0px !important;
  }
}
  
/* ---------------------------------------------------------------------- */
/*  width 700px*/
@media only screen and (min-width: 600px) and (max-width: 750px) {
  #space-form .btn-primary:hover,#space-form .btn-primary:active,#space-form .btn-primary.active,#space-form .btn-primary.disabled,#space-form .btn-primary[disabled]
    {
    width: 25px;
  }
  #space-form .btn-primary {
    width: 25px;
  }
}

/* ---------------------------------------------------------------------- */
/*  width 600px - 655px */
@media only screen and (min-width: 600px) and (max-width: 655px) {
  #space-form .title_name11, #space-form .nearby11{
    width: 67%;
  }  
  
  #space-form .title_name12{
    width: 32%;
  }
  
  #space-form .title_name12 p{
    width: 85px;
  }
  
  #space-form .label_space {
    font-size: 16px;
    width: 95px;
  }
  #space-form .label_access {
    font-size: 16px;
    width: 64px;
  }
  #space-form .btn-primary, #space-form .btn-primary:hover, #space-form .btn-primary:active {
    padding: 7px 0px;
  }
  #gmap-tab .nav-tabs li a {
    text-indent:35px;  
  }

  #space-form .time_to_div {
    background: url("../images/time_day.png") no-repeat scroll 5px 25px     transparent;
  }
  
  
  div.form .space-form .errorMessage{
    font-size: 12px;
  }
  
  #space-form .image_avatar img {
    width: 100px;
    height: 100px;
  }
}