@media screen and (max-width: 1000px) {
    .social ul li a i {
    background-color: #343333;
    border-radius: 60px;
    color: #000000;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #000000;
}
.phone ul li i{
 width: 40px;
 height: 40px;
}
    .bg-nav{
        background-color: transparent !important;
    }
    .navbar-collapse {
    flex-grow: 1;
    flex-basis: 100%;
    align-items: center;
    background: #ffffff;
}
#navbar a {
    float: none;
    display: block;
    color: #000000;
    text-align: center;
}
.ftr-sec ul li {
    display:flex;
    padding: 10px;
}
.navbar-toggler{
    background-color: #117EBF !important;
    margin-top: -1px;
}
.about-sec h5{
    margin-top: 50px;
}

.about-sec, .ftr-sec {
    padding: 20px 0px 20px 0px;
}
.contact-sec{
    padding-top: 50px;
}
.about-sec h2, .photo-gallery h2{
    font-size: 36px;
}
.about-sec h5, .photo-gallery h5{
    font-size: 26px;
}
.about-sec .icon-sec{
    margin-top: 50px;
}
.ftr-sec ul li a{
    font-size: 18px;
}
}





@media screen and (max-width:600px) {
    
.social ul {
    padding-left: 0px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.top-hd ul li{
    font-size: 14px !important;
}
.about-sec .icon-sec i {
    background-color: #ffffff;
    width: 150px;
    height: 115px;
}
    .about-sec, .ftr-sec {
        padding: 50px 0px 20px 0px;
    }
}