/*================================Satrt the large screens=========================*/
@media (min-width: 1440px){
    .all-navbar-container .top-nav .logo-container .main-logo {
        padding-right: 100px;
    }
}
@media (min-width:1201px ) and (max-width: 1440px)
{

}
@media (min-width:1025px) and (max-width:1200px)
{
    .all-navbar-container .top-nav .logo-container .main-logo {
        padding-right: 60px;
    }
}
/*==============================Start the screen of tablet=========================*/
@media (min-width: 993px) and (max-width: 1024px)
{
    .all-navbar-container .top-nav .navbar-inner .search-container .btn-outline-success {
        right: 58px;
    }
    .all-navbar-container nav .manager-container .text {
        margin: 0px;
    }
}
@media (min-width: 769px) and (max-width: 992px)
{
    .all-navbar-container .top-nav .navbar-inner .search-container .btn-outline-success {
        top: 10px;
        right: 59px;
    }
}
/*==============================Start the screen of mobbile=========================*/

@media(min-width: 426px) and (max-width: 576px)
{

}
@media (min-width: 376px) and (max-width: 426px)
{
    footer .content {
        display: flex;
    }
}
@media (min-width: 319px) and (max-width: 375px)
{
    .all-navbar-container .top-nav .navbar-inner .icons-container {
        font-size: 19px !important;
    }
}
@media (max-width: 768px)
{
    .all-navbar-container .top-nav .navbar-brand {
        width: unset;
        clip-path: unset;
    }

    .all-navbar-container .top-nav .navbar-inner .icons-container {
        font-size: 20px;
    }
    .all-navbar-container .top-nav .navbar-inner .search-outer {
        position: absolute;
        z-index: 9;
        width: 100% !important;
        top: 40px;
    }
    .all-navbar-container .top-nav .navbar-inner .search-container{
        width: 100% !important;
    }
    header{
        height: 120vh !important;
    }
    header .header-carousel .swiper-container.gallery-top .swiper-slide {
        height: 100vh;
    }
    header .header-carousel .swiper-container.gallery-top .swiper-slide .text {
        right: 0%;
        top: 5%;
        padding: 20px 10px;
    }

    footer .content {
        text-align: center;
    }
    footer .content .dropdown{
        float: unset;
    }
    footer .content .followers,
    footer .content .dropdown,
    footer .logo-footer {
        width: fit-content;
        margin: 10px 0px;
        top: 0;
    }
}
@media (min-width: 576px) and (max-width: 768px)
{
    .all-navbar-container .top-nav .navbar-inner .search-container .btn-outline-success {
        top: 8px;
    }

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

    .all-navbar-container .top-nav .navbar-brand{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .all-navbar-container .top-nav .logo-container .main-logo .nav-logo{
        object-fit: contain;
        width: 100%;
    }
    .all-navbar-container .top-nav .navbar-inner .search-outer .search-container .btn-outline-success {
        top: -5px;
        right: 3px;
    }
    .all-navbar-container nav .manager-container {
        left: 5%;
    }   
    .join .join-inner {
        height: 300px;
    }
    .join .join-inner .join-container {
        margin: 0px 10px;
        text-align: center;
    }
    .components .images .item.main-item {
        margin-top: 0px;
    }
    .news .news-inner .content .news-card .card-body .card-footer {
        display: block;
        text-align: center;
    }
    .news .news-inner .content .news-card .card-body .card-footer .button .see-more-btn {
        font-size: 12px;
    }

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

    .all-navbar-container .top-nav .logo-container .mass-logo{
        display: none;
    }
    .all-navbar-container .top-nav .logo-container .main-logo {
        height: 100px;
        padding-right: 0px; 
        position: relative;
        right: 50%;
        transform: translateX(50%);
    }
    .all-navbar-container nav .manager-container {
        position: static;
        margin: auto;
    }
    .about .content {
        flex-wrap: wrap;
        padding: 0px 0px 80px !important;
    }
    .about .info .logo,
    .map .content .imgg {
        padding: 30px 0;
    }
    .about .info {
        padding-left: 0;
        padding: 30px;
        clip-path: unset;
    }
    .about .about-l,
    .subject .content:after {
        display: none;
    }
}