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

    #Activities-section {
       height: auto;
    }

    #Activities-section {
       padding-top: 30px;
       padding-bottom: 30px;
    }

    #Activities-section .section-main-headings h1 {
       padding-bottom: 0px;
    }
 }

 @media screen and (max-width:1366px) {
    #Activities-section .carousel-indicators {
       left: 280px;
    }

    #Activities-section .corousel-bottom-anchor a {
       color: white;
       padding: 6px 27px;
       bottom: -28px;
       font-size: 14px;
    }
 }

 @media screen and (max-width:1199px) {
    #Activities-section .carousel-indicators {
       left: 379px;
    }

    #Activities-section .corousel-bottom-anchor a {
       padding: 8px 78px;
       clip-path: polygon(0 0, 93% 0, 98% 100%, 0 100%);
    }

    #Activities-section .section-main-headings h1 {

       font-size: 35px;
    }

    #Activities-section .row {
       justify-content: center;
       row-gap: 50px;
    }
 }

 @media screen and (max-width:991px) {
    #Activities-section .carousel-indicators {
       left: 260px;
    }

    #Activities-section .corousel-bottom-anchor a {

       padding: 8px 20px;
       clip-path: polygon(0 0, 94% 0, 100% 100%, 0 100%);

    }
 }

 @media screen and (max-width:768px) {
    #Activities-section .corousel-bottom-anchor a {
       padding: 8px 22px;
    }

    #Activities-section .corousel-bottom-anchor a {
       clip-path: polygon(0 0, 93% 0, 98% 100%, 0 100%);
    }
 }

 @media screen and (max-width:767px) {
    #Activities-section .corousel-bottom-anchor a {
       clip-path: polygon(0 0, 93% 0, 100% 100%, 0 100%);
       padding: 8px 70px;
    }

    #Activities-section .carousel-indicators {
       left: 438px;
    }
 }

 @media screen and (max-width:576px) {
    #Activities-section .section-main-headings h1 {
       font-size: 30px;
    }

    #Activities-section .corousel-bottom-anchor a {
       font-size: 16px;
    }
 }

 @media screen and (max-width:540px) {
    #Activities-section .corousel-bottom-anchor a {
       font-size: 14px;
    }

    #Activities-section .corousel-bottom-anchor {

       bottom: -29px;

    }
 }

 @media screen and (max-width:432px) {
    #Activities-section .carousel-indicators {
       left: 320px;
    }

    #Activities-section .corousel-bottom-anchor a {
       clip-path: polygon(0 0, 94% 0, 100% 100%, 0 100%);
       padding: 8px 42px;
    }

    #Activities-section {
       padding-top: 25px;
    }

    #Activities-section .section-main-headings h1 {
       font-size: 30px;
       position: absolute;
       left: 50%;
       transform: translate(-50%);
    }
 }

 @media screen and (max-width:425px) {
    #Activities-section .carousel-indicators {
       left: 318px;
    }

    #Activities-section .corousel-bottom-anchor a {
       clip-path: polygon(0 0, 94% 0, 100% 100%, 0 100%);
       padding: 8px 31px;
    }
 }

 @media screen and (max-width:412px) {
    #Activities-section .carousel-indicators {
       left: 312px;
    }
 }

 @media screen and (max-width:400px) {
    #Activities-section .carousel-indicators {
       left: 295px;
    }
 }

 @media screen and (max-width:394px) {
    #Activities-section .section-main-headings h1 {
       font-size: 25px;

    }

    #Activities-section .carousel-control-prev {
       font-size: 22px;
    }

    #Activities-section .carousel-control-next {
       font-size: 22px;
    }
 }

 @media screen and (max-width:385px) {
    #Activities-section .carousel-indicators {
       left: 282px;
    }
 }

 @media screen and (max-width:375px) {
    #Activities-section .carousel-indicators {
       left: 271px;
    }
 }

 @media screen and (max-width:360px) {
    #Activities-section .carousel-control-next {
       left: 100px;
    }

    #Activities-section .carousel-indicators [data-bs-target] {
       width: 13px;
       height: 13px;

    }

    #Activities-section .carousel-indicators {
       margin-bottom: 3px;
    }

    #Activities-section .carousel-indicators [data-bs-target] {
       width: 17px;
       height: 5px;
    }
 }

 @media screen and (max-width:320px) {
    #Activities-section .corousel-bottom-anchor a {
       clip-path: polygon(0 0, 93% 0, 100% 100%, 0 100%);
       padding: 8px 20px;
    }

    #Activities-section .carousel-indicators {
       left: 228px;
    }

    #Activities-section .corousel-bottom-anchor a {
       font-size: 12px;
    }


    #Activities-section .carousel-control-next {
       left: 90px;
    }

    .Facilities-section .position::before {
       width: 60%;
    }

    #Activities-section .corousel-bottom-anchor {
       bottom: -27px;

    }
 }