.frame-res-to-60-career img{
    width: 60px;
}

.home-sec-2 .tab-display-desktop-bg,
.home-sec-3 .tab-display-desktop-bg,
.home-sec-4 .tab-display-desktop-bg,
.home-sec-5 .tab-display-desktop-bg,
.home-sec-6 .tab-display-desktop-bg{ height: 400px; }

.home-sec-2 .tab-display-desktop-bg img,
.home-sec-3 .tab-display-desktop-bg img,
.home-sec-4 .tab-display-desktop-bg img,
.home-sec-5 .tab-display-desktop-bg img,
.home-sec-6 .tab-display-desktop-bg img{
    object-fit: cover;
    height: 100%;
}

/* dive center lembongan */

@media (min-width: 200px){
    .why-diveconcept-inbali .col-4{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .why-diveconcept-inbali .frame-res img{
        width: 70% !important;
    }

    .nitrox-logo{
        width: 90px !important;
        height: 90px !important;
    }
    .footer-dev-logo{
        width: 90px !important;
        height: 90px !important;
    }
    .badge-app{
        width: 45% !important;
    }
}
@media (min-width: 370px){
    .why-diveconcept-inbali .col-4{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .why-diveconcept-inbali .frame-res img{
        width: 70% !important;
    }

    .nitrox-logo{
        width: 90px !important;
        height: 90px !important;
    }
    .footer-dev-logo{
        width: 90px !important;
        height: 90px !important;
    }
    .badge-app{
        width: 45% !important;
    }
}
@media (min-width: 576px){
    .sidebar-divecenter{
        width: 400px !important;
    }
    .sidebar-language{
        flex: 0 0 50% !important;
    }

    .why-diveconcept-inbali .frame-res img{
        width: 100px !important;
    }

    .frame-res img{
        width: 100px !important;
    }
    .frame-res-to-100p img{
        width: 100px !important;
    }
    .frame-res-to-60 img{
        width: 100px !important;
    }
    .footer-social img{
        width: 40px !important;
    }
    .footer-branch{
        width: 80% !important;
    }

    .nitrox-logo{
        width: 90px !important;
        height: 90px !important;
    }
    .footer-dev-logo{
        width: 90px !important;
        height: 90px !important;
    }
    .badge-app{
        width: 100px !important;
    }

}
@media (min-width: 768px){
    .sidebar-divecenter{
        width: 400px !important;
    }
    .sidebar-language{
        flex: 0 0 40% !important;
    }
    .frame-res img{
        width: 100px !important;
    }

    .frame-res-to-100p img{
        width: 100px !important;
    }
    .frame-res-to-60 img{
        width: 100px !important;
    }
    .footer-social img{
        width: 40px !important;
    }
    .footer-branch{
        width: 80% !important;
    }

    .nitrox-logo{
        width: 90px !important;
        height: 90px !important;
    }
    .footer-dev-logo{
        width: 90px !important;
        height: 90px !important;
    }
    .badge-app{
        width: 100px !important;
    }

}
@media (min-width: 992px){
    .sidebar-divecenter{
        width: 400px !important;
    }
    .sidebar-language{
        flex: 0 0 35% !important;
    }
    .frame-res img{
        width: 100px !important;
    }
    .frame-res-to-100p img{
        width: 100px !important;
    }
    .frame-res-to-60 img{
        width: 100px !important;
    }
    .footer-social img{
        width: 40px !important;
    }
    .footer-branch{
        width: 80% !important;
    }

    .nitrox-logo{
        width: 90px !important;
        height: 90px !important;
    }
    .footer-dev-logo{
        width: 90px !important;
        height: 90px !important;
    }
    .badge-app{
        width: 100px !important;
    }
}

@media (min-width: 1200px){
    .home-head .box-text .col-4{
        flex: 0 0 36% !important;
        max-width: 36% !important;
    }

    .nitrox-logo{
        width: 120px !important;
        height: 120px !important;
    }
    .footer-dev-logo{
        width: 120px !important;
        height: 120px !important;
    }
    .badge-app{
        width: 180px !important;
    }

    .frame-res-to-100p img{
        width: 100% !important;
    }
    .frame-res-to-60 img{
        width: 60px !important;
    }
}


@media screen and (max-width: 370px){
    .widget_cr_so .col-tab-desc-testimonial .owl-theme .owl-item .col-12.no-pl{ padding-right: 1px; }

    .diveconcept-blog .list-content .frame-img{
        padding-right: 10px;
    }

    .flag{
        /* padding-left: 10px !important;
        padding-right: 10px !important; */
    }
    .flag li{
        /* padding-left: 5px !important; */
        padding-right: 5px !important;
    }

    .currency{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .currency li{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 340px){
    .diveconcept-blog .list-content .frame-img{
        height: 90px !important;
    }
}

@media screen and (max-width: 1220px){
    .home-dive-manta{ width: 600px !important; }
    .bali-map-box{ width: 80% !important; }
}

@media screen and (max-width: 1200px){
    .show-mobile{ display: block !important; }
    .show-desktop{ display: none; }

    /*  */
    .carousel-co-dive-attr .carousel-control-prev img,
    .carousel-co-dive-attr .carousel-control-next img{ width: 30px; }

    /* Cruise */
    .cruise-h-why .row-why-list .col-4 {
        padding-left: .5em !important;
        padding-right: .5em !important;
    }
    .cruise-h-why .row-why-list .col-4 .frame-res-to-60 {
        padding: 0px 15px;
    }
    .cruise-personal-offer-row .form-po .checkboxDRDV:not(:checked) + label, 
    .cruise-personal-offer-row .form-po .checkboxDRDV:checked + label {
        padding-left: 35px !important;
        padding-top: 0px !important;
    }
    .cruise-personal-offer-row .form-po .checkboxDRDV:not(:checked) + label:before, 
    .cruise-personal-offer-row .form-po .checkboxDRDV:checked + label:before{
        width: 20px !important;
        height: 20px !important;
    }
    .cruise-personal-offer-row .form-po .checkboxDRDV:not(:checked) + label:after, 
    .cruise-personal-offer-row .form-po .checkboxDRDV:checked + label:after{
        top: 4.5px !important;
        left: .27em !important;
        font-size: .9em !important;
    }
    .cruise-personal-offer-row .form-po .checklist-dr-dv span{ font-size: 14px; }

    .lbl-check{ padding-left: 25px !important; }
    .lbl-check.ppl-0{ padding-left: 0 !important; }
    .cruise-personal-offer-row .form-po .col-input-field .input-field .std-field .col-double:nth-child(1),
    .cruise-personal-offer-row .form-po .col-input-field .input-field .std-field .col-double:nth-child(3){
        padding-right: 0 !important;
    }
    .cruise-personal-offer-row .form-po .col-input-field .input-field .std-field .col-double:nth-child(2),
    .cruise-personal-offer-row .form-po .col-input-field .input-field .std-field .col-double:nth-child(4){
        padding-left: 0 !important;
    }

    /* Loop Template */
    .srp-top{ min-height: 55px !important; }
    .srp-top h3{
        font-size: 18px !important;
    }
    .srp-top p{
        font-size: 14px !important;
    }

    /* Widget */
    .widget_cr_so .inner{ padding: 15px !important; }
    .widget_cr_so .main-top .stamp-icon {
        position: absolute;
        width: 80px;
        right: 5px;
        top: -25px;
    }
    .widget_cr_so .main-top h3 { font-size: 20px !important; margin-top: 20px; }
    .widget_cr_so .main-top .subtitle { font-size: 14px !important; }
    .widget_cr_so .explanation-row { margin-right: 0px !important; }
    .widget_cr_so .explanation-row .exp-desc, .widget_cr_so .explanation-row .exp-desc {
        font-size: 12px !important;
    }
    .widget_cr_so .explanation-row .exp-dep-schedule .title{ font-size: 14px !important; }
    .widget_cr_so .explanation-row .exp-dep-schedule .info{ font-size: 12px !important; }
    .widget_cr_so .explanation-row .exp-dep-schedule .stamp-icon-dep{
        width: 30px !important;
        margin-top: -5px !important;
        margin-right: -20px !important;
    }
    .widget_cr_so .explanation-row .exp-goto-detail a{ font-size: 10px !important; }

    .widget_cr_so .explanation-row .exp-soil label{ font-size: 8px !important; margin-bottom: 5px; }
    .widget_cr_so .explanation-row .exp-soil .label-outer i {
        padding: 4px 6px 3px 5px;
        font-size: 9px;
    }
    .widget_cr_so .col-global-rating {
        padding-left: 15px !important;
        margin-top: 10px;
    }
    .widget_cr_so .global-rating .col-rating-name span{ font-size: 9px !important; }
    .widget_cr_so .global-rating .rating-progress-percentage { height: 7px !important; }
    .widget_cr_so .global-rating .rating-progress-bg, .widget_cr_so .other-rating .rating-progress-bg { height: 7px !important; }
    .widget_cr_so .global-rating .col-rating-count span { font-size: 10px !important; }
    .widget_cr_so .other-rating .col-rating-name span { font-size: 10px !important; }
    .widget_cr_so .other-rating .rating-progress-percentage { height: 7px !important; }
    .widget_cr_so .other-rating .row-other-rating { margin-top: -5px; }
    .widget_cr_so .other-rating .col-rating-count span { font-size: 10px !important; }
    .widget_cr_so .explanation-row .exp-soil .label-outer i .tooltiptext{
        width: 120px;
        background-color: black;
        color: #fff;
        border-radius: 6px;
        position: absolute;
        z-index: 1 !important;
        top: -5px !important;
        right: 140% !important;
        bottom: auto !important;
        left: auto !important;
        font-size: 10px !important;
    }
    .widget_cr_so .explanation-row .exp-soil .label-outer i .tooltiptext::after{
        content: "";
        position: absolute;
        top: 15px !important;
        left: 104% !important;
        margin-top: -5px !important;
        border-width: 5px !important;
        border-style: solid !important;
        border-color: transparent transparent transparent black !important;
    }
    .widget_cr_so .so-tab-sec { margin-top: 10px; }
    .widget_cr_so .so-tab-sec .diveconcept-blog-tab{
        padding-left: 0px !important;
        margin-left: -5px;
        padding-right: 5px !important;
    }
    .widget_cr_so .so-tab-sec .tab-cruise-offer {
        padding: 10px 0px !important;
        font-size: 9px !important;
        margin: 0px 5px;
    }
    .widget_cr_so .so-default-bottom {
        padding: 15px 30px 25px 15px !important;
    }
    .widget_cr_so .so-default-bottom .description { font-size: 12px !important; }
    .widget_cr_so .so-default-bottom .link-box a .big { font-size: 10px !important; }
    .widget_cr_so .so-default-bottom .link-box a .small { font-size: 9px !important; }

    .widget_cr_so .right-col { height: 250px; }
    .widget_cr_so .col-tab-desc-itinerary { padding: 20px 0px 30px !important; }
    .widget_cr_so .col-tab-desc-itinerary .itinerary-timeline { padding: 0px 15px !important; }
    .widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary .title {
        font-size: 14px !important;
        margin-top: 5px !important;
    }
    .widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary .description { 
        padding-bottom: 20px;
        font-size: 12px !important; 
    }
    .widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary .description .frame-img{ justify-content: flex-start !important; }
    .co-gal-slider-content { padding: 5px 15px 15px 15px !important; }
    .widget_cr_so .col-tab-desc-gallery .gallery-content-box .dive-slider-title { 
        margin-bottom: 10px !important;
        font-size: 20px !important; 
    }
    .widget_cr_so .col-tab-desc-gallery .gallery-content-box .content-description { font-size: 12px !important; }
    .dive-slider-selection.co-gal-s-selection { background: #151e28 !important; }
    .dive-slider-selection.co-gal-s-selection .col-scroll { padding: 0px 15px !important; }
    .widget_cr_so .col-tab-desc-gallery .gallery-content-box { padding: 0px 15px 30px !important; }
    .widget_cr_so .col-tab-desc-testimonial { padding: 20px 15px 30px !important; }

    .widget_cr_so .explanation-row .exp-dep-schedule .select-dep-date-label{ font-size: 12px !important; }
    .widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .main-panel-selector{ font-size: 10px !important; }
    .widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list{
        min-width: 230px !important;
    }
    .widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-title, 
    .widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-nor{
        font-size: 12px !important;
    }
    .widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .stamp-icon-dep{
        margin-right: 0px !important;
    }
    .widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-end-contact a{ font-size: 12px !important; }
    .widget_cr_so .explanation-row .exp-dep-schedule .select-dep-box-info p{ font-size: 11px !important; margin-bottom: 10px !important; }
    .widget_cr_so .tab-co-header .title{ font-size: 20px !important; }

    .cd-explanation .col-par-detail-ex .title{ font-size: 24px !important; }

    .adv-search-sec .cruise-personal-offer-row .tab-header .icon { width: 30px !important; }
    .adv-search-sec .cruise-personal-offer-row .tab-header .title{ font-size: 22px !important; }

    .cd-explanation .col-pagination .inner .pag-indicator .text{
        font-family: 'daxlineProRegular' !important;
        font-size: 11px !important;
        padding: 0px 5px !important;
    }
    .cd-explanation.no-selection, 
    .cd-explanation.selection-search{
        padding: 50px 0px 50px !important;
    }

    /* FAQ Transport */
    .transport-list > li .detail .details li .icon{
        width: 15px;
        margin-right: 0px;
    }

    /* fun dive day trip branch sector */
    .fddt-ex .map-section{
        padding-right: 15px;
    }
    .fddt-ex .map-section .map-img-cover{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .diveconcept-blog h2.cont-h2 {
        font-size: 1.25rem;
    }

    /* Dynamic tab pro */
    .tab-pro-tab-content-head-top{
        margin-top: 0 !important;
        padding-top: 1.5em;
        background: #00000042;
    }
    .tab-pro-tab-content-head-top .head-title-text{
        text-align: center;
    }

    /* Contact */
    .nav-contact{
        width: 70% !important;
    }
    .contact-tab-content .tab-divecenter .form-control,
    .custom-select-contact-many-person .ui-selectmenu-button.ui-button{
        border: 1px solid #65737e !important;
        border-radius: 5px !important;
        height: 45px !important;
    }
    .custom-select-contact-many-person .ui-selectmenu-button.ui-button{ line-height: 2em !important; }
    .contact-tab-content .tab-divecenter textarea.form-control{
        height: 150px !important;
    }
    .contact-tab-content .tab-divecenter .input-wicon .form-control{ padding: .375rem .75rem !important; }
    .contact-tab-content .tab-divecenter .input-wicon .input-icon{
        right: 12px;
        top: 10px !important;
        left: auto !important;
    }
    .contact-tab-content .tab-divecenter .many-person-txt{ font-size: 16px !important; }
    .contact-tab-content .tab-divecenter .checkboxPersonDiverNon:not(:checked) + label,
    .contact-tab-content .tab-divecenter .checkboxPersonDiverNon:checked + label{
        font-size: 14px;
        padding-left: 35px !important;
    }

    .contact-tab-content .tab-divecenter .checkboxPersonDiverNon:not(:checked) + label:before,
    .contact-tab-content .tab-divecenter .checkboxPersonDiverNon:checked + label:before {
        width: 25px !important;
        height: 25px !important;
    }
    .contact-tab-content .tab-divecenter .button-box{
        justify-content: flex-start !important;
    }

    /* Shortcode Widget */
    .each-dive-detail-dropdown-box .cover-loop-dc{ padding-bottom: 0 !important; }
    .each-dive-detail-dropdown-box .row-dc-preview{ padding-bottom: 5px; }
    .each-dive-detail-dropdown-box .row-dc-preview:last-child{ padding-bottom: 0px; }
    .each-dive-detail-dropdown-box .dc-preview-background{
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .each-dive-detail-dropdown-box .dc-preview-background .col-frame-dc-photo{ padding-left: 0 !important; }
    .each-dive-detail-dropdown-box .dc-preview-background .col-frame-dc-map-img{ padding-right: 0 !important; }
    .each-dive-detail-dropdown-box .frame-dc-photo,
    .each-dive-detail-dropdown-box .frame-dc-map-img{
        height: 200px !important;
    }

    .each-dive-detail-dropdown-box .dc-details-background .contact-list .txt-label a{
        font-size: 18px !important;
    }
    .each-dive-detail-dropdown-box .dc-details-background p.location-desc{
        font-size: 14px !important;
        margin-top: 2em;
    }

    .bali-map-box{ width: 100% !important; }

    .price-label-product{ font-size: 14px !important; }
    .price-label-p-right{ margin-left: 0 !important; }
    .btn-booknow-product-box{
        display: flex;
        align-items: center;
        vertical-align: middle;
        justify-content: flex-end;
    }
    .btn-booknow-product{ font-size: 12px !important; }
    .dc-spot-icon{ width: 150px !important; }

    /*  */
    .frame-res-to-60-career img{
        width: 100px;
    }

    /* Bali Safari */
    .ds-post-frame{
        border-right: none !important;
    }
    .ds-post-frame .ds-post{
        border-bottom: 1px solid #c0c5ce;
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .ds-post-frame .ds-post h5{ font-size: 14px; }
    .ds-post-frame .ds-post p{ font-size: 11px; }
    .bs-title-ndd{
        text-align: center;
        padding-bottom: 2em;
    }
    .toggle-readmore-itinerary,
    .toggle-least-itinerary{ font-size: 15px; }

    .toggle-readmore-itinerary button,
    .toggle-least-itinerary button{ padding: 0px 15px; }

    .toggle-readmore-itinerary span,
    .toggle-least-itinerary span{ font-size: 12px !important; }

    /* home */
    .home-head .box-text{
        top: auto;
    }
    .home-head .box-text .col-4{ flex: 0 0 100%; max-width: 100%; margin-bottom: 5em;}

    .home-video-btn-box button{
        position: absolute;
        top: 30%;
    }
    .home-carousel-1-control div{
        position: relative;
        height: 100%;
        width: 100%;
    }
    .home-carousel-1-control div img{
        position: absolute;
        top: 30%;
        width: 40px;
    }
    .home-carousel-1-control div img.ctr-left{ left: 0; }
    .home-carousel-1-control div img.ctr-right{ right: 0; }

    .welcome-aboard .wrapper{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .home-map-sec .col-8,
    .home-map-sec .home-map-desc{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home-map-sec .col-8{
        padding-left: 15px !important;
    }
    .home-map-sec .col-8 .w-90{
        width: 100%;
    }
    .home-map-sec .map-tab p{
        font-size: 10px;
        line-height: 15px;
    }
    .home-map-sec .home-map-desc .tab-desc{
        border: 1px solid #ffffff;
        border-radius: 5px;
    }
    .home-map-sec .home-map-desc .tab-desc:before {
        content: '';
        width: 20px;
        height: 20px;
        background: #131e29;
        position: absolute;
        top: -.6em;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        border-left: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
    }
    .home-map-sec .home-map-desc .tab-desc .box-icon{
        flex: 0 0 25%;
        max-width: 25%;
        display: flex !important;
        align-items: center !important;
        vertical-align: middle !important;
    }
    .home-map-sec .home-map-desc .tab-desc .box-icon img{ width: 100%; }
    .home-map-sec .home-map-desc .tab-desc .box-text{
        flex: 0 0 75%;
        max-width: 75%;
        margin-top: 0;
    }
    .home-map-sec .home-map-desc .tab-desc .box-text h3{
        font-size: 14px;
    }
    .home-map-sec .home-map-desc .tab-desc .box-text p{
        font-size: 10px;
    }

    .home-sec-1-list-divecenter .col-6{
        /* flex: 0 0 %; */
        /* max-width: 25%; */
        flex: 0 0 100%;
        max-width: 100%;
    }

    .home-sec-2 .tab-display-desktop-bg,
    .home-sec-3 .tab-display-desktop-bg,
    .home-sec-4 .tab-display-desktop-bg,
    .home-sec-5 .tab-display-desktop-bg,
    .home-sec-6 .tab-display-desktop-bg{ height: 500px; }
    .home-sec-2 .tab-display-desktop-bg img,
    .home-sec-3 .tab-display-desktop-bg img,
    .home-sec-4 .tab-display-desktop-bg img,
    .home-sec-5 .tab-display-desktop-bg img,
    .home-sec-6 .tab-display-desktop-bg img{
        object-fit: cover;
        height: 100%;
    }

    .home-sec-2-top-layer,
    .home-sec-3-top-layer,
    .home-sec-4-top-layer,
    .home-sec-6-top-layer{
        background: #00000042;
        bottom: unset !important;
    }
    .home-sec-2-top-layer .container,
    .home-sec-3-top-layer .container,
    .home-sec-4-top-layer .container,
    .home-sec-6-top-layer .container{
        height: auto !important;
        text-align: center;
    }
    .home-sec-2-top-layer .container .col-5,
    .home-sec-3-top-layer .container .col-5,
    .home-sec-4-top-layer .container .col-5,
    .home-sec-6-top-layer .container .col-5{
        background: none;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0 !important;
        padding-left: 15px !important;
    }
    .home-sec-2-top-layer .container h3,
    .home-sec-3-top-layer .container h3,
    .home-sec-4-top-layer .container h3,
    .home-sec-6-top-layer .container h3{ font-size: 28px; }

    .home-tab-med-with-dc .tab-desc .col-left,
    .home-tab-med-with-dc .tab-desc .col-right{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home-tab-med-with-dc .tab-desc .col-left .box-detail h5,
    .home-tab-med-with-dc .tab-desc .col-left .box-detail p{ font-size: 14px; }
    .home-tab-med-with-dc .tab-desc .col-right{
        padding-left: 15px !important;
    }
    .home-tab-med-with-dc .tab-desc .col-right .box-list h5{ font-size: 14px; }
    .home-tab-med-with-dc .tab-desc .col-right .box-list p{ font-size: 10px; }

    .home-sec-5 .box-text h4{ font-size: 15px; }
    .home-sec-5 .box-text p{ font-size: 10px; }
    .home-sec-5 .box-button div{ display: contents; }
    .home-sec-5 .box-button a{ font-size: 10px; padding-left: 10px; padding-right: 10px; }

    .home-sec-6-career .box-text,
    .home-sec-6-career .box-list{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home-sec-6-career .box-list{ padding-left: 15px !important; }
    .home-sec-6-career .box-text p{ text-align: center; }

    .home-sec-7 .testimonial-head{
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0em;
    }

    .diveconcept-moreinfo .box-gap-list{
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* dive center lembongan */
    .divecenter-lembongan-slide2-img{
        height: auto !important;
        min-height: 400px;
    }
    .divecenter-lembongan-slide3-img{
        height: auto !important;
        min-height: 455px;
    }
    .divecenter-lembongan-more-desc-1 .instagram-img-list{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .diveconcept-map .diveconvept-map-img-1{
        display: flex;
        position: relative;
        justify-content: center;
    }
    .diveconcept-map .diveconvept-map-img-1 .map-img{
        width: 300px;
    }

    .diveconcept-mola-mola-background .mola-desc-box{ margin-top: 30em; }

    .diveconcept-mola-mola-gallery .pictures-list{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .diveconcept-mola-mola-gallery .pictures-list .col-3{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .diveconcept-mola-mola-gallery .pictures-list .box-img{
        width: 120px;
    }

    .diveconcept-allpackage-btn{ padding: 2em 0em !important;}
    .diveconcept-lembongan-see-all-courses .courses-list-title{
        padding-left: 15px;
        padding-right: 15px;
    }
    .diveconcept-lembongan-see-all-courses .courses-list{
        margin-left: -15px !important;
    }
    .diveconcept-lembongan-see-all-courses .courses-list .box{ padding-left: 20px; }
    .diveconcept-lembongan-see-all-courses .lembongan-see-all-courses-btn{ padding-bottom: 2em; }

    .divecenter-lembongan-slide1 .desk-container,
    .diveconcept-lembongan-see-all-courses .desk-container,
    .divecenter-lembongan-slide2 .desk-container,
    .diveconcept-allpackage .desk-container,
    .diveconcept-proinlembongan .desk-container{ max-width: 100%; }

    .divecenter-lembongan-slide1 .mobile-container,
    .diveconcept-lembongan-see-all-courses .mobile-container,
    .divecenter-lembongan-slide2 .mobile-container,
    .diveconcept-proinlembongan .mobile-container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .diveconcept-allpackage .mobile-container{
        padding-left: 0 !important;
        padding-right: 15px !important;
    }
    .divecenter-lembongan-slide1 .carousel,
    .divecenter-lembongan-slide2 .carousel{ width: 100%; height: 500px; }

    .divecenter-lembongan-slide2-img .slide-btn-left{ padding-left: 2em; }
    .divecenter-lembongan-slide2-img .slide-btn-right{ padding-right: 2em; }

    .divecenter-lembongan-slide2-img .slide-btn-left a,
    .divecenter-lembongan-slide2-img .slide-btn-right a{
        display: flex;
        justify-content: center;
    }
    .diveconcept-allpackage .scroll-box{
        padding-left: 20px !important;
    }

    .diveconcept-map-button-dc-2{
        display: block !important;
    }

    /* fundives inbali */
    .diveconcept-tabcontent-divecourse .poster-head-img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .fundives-why{ padding-bottom: 0 !important; }
    .diveconcept-tabcontent-divecourse-icon-content .icon{
        width: 60px !important;
    }
    .fundives-big-slider{ height: 500px; }
    .fundives-big-slider .slider-img{
        object-fit: cover;
        height: 100%;
    }
    .fundives-big-slider .container,
    .fundives-big-slider .row,
    .fundives-big-slider .row .carousel-inner,
    .fundives-big-slider .row .carousel-item{
        height: 100%;
    }

    .fundives-tab-2{ width: 100%; }
    .fundives-tab-2 .row .col{
        max-width: 120px;
    }

    .diveconcept-big-slider .desk-container{ max-width: 100%; }
    .diveconcept-big-slider .diveconcept-big-slider-carousel-1{ width: 100%; }

    /* dive course in bali */
    .dcinbali-big-slider{ height: 500px; }
    .dcinbali-big-slider .slider-img{
        object-fit: cover;
        height: 100%;
    }
    .dcinbali-big-slider .container,
    .dcinbali-big-slider .row,
    .dcinbali-big-slider .row .carousel-inner,
    .dcinbali-big-slider .row .carousel-item{
        height: 100%;
    }

    .dcinbali-tab-preview{ width: 100%; }
    .dcinbali-tab-preview .row .col{
        max-width: 120px;
    }

    /* fun dives */
    .fddt-big-slider{ height: 500px; }
    .fddt-big-slider .carousel-inner,
    .fddt-big-slider .carousel-item{
        height: 100%;
    }

    /* divecourse detail */
    .divecourse-detail .desk-container,
    .diveconcept-course-chart .desk-container{ max-width: 100%; }

    .diveconcept-ssi .cta-btn-box,
    .diveconcept-ssi .ssi-logo-box img{ max-width: 200px; }
    .diveconcept-ssi .ssi-logo-box{
        display: flex;
        justify-content: flex-end;
    }

    .diveconcept-course-chart .requirement-box .chart-img,
    .diveconcept-course-chart .you-here-box .chart-img,
    .diveconcept-course-chart .next-box .chart-img{ max-width: 120px; }
    .diveconcept-course-chart .you-here-box .chart-active-indicator{ max-width: 180px; }

    .diveconcept-specialoffers .specialoffers-main-box{
        display: flex !important;
        justify-content: center !important;
        padding-left: 30px;
        padding-right: 30px;
    }
    .diveconcept-specialoffers .specialoffers-main-box .special-offer-frame-img-plus{
        max-width: 140px;
    }

    .specialoffers-main-box-mp{
        justify-content: center !important;
    }
    .sob3-sec .special-offer-frame-img-plus,
    .mp3-sec .special-offer-frame-img-plus{
        padding: 0px 5px;
    }
    .plus-symbol-sob3 > span,
    .plus-symbol-gray-mp3 > span {
        width: 5px;
        height: 20px;
    }
    .sob3-detail{ display: block !important; }
    .mp3-short-detail{ text-align: center; }

    .gp-why-more-dec{ font-size: 12px !important; }
    .gp-col-chart-p-box{ padding: 0px 15px !important; }
    .step-gp:after {
        content: '';
        border-left: 2px dashed #65737e;
        height: calc((128% * 1) + (15px * 10));
        top: 50%;
        left: 50%;
        z-index: 8;
        position: absolute;
    }

    .dcd_preview_mobile{ height: 500px; }

    /* attraction detail */
    .attraction-detail .desk-container{ max-width: 100%; }
    .diveconcept-information-left .depth-title,
    .diveconcept-information-left .depth-desc{ padding-left: 15px !important; }
    .diveconcept-information-left .dive-meter{ margin-right: -20px; }

    .dive-kindofdiving .kod-title,
    .dive-kindofdiving .kod-desc{ padding-left: 15px !important; }

    .dive-slider-selection .row {
        margin-left: -30px !important;
    }
    .ads_preview_mobile{ height: 500px; }
    .spot-map-frame{ width: 60% !important; }

    /* FAQ */
    .has-bg.bg-question span::after { right: -120px; }

    /* FAQ Accomodation */
    .products-list .product-item .product-main .product-details .prices li{ font-size: 13px; }
    .products-list .product-item .product-main .product-details .prices .high-season-badge{ font-size: 7px; }


    /* all */
    .diveconcept-blog .list-content .frame-img{
        height: 100px;
    }
    .diveconcept-blog .list-content .frame-img,
    .diveconcept-unique-learning .list-content .frame-img{
        max-width: 120px;
    }

    .why-text {
        font-family: daxline;
        font-size: 80px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.56px;
        color: #4f5b66;
        position: absolute;
        top: 15px;
        left: -5px;
    }
    .how-text {
        font-family: daxline;
        font-size: 80px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.56px;
        color: #4f5b66;
        position: absolute;
        top: 30px;
        left: -5px;
    }
}

@media screen and (max-width: 992px){
    /* Contact */
    .nav-contact{
        width: 100% !important;
    }
}

@media screen and (max-width: 768px){
    .home-sec-6-career .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .home-sec-6-career .box-list .col-3{
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 1em;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* cruise home */
    .cruise-sec .ex-sec{
        padding-left: 15px !important;
    }

    /* divecenter lembongan */
    .diveconcept-mola-mola-background .mola-desc-box{ margin-top: 20em; }

    .banner {
        top: 30px;
        left: -90px;
    }

    /* FAQ */
    .has-bg.bg-question span::after { right: -90px; }
    .products-list .product-item .product-main .product-details .details li .icon{
        margin-right: 0;
    }
    .products-list .product-item .product-main .product-details .details li .info{
        margin-left: 5px;
    }
}

@media screen and (max-width: 576px){
    /* FAQ Transport */
    .txt-transpot-detail-mob{
        font-size: 10px;
    }

    /* Contact */
    .nav-contact .nav-menu-tab{
        min-width: auto !important;
    }
    .nav-contact .nav-menu-tab:first-child{
        margin-left: 0 !important;
    }

    .frame-res-to-60-career img{
        width: 80px;
    }
    /* divecenter lembongan */
    .diveconcept-mola-mola-background .mola-desc-box{ margin-top: 15em; }

    /* attraction detail */
    .diveconcept-information-left .depth-title,
    .diveconcept-information-left .depth-desc{ padding-left: 0px !important; }

    .dive-kindofdiving .kod-title,
    .dive-kindofdiving .kod-desc{ padding-left: 0px !important; }
    .spot-map-frame{ width: 80% !important; }

    .banner {
        padding-right: 20px;
        top: 15px;
        left: -90px;
    }

    /* FAQ */
    .has-bg.bg-question span { position: absolute; }
    .has-bg.bg-question span::after { right: -80px; top: -50px; }
    .nav-faq li.nav-item{
        margin: 0 1%;
        width: 23%;
    }
    .nav-faq li.nav-item:first-child{
        margin-left: 0 !important;
    }
    .nav-faq li.nav-item:last-child{
        margin-right: 0 !important;
    }
    .section-faq-title .navigation-box{
        padding-left: 0;
        padding-right: 0;
    }
    .nav-faq li.nav-item a.nav-link{
        min-width: 80px;
    }
}

@media screen and (max-width: 470px){
    /* Contact */
    .nav-contact .nav-menu-tab{
        font-size: 10px !important;
    }
    .tab-divecenter .checkboxEachDcBox .each-dc-col{
        padding: 0 5px !important;
    }
    .contact-tab-content .tab-divecenter .error{ font-size: 12px !important; }

    /* Shortcode Widget */
    .each-dive-detail-dropdown-box .frame-dc-photo,
    .each-dive-detail-dropdown-box .frame-dc-map-img{
        height: 150px !important;
    }
    .each-dive-detail-dropdown-box .dc-details-background h4.dive-name{ font-size: 25px !important; }
    .each-dive-detail-dropdown-box .dc-details-background .contact-list .txt-label a{ font-size: 14px !important; }

    /* bali safari post */
    .ds-post-frame .frame-img{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .ds-post-frame:nth-child(even){
        padding-left: 15px !important;
    }
    .bs-calendar-list-info{ font-size: 12px !important; }
    .bs-calendar-list-info .high-season-badge{
        margin-left: 0 !important;
        margin-bottom: 2px;
    }

    /* Under Construction */
    .under-construction .strip-top .strip-desk,
    .under-construction .strip-bottom .strip-desk{ display: none !important; }

    .under-construction .strip-top .strip-mob,
    .under-construction .strip-bottom .strip-mob{ display: block !important; }

    /*  */
    .diveconcept-map .diveconvept-map-img-1 .is-mobile{
        display: none !important;
    }
    .diveconcept-map .diveconvept-map-img-1 .map-img{
        width: 300px !important;
    }
    .diveconcept-map .diveconvept-map-img-2{
        /* display: block !important; */
        margin-left: 0 !important;
    }

    /* FAQ */
    .has-bg.bg-question span::after { right: -30px; }
}
@media screen and (max-width: 400px){
    /* Contact */
    .nav-contact .nav-menu-tab{
        min-width: 20% !important;
    }
    .nav-contact .nav-menu-tab img{
        width: 80%;
    }
    .tab-divecenter .each-dc-frame-box,
    .tab-divecenter #errorSelectedDiveCenter,
    .tab-divecenter .col-form1,
    .tab-divecenter .col-form2,
    .tab-divecenter .col-form3{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .contact-tab-content .tab-divecenter .checkboxPersonDiverNon:not(:checked) + label.diver-icon,
    .contact-tab-content .tab-divecenter .checkboxPersonDiverNon:checked + label.diver-icon {
        width: 20px !important;
    }

    /* Shortcode Widget */
    .each-dive-detail-dropdown-box .frame-dc-map-img .popup-content .maps-icon{ width: 30px !important; }
    .each-dive-detail-dropdown-box .frame-dc-map-img .popup-content .caption{
        font-size: 12px !important;
        line-height: 15px !important;
    }
    .each-dive-detail-dropdown-box .dc-details-background h4.dive-name{ font-size: 20px !important; }

    .each-dive-detail-dropdown-box .dc-details-background .contact-list{ line-height: 15px !important; }
    .each-dive-detail-dropdown-box .dc-details-background .contact-list .label-icon{ width: 13px !important; }
    .each-dive-detail-dropdown-box .dc-details-background .contact-list .txt-label a{ font-size: 12px !important; }
    .each-dive-detail-dropdown-box .dc-details-background p.location-desc{ margin-top: 1em !important; }

    .home-sec-7 .testimonial-head{ margin-top: .3em; }
    .home-sec-7 .testimonial-head h3{
        font-size: 30px !important;
    }
    .home-sec-7 .testi-trip-adv-box img{
        width: 120px;
        margin-top: 10px !important;
    }

    /* dive center lembongan */
    .diveconcept-map .diveconvept-map-img-1 .map-img{
        width: 100% !important;
    }
    .divecenter-lembongan-slide2-img .slide-btn-left{
        padding-left: 0;
    }
    .divecenter-lembongan-slide2-img .slide-btn-right{
        padding-right: 0;
    }

    /* FAQ */
    .products-list .product-item .product-main .product-details .details li .info{
        margin-left: 10px;
    }
}

@media screen and (max-width: 400px){
    /* Contact */
    .contact-tab-content .tab-content-1  .many-person-box .cheklist-person-dv-box .cheklist-person-dv{
        width: 100%;
        margin-left: 0px !important;
    }
}