/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1700px) and (max-width: 1920px){
}

@media (min-width: 1600px) and (max-width: 1699px){
}

@media (min-width: 1600px){
   .container { max-width: 1330px; } 
}

@media (min-width: 1700px) and (max-width: 1799px) {
}

@media (min-width: 1600px) and (max-width: 1699px) {
}

@media (min-width: 1500px) and (max-width: 1599px){

    /* banner */
    .banner-main { max-width: 1147px; }
    .banner-social-media  { transform: translate(0 , -30%); -webkit-transform: translate(0 , -30%); -moz-transform: translate(0 , -30%); -ms-transform: translate(0 , -30%); -o-transform: translate(0 , -30%); }
    /* banner */

    /* event */
    .event-image img { height: 356px; }
    /* event */

    /* event slider */
    .event-item .event-slide-image img { height: 385px; }
    /* event slider */

    /* do you know */
    .d-inner-block .title h5 { font-size: 22px; line-height: 24px;}
    /* do you know */

    /* small title */
    .section-title.small-title span { font-size: 56px; line-height: 62px; }
    .section-title.small-title { font-size: 46px; line-height: 51px; }
    /* small title */
}

@media (min-width: 1400px) and (max-width: 1499px){
    /* banner */
    .banner-main { max-width: 1147px; }
    .banner-social-media  { transform: translate(0 , -30%); -webkit-transform: translate(0 , -30%); -moz-transform: translate(0 , -30%); -ms-transform: translate(0 , -30%); -o-transform: translate(0 , -30%); }
    /* banner */

    /* event */
    .event-image img { height: 346px; }
    .event-image::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 16.9%, rgba(0, 0, 0, 0.93) 89.99%, #000 100%); }
    /* event */

    /* event slider */
    .event-item .event-slide-image img { height: 385px; }
    /* event slider */

    /* do you know */
    .d-inner-block .title h5 { font-size: 22px; line-height: 24px;}
    /* do you know */

    /* small title */
    .section-title.small-title span { font-size: 48px; line-height: 54px; top: -33px; }
    .section-title.small-title { font-size: 40px; line-height: 46px; }
    /* small title */

    /* packages */
    .inner-wrp .event-text .detail p { font-size: 14px; line-height: 22px; }
    /* packages */
}

@media (min-width: 1300px) and (max-width: 1399px){
    /* banner */
    .banner-main { max-width: 1000px; }
    .header .btn-navbar { width: 125px; height: 125px; }
    .banner-wrp::after { width: 125px; }
    .header .navbar-brand { max-width: 155px; }
    .banner-social-media { right: 48px; transform: translate(0 , -20%); -webkit-transform: translate(0 , -20%); -moz-transform: translate(0 , -20%); -ms-transform: translate(0 , -20%); -o-transform: translate(0 , -20%); }
    .banner-text-image { max-width: 550px; width: 100%; margin: 0 auto; }
    /* banner */

    /* event */
    .event-image img { height: 326px; }
    .event-image::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 16.9%, rgba(0, 0, 0, 0.93) 89.99%, #000 100%); }
    /* event */

    /* event slider */
    .event-item .event-slide-image img { height: 325px; }
    .event-text-block h2 { font-size: 18px; line-height: 20px; }
    .event-text-block {padding: 10px 0;}
    .event-text-block { bottom: 20px; left: 20px; right: 20px; }
    /* event slider */
    
    /* common */
    .section-title span { font-size: 70px; line-height: 78px; }
    .section-title { font-size: 52px; line-height: 58px; }
    /* common */

    /* BLOG */
    .blog-detail { padding: 18px; }
    /* BLOG */

    /* footer */
    .footer-main .detail { max-width: 400px; }
    /* footer */

    /* do you know */
    .d-inner-block .title h5 { font-size: 22px; line-height: 24px;}
    .d-inner-block .title p { font-size: 16px; line-height: 24px; }
    /* do you know */

    /* price block */
    .price-block .btn-price { font-size: 40px; line-height: 42px;}
    /* price block */

    /* small title */
    .section-title.small-title span { font-size: 48px; line-height: 54px; top: -33px; }
    .section-title.small-title { font-size: 40px; line-height: 46px; }
    /* small title */

    /* why dive */
    .why-dive-right .section-title { text-align: left; font-size: 32px; line-height: 44px; }
    .why-dive-right .section-title span { font-size: 40px; line-height: 46px; top: -24px; }
    .why-dive-right { max-width: 440px;}
    .why-dive-right .detail p { font-size: 18px; line-height: 28px; }
    /* why dive */

    /* dive start */
    .dive-left { height: 450px; }
    /* dive start */

    /* packages */
    .inner-wrp .event-text .detail p { font-size: 14px; line-height: 22px; }
    /* packages */

    .event-wrp .row .col-xxl { width: 25%; }
}

@media (min-width: 1200px) and (max-width: 1299px){
    /* banner */
    .banner-main { max-width: 880px; }
    .header .btn-navbar { width: 125px; height: 125px; }
    .banner-wrp::after { width: 125px; }
    .header .navbar-brand { max-width: 155px; }
    .banner-social-media { right: 48px; transform: translate(0 , -20%); -webkit-transform: translate(0 , -20%); -moz-transform: translate(0 , -20%); -ms-transform: translate(0 , -20%); -o-transform: translate(0 , -20%); }
    .banner-text-image { max-width: 500px; width: 100%; margin: 0 auto; }
    /* banner */

    /* event */
    .event-image img { height: 356px; }
    /* event */

    /* event slider */
    .event-item .event-slide-image img { height: 325px; }
    .event-text-block h2 { font-size: 18px; line-height: 20px; }
    .event-text-block {padding: 10px 0;}
    .event-text-block { bottom: 20px; left: 20px; right: 20px; }
    .slider-arrows .slick-arrow, .event-slider .slick-arrow { width: 54px; height: 54px; }
    .event-slider .slick-arrow.next-arrow { left: 110px; }
    /* event slider */

    /* common */
    .section-title span { font-size: 70px; line-height: 78px; }
    .section-title { font-size: 52px; line-height: 58px; }
    /* common */

    /* BLOG */
    .blog-detail { padding: 18px; }
    /* BLOG */

    /* footer */
    .footer-main .detail { max-width: 400px; }
    /* footer */

    /* do you know */
    .d-inner-block .title h5 { font-size: 20px; line-height: 22px; }
    .d-inner-block .title p { font-size: 16px; line-height: 24px; }
    /* do you know */

    /* price block */
    .price-block .btn-price { font-size: 40px; line-height: 42px;}
    /* price block */

    /* small title */
    .section-title.small-title span { font-size: 48px; line-height: 54px; top: -33px; }
    .section-title.small-title { font-size: 40px; line-height: 46px; }
    /* small title */

    /* why dive */
    .why-dive-right .section-title { text-align: left; font-size: 32px; line-height: 44px; }
    .why-dive-right .section-title span { font-size: 40px; line-height: 46px; top: -24px; }
    .why-dive-right { max-width: 420px;    margin: 0 0 0 40px; }
    .why-dive-right .detail p { font-size: 18px; line-height: 28px; }
    .why-dive-main .row:nth-child(even) .why-dive-right { margin-right: 40px; }
    /* why dive */

    /* dive start */
    .dive-left { height: 450px; }
    /* dive start */

    /* packages */
    .inner-wrp .event-text .detail p { font-size: 14px; line-height: 22px; }
    /* packages */

    .event-wrp .row .col-xxl { width: 25%; }
}

@media (min-width: 992px) and (max-width: 1200px){
    /* banner */
    .banner-main { max-width: 700px; }
    .header .btn-navbar { width: 115px; height: 115px; }
    .banner-wrp::after { width: 115px; }
    .header .navbar-brand { max-width: 135px; }
    .banner-social-media { right: 39px; transform: translate(0 , -20%); -webkit-transform: translate(0 , -20%); -moz-transform: translate(0 , -20%); -ms-transform: translate(0 , -20%); -o-transform: translate(0 , -20%); }
    .banner-text-image { max-width: 400px; width: 100%; margin: 0 auto; }
    .banner-main .play-video { font-size: 28px; line-height: 32px;margin: 10px 0 0 0;}
    .banner-main .play-video::after { width: 39px; height: 39px;top: -5px; }
    /* banner */

    /* event */
    .block-title { font-size: 22px; line-height: 24px; }
    /* .event-text { padding: 0 10px 20px 10px; } */
    .event-wrp { padding: 100px 0 60px 0; }
    /* event */

    /* event slider */
    .event-item .event-slide-image img { height: 325px; }
    .event-text-block h2 { font-size: 18px; line-height: 20px; }
    .event-text-block {padding: 10px 0;}
    .event-text-block { bottom: 20px; left: 20px; right: 20px; }
    .slider-arrows .slick-arrow, .event-slider .slick-arrow { width: 54px; height: 54px; }
    .event-slider .slick-arrow.next-arrow { left: 110px; }
    /* event slider */

    /* common */
    /* common */

    /* counter */
    .counter-sec-wrp { margin: 60px 0; }
    /* counter */

    /* gallery */
    .gallery-section .gallery-inner .sm-image { height: 240px; }
    .gallery-section .gallery-inner .long-image { width: 400px; height: 510px; }
    .gallery-section .gallery-inner .square-img { height: 498px; }
    .gallery-section .gallery-inner .rect-img { height: 228px; }
    .gallery-wrp { padding: 40px 0; }
    /* gallery */

    /* BLOG */
    .blog-detail { padding: 18px; }
    .blog-detail .title a, .blog-detail .title h3 { font-size: 24px; line-height: 28px; }
    .blog-wrp { padding: 80px 0 40px 0; }
    .blog-block { margin-bottom: 20px; }
    /* BLOG */

    /* book now */
    .book-wrp .section-title h2 { font-size: 40px; line-height: 50px; }
    /* book now */

    /* footer */
    .footer-main .detail { max-width: 400px; }
    .footer-main .detail p { font-size: 16px; line-height: 26px; }
    .footer { padding: 70px 0; }
    .footer-logo {max-width: 220px;}
    /* footer */

    /* team */
    .team-detail .block-title { font-size: 18px; line-height: 21px; }
    .team-detail .block-title span { font-size: 16px; line-height: 18px; }
    /* team */

    /* cmn list */
    .cmn-list ol li, .cmn-list ul li { font-size: 18px; line-height: 28px; }
    .cmn-list { padding-top: 30px; }
    /* cmn list */

    /* do you know */
    .d-inner-block .title h5 { font-size: 20px; line-height: 22px; }
    .d-inner-block .title p { font-size: 16px; line-height: 24px; }
    .d-inner-block { height: calc(100% - 20px); margin-bottom: 20px; }
    .do-you-know-block .row { justify-content: center; max-width: 870px;}
    .d-inner-block .image { width: 50px; }
    .do-you-know-wrp { padding: 120px 0 50px; }
    /* do you know */

    /* price block */
    .price-block .btn-price { font-size: 30px; line-height: 32px; }
    .price-wrp { padding: 80px 0; }
    /* price block */

    /* small title */
    .section-title.small-title span { font-size: 48px; line-height: 54px; top: -33px; }
    .section-title.small-title { font-size: 40px; line-height: 46px; }
    /* small title */

    /* privacy start */
    .privacy-wrp { padding: 100px 0 40px; }
    /* privacy end */

    /* process start */
    .process-left { padding: 0 0 40px 80px; }
    /* process end */

    /* download */
    .download-right { margin: 0; }
    /* download */

    /* cmn */
    .sub-title { font-size: 26px; line-height: 32px; }    
    /* cmn */

    /* customer */
    .customer-block .detail p { font-size: 14px; line-height: 22px; }
    .customer-block .image img { width: 90px; height: 90px; }
    .customer-block { padding: 20px;}
    /* customer */

    /* why dive */
    .why-dive-right .section-title { text-align: left; font-size: 32px; line-height: 44px; }
    .why-dive-right .section-title span { font-size: 40px; line-height: 46px; top: -24px; }
    .why-dive-right { max-width: 420px;    margin: 0 0 0 40px; }
    .why-dive-right .detail p { font-size: 18px; line-height: 28px; }
    .why-dive-main .row:nth-child(even) .why-dive-right { margin-right: 40px; }
    .why-dive-wrp {padding: 20px 0 0 0;}
    /* why dive */

    /* dive start */
    .dive-left { height: 310px; }
    .inner-gallery-text .block-title { font-size: 20px; line-height: 27px; }
    .dive-wrp { padding: 0 0 70px; }
    /* dive start */

    /* team */
    .team-wrp { padding: 110px 0 100px; }
    /* team */

    /* packages */
    .inner-wrp .event-text .detail p { font-size: 14px; line-height: 22px; }
    .inner-wrp .event-main { margin-left: 60px; }
    /* packages */

    /* contact */
    .contact-right img { height: 400px; }
    .contact-left { padding: 54px 38px; }
    .contact-wrp { padding: 70px 0 70px; }
    /* contact */

    .event-wrp .row .col-xxl { width: 33%; }
}

@media (min-width: 768px) and (max-width: 991px){
    .banner-main { max-width: 550px; }
    /* banner */
    .header .btn-navbar { width: 105px; height: 105px; }
    .banner-wrp::after { width: 105px; }
    .header .navbar-brand { max-width: 135px; }
    .banner-social-media { right: 34px; transform: translate(0 , -20%); -webkit-transform: translate(0 , -20%); -moz-transform: translate(0 , -20%); -ms-transform: translate(0 , -20%); -o-transform: translate(0 , -20%); }
    .banner-text-image { max-width: 301px; width: 100%; margin: 0 auto; }
    .banner-main .play-video { font-size: 22px; line-height: 28px; margin: 10px 0 0 0; }
    .banner-main .play-video::after { width: 32px; height: 32px; top: -3px; left: -45px; }
    .counter-sec p { font-size: 15px; line-height: 20px;}
   
    /* banner */

    /* event */
    .block-title { font-size: 22px; line-height: 24px; }
    .event-image img { height: 326px; }
    .event-text .detail p { font-size: 14px; line-height: 20px;}
    /* .event-text { padding: 0 10px 20px 10px; } */
    .event-image::before { background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 36.9%, rgba(0, 0, 0, 0.93) 109.99%, #000 100%); height: 180px; }
    .event-inner { margin-top: 36px; }
    .event-image::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 36.9%, rgba(0, 0, 0, 0.93) 89.99%, #000 100%); }
    /* event */

    /* event slider */
    .event-item .event-slide-image img { height: 325px; }
    .event-text-block h2 { font-size: 18px; line-height: 20px; }
    .event-text-block {padding: 10px 0;}
    .event-text-block { bottom: 20px; left: 20px; right: 20px; }
    .slider-arrows .slick-arrow, .event-slider .slick-arrow { width: 54px; height: 54px; }
    .event-slider .slick-arrow.next-arrow { left: 110px; }
    /* event slider */
    
    /* common */
    .section-title span { font-size: 48px; line-height: 58px; top: -33px; }
    .section-title { font-size: 36px; line-height: 48px; }
    body { font-size: 18px; line-height: 26px; }
    .navbar-toggler span { width: 34px;margin-bottom: 6px; }
    .navbar-toggler span:nth-child(2) { width: 24px; }
    .navbar-toggler.open span:last-child { top: -1px; }
    /* common */

    /* counter */
    .counter-sec-wrp { margin: 60px 0;max-width: 100%; }
    /* counter */

    /* gallery */
    .gallery-section .gallery-inner .sm-image { height: 240px; }
    .gallery-section .gallery-inner .long-image { width: 400px; height: 510px; }
    .gallery-section .gallery-inner .square-img { height: 228px; }
    .gallery-section .gallery-inner .rect-img { height: 228px; }
    .gallery-wrp { padding: 40px 0; }
    /* gallery */

    /* BLOG */
    .blog-detail { padding: 18px; }
    .blog-detail .title a, .blog-detail .title h3 { font-size: 24px; line-height: 28px; }
    .blog-block { margin-bottom: 20px; }
    .blog-wrp { padding: 40px 0; }
    /* BLOG */

    /* book now */
    .book-wrp { padding: 80px 0; }
    .book-wrp .section-title h2 { font-size: 34px; line-height: 44px; }
    /* book now */

    /* footer */
    .footer-main .detail { max-width: 400px; }
    .footer-main .detail p { font-size: 16px; line-height: 26px; }
    .footer { padding: 70px 0; }
    .footer-logo {max-width: 220px;}
    .footer-logo-section { text-align: center; }
    .footer-main .social-media ul { justify-content: center; }
    .footer-main .detail {margin: 0 auto;text-align: center;}
    .footer-main .detail p {text-align: center;}
    .footer-address .detail span,
    .footer-address .detail p {text-align: left;}
    .footer-menu { padding-top: 30px; }
    /* footer */

    /* team */
    .team-inner-block { margin-bottom: 20px; }
    .team-wrp { padding: 100px 0 60px; }
    .team-detail .block-title { font-size: 18px; line-height: 21px; }
    .team-detail .block-title span { font-size: 16px; line-height: 18px; }  
    /* team */

    /* cmn list */
    .cmn-list ol li, .cmn-list ul li { font-size: 18px; line-height: 28px; }
    .cmn-list { padding-top: 30px; }
    /* cmn list */

    /* do you know */
    .d-inner-block .title h5 { font-size: 20px; line-height: 22px; }
    .d-inner-block .title p { font-size: 16px; line-height: 24px; }
    .d-inner-block { height: calc(100% - 20px); margin-bottom: 20px; }
    .do-you-know-block .row { justify-content: center; max-width: 870px;}
    .d-inner-block .image { width: 50px; }
    .do-you-know-block { padding: 50px 0; margin-top: 20px;}
    .do-you-know-wrp { padding: 90px 0 30px; }
    /* do you know */

    /* price block */
    .price-block .btn-price { font-size: 30px; line-height: 32px; }
    .price-block-main {flex-wrap: wrap;}
    .price-block {margin: 10px 0;}
    .price-wrp { padding: 70px 0; }
    /* price block */

    /* small title */
    .section-title.small-title span { font-size: 48px; line-height: 54px; top: -33px; }
    .section-title.small-title { font-size: 40px; line-height: 46px; }
    /* small title */

    /* privacy start */
    .privacy-wrp { padding: 100px 0 40px; }
    /* privacy end */

    /* process start */
    .process-left { padding: 0 0 40px 80px; }
    .process-left::before { left: -17px; right: auto; }
    .process-left .inner-process::after { left: -82px; right: auto; }
    .process-left::after { left: 8px; right: auto; }
    .process-path .row:nth-child(odd) .process-left { text-align: left; padding-right: 0;padding-left: 60px;}
    .process-left { padding: 0 0 40px 60px; }
    .process-path .row:nth-child(even) .inner-process::after { left: -82px; right: auto; }
    /* process end */

    /* download */
    .download-right { margin: 0; }
    .download-main .row { flex-direction: column-reverse; }
    .download-left {margin-top: 20px;}
    .download-wrp { padding: 70px 0 40px; }
    /* download */

    /* cmn */
    .sub-title { font-size: 26px; line-height: 32px; }    
    /* cmn */
    
    /* customer */
    .customer-block .detail p { font-size: 14px; line-height: 22px; }
    .customer-block .image img { width: 90px; height: 90px; }
    .customer-block { padding: 20px;margin-bottom: 20px;height: calc(100% - 20px);}
    .customer-wrp { padding: 80px 0 60px; }
    .customer-main-block .row {justify-content: center;}
    /* customer */

    /* why dive */
    .why-dive-right .section-title { text-align: left; font-size: 32px; line-height: 44px; }
    .why-dive-right .section-title span { font-size: 40px; line-height: 46px; top: -24px; }
    .why-dive-right { max-width: 100%;    margin: 0; padding: 40px 30px 0 30px;text-align: center; }
    .why-dive-right .detail p { font-size: 18px; line-height: 28px; }
    .why-dive-main .row:nth-child(even) .why-dive-right { margin-right: 40px; }
    .why-dive-left { max-width: 550px; width: 100%; margin: 0 auto !important; }
    .why-dive-right .section-title {text-align: center;}
    .why-dive-main .row { padding-bottom: 50px; }
    /* why dive */

    /* dive start */
    .dive-left { height: 370px;margin-top: 20px; }
    .inner-gallery-text .block-title { font-size: 20px; line-height: 27px; }
    .dive-wrp { padding: 0 0 70px; }
    .dive-title { padding-bottom: 20px; }
    .inner-gallery-wrp { padding: 60px 0 70px; }
    .inner-gallery-title .section-title { flex: 0 0 40%; }
    .inner-gallery-text.event-image img, .inner-gallery-text .event-image img { height: 376px; }
    .dive-right { margin-top: 20px; height: 420px; }
    /* dive start */
    
    /* packages */
    .inner-wrp .event-text .detail p { font-size: 14px; line-height: 22px; }
    .inner-wrp .event-main { margin-left: 60px; }
    .inner-wrp { padding: 80px 0; }
    /* packages */

    /* contact */
    .contact-right img { height: 400px; }
    .contact-left { padding: 54px 38px; }
    .contact-wrp { padding: 70px 0 70px; }
    .contact-main .row {flex-direction: column-reverse;}
    /* contact */

    .why-dive-left img { height: 280px; }

    .event-wrp .row .col-xxl { width: 33%; }
    .inner-gallery-text { margin-right: 10px; margin-left: 10px; }
}

/* mobile menu start */
@media (max-width: 991px) {
}
/* mobile menu end */

@media (min-width: 768px) {
}

@media (max-width: 768px) {
    .gallery-wrp { display: none; }
    .gallery-mobile-section { display: block;padding: 40px 0; }
}

@media (max-width: 767px) {
    /* banner */
    .banner-main { left: 50%;max-width: 320px; width: 100%; margin: 0 auto; transform: translate(-50%, -20%); -webkit-transform: translate(-50%, -20%); -moz-transform: translate(-50%, -20%); -ms-transform: translate(-50%, -20%); -o-transform: translate(-50%, -20%); }
    .header .btn-navbar { width: 90px; height: 90px; }
    .banner-wrp::after { width: 100%; height: 90px; }
    .header .navbar-brand { max-width: 103px; }
    .banner-social-media { left: 50%; transform: translate(-50% , 0); -webkit-transform: translate(-50% , 0); -moz-transform: translate(-50% , 0); -ms-transform: translate(-50% , 0); -o-transform: translate(-50% , 0); top: auto; bottom: 20px; }
    .banner-text-image { max-width: 301px; width: 100%; margin: 0 auto; }
    .banner-main .play-video { font-size: 20px; line-height: 26px; margin: 30px 0 0 0; }
    .banner-main .play-video::after { width: 28px; height: 28px; top: -3px; left: -40px; }
    .counter-sec { max-width: 530px; width: 100%; margin: 0 auto; }
    .navbar-toggler span { width: 32px; }
    .navbar-toggler span:nth-child(2) { width: 21px; }
    .banner-social-media ul { display: flex; align-items: center; justify-content: center; }
    .banner-social-media ul li {margin-bottom: 0;margin-right: 60px;}
    .banner-social-media ul li:last-child {margin-right: 0;}
    .banner-social-media ul li::after{ right: -52px; border-bottom: 1px dashed #fff;width: 41px; height: 1px; }
    .navbar-toggler span { margin-bottom: 5px; }
    .navbar-toggler.open span:first-child { top: 7px; }
    .counter-inner { padding-bottom: 20px !important; }
    .banner-social-media {display: none;}
    .counter-sec { padding-top: 32px; }
    .header .navbar-brand img { height: 70px; }
    .counter-sec-wrp.counter-sec .counter-inner::after { bottom: 59px; }
    
    .main-title { font-size: 36px; line-height: 40px; }
    .main-title span { font-size: 36px; line-height: 46px; top: -28px; }

    .banner-main .main-title { text-align: center; }
    /* banner */

    .why-dive-left img { height: 240px; }
    .modal-dialog { max-width: 580px; }

    /* event */
    .block-title { font-size: 22px; line-height: 24px; }
    .event-image img { height: 455px; }
    .event-image::before { background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 36.9%, rgba(0, 0, 0, 0.93) 109.99%, #000 100%); height: 180px; }
    .event-inner { margin-top: 46px; }
    .event-wrp { padding: 60px 0 40px 0; }
    .e-btn { padding-top: 30px; }
    .event-bottom .slick-slide { margin: 0 26px; }
    /* event */

    /* event slider */
    .event-slider-wrp { padding: 20px 0 0 0; }
    .event-item .event-slide-image img { height: 425px; }
    .event-text-block h2 { font-size: 18px; line-height: 20px; }
    .event-text-block { bottom: 20px; left: 20px; right: 20px; }
    .slider-arrows .slick-arrow,.event-slider .slick-arrow { width: 50px; height: 50px; }
    .event-slider .slick-arrow.next-arrow { left: 110px; }
    .event-slider .slick-list { margin-left: 0;padding-bottom: 80px; }
    .event-slider .slick-arrow { bottom: 0; top: auto; transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); left: 50%; }
    .event-slider .slick-arrow.next-arrow { left: 50%; transform: translate(20%, 0); -webkit-transform: translate(20%, 0); -moz-transform: translate(20%, 0); -ms-transform: translate(20%, 0); -o-transform: translate(20%, 0); }
    .event-slider { padding-top: 28px; }
    .event-text .detail p { font-size: 14px; line-height: 26px;}
    .event-text-block .event-bottom { bottom: 10px; }
    /* event slider */

    /* common */
    .section-title span { font-size: 42px; line-height: 52px; top: -28px; }
    .section-title { font-size: 34px; line-height: 43px; }
    body { font-size: 16px; line-height: 22px; }
    .btn { font-size: 18px; line-height: 20px; }
    /* common */

    /* counter */
    .counter-sec .col-6 { text-align: center; }
    .counter-sec-wrp { margin: 30px 0;max-width: 100%;padding: 40px 0; }
    .counter-sec-wrp .counter-inner {margin-top: 10px;}
    .counter-inner h2, .counter-inner { font-size: 22px; line-height: 28px; }
    /* counter */

    /* gallery */
    .gallery-section .gallery-inner img { height: auto !important;width: 100% !important; }
    .gallery-wrp { padding: 40px 0; }
    .gallery-section .gallery-inner { margin-bottom: 20px; }
    .gallery-main { padding-top: 28px; }
    /* gallery */

    /* BLOG */
    .blog-detail { padding: 18px; }
    .blog-detail .title a, .blog-detail .title h3 { font-size: 22px; line-height: 24px; }
    .blog-wrp { padding: 40px 0 40px 0; }
    .blog-block { margin-bottom: 20px; }
    .blog-detail .detail { padding-top: 9px; }
    .blog-detail-main { padding-top: 18px; }
    /* BLOG */

    /* book now */
    .book-wrp { padding: 50px 0; }
    .book-wrp .section-title h2 { font-size: 30px; line-height: 40px; text-align: center; }
    .book-main .section-title { text-align: center; }
    .book-btn { padding-top: 20px; }
    /* book now */

    /* footer */
    .footer-main .detail { max-width: 400px; }
    .footer-main .detail p { font-size: 16px; line-height: 26px; }
    .footer { padding: 70px 0; }
    .footer-logo { max-width: 180px; }
    .footer-main .social-media ul { justify-content: flex-start; }
    .footer-address .detail span,
    .footer-address .detail p {text-align: left;}
    .footer-menu { padding-top: 30px; }
    .footer-main .social-media ul li a { width: 40px; height: 40px; }
    .footer-menu ul li {margin-bottom: 6px;}
    .footer-menu h4 {margin-bottom: 12px;}
    .footer { padding: 40px 0; }
    .footer-menu h4 { font-size: 18px; line-height: 24px; }
    /* footer */

    /* team */
    .team-inner-block { margin-bottom: 20px; }
    .team-wrp { padding: 60px 0 30px; }
    .team-detail .block-title { font-size: 18px; line-height: 21px; }
    .team-detail .block-title span { font-size: 16px; line-height: 18px; }  
    .team-title { padding-bottom: 20px; }
    .team-image img { height: 290px; }
    /* team */

    /* cmn list */
    .cmn-list ol li, .cmn-list ul li { font-size: 16px; line-height: 26px; }
    .cmn-list ol li:last-child, .cmn-list ul li:last-child {margin: 0;}
    .cmn-list { padding-top: 20px; }
    .sub-title { font-size: 26px; line-height: 28px;}
    dl, ol, ul {margin-bottom: 0;}
    ol, ul { padding-left: 20px; }
    /* cmn list */

    /* do you know */
    .d-inner-block .title h5 { font-size: 20px; line-height: 22px; }
    .d-inner-block .title p { font-size: 16px; line-height: 24px; }
    .d-inner-block { height: calc(100% - 20px); margin-bottom: 20px; }
    .do-you-know-block .row { justify-content: center; max-width: 300px; }
    .d-inner-block .image { width: 50px; }
    .do-you-know-block { padding: 50px 0;margin-top: 20px;}
    .do-you-know-wrp { padding: 70px 0 20px; }
    /* do you know */

    /* price block */
    .price-block .btn-price { font-size: 22px; line-height: 22px; }
    .price-block-main {flex-wrap: wrap;justify-content: center;}
    .price-block {margin: 10px;text-align: center;}
    .price-wrp { padding: 40px 0; }
    .p-btn { padding-top: 20px; }
    /* price block */

    /* small title */
    .section-title.small-title span { font-size: 32px; line-height: 40px; top: -25px; }
    .section-title.small-title { font-size: 28px; line-height: 32px; }
    /* small title */

    /* privacy start */
    .privacy-wrp { padding: 80px 0 40px; }
    /* privacy end */

    /* process start */
    .process-left { padding: 0 0 40px 80px; }
    .process-left::before { left: -17px; right: auto; }
    .process-left .inner-process::after { left: -82px; right: auto; }
    .process-left::after { left: 8px; right: auto; }
    .process-path .row:nth-child(odd) .process-left { text-align: left; padding-right: 0;padding-left: 60px;}
    .process-left { padding: 0 0 40px 60px; }
    .process-path .row:nth-child(even) .inner-process::after { left: -82px; right: auto; }
    .process-path { padding-left: 20px; }
    /* process end */

    /* download */
    .download-right { margin: 0; }
    .download-main .row { flex-direction: column-reverse; }
    .download-left {margin-top: 20px;}
    .download-wrp { padding: 70px 0 40px; }
    .download-left .form-group .form-label { max-width: 90px; font-size: 14px; line-height: 18px; justify-content: flex-start; }
    .download-left .form-group .form-control { font-size: 14px; line-height: 16px;margin-left: 10px; }
    .download-title { padding-bottom: 20px; }
    /* download */

    /* cmn */
    .sub-title { font-size: 20px; line-height: 26px; } 
    /* cmn */

    /* customer */
    .customer-block .detail p { font-size: 14px; line-height: 22px; }
    .customer-block .image img { width: 90px; height: 90px; }
    .customer-block { padding: 20px;margin-bottom: 20px;height: calc(100% - 20px);}
    .customer-wrp { padding: 60px 0 60px; }
    .customer-main-block { max-width: 370px; }
    /* customer */

    /* why dive */
    .why-dive-right .section-title { text-align: left; font-size: 26px; line-height: 40px; }
    .why-dive-right .section-title span { font-size: 30px; line-height: 38px; top: -18px; }
    .why-dive-right { max-width: 100%; margin: 0; padding: 40px 20px 0 20px; text-align: center; }
    .why-dive-right .detail p { font-size: 16px; line-height: 24px; }
    .why-dive-main .row:nth-child(even) .why-dive-right { margin-right: 40px; }
    .why-dive-left { max-width: 310px; width: 100%; margin: 0 auto !important; }
    .why-dive-right .section-title {text-align: center;}
    .why-dive-main .row { padding-bottom: 50px; }
    /* why dive */

    /* dive start */
    .dive-left { height: 320px;margin-top: 20px; }
    .inner-gallery-text .block-title { font-size: 20px; line-height: 27px; }
    .dive-wrp { padding: 0 0 70px; }
    .dive-title { padding-bottom: 20px; }
    .inner-gallery-wrp { padding: 60px 0 40px; }
    .inner-gallery-title .section-title { flex: 0 0 40%;text-align: center; }
    .inner-gallery-text.event-image img .inner-gallery-text .event-image img { height: 376px; }
    .dive-right { margin-top: 20px; height: 312px; }
    .inner-gallery-title {flex-direction: column;justify-content: center;padding-bottom: 20px;}
    .inner-gallery-title .detail p {text-align: center;}
    .inner-gallery-text { max-width: 350px; margin-left: auto; margin-right: auto; width: 100%; }
    .contact-title .detail,
    .contact-title .section-title,
    .section-title .detail,
    .evente-title .section-title,
    .privacy-title .section-title,
    .customer-title .section-title ,.customer-title .detail,
    .dive-title .detail,.dive-title .section-title { text-align: center; }
    /* dive start */

    /* packages */
    .inner-wrp .event-text .detail p { font-size: 14px; line-height: 22px; }
    .inner-wrp .event-main { margin-left: 0; }
    .inner-wrp { padding: 80px 0; }
    .inner-wrp .evente-title {flex-direction: column; justify-content: center;}
    .inner-wrp .section-title,.inner-wrp .evente-title .detail p { text-align: center; }
    .inner-wrp {padding-left: 30px;padding-right: 30px;}
    .slider-arrows {margin-top: 20px;}
    /* packages */

    /* contact */
    .contact-right img { height: 280px; }
    .contact-left { padding: 38px 38px; }
    .contact-wrp { padding: 30px 0 40px; }
    .contact-main .row {flex-direction: column-reverse;}
    .contact-left .form-control::placeholder,.contact-left .form-control { font-size: 18px; line-height: 20px; }
    .contact-title { padding-bottom: 20px; }
    /* contact */

    .bottom-wrp { padding-top: 50px;padding-bottom: 50px; }

    .counter-sec p { font-size: 14px; line-height: 16px;}

    h1 { font-size: 54px; line-height: 62px; }
    h2 { font-size: 50px; line-height: 54px; }     
    h3 { font-size: 36px; line-height: 38px;}

    .event-wrp .row .col-xxl { width: 50%; }
    .inner-gallery-mobile .inner-gallery-text  { margin-left: 10px; margin-right: 10px; }

    .ctm-event .event-block .event-btn {
        position: relative;
        opacity: 1;
    }

    .event-wrp .row {
        justify-content: flex-start !important;
    }
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){
    /* banner */
    .banner-text-image { max-width: 240px;}
    .banner-social-media ul li a { font-size: 24px; }
    .navbar-toggler span { width: 22px;height: 3px;margin-bottom: 5px; }
    .navbar-toggler span:nth-child(2) { width: 15px; }
    .navbar-toggler.open span:first-child { top: 6px; }
    .header .navbar-nav .nav-item .nav-link { font-size: 18px; line-height: 22px; }
    .header .navbar-nav .nav-item { padding: 12px 0; }
    /* banner */

    .section-title span { font-size: 30px; line-height: 38px; top: -20px; }
    .section-title { font-size: 30px; line-height: 38px; }
    .book-wrp .section-title h2 { font-size: 26px; line-height: 36px;}
    .counter-sec { max-width: 270px; }
    .counter-sec-wrp {max-width: 100%;}

    .event-item .event-slide-image img { height: 326px; }

    .event-wrp .row .col-xxl { width: 70%; }

    /* .inner-gallery-mobile .inner-gallery-text { margin-left: auto; margin-right: auto; } */

    .info-main p { font-size: 14px; line-height: 22px; }
    .info-side-block .section-title { font-size: 22px; line-height: 30px;}

    .container-fluid, .container { padding-left: 20px; padding-right: 20px; }

    .event-image { max-width: 236px; width: 100%; margin: 0 auto; }
    .innersec .event-image {max-width: 100%;}

    .inner-gallery-mobile .inner-gallery-text { margin-left: auto; margin-right: auto; }

    
}