﻿/*----------------------------------------------------------------------*/
/*---------RESPONSIVE CLASSES-----*/
/*----------------------------------------------------------------------*/
@media screen and (max-width: 480px) { /* responsive form settings, when window width is 480px or less */
    body {
        font-size: small;
    }

    .mobile-hide {
        display: none;
    }

    .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 {
        display: block;
        float: none;
        width: auto!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: 1.2em;
        line-height: 1;
        padding: 5px;
    }

    .RiftMainMenu .MenuContent.Last-item {
        border-bottom: none;
    }

    .widget > header {
        background: linear-gradient(to bottom, #eff6fc 0%, #b8daf5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        font-size: 1.5em;
        padding: 5px;
    }

    .widget .widget-wrap-full {
        width: 100%;
        overflow: auto;
    }

    .featured2 {
        width: 49%;
    }

    .leftBanners {
        width: 50%;
        float: none;
        margin: 0 auto;
    }

    .travel-guide {
        width: 49%;
    }

    .travel-guide .articleitem_Image {
        height: auto;
    }

    .travel-guide .articleitem_Title {
        font-size: 1.5em;
        line-height: 1.5;
        margin: -1.5em 0 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .featured.item-1 {
        width: 24%;
        height: 130px;
    }

    .featured.item-2 {
        width: 37%;
        height: 210px;
    }

    .featured.item-3 {
        width: 33%;
        height: 250px;
    }

    .featured.item-4 {
        margin-top: -120px;
        width: 24%;
        height: 150px;
    }

    .featured.item-5 {
        margin-top: -40px;
        width: 37%;
        height: 210px;
    }

    .featured.item-6 {
        width: 33%;
        height: 140px;
    }

    .featured.item-7 {
        margin-top: -140px;
        width: 24%;
        height: 180px;
    }

    .featured.item-8 {
        width: 37%;
        height: 210px;
    }

    .featured.item-9 {
        margin-top: -25px;
        width: 33%;
        height: 237px;
    }

    .featured.item-10 {
        margin-top: -170px;
        width: 24%;
        height: 164px;
    }
    .carousel{
        left:-2000px;
    }
    .ImageSlider{
        margin:0!important;
    }
    .CategoriesList{
        width:45%;
        margin:1%;
        padding:1%;
    }
    .CategoriesList .CategoriesList_Image{
        width:100%;
        margin:0;
    }
    .featured-logo{
        text-align:center;
    }
    .featured-submenu {
         text-align:center;
    }
    .featured-submenu > div{       
        float:none!important;
    }
}
