:root{--base_color_1:#0f3557;--base_color_2:#fff;--para_color_2:#4d4d4d;}
 
@media (min-width: 576px) {
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1024px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1366px) {
.container{max-width: 1300px;}
}
@media (max-width: 1500px) {
.ques-ans button span{/*padding-top: 4px;*/display: inline-block;}
}
@media(min-width: 1200px) and (max-width: 1300px) {
    .public-safety span h2{    font-size: 38px;}
    .public-safety span p{font-size: 24px;}
    .public-safety span:nth-child(3) p{padding: 0;    position: relative;    top: 9px;}
}

@media(min-width: 1025px) and (max-width: 1199px) {
    .public-safety span h2{    font-size: 32px;}
    .public-safety span:nth-child(2) p{font-size: 20px;    width: 294px;}
    .public-safety span:nth-child(3) p{padding: 0;    position: relative;    top: 9px;    font-size: 18px;}
}
@media (max-width: 1024px) {
.public-safety div {text-align: center;display: grid;padding: 40px 0}
}
@media (max-width: 992px) {
	.container{max-width: 800px;}
	.head_link{font-size: 12px; }
}
@media (max-width: 768px) {
.middle-dam div p{font-size: 22px;}
.middle-dam div h1{font-size: 3.2rem;}
.head-row .sitelogo{padding: 15px 0 5px 0}
.head-row .sitelogo div a img{padding: 8px 0}
ul.head-menu{justify-content: center;padding: 8px 0;}
ul.head-menu li a{font-size: 12px;vertical-align: -webkit-baseline-middle;}
.public-safety div{text-align: center; display: inline; padding: 30px 1px;}
.public-safety span{display:block; padding: 2px;}
.public-safety span img{width: 60px;}
.public-safety span h2{color: var(--base_color_2);font-family: inherit;text-transform: uppercase; font-weight: 800; margin-bottom: 0;font-family: Helvetica; font-size: 45px;}
.public-safety span p{color: var(--base_color_2);font-size: 27px; font-weight: 700; margin-bottom: 0}
.public-safety span:nth-child(3) p{margin-bottom: 0; font-size: 20px; font-weight: 600; line-height: 30px; font-family: Helvetica;word-spacing: -2px;}
.head-menu-out
    {
        text-align: center;
    }
    .sitelogo div div
    {
        text-align: center;
    }
    ul.head-menu li
    {
        display: block;
    }
    .middle-dam div h1 {    line-height: 50px;    margin-bottom: 20px;}
    .middle-dam div p {    font-size: 20px;}
    .about-dam h2 {    font-size: 36px;}
    .ques-ans button span {    padding-top: 0;}
    .public-safety span h2{font-size: 36px;}
    .public-safety span p{font-size: 23px;    margin-bottom: 20px;}
    .public-safety span:nth-child(3) p{font-size: 18px;text-align: center;}
    ul.head-menu li {       padding: 0px 10px;  }
    section.middle-dam{ background-size: cover!important;}
    .public-safety{background-size: cover!important;}
}

@media (max-width: 576px) {
.public-safety span:nth-child(3) p{padding: 0 23px;}
}