/*
* Mobile css only
* Specific styles here for mobile version
*/

body {
    background-image: none;
    top: 0 !important;
}

.container {
    border: 0 !important;
}

/*Home Page*/
div#page.container.column3{
    width:100%
}

div#header-row{
    width: 100%
}

div.column3 #custom-search{
   width:100%;
   float:none;
   padding-bottom: 0px;
   height:700px;
}

div.column3 h3.search{
    width:100%;
    font-size: 2.2em;
    padding-left:0px;
    margin-left:0px;
    height:10%;
    text-align: center;
    padding-top: 6%;
    background-position-x: 6%;
}

div#custom-search div.form{
    width: 100%;
}

div#custom-search div.form form#estate-form{
    width: 100%;
}

div#custom-search div.form form#estate-form div#search_area.search_area{
    width: 100%;
    margin-left: 0px;
}

#custom-search .location{
    float: none;
    width:90%;
    margin-left:5%;
    margin-right: 5%;
}

#custom-search .type{
    float: none;
    width:90%;
    margin-left:5%;
    margin-right: 5%;
}

#custom-search .state{
    float: none;
    width:90%;
    margin-left:5%;
    margin-right: 5%;
}

#custom-search .size{
    float: none;
    width:93%;
    margin-left:5%;
    margin-right: 5%;
}

div.size p{
    width: 100%;
}
#custom-search .floor{
    float: none;
    width:90%;
    margin-left:5%;
    margin-right: 5%;
}

#custom-search .price{
    width:93%;
    margin-left:5%;
    margin-right: 5%;
}

div.price p{
    width: 100%
}

#custom-search .keyword{
    width:90%;
    margin-left:5%;
    margin-right: 5%;
    margin-bottom: 8px;
}

#custom-search .id{
    width:90%;
    margin-left:5%;
    margin-right: 5%;
}

#search_area select {
    font-size: 20px; 
    height: 38px; 
    line-height: 12px;
    padding: 2px 2px 2px 0px;
    background-color: #FFF;
    color: #555;
    border: 1px solid #CCC;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;  
    min-width: 0px !important;
    max-width: 800px;  
}
#search_area .find_title {
	font-size: 16px;
	margin-bottom: 7px;
}

div.smallDrop{
    width: 100%;   
}

select#searchFormModel_floorMin{
        width: 47%
}

select#searchFormModel_floorMax{
        float: right;
        width: 47%
}

#search_area p{
    line-height: 39px;
}

#search_area input, textarea {
    height: 38px;
    font-size:18px;
    width: 47%;
    float: left;
}

#search_area input#searchFormModel_sizeMax.minmax{
    margin-left: 3%;
}

#search_area input#searchFormModel_priceMax.minmax{
    margin-left: 3%;
}
 
input#searchFormModel_keyword{
    width:100%;
}

input#searchFormModel_id{
    width: 268px;
}

input#searchFormModel_id.minmax{
    width: 100%;
}

div#custom-search div.form form#estate-form input[type="submit"]{
    width:90%;
    height:38px;
    margin-left:5%;
    margin-right: 5%;
    margin-top: 18px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 20px;
}

div#logo img{
    height: 50px;
    width: 124px;
    position:absolute;
    z-index: 10;
    top:0px;
    
}

#header{
    height: 38px;
}

#mainmenu{
    top:0px;
    height: 50px;
    width: 100%;
    background-size: 110px;
    background-color: #D5D5D5 !important;
}
#mainmenu ul{
    display: none;
}

ul.translation-links {
display: none;    
margin-top: 32px;
position: absolute;
z-index: 1;
margin-left: 178px;
}

#slider{
    width: 100%;
    height:260px;
}

.images{
    width: 100%;
    height: 260px;
}

.slide{
    width: 100%
}

.image {
width: 100%;
height: 260px;
}

div.column3 section{
    margin-top: 0px;
    width: 100%;
}

div.column3 section p{
    font-size: 170%;
}

div.latest_estates h3{
    padding-left: 0px;
}

div.column3 h3{
    margin-top: 0px;
    font-size: 2.5em;
}

div.column3 .latest_estates{
    padding-top: 10px;
    width: 100%;
}

div.latest_estates div.estate{
    min-height: 224px;
    margin-bottom: 30px;
}

.shadow{
    width: 90%;
    height: 99px;
}

div.latest_estates img{
    margin-left: 10px;
}

/*Search Results*/

div.column1 h3.search{
    display: none;
}

div#page.container.column1 img.mag{
    display: none;
}

#page aside{
    display: none;
}

div#page.container.column1 section{
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
}

div.column1 section h2#title{
    text-align: center;
    font-size: 2.2em;
    margin-top: 0px;
}

div.pager{
    text-align: center;
    float: none;
}

div.pager span{
    font-size: 15px;
}

div.pager ul.paginator{
    font-size: 18px;
} 

section div.estate_list div.result{
    min-height: 260px;
    margin-top:20px;
    width: 100%;
    margin-right: 0px;
    text-align: center;
}

div.ID{
    text-align: center;
}

div.estate_list div.result div.estate div{
    width: 100%;
}

div.estate_list div.result div.estate{
    width: 100%;
}

div#page.container.column1 section div.estate_list div.result div.estate div a img.shadow{
    width:80%;
    height: 224px;
}

div#page.container.column1 div.estate a.button{
}

/*Estate Preview*/

div#page.container.column1 section div.pics{
    margin-top: -70px; 
    width: 57%;
}

div.pics div#image{
    height: 265px;
    margin-bottom: 100px;
}

div.pics div#image img.shadow{
    width: 94%;
    height: 250px;
}

#image > a.carousel-control {
    font-size: 6em;
    height: 269px;
    background: rgba(251, 249, 249, 0);
}

#image > a.carousel-control.left.notranslate{
    left: -47%;
    top:159px;
} 

#image > a.carousel-control.right.notranslate{
    left: 47%;
    top: -167px;
}

div#page.container.column1 section div.pics div#thumbnails {
    width: 100%;
}

div#page.container.column1 section div.pics div#thumbnails img.shadow{
    height: 50px;
    width: 24%;
}

div#page.container.column1 section div.features{
    width: 43%;
}

div#page.container.column1 section div.features ul{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/*Articles Preview*/
div.column1 section h2#title.articles{
    text-align: left;
    padding-top: 0px;
    font-size: 30px;
}

div#page.container.column1 section section.articles-list{
    width: 100% !important;
    padding-left: 0px;
}

div#page.container.column1 section section.articles-list div.article-preview{
    margin-left: 0px;
}

//div.column1 section p{    
//}

/* Mobile top menu image */
.svg-menu {
    float: right;
    margin-top: 15px;
    margin-right: 14px;
    cursor: pointer;
}
.svg-menu > img {
    width: 3.35em;
    height: 2em;
}

/* Mobile menu list */
.mobile-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #474747;
}
.mobile-menu-list li {
    width: 100%;
    height: 44px;
    border-bottom: 1px solid black;
    line-height: 36px;
    padding-left: 14px;
}

.menuImage {
    display: none;
}

.menuTitle {
    padding: 0;
}

.mobile-menu-list li a {
    color: #fff;
    font-size: 24px;
}
.mobile-menu-list li a:hover {
    text-decoration: none;
}

.mobile-translation-links {
    list-style: none;
    background-color: #474747;
    padding-left: 0px;
}

.mobile-translation-links li {
  border: 0;
  width: 28%;
  display: inline;
}

.mobile-lang-text {
    color: #fff;
}
.mobile-lang-text {
    font-size: 24px;
}

.mobile-menu-list li a.english{
    //float: right;
}

.mobile-menu-list li a.greek{
    //float: left;
}

/* Global enable mobile */
.mobile {
    display: block !important;
}

.fb-like {
    top: 14px;
    left: 5px;
}

div.column3 .text p {
    display: none;
}

#title {
    display: none;
}