﻿/*----------------------------------------------------------------------*/
/*---------RESPONSIVE CLASSES-----*/
/*----------------------------------------------------------------------*/
@media screen and (max-width: 780px) { /* responsive form settings, when window width is 480px or less */
    body,html {
        font-size: 15px;
        padding:0;
        margin:0;
    }
    .MapSearch{
        height: auto; position: static; top:auto; z-index: 100;
    }
    .MapSearch .TranspCont{
        position:static;
    }
    .MainHeader {
        max-height: 100%;
        position: relative;
        display: block;
        z-index: 0;
    }
    .MainHeader > img {
        height: auto;
        position: static;
        z-index: 100;
        margin:0;
        bottom: auto;
        width:100%;
    }

    .mobile-hide, .mobile-hidden {
        display: none!important;
    }
    .desktop-hidden{
        display:block!important;
    }

    .container_12 {
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
    .push_1, .push_2, .push_3, .push_4, .push_5, .push_6, .push_7, .push_8, .push_9, .push_10, .push_11, .push_12
    {
        display: block;
        float: none;
        width: auto!important;
        left:0!important;
    }

    .RiftMainMenu {
        display: block;
        float: none;
    }

    .RiftMainMenu .RiftMainMenuTr {
        display: block;
    }

    .RiftMainMenu .MenuContent {
        display: block;
        border-right: none;
        border-bottom: solid 1px #bbbbbb;
    }

    .RiftMainMenu .MenuContent .iText {
        font-size: 18px;
        line-height: 20px;
        padding: 7px;
    }

    .RiftMainMenu .MenuContent.Last-item {
        border-bottom: none;
    }

    .widget > header {
        font-size: 16px;
        line-height: 30px;
        min-height: 30px;
    }

    .fa-search {
        font-size: 16px;
    }

    .sliderBox {
       display:none;
    }
    .mobile-table,.mobile-table thead,.mobile-table tbody,.mobile-table tr,.mobile-table td{
        display:block;
        width:auto!important;
    }
     .mobile-table h5{
         display:block;
         text-align:left;
     }
     .FeaturedEstates{
         width:46%;
     }
     .FeaturedEstates .fimage{
         width:50%;
     }
     .FeaturedEstates img{
         width:100%;
         height:auto;
     }
     .FeaturedContainer2 .FeaturedEstates{
         width:48%;
     }
     .FeaturedContainer2 .FeaturedEstates .fimage{
         width:100%;
     }
     .ResultsContainer #pImage{
         width:40%;         
     }
     .ResultsContainer #pImage a > img{
         height:auto;
     }
     .ResultsDiv .ResultsDescription{
         padding:5px;
         font-size:10px;
     }
     .FeaturedContainer2 .FeaturedEstates img{
         height:auto;
     }
     .estateRow .aim{
         font-size:12px;
     }
     .estateRow .price{
         font-size:12px;
     }
     .loginBar{
         position:static;
         top:auto;
         left:auto;
         display:block;
     }
     .loginBar div, .loginBar li{
         float:none!important;
     }
     h1{
         font-size:24px;
     }
     h2{
         font-size:22px;
     }
     h3{
         font-size:18px;
     }
     .grid50{
         display:block;
         width:auto;
     }
     .imgMover{
        width: auto;
    }
     .galleria {
        height: 300px;
    }
}
@media screen and (max-width:460px) { /* responsive form settings, when window width is 480px or less */
   .FeaturedEstates{
       display:block;
       width:auto!important;
     }
   .galleria {
        height: 200px;
    }
    .ResultsContainer #pImage{
         width:100%;         
     }
}