@media (max-width: 767px) {

    .nav-mobile-icon{
        color: #000000;
    }

    .header.md-header, .header.md-header .header-top, .header.md-header .header-top > .container{
        background: #ffffff;
    }

    .header.md-header .header-cart, .header.md-header .header-cart .mini-cart, .header.md-header .header-cart .mini-cart .icon-wrapper, .header.md-header .header-favorite, .header.md-header .header-favorite .icon-wrapper, .header.md-header .logo img{
        max-height: 45px;
    }

    .header.md-header .logo{
        margin-left: 0;
        padding: 6px 0;
    }

    .main-4level.menu-4level-inline{
        display: block;
        float: none;
    }

    .header .nav-main > li{
        padding: 0;
    }

    .header.fixed .nav-main > li{
        padding: 0;
    }

    .nav-main > li > a{
        font-size: 18px;
        font-weight: 700;
    }

    .nav-main > li > a:active, .nav-main > li > a:focus,
    .nav-main > li > a:active:focus{
        color: #21d33a;
    }

    .header .social-icon{
        display: none;
    }

    .main-slider .slick-slide img{
        height: auto;
    }

    .main-slider .slick-slide{
        height: 100%;
    }

    .article .item .content,
    .article-autosuggest .item .content{
        padding: 15px 15px;
        width: 95%;
        margin: -30px auto 0;
    }

    .slider.article-slider .slider-arrows .slider-prev{
        margin-left: 0;
    }

    .slider.article-slider .slider-arrows .slider-next{
        margin-right: 0;
    }

    .article-slider.great-deals .slider-navigation-absolute{
        top: 26%;
    }

    .article .item .text-wrapper .title,
    .article-autosuggest .item .text-wrapper .title{
        font-size: 20px;
        height: 45px;
        line-height: 20px;
        margin-top: 0;
    }

    .article .item .text-wrapper .description,
    .article-autosuggest .item .text-wrapper .description{
        margin: 10px 0 5px;
    }

    .article-slider.meeting-time .slider-navigation-absolute{
        top: 20%;
    }

    .headline-custom{
        font-size: 40px;
        line-height: 40px;
    }

    .heading-wrapper.heading-wrapper-bordered h2{
        font-size: 40px;
    }

    .article.argo-rooms .item .text-wrapper .title, .article.explore .item .text-wrapper .title{
        line-height: 20px;
        font-size: 20px;
        height: 45px;
    }

    .heading-wrapper.heading-wrapper-bordered{
        margin-bottom: 30px;
    }

    .article-slider.meeting-time .slider-navigation-absolute{
        top: 22%;
    }

    .newsletter{
        padding-right: 10px;
        background-size: contain;
    }

    .article-slider.great-deals .slider-navigation-absolute{
        top: 40%;
    }

    .article-slider.meeting-time .slider-navigation-absolute{
        top: 35%;
    }

    .booking-wrapper .form-inline .input-group{
        width: 100%;
    }

    .booking-wrapper .input-group-addon:last-child{
        padding: 5px 30px;
    }

    .newsletter{
        padding-bottom: 30px;
        padding-top: 20px;
    }

    .header.fixed .nav-main > li > a{
        padding: 10px 9px;
    }

    .intro.argo-crew,
    .intro.argo-rooms,
    .intro.argo-deals,
    .intro.argo-meeting,
    .intro.argo-vibes,
    .contact-page .intro{
        height: 350px;
    }

    .page-description h1{
        margin-bottom: 20px;
        font-size: 30px;
    }

    .page-description .description h1 {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .heading-wrapper.top{
        margin: -120px auto 50px;
    }

    .nav-main > li.active > a{
        background: #ffffff;
        color: #000000;
    }

    .header .nav-main > li > a{
        padding: 10px 9px;
    }

    .uc-article_listing .article-slider.great-deals .slider-navigation-absolute{
        top: 10%;
    }

    .contact-page:not(.background-image-active) h1 {
        margin-bottom: 20px;
        font-size: 30px;
    }

    .contact-page:not(.background-image-active){
        margin-top: 0;
        padding-top: 0;
    }

    .contact-page:not(.background-image-active) .description h1{
        margin-bottom: 20px;
        font-size: 25px;
        margin-top: 10px;
    }

    .article-slider.meeting-time .slider-navigation-absolute{
        top: 20%;
    }

    .article .item .text-wrapper .title, .article-autosuggest .item .text-wrapper .title{
        height: 65px;
    }

    .article.argo-rooms .item .text-wrapper .title, .article.explore .item .text-wrapper .title{
        height: 65px;
    }

    .contact-page .heading-wrapper.top .description{
        padding: 10px 5%;
        margin: 10px auto 0;
    }

    .contact-page .heading-wrapper.top{
        margin: -140px auto 50px;
    }

    .nav-main-toplang li > a.active{
        color: #21d33a;
    }

    .nav-main-toplang li{
        background: #f2f2f3;
    }

    .contact-page-wrapper .left-half{
        width: 100%;
    }

    .contact-page-wrapper .right-half{
        width: 100%;
    }

    .contact-page-wrapper .right-half .text-wrapper{
        margin-right: 0%;
        margin-top: 0;
    }

    .contact-page-wrapper{
        display: block;
    }

    .full-category-gallery-slider .slider-navigation-absolute{
        top: calc(50% - 30px);
    }

    .items-generic .item .img-wrapper{
         display: block;
         float: none;
     }

    .items-generic .item .img-wrapper img{
        margin: 0 auto;
    }

    .items-generic .item .heading-wrapper.heading-wrapper-bordered{
        display: block;
        margin-left: 0;
        margin-bottom: 0;
        float: none;
        width: 100%;
        padding-top: 0;
    }

    .items-generic .item .heading-wrapper.heading-wrapper-bordered .title{
        text-align: center;
    }

    .booking-modal .booking-form-group{
        padding: 0 10px;
    }

    .booking-modal .booking-wrapper .btn-default{
        max-width: calc(100% - 20px);
    }

    .social-icon .item:last-of-type:after{
        animation: pulse-ring 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
        width: 200%;
        height: 200%;
         margin-left: -50%;
         margin-top: -50%;
    }

    .great-deals .items-wrapper-image .description{
        line-height: 20px;
        font-size: 20px;
    }

    .great-deals .items-wrapper-image .title{
        font-size: 35px;
        line-height: 35px;
    }

    .great-deals .img-wrapper:before{
        width: 115%;
    }

    .argo-details-deals .items-generic .title h2{
        font-size: 35px;
        line-height: 35px;
        width: 100%;
    }

    .argo-details-deals .items-generic .description{
        font-size: 20px;
        line-height: 20px;
        width: 100%;
    }

    .article-detail .article-wrapper .img-wrapper img{
        height: 250px;
    }

    .argo-details-deals .items-generic{
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .argo-details-deals .article-wrapper .img-wrapper:before{
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 0%;
    }

    .article-wrapper .content{
        width: 100%;
    }

    .content .btn{
        min-width: 100%;
    }

    .article-grid-gallery-slider .item.item-five,
    .article-grid-gallery-slider .item.item-eight{
        padding-left: 10px;
    }

    .nav-main-toplang li > a{
        padding: 0 15px;
    }

    .article-grid-gallery-slider .item.item.item-five:hover a:before,
    .article-grid-gallery-slider .item.item.item-eight:hover a:before{
        left: 10px;
    }

    .book-now-2.active span{
        font-size: 20px;
    }

    .book-now.active{
        left: 65vw;
        width: 85px;
        height: 85px;
        bottom: 15vh;
    }

    .main-slider .slick-slide img{
        padding-top: 55px;
    }

    .main-slider .slick-slide img{
        height: auto;
    }

    .copyright{
        text-align: center;
        width: 100%;
    }

    .booking-row .input-group.one{
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        margin-bottom: 15px;
        border-right: 2px solid #000000;
    }

    .booking-row .col-sm-6{
        padding: 0 10px;
    }

    .booking-row .input-group.two{
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .copyright{
        padding-bottom: 10px;
    }

    .padding{
        padding-top: 10px;
        text-align-last: center;
    }

    .social-icon .item:last-of-type:before{
        display: none;
    }

    .margintop{
        margin-top: 0;
    }

    .booking-wrapper{
        padding: 30px 10px;
    }

    .article.great-deals .item .img-wrapper img{
        height: 250px;
        object-fit: cover;
    }

    .logoV2-slider .main-img img{
        margin: 10px auto;
    }

    .newsletter-wrapper-contact .newsletter{
        padding-left: 10px;
        background-size: contain;
    }

    .item-slider-grid6.item-slider-grid4{
        margin-bottom: 20px;
        padding: 0;
    }

    .items-generic .item{
        margin-bottom: 0;
    }

    .contact-forma{
        width: 90%;
    }

    .contact-page .heading-wrapper.top .description{
        width: 90%;
    }

    .artical-listing-wrapper-no-image .article .category-submenu{
        display: none;
    }

    .artical-listing-wrapper-no-image .category-submenu.mobile{
        display: block;
    }


}

@media (max-width: 360px) {

    .booking-modal .booking-wrapper .title{
        font-size: 40px;
        margin-bottom: 20px;
    }

    .booking-modal .booking-wrapper .subtitle{
        font-size: 20px;
        margin-bottom: 20px;
    }

    .booking-modal .booking-wrapper .description{
        margin: 5px 0 10px;
    }

    .booking-modal .booking-wrapper .btn-default{
        margin: 10px auto 20px;
    }

    .heading-wrapper.top .description{
        padding: 20px 15px;
    }

    .article-intro .intro-wrapper.page-background, .article-intro .intro-wrapper.page-background h1{
        height: 400px;
    }


}