.location-section {
    margin-top: 20px;
    padding-top: 30px;
    background-color: gainsboro;
}

.location-section > .location-header {
    
}

.location-section > .location-header  .location-header-img {
    width: 400px;
    height: 400px;
    margin: auto;
    border-radius: 5%;
}

.location-section-2 {
    margin-top: 60px;
}

.location-section-2-img {
    width: 200px;
    height: 200px;
    background-color: gray;
    border-radius: 5%;
}

#location-header-img-sigiri {
    background-image: url(../location/location-sigiri.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#location-header-img-yala{
    background-image: url(../location/yala1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#location-header-img-pinnawala{
    background-image: url(../location/pinnawala-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#location-header-img-beach{
    background-image: url(../location/hikkaduwa-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#location-header-img-galle{
    background-image: url(../location/galle-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#location-header-img-ella{
    background-image: url(../location/ella-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#location-header-img-nuwaraeliya{
    background-image: url(../location/nuwaraeliya-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#location-header-img-kandy{
    background-image: url(../location/kandy.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media all and (max-width: 761px) {
.location-section > .location-header  .location-header-img {
        width: 300px;
        height: 300px;
    }
}
@media all and (max-width: 995px) {
    .location-section > .location-header  .location-header-img {
        width: 300px;
        height: 300px;
    }
}

@media all and (max-width: 1024px) {
    .location-section-2-img {
        width: 150px;
        height: 150px;
    }
}