@media (max-width:1199px) {
    .banner-option {
        left: 0;
        right: 0;
        bottom: 35px;
        text-align: center;
    }
    .about-title, .content-title, .contact-title {
        font-size: 55px;
    }
}

@media (max-width:991px) {
    .footer-social a i {
        font-size: 22px;
    }
}

@media(min-width:768px) and (max-width:1199px) {
    .third-blcok figcaption {
        font-size: 25px;
    }
}
@media(max-width:767px) {
    .navbar-nav, .navbar-nav .dropdown-menu{
        text-align: center;
        border: none;
    }
    header .top-options{
        text-align: center;
    }
    header .top-options a{
        margin: 0;
    }
    header .dropdown-menu li a{
        font-size: 14px;
    }
    .footer-social a i {
        font-size: 16px;
    }

    .footer-logo {
        height: 55px;
    }
}
@media(max-width:575px) {
    .third-blcok figcaption {
        font-size: 30px;
    }

    .footer-logo {
        height: 35px;
        min-width: 35px;
    }

    footer p {
        font-size: 10px;
    }

    .footer-social a i {
        font-size: 10px;
        margin: 0 0 0 1px;
    }

    footer .footer-email {
        font-size: 9px;
        line-height: 1.25;
        display: block;
    }
    .footer-logo-block {
        gap: 8px;
    }
    .footer-social-icons {
        gap: 8px;
        margin-bottom: 0;
    }
    .boards .boards-single figure figcaption{
        font-size: 8px;
        top: 10px;
        left: 10px;
    }
    .explore-text{
        font-size: 35px;
    }
    .about-title {
        font-size: 44px;
    }
}
@media(min-width:768px){
    header .dropdown-menu li:not(:last-child){
        border-bottom: 1px solid #f9f9f9;
    }
}
@media(min-width:1200px){
    .board-details-text .borard-title,  .about-details-text .about-title, .content-title, .contact-title{
        font-size: 55px;
    }
}
@media(max-width:2999px){
    .container-fluid{
        max-width: 100%;
        width: 100%;
    }
}
@media(min-width:3000px){
    .container-fluid{
        max-width: 75%;
        width: 75%;
    }
}
@media (min-width:1200px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
    }
    .navbar .dropdown-menu  {
        top: 185%;
    }
    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
    .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover{
        background-color: #000;
        color: #fff;
    }
    .dropdown-menu[data-bs-popper] {
        left: auto;
    }
}