.backimg {
    background-image: url("../images/gallery/background/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 359px;
    display: flex;
    align-items: center;
    margin-top: 100px;
}
.mb-5, .my-5 {
    margin-bottom: 3rem!important;
}
.navbar-nav {
    display: contents;
}

.title-gallery {
    text-align: center;
    margin-bottom: 27px;
    color: dodgerblue;
    margin-top: 27px;
    font-size: 26px;
}

.title-gallery1{
    text-align: center;
    margin-bottom: 27px;
    color: dodgerblue;
    margin-top: 0px;
    font-size: 26px;

}



#content {

    background-color: #ffffffed;
   
    text-align: center;
    padding: 3%;

    border-radius: 149px;
}

/*dropdown*/
.dropbtn {
    background-color: transparent;
    font-size: 26px;
    border: none;
    cursor: pointer;
}


.dropbtn:focus {
    outline: unset;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    z-index: 1;
    padding-bottom: 22px;
    padding-top: 22px;
   
    display: none;
    position: absolute;
    background-color: #eeeedf;
    min-width: 436px;
    top: 73px;
    right: -58px;
}

.dropdown-content a {
    color: black;
    padding: 9px;
    text-decoration: none;
    display: block;
    text-align: left;
    padding-left: 107px;
    font-size: 21px;
}

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.r-border {
    border-right: 1px solid black;

}


.view-videos {
    font-size: 26px;
    color: black;
}

.view-videos:hover,
.view-videos:focus {
    color: black;
    text-decoration: unset;

}

.icon-color {

    color: #c4b483;
}

.dropdn-color {
    color: #b2a478;
    padding-left: 15px;
}

.p20 {
    padding-right: 20px;
}

.pl-30 {
    padding-left: 30px !important;
}

@media screen and (max-width: 1199px) {
    .dropdown-content {

        min-width: 373px;
        top: 70px;
        right: -21px;
    }
}

@media screen and (max-width: 991px) {
    


    #content {
        background-color: #ffffffed;
    
        text-align: center;
        padding: 2%;
        border-radius: 149px;
    }

    .dropbtn {
        background-color: transparent;
        font-size: 18px;
        border: none;
        cursor: pointer;
    }

    .view-videos {
        font-size: 18px;
    }

    .icon-size {
        font-size: 2em !important;
    }

    .dropdown-content {
   
        display: none;
        position: absolute;
        background-color: #eeeedf;
        min-width: 277px;
        top: 44px;
        right: -12px;
    }

    .dropdown-content a {
        padding-left: 66px;
        font-size: 15px;


    }




}

@media screen and (max-width: 767px) {
    .dropbtn {
        background-color: transparent;
        font-size: 14px;
        border: none;
        cursor: pointer;
    }

    .view-videos {
        font-size: 14px;
    }

    .icon-size {
        font-size: 1em !important;
    }

    .r-border {
        border-right: none;

    }

    .dropdown-content a {
        padding-left: 58px;
        font-size: 15px;
    }

    .dropdown-content {
       
        display: none;
        position: absolute;
        background-color: #eeeedf;
        min-width: 229px;
        top: 52px;
        right: -15px;
    }
    .crop-img{
        margin: auto;
        display: block;
    }


}

@media screen and (max-width: 375px) {

    .dropdown-content {
       
        display: none;
        position: absolute;
        background-color: #eeeedf;
        min-width: 245px;
        top: 51px;
        right: -15px;
    }


}



@media screen and (max-width: 479px) {

    .dropdown-content {
       
        display: none;
        position: absolute;
        background-color: #eeeedf;
        min-width: 238px;
        top: 54px;
        right: -19px;
    }

    .dropdown-content a {
        padding-left: 62px;
        font-size: 15px;
    }

}


@media screen and (max-width: 575px) {

    .dropdown-content {
        
        display: none;
        position: absolute;
        background-color: #eeeedf;
        min-width: 229px;
        top: 50px;
        right: -15px;
    }

    .dropdown-content a {
        padding-left: 58px;
        font-size: 15px;
    }

}

.crop-img {
    height: 191px;
    width: 350px;
    object-fit: cover;
}

.test-cont{
    height: 234px;
}

.dropdown-lists:hover{
    text-decoration: none;
    color: black;
}