.blog-header {
     box-shadow: 2px 2px 2px 2px white;
     line-height: 1;
     border-bottom: 1px solid #e5e5e5;
 }

 .blog-header-logo {
     font-family: "Playfair Display", Georgia, "Times New Roman", serif;
     font-size: 1.5rem;
     text-align: center;
     color: #ab2330;
         
 }

 .blog-header-sublogo {
     font-weight: 400;
     margin-top: 15px;
     color: #3a98a7;
     text-align: center;
     
 }

 .blog-header-address {
     text-align: center;
     margin-top: 15px;
     font-size: 15px;
     font-style: italic;
   
 }

 .bd-placeholder-img {
     font-size: 1.125rem;
     text-anchor: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .blog-footer {
     padding: 1.5rem 0;
     color: #999;
     text-align: center;
     background-color: #f9f9f9;
     border-top: .05rem solid #e5e5e5;
     margin-top: 30px;
 }

 .carousel-inner img {
     width: 100%;
     height: 100%;
 }
.report-list li{
    list-style-type: none;
}

 /* mobile*/


 @media only screen and (min-width: 50px) and (max-width: 450px) {
     .margin-left {
         margin-left: -18px;
     }
     .desktop-view {
         display: none;
     }

     .spl-title {
         color: #c3701a;
         font-size: 20px;
         font-weight: 600;
         text-align: center
     }

     .blog-header-logo {
         font-family: "Playfair Display", Georgia, "Times New Roman", serif;
         font-size: 12px;
         text-align: center;
         color: #ab2330;
     }

     .navbar-brand {
         display: inline-block;
         padding-top: .3125rem;
         padding-bottom: .3125rem;
         margin-right: 0rem;
         font-size: 1.25rem;
         line-height: inherit;
         white-space: nowrap;
     }

     .blog-header-sublogo {
         font-weight: 400;
         margin-top: 15px;
         color: #3a98a7;
         text-align: center;
         font-size: 11px;
     }

     .blog-header-address {
         text-align: center;
         margin-top: 15px;
         font-size: 11px;
         font-style: italic;
     }

     .header-img img {
         margin-left: 110px;
         width: 80px;
     }


         {
         box-sizing: border-box;
         padding: 5px 0px 5px 0px;
     }

     input[type=text],
     select,
     textarea {
         width: 100%;
         padding: 6px;
         border: 1px solid #ccc;
         border-radius: 4px;
         resize: vertical;
     }

     input[type=number] {
         width: 100%;
         padding: 6px;
         border: 1px solid #ccc;
         border-radius: 4px;
         resize: vertical;
     }


     label {
         padding: 15px 2px 0px 0px;
         display: inline-block;
         margin-left: 20px;
         font-size: 14px;
         font-weight: 500;
     }

     input[type=submit] {
         background-color: #4CAF50;
         color: white;
         padding: 12px 20px;
         border: none;
         border-radius: 4px;
         cursor: pointer;
         float: right;
         align-content: center;
         margin-top: 30px;
         margin-bottom: 40px;
         margin-left: 90px;
     }

     input[type=cancel] {
         background-color: #4CAF50;
         color: white;
         padding: 12px 20px;
         border: none;
         border-radius: 4px;
         cursor: pointer;
         float: right;
         align-content: center;
         margin-top: 30px;
         margin-bottom: 40px;
         margin-left: 90px;
     }

     input[type=submit]:hover {
         background-color: #45a049;
     }

     .mobile-view-container {
         border-radius: 5px;
         background-color: #f2f2f2;
             margin-left: -40px;
            margin-right: -40px;
         padding-right: 6px;
         padding-left: 6px;
     }

     .online-compl {
         text-align: center;
         color: cadetblue;
         font-size: 35px;
         margin-top: 20px;
     }

     .col-25 {
         float: left;
         width: 25%;
         margin-top: 6px;
     }

     .col-75 {
         float: left;
         width: 75%;
         margin-top: 6px;
     }


     .row:after {
         content: "";
         display: table;
         clear: both;
     }

     /*
        @media screen and (max-width: 600px) {
  .input[type=submit] {
    width: 100%;
    margin-top: 30px;
  }
*/
     
     
      .pic {
     height: 300px;
     width: 380px;
     margin-top: 10px;
     margin-left: -15px;
     margin-right: 15px;
     margin-bottom: 10px;
 }
     
     .text-align{
         text-align: justify;
     }
      .area-1{
          margin-left: -15px;
     }
     .area-2{
         margin-left: -25px;
     }
 }


 

 .owl-carousel a {
     font-size: 14px;

 }

 .owl-carousel {
     margin-bottom: 15px;
 }


 /*tab*/

 @media only screen and (min-width: 451px) and (max-width: 768px) {
     .desktop-view {
         display: none;
     }

     .bd-placeholder-img-lg {
         font-size: 3.5rem;
     }

     .navbar-brand img {}

     .header-img img {
         margin-left: 110px;
         width: 120px;
     }

     .carousel-item img {
         width: 1100px;
         height: 500px;
     }

     .spl-title {
         color: #c3701a;
         font-size: 20px;
         font-weight: 600;
         text-align: center
     }

     .owl-prev {
         display: none;
     }

     .owl-next {
         display: none;
     }

         {
         box-sizing: border-box;
         padding: 5px 0px 5px 0px;
     }

     input[type=text],
     select,
     textarea {
         width: 100%;
         padding: 6px;
         border: 1px solid #ccc;
         border-radius: 4px;
         resize: vertical;
     }

     input[type=number] {
         width: 100%;
         padding: 6px;
         border: 1px solid #ccc;
         border-radius: 4px;
         resize: vertical;
     }

     label {
         padding: 12px 12px 12px 0;
         display: inline-block;
         margin-left: 20px;
         font-size: 14px;
         font-weight: 500;
     }

     input[type=submit] {
         background-color: #4CAF50;
         color: white;
         padding: 12px 20px;
         border: none;
         border-radius: 4px;
         cursor: pointer;
         float: right;
         align-content: center;
         margin-top: 30px;
         margin-bottom: 40px;
         margin-left: 250px;
     }

     input[type=cancel] {
         background-color: #4CAF50;
         color: white;
         padding: 12px 20px;
         border: none;
         border-radius: 4px;
         cursor: pointer;
         float: right;
         align-content: center;
         margin-top: 30px;
         margin-bottom: 40px;
         margin-left: 250px;
     }

     input[type=submit]:hover {
         background-color: #45a049;
     }

     .container {
         border-radius: 5px;
         background-color: #f2f2f2;
         padding: 20px;
     }

     .col-25 {
         float: left;
         width: 25%;
         margin-top: 6px;
     }

     .col-75 {
         float: left;
         width: 75%;
         margin-top: 6px;
     }


     .row:after {
         content: "";
         display: table;
         clear: both;
     }


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

         .col-25,
         .col-75,
         input[type=submit] {
             width: 100%;
             margin-top: 0;
         }
     }

     .online-compl {
         text-align: center;
         color: cadetblue;
         font-size: 35px;
         margin-top: 20px;
         font-weight: 500;
     }
 
     .pic{
         height: 300px;
    width: 480px;
    margin-top: 20px;
    margin-left: -6px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding: 7px 145px 0px 0px;
}
     .text-align{
         text-align: justify;
     }
      .area-1{
          margin-left: -15px;
     }
     .area-2{
         margin-left: -25px;
     }
     
 }


 /*desktop*/


 @media only screen and (min-width: 769px) and (max-width: 1500px) {
     .mobile-view {
         display: none;
     }
     
      .blog-header-logo {
     font-family: "Playfair Display", Georgia, "Times New Roman", serif;
     font-size: 1.5rem;
     text-align: center;
     color: #ab2330;
         margin-right: 135px;
 }

 .blog-header-sublogo {
     font-weight: 400;
     margin-top: 15px;
     color: #3a98a7;
     text-align: center;
     margin-right: 100px;
 }

 .blog-header-address {
     text-align: center;
     margin-top: 15px;
     font-size: 15px;
     font-style: italic;
     margin-right: 125px;
 }

     .carousel-item img {
         width: 1100px;
         height: 500px;
     }

     .spl-title {
         color: #c3701a;
         font-size: 23px;
         font-weight: 600;
/*         font-family: Times New Roman Georgia;*/
     }

         {
         box-sizing: border-box;
         padding: 5px 0px 5px 0px;
     }

     input[type=text],
     select,
     textarea {
         width: 100%;
         padding: 8px;
         border: 1px solid #ccc;
         border-radius: 4px;
         resize: vertical;
     }

     input[type=number] {
         width: 100%;
         padding: 6px;
         border: 1px solid #ccc;
         border-radius: 4px;
         resize: vertical;
     }

     label {
         padding: 12px 12px 12px 0;
         display: inline-block;
         margin-left: 20px;
         font-size: 15px;
         font-weight: 500;
     }

     input[type=submit] {
         background-color: #4CAF50;
         color: white;
         padding: 12px 20px;
         border: none;
         border-radius: 4px;
         cursor: pointer;
         float: right;
         align-content: center;
         margin-top: 30px;
         margin-bottom: 40px;
         margin-left: 420px;
     }

     input[type=cancel] {
         background-color: #4CAF50;
         color: white;
         padding: 12px 20px;
         border: none;
         border-radius: 4px;
         cursor: pointer;
         float: right;
         align-content: center;
         margin-top: 30px;
         margin-bottom: 40px;
         margin-left: 420px;
     }

     input[type=submit]:hover {
         background-color: #45a049;
     }

     .container {
         border-radius: 5px;
         background-color: #f2f2f2;
         padding: 20px;
     }

     .col-25 {
         float: left;
         width: 25%;
         margin-top: 6px;
     }

     .col-75 {
         float: left;
         width: 75%;
         margin-top: 6px;
     }


     .row:after {
         content: "";
         display: table;
         clear: both;
     }


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

         .col-25,
         .col-75,
         input[type=submit] {
             width: 100%;
             margin-top: 0;
         }
     }

     .nav-header {
         background-color: #117a8b;
     }

     .nav-header a {
         color: white;
     }

     .nav-header a:hover {
         color: black;
         text-decoration: none;
     }

     .online-compl {
         text-align: center;
         color: cadetblue;
         font-size: 35px;
         margin-top: 20px;
         font-weight: 500;
     }
      .pic {
     height: 300px;
     width: 435px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 15px;
     margin-bottom: 10px;
 }
    .text-align{
         text-align: justify;
     }
     .text-home{
             margin-left: 15px;
     }
     .area-1{
          margin-left: -15px;
     }
     .area-2{
         margin-left: -25px;
     }
     .report-list1 li{
    list-style-type: none;
         margin-left: -16px;
         
}
     .colr{
color: red;
     }

 }

 .row-menu {
     margin-left: 11px;
    margin-right: 10px;
     margin-top: 20px;
 }


 .list {
     align-content: flex-start;
 }

 .wel-title {
     color: darkcyan;
     align-content: center;
     font-style: normal;
     margin-top: 25px;
     margin-left: 15px;
 }

 .wel-content {
     margin-top: 35px;
 }

 .complaint {
     color: red;
     margin-left: 35px;
     margin-top: 30px;
     margin-right: 15px;
     align-content: center;
 }

 .foot {
     margin-left: 10px;
     margin-top: 25px;
     margin-right: 15px;
 }

 .responsive {
     width: 100%;
     height: auto;
 }

 .about {
     background-color: #384069;
     color: white;
     text-align: justify;
     padding-left: 20px;
     padding-right: 15px;
     padding-top: 13px;
     padding-bottom: 1px;
     font-size: 17px;
     font-weight: 600;
     margin-top: 10px;
 }

 .legal {
     margin-top: 20px;
 }

 .file {
     color: red;
     font-size: 18px;
     font-weight: 600;
     margin-top: 18px;
 }

 .status {
     color: #276ecc;
     font-size: 22px;
     margin-top: 20px;
     font-family: auto;
 }

 .register {
     font-size: 15px;
     font-weight: 300;
 }

 .identity {
     font-size: 22px;
     font-weight: 400;
     margin-top: 51px;
     text-align: left;
 }



 .table-contact {
     height: 50px;
     text-align: center;
 }

 .required {
     color: red;

 }

 .star {
     color: red;
 }
.area{
    font-size: 19px;
}