@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}





@media (max-width: 1399.98px) {
    .header-name .name-footer .name {
        font-size: 65px;
    }
    footer .imgs {
        height: 380px;
    }
}

@media (max-width: 1199.98px) {
    footer .imgs {
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .header-name .name-footer .name {
        font-size: 50px;
    }
}

@media (max-width: 767.98px) {
    .avatar-bg .gradient {
        margin-bottom: 100px;
    }
    .header-name .name-footer .name {
        font-size: 45px;
    }
    .header-name .name-footer .o-years {
        font-size: 22px;
    }
    .header-name .name-footer .info {
        font-size: 18px;
    }
    .share-btn-container a {
        margin: 0px 10px;
    }
    .o-video .title {
        font-size: 18px;
    }
    .info-wrapper .nav-pills .nav-link {
        font-size: 16px;
    }

    #modalLogin .modal-content .name, #modalGuestBookWrite .modal-content .name {
        font-size: 40px;
    }
    #modalLogin .modal-content .o-years, #modalGuestBookWrite .modal-content .o-years {
        font-size: 20px;
    }

    .avatar-modal-big {
        max-height: 110px;
    }
    .sticky-test-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }

    footer .img-collage .croppedA {
        width: 85px; /* width of container */
        height: 105px; /* height of container */
    }
    footer .img-collage .croppedB {
        width: 90px; /* width of container */
        height: 135px; /* height of container */
    }
    footer .img-collage .croppedC {
        width: 175px; /* width of container */
        height: 175px; /* height of container */
    }
    footer .img-collage .img1 {
        transform: translate(-250%, -40%) rotate(-10deg);
    }
    footer .img-collage .img5 {
        transform: translate(150%, -40%) rotate(10deg);
    }
}

@media (max-width: 575.98px) {
    .share-btn-container a i {
        font-size: 30px;
    }
    .o-video .contain {
        border-radius: 10px 10px 0px 0px;
        width: 100%;
    }
    .o-video .video-player {
        height: 300px;
    }

    .gallery-arrows .arrows {
        width: 50px;
    }
    .gallery-arrows .arrows .fa-2x {
        font-size: 1rem;
    }
    
    .events .info div:first-child {
        border-right: 0px;
        border-bottom: 1px solid rgb(196, 196, 196);
    }


    footer .img-collage .croppedA {
        width: 70px; /* width of container */
        height: 85px; /* height of container */
    }
    footer .img-collage .croppedB {
        width: 80px; /* width of container */
        height: 105px; /* height of container */
    }
    footer .img-collage .croppedC {
        width: 135px; /* width of container */
        height: 135px; /* height of container */
    }

    /*footer .img-collage .img2 {
        transform: translate(-280%, -40%) rotate(-10deg);
    }
    footer .img-collage .img3 {
        transform: translate(-170%, -50%) rotate(-4deg);
    }
    footer .img-collage .img4 {
        transform: translate(70%, -50%) rotate(4deg);
    }
    footer .img-collage .img5 {
        transform: translate(180%, -40%) rotate(10deg);
    }*/

    footer .img-collage .img2 {
        transform: translate(-250%, -40%) rotate(-10deg);
        z-index: 8;
    }
    footer .img-collage .img3 {
        transform: translate(-170%, -50%) rotate(-4deg);
        z-index: 9;
    }
    footer .img-collage .img4 {
        transform: translate(70%, -50%) rotate(4deg);
        z-index: 9;
    }
    footer .img-collage .img5 {
        transform: translate(150%, -40%) rotate(10deg);
        z-index: 8;
    }
}