/* responsiveness */

@media all and (min-width: 992px) {

    .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }

    .navbar-toggler {
        display: none;
    }

    .header-inner ul {
        flex-direction: row;
    }

}

@media all and (max-width: 1480px) {

    .nav-wrapper .navbar-nav .navbar-brand {
        min-width: 160px;
        max-width: 160px;
    }

    .navbar ul li a {
        font-size: 16px;
        padding: 10px 14px !important;
    }



}
@media all and (max-width: 1480px) {

.sea-tab-area.fish-tab-area .sea-tab-img img {
    max-width: 320px;
}
	.gallery_abt {
    flex-wrap: wrap;
}



}
@media all and (max-width: 1250px) {
	a.navbar-brand.desktop {
    max-width: 210px;
    margin: 0;
}
}
@media all and (max-width: 1200px) {
	.sea-tab-area.direction-tab-area {
    gap: 5px;
    margin-top: 20px;
}
	.sea-tab-img img {
    max-width: 36px;
}
	.direction-img {
    width: 100%;
}
	.direction-img img {
    width: 100%;
}
	.direction-inner {
    gap: 20px;
    flex-direction: column;
}
	.direction-inner .charter_descrption {
    width: 100%;
}

    .footer-head {
        margin-bottom: 24px;
    }

    .footer-head h4 {
        font-size: 18px;
    }

    .footer-links li:not(:last-child) {
        margin-bottom: 12px;
    }

    .nav-wrapper .navbar-nav .navbar-brand {
        min-width: 120px;
        max-width: 110px;
        margin: 0 14px;
    }

    .navbar ul li a {
    font-size: 15px;
    padding: 10px 8px !important;
}
	a.navbar-brand.desktop {
    max-width: 170px;
}

    .fish_img img {
        width: 100%;
    }

    .tournaments-inner h2 {
        font-size: 32px;
    }

    .fishing-report-img {
        height: 340px;
    }

    .fishing-report-text a:first-child {
        font-size: 20px;
    }

}

@media all and (max-width: 991px) {
	.menu-item-has-children .sub-menu {
    position: relative;
    left: -6px;
    margin-top: 10px !important;
    width: 226px;
		transition:unset !important;
}
	.menu-item-has-children .sub-menu li {
    line-height: 17px;
}
	.menu-item-has-children:hover > .sub-menu {
    display: none;
}
	.sea-tab-area.sea-template img {
    max-width: fit-content;
}
	.navbar ul li a:hover, .navbar ul li a.active:hover {
    color: #000000 !important;
}
	.navbar-nav li.current_page_item > a, .navbar-nav li.menu-item-has-children .sub-menu li.current_page_item a {
    color: #000000;
}
	.nav-wrapper .navbar-nav.menu-right {
    padding: 0 10px 10px 10px !important;
}
	
	.inner_page {
    padding: 50px 0 70px;
}
    .error404-content {
        padding: 70px 15px 100px;
    }
	.sea-tab,.sea-tab-area.fish-tab-area .sea-tab:nth-child(2n) {
    flex-direction: column;
}
	.sea-tab-area.fish-tab-area .sea-tab-img img {
    max-width: 100%;
}
	.sea-tab-area.fish-tab-area .sea-tab-text {
    width: 100%;
}
	.sea-tab-area.fish-tab-area .sea-tab-img {
    width: 100%;
    text-align: left;
}
	.sea-tab-area.fish-tab-area {
    gap: 20px;
}
.sea-tab-area.fish-tab-area .sea-tab-text p {
    font-size: 16px;
}
	.sea-tab-area.fish-tab-area .sea-tab-text strong {

    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
}

    .phone_xs {
        display: block;
        position: absolute;
        top: 40px;
        right: 0;
        font-size: 24px;
        color: var(--primary-color);
    }

    .phone_xs:focus, .phone_xs:hover {
        color: var(--primary-color);
    }

    .navbar-brand.mobile {
        display: block;
        position: absolute;
        top: 18px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        max-width: 170px;
        width: 100%;
    }

    .navbar-toggler {
        border: none;
        padding: 0;
        position: absolute;
        top: 40px;
        font-size: 24px;
        color: var(--primary-color);
    }

    .navbar-toggler:focus {
        box-shadow: none;
        outline: none;
        border: none;
    }
    
    .navbar-brand.desktop {
        display: none;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url(images/hamburger.svg)  !important;
    }

    .footer-inner .footer-col:nth-child(1) {
        max-width: unset;
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .footer-inner .footer-col:nth-child(2) {
        margin-right: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-inner .footer-col:nth-child(3) {
        margin-right: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-inner .footer-col:nth-child(4) {
        width: 100%;
    }

    .footer-head {
        margin-bottom: 12px;
    }

    .footer-brand-logo {
        max-width: 250px;
        width: 100%;
    }

    .footer-inner {
        flex-direction: column;
        padding: 60px 0 50px;
    }

    .footer-copyright p {
        font-size: 14px;
    }

    .top-address {
        display: none;
    }

    .top-bar-inner p {
        display: none;
    }

    .top-social-icons {
        margin-left: 0;
    }

    .top-bar-inner {
        justify-content: center;
    }

    .header-inner > a.navbar-brand {
        position: absolute;
        top: 9px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        max-width: fit-content;
    }

    #navbarNav {
        position: absolute;
        top: 80px;
        left: -12px;
        background-color: var(--primary-color);
        width: 210px;
        z-index: 12;
    }

    #navbarNav > ul {
        padding: 14px 20px;
    }

    .header-inner ul li a {
        color: var(--white) !important;
    }

    .header-inner ul li a.active, .header-inner ul li a:hover {
        color: var(--white) !important;
    }

    .header-wrap .container {
        max-width: 100%;
        width: 100%;
    }

    .header-inner ul li:last-child {
        display: none;
    }

    .header-inner ul li:not(:last-child) {
        margin-right: 0;
    }

    .top-address {
        display: none;
    }

    header {
        position: unset;
        background-image: none;
        background-color: var(--light-grey);
        height: 100px;
        padding: 0 20px;
    }

    header .nav-wrapper {
        width: 100%;
        height: 100%;
    }

    .navbar-collapse {
        position: absolute;
        top: 100px;
        left: -20px;
        width: 230px;
        background-color: var(--primary-color);
        z-index: 99;
    }

    .nav-wrapper .navbar-nav {
        align-items: flex-start;
        padding: 10px;
    }

    .main-banner-text {
        max-width: calc(100% - 110px);
        padding: 0 20px 0;
    }

    .main-banner-text h1 {
        font-size: 36px;
    }

    .main-banner-slide {
        height: 600px;
    }

    .main-banner-inner .owl-nav {
        top: 47%;
    }

    /* ---------------------------------- */

    .box_description h2 {
        margin-bottom: 10px;
    }

    section.services_box .col-lg-4.col-md-6:nth-child(1) {
        margin: 0 0 100px 0;
    }

    .fish_img {
        display: none;
    }

    /* ---------------------------------- */

    .fishing_charter .charter_descrption {
        padding: 60px 0;
    }

    .fishing-report-inner {
        grid-template-columns: repeat(2, 1fr);
    }




}

@media all and (max-width: 768px) {
	section.inner_page.direction-template {
    padding-bottom: 40px;
}
    
    .error404-content h1{
        font-size: 90px;
    }
    .error404-content p{
        font-size: 40px;
    }

    .main-banner-slide {
        display: block;
        height: 550px;
    }

    .main-banner-text {
        position: absolute;
        bottom: 0;
        max-width: 100%;
        padding: 20px;
        background-color: var(--light-grey);
    }

    .main-banner-text h1 {
        font-size: 26px;
        color: var(--text-color);
        margin-bottom: 18px;
    }

    .main-banner-inner .owl-nav {
        top: 32%;
    }

    .footer-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    /* ---------------------------------------- */

    section.fishing_charter {
        margin-bottom: 50px;
    }

    .services_box {
        padding: 100px 0;
    }

    section.services_box .col-lg-4.col-md-6:nth-child(even) {
        margin: 100px 0;
    }

    section.services_box .col-lg-4.col-md-6:nth-child(1) {
        margin: 0;
    }

    .contact_form {
        display: block;
    }

    section.contact_us_form {
        padding: 50px 0;
    }

    .video_area iframe {
        height: 400px;
    }

    .gallery_abt img:nth-child(even) {
        margin: 10px 0;
    }

    .inner_banner_wrap {
        padding: 100px 0;
    }

    .form-3 .mb-3.form-field, .mb-3.form-field-address, .mb-3.form-field-short {
        width: 100%;
    }
    .form-3 {
        display: block;
    }

    /* ---------------------------------------- */

    .fishing_charter .charter_descrption {
        padding: 40px 0 0;
    }

    .contact_description {
        padding-bottom: 20px;
    }

    .tournaments-wrap {
        padding-bottom: 40px;
        padding-top: 20px;
    }

    .timing-list ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .timing-list {
        padding: 0 20px;
    }

    .timing-head {
        margin-bottom: 40px;
    }

    .tournament-details-wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .inner_page.tournament {
        padding: 30px 0 0;
    }

    .timing-note {
        border: 1px solid var(--light-grey);
    }

    .fishing-report-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .fishing-report-img {
        height: auto;
    }
	.direction-inner .charter_descrption {
    padding: 0 35px;
}

}

@media all and (max-width: 575px) {
.direction-inner .charter_descrption {
    padding: 0 20px;
}
	.inner_page {
    padding: 40px 0 50px;
}
    .navbar-brand.mobile {
        top: 22px;
        max-width: 138px;
    }

    .main-banner-text h1 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .main-banner-slide {
        height: 430px;
    }

    .main-banner-inner .owl-nav button.owl-prev, .main-banner-inner .owl-nav button.owl-next {
        font-size: 44px;
    }

    .main-banner-inner .owl-nav button.owl-prev {
        left: 20px;
    }

    .main-banner-inner .owl-nav button.owl-next {
        right: 20px;
    }

    .main-banner-inner .owl-nav {
        top: 35%;
    }

    .footer-inner {
        grid-template-columns: repeat(1, 1fr);
        padding: 50px 8px 0;
        gap: 0;
    }

    .footer-address, .footer-call, .footer-email {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .footer-address h5, .footer-call h5, .footer-email h5 {
        margin-bottom: 10px;
    }

    .footer-logo img {
        max-width: 160px;
    }

    .footer-copyright img {
        max-width: 180px;
        width: 100%;
        margin: 0 auto 24px;
    }

    header {
        padding: 0 16px;
    }

    .tournaments-inner h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .tournaments-wrap {
        padding-bottom: 30px;
        padding-top: 0px;
    }

    .inner_banner_text h2 {
        font-size: 28px;
    }

    .fishing-report-text {
        padding: 18px 16px;
    }


}

@media all and (max-width: 475px) {
    .video_area iframe {
        height: 200px;
    }

    section.video_kona_fishing {
        margin: 50px 0;
    }

    .charter_descrption h1 {
        font-size: 20px;
    }
}

@media all and (max-width: 375px) {

    .main-banner-slide {
        height: 400px;
    }

    .main-banner-inner .owl-nav {
        top: 32%;
    }

}