/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
    /* 
    Created on : 13 Jan, 2018, 12:48:03 AM
    Author     : Pc
*/
    
    @font-face {
        font-family: Montserrat;
        src: url(fonts/Montserrat-Light.ttf);
        font-weight: 300;
    }
    
    @font-face {
        font-family: Montserrat;
        src: url(fonts/Montserrat-Medium.ttf);
        font-weight: 500;
    }
    
    body {
        font-family: "Montserrat", sans-serif;
        font-size-adjust: none;
    }
    
    p {
        line-height: 1.7em;
    }
    
    h5 {
        font-size: 18px;
    }
    
    h6 {
        font-size: 16px;
        letter-spacing: 2px;
        margin-bottom: 20px;
        font-weight: 600px;
        color: #808284;
    }
    
    .c-40 {
        color: #5d5d5d;
    }
    
    .c-60 {
        color: #808284;
    }
    
    .c-80 {
        color: #58585b;
    }
    
    .f-16 {
        font-size: 16px;
    }
    
    .f-12 {
        font-size: 12px;
    }
    
    .f-14 {
        font-size: 14px;
    }
    
    .f-11 {
        font-size: 11px;
    }
    
    .f-10 {
        font-size: 10px;
    }
    
    .f-13 {
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    
    .f-20 {
        font-size: 20px;
    }
    
    .fontWeight300 {
        font-weight: 300;
    }
    
    .fontWeight400 {
        font-weight: 400;
    }
    
    .fontWeight500 {
        font-weight: 500;
    }
    
    .fontWeight700 {
        font-weight: 700;
    }
    
    .fontWeight600 {
        font-weight: 500;
    }
    
    .ls-10 {
        letter-spacing: 10px !important;
    }
    
    .ls-2 {
        letter-spacing: 2px !important;
    }
    
    .ls-0-5 {
        letter-spacing: 0.5px !important;
    }
    
    .txtNormal {
        font-weight: normal;
    }
    
    .border-left-1 {
        border-left: 2px solid #dedede;
    }
    
    .b-b-2 {
        border-bottom: 1px solid #dedede;
    }
    
    .b-t-2 {
        border-top: 1px solid #d1d2d4;
        line-height: 18px;
        margin-top: 9px;
        width: 100%;
    }
    
    .b-t-1 {
        border-top: 1px solid #dedede;
    }
    
    .font-4-5 {
        font-size: 4.5rem;
    }
    
    .font-remp8 {
        font-size: 0.8rem;
    }
    
    .font-remp9 {
        font-size: 0.9rem;
    }
    
    .width-100 {
        width: 100%;
    }
    
    .p-t-per-15 {
        padding-top: 15%;
    }
    
    .p-t-per-12 {
        padding-top: 12%;
    }
    
    .main-menu {
        height: 75px;
    }
    
    .nav_bar_hide_open {
        width: 100%;
        background-color: #fff;
        z-index: 1000;
        position: absolute;
        top: 0px;
    }
    
    .nav_bar_hide_open {}
    
    .navbar {
        width: 99%;
    }
    
    .typewriter p {
        color: #808284;
        font-size: 15px;
        font-weight: 300;
        overflow: hidden;
        /*border-right: .1px solid #808284;*/
        white-space: nowrap;
        margin: 0 auto;
        margin-top: -36px;
        letter-spacing: 24px;
        /* animation: in 3s ease-out forwards ;*/
        /*animation-delay: 1s;*/
        /* animation: 
         typing 3.5s steps(15, end),
         blink-caret .5s step-end infinite;*/
    }
    
    .main-menu ul li {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-fluid {
        width: 87%;
    }
    
    .full-width {
        max-width: 100%;
        overflow: hidden;
        margin: 0px;
        padding-bottom: 20px;
    }
    
    .ask_your_question_btn_area {
        margin-top: 20px;
        margin-bottom: 39px;
    }
    
    .search_input {
        width: 100%;
        color: #a7a9ab;
        border-bottom: 1px solid #dedede;
        opacity: 1;
        margin-top: 40px;
    }
    
    .search_input input[type="text"] {
        position: relative;
        color: #a7a9ab;
    }
    
    .search_input input:focus {
        outline: none;
    }
    
    .search_input img {
        position: absolute;
        top: 45px;
        right: 16px;
    }
    
    .search_input input {
        font-family: "Montserrat", sans-serif, "FontAwesome";
        width: 98%;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-align: left;
        border: 0px;
        color: #58585b;
    }
    /* This is for the placeholder */
    
    .search_input ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-family: "Montserrat", sans-serif, "FontAwesome";
        width: 98% !important;
        font-weight: 300 !important;
        font-size: 12px !important;
        color: #d1d2d4 !important;
        border: 0px !important;
        letter-spacing: 0.2px !important;
        text-align: left !important;
    }
    
    .search_input ::-moz-placeholder {
        /* Firefox 19+ */
        font-family: "Montserrat", sans-serif, "FontAwesome";
        width: 98% !important;
        font-weight: 300 !important;
        font-size: 12px !important;
        color: #d1d2d4 !important;
        border: 0px !important;
        letter-spacing: 2px !important;
        text-align: left !important;
    }
    
    .search_input :-ms-input-placeholder {
        /* IE 10+ */
        font-family: "Montserrat", sans-serif, "FontAwesome";
        width: 98% !important;
        font-weight: 300 !important;
        font-size: 12px !important;
        letter-spacing: 0.2px !important;
        color: #d1d2d4 !important;
        border: 0px !important;
        text-align: left !important;
    }
    
    .search_input :-moz-placeholder {
        /* Firefox 18- */
        font-family: "Montserrat", sans-serif, "FontAwesome";
        width: 98% !important;
        font-weight: 300 !important;
        font-size: 12px !important;
        letter-spacing: 0.2px !important;
        color: #d1d2d4 !important;
        border: 0px !important;
        text-align: left !important;
    }
    
    .btn {
        background-color: #fff;
        position: relative;
        display: block;
        height: 55px;
        line-height: 45px;
        border: 0;
        width: 100%;
        font-size: 16px;
        letter-spacing: 2px;
        font-weight: 400;
        color: #808284;
        margin-top: 30px;
        -o-transition: color 0.4s ease-out, background 1s ease-in;
        -ms-transition: color 0.4s ease-out, background 1s ease-in;
        -moz-transition: color 0.4s ease-out, background 1s ease-in;
        -webkit-transition: color 0.4s ease-out, background 1s ease-in;
        /* ...and now override with proper CSS property */
        transition: color 0.4s ease-out, background 1s ease-in;
    }
    
    .btn:before {
        content: "";
        width: 30px;
        height: 55px;
        position: absolute;
        top: -1px;
        left: -1px;
        border-bottom: 1px solid #dedede;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede;
    }
    
    .btn:after {
        content: "";
        width: 30px;
        height: 55px;
        position: absolute;
        top: -1px;
        right: -1px;
        border-bottom: 1px solid #dedede;
        border-top: 1px solid #dedede;
        border-right: 1px solid #dedede;
    }
    
    .btn:hover {
        color: #d01520;
        cursor: pointer;
    }
    
    .category-title {
        margin: 36px 0px 0px 0px;
    }
    
    .left_at {
        width: 55%;
        float: left;
    }
    
    .right_at_line {
        width: 45%;
        float: left;
    }
    
    .lt_at_m {
        width: 75%;
        float: left;
    }
    
    .right_at_line_m {
        width: 25%;
        float: left;
    }
    
    .mt-10 {
        margin-top: 8em;
    }
    
    .aslt {
        width: 55%;
        float: left;
    }
    
    .as_ln {
        width: 45%;
        float: left;
    }
    
    .at_a {
        width: 35%;
        float: left;
    }
    
    .at_ln {
        width: 65%;
        float: left;
    }
    
    #new_more_article {
        margin-left: 20px;
        margin-top: 5px;
    }
    
    #new_more_article_1 {
        margin-left: 15px;
        margin-top: 5px;
    }
    
    #spirit_new_more_article {
        margin-left: 20px;
        margin-top: -2.9em;
    }
    
    #more_style_article {
        margin-left: 20px;
        margin-top: -2.5em;
    }
    
    #more_story_article {
        margin-left: 20px;
        margin-top: -40px;
    }
    
    .sub-cat div {
        margin-bottom: 30px;
    }
    
    .sub-cat div a {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 3px;
        font-weight: 500;
        color: #a7a9ab;
        text-decoration: none !important;
        padding: 5px 15px 5px 15px;
    }
    
    .sub-cat div a:hover {
        background-color: #d01520;
        color: #fff;
        font-weight: 400;
    }
    
    .active {
        background-color: #d01520;
        color: #fff !important;
        font-weight: 300 !important;
    }
    
    .letter_nav a {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 3px;
        font-weight: 500;
        color: #cccccc;
        text-decoration: none !important;
        padding: 5px 5px 5px 5px;
    }
    
    .letter_nav a:hover {
        color: #d01520 !important;
        font-weight: 400;
    }
    
    .active_1 {
        color: #d01520 !important;
        font-weight: 300 !important;
    }
    
    .featured_img {
        width: 100%;
    }
    /* slder and overlay */
    
    .carousel-control-prev {
        z-index: 1;
        width: 8%;
    }
    
    .car_overlay {
        background-color: #292015;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0.4;
    }
    
    .carousel-control-next {
        z-index: 1;
    }
    
    .carousel-control-next-icon {
        width: 18px;
        opacity: 1;
        height: 34px;
        background-image: url(images/slider_arrow_right.svg);
    }
    
    .carousel-control-prev-icon {
        display: none;
    }
    
    .carousel-control-next,
    .carousel-control-prev {
        opacity: 0.8;
    }
    
    .car_title {
        color: #ffffff;
        font-family: Montserrat;
        font-size: 32px;
        font-weight: 500;
        letter-spacing: 2px;
        line-height: 40px;
        text-align: left;
    }
    
    .carousel-caption {
        position: absolute;
        top: 0px;
        height: 100%;
        bottom: 0px;
        text-align: left;
    }
    
    .carousel-item .active {
        background-color: #ffffff !important;
    }
    
    .car_img {
        margin-top: 27%;
        height: 75px;
        margin-bottom: 28px;
        opacity: 0.7 !important;
    }
    
    .car_img:hover {
        opacity: 0.7 !important;
    }
    
    .car_author {
        color: #ffffff;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 1.56px;
        line-height: 17px;
        text-align: left;
    }
    
    .img_overlay_container {
        position: relative;
        width: 100%;
    }
    
    .img_area {
        display: block;
        width: 100%;
        height: auto;
    }
    
    .img_overlay_container:hover .overlay_area {
        bottom: 0;
        height: 100%;
    }
    
    .overlay_area {
        position: absolute;
        bottom: 100%;
        left: 0;
        overflow: hidden;
        width: 88%;
        height: 0;
        background: rgba(41, 32, 21, 0.8);
        transition: 0.2s ease-in;
    }
    
    .text b {
        font-weight: 500;
    }
    
    .text {
        color: #ffffff;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 1.2px;
        line-height: 17px;
        text-align: center;
        position: absolute;
        text-transform: uppercase;
        width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
    
    .text b {
        font-weight: 500 !important;
    }
    
    .img_area {
        opacity: 1 !important;
    }
    /* end overlay and slider */
    /*after slider conentet*/
    
    .left_content-hme {
        padding-left: 0px;
    }
    
    .left_content-hme .left-icon {
        width: 47px;
    }
    
    .left_content-hme .left-text {
        margin-top: -5px;
    }
    /*end after slider content */
    
    .copyrightStyle {
        font-size: 8px;
        color: #a7a9ab;
        position: absolute;
        width: 300px;
        right: 15px;
        bottom: -15px;
        float: right;
        display: block;
    }
    
    .copyrightStyle a {
        color: #a7a9ab;
        float: right;
        text-decoration: none !important;
        font-weight: 300;
    }
    
    .copyrightStyle a:hover {
        color: #a7a9ab;
    }
    /*intro area*/
    
    .into-area {
        margin-top: 70px;
    }
    
    .intro_title {
        margin-top: 37px;
        margin-right: 55px;
        color: #58585b;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 2px;
        line-height: 22px;
        text-align: left;
    }
    
    .intro_sub {
        margin-top: 20px;
        color: #808284;
        margin-right: 55px;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 28px;
        text-align: left;
    }
    
    .box_area {
        height: 100%;
        width: 100%;
    }
    
    .box_area:before {
        content: "";
        width: 55%;
        height: 100%;
        position: absolute;
        top: -1px;
        left: -1px;
        border-bottom: 1px solid #dedede;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede;
    }
    
    .signature {
        position: absolute;
        right: 110px;
        bottom: -20px;
    }
    
    .mar_neg_up {
        margin-top: -15px;
    }
    
    .intro_left {
        margin-left: 55px;
        margin-top: 55px;
        margin-right: 75px;
        margin-bottom: 8px;
        word-break: keep-all;
        color: #808284;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.23px;
        line-height: 28px;
        text-align: left;
    }
    
    .intro_left-2 {
        margin-left: 55px;
        margin-right: 75px;
        margin-top: 0px;
        word-break: keep-all;
        margin-bottom: 55px;
        color: #808284;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.23px;
        line-height: 28px;
        text-align: left;
    }
    
    .box_area-rt {
        height: 100%;
        width: 100%;
    }
    
    .box_area-rt:after {
        content: "";
        width: 70%;
        z-index: -1;
        height: 100%;
        position: absolute;
        top: -1px;
        right: -1px;
        width: 40%;
        border-top: 1px solid #dedede;
    }
    
    .intro_rt_title {
        margin-top: 83px;
        color: #58585b;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 16px;
        text-align: left;
    }
    
    .intro_rt {
        color: #808284;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.2px;
        line-height: 23px;
        width: 75%;
        text-align: left;
    }
    
    .intro_consult_btn {
        position: absolute;
        bottom: -10px;
        color: #58585b;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 1.75px;
        line-height: 32px;
        border: 1px solid #d1d2d4;
        width: 80%;
        height: 32px;
        text-align: center;
        -o-transition: color 0.3s ease-out, all 0.3s ease-in;
        -ms-transition: color 0.3s ease-out, all 0.3s ease-in;
        -moz-transition: color 0.3s ease-out, all 0.3s ease-in;
        -webkit-transition: color 0.3s ease-out, all 0.3s ease-in;
        transition: color 0.3s ease-out, all 0.3s ease-in;
    }
    
    .intro_consult_btn:hover {
        background-color: #d01520;
        border: 1px solid #fff;
        color: #fff;
        cursor: pointer;
    }
    /*intro area ends*/
    /* recognition_area */
    
    .recognition_area {
        margin-top: 100px;
        margin-bottom: 80px;
    }
    
    .rec_img_area {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: -5px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    
    .rec_img_area img {
        width: 11%;
        margin-left: 1.4%;
        margin-right: 1.4%;
    }
    
    .recognition_area label {
        color: #808284;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.2px;
        line-height: 14px;
        margin-bottom: 0px;
        text-align: left;
    }
    
    .recognition_area img {
        display: inline-block;
    }
    
    .at-tmt-btn {
        padding: 6px 15px;
        display: block;
        border: 1px solid #d5d6d8;
        text-decoration: none;
        font-weight: 400;
        color: #808285;
        font-size: 13px;
        letter-spacing: 3px;
        line-height: 15.85px;
        text-align: center;
        max-width: 211px;
        display: inline;
        margin-right: 54px;
        -o-transition: color 0.4s ease-out, background 0.2s ease-in;
        -ms-transition: color 0.4s ease-out, background 0.2s ease-in;
        -moz-transition: color 0.4s ease-out, background 0.2s ease-in;
        -webkit-transition: color 0.4s ease-out, background 0.2s ease-in;
        /* ...and now override with proper CSS property */
        transition: color 0.4s ease-out, background 0.2s ease-in;
    }
    
    .at-tmt-btn:HOVER {
        border: 1px solid #d01520;
        color: #FFF;
        background-color: #d01520;
    }
    
    .at-resort-review-link:before {
        content: '';
        width: 31px;
        height: 1px;
        background: #d5d6d8;
        position: absolute;
        left: -40px;
        top: 10px;
    }
    
    .at-resort-review-link {
        color: #808285;
        font-size: 10px;
        letter-spacing: 0.2px;
        line-height: 12.19px;
        text-align: left;
        position: relative;
        display: inline;
        bottom: -8px;
        margin-left: 10px;
    }
    /* recognition_area ends*/
    /* Featured Block*/
    
    .margin-adj {
        margin-left: 22px;
        margin-right: -22px;
    }
    
    .featured-resort-section {
        margin-top: 50px;
        padding: 56px 0px;
        background: #f1f1f2;
        position: relative;
        overflow: hidden;
    }
    
    .featured-resort-section .featured-resort-detail .tallineofresort {
        font-size: 12px;
        color: #939597;
        font-weight: 600;
        margin-bottom: 24px;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-top: 22px;
    }
    
    .yoga-milka-cont .at-date-stay-price {
        margin-bottom: 2px;
    }
    
    .featured-resort-detail .title-of-featuredresort h2 {
        font-size: 24px;
        line-height: 32px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 2px;
        height: 150px;
        color: #585858;
        margin-bottom: 30px;
        /*Updated style*/
        font-size: 24px;
        line-height: 32px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 2px;
        height: max-content;
        margin-bottom: 30px;
        color: #585858;
    }
    
    .featured-resort-detail-learnmore-btn {
        font-size: 12px;
        line-height: 24px;
        color: #939598;
        margin: 32px 0px 0px 100px;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0px;
    }
    
    .featured-resort-detail-learnmore-btn a {
        display: inline-block;
        letter-spacing: 3px;
        border: solid 1px #b9b9b9;
        color: #939598;
        box-shadow: 0 0 1px #ccc;
        box-shadow: 0px 0 0 #ce171e inset;
        text-align: center;
        text-decoration: none;
        font-weight: 400;
        padding: 5px 45px;
        -o-transition: color 0.3s ease-out, all 0.3s ease-in;
        -ms-transition: color 0.3s ease-out, all 0.3s ease-in;
        -moz-transition: color 0.3s ease-out, all 0.3s ease-in;
        -webkit-transition: color 0.3s ease-out, all 0.3s ease-in;
        transition: color 0.3s ease-out, all 0.3s ease-in;
    }
    
    .featured-resort-detail-learnmore-btn a:hover {
        background: #c92027;
        color: #fff;
        border: solid 1px #c92027;
    }
    
    .at-fs-buttons {
        position: absolute;
        bottom: 2px;
    }
    
    #divfaqpicsection {
        padding-right: 0px;
        padding-left: 22px;
    }
    
    .featured-r-d-box .at-fs-description p {
        color: #939598;
        font-family: Montserrat;
        font-size: 14px;
        letter-spacing: 0.2px;
        line-height: 24px;
        text-align: left;
        margin-bottom: 20px;
    }
    
    .rt_box_description {
        max-width: 295px;
    }
    
    .padding-rt-0 {
        padding-right: 0px;
    }
    
    .featured-r-d-box {
        margin: 8px 28px -1px 100px;
        position: absolute;
        bottom: 0px;
        position: relative;
        bottom: auto;
    }
    
    .lt_icon::after {
        position: absolute;
        content: "";
        z-index: 0;
        background-size: contain;
        opacity: .3;
    }
    
    .rt_icon::after {
        position: absolute;
        display: block;
        background-size: contain;
        /* width: 282px;
    right: -92px;
    bottom: 2%;
    height: 289px; */
        background-size: contain;
        content: "";
        pointer-events: none;
        opacity: .3;
    }
    
    .lt_story::after {
        /*Normal */
        background: url(images/story_icon_big.svg) no-repeat right top;
    }
    
    .rt_story::after {
        /*Mirror */
        background: url(images/story_icon_big_mirror.svg) no-repeat right top;
    }
    
    .lt_style::after {
        /*Mirror */
        background: url(images/style_icon_big_mirror.svg) no-repeat right top;
    }
    
    .rt_style::after {
        /*Normal */
        background: url(images/style_icon_big.svg) no-repeat right top;
    }
    
    .rt_spirit::after {
        background: url(images/spirit_icon_featured.svg) no-repeat right top;
    }
    
    .lt_spirit::after {
        background: url(images/spirit_icon_featured.svg) no-repeat right top;
    }
    
    .at-head-sec h2 {
        color: #58585B;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 19px;
        text-align: left;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 4px;
    }
    
    .at-loc {
        background-image: url(images/map-marker.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: 12px;
        padding-left: 20px;
        color: #808285;
        font-weight: 300;
        font-size: 12px;
        letter-spacing: 0.2px;
        line-height: 24px;
        text-align: left;
    }
    
    .yoga-milka-cont {
        margin-top: 10px;
        border-top: solid 1px #dbdcdd;
        padding: 15px 0px 1px 0px;
        /* height: 100px; */
    }
    
    .yoga-milka-cont span.l-left {
        text-transform: uppercase;
        width: 30%;
        float: left;
        overflow: hidden;
        font-weight: 300;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #a7a9ac;
        font-size: 12px;
    }
    
    .yoga-milka-cont span.r-left {
        width: 70%;
        float: right;
        overflow: hidden;
        font-weight: 300;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #a7a9ac;
        font-size: 12px;
        display: block;
        height: max-content;
    }
    
    .yoga-milka-cont p {
        display: block;
        height: max-content;
        line-height: 1.5em
    }
    
    .at-fs-detail {
        margin-top: 102px;
        /* position: absolute; */
        /* bottom: 50px; */
    }
    
    .at-fs-detail .at-fr-d-head {
        color: #58585B;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 19px;
        text-align: left;
        margin-bottom: 12px;
    }
    
    .at-fs-detail .at-fr-d-head {
        color: #58585B;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 21px;
        text-align: left;
        margin-bottom: 12px;
        font-weight: 600;
    }
    
    .at-fs-detail .at-fs-description {
        color: #808285;
        font-family: Montserrat;
        font-size: 14px;
        letter-spacing: 0.2px;
        line-height: 24px;
        max-width: 295px;
        text-align: left;
        margin-bottom: 40px;
        min-height: 168px;
        font-weight: 300;
    }
    
    .order-md-1 {
        padding-right: 16px !important;
        padding-left: 15px !important;
    }
    
    .order-md-2 {
        padding-left: 29px;
    }
    
    .order-md-2 .featured-r-d-box {
        margin: 8px 28px -1px 0px;
    }
    
    .order-md-2 .featured-resort-detail-learnmore-btn {
        margin: 32px 10px 2px 0px;
    }
    
    .reverse_icon.lt_story::after {
        background: url(images/story_icon_big_mirror.svg) no-repeat right top;
    }
    
    .reverse_icon.lt_style::after {
        background: url(images/style_icon_big.svg) no-repeat right top;
    }
    
    .order-md-2 .featured-r-d-box {
        margin-right: 120px;
    }
    
    .lt_spirit.reverse_icon:after {}
    /*Featured Block Setion Ends*/
    /*Featured Block Section left*/
    /*Featured Block Section Left End*/
    
    .first_article_block {
        margin-top: 100px;
    }
    
    .padding_left_0 {
        padding-left: 0px !important;
    }
    
    .home_main_img {
        margin-left: -35px;
        margin-right: 35px;
    }
    
    .home_main_menu {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    
    .home_main_menu .sub_item img {
        width: 88%;
    }
    
    .home_main_menu .sub_item:nth-child(1) {
        padding-left: 0px;
    }
    
    .home_main_menu .sub_item:nth-child(2) {
        padding-left: 0px;
        margin-left: -18px;
    }
    
    .home_main_menu img {
        width: 188px;
    }
    
    .middle_row {
        margin-top: 8%;
        margin-bottom: 8%;
    }
    
    .home_main_menu hr {
        margin-top: 8px;
        width: 100%;
        margin-bottom: 8px;
    }
    
    .home_main_menu .menu-lnk {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
    
    .menu-lnk span {
        font-size: 18px;
        font-weight: 500;
        color: #58585b;
        letter-spacing: 2px;
    }
    
    .menu-lnk p {
        width: 69%;
        font-size: 14px;
        font-weight: 300;
        color: #5d5d5d;
        margin-bottom: 0px;
    }
    /*Q of the day */
    
    .q_of_day {
        min-height: 330px;
        height: fit-content;
    }
    
    .portion_1 {
        background: #f1f1f2;
    }
    
    .portion_q_of_the_day {
        background-color: #fff;
    }
    
    .portion_q_of_the_day p {
        font-size: 12px;
        letter-spacing: 3px;
        font-weight: 500;
        color: #939597;
    }
    
    .portion_q_of_the_day h3 {
        width: 80%;
        line-height: 30px;
        letter-spacing: 1px;
        margin-top: 30px;
        color: #58585b;
        font-weight: 500;
        font-size: 20px;
    }
    
    .portion_q_of_the_day img {
        position: absolute;
        bottom: 27px;
    }
    
    .portion_q_of_the_day span {
        position: absolute;
        bottom: 20px;
        left: 30px;
        color: #a7a9ab;
        font-weight: 300;
        font-size: 12px;
    }
    
    .portion_note {
        margin-left: 15px;
        margin-right: -15px;
        background-color: #f1f1f2;
        padding-left: 41px;
    }
    
    .portion_note p:nth-child(2) {
        margin-top: 30px;
        font-size: 16px;
        font-weight: 300;
        color: #808284;
    }
    
    .portion_note p:nth-child(3) {
        margin-top: 35px;
    }
    
    .portion_logo {
        background-color: #f1f1f2;
    }
    
    .seperator {
        margin-top: 9px !important;
        border-top: 1px solid #dedede;
    }
    
    .lt_circle_img {
        height: 57px;
        width: 57px;
        border-radius: 50%;
    }
    
    .left_article {
        padding-left: 6%;
        max-width: 400px;
        margin-bottom: -18px;
    }
    
    .left_article p:nth-child(1) {
        line-height: 17px;
        font-size: 13px;
        letter-spacing: 1px;
        margin-bottom: 0px;
        -o-transition: color 0.4s ease-out, background 1s ease-in;
        -ms-transition: color 0.4s ease-out, background 1s ease-in;
        -moz-transition: color 0.4s ease-out, background 1s ease-in;
        -webkit-transition: color 0.4s ease-out, background 1s ease-in;
        /* ...and now override with proper CSS property */
        transition: color 0.4s ease-out, background 1s ease-in;
    }
    
    .left_article p:nth-child(1) :hover {
        color: #d01520;
    }
    
    .left_article p:nth-child(2) {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 11px;
        -o-transition: color 0.4s ease-out, background 1s ease-in;
        -ms-transition: color 0.4s ease-out, background 1s ease-in;
        -moz-transition: color 0.4s ease-out, background 1s ease-in;
        -webkit-transition: color 0.4s ease-out, background 1s ease-in;
        /* ...and now override with proper CSS property */
        transition: color 0.4s ease-out, background 1s ease-in;
    }
    
    .left_article p:nth-child(2) :hover {
        color: #d01520;
    }
    
    .left_article p:nth-child(3) {
        font-size: 12px;
        line-height: 18px;
        text-align: left !important;
    }
    
    .left_article a {
        text-decoration: none;
    }
    
    .featured_spirit {
        margin: 0% 0% 0% 5%;
        height: 100%;
        padding: 0px 30px 0px 30px;
        width: 95%;
    }
    
    .featured_spirit .sprit_iocn_md {
        margin: 20% auto 5% auto;
    }
    
    .article {
        margin-left: -22px !important;
        margin-right: -22px !important;
    }
    
    .video_article {
        margin-left: -22px !important;
        margin-right: -22px !important;
    }
    
    .video_spacer {
        height: 501px;
        padding-right: 26px;
        padding-left: 26px;
        overflow: hidden;
    }
    
    .video_article_title {
        height: 100px;
        width: 100%;
        position: relative;
        display: block;
        text-transform: uppercase;
    }
    
    .video_article_title p:hover {
        color: #d01520;
    }
    
    .video_spacer:hover .hide {
        display: inline-block;
        background-color: #fff;
    }
    
    .line_clip_3 {
        height: 4.7em !important;
        overflow: hidden !important;
    }
    
    .line_clip_5 {
        height: 9em !important;
        line-height: 1.8em !important;
        overflow: hidden !important;
    }
    
    .travel-with-us-wrapper {
        margin: 0% 0% 0% 5%;
        width: 95%;
        padding: 0px 30px 0px 30px;
        border: 2px solid #ddd;
        padding: 0px 0px 0px 0px;
        text-align: center;
        height: 596px;
    }
    
    .travel-with-us-wrapper-text {
        padding: 35px 30px 0px 30px;
        text-align: center;
        width: 100%;
        height: 120px;
    }
    
    .travel-with-us-wrapper-text .title {
        line-height: 20px;
    }
    
    .travel-with-us-wrapper-text p {
        margin-bottom: 0px;
    }
    
    .travel-with-us-wrapper-text2 {
        padding: 20px 30px 0px 30px;
        text-align: center;
        width: 100%;
        height: 185px;
    }
    
    .travel-with-us-wrapper hr {
        width: 80%;
        margin-top: 5px;
        margin-bottom: 5px;
        border-top: 1px solid #d1d2d4;
    }
    
    .travel-with-us-wrapper-text2 hr {
        width: 80%;
        margin-top: 5px;
        margin-bottom: 10px;
        border-top: 1px solid #d1d2d4;
    }
    
    .price {
        margin-top: 5px;
    }
    
    .travel_healing_link {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 3px;
        font-weight: 300;
        color: #fff;
        text-decoration: none !important;
        padding: 5px 50px 5px 50px;
        background-color: #58585b;
        text-decoration: none !important;
    }
    
    .travel_healing_link:hover {
        background-color: #d01520 !important;
        color: #fff;
    }
    
    .content_img {
        width: 100%;
        height: 250px;
        background-size: cover;
    }
    
    .article_title {
        height: 100px;
        width: 100%;
        position: relative;
        display: block;
        text-transform: uppercase;
        padding: 15px 0px 0px 30px;
        margin: 20px 0px 15px 0px;
    }
    /*For article*/
    
    .article_item {
        height: 600px;
        overflow: hidden;
    }
    
    .article_item .mb-4 {
        margin-bottom: 15px !important;
    }
    
    .article_item:nth-child(odd) {
        padding-right: 22px;
        padding-left: 22px;
    }
    
    .article_item:nth-child(even) {
        padding-right: 22px;
        padding-left: 22px;
    }
    
    .article_title:before {
        content: "";
        width: 30px;
        height: 100px;
        position: absolute;
        top: -1px;
        left: -1px;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    
    .article_title p:nth-child(1) {
        margin: 0px 0px 0px 0px;
        line-height: 23px;
        letter-spacing: 1px;
        text-transform: uppercase;
        -o-transition: color 0.4s ease-out, background 1s ease-in;
        -ms-transition: color 0.4s ease-out, background 1s ease-in;
        -moz-transition: color 0.4s ease-out, background 1s ease-in;
        -webkit-transition: color 0.4s ease-out, background 1s ease-in;
        /* ...and now override with proper CSS property */
        transition: color 0.4s ease-out, background 1s ease-in;
    }
    
    .article_title p:nth-child(1):hover {
        color: #d01520;
    }
    
    .article_title p:nth-child(2) {
        margin: 5px 0px 0px 0px;
    }
    
    .titleStyle1 {
        text-transform: uppercase;
        font-size: 0.7rem;
        letter-spacing: 3px;
        padding-top: 15px;
        margin-bottom: 11px;
    }
    
    .article_copy {
        font-size: 8px;
        color: #a7a9ab;
        text-transform: uppercase;
        position: absolute;
        width: 200px;
        top: 143px;
        right: -87px;
        float: left;
        -moz-transform: rotate(-90deg);
        /* Opera 10.5 */
        -o-transform: rotate(-90deg);
        /* Saf3.1+, Chrome */
        -webkit-transform: rotate(-90deg);
        /* IE6,IE7 */
        /* IE8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
        /* Standard */
        transform: rotate(-90deg);
    }
    
    .article_copy a {
        color: #a7a9ab;
        font-weight: 300;
        text-decoration: none !important;
    }
    
    .article_copy a:hover {
        color: #a7a9ab;
    }
    /*aricle-style_end*/
    
    .more_article {
        margin: 100px 0 50px 0;
    }
    
    .btn-more-article {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 3px;
        font-weight: 300;
        color: #fff;
        text-decoration: none !important;
        padding: 5px 20px 5px 20px;
        background-color: #d01520;
        text-decoration: none !important;
    }
    
    .btn-more-article:hover {
        background-color: #f10101 !important;
        color: #fff !important;
    }
    
    .btn-more-article a {
        color: #fff !important;
    }
    
    .footer_banner {
        width: 100%;
        height: auto;
    }
    
    .footerElm {
        font-size: 11px;
        color: #a7a6a6;
        margin-bottom: 7px;
        text-transform: uppercase;
        font-weight: 300 !important;
    }
    
    .m-b-13 {
        margin-bottom: 13px;
    }
    
    .copyrightStyle {
        color: #cccccc;
        font-size: 8px;
        text-transform: uppercase;
    }
    
    .copy {
        color: #cccccc;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 300;
    }
    
    .subHead {
        font-weight: 700;
        font-size: 1.12rem;
    }
    
    .zz {
        margin-left: 67px;
        border-radius: 50%;
        width: 205px;
        height: 205px;
    }
    
    .show-only-in-mobile {
        display: none;
    }
    /* RESPONSIVE CSS
-------------------------------------------------- */
    /*  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
    
    @media (min-width: 1900px) {
        .rt_style::after {
            bottom: -4%;
            right: -97px;
            height: 325px;
            width: 325px;
        }
        .rt_story::after {
            bottom: 7%;
            right: -83px;
            height: 326px;
            width: 322px;
        }
        .lt_style::after {
            width: 320px;
            left: -140px;
            bottom: 6%;
            height: 320px;
        }
        .lt_story::after {
            width: 300px;
            left: -125px;
            bottom: 14.5%;
            height: 300px;
        }
        .rt_spirit::after {
            bottom: 7%;
            right: -83px;
            height: 326px;
            width: 322px;
        }
        .lt_spirit::after {
            width: 300px;
            left: -125px;
            bottom: 14.5%;
            height: 300px;
        }
        .reverse_icon.lt_spirit::after {
            left: auto !important;
            right: -170px !important;
            height: 362px;
            width: 357px;
        }
        .reverse_icon.lt_story::after {
            left: auto !important;
            right: -70px !important;
            height: 400px;
            bottom: 10px !important;
        }
        .reverse_icon.lt_style::after {
            left: auto !important;
            right: -70px !important;
            height: 400px;
            bottom: 10px !important;
        }
        .content_img {
            width: 100%;
            height: 346px;
            background-size: cover;
        }
        .lt_circle_img {
            height: 77px;
            width: 77px;
        }
        .article_item {
            height: 685px;
            overflow: hidden;
        }
        .article_copy {
            top: 239px;
        }
        .more-articles .row {
            margin-bottom: 66px
        }
    }
    
    @media (min-width: 1600px) and (max-width: 1899px) {
        .rt_style::after {
            bottom: 8%;
            right: -97px;
            height: 302px;
            width: 305px;
        }
        .rt_story::after {
            bottom: 7%;
            right: -83px;
            height: 326px;
            width: 322px;
        }
        .lt_style::after {
            width: 320px;
            left: -140px;
            bottom: 6%;
            height: 320px;
        }
        .lt_story::after {
            width: 300px;
            left: -125px;
            bottom: 14.5%;
            height: 300px;
        }
        .rt_spirit::after {
            bottom: 7%;
            right: -97px;
            height: 302px;
            width: 305px;
        }
        .lt_spirit::after {
            width: 300px;
            left: -125px;
            bottom: 14.5%;
            height: 300px;
        }
        .reverse_icon.lt_spirit::after {
            left: auto !important;
            right: -120px !important;
            bottom: -10px !important;
            height: 362px;
            width: 270px
        }
        .reverse_icon.lt_story::after {
            left: auto !important;
            right: -70px !important;
            height: 400px;
            bottom: -10px !important;
            width: 270px;
        }
        .reverse_icon.lt_style::after {
            left: auto !important;
            right: -91px !important;
            height: 338px;
            bottom: -27px !important;
            width: 270px;
        }
    }
    
    @media (min-width: 1366px) and (max-width: 1599px) {
        .rt_style::after {
            bottom: 8%;
            right: -97px;
            height: 302px;
            width: 305px;
        }
        .rt_story::after {
            bottom: 7%;
            right: -83px;
            height: 326px;
            width: 322px;
        }
        .lt_style::after {
            width: 320px;
            left: -140px;
            bottom: 6%;
            height: 320px;
        }
        .lt_story::after {
            width: 300px;
            left: -125px;
            bottom: 14.5%;
            height: 300px;
        }
        .rt_spirit::after {
            bottom: 7%;
            right: -109px;
            height: 326px;
            width: 322px;
        }
        .lt_spirit::after {
            width: 320px;
            left: -140px;
            bottom: 6%;
            height: 320px;
        }
        .reverse_icon.lt_spirit::after {
            left: auto !important;
            right: -143px !important;
            bottom: 6% !important;
            height: 326px;
            width: 322px
        }
        .reverse_icon.lt_story::after {
            left: auto !important;
            bottom: 6%;
            right: -96px;
            height: 326px;
            width: 322px;
        }
        .reverse_icon.lt_style::after {
            left: auto !important;
            bottom: 6%;
            right: -130px;
            height: 302px;
            width: 305px;
        }
    }
    
    @media (min-width: 1281px) and (max-width: 1365px) {
        .yoga-milka-cont {
            height: 100px;
        }
        .featured-r-d-box {
            margin: 8px 0px 0px 27px;
        }
        .rt_style::after {
            bottom: 8%;
            right: -115px;
            height: 302px;
            width: 224px;
        }
        .lt_style::after {
            width: 320px;
            left: -140px;
            bottom: 6%;
            height: 320px;
        }
        .lt_story::after {
            width: 230px;
            left: -102px;
            bottom: 9.5%;
            height: 183px;
        }
        .lt_style:after {
            width: 205px;
            right: auto;
            bottom: -10%;
            height: 289px;
            left: -89px;
        }
        .rt_story:after {
            bottom: -10%;
            left: -2px;
            height: 344px;
            width: 111px;
            background-size: 200px;
        }
        .rt_spirit::after {
            bottom: -15%;
            right: -81px;
            height: 344px;
            width: 204px;
            background-size: 200px;
        }
        .lt_spirit::after {
            width: 205px;
            right: auto;
            bottom: -10%;
            height: 289px;
            left: -89px;
        }
        .reverse_icon.lt_spirit::after {
            left: auto !important;
            right: -81px;
            height: 344px;
            width: 204px;
            background-size: 200px;
        }
        .reverse_icon.lt_story::after {
            left: auto !important;
            bottom: -10%;
            left: -2px;
            height: 344px;
            width: 111px;
            background-size: 200px;
        }
        .reverse_icon.lt_style::after {
            left: auto !important;
            bottom: 8%;
            right: -115px;
            height: 302px;
            width: 224px;
        }
    }
    /* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
    
    @media (min-width: 1025px) and (max-width: 1280px) {
        .featured-resort-detail .title-of-featuredresort h2 {
            height: 80px;
        }
        .yoga-milka-cont {
            height: 100px;
        }
        .featured-r-d-box {
            margin: 8px 0px 0px 27px;
        }
        .rt_style::after {
            bottom: -19%;
            right: -115px;
            height: 302px;
            width: 224px;
        }
        .lt_style::after {
            width: 320px;
            left: -140px;
            bottom: 6%;
            height: 320px;
        }
        .lt_story::after {
            width: 230px;
            left: -102px;
            bottom: 9.5%;
            height: 183px;
        }
        .lt_style:after {
            width: 205px;
            right: auto;
            bottom: -10%;
            height: 289px;
            left: -89px;
        }
        .rt_story:after {
            bottom: -10%;
            left: -2px;
            height: 344px;
            width: 111px;
            background-size: 200px;
        }
        .rt_spirit::after {
            bottom: -15%;
            right: -83px;
            height: 350px;
            width: 210px;
            background-size: 200px;
        }
        .lt_spirit::after {
            width: 205px;
            right: auto;
            bottom: -10%;
            height: 289px;
            left: -89px;
        }
        .at-fs-detail {
            margin-top: 30px;
            position: relative;
            bottom: 23px;
        }
        .reverse_icon.lt_spirit::after {
            left: auto !important;
            bottom: -10%;
            right: -81px;
            height: 344px;
            width: 204px;
            background-size: 200px;
        }
        .reverse_icon.lt_story::after {
            left: auto !important;
            bottom: -10%;
            left: -2px;
            height: 344px;
            width: 111px;
            background-size: 200px;
        }
        .reverse_icon.lt_style::after {
            left: auto !important;
            bottom: -10%;
            right: -115px;
            height: 302px;
            width: 224px;
        }
    }
    /* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
    
    @media (min-width: 768px) and (max-width: 1024px) {}
    /* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
    
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}
    /* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
    
    @media (min-width: 481px) and (max-width: 767px) {
        .lt_style:after {
            display: none;
        }
        .rt_story:after {
            display: none;
        }
        .featured-resort-detail .title-of-featuredresort h2 {
            height: 92px;
        }
        .featured-r-d-box {
            height: 302px;
            margin: 8px 0px 0px 71px;
        }
        .at-resort-review-link {
            display: block;
            margin-top: 40px;
        }
        .rt_spirit::after {
            display: none;
        }
        .lt_spirit::after {
            display: none;
        }
    }
    /* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
    
    @media (min-width: 320px) and (max-width: 480px) {
        .lt_style:after {
            display: none;
        }
        .rt_story:after {
            display: none;
        }
        .home-welcome-item {
            margin-top: 40px;
        }
        .featured-resort-detail-learnmore-btn {
            font-size: 12px;
            line-height: 24px;
            color: #939598;
            margin: 32px 1px 15px 34px;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: relative;
        }
        .featured-resort-detail .title-of-featuredresort h2 {
            height: 45px;
            font-size: 16px;
            line-height: 20px;
        }
        .featured-resort-section {
            margin-top: 20px;
            padding: 26px 0px;
        }
        .featured-r-d-box {
            height: max-content;
            margin: 8px 0px 30px 71px;
        }
        .at-resort-review-link {
            display: block;
            margin-top: 40px;
        }
        .featured-resort-detail .learnmore-btn {
            position: relative;
        }
        /*end featured block*/
        .navbar-header .logo {
            width: 65%;
        }
        .logo_area {
            margin-top: 40px;
            margin-bottom: -40px;
        }
        .home_logo {
            width: 59%;
            margin-top: -27px;
        }
        .typewriter p {
            font-size: 9px;
            margin-top: -17px;
            letter-spacing: 10px;
        }
        /* letter-spacing: 24px; */
        .featured_img {
            width: 110%;
        }
        .carousel-control-prev {
            z-index: 1;
            width: 15%;
        }
        .car_title {
            color: #ffffff;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 2px;
            line-height: 14px;
            text-align: left;
        }
        .carousel-caption {
            position: absolute;
            top: 0px;
            height: 100%;
            bottom: 0px;
            text-align: left;
        }
        .car_img {
            margin-top: 25%;
            height: 35px;
            margin-bottom: 8px;
        }
        .car_author {
            font-size: 8px;
            font-weight: 300;
        }
        .portion_1 {
            background: #fff;
        }
        .intro_rt_title {
            width: 302px;
        }
        .intro_title {
            padding-left: 49px;
            margin-right: 0px;
            padding-right: 26px;
            margin-top: 0px;
        }
        .intro_sub {
            padding-left: 67px;
            margin-right: 0px;
            padding-right: 26px;
            line-height: 22px;
        }
        .intro_rt {
            width: 320px;
            width: 306px;
            line-height: 22px;
        }
        .intro_left {
            margin-left: 34px;
            margin-top: 28px;
            font-size: 14px;
            line-height: 22px;
            margin-right: 40px;
        }
        .intro_left-2 {
            margin-left: 34px;
            font-size: 14px;
            line-height: 22px;
            margin-right: 40px;
        }
        .zz {
            margin-left: 67px;
            width: 160px;
            height: 160px;
        }
        .box_wrapper1 {
            margin-left: 67px;
            margin-top: 66px;
            margin-top: 40px;
        }
        .box_area:before {
            content: "";
            width: 36px;
        }
        .box_area-rt {
            margin-left: 55px;
            margin-top: 27px;
        }
        .box_area-rt:after {
            display: none;
        }
        .signature {
            position: absolute;
            right: 65px;
            bottom: -28px;
        }
        .intro_consult_btn {
            position: relative;
            width: 74%;
        }
        .recognition_area img {
            display: inline-block;
            margin-top: 20px;
            width: 29%;
        }
        .recognition_area {
            text-align: center;
            margin-top: 41px;
        }
        .copyrightStyle a {
            position: absolute;
            right: -30px;
            top: -10px;
        }
        .home_main_img {
            margin-bottom: 20px;
            width: 110%;
        }
        .home_main_menu {
            flex-wrap: nowrap;
        }
        .home_main_menu .sub_item:nth-child(1) {
            padding-left: 27px;
        }
        .menu-lnk p {
            font-size: 12px;
        }
        .btn {
            background-color: #fff;
            font-size: 12px;
            display: block;
        }
        .ask_your_question_btn_area {
            margin-top: 39px;
        }
        .search_input input {
            text-align: center;
        }
        .search_input {
            border-bottom: 1px solid #ddd;
        }
        .search_input ::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            font-weight: 300 !important;
            font-size: 10px !important;
            white-space: pre-line;
            line-height: 14px;
            text-align: center;
            top: -10px;
            position: relative;
        }
        .search_input ::-moz-placeholder {
            /* Firefox 19+ */
            font-weight: 300 !important;
            font-size: 10px !important;
            white-space: pre-line;
            line-height: 14px;
            text-align: center;
            top: -10px;
            position: relative;
        }
        .portion_q_of_the_day {
            padding-left: 57px;
            height: 230px;
        }
        .portion_note p:nth-child(2) {
            width: 307px;
        }
        .search_input img {
            position: absolute;
            top: 91px;
            right: 50%;
        }
        .mobile-no-margin-bottom {
            margin-bottom: 0px !important;
        }
        .portion_q_of_the_day span {
            bottom: 21px;
            left: 73px;
        }
        .portion_logo {
            display: none;
        }
        .left_at {
            width: 100%;
            float: left;
        }
        .left_at h5 {
            font-size: 12px;
            text-align: left;
        }
        .left_at span {}
        .content_img {
            height: 198px;
        }
        .article_copy {
            top: 92px;
        }
        .article_title {
            height: max-content;
            padding-bottom: 15px;
        }
        .article_title:before {
            height: 100%;
        }
        .article_item {
            height: 601px;
            height: max-content;
            margin-bottom: 0px;
        }
        .portion_q_of_the_day h3 {
            margin-top: 0px;
        }
        .right_at_line {
            display: none;
        }
        .lt_at_m {
            width: 100%;
            float: left;
            margin-top: 50px;
        }
        .lt_at_m h5 {
            font-size: 12px;
            text-align: left;
        }
        .right_at_line_m {
            width: 95.5%;
        }
        .mob_mst_rd_art_padng {
            padding-left: 4.5% !important;
        }
        .mob_mst_rd_art_padng hr {
            margin-bottom: 0px !important;
        }
        .mt-10 {
            margin-top: 50px;
        }
        .category-title {
            margin-top: 0px;
        }
        .display_art_cat {
            display: block;
            margin-top: 6px;
        }
        .aslt {
            width: 100%;
            float: left;
        }
        .aslt h5 {
            font-size: 12px;
            text-align: left;
        }
        .as_ln {
            display: none;
        }
        .at_a {
            width: 100%;
            float: left;
        }
        .at_a h5 {
            font-size: 12px;
            text-align: left;
        }
        .at_a {
            width: 100%;
            float: left;
        }
        .at_ln {
            display: none;
        }
        #new_more_article {
            margin-left: 0px;
        }
        .left_article {
            padding-left: 11%;
        }
        #spirit_new_more_article {
            margin-left: 0px;
        }
        #more_style_article {
            margin-left: 0px;
        }
        #more_story_article {
            margin-left: 0px;
        }
        .video_spacer {
            height: 441px;
        }
        #spirit_new_more_article {
            margin-top: 1.1em;
        }
        #more_style_article {
            margin-top: 1.1em;
        }
        #more_story_article {
            margin-top: 1.1em;
        }
        #new_more_article_1 {
            margin-left: 0px;
        }
        /*as on edited in 04/27/19 ..*/
        .hide_on_mobile {
            display: none;
        }
        .intro_title {}
        .recognition_area {
            display: none;
        }
        .first_article_block {
            margin-top: 50px;
        }
        .into-area {
            margin-top: 50px;
        }
        .left_content-hme {
            padding-left: 17%;
            padding-top: 7%;
        }
        .mb-postion-center .consult_button {
            margin-left: auto;
            margin-right: auto;
            margin-top: 10%;
        }
        .featured-r-d-box {
            margin: 8px 28px 35px 35px;
            position: relative;
            bottom: 0px;
        }
        .at-fs-detail {
            margin-top: 40px;
            position: relative;
            bottom: auto;
        }
        .at-fs-buttons {
            position: relative;
            bottom: 2px;
        }
        .yoga-milka-cont {
            height: 100px;
        }
        at-resort-review-link {
            display: inline-block;
            margin-top: 30px;
            margin-left: 39px;
        }
        .show-only-in-mobile {
            display: block;
        }
        .hide-on-mobile {
            display: none;
        }
    }
    /* END RESPONSIVE CSS
-------------------------------------------------- */