/*
* Template Name:  Cape Shark Villas
* Author: Sitewonders
* Designed & Coding by : Sitewonders
*/
@media (max-width: 2600px) {
    .common_wrapper .common_content.width .img_thumb img,
    .main_card .box_card img,
    .common_wrapper .common_content.gallery_home .img_thumb img,
    .common_wrapper .common_content.width .common_box{
        height: 560px;
    }
}
@media (min-width: 1440px) {
}

@media (max-width: 1440px) {
}

@media (min-width: 1024px) {
    .booknow-btn-responsive {
        display: none;
    }
}

@media (max-width: 1024px) {
    .main_nav .booknow-btn-responsive {
        display: block;
        position: fixed;
        top: 25px;
        background-color: transparent !important;
        width: auto;
        padding: 0 !important;
        right: 65px;
        font-weight: 400;
        transition: all 0.3s;
    }
    .main_nav .booknow-btn-responsive .uk-icon {
        position: relative;
        top: -1px;
    }
    .main_nav.sticky .booknow-btn-responsive {
        top: 15px;
    }
    .main_nav.active .primary_menu li.nav_booknow {
        display: none !important;
    }
    .common_wrapper .common_content.gallery_home .uk-position-small,
    .section_card .uk-position-small{
        margin: 15px 0 !important;
    }
    /*-------------------------------------*/
    /* MAIN NAV */
    /*-------------------------------------*/
    .main_nav .primary_menu ._none_menu{
        display: block;
    }
    .nav_top{
        display: none;
    }
    .main_nav{
        top: 0;
    }
    .main_nav .primary_menu {
        display: none;
        height: 100vh;
    }
    .main_nav .primary_menu > li {
        -webkit-animation-duration: 0.8s;
        animation-duration: 0.8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
        animation-name: fadeInUp;
    }
    .main_nav .primary_menu > li:nth-child(1) {
        animation-delay: 0.3s;
    }

    .main_nav .primary_menu > li:nth-child(2) {
        animation-delay: 0.4s;
    }

    .main_nav .primary_menu > li:nth-child(3) {
        animation-delay: 0.5s;
    }

    .main_nav .primary_menu > li:nth-child(4) {
        animation-delay: 0.6s;
    }

    .main_nav .primary_menu > li:nth-child(5) {
        animation-delay: 0.7s;
    }

    .main_nav .primary_menu > li:nth-child(6) {
        animation-delay: 0.8s;
    }

    .main_nav .primary_menu > li:nth-child(7) {
        animation-delay: 0.9s;
    }

    .main_nav .primary_menu > li:nth-child(8) {
        animation-delay: 1s;
    }

    .main_nav .primary_menu > li:nth-child(9) {
        animation-delay: 1.3s;
    }

    .main_nav .primary_menu > li:nth-child(10) {
        animation-delay: 1.4s;
    }
    .main_nav .primary_menu > li:nth-child(11) {
        animation-delay: 1.5s;
    }
    .main_nav .primary_menu > li:nth-child(12) {
        animation-delay: 1.6s;
    }
    .main_nav .primary_menu > li:nth-child(13) {
        animation-delay: 1.7s;
    }

    /* Active home page*/
     .main_nav.main_nav_home.active .primary_menu{
        top: 80px !important;
    }
    .main_nav.main_nav_home .primary_menu li{
        height: auto !important;
    }
    .main_nav.main_nav_home .primary_menu .nav_sub li a,
    .main_nav.main_nav_home .primary_menu .nav_link{
        color: #000;
    }
    .main_nav.main_nav_home .primary_menu .nav_sub,
    .main_nav.main_nav_home .primary_menu .nav_sub .nav_sub_child{
        top: 0!important;
    }
    .main_nav.main_nav_home .primary_menu .nav_sub li{
        height: auto !important;
        border-bottom: 1px solid #f3f3f3;
    }
    /* End active home page*/
    .main_nav.active .primary_menu{
        position: absolute;
        top: 70px;
        background-color: #fff;
        width: 100%;
        opacity: 1;
        display: block !important;
        transition: all 0.4s;
        box-shadow: 0 30px 40px rgb(0 0 0 / 10%);
    }
    .main_nav.sticky.active .primary_menu {
        top: 50px !important;
    }
    .main_nav.sticky.active ul.primary_menu,
    .main_nav.sticky.active .primary_menu li{
        height: auto !important;
        padding: 0 !important;
    }
    .main_nav .primary_menu .nav_link:after {
        left: 0;
    }
    .main_nav .primary_menu .nav_social a{
        color: #000;
    }
    .main_nav .primary_menu .nav_social.p_shild{
        display: block;
    }

    .main_nav.active .primary_menu li {
        padding: 10px 20px !important; 
        display: block;
    }

    .main_nav .primary_menu li {
        height: auto;
        padding: 5px 0;
        border-bottom: 1px solid #f3f3f3;
    }

    .main_nav .primary_menu .nav_sub,
    .main_nav .primary_menu .nav_sub .nav_sub_child {
        position: relative;
        width: 100%;
        top: 0;
        display: none;
    }

    .main_nav .primary_menu li:hover .nav_sub {
        display: none;
    }

    .main_nav .primary_menu .nav_sub:after,
    .main_nav .primary_menu .nav_sub .nav_sub_child:after {
        display: none;
    }

    .main_nav .primary_menu .nav_sub .nav_sub_child li {
        border-bottom: none;
        height: auto;
    }

    .main_nav .primary_menu .nav_sub .nav_sub_child {
        right: 0;
    }

    .main_nav .primary_menu .nav_sub:after {
        display: none;
    }

    .main_nav .primary_menu .nav_sub li {
        height: auto;
        padding: 0 0 0 20px;
        margin: 5px 0;
        border: none;
    }
    .main_nav .primary_menu .nav_sub li:last-child{
        margin: 5px 0 0;
    }
    .main_nav .primary_menu .nav_sub li:last-child{
        border-bottom: none;
    }

    .main_nav .primary_menu .nav_sub li a {
        color: #000;
    }

    .main_nav .primary_menu .nav_sub li a:after {
        background-color: #000 !important;
    }

    .main_nav .primary_menu li:hover .nav_sub li {
        padding: 0 0 0 20px;
        margin: 5px 0;
        vertical-align: top;
        display: block;
        animation-name: none;
        animation-delay: inherit;
    }

    .main_nav .primary_menu li:hover .nav_sub li .nav_sub_child li {
        animation-name: none;
        padding: 0 0 0 10px;
        margin: 5px 0;
    }

    .main_nav .primary_menu .nav_tel {
        display: none !important;
    }

    .main_nav .primary_menu .ico_dropdown {
        display: block;
    }
    .main_nav.nav_flip {
        display: none;
    }
    /*-------------------------------------*/
    /* MAIN NAV CHILD */
    /*-------------------------------------*/
    .main_nav.nav_child {
        top: 0;
        height: 70px;
        background-color: #fff !important;
        z-index: 10;
        transition: none !important;
    }
    .main_nav.nav_child .logo {
        bottom: 15px;
        width: auto;
        filter: none;
        -webkit-filter: none;
    }
    .main_nav.nav_child .primary_menu {
        height: 100vh;
    }
    .main_nav.nav_child .primary_menu li {
        height: auto;
    }
    .main_nav.nav_child .primary_menu .nav_link:after,
    .main_nav.nav_child .primary_menu .nav_sub li a:after {
        background-color: #000;
    }
    .main_nav.nav_child .primary_menu .nav_link {
        color: #000;
    }
    .main_nav.nav_child .primary_menu .nav_sub,
    .main_nav.nav_child .primary_menu .nav_sub .nav_sub_child {
        top: 0;
    }
    .main_nav.nav_child .primary_menu .nav_sub li a,
    .main_nav.nav_child .primary_menu .nav_sub .nav_sub_child li a {
        color: #000;
    }
    .main_nav.nav_child .primary_menu .nav_sub li,
    .main_nav.nav_child .primary_menu .nav_sub .nav_sub_child li {
        border-bottom: none;
    }
    .main_nav.nav_child .primary_menu .nav_sub:after,
    .main_nav.nav_child .primary_menu .nav_sub .nav_sub_child:after {
        background-color: #fff;
    }
    .main_nav.nav_child .primary_menu .nav_booknow,
    .main_nav.nav_child .primary_menu .nav_tel {
        display: block;
    }
    .main_nav .primary_menu .nav_lang .option_lang {
        top: 50px;
        right: inherit;
        left: 30px;
    }
    .main_nav .primary_menu .nav_lang .option_lang.active {
        animation: fadeInLeft 0.5s;
    }
    .main_nav .primary_menu .nav_lang.lang_inner {
        display: block !important;
    }

    /*-------------------------------------*/
    /* HEMBURGER */
    /*-------------------------------------*/
    .hamburger {
        display: block;
    }
    .main_nav.fix_menu .hamburger_box .menu_text:before,
    .main_nav.fix_menu .hamburger_box .menu_text:after{
        color: #000;
    }
    .main_nav.fix_menu .hamburger_inner,
    .main_nav.fix_menu .hamburger_inner::before,
    .main_nav.fix_menu .hamburger_inner::after{
        background-color: #000;
    }
    .hamburger_box .menu_text:before,
    .hamburger_box .menu_text:after{
        color: #000;
    }
    .hamburger_inner,
    .hamburger_inner::before,
    .hamburger_inner::after{
        background-color: #000;
    }
    .main_nav.fix_menu .primary_menu .nav_lang .lang_titel span{
        color: #000;
    }

    /*-------------------------------------*/
    /* SLIDESHOW */
    /*-------------------------------------*/
    .main_slideshow{
        margin-top: 70px;
    }
    .main_slideshow .box_slideshow .uk-slideshow-items {
        min-height: calc(50vh - 0px) !important;
    }
    .main_slideshow .box_slideshow .nameTitle,
    .main_slideshow .box_slideshow h1 {
        font-size: 28px;
    }

    .main_slideshow .box_slideshow h3 {
        font-size: 20px;
    }
    .main_slideshow .box_slideshow .main_dotnav{
        display: none;
    }
    .main_slideshow .box_slideshow .nav_slideshow {
        display: block;
    }
    .main_slideshow .box_slideshow .uk-position-bottom{
        left: 30px;
        bottom: 30px;
    }

    /*-------------------------------------*/
    /* BOOKING MOBILE */
    /*-------------------------------------*/
    .booking_mobile {
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 5;
        display: flex;
        box-shadow: rgba(0, 0, 0, 0.09) 0 0 10px;
    }

    .booking_mobile .mail,
    .booking_mobile .tel {
        position: relative;
        background: #fff;
        width: 25%;
        height: 50px;
        color: #000;
        text-decoration: none;
        text-align: center;
        vertical-align: top;
        list-style: none;
        align-items: center;
        display: inline-flex;
        margin: 0;
        padding: 0;
        float: left;
        transition: all 0.6s;
    }

    .booking_mobile .mail .uk-icon,
    .booking_mobile .tel .uk-icon {
        margin: auto;
    }

    .booking_mobile .mail:hover,
    .booking_mobile .tel:hover {
        color: #124863;
    }

    .booking_mobile .tel:hover {
        transition: all 0.15s;
    }

    .booking_mobile .book label {
        margin: auto;
    }

    .booking_mobile .book .inline_center {
        font-size: 14px;
    }

    .booking_mobile .book {
        background: #124863;
        width: 50%;
        height: 50px;
        font-size: 18px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        vertical-align: top;
        line-height: 0;
        list-style: none;
        align-items: center;
        display: inline-flex;
        margin: 0;
        padding: 0;
        float: left;
        transition: all 0.6s;
        cursor: pointer;
    }
    .booking_mobile .book span {
        color: #fff;
    }

    .booking_mobile .book:hover {
        background: #166187;
    }

    /*-------------------------------------*/
    /* WRAPPER */
    /*-------------------------------------*/
    .common_wrapper .common_content .col_40,
    .common_wrapper .common_content .col_60,
    .common_wrapper .common_content .col_50,
    .common_wrapper .common_content .col_50.right,
    .common_wrapper .common_content.child_box .col_30_1{
        width: 100%;
    }
    .common_wrapper .common_content .col_30{
        width: 50%;
    }

    .common_wrapper .common_content .common_row {
        margin-top: 30px;
    }

    /*-------------------------------------*/
    /* CONTENT */
    /*-------------------------------------*/
    .common_wrapper.title_section .common_content .details_box{
        width: 100%;
        padding: 70px 0 60px 0;
    }
    .common_wrapper .common_content.gallery_home{
        padding: 0 30px;
    }

    .common_wrapper .common_content.width .common_box{
        width: auto;
        height: auto;
        display: block;
        padding: 30px;
    }
    .common_wrapper .common_content.gallery_home .uk-position-center-right{
        right: 0;
    }
    .common_wrapper .common_content.gallery_home .uk-position-center-left{
        left: 0;
    }
    .common_form .main_details .info_box .social_link ul{
        margin-top: 0;
    }

    .common_wrapper .common_content.width .img_thumb img,
    .main_card .box_card img,
    .common_wrapper .common_content.gallery_home .img_thumb img{
        height: 400px;
    }

    .common_wrapper .common_content.left .common_box{
        padding: 50px 0;
    }
    .common_wrapper .common_content.left .common_box .text_parallax{
        padding: 0 20px 0 0;
    }
    .common_wrapper .common_content.child_box .box_img{
        margin: 30px 0;
    }
    .common_wrapper .common_content .facilities_box .amenities .base_amenities,
    .common_wrapper .common_content .amenities .base_amenities{
        width: 100%;
    }

    /*-------------------------------------*/
    /* CONTACT US */
    /*-------------------------------------*/
    .common_form .main_details .info_box{
        padding: 0;
    }
    .common_form .main_details .info_box .info_wrap{
        padding: 20px 0;
    }
    .common_form .textarea_wrap .uk-margin{
        margin: 20px 0;
    }
    .common_form .col_100.message_alert{
        margin: 0;
        width: 100%;
    }
    .common_form .field_wrap.fix_row {
        margin-top: 20px;
    }
    .common_form .field_wrap .uk-margin {
        margin: 0;
    }
    .common_form.apMt_form .field_wrap:nth-child(2) .uk-margin{
        margin-left: 0;
        margin-right: 20px;
    }
    .common_form.apMt_form{
        margin-bottom: 20px;
    }
    .common_form .select_wrap .uk-margin{
        margin: 0 0 20px 0;
    }
    .common_form .field_wrap:nth-child(2) .uk-margin {
        margin-left: 20px;
    }
    .common_wrapper .common_content.contact_section .main_details .info_box {
        text-align: center;
        padding: 30px;
    }
    .common_wrapper
    .common_content.contact_section
    .main_details
    .info_box
    .info_wrap
    span {
        float: initial;
    }


    .main_parallax .box_parallax .item_img{
        height: 500px;
    }
    .common_wrapper .common_content.left .common_box .text_parallax{
        margin-top: 0;
    }
    /*-------------------------------------*/
    /* VIDEO LOCATION AREA */
    /*-------------------------------------*/
    .box_location .box_video{
        padding: 0;
    }
    /*-------------------------------------*/
    /* CONTENT GRID  */
    /*-------------------------------------*/
    .section_grid .col_50{
        width: 100%;
    }
    .box_modalVideo video,
    .section_grid .box_grid.vh60,
    .section_grid{
        height: 40vh;
    }
    .section_grid .col_30{
        width: 50%;
    }
    .section_grid .box_grid.vh40,
    .section_grid .box_grid.vh40 img{
        height: 30vh;
    }


    /*-------------------------------------*/
    /* FOOTER SECTION */
    /*-------------------------------------*/
    .map_villa{
        padding-top: 10px;
    }
}

@media (max-width: 980px) {
    .section_offers .main_card,
    .main_card{
        padding: 0;
    }
    .section_card .uk-position-center-right{
        right: 0;
    }
    .section_card .uk-position-center-left{
        left: 0;
    }

}

@media (max-width: 960px) {
    .common_wrapper .common_content.gallery_home .img_thumb img{
        padding: 0;
    }
    .section_blog .uk-slider-items{
        padding: 0;
    }
}

@media (max-width: 768px) {
    .common_wrapper .common_content{
        padding: 0 20px;
    }
    .common_wrapper .common_content.width .common_box{
        padding: 20px;
    }
    .common_wrapper .common_content.gallery_home{
        padding: 0 20px;
    }
    .common_wrapper.title_section .common_content .details_box{
        text-align: left;
    }
    .common_form .main_details .info_box{
        text-align: left;
    }
    .section_infoBlog{
        padding: 20px !important;
    }
    .blog_bg{
        padding: 0 0 20px;
    }
    .section_infoBlog .box_info .box_detail{
        margin: 20px 0;
    }
    .contactus-section.common_wrapper.title_section .common_content .details_box {
        text-align: center;
    }
}

@media (max-width: 640px) {
    h1, .common_wrapper .common_content .details_box .nameTitle{
        font-size: 28px !important;
    }
    .common_wrapper .common_content.gallery_home .img_thumb img,
    .common_wrapper .common_content.width .img_thumb img,
    .main_parallax .box_parallax .item_img,
    .main_card .box_card img,
    #map{
        height: 300px;
    }
    .main_slideshow .box_slideshow .uk-slideshow-items{
        min-height: calc(40vh - 0px) !important;
    }
    .main_slideshow .box_slideshow .uk-position-center{
        display: none;
    }
    .main_slideshow .box_slideshow.centerLeft .uk-slideshow-items li:after{
        background-color: transparent;
    }
    .common_wrapper .common_content .common_row .amenities .col_20 {
        width: 50%;
    }
    .common_form.apMt_form .field_wrap:nth-child(2) .uk-margin{
        margin-right: 0;
        margin-top: 0;

    } .common_form.apMt_form .field_wrap:nth-child(3) .uk-margin{
        margin-right: 0;
        margin-top: 20px;

    }
    .common_form .field_wrap:nth-child(2) .uk-margin {
        margin-left: 0;
        margin-top: 20px;
    }
    .common_form .field_wrap {
        width: 100%;
    }
    .common_form .field_wrap.fix_row:last-child {
        margin-top: 0;
    }
    .common_wrapper
    .main_slider
    .uk-slider-items {
        min-height: calc(35vh) !important;
    }
    .main_popup .box_popup,
    .main_subscribe .box_popup{
        padding: 30px;
        display: block;
    }
    .main_popup .box_popup .botton_close,
    .main_subscribe .box_popup .botton_close{
        top: 30px;
        right: 30px;
        padding: 5px;
        background-color: #fff;
    }
    .main_popup .box_popup .box_img,
    .main_subscribe .box_popup .box_img{
        height: 180px;
    }
    .main_parallax .box_detail{
          left: 10px;
          right: 10px;
      }
    .main_parallax .box_detail .title{
        font-size: 36px;
    }
    .main_popup .box_popup .box_detail .name,
    .main_subscribe .box_popup .box_detail .name{
        font-size: 28px;
    }
    .section_grid .col_30{
        width: 100%;
    }
    .section_grid a{
        padding: 10px 20px;
    }
    .section_grid .box_grid .box_detail{
        top: initial;
        left: 20px;
        bottom: 20px;
    }
    .section_grid .box_grid .box_detail .name{
        font-size: 1.4rem;
    }
    .section_grid .box_grid .box_bnt{
        display: none;
    }
    .main_parallax{
        margin: 10px 0 0;
    }
    .padding_20{
        padding: 0 20px;
    }
    .common_wrapper .common_content .col_30{
        width: 100%;
    }
    .section_blog .box_grid{
        padding: 20px 0 0;
    }
    .main_parallax, .header_parallax{
        margin: 10px 0 0;
    }
    .common_wrapper .common_content.child_box .box_img img{
        height: 300px;
    }
    .common_wrapper .common_content .facilities_box .amenities .col_20,
    .common_wrapper .common_content .amenities .col_20{
        width: 50%;
        display: inline-block;
        float: none;
    }
    .common_wrapper .common_content .amenities .col_15 {
        width: 50%;
        float: left;
    }
    .common_wrapper .common_content .facilities_box .amenities .base_amenities .box_amenities{
        padding: 15px 0;
    }
    .common_wrapper.title_section .common_content .details_box h1,
    .common_wrapper.title_section .common_content .details_box p:first-child,
    .common_form .main_details .info_box .info_wrap{
        text-align: center;
    }
    .common_wrapper.title_section .common_content .details_box hr{
        margin: 20px auto 0;
        display: block;
    }
    .common_wrapper.title_section .common_content .details_box p{
        text-align: justify;
    }
    .page-content ul li{
        text-align: left;
    }
    section.video-wrapper video{
        top: 0;
        min-height: 100%;
        max-width: fit-content;
        width: auto;
    }
    .common_form .main_details .info_box .info_wrap{
        padding: 50px 0;
    }
    #share{
        top: -25px;
    }
    .common_wrapper.title_section .common_content .details_box{
        max-width: 100%;
    }
    .common_wrapper.title_section .common_content .details_box h3{
        font-size: 20px;
        text-align: center;
    }
    .dropdown-menu.share-menu{
        right: -50px;
        top: 55px;
    }
    .page-content p,
    .page-content table tr td, .page-content table tr td p, .page-content table tr td p span,
    .page-content ul li span,
    .page-content ul li{
        font-size: 14px !important;
    }
    .breadcrumb .uk-grid ul li:nth-child(3){
        display: none;
    }
    .amenities .page-content ul li,
    .amenities .page-content ul li:first-child{
        display: block !important;
    }
    .popular-facilities ul li, .popular-facilities ul li:first-child{

    }
}

@media (max-width: 414px) {
    .main_nav.action .logo,
    .main_nav.nav_child .logo{
        bottom: 20px;
        width: 150px;
    }
}

@media (max-width: 320px) {
}