/* RESPONSIVE CSS */

/*----------------------------- Large Screens -------------------------------*/

@media only screen and (max-width :1920px) and (min-width: 1699px) {
    .footer-top .wrapper .widget_text {
        width: 68%;
    }
}

@media only screen and (max-width :1700px) and (min-width: 1367px) {
    .footer-top .wrapper {
        width: 70%;     
    }
    .footer-top .wrapper .widget_text {
        width: 68%;
    }
}

@media only screen and (max-width :1366px) and (min-width: 1281px) {
   p,li {
        font-size: 15px;
        line-height: 22px;
    }
    
    /* Home */
    
    .home-slider .ms-slide-info h1 {
        font-size: 320px;
        top: -120px;
    }
    .home-slider .ms-slider-sub-txt {
        top: -120px;
    }
    
    /*partner with us page */
    .join-us__form li.phone {
        width: 47%;
    }
    /*about us page */
    ul.about-villa__section li:nth-child(odd)::before {
        right: 11px;
    }
    ul.about-villa__section li:nth-child(odd)::after {
        right: 15px;
    }
    ul.about-villa__section li:nth-child(even)::before {
        left: 11px;
    }
    ul.about-villa__section li:nth-child(even)::after {
        left: 15px;
    }
    .footer-top .wrapper {
        width: 80%;
    }
    
}

/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {
    /*HEADER */
    .join-us__form li.phone {
        width: 47%;
    }
    /*home page */
    
    .home-slider .ms-slide-info h1 {
        top: -80px;
        font-size: 320px;
    }
    .home-slider .ms-slider-sub-txt {
        top: -80px;
    }
    .footer-top .wrapper {
        width: 100%;
    }
    .video-inner-content {
        padding: 70px 0px 70px 70px;
    }
    .video-inner-content::before {
        height: 160px;
        width: 160px;
    }
    .video-inner-content p {
        width: 100%;
    }
    .service-section li {
        min-height: 275px;
    }
    
    /*partner with us page */
    
    /*about us page */
    ul.about-villa__section li:nth-child(odd)::before {
        right: 9px;
    }
    ul.about-villa__section li:nth-child(odd)::after {
        right: 13px;
    }
    ul.about-villa__section li:nth-child(even)::before {
        left: 9px;
    }
    ul.about-villa__section li:nth-child(even)::after {
        left: 13px;
    }
    .brand-tx-1 {
    right: -160px;
    }
    .brand-tx-2 {
    right: -256px;
    }
    .brand-tx-3 {
    right: -214px;
    }
    .brand-tx-5 {
    left: -271px;
    }
    .brand-tx-4 {
    left: -252px;
    }
    
}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){
    
    .container {
        max-width: 96%;
    }
    
    /*HEADER*/
    .header-menu ul#menu-main-menu li {
        margin: 0px 8px;
    }
    .header-right li {
        margin: 0px 7px;
    }
    header.site-header.fixed .header-menu {
    margin-left: 108px;
    }
    
    /*home page */
    
    .home-slider .ms-slide-info h1 {
        font-size: 240px;
        top: -30px;
    }
    .home-slider .ms-slider-sub-txt {
        max-width: 70%;
        top: -50px;
    }
    
    .villa-slider .slider-image img {
        display: block;
        margin: 0 auto;
    }
    .villa-slider .slider-content {
        text-align: center;
    }
    
    .footer-top .wrapper {
        width: 100%;
    }
    .service-section li {
        width: 30%;
        min-height: 321px;
    }
    /*partner with us page */
    .contactus-form.join-us__form {
        width: 70%;
    }
    .partner-with-us-1__left {
        padding-left: 100px;
    }
    .partner-with-us-2__right ul {
        padding-right: 30px;
    }
    .partner-with-us-2__left .content {
        padding-left: 100px;
        padding-right: 20px;
    }
    /*about us page */
    ul.about-villa__section li:nth-child(odd)::before {
        right: 6px;
    }
    ul.about-villa__section li:nth-child(odd)::after {
        right: 10px;
    }
    ul.about-villa__section li:nth-child(even)::before {
        left: 6px;
    }
    ul.about-villa__section li:nth-child(even)::after {
        left: 10px;
    }
    /*contact us page */
    .enquiry-section {
        width: 45%;
    }
    .contactus-form {
        width: 47%;
        margin: 0 0 0 50px;
    }
    .enquiry-inner-content li .innner-con {
        width: 60%;
    }
    /*staycations page */
    .villa-img-left {
        width: 35%;
    }
    .villa-content-right {
        padding: 50px 50px;
        width: 64%;
    }
    .villa-pickpoints {
        padding: 20px;
    }

    /* Home */
    .content-right {
        width: 50%;
    }
    .content-right img {
        max-width: 200px;
    }
    .gallery2 .gallery2-inner-content:first-child {
        margin-bottom: 33px;
    }
    .cascade-slider_container {
        width: 100% !important;
    }
    .cascade-slider_item.now {
        transform: translateY(-50%) translateX(-50%) scale(0.7) !important;
    }
    .cascade-slider_item.next {
        transform: translateY(-45%) translateX(-110%) scale3d(0.6, 0.4, 1) rotateY(-25deg) !important;
    }
    .cascade-slider_item.prev {
        transform: translateY(-45%) translateX(10%) scale3d(0.6, 0.4, 1) rotateY(25deg) !important;
    }
    
    
    /* Single Villa */
    div#sync1 {
        float: left;
        width: 100%;
        overflow: hidden;
    }
    .single-side-left {
        width: 100%;
        display: block;
    }
    .single-side-right {
        width: 56%;
        display: block;
        margin: 0 auto;
    }
    .founder-img {
    float: right;
    position: relative;
    top: -42px;
    left: 153px;
    }
    .footer-top .wrapper .widget_text {
    width: 68%;
    }
    .founder-img-rgt img {
    max-width: 80%;
    border-radius: 7px;
    }
    .fon-detail-sec img {
    /* float: left; */
    width: 70%;
    margin: 0 auto;
    box-shadow: 5px 5px 15px #0000001a;
    border-radius: 5px;
    }
    .fon-detail {
    /* float: right; */
    width: 100%;
    margin-top: 23px;
    }
    .brand-tx-1 {
    right: -140px;
    top: -31px;
    }
    .brand-img {
    left: -51px;
    }
    .brand-tx-5 {
    left: -291px;
    bottom: 93px;
    }
    .brand-tx-5:before {
    left: 179px;
    transform: rotate(29deg);
    top: 14px;
    }
    .brand-tx-2:before {
    top: -64px;
    right: 161px;
    transform: rotate(17deg);
    }
    .brand-tx-2 {
    top: 170px;
    right: -253px;
    }
    .brand-tx-3 {
    top: 346px;
    right: -238px;
    }
    .brand-tx-4 {
    left: -297px;
    }
    .brand-tx-4:before {
    top: 12px;
    left: 181px;
    }
    .detail-content {
    padding: 24px 12px 8px 7px;
    }
    .banner-gen h2 {
    font-size: 42px;
    }
    .join-us__form li.phone {
        margin-right: 17px;
    }
    
    .single-gallery-cnt .single-gallery-wrap .sg-cnt-block p {
        font-size: 22px;
        line-height: 24px;
    }
    
    
}


/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px){
    /*new mobile header */
    .header-mobile-menu .slide-out-menu ul li:first-child {
        /*padding-top: 20px;*/
    }
    .header-mobile-menu .slide-out-menu ul li {
        padding: 13px 20px;
        margin: 0;
        border-bottom: 1px solid #434343;
    }
    .header-mobile__icons ul li:first-child {
        padding-top: 13px !important;
    }
    .header-mobile__icons ul li {
        border-bottom: 0px !important;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children.active ul.sub-menu {
        background-color: #434343;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children.active {
        padding: 0;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children.active>a {
        padding: 13px 20px;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children.active ul.sub-menu {
        background-color: #434343;
        margin: 0;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children.active ul.sub-menu li {
        border-bottom: 1px solid #af9874;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children.active ul.sub-menu li:last-child {
        border: 0px;
    }
    body.single-villas header.site-header.fixed {
       background: #434343;
        padding: 25px 0px;
    }
    
    
    
    /* Mobile Header */
    
    .header-mobile-menu {
        display: block;
        position: absolute;
        right: 45px;
        top: 28px;
    }
    .header-mobile-menu ul {
        width: 30px;
        /*height: 16px;*/
        height: 5px;
        cursor: pointer;
    }
    .header-mobile-menu .toggle ul li {
        list-style: none;
        position: absolute;
        background: #fff;
        width: 100%;
        height: 3px;
        transform: translateY(-50%);
        transition: .3s;
    }
    .header-mobile-menu ul.active {
        top: 15px;
        position: relative;
    }
    header.site-header.fixed .header-mobile-menu .toggle ul li {
        background: #ffffff;
    }
    .header-mobile-menu .toggle ul li:nth-of-type(1) {
        top: 20%;
    }
    .header-mobile-menu .toggle ul li:nth-of-type(2) {
        top: 40%;
    }
    .header-mobile-menu .toggle ul li:nth-of-type(3),
    .header-mobile-menu .toggle ul li:nth-of-type(4) {
        width: 50%;
        top: 60%;
    }
    .header-mobile-menu .toggle ul li:nth-of-type(1),
    .header-mobile-menu .toggle ul li:nth-of-type(2),
    .header-mobile-menu .toggle ul li:nth-of-type(3) {
        left: 0;
    }
    .header-mobile-menu .toggle ul li:nth-of-type(4) {
        right: 0;
    }
    .header-mobile-menu .toggle ul.active li:nth-of-type(1) {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }
    .header-mobile-menu .toggle ul.active li:nth-of-type(2) {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
    }
    .header-mobile-menu .toggle ul.active li:nth-of-type(3) {
        left: -50%;
        opacity: 0;
    }
    .header-mobile-menu .toggle ul.active li:nth-of-type(4) {
        right: -50%;
        opacity: 0;
    }
    .header-mobile-menu .slide-menu {
        transform: translateX(-999px);
        transition: transform 0.5s;
    }
    .slide-menu.slide-out-menu {
        transform: translateX(0);
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 400px;
        background: #AF9874;
        z-index: 9999;
        /*padding: 40px 0 0 30px;*/
        transition: transform 0.5s;
        box-shadow: 5px 0px 11px -8px #000;
        height: 100vh;
    }
    .header-mobile-menu .slide-out-menu ul {
        width: auto;
        height: auto;
        display: block;
        cursor: inherit;
    }
    .header-mobile-menu ul li,
    .header-mobile-menu ul li a {
        display: none;
        width: 100%;
        float: none;
    }
    .header-mobile-menu .toggle li {
        display: block !important;
    }
    .header-mobile-menu .slide-out-menu ul li,
    .header-mobile-menu .slide-out-menu ul li a {
        display: block;
        color: #fff;
        font-family: "Montserrat Semibold";
        font-size: 16px;
    }
    .header-mobile-menu ul li a {
        width: 82%;
    }
    .header-mobile-menu  ul li {
        margin-bottom: 16px;
    }
    .header-mobile-menu ul li a {
        font-size: 22px;
    }
    .header-mobile-menu ul li a::before {
        display: none;
    }
    .header-mobile-menu .slide-out-menu ul.sub-menu {
        margin: 20px 0 25px 0px;
        display: none;
    }
    .header-mobile-menu .slide-out-menu ul li.active ul {
        display: block;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children {
        position: relative;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children::after {
        position: absolute;
        content: '+';
        right: 30px;
        top: 13px;
        background-repeat: no-repeat;
        width: 26px;
        height: 26px;
        background-size: contain;
        font-family: "Montserrat Semibold";
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children.active::after {
        /*transform: rotate(180deg);*/
        content:"-";
        top: 13px;
    }
    
    /*HEADER */
    header.site-header {
        position: relative;
        background: #434343;
        padding: 10px 0px;
    }
    .header-logo img.custom-logo {
        max-width: 100px;
    }
    header.site-header .wrapper {
        display: inline-block;
    }
    header.site-header .header-menu, header.site-header .header-right  {
        display: none;
    }
    
    header.site-header.fixed img.custom-logo {
        background-color: transparent;    
        max-width: 110px;
    }
    .header-mobile__icons {
        margin-top: 35px !important;
    }
    .header-mobile__icons>section>div>ul {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    header.site-header.fixed .header-mobile-menu {
        top: 20px;
    }
    /*footer */
    footer.site-footer {
        padding: 0px 0px 0px;
    }
    .footer-middle .wrapper {
        grid-template-columns: repeat(2 ,1fr);
    }
    /*partner with us page */
    .banner-gen {
        padding: 173px 0;
    }
    .partner-with-us-1__main {
        display: block;
    }
    .partner-with-us-1 .container, .partner-with-us-2 .container {
        width: 1260px;
        max-width: 80%;
    }
    .partner-with-us-1__left {
        width: 100%;
        padding-left: 0;
        padding-right: 0px;
    }
    .partner-with-us-1__right {
        width: 100%;
        margin-top: 15px;
    }
    .partner-with-us-2__main {
        grid-template-columns: 1fr;
    }
    .partner-with-us-2__left .content {
        padding: 100px;
    }
    .partner-with-us-2__right {
        padding: 40px 0px;
    }
    .contactus-form.join-us__form {
        width: 100%;
    }
    /*about us page styling */
    .about-founder__main {
        display: flex;
        flex-wrap: wrap;
    }
    .about-founder__content {
        padding-left: 0px;
        padding-top: 30px;
    }
    /*our schooling section */
        ul.about-villa__section::before {
        left: 40px;
        margin: 0;
    }
    ul.about-villa__section li {
        padding: 0px 50px 50px 80px;
    }
    ul.about-villa__section li:nth-child(odd), ul.about-villa__section li:nth-child(even) {
        float: none;
        width: 100%;
        text-align: left;
    }
    ul.about-villa__section li:nth-child(odd)::before {
        left: 29px;
        top: 0;
    }
    ul.about-villa__section li:nth-child(odd)::after {
        left: 33px;
        top: 4px;
    }
     ul.about-villa__section li:nth-child(even)::before {
        left: 29px;
        top: 0;
    }
    ul.about-villa__section li:nth-child(even)::after {
        left: 33px;
        top: 4px;
    }
    /*contact us page styling*/
    .enquiry-section {
        width: 100%;
    }
    .contactus-form {
        width: 100%;
        margin: 0 auto;
    }
    .enquiry-inner-content li .innner-con {
        width: 59%;
    }
    /*staycation page styling */
    .title-filter form li ul li {
        margin: 0 0 0 19px;
    }
    .title-filter form{
        float: none;    
    }
    .title-filter form li ul li:first-child{
        margin-left: 5px;    
    }
    .searchandfilter ul {
        margin-top: 10px;
    }
    .villa-img-left {
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .villa-content-right {
        padding: 50px 50px;
        width: 100%;
    }
    
    /*======================================
        HOME 768
    =======================================*/
    .home-slider .ms-slide-info h1 {
        font-size: 180px;
    }
    .home-slider .ms-slider-sub-txt {
        font-size: 16px;
        max-width: 60%;
        padding-bottom: 15px;
        text-align: center;
    }
    .content-left, .content-right {
        width: 100%;
        margin: 0px;
    }
    .content-right {
        margin-top: 50px;
    }
    .explore-section:after {
        top: 390px;
    }
    .homevideo-section {
        padding: 120px 0px 20px;
    }
    .video-powerplay {
        display: none;
    }
    .video-inner-content {
        width: 90%;
        margin-top: 0px;
        position: relative;
        bottom: 80px;
        padding: 40px 0px 40px 80px;
    }
    .service-section ul {
        display: grid;
        grid-template-columns: repeat(2 ,1fr);
        grid-gap: 30px;
    }
    .service-section li {
        width: 100%;
        min-height: auto;
        margin: 0px;
    }
    .gallery2 .gallery2-inner-content:first-child {
        margin-bottom: 25px;
    }
    .extra-service ul {
        grid-template-columns: repeat(3 ,1fr);
    }
    .home-aboutus:after {
        top: 220px;
    }
    /* Single Villa */
    .facilities-section ul {
        grid-template-columns: repeat(3 ,1fr);
        grid-gap: 20px;
    }
    .our-detail-sec .container {
        width: 1260px;
        max-width: 80%;
    }
    .inner-detail_left {
        width: 100%;
        margin-bottom: 23px;
    }   
    .inner-detail {
        display: block;
        align-items: center;
    }
    .inner-detail_right {
        width: 100%;
        padding-left: 0px;
        padding-right: 0;
    }
    .inner-detail_right:before {
        width: 0;
    }
    .founder-img {
        float: right;
        position: relative;
        top: 0;
        left: 153px;
    }
    .founder-img-rgt img {
        max-width: 75%;
        border-radius: 7px;
    }
    .founder-img-lft {
        position: absolute;
        bottom: -18px;
        left: -198px;
    }
    .founder-img-lft img {
        max-width: 75%;
        border-radius: 7px;
    }    
    .footer-top .wrapper .widget_text {
    width: 57%;
    }
    .brand-img {
    left: -12px;
    width: 250px;
    height: 250px;
    }
    .brand-img h2 {
    width: 68%;
    }
    .brand-tx-1 {
    right: -189px;
    }
    .brand-tx-2 {
    top: 122px;
    right: -223px;
    }
    .brand-tx-2:before {
    top: -64px;
    right: 161px;
    transform: rotate(17deg);
    width: 80%;
    }
    .brand-tx-3 {
    top: 233px;
    right: -220px;
    }
    .brand-tx-3:before {
    height: 124px;
    width: 102px;
    right: 186px;
    }
    .brand-tx-4:before {
    top: -4px;
    left: 183px;
    width: 80px;
    }
    .brand-tx-4 {
    left: -222px;
    top: -38px;
    }
    .brand-tx-5:before {
    left: 165px;
    transform: rotate(39deg);
    top: 21px;
    width: 76%;
    }
    .brand-tx-5 {
    left: -228px;
    bottom: 93px;
    }
    .lyh-inner-detail ul {
    grid-template-columns: repeat(2 ,1fr);
    }
    .mange-detail {
    width: 100%;
    margin-bottom: 14px;
    }
    .mange-img {
    float: right;
    width: 100%;
    }
    .mange-adv-detail ul {
    grid-template-columns: repeat(2 ,1fr);
    }
    .banner-gen h2 {
    font-size: 34px;
    }
    .single-side-right {
        width: 66%;
    }
    .single-title-villa{
        margin-bottom: 25px;
        margin-top: 25px;    
    }
    /*villas page new 21/07/22 */
    .title-filter {
        margin-bottom: 40px;
    }
    .title-filter .wrapper {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .title-filter .wrapper ul {
        margin-top: 0 !important;
    }
    .inner-detail_right{
        box-shadow: none;    
    }
    .image-gallery-tab-content__wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    
    .single-gallery-cnt .single-gallery-wrap .sg-cnt-block {
        width: 55%;
    }
    .single-gallery-cnt .single-gallery-wrap .sg-img-block {
        width: 42%;
    }
    .single-gallery-cnt .single-gallery-wrap .sg-cnt-block p {
        font-size: 20px;
        line-height: 22px;
    }
    
}

/*----------------------------- Media 480 -------------------------------*/
@media only screen and (max-width:767px){
    /*GLOBAL */
    h3 {
        font-size: 32px;
    }
    /*HEADER */
    .fixed .header-mobile-menu {
        top: 16px;
    }
    .slide-menu.slide-out-menu {
        width: 270px;
    }
    
    .home-slider .ms-slide-info h1 {
        top: 0;
    }
    .home-slider .ms-slider-sub-txt {
        top: -10px;
    }
    
    /*footer */
    .footer-col1 section#text-4 ul {
        margin-top: 10px;
    }
    .footer-bottom-top>section>div {
        width: 100%;
    }
    .footer-bottom p, .footer-bottom span {
        text-align: center;
        display: inline-block;
        float: none;
    }
    .single-gallery-cnt .single-gallery-wrap .sg-cnt-block {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    
    /*partner with us page */
    .partner-with-us-2__left .content {
        padding: 50px;
    }
    .join-us__form li.email, .join-us__form li.phone{
        float: none;
        width: 100%;
    }
    .partner-with-us-2__left {
        background-position: center;
    }
    /*.partner-with-us-2__left p {*/
    /*    color: #e5e5e5;*/
    /*}*/
    /*about us page styling */
    .about-founder__main {
        padding: 40px 40px;
    }
    .about-founder__img {
        flex-shrink: initial;
    }
    .about-founder__img::before {
        right: 17px;
    }
    /*staycations page styling */
    .title-filter {
        margin-bottom: 40px;
    }
    .title-filter form li ul li {
        margin: 0 0px 10px 19px;
    }
    .title-filter form li ul li:first-child {
        margin-left: 19px;
    }
    .villa-pickpoints ul {
        grid-template-columns: 1fr;
    }
    .title-filter form li ul li:first-child, .title-filter form li ul li:nth-child(4) {
        margin-left: 0;
    }
    .title-filter h3 {
        margin-bottom: 20px;
    }
    .villa-content-right a.home-button {
         float: none; 
    }
    .pricing {
        display: inline-block;
        width: 100%;
    }
    .breadcrumb {
        margin: 40px 0px 40px 0;
    }
    
    .slider-image span {
        width: 90%;
    }
    .slider-content h5 {
        font-size: 22px;
    }
    .wrap-form {
        display: block;
    }


    /*=====================================
        HOME -480
    =====================================*/
    .home-slider .ms-slide-info h1 {
        font-size: 130px;
    }
    .explore-section:after {
        /*top: 760px;*/
        /*width: 100%;*/
        /*height: 200px;*/
        display:none;
    }
    .explore-section .content-right {
        text-align: center;
    }
    .content-right img {
        max-width: 130px;
    }
    .explore-section:after {
        top: 600px;
        width: 90%;
        height: 220px;
    }
    
    .homevideo-section {
        padding: 120px 0px;
    }
    .homevideo-section:before {
        width: 100%;
        height: 230px;
    }
    .video-inner-content {
        padding: 60px 30px;
        bottom: -40px;
    }
    .video-inner-content::before {
        display: none;
    }
    .video-inner-content p {
        padding-right: 0px;
        width: 100%;
    }
    
    .service-section ul {
        grid-template-columns: repeat(1 ,1fr);
    }   
    .gallery-section .wrapper {
        display: block;
    }
    .gallery-inner-section, .gallery2 .gallery2-inner-content:first-child {
        margin-bottom: 30px;
    }
    .extra-service ul {
        grid-template-columns: repeat(2 ,1fr);
        grid-gap: 20px;
        width: 100%;
    }
    .home-aboutus::after {
        top: 330px;
        width: 70%;
        height: 220px;
    }
    
    .occasions-section ul, .facilities-section ul, .amenities-section ul, .kitchen-section ul, .location-section ul {
        grid-template-columns: repeat(1 ,1fr);
        grid-gap: 30px;
    }
    .homepolicy-section ul {
        grid-template-columns: repeat(2 ,1fr);
        grid-gap: 30px 20px;
    }
    .our-sec {
        background-color: #AF9874;
        padding: 33px 3px;
        margin: 51px auto;
    }
    .detail-content {
    padding: 24px 12px 8px 7px;
    width: 100%;
    }
    .brand-detail-img {
    width: 100%;
    padding: 0;
    margin-bottom: 19px;
    }
    .brand-detail {
    background-position: right;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 20px;
    margin: 30px auto;
    }
    .benefits-branding ul {
    grid-template-columns: repeat(2 ,1fr);
    }
    .lyh-inner-detail ul {
    grid-template-columns: repeat(1 ,1fr);
    }
    .color-\#fff {
    font-size: 14px;
    }
    .mange-adv-detail ul {
    grid-template-columns: repeat(1 ,1fr);
    }
    .footer-top .wrapper .widget_text h3 {
    margin-bottom: 5px;
    margin-top: 16px;
    }
    .footer-top .wrapper .widget_text {
    width: 100%;
    }
    .founder-img {
    top: 16px;
    left: 87px;
    }
    .founder-img-rgt img {
    max-width: 65%;
    }
    .founder-img-lft {
    left: -115px;
    }
    .founder-img-lft img {
    max-width: 45%;
    }
    .brand-inner-sec {
    display: none;
    }
    .brand-inner-sec-mobile {
    display: block;
    margin: 28px auto;
    }
    .brand-sec-mobile {
    width: 100%;
    margin: 0 auto;
    }
    
    .brand-img-mobile h2 {
    background-position: center;
    background-repeat: no-repeat;
    padding: 15px;
    color: #fff;
    box-shadow: 5px 5px 15px #0000001a;
    border-radius: 5px;
    position: relative;
    z-index: 111;
    }
    .brand-img-mobile h2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #0000009c;
    bottom: 0;
    box-shadow: 5px 5px 15px #0000001a;
    border-radius: 5px;
    z-index: -1;
    }
    .brand-mobile-txt {
    display: grid;
    grid-template-columns: repeat(1 ,1fr);
    }
    .brand-mobile-txt span.brand-tx-1-mob {
    font-family: 'Montserrat Semibold';
    color: #6E4300;
    box-shadow: 5px 5px 15px #00000017;
    border-radius: 5px;
    padding: 16px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    }
    .brand-mobile-txt span.brand-tx-2-mob {
    font-family: 'Montserrat Semibold';
    color: #6E4300;
    box-shadow: 5px 5px 15px #00000017;
    border-radius: 5px;
    padding: 16px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    }
    .brand-mobile-txt span.brand-tx-3-mob {
    font-family: 'Montserrat Semibold';
    color: #6E4300;
    box-shadow: 5px 5px 15px #00000017;
    border-radius: 5px;
    padding: 16px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    }
    .brand-mobile-txt span.brand-tx-4-mob {
    font-family: 'Montserrat Semibold';
    color: #6E4300;
    box-shadow: 5px 5px 15px #00000017;
    border-radius: 5px;
    padding: 16px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    }
    .brand-mobile-txt span.brand-tx-5-mob {
    font-family: 'Montserrat Semibold';
    color: #6E4300;
    box-shadow: 5px 5px 15px #00000017;
    border-radius: 5px;
    padding: 16px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    }
    .brand-img-title-mob {
    font-size: 18px;
    font-family: 'Montserrat Semibold';
    color: #878787;
    text-align: center;
    margin: 18px auto;
    }
    .slick-carousel {
    width: 337px;
    }
    /*new 21/7/22*/
    .about-villa__main::before{
        background-color: transparent;    
    }
    .single-side-right {
        width: 100%;
    }
    .title-filter .wrapper {
        display: block;
    }
    .partner-with-us-2 {
        margin-bottom: 40px;
    }
    .partner-with-us-1 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .fon-con {
        padding: 26px;
    }
    .fon-detail-sec img {
        width: 100%;
    }
    .our-img-sec img {
        width: 100%;
    }
    
    .title-filter h3 {
        display: block;
        float: none;
    }
    
    .single-gallery-cnt .single-gallery-wrap {
        position: relative;
        display: block;
    }
    .single-gallery-cnt .single-gallery-wrap .single-gal-col {
        width: 100%;
    }
    .single-gallery-cnt .single-gallery-wrap .sg-cnt-block {
        position: absolute;
        background: rgba(0,0,0,0.7);
        padding: 20px 6px;
        width: 100%;
        bottom: 0;
    }
    .single-gallery-cnt .single-gallery-wrap .sg-cnt-block p {
        text-align: center;
        color: #fff;
        line-height: 22px;
    }

    .book-now-wrap {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        max-width: 96%;
        margin: 0 auto;
        bottom: 30px;
        z-index: 99;
    }
    .single-book-now {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        max-width: 96%;
        margin: 0 auto;
        bottom: 90px;
        z-index: 999999;
    }
    .contactus-form:after {
        display: none;
    }
    .close-booking {
        position: absolute;
        top: -12px;
        right: -8px;
        border: 0;
        outline: none;
        font-size: 26px;
        background: #000;
        color: #fff;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    
}


/*----------------------------- Media 320 -------------------------------*/
@media only screen and (max-width:479px){
    
    .container {
        max-width: 94%;
    }
    
    .ms-skin-default .ms-nav-prev {
        left: 5px;
    }
    .ms-skin-default .ms-nav-next {
        right: 5px;
    }
    .ms-slide-info.ms-dir-h {
        top: 0;
        position: relative;
        background: #af9874;
    }
    .ms-slide-info.ms-dir-h .bg {
        background: none;
    }
    .ms-slide-info.ms-dir-h .bg br {
        display: none;
    }
    .home-slider .ms-slide-info h1 {
        font-size: 70px;
        line-height: normal;
    }
    .home-slider .ms-slider-sub-txt {
        max-width: 100%;
        width: 90%;
        padding: 10px 10px 20px 10px;
        font-size: 14px;
        line-height: 20px;
    }
    
    header.site-header.fixed .header-mobile-menu {
        top: 17px;
    }
    .slide-menu.slide-out-menu {
        width: 270px;
    }
    .footer-middle .wrapper {
        grid-template-columns: 1fr;
    }    
    /*partner with us page */
    /*about us page styling */
    .about-villa__main::before {
        left: -20px;
        right: -20px;
    }
    ul.about-villa__section li {
        /*padding: 0px 10px 40px 40px;*/
        padding: 0px 10px 40px 50px;
    }
    ul.about-villa__section::before {
        left: 20px;
    }
    ul.about-villa__section li:nth-child(odd)::before {
        left: 9px;
    }
    ul.about-villa__section li:nth-child(odd)::after {
        left: 13px;
    }
    ul.about-villa__section li:nth-child(even)::before {
        left: 9px;
    }
    ul.about-villa__section li:nth-child(even)::after {
        left: 13px;
    }
    /*contact us page styling*/
    .enquiry-section {
        width: 100%;
    }
    .contactus-form {
        width: 100%;
        margin: 0 auto;
    }
    .enquiry-inner-content li {
        text-align: center;
    }
    .enquiry-inner-content li .innner-con {
         margin-left: 0; 
        margin-top: 19px;
        width: 100%;
    }
    /*staycation page styling */
    .title-filter form li ul li {
        padding: 5px 15px !important;
    }
    .title-filter form li ul li label {
        font-size: 11px;
        line-height: 17px;
    }
    .villa-content-right {
        padding: 30px 15px;
    }
    .banner-gen h2 {
        font-size: 27px;
    }
    .founder-img {
        left: 78px;
    }
    .content-right img {
        max-width: 160px;
    }
    .content-right img:first-child {
        left: 10px;
        position: relative;
    }
    .content-right img:last-child {
        right: 10px;
    }
    
    .single-gallery-cnt .single-gallery-wrap .sg-cnt-block p {
        line-height: 22px;
        font-size: 19px;
    }
    .single-villa__tabs .tab ul.slides {
        gap: 15px;
    }
    .single-villa__tabs .tab ul.slides li {
        margin: 0;
    }
}