body {margin:0;font-family:Arial; } .breadcrumb1 {padding-top: 10px;    padding-bottom: 1px;	margin-top: 5px; } #column0    {   width:100%;    margin-bottom:1px;    background:#d1e0e0;    height:100%; } #column01   {  width:100%;   height: 100%; padding: 5px 5px 5px 5px;   background:#A2A2A1FF; display: inline-block;   } #column1    {    float:left;    width:20%;    margin: 10px 10px 0px 10px;  } #column2    {    float:left;    width:52%;    margin: 10px 10px 0px 10px;    background: #F5F5F5;    height:auto; overflow:auto;} #column2 img { width: 100%; height:100%; } #column3    {  float:left;    width:20%;    margin: 10px 10px 0px 10px; } #column4    {    float:left;     width:100%;     background:#d1e0e0;    height:auto; } #column5    {    float:left;     width:100%;      background:#FAEBEFFF;    height:auto; } #column6    {    float:left;     width:100%;      background: #2E3C64; height:auto; } #column7    {    float:left;     width:100%;      background:#F1F4FFFF;    height:auto; } #column0_1  {    margin-bottom:0px;   background:#2E3C64; height:auto;  display: flex; } #column1_1  {    margin-bottom:10px;	border: 1px solid #428BCA; background: #faf2fa ;    height:300px;	border-radius: 10px; } #column1_2  {    background:#faf2fa ;   border: 1px solid #428BCA; height:300px;	border-radius: 10px;} @media screen and (max-width: 768px) { #column1_1{ display: block; } #column1 { width: 100%; } #column2 { width: 100%; } #column3 { width: 100%; }} #column2 img {  margin-left: auto;  margin-right: auto;  max-width: 100%;  max-height: 100%;  display: block;} body {  font-family: "Lato", sans-serif;} #content-header { width:100%; background-color: #2E3C64; display: flex;} #socinf {width:12%;font-size:16px;word-break:normal;  color: yellow;  background-color: #2E3C64; padding: 15px 2px 2px 15px; border:1px solid gray; } #logoimg { width: 1%; padding: 5px 0px 0px 10px; text-align: right;} #logoimg img{ width: 7%; } #colnm {width:65%;word-break:normal; color: white;background-color: #2E3C64;/*border:1px solid black;*/} #colnmh{color:white; font-family: Verdana; width:100%; font-size:28px; line-height:34px; /*border:1px solid black;*/} #affto {width:22%;font-size:16px;word-break:normal;	  left: 72%;  color: yellow;  background-color: #2E3C64;  border:1px solid gray;   padding: 15px 2px 2px 15px;} #isoimg { width: 10%; /*border:1px solid black;*/} #isoimg img{ width: 100%; } .alignleft {  float: left;  width:20%;  text-align:left;} .aligncenter {  float: left;  width:60%;  text-align:center;} .alignright { float: left; width:20%; text-align:right;} @media screen and (max-width : 1500px) { #colnmh { font-size:26px;  }} #colh {-moz-columns: 2; -webkit-columns: 2; columns: 2; -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px;} .qlc {width: 100%; height: 105px; margin-bottom: 10px; background: #faf2fa; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;} @media screen and (max-width:1365px) { #colnmh { font-size:27px;  }} @media screen and (max-width:1280px) { #colnmh{ font-size:24px; }} @media screen and (max-width:1024px) { #colnmh{ font-size:20px; }} @media screen and (max-width:800px) { #content-header {display: block;} #colnm {width:100%} #colnmh{ font-size:16px; } #socinf {width: 100%; } #affto {width: 100%; }  .alignleft {  float: left;  width:0%;  text-align:left;} .aligncenter {  float: left;  width:80%;  text-align:center;} .alignright { float: left; width:20%; text-align:right;} #isoimg {}} @media screen and (max-width:470px) { #content-header {display: block;} #colnm {width:100%} #colnmh{ font-size:16px; } #socinf {width: 100%; } #affto {width: 100%; }  .alignleft {  float: left;  width:0%;  text-align:left;} .aligncenter {  float: left;  width:100%;  text-align:center;} .alignright { float: left; width:50%; text-align:right;}} .cdpmain{padding: 2px;} .cdpmain a:focus, .cdpmain a:hover, .cdpmain a:visited{color: #fff;} .cdpmain span, .cdpmain a{display: block; text-decoration: none;} .cdpmain-overlay{height: 200px;position: relative;background-repeat: no-repeat;background-position: center center; background-size: cover;background-color: #F15D35;color: #FFFFFFFF;z-index: 1;} .bg-overlay{background: #435E55FF;position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 2;} .cdpmain:hover .bg-overlay{background: transparent;} .cdpcon{position: absolute;width: 100%;top: 0;left: 0;padding: 20px;z-index: 3;} .cdphead{font-size: 20px;line-height: 32px;font-weight: 300;margin-bottom: 5px;} .cdpshead{font-size: 16px;line-height: 20px;font-weight: 500;} .cdpdesc{font-size: 16px;line-height: 20px;font-weight: 500;} @media screen and (max-width: 640px) { table#iccmmb caption {background-image: none;} table#iccmmb thead {display: none;} table#iccmmb tbody td {display: block;padding: .6rem;} table#iccmmb tbody tr td:first-child { background: #9CC3D5FF; color: #000;} table#iccmmb tbody tr td:first-child a {color: #000;} table#iccmmb tbody tr td:first-child:before {color: #00203FFF;} table#iccmmb tbody td:before {content: attr(data-th); font-weight: normal;color: #00203FFF;display: inline-block; width: 10rem;} table#iccmmb tr th:last-child, table#iccmmb tr td:last-child {max-width: 100% !important; min-width: 100px !important; width: 100% !important;} #iccmmb td:nth-of-type(1):before { content: "S.No."; } #iccmmb td:nth-of-type(2):before { content: "Name"; } #iccmmb td:nth-of-type(3):before { content: "Designation"; } #iccmmb td:nth-of-type(4):before { content: "Contact No."; }}