@media only screen and (max-width:768px) {
    .f-16{
        font-size: 16px;
    }
    .mediaBanner{
        min-width: 600px;
    }
    .bannerTxt{
        font-size: 10px;
        width: 100%;
        text-shadow: 0 0 5px black;
    }
    .headding{
        font-size: 36px;
    }
    .underline{
        width: 75PX;
        height: 3px;
    }


    .logo_txt{
        font-size: 18px;
        line-height: 20px;
        color: var(--theme-color);
    }
       /* ===============================================  About Us  =================================================== */
    .card_icon {
       font-size: 25px;
       height: 70px;
       width: 70px;
       background-color: var(--theme-color);
       border-radius: 100%;
       -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
       -ms-border-radius: 100%;
       -o-border-radius: 100%;
    }
    .headTxt{
       font-size: 24px; 
    }
    .petaTxt{
        font-size: 12px;
    }
    /* ===============================================  Mission & Vision  =================================================== */
    .missTxt{
        width: 100%;
    }
    .missGuj{
        display: none;
    }
    /* ===============================================  Umang  Details  =================================================== */
    .upcomGuj{
        display: none;
    }
    .missHead {
       font-size: 25px;
    }
    .missUl li {
       font-size: 16px;
       color: var(--peta-font-color);
    }
    .missUl li i{
        font-size: 22px;
    }
    /* ===============================================  WORKING PLAN  =================================================== */
    .workingHead{
       font-family: 'Alatsi';
       font-size: 25px;
    }
    .f-20 {
        font-size: 17px;
    }
    .arrowTxt li i{
        font-size: 22px;
    }

    .map{
        height: 300px;
        width:100%;
    }
}

@media only screen and (max-width:1300px) {
    .missSection{
        position: relative;
    }
    .missGuj{
        position: absolute;
        right: 0px;
        top:-50px;
        z-index: -99;
        opacity: 0.7;
        height: 600px;
}

    .upcomSection{
      position: relative;
    }
    .upcomGuj{
      position: absolute;
      left: 0px;
      top: 550px;
      z-index: -99;
      opacity: 0.7;
      height: 600px;
} 

}