@media(min-width:769px) and (max-width:1024px) {
    .grid-insta {
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
        grid-auto-rows: minmax(100px, auto);
    }
}

@media(min-width:600px) and (max-width:768px) {
    .grid-insta {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        grid-auto-rows: minmax(100px, auto);
    }
}

@media(max-width:599px) {
    #projects-main-slider {
        display: none;
    }

    .grid-insta {
        display: block !important;
    }

    .item-social {
        margin-bottom: 20px !important;
    }


}

@media(max-width:991px) {
    #navbarSupportedContent {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .about-home{
        background-color: #000;
    background-size: 100% auto!important;
    background-attachment: local!important;
    background-position: center bottom;
    background-repeat: no-repeat;
    background: none !important;
    height: auto;
    }
    .navbar-nav-main-menu {

        margin-top: 15px;
        margin-bottom: 15px !important;
    }

    .navbar-nav-main-menu li a {
        font-size: 20px;
        padding: 15px !important;
    }

    .navbar-nav-main-menu .dropdown-menu li a {
        font-size: 18px !important;
        padding: 15px !important;
    }

    .navbar-social-media a {
        font-size: 20px !important;
    }

    .navbar-social-media {
        padding-left: 15px;
    }

    .get-in .navbar-social-media.navbar-nav .nav-link {
        padding-right: 2rem !important;
    }


    .navbar-main .navbar-social-media {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        text-align: center;
        display: inline-flex;
        padding-inline-start: 0px !important;
        padding-inline-end: 0px !important;
    }

    .navbar-main .navbar-social-media a {
        font-size: 1.5rem !important;
        padding-inline-start: 15px !important;
        padding-inline-end: 2rem !important;
    }
    .navbar-toggler{
        border:0px !important
    }
    .navbar-toggler:focus,
    .navbar-toggler:hover {
        box-shadow: none;
    }

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        transition: all ease .3s;
    }

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28195, 35, 51, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");*/
        background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c32333'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
        background-size:65% 65%;
    }

    .nav-switch-lang {
        border-bottom: 1px solid #fff;
        padding: 0 15px 15px 15px;
    }

    .nav-switch-lang a,.nav-switch-lang a:hover,.nav-switch-lang a:focus {
        border: 0px;
        padding: 0;
        background: transparent;
        box-shadow: none !important;
        color:#fff;
    }

    .navbar-nav-main-menu li,
    .navbar-nav-main-menu .dropdown-menu li:not(:last-child) {
        border-bottom: 1px solid #fff;
    }

    .navbar-nav-main-menu .dropdown-menu li:last-child {
        border-bottom: 0;
    }

    .navbar-nav-main-menu .dropdown-menu li a:hover {
        background: transparent !important;
        color: #fff !important;
    }

    .navbar-nav-main-menu .drop li {
        border-bottom: 1px solid #fff;
    }

    .nav-switch-lang {
        padding-inline-start: 15px;
    }

    .nav-switch-lang a {
        font-size: 20px !important;
    }
}

@media(max-width:1024px) {
    .sec-title-home {
        min-height: 100px;
    }

    .about-home-brief p {
        margin-top: 53px;
    }

    .sec-title-home h2 {
        font-size: 2.5rem;
    }

    .carousel-highlight .carousel-item {
        height: auto;

    }


    .carousel-highlight .carousel-item .bg-highlight {

        background-size: contain;
        background-repeat: no-repeat;
    }

    .carousel-highlight .carousel-item .bg-highlight {
        height: auto;
    }
}

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