@media all and (max-width: 480px) and (min-width: 320px) {
    #topLinks span {
        display: block;
        font-size: 7pt;
        font-weight: 900;
        margin-bottom: 5px;
    }

    ul#topLinks li:first-of-type {
        border: 0 !important;
    }

    ul#topLinks li a {
        color: black;
        font-size: 8pt;
    }

    ul#topLinks {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #main-menu {
        padding: 0 8px;
    }
    
    #main-menu > ul {
        margin: 0;
    }

    #main-menu > ul > li {
        display: table-row;
    }
    
    #main-carousel .item img {
        height: 240px;
    }

    #search-engine-container {
        margin: 15px 0 0;
        position: static !important;
    }

    #date-aller {
        width: 100%;
    }

    #search-engine-container .nav {
        width: 100%;
    }

    #search-engine-container .nav > li > a {
        margin-right: 4px;
    }
    
    #map-newsletter-facebook > .col-md-4 > div, #map-newsletter-facebook > .col-md-4 > iframe {
        margin-bottom: 15px;
    }

    #newsletter {
        padding: 15px !important;
    }

    #paiment p {
        font-size: 7pt;
    }

    .header-info .bloc + .bloc {
        border-left: 0 none;
        padding-left: 5px;
        float: left;
    }

    .header-info .bloc {
        background: #fff none repeat scroll 0 0;
        color: #333;
        display: inline-block;
        padding-left: 25px;
        padding-right: 5px;
        vertical-align: top;
    }
    
    .logo img {
        margin-bottom: -75px !important;
        margin-top: -75px !important;
        max-width: 100%;
    }

    #assafa-asfar-menu ul {
        margin: 0;
        overflow: auto;
    }

    #assafa-asfar-menu ul li {
        display: table-row;
        padding: 15px 0;
    }

    #assafa-asfar-menu ul li a {
        border-right: 0 none;
        padding: 15px 0;
    }

    #da-slider .owl-item img {
        height: 255px !important;
    }

    li#ongletVoyages.active a::after {
        background: #dc241f none repeat scroll 0 0;
        border-radius: 0 0 0 10px;
        bottom: 0;
        right: -20px;
        z-index: 100;
    }

    li#ongletHotels a::before {
        background: #333 none repeat scroll 0 0;
        border-radius: 0;
        bottom: 0;
        left: -11px;
        z-index: 0;
    }

    .footer-top li {
        display: table-row;
    }

    .home-hotels > div > .row:last-child a.btn, .home-sejours > div > .row:last-child a.btn {
        font-size: 10pt !important;
    }

    .footer-top ul {
        border-left: 0 none;
    }

    .home-sejours > div {
        padding: 5px;
    }

    #booking-tab-content ul.nav-tabs li a {
        padding: 4px 8px;
    }

    #booking-tab-content ul.nav-tabs li.active a {
        color: #fff;
    }

    #hotel-rooms-listing .bgr {
        display: block;
    }

    #hotel-rooms-listing .bgr .col-md-2, #hotel-rooms-listing .bgr .col-md-2 {
        align-items: normal;
    }

    #rsv label {
        margin: 0 !important;
    }

    #verifDispo {
        margin: 5px 0 !important;
    }
    
    #booking-title-gallery .demo li.lslide.active img {
        height: 220px !important;
        width: 100%;
    }

    #booking-title-gallery .demo .lightSlider.lsGrab.lSSlide {
        height: 220px !important;
    }
}

@media all and (max-width: 480px) and (min-width: 320px) {
    #booking-panel .voyage-depart > .row > .col-md-3 .voyage-depart-prix {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    #booking-panel .voyage-depart > .row > .col-md-4 .voyage-depart-package {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #booking-panel .voyage-depart > .row > .col-md-2 .button-checkbox {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #ayur-menu-container .navbar-default {
        margin-bottom: 0;
    }
    #search-engine {
        position: static;
        max-width: 100%;
        margin-top: 10px;
    }
    #header #logo-link img {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    #ayur-menu {
        margin-top: 0;
    }
    #ayur-menu ul li {
        display: table-row;
    }
    #search-engine .nav-tabs li a {
        padding-left: 4px;
        padding-right: 4px;
        margin-right: 1px;
        font-size: 12px;
    }
    footer .col-md-3 {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    #ayur-menu ul li a {
        border-right: 0 none;
    }
    #main-slide .carousel-inner > .item > a > img, #main-slide .carousel-inner > .item > img {
        height: 200px !important;
    }
    #search-engine .tab-content {
        padding-left: 5px;
        padding-right: 5px;
    }
    .hotel-box .col-md-9 > div, .omra-box .col-md-9 > div {
        max-height: 100% !important;
    }
    .hotel-box > .row > .col-md-3, .omra-box > .row > .col-md-3 {
        max-height: 100% !important;
        padding-left: 8px;
    }
    .hotel-box > .row > .col-md-9, .omra-box > .row > .col-md-9 {
        padding-right: 8px;
    }
    .hotel-box > .row > .col-md-3 > div, .omra-box > .row > .col-md-3 > div {
        border-left: 1px solid #a4a4a4;
    }
    .box-hotel-class {
        max-width: 100%;
    }

    #hotel-booking-container > div:nth-child(2) > div ul.avantages li {
        display: table-row;
    }
    #hotel-booking-container #booking-tab-content > ul li {
        width: auto;
    }
    #verifDispo {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none;
    }
    .prix-total-row {
        position: static !important;
    }
    #rooms-table #hotel-rooms-listing > div > div > div {
        float: none;
        margin-left: auto !important;
        margin-right: auto !important;
        height: auto !important;
        display: block
    }
    
    #sro {
        margin-left: 0;
    }
    #rooms-table #hotel-rooms-listing > div > div > div img {
        max-height: 100% !important;
    }
    #rooms-table #hotel-rooms-listing > div > div {
        height: 100% !important;
    }

}

@media only screen and (max-width: 1000px) and (max-width: 768px) {
    
    .box-stars > img {
        width: 8px;
    }

    .box-description > span {
        font-size: 8pt;
    }

    #newsletter {
        padding: 5px !important;
    }

    #newsletter p {
        font-size: 9pt;
    }

    #newsletter input {
        padding: 5px 4px;
    }

    #newsletter button {
        font-size: 8pt;
        height: 2.65em;
        padding: 0 0.3em;
    }
    
    #search-engine-container {
        margin: 15px 0 0;
        position: static;
    }

    #search-engine-container .nav {
        width: 100%;
    }

    #search-engine-container .nav > li > a {
        margin-right: 4px;
    }

    .navbar-nav > li > a {
        font-size: 8pt;
    }
    

}