/* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 436px) and (max-width:768px) 
    {
        /*body
        {
          background-color: lightgray;
        }*/
      
       //cursor
      
      .mnsp-form {
          margin-top: 0px !important;
          padding: 0;
      }
      
      .pointer{
         cursor:pointer;
      }

      input:focus{
          background-color:#ffffb3;  
      }
      
      .mnsp-form-content{
          padding:0 !important;
          margin-top:0px !important;
          border:1px solid transparent !important;
	      background-color:transparent !important;
        background-color:transparent !important;
      }

      html
      {
          background-color:#f3eaea !important;
      }
      body
      {
          background-color:transparent !important;
          font-size:0.80rem;
      }

      .desktopDiv{
          display:none;
      }

      .mobileDiv{
          display:none;
      }

      .tabDiv
      {
          display:none;
      }

      .text-right{
          text-align:right;
      }
      
      .tabDiv
      {
          display:none;
      }

      .desktopDiv{
        display:none;
      }

      .mobileDiv{
         display:block;
      }

      .mnsp-img-fluid{
          height:40px;
          width:40px;
          border-radius:50%;
      }

        .no-points{
            list-style-type:none;
        }

        #aboutUsDiv, #careerImgDiv{
            height:100% !important;
        }

      .mnsp-pr-list{
            padding:5px;
            height:50px;
            width:100%;
            font-weight:bold;
            border-top-left-radius:20px;
            border-top-right-radius:20px;
            border-bottom-left-radius:20px;
            border-bottom-right-radius:20px;
            border:1px solid lightgray;
            margin-bottom:10px;
            text-align:left;
            color:black;
            cursor:pointer;
            -webkit-box-shadow: -30px 29px 19px -24px rgba(0,0,0,0.75);
            -moz-box-shadow: -30px 29px 19px -24px rgba(0,0,0,0.75);
            box-shadow: -30px 29px 19px -24px rgba(0,0,0,0.75);
        }

        .customerSec
        {
            background: rgb(0,30,36);
            background:  -webkit-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(202,172,172,1) 0%, rgba(201,167,167,1) 27%, rgba(200,161,161,1) 100%);
            background: -o-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(202,172,172,1) 0%, rgba(201,167,167,1) 27%, rgba(200,161,161,1) 100%);
            background: linear-gradient(to right, rgba(0,30,36,0) 0%, rgba(202,172,172,1) 0%, rgba(201,167,167,1) 27%, rgba(200,161,161,1) 100%)
        }
        .bdSec
        {
            background: rgb(0,30,36);
            background: -webkit-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(201,201,225,1) 0%, rgba(194,194,221,1) 27%, rgba(166,166,206,1) 100%);
            background: -o-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(201,201,225,1) 0%, rgba(194,194,221,1) 27%, rgba(166,166,206,1) 100%);
            background: linear-gradient(to right, rgba(0,30,36,0) 0%, rgba(201,201,225,1) 0%, rgba(194,194,221,1) 27%, rgba(166,166,206,1) 100%)
        }
        .attendanceSec
        {
            background: rgb(0,30,36);
            background: -webkit-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(180,204,180,1) 0%, rgba(172,202,172,1) 27%, rgba(161,200,161,1) 100%);
            background: -o-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(180,204,180,1) 0%, rgba(172,202,172,1) 27%, rgba(161,200,161,1) 100%);
            background: linear-gradient(to right, rgba(0,30,36,0) 0%, rgba(180,204,180,1) 0%, rgba(172,202,172,1) 27%, rgba(161,200,161,1) 100%);
        }
        .costingSec
        {
            background: rgb(0,30,36);
            background: -webkit-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(161,177,177,1) 0%, rgba(146,168,168,1) 27%, rgba(127,155,155,1) 100%);
            background: -o-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(161,177,177,1) 0%, rgba(146,168,168,1) 27%, rgba(127,155,155,1) 100%);
            background: linear-gradient(to right, rgba(0,30,36,0) 0%, rgba(161,177,177,1) 0%, rgba(146,168,168,1) 27%, rgba(127,155,155,1) 100%);
        }
        .inventorySec
        {
            background: rgb(0,30,36);
            background: -webkit-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(202,172,202,1) 0%, rgba(201,167,201,1) 27%, rgba(200,161,200,1) 100%);
            background: -o-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(202,172,202,1) 0%, rgba(201,167,201,1) 27%, rgba(200,161,200,1) 100%);
            background: linear-gradient(to right, rgba(0,30,36,0) 0%, rgba(202,172,202,1) 0%, rgba(201,167,201,1) 27%, rgba(200,161,200,1) 100%);
        }
        .accountsSec
        {
            background: rgb(0,30,36);
            background: -webkit-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(176,202,202,1) 0%, rgba(167,200,200,1) 27%, rgba(161,199,199,1) 100%);
            background: -o-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(176,202,202,1) 0%, rgba(167,200,200,1) 27%, rgba(161,199,199,1) 100%);
            background: linear-gradient(to right, rgba(0,30,36,0) 0%, rgba(176,202,202,1) 0%, rgba(167,200,200,1) 27%, rgba(161,199,199,1) 100%);
        }
        .statutorySec
        {
            background: rgb(0,30,36);
            background: -webkit-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(176,186,203,1) 0%, rgba(172,183,202,1) 27%, rgba(167,180,201,1) 100%);
            background: -o-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(176,186,203,1) 0%, rgba(172,183,202,1) 27%, rgba(167,180,201,1) 100%);
            background: linear-gradient(to right, rgba(0,30,36,0) 0%, rgba(176,186,203,1) 0%, rgba(172,183,202,1) 27%, rgba(167,180,201,1) 100%) ;
        }

        .mob-img{
            height: 100px;
            width: 100px;
            border-radius: 50%;
            background-color:white;
        }

        .mob-content{
            margin-top:10px;
            background-color:white;
            min-height:200px;
           overflow-y: auto;
           padding:5px;
        }

        .mnsp-about-us{
            background-color:#b8d7d7;
            padding:20px;
            margin-top:20px;
            text-align:justify;
        } 

        .mnsp-career{
            background-color:#d6d6e8;
            padding:20px;
            margin-top:20px;
            text-align:justify;
        }

        .mnsp-job-title{
            padding:10px 0;
            text-align:center;
            background-color:#f4f4f9;
        }

        .contactDiv{
            background-color:#7ba6a7;
            padding:10px;
        }

        .mnsp-contact-div
        {
            margin:10px;
            padding:5%;
            height:200px;
            margin:2% 10%;
            text-align:center;
            background-color:#c3d6d7;
        }
        .mnsp-contact-icon
        {
            text-align:center;
            font-size:30px;
            
        }

        .mnsp-lg-icon{
            padding:15px;
            border:3px solid black;
            border-radius:50%;
            height:70px;
            width:70px;
        }

        .mnsp-lg-icon:hover{
            background-color:black;
            color:white;
        }

        .mnsp-contact-contain{
            margin-top:15px;
        }

        .mnsp-contact-contain p{
            margin-bottom:0;
            font-size:12px;
            text-align:center;
        }
      
      	.mnsp-career-form{
          	background-color:#aed1ae;
            text-align:center;
            min-height:322px;
      	}
        .career-form-img{
           max-height:322px; 
      	}
      	
      	.form-text-left{
          	text-align:left !important;
      	}
        .text-justify
        {
           text-align:justify;
        }
      
       footer
       {
          width: 100%;
          background-color: lightgray;
          font-size: 10px;
          padding: 5px;
       }
      
    }