/* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) and (max-width:1199px)
    {
        /*body{
        	background-color: grey;
        }*/

        //cursor  
      
      	.mnsp-form-content{
            padding:0 !important;
            margin-top:0px !important;
            border:1px solid transparent !important;
          background-color:transparent !important;

        }
      
      	.pointer{
           cursor:pointer;
        }
      
      	input:focus{
        	background-color:#ffffb3;  
      	}

        html
        {
            background-color:#f3eaea !important;
        }
        body
        {
            background-color:transparent !important;
        }

        .desktopDiv{
            display:none;
        }

        .mobileDiv{
            display:none;
        }

        .tabDiv
        {
            display:none;
        }

        .text-right{
            text-align:right;
        }
      
      	.desktopDiv{
            display:block;
        }

        .mobileDiv{
            display:none;
        }

        .tabDiv
        {
            display:none;
        }

        .mnsp-cr-container{
            border:1px solid #e3cdcd;
            padding:37px 0px;
            background-color:#e3cdcd;
            /*-webkit-box-shadow: -2px 5px 8px -1px rgba(0,0,0,0.75);
            -moz-box-shadow: -2px 5px 8px -1px rgba(0,0,0,0.75);
            box-shadow: -2px 5px 8px -1px rgba(0,0,0,0.75);*/
        }
        .mnsp-cr-inner{
            width:100%;
            height:100%;
            border:1px solid lightgray;
            border-radius:50%;
            position:relative;
            background-color:white;
            -webkit-box-shadow: inset -4px 5px 18px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: inset -4px 5px 18px 0px rgba(0,0,0,0.75);
            box-shadow: inset -4px 5px 18px 0px rgba(0,0,0,0.75);
        }
        .mnsp-cr-outer{
            width:338px;
            height:338px;
            border:1px solid #8e0606;
            padding:26px;
            border-radius:50%;
            background-color:#8e0606;
        }
        .mnsp-cr-img{
            position: absolute;
            top: 24%;
            left: 14%;
            right: 17%;
            padding: 5px;
        }
        .no-points{
            list-style-type:none;
        }
        .mnsp-arc{
            height:400px;
            width:20px;
        }
        .mnsp-pr-list{
            padding:5px;
            height:39px;
            width:206px;
            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);
        }
        .mnsp-pr-list:hover{
            transform:scale(1.02);
        }
        .pr-1, .pr-7
        {
            margin-left:-53%;
        }

        .pr-2, .pr-6
        {
            margin-left:-25%;
        }

        .pr-3, .pr-5
        {
            margin-left:-11%;
        }

        .pr-4
        {
            margin-left:-6%;
        }

        .mnsp-list-name
        {
            margin-top: 0.1rem!important;
            font-size: 12px;
        }

        .pr-1, #customerSec, .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%)
        }
        .pr-2, #bdSec, .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%)
        }
        .pr-3, #attendanceSec, .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%);
        }
        .pr-4, #costingSec, .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%);
        }
        .pr-5, #inventorySec, .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%);
        }
        .pr-6, #accountsSec, .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%);
        }
        .pr-7, #statutorySec, .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%) ;
        }

        .mnsp-arc {
          border-right:20px solid #c51515f2;
          border-top:20px solid #c51515f2;
          border-bottom:20px solid #c51515f2;
          display: inline-block;
          margin: 0 1em 1em 0;
          margin-left: -282px;
          margin-top: -34px;
        }

        .right {
            width: 230.7px;
            height: 116.7%;
            border-bottom-right-radius: 246.6px;
            border-top-right-radius: 246px;
        }
        .pull-left{
            float:left;
        }
        .mnsp-icon{
            background-color:white;
        }
        .mnsp-img-fluid{
            height:29px;
            width:29px;
            border-radius:50%;
        }

        .pro-img{
            background-color:white;
            padding:3px;
            border:1px solid lightgray;
            height:100px;
            width:100px;
            border-radius:50%;
        }

        .pro-content{
            padding:10px;
            height:262px;
            border:1px solid lightgray;
            background-color:white;
            margin-top:5%;
            overflow-y: auto;
        }

        .mnsp-pr-container{
            border:1px solid lightgray;
            padding:5%;
            background-color:lightgray;
            background: rgb(0,30,36);

            background: -webkit-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(205,219,241,1) 0%, rgba(102,144,241,0.9220063025210083) 2%, rgba(31,50,245,1) 100%);
            background: -o-linear-gradient(left, rgba(0,30,36,0) 0%, rgba(205,219,241,1) 0%, rgba(102,144,241,0.9220063025210083) 2%, rgba(31,50,245,1) 100%);
            background: linear-gradient(to right, rgba(0,30,36,0) 0%, rgba(205,219,241,1) 0%, rgba(102,144,241,0.9220063025210083) 2%, rgba(31,50,245,1) 100%);

            /*-webkit-box-shadow: -2px 5px 8px -1px rgba(0,0,0,0.75);
            -moz-box-shadow: -2px 5px 8px -1px rgba(0,0,0,0.75);
            box-shadow: -2px 5px 8px -1px rgba(0,0,0,0.75);*/
        }

        #customerSec{
            display:block;
        }

        #bdSec, #attendanceSec, #costingSec, #inventorySec, #accountsSec, #statutorySec{
            display:none;
        }

        .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;
       }
      
       
    }