/*==========================================================================================

1. @media(min-width:1900px)
2. @media(min-width:1025px) and (max-width: 1366px)
3. @media(min-width:1561px) and (max-width: 1600px)
4. @media(min-width:1025px) and (max-width: 1560px)

=============================================================================================*/


/*=================== RESPONSIVE LAYOUT STARTS ====================*/

@media(min-width:1900px){
    .section-content,
    .section-img{ min-height: 850px; height: 850px; max-height: 850px; }
}

@media(min-width:1025px) and (max-width: 1366px){
    .section-img > img{ width: auto; height: 100%; }
    .section-content{ padding: 5% 7%; }
}

@media(min-width:1561px) and (max-width: 1600px){
    .concept-section-content ,
    .concept-section-img {
        height: 492px;
    }
}

@media(min-width:1025px) and (max-width: 1560px){
    .concept-section-content {
        height: 380px;
        padding: 5%;
    }
    .concept-section-img { height: 380px; }
}

@media(min-width:1025px) and (max-width: 1139px){

    .concept-section-content {
        height: 340px;
        padding: 4%;
    }
    .concept-section-img { height: 340px; }

}

@media( min-width:1401px ){
    .highchart-graph-container .highcharts-container { width:100% !important; }

}

@media( min-width:1300px ) and ( max-width:1400px ){
    .highchart-graph-container{ max-width:600px; min-width:400px; }
}

@media( min-width:1025px ) and ( max-width:1299px ){

    .category-container .category-icons ul li:hover, .category-container .category-icons ul li.active{ background-position:0 -30px !important; background-size:21px auto !important; }
    .highchart-graph-container{ max-width:600px; min-width:360px; }

}
@media( min-width:768px ) and (max-width:1024px){
    .highchart-graph-container{ 
        max-width:600px;
        min-width:375px;
    }
}
@media( min-width:601px ) and (max-width:767px){
    .highchart-graph-container{ 
        max-width:600px;
        min-width:500px;
    }
}
@media( min-width:361px ) and (max-width:600px){
    .highchart-graph-container{ 
        max-width:600px;
        min-width:370px;
    }
}
@media( min-width:321px ) and (max-width:360px){
    .highchart-graph-container{ 
        max-width:600px;
        min-width:330px;
    }
}
@media( max-width:320px ) {
    .highchart-graph-container{ 
        max-width:320px;
        min-width:320px;
    }
}

@media( min-width:768px ) and ( max-width:1299px ){

    .category-container .category-icons{ text-align:center; }
    .category-container .category-icons ul{ width:370px; }
    .category-container .category-icons ul li{ width:21px; height:39px; background-size:21px auto !important; margin-left:9px; }
    .back-link, .vills-quartiers .viewSelection{ margin-right:0; }
    .category-container .category-icons{ width:100%; }
    /*	.category-icons-detail-container{ padding-top:87px; }*/
    .category-icons-rating a.carousel-control{ top:8px; }

}

@media(min-width:1025px){

    .top-header .logo{ padding-top: 10px; }
    @media all and (-ms-high-contrast:none){
        *::-ms-backdrop, #header { padding-right: 15px; } /* IE11 */
    }


}

@media(min-width:768px) and (max-width:1024px){


    /*===== GENERAL STYLE STARTS =====*/

    h1{ font-size: 42px; }
    h2{ font-size: 17px; }
    h3{ font-size: 28px; line-height: 36px; margin-bottom: 32px;}
    p{ margin-bottom: 32px; }

    /*===== GENERAL STYLE ENDS =====*/

    /*===== HEADER STARTS =====*/

    .navbar-default .navbar-nav > li > a{ font-size:12px; padding: 10px 5px; }
    .fixed-header .navbar-default .navbar-nav > li > a{ padding: 15px 5px; }
    header .top-header input[type="button"]{ margin: 0 0 0 5px; font-size:12px; }

    /*===== HEADER ENDS =====*/

    /*===== BANNER STARTS =====*/

    .banner-content .red-button{ margin: 50px auto; }

    /*===== BANNER ENDS =====*/

    /*===== HOME PAGE STARTS =====*/

    .section-content,
    .section-img{ min-height: 590px; height: 590px; max-height: 590px;}
    .section-content { padding: 3% 2%;}
    .section-img > img{ width: auto; height: 100%; }
    .top-img{
        margin-left: -158px;
        margin-top: -153px;
        width: 317px;
        height: 307px;
    }
    .red-section{ padding: 85px 0; }

    /*===== HOME PAGE ENDS =====*/

    /*===== CONCEPT PAGE STARTS =====*/

    .concept-section-content,
    .concept-section-img{ height: 340px; overflow: hidden; }
    .concept-section-content{padding: 3% 2%; }
    .concept-section-img >img{ width: 100%; }

    /*===== CONCEPT PAGE ENDS =====*/

    .category-section{ height:101%; }
    .category-container .icons-detail-div table td{ padding:10px 5px; }
    .category-container .category-icons ul li.active{ background-position:0 -30px !important; background-size:21px auto !important; }

    .vills-quartiers .viewSelection ul li span{ line-height:15px; }

}

@media(min-width:981px) and (max-width: 1020px){

    /*===== CONCEPT PAGE STARTS =====*/

    .concept-section-content {
        height: 320px;
        padding: 2%;
    }
    .concept-section-img { height: 320px; }

    /*===== CONCEPT PAGE ENDS =====*/

}

@media(min-width:768px) and (max-width:980px){

    /*===== GENERAL STYLE STARTS =====*/

    body{ font-size: 14px; line-height: 20px; }
    p,h3{ margin-bottom: 25px; }
    p br{ display: none;}
    .red-button,
    .green-button,
    input.button[type="button"],
    .contact-fb{  font-size: 14px; }

    /*===== GENERAL STYLE ENDS =====*/

    /*===== HEADER STARTS =====*/

    .logo{ width: 18%; margin-top: 5px; }
    .navbar{ min-height: 40px; }
    header .top-header input[type="button"],
    header .fixed-header input[type=button]{ font-size:11px; margin: 0 0 0 5px; padding: 10px; }
    .fixed-header .navbar-default .navbar-nav > li > a{ padding: 10px 5px; }
    .fixed-header .logo.pull-left > a{ line-height: 32px; }
    .navbar-default .navbar-nav > li > a{ font-size:11px; }

    /*===== HEADER ENDS =====*/

    /*===== HOME PAGE STARTS =====*/

    .red-section{ padding: 70px 0; }
    .carousel-caption{ width: 500px; margin-left: -250px; }
    .carousel-caption blockquote{ font-size: 21px; line-height: 32px; }

    /*===== HOME PAGE ENDS =====*/

    /*===== CONCEPT PAGE STARTS =====*/

    .section-content,
    .section-img{ min-height: 500px; height: 500px; max-height: 500px;}
    .section-content { padding: 2%;}
    .top-img{
        margin-left: -143px;
        margin-top: -138px;
        width: 287px;
        height: 277px;
    }
    .concept h1{ margin: 10px 0; padding: 30px 0; }
    .concept-section-content,
    .concept-section-img{ height: 310px; }
    .concept-section-img >img{ height: 100%; max-width: auto;}
    .concept .concept-section-img h5{ font-size: 25px; line-height: 32px; min-width:312px;}
    .concept-section-content p.marg-t70{ margin-top: 40px; }
    .concept p.marg-t90{ margin-top: 60px; }
    .concept p.marg-t120{ margin-top: 70px; }
    .looking{ padding-top: 60px; padding-bottom: 60px; }
    .looking h2{ margin-bottom: 30px; }
    .looking-section{ max-width: 100%; }
    .looking-section .nd-section{ top:25px; }

    /*===== CONCEPT PAGE ENDS =====*/

}

@media(min-width:900px) and (max-width:980px){

    .section-img > img{ width: 100%; height: auto; }
}

@media(min-width:768px){

    /*===== QUI_SOMMES PAGE STARTS =====*/

    html, body{ overflow-x:hidden;  overflow-y:visible; min-height:100%; }
    .about-person{ margin: 0 25px; }
    .profile-img.col-sm-4.col-xs-12 {
        max-width: 180px;
        margin-right: 30px;
        padding: 0;
    }

    /*===== QUI_SOMMES PAGE ENDS =====*/

    /*===== OUVIVRE PAGE STARTS =====*/

    .your-area .carousel-inner > .item.active.left.shake{
        animation:3s shake;
        -webkit-animation:3s shake;
    }
    .your-area .carousel-inner > .item{
        transition:left 1s ease-in-out 0s;
        -webkit-transition:-webkit-transform 1s ease-in-out 0s;
        -ms-transition:-ms-transform 1s ease-in-out 0s;
        -o-transition:-moz-transform 1s ease-in-out 0s;
    }

    /*===== OUVIVRE PAGE ENDS =====*/

}

@media(min-width:1024px){

    .profile-img.col-sm-4.col-xs-12 { margin-right: 45px; }

}

@media( max-width:1199px ){

    /*===== OVILLS-QUARTIERS STARTS =====*/

    .vills-quartiers.view-gallery .col-md-5 .location-block>img{ transform:none; }
    .vills-quartiers.view-gallery .col-md-5 .location-block > img{ height:100%; width:100%; object-fit:cover; max-height:100%; }
    .vills-quartiers .map-block.col-md-7 img {
        height: 100%;
        max-height: 100%;
        object-fit: cover;
        max-width: 100%;
    }

    /*= SEARCH SIDE VIEW PAGE =*/
    .vills-quartiers.search-side-view .col-md-5 .location-container .location-block > img{ height:100%; object-fit:cover; }

}

@media( min-width:992px ) and ( max-width:1199px ){

    .location-content .detail a{ width:22px; }
    .cities-rating-container .city-detail{ min-height:145px; }

}

@media( max-width:991px ){

    .mentions-legales ul{ margin-right:0; }
    .vills-quartiers .map-heading{ width:50%; }
    .vills-quartiers .map-heading p{ line-height:20px; }

}

@media( min-width:768px ) and ( max-width:991px ){

    .vills-quartiers .viewSelection ul li a{ font-size:10px; }
    .search-container-block .city-name{ height:64px !important; }

}
@media( min-width:768px ) and ( max-width:932px ){
    .poi-bar{ margin-left:-180px;}
}

@media (max-width:767px){

    /*===== GENERAL STYLE STARTS =====*/

    html, body{ height:100%; }
    body{ position:relative; overflow-x:hidden; }
    h1{ font-size: 18px; line-height: 1.2; }
    h2{ font-size: 14px; line-height: 1.2; }
    h3{ font-size: 18px; line-height: 20px; margin: 15px 0; text-align: center; font-family: robotomedium; }
    h4{ font-size: 16px; margin-bottom: 20px;}
    p{ margin-bottom: 20px; font-size: 13px; line-height: 20px; }
    .marg-t50,.marg-t70{ margin-top: 0; }
    .red-button,
    .green-button{ font-size: 12px; margin: 10px auto; display: block; }
    input.button[type="button"]{ border-radius: 3px; margin: 10px auto; display: block; font-size:13px; }
    .contact-fb{ margin: 10px auto; font-size: 12px; }
    .preloader img{ display:block; margin:0 auto; width:120px; }

    /*===== GENERAL STYLE ENDS =====*/

    /*===== HEADER STARTS =====*/

    /*header{ padding-top: 56px; }*/
    header{ height:58px; }
    .top-header{ display: none; }
    .fixed-header{ display: block; border: 1px solid #888; padding-top: 5px; padding-bottom:5px; box-shadow: 0 0 0 0; /*z-index:999999;*/ z-index:99; }
    .logo img{ height:25px; }
    .logo.pull-left {
        float: none !important;
        margin: 0 auto;
        width: 58%;
        text-align: center;
        position: relative;

        z-index:9999;
    }
    .fixed-header .logo.pull-left > a{ margin-left: -28px; }

    /*= MENU STARTS =*/

    .navbar.navbar-default{
        float:none !important;
        position: absolute;
        top:8px;
        right:15px;
        width:100%;
    }
    .navbar-toggle{ height:20px; top:4px; }
    .navbar-toggle.collapsed{ top:0; }
    .navbar-toggle.collapsed .icon-bar.middle{ display:block; }
    .navbar-toggle .icon-bar.middle{ display:none; }
    .navbar-toggle .icon-bar{
        transform:rotate(40deg);
        -webkit-transition:all 0.2s ease 0s;
        -ms-transition:all 0.2s ease 0s;
        -o-transition:all 0.2s ease 0s;
        -moz-transition:all 0.2s ease 0s;
    }
    .navbar-toggle .icon-bar + .icon-bar {
        position: relative;
        top: -8px;
        transform: rotate(-43deg);
    }
    .navbar-default .navbar-collapse{
        background: #fff;
        width: 100%;
        padding: 0 10px;
        margin-top: 13px;
        position: relative;
        right: -15px;
        border: 1px solid #c1c8ce;
    }
    .navbar-toggle.collapsed .icon-bar, .navbar-toggle.collapsed .icon-bar + .icon-bar{
        transform:rotate(0deg); top:0;
    }
    .navbar-nav > li.notification > a.icon span.count{ top:-8px; left: 20px; }
    .navbar-default .navbar-nav > li > a > span{ width: 35px; text-align: center; display: inline-block; margin-right:9px;}
    .nav > ul,.navbar-collapse .navbar-nav{ max-width: 100%; margin-left: 0; margin-right: 0; }

    /*= FIXED HEADER STARTS =*/

    header .fixed-header input[type="button"]{ margin: 20px 0; }
    #header.fixed-header .navbar-default .navbar-nav > li{ padding-top:12px; padding-bottom:12px; }
    #header.fixed-header .navbar-default .navbar-nav > li > a{ padding-top:0; padding-bottom:0; }
    .fixed-header .navbar-default .navbar-nav > li > a{ padding: 20px 0; font-size: 15px; color: #78909c; }
    .fixed-header .navbar-default .navbar-nav > li > a.icon{ min-width: 43px;}

    /*= FIXED HEADER ENDS =*/

    .navbar-nav li.dropdown.notification.open .notification_messages{ position: static; box-shadow: 0 0 0 0; border: 0 none; width: 100%; padding-left: 15px; margin-top:15px; }
    .navbar-nav li.dropdown.notification.open .notification_messages.dropdown-menu > li > a{ height: auto; }
    .navbar-nav .notification_messages a{ border-bottom: 0 none; height: auto; }
    .navbar-nav li.dropdown.notification_messages a b,
    .navbar-nav li.dropdown.notification_messages a span{ display: block; width: 100%; text-align: left; }

    /*= MENUS ENDS =*/

    /*===== HEADER ENDS =====*/

    /*===== BANNER STARTS =====*/

    .banner{ height: 410px; position: relative; }
    .banner-content{ padding: 0 15px; }
    .banner-content .red-button{ margin: 40px auto; font-size: 12px; padding:7px 9px; }
    .arrow-down{ bottom: 15px; margin-bottom: 0; }
    .fullscreen-bg { background: url(/img/banner.jpg) no-repeat center center/cover; }
    .fullscreen-bg video{ display:none; }

    /*===== BANNER ENDS =====*/

    /*===== HOME PAGE STARTS =====*/

    .content{ padding: 0 15px 35px; }
    .cbp-so-section{ padding-top: 35px; }
    .section-content{ min-height: auto; max-height: auto; height: auto; padding: 15px; float: none !important;}
    .section-img {
        min-height: 520px;
        max-height: 520px;
        height: auto;
        float:none !important;
    }
    .top-img{
        margin-left: -208px;
        margin-top: -203px;
        width: 417px;
        height: 407px;
    }
    .content br{ display: none; }
    .red-section{ padding: 25px 0; }
    .red-section a{ font-size: 20px; }
    .red-section a.arrow-circle{ height: 30px; width: 30px; }
    .red-section a.arrow-circle i{ font-size: 20px; line-height: 30px; }

    /*= TESTIMONIAL SLIDER STARTS =*/

    .carousel-inner{ height: 450px; }
    .carousel-caption{
        width: 80%;
        margin-left:-40%;
        top:25px;
        bottom: auto;
        text-align: right;
    }
    .carousel-caption h4{ font-family: robotomedium; text-align: center; }
    .carousel-control{ display:none; }
    .carousel-caption blockquote::after{ content: " "; }
    .carousel-caption blockquote::before{ font-size: 70px; line-height: 60px; left:-30px; }
    .carousel-caption blockquote{ font-size: 16px; line-height: 1.2; text-align: left;}
    .carousel-inner>.item{ min-height: 300px; }
    .carousel-caption blockquote + img + p{ text-align: right; }
    .carousel-caption blockquote + img + p b{ font-size: 13px; font-family: robotolight; font-weight: normal; }
    .carousel-indicators{ bottom: 10px; margin-bottom:0;}
    .carousel-indicators li, .carousel-indicators .active{ height: 15px; width:15px; }

    /*= TESTIMONIAL SLIDER ENDS =*/

    /*===== HOME PAGE ENDS =====*/

    /*===== FOOTER STARTS =====*/

    footer{ text-align: center; }
    footer .row aside{ padding: 0; }
    footer p.marg-b30{ margin-bottom: 10px; }
    footer .col-sm-5 .f-heading{ margin-bottom: 10px ;}
    .email{ width:280px; margin: 0 auto 40px; }
    .email input[type="email"]{ max-width: 73%; float: left; }
    .contact{ padding-bottom: 30px; }
    .contact input[type=button]{ margin: 0 auto 10px; display: block; }
    footer ul li{ line-height: 1.4; }
    footer ul li a{ font-size: 12px; }
    .copyright-text{ margin-top: 50px; }
    .ou-page { padding-bottom: 200px; }
    .footer{ position:relative; height:120px; position:relative; margin-top:-120px; }
    .footer.fixed{ padding:5px 0; }
    .footer.fixed .copyright-text{ margin-top:5px; }

    /*===== FOOTER ENDS =====*/

    .inner-container h1{ padding:30px 0; margin-top:0; }

    /*===== MENTIONS LEGALES STARTS ======*/

    .mentions-legales ul li{ padding:35px 0 25px; }
    .mentions-legales .col-lg-12{ padding:0; }

    /*===== MENTIONS LEGALES ENDS ======*/

    /*===== CONCEPT PAGE STARTS =====*/

    .concept-section-content{ height: auto;  padding: 20px 15px; }
    .concept-section-img{ height: auto; min-height: 300px; }
    .concept p{ margin-bottom: 20px; margin-top: 0; }
    .concept .concept-section-img h5{ width: 100%; min-width:100%; line-height: 1; font-size: 22px; text-align: center; }
    .cbp-so-section.pdt-xs-0{ padding-top: 0;}
    .looking{ padding: 20px 0 0; margin-bottom: 20px; }
    .looking h2{ font-size: 24px; padding: 0 15px; }
    .looking p{ padding: 0 15px; text-align: left; }
    .looking-section{ padding: 0;}
    .looking-section.cbp-so-section > .cbp-so-side > img{ width: 100%; }
    .looking-section .nd-section{
        padding: 0 15px;
        text-align: center;
        left:50%;
        width: 100%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .looking .nd-section p.heading{ padding: 0; text-align: center; font-size: 16px; line-height: 20px; }
    q {
        display: inline-block;
        font-size: 14px;
        font-style: normal;
        line-height: 18px;
        padding-left: 40px;
        position: relative;
        text-align: left;
    }
    q::before{ left: 5px; font-size: 70px; }
    .notre{ text-align: left; padding-top: 20px; }
    .notre h3{ margin-top: 0; margin-bottom:20px; font-size: 21px; line-height: 1.2; }
    .dream-team{ padding: 30px 0; margin-top: 20px; }
    .dream-team b{ font-size: 14px;}
    .dream-team p{ font-size: 14px; padding: 0 15px; margin-bottom: 10px;}
    .dream-team a.red-text{ font-size: 13px; }

    /*===== CONCEPT PAGE ENDS =====*/

    /*===== QUI_SOMMES PAGE STARTS =====*/

    .banner.inner-pg-banner{ margin-top: 0; height:auto; }
    .inner-pg-banner .banner-content {
        margin-top: 0;
        position: static;
    }
    .inner-pg-banner h1{ font-size: 18px; color: #515e77; font-family: robotomedium; margin: 20px 0;}
    .banner-sub-heading{ font-size:  12px; line-height: 18px; margin-top: 15px; color: #515e77; padding: 0 15px;}
    .banner-sub-heading br{ display: none; }
    .qui-content .container{ padding:0; }
    .qui-heading{ margin: 35px 0; font-size: 18px; }
    .about-person{ padding: 65px 0 35px; position: relative; }
    .profile-img{ position: static;}
    .profile-img a.arrow-circle.linked{
        position: absolute;
        top: 45px;
        right: 10px;
    }
    .about-person .col-sm-8{ text-align: center; }
    .about-person p.name{ margin-bottom: 12px; font-size:20px; margin-top: 0;}

    /*===== QUI_SOMMES PAGE ENDS =====*/

    /*===== OU-VIVRE STARTS =====*/

    .ou-page{ min-height:100%; }
    .ou-banner{ margin-top:0; overflow-x:hidden; top:57px; }
    .your-area .carousel-inner > .item{ min-height:100px; }
    .your-area{ min-height:440px; }
    .your-area-heading h1{ font-size:19px; }
    .your-area p{ margin-top:20px; }
    .ou-vivre-slides{ margin:0 15px; }
    .your-area .step.container { width: 100%; box-shadow:none; }
    .step-form{ padding:0 10px; }
    .multiselect-box{ height:auto; width:100%; }

    .your-area h2 {  padding: 10px 0; font-size:14px; }
    #checkboxes{ margin:0 10px; }
    .selectBox .selected-items{ padding:12px 30px 12px 10px; }
    .selectBox .selected-items .item:first-child{ padding-left:0; }
    .tree-multiselect{ padding:0px 10px 5px; }
    .tree-multiselect-search-bar{ padding:15px 10px 15px; }
    .footer .copyright-text{ margin-top:20px; }

    .back-button.pull-left {
        margin-left: 0px; 
    }
    .contiune-btn.pull-right {
        margin-right: 0px; 
    }

    /*= 2nd step =*/

    .your-project{ margin:30px 0; font-size:21px; padding:0 10px; }
    .your-project .multiselect, .your-project .multiselect{ font-size:21px; margin:0 2px; }
    .your-project .open .multiselect{ font-size:21px; }

    /*= 3rd step =*/

    .env-btns{ padding:0 10px 40px; text-align:left; }
    .env-btns input{ padding:4px 16px; }
    .env-btns{ padding-bottom:20px; }
    .your-area{ margin:0 auto; }
    .seven-steps{ margin:20px auto; }

    /*= 4TH step =*/

    .journey-time h3{ line-height:30px; }
    .journey-time .range-slider{ margin-top:25px; margin-bottom:20px; }

    /*===== OU-VIVRE ENDS =====*/


    /*===== OVILLS-QUARTIERS STARTS =====*/

    .vills-quartiers .col-md-7.map-block, .col-md-7.map-block{ display:none; }
    .vills-quartiers.view-gallery .col-md-5{ padding:0; }
    .footer.fixed{ height:auto; margin:0; }
    .location-container .location-block .location-content{ padding:0 15px; }
    .view-gallery .location-container .location-block h2{ font-size:15px; padding-bottom:2px; }
    .location-container .location-block p{ font-size:11px; }

    /*= SEARCH SIDE VIEW PAGE =*/

    .vills-quartiers .viewSelection ul li .view-img{ display:none; }
    .vills-quartiers .viewSelection{ margin-right:0; }
    .vills-quartiers .viewSelection ul li span{ padding:0; display:block; text-align:center; }
    .search-container-block{ margin:0; }
    .location-container .location-block .location-content .col-md-3, .location-container .location-block .location-content .col-md-9{ padding:0 10px; }
    .search-container-block ul li{ font-size:13px; }
    .search-side-view .location-container .location-block .location-content{ padding:0; text-align:center; }
    .location-content .detail .map-icon{ display:none; }
    .detail { bottom:0; position: absolute;right: -195%; z-index:9; }
    .vills-quartiers .map-heading{ width:95%; position:static; margin:10px auto; border-radius:5px; display:none; }
    .vills-quartiers .location-container.loc-buttons{ height:40px; }

    .modal.login-modal.in{ z-index:999999; }
    .modal.login-modal .modal-dialog{ width:90%; margin-left:auto; margin-right:auto; overflow:auto; left:5%; }
    .modal.login-modal .modal-dialog .modal-body{ border:1px solid rgba(0, 0, 0, 0.2); }
    .modal-content{ border:0; }
    .modal.login-modal .site-logo { margin: 10px 0 12px; }
    .add-cities-container .back-link{ padding: 3px 10px; margin-right:0; }
    .back-link{ margin-right:0; }
    .add-cities-container .add-cities{ padding: 0 10px; }
    .modal.login-modal h1{ margin-bottom:15px; }
    .add-cities-container h1{ margin:10px 0; }
    .add-cities-container .add-cities input[type="text"], .auto-complete-container ul li a{ padding:3px 10px; }
    .auto-complete-container ul li a span{ padding: 0 14px; }

    .cities-rating-container .city-detail{ padding:15px 0; }
    .add-cities-container{ overflow:auto; }
    .add-cities-block{ position:static; }


    .vills-quartiers { z-index:9; overflow:visible; }
    .vills-quartiers.city-div{ z-index:99; }
    .add-cities-container{ position:fixed; top:0; left:0; width:100%; height:100%; }

    /*	.category-icons-detail-container{ padding-top:87px; }*/
    .category-container .category-icons{ text-align:center; width:100%; }
    .category-container .icons-detail-div table td{ padding:10px 5px; }


}

@media(max-height:640px){

    .navbar-default .navbar-collapse{ max-height: 100vh; }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        ::i-block-chrome,.navbar-default .navbar-collapse{ max-height: 480px; }
    }

}

@media(min-width:600px) and (max-width:767px){
    .looking-section .nd-section{ width: 80%; }
    .imp-criteria input{ width:46%; }
}

@media(max-width:600px){

    .concept-section-img{ min-height: 200px; }
    .concept .concept-section-img h5{ font-size: 20px; }
    .journey-time .address-block, show-next-fav-place-block-button-container, .hobbies-block, .culture-block{ width:100%; }
    #step6 hr{ margin:30px 10px 30px; }

    /*= 7TH STEP =*/

    #step7 .ideal-env br{ display:none; }


}

@media( min-width:480px ) and ( max-width:767px ){

    body.modal-open{}

    .ou-banner img{ max-width:770px; }

    /*===== VILLS-QUARTIERS STARTS =====*/

    .vills-quartiers.view-gallery { position:static; padding-bottom:70px; height:auto !important; }
    .vills-quartiers.view-gallery .location-container{ height:100px; }
    .modal.login-modal .modal-dialog{ height:280px; margin-top:-140px; }
    .add-cities .auto-complete-container{ height:100px; }

    .category-container .category-icons ul li{ margin-left:14px; }
    .category-icons-rating a.carousel-control{ top:12px;}

}

@media(max-width:480px){

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        ::i-block-chrome,.navbar-default .navbar-collapse{ max-height: 320px; }
    }
    .fullscreen-bg{position:absolute; }
    .section-img { min-height: 320px; max-height: 320px; }
    .top-img{
        margin-left: -143px;
        margin-top: -138px;
        width: 287px;
        height: 277px;
    }
    .concept-section-img{ min-height: 160px; }
    .concept .concept-section-img h5{ font-size: 18px; }
    .red-section{ margin-top:20px; }

}

@media( max-width:479px ){

    .ou-banner img{ max-width:500px; }
    .your-project br{ display:none; }
    .multiselect-container.dropdown-menu{ min-width:140px; }
    .imp-criteria input{ width:100%; }
    .vills-quartiers .location-container.loc-buttons a{ width:90%; }

    .category-container .category-icons ul{ width:300px; }
    .category-container .category-icons ul li{ width:20px; height:37px; background-size:20px auto !important; margin-left:5px; }
    .category-container .category-icons ul li.active{ background-position: 0 -28px !important; background-size: 20px auto !important; }
    .category-container .category-icons-rating small{ font-size:13px; }
    .category-container .category-icons-rating{ padding:10px 0 15px; }
    .category-icons-detail-container .carousel-control{ width:9%; }
    /*.category-icons-detail-container .carousel-inner .item img{ width:16px; }*/
}

@media (min-width:341px) and ( max-width:767px ){

    .navbar-nav li.dropdown.notification.open .notification_messages{ height:204px; }

}

@media( max-width:350px ){ 

    /*===== OU-VIVRE STARTS =====*/
    .contiune-btn {
        padding-left:30px;
        padding-right:30px;
    }
    /*===== OU-VIVRE ENDS =====*/

}

/*========== RESPONSIVE END ==========*/