/*
Theme Name: Elina Booking Engine - Classic - smaller screens
Author: Matteo Di Mauro - Vestibule Marketing
Version: 1.1
*/

@media screen and (max-width: 480px){
#confirmOverlay #confirmBox{
    width:90%;

}

div#PBELoginBoxMenu.menuLoginPanel, div.loggedInElinaPBEUsername div#ChangeIdentity {
    width: 90%;
    left: 3%;
}

span.loggedInElinaPBERole, div.loggedInElinaPBEServices div.loggedInElinaPBEUsername {
    width: 96%;
    display: block;
}
    div#filtersBoxElinaPBE {
        display: none;
    }
    #guestsInfo th{
        display:none;
    }
    
    .guest-tr td:first-child{
        font-weight:bold;
        font-size:16px;
    }

    .chooseAccommodationPopupBox h2 {
        font-size: 18px;
    }

.btn.addNewCard{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}


      a#add_guest.btn.btn-secondary.btn-small{
        width:98%;
    }

    div#customBoxElinaPBE {
        display: none;
    }

    div#contentElinaPBE {
        width: 99%;
        padding: 0;	
        margin: 0 auto;
        float: left;
    }

    div#sidebarElinaPBE {
        display: block;
        float: none;
        width: 99%;
    }

    div.actionsTools {
        display: none;
    }

    div.pricesAndActions {
        float: none;
        display: block;
        width: 100%;
        clear: both;
        text-align: center;
    }

    div.pictureContainerElinaPBE {
        display: block;
        clear: both;
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    div.pictureContainerElinaPBE.promos {
        margin: 0;
        width: 100%;
        padding: 0;	
    }

    div.descriptionPBE {
        float: none;
        width: 100%;
    }

    #afterThis div.list_entry div.pictureContainerElinaPBE {
        display: none;
    }

    .ImagesContainer {
        background-size: cover;
    }

    div#NewFocusChoice.row {
        width: auto;
    }

    div#newMember {
        float: none;
        width: auto;
        border-right: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #e1e1e1;
    }

    #RegisteredMemberForm p {
        height: auto !important;
    }

    div#alreadyRegistered {
        float: none;
        width: auto;
    }

    #personalInfo tbody tr th {
        width: 20%;
        padding: 0;
    }

    div.loginBoxPBE {
        display: none;
    }

    div.row.sectionsBook.searchRow {
        display: none;
    }

    div.fieldElina {
        display: block;
        float: none;
        width: 100% !important;
        margin: 5px 0;
    }
    div.availCalendar .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 90%;
    }

    div.legend {
        width: 100%;
    }

    .availCalendar a.ui-corner-all {
        width: 5% !important;
    }

    #availableCalendar div.dates {
        width: 90%;
    }

    select#Guests {
        width: 100%;	
    }

    div#rowFocusChoice {
    }	
    div.list_entry_addon.closed {
        width: auto;
        margin: 0 auto;
        float: none;
    }

    div.cont.expandPicturePBE {max-height: 150px;}
    div.cont.expandPicturePBE img {margin-top: -50%}
    .clm33 {width: 100% !important; float: none; margin:0 !important;}
    textarea.specialRequest {width: 100%;}
    table.form select {width: 100%;}
    table.form tr th {width: auto;}

    table.form tr th {
        display: table;
        width: 100% !important;
        clear: both;
        background: none;
        padding: 0 2% !important;
        margin: 10px -2% 0 -2% !important;
    }

    table.form tr {

        display: block;
    }

    table.form tr td {
        display: table;        
        clear: both;
        background: none;
        padding: 5px 2% !important;
        margin: 0 -2% !important;
    }

    table.form select  {
        width: auto !important;
    }

    table tr.disposable {
        display: none;
    }

    table.form {
        border-collapse: inherit;
    }

}

@media screen and (max-width: 778px), screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
.fancybox-wrap{
  width:90%!important;
  left:5%!important;    
      
  }
  
  .fancybox-inner{
     width:100%!important;   
  }
    
 /*.modal-open div#bodyElinaPBE {
    margin: 0 auto;
    width: 100%;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    height: 100%;
}

   
 .modal-open div#bodyElinaPBE .overlay {
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
}*/
    select#SortOrder, select#Currency{
        width:30%;
    }
	
.loggedOut .loggedInElinaPBEServices {
		display:block;}
		
.loggedOut div.loggedInElinaPBELanguages {
  float: left;
  width: 60%;
  margin-top: 0.5px;
  border-right: none;
}

.loggedOut div#PBELoginBoxMenu.menuLoginPanel{
	  top: 10%;}

.loggedInElinaPBELogout{
	float: right;
  margin-top: 5px;}
	
div.loggedInElinaPBEServices {
  position: static;
  display: none;
}

input[type=checkbox]:checked ~ .loggedInElinaPBEServices {
  display: block;
}
	.show-menu{
	  display:block;}
	  
.show-menu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  background: #111;
  text-align: center;
  padding: 8px 0;
  font-size: 12px;
  width: 30%;
  float: right;
}
  
 div.loggedInElinaPBEServices, div.loggedInElinaPBEStatus, div.loggedInElinaPBEServices > div {
  float: none;} 
  
  #loggedInElinaPBEBar div.loggedInElinaPBEServices div.loggedInElinaPBEWarnings ul li {
  width: 100%;
}

.loggedInElinaPBEStatus{
	width: 70%;}


#loggedInElinaPBEBar div.loggedInElinaPBEServices div.loggedInElinaPBEWarnings ul li a {
	width:100%;
	display: block;
	padding:9px 0 11px 0;}
	
div.loggedInElinaPBELanguages {
  float: none;
  width: 90%;
  margin-top:0.5px;
  border-right: none;
}
  
  div.loggedInElinaPBEDefinition, div.loggedInElinaPBEUsername{
	  float:left!important;}
	  
	  div.loggedInElinaPBEServices > div {
  padding: 0px 0px;
}

#loggedInElinaPBEBar div.loggedInElinaPBEServices div.loggedInElinaPBEWarnings ul li a {
	margin-left:0;}
	
	div.loggedInElinaPBELogout a {
  padding: 0;
  border-radius: 0;
  width: 100%;
  display: block;
}

#loggedInElinaPBEBar div.loggedInElinaPBEServices div.loggedInElinaPBEWarnings ul li a{
	margin-right:0;
	width:96%;
	padding:9px 2%;
	padding-bottom: 11px;}
	
div.loggedInElinaPBEServices > div.loggedInElinaPBEDefinition, div.loggedInElinaPBEServices  div.loggedInElinaPBERole, div.loggedInElinaPBEServices div.loggedInElinaPBEUsername, div.loggedInElinaPBELogout a {
	padding:9px 2%;
	padding-bottom: 11px;}
	
span.loggedInElinaPBERole, div.loggedInElinaPBEServices div.loggedInElinaPBEUsername{
	margin-left:0;
	padding-left:0;}	


    .overlay div.content {
    width: 90%;
}
	
	
	}