@media (max-width: 1530px) {
    .navbar-nav .nav-link {
        margin: 15px; 
    }
}

@media (max-width: 1300px) {
    .navbar-nav .nav-link {
        margin: 0; 
    }
}

@media (max-width: 769px) {

    #desktop-nav{
        display: none;}
        
    #mobile-nav {
            display: block;
        }
    #navbarNavMobile
    {
        background-color:#0F172A !important;
        position: absolute;
        width: 360px;

        z-index: 50;
    }

        
    #navbar-top{
        display: none !important;
        
    }
    #mobile-nav p{
        font-size: 16px;
    }
    #mobile-nav .col-12{

        border: 1px solid rgba(255, 255, 255, 0.5);

    }
        
    #navbarNavMobile .d-flex{
        flex-direction: column;
        align-items: center;
    }
    .list-group{
        display: flex !important;
        flex-direction: row;
        height: 54px;
    }
    
    #mobile-nav ul li{
        list-style-image: none;
    }
    
    .list-group li a.active{
        color:#7288C4 !important;
        text-decoration: underline;
    }
    
    .list-group li a{
        color:#fff!important;
        text-decoration: none !important; 
    }
    .btn-danger {
        width: 50px;
        height: 50px;
        border: 1px solid #fff !important;
        border-radius: 50%;
        background-color: transparent !important;
        color: white; 
        margin-bottom: 30px ;
        box-shadow: none !important;
    }
    .btn-danger:hover {
        border: 1px solid #fff !important;
        border-radius: 50%;
        background-color: transparent !important;
        color: white; 
        margin-bottom: 30px ;
        box-shadow: none !important;
    }

    .nav-link{
        color: #fff !important;
    }
    #child{

        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        text-align: center;
        color: #fff !important;
        padding: 0;
    }

    .navbar-dark .navbar-toggler {
        border: 2px solid #fff;
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }

    .navbar-dark .navbar-toggler:hover{
        outline: none !important;
    }


    #news-row {
        display: flex; 
        overflow: hidden;
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory; 
      }
    
      #news-row .col-3 {
        flex: 0 0 100%; 
        max-width: 100%;

        scroll-snap-align: start; 
      }
    
      #news-row .card {
        width: 100%; 
      }
    

    #rectangle-pink{
        width: 350px !important;

    }

    #grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px; 
    }

    #grid .img-fluid{
        max-width: 150px !important;
    }
    
    .col-8{
        max-width: none;
        margin-left: -10px;
    }

    .form-check{
        display: flex;
    }

    .form-check-input{
        min-width: 20px !important;
    }

    hr{
        width: 300px;
        margin-left: 0;
    }

    #rectangle-blue p{
        font-size: 18px;
    }

    .col-6{
        max-width: none;
    }
    #rectangle-pink .row{
        flex-direction: column;
    }

    #line{
        display: none;
    }

    .bg-image-wrapper{
        width: 100%;
        height: 1000px !important; 
    }

    #links-list{
        display: flex;
        flex-direction: column;
    }

    #links-list a{
        margin-top: 20px;
    }

    .swiper-container{
        width: 100%;
    }

    .swiper-button-next{
        left: 40px;
    }

    .swiper-button-prev{
        left: -40px;
    }

    canvas{
        width: 330px !important;
        height: 250px !important;
    }

    .title{
        font-size: 35px !important;
        white-space: normal;
        word-break: break-all;
    }

    .col-7{
        max-width: 110%;
    }

    .col-10.d-flex{
        flex-direction: column;
    }

    .card{
        width: 300px;
    }

    .small{
        font-size: 18px !important;
    }

    .col-lg-4{
        width: 320px !important;
    }
    .overlay{
        display: none;
    }
    .dropdown-menu-right{
        width: 50px;
        position: absolute;
        top: 50px;
        left: -60px;
        z-index: 100;
    }
}