﻿@media all and (max-width: 1367px) and (min-width: 1281px) { 
/******** Login Page Starts*********/
.left_bottom {
    min-height: 54%;
} 
.leftcolumn>img {
    height: 22.3em;
}
.left_bottom ul {
    padding-top: 3.5em;
}
.inner_content {
    height: 31%;
}
/*.left_bottom ul li {
    height: 2.4em;
    margin: 1em 0;
}
.left_bottom ul li input {
    height: 2em;
    font-size: 14px;
} 
.left_bottom ul li select {
    font-size: 15px;
}*/
.left_bottom ul li.login input {
    height: 26px;
    font-size: 15px;
}
#divTitle{
    font-size: 16px;
} 
#UpdatePanel1
{
    height:600px;
}   
/******** Login Page Ends*********/
/********* Dashboard Starts ********/
#menucontent_wrapper {
    height: 45em;
}
#DataList1 figure, #DataList1 figure:hover {
    height: 10.4em;
    background: url(../images/menucontentimg3.png);
    border-left: 2px solid #096e5c;
}
#DataList1 figure img {
    margin: 2.8em auto;
    width: auto;
}
#DataList1 figcaption {
    margin: 7em 0 0 0;
    font-size: 16px;
}
#DataList2 figure, #DataList2 figure:hover {
    height: 10.4em;
    background: url(../images/menucontentimg3.png);
    border-left: 2px solid #096e5c;
}
#DataList2 figure img {
    margin: 3em auto;
}
#DataList2 figcaption {
    margin: 7em 0 0 0;
    font-size: 16px;
}
#radio_links {
    height: 37px;
}
#radio_links h4{
    font-size: 20px;
    margin-top: 5px;
}
#id_radio1, #id_radio2, #Radio1, #Radio2{
    width: 20px;
    height: 18px;
    margin: 8px 3px;
}
.overlay_div p{   
    font-size: 20px !important;
}
.overlay_div ul li:nth-child(1) {
    width: 50% !important;
    font-size: 18px;
}
.overlay_div ul li:nth-child(2) {
    width: 46% !important;
}
.overlay_div ul li input[type="button"] {
    font-size: 16px;
    width: 35% !important;
}
.overlay_div ul li select {
    height: 27px;
    font-size: 14px;
}

.well {
    height:40.8em;
    background: url(../images/logo1.png) no-repeat center;
}
.formheight {
    height: 40.8em;
    margin-bottom: 0.30em;
}
#divToShowMenu{
    height: 41.0em;
}
}
@media all and (max-width: 1281px) and (min-width: 1025px) {
/******* Login Page Starts ********/
.left_bottom {
    min-height: 67%;
} 
.inner_content {
    height: 52.8%;
}
.left_bottom ul li.login input {
    height: 35px;
    font-size: 16px;
}
.left_bottom ul li {
    height: 2.6em;
    margin: 0.8em 0;
}
.left_bottom ul li input {
    font-size: 15px;
} 
.left_bottom ul li select {
    font-size: 15px;
}
#UpdatePanel1
{
    height:900px;
}
.marquee
{
    height:464px;
}
#dialog
{
    top: 421px !important;
}
.bubble
{
    height: 203px;
}
.leftcolumn>img {
   
    height: 22.3em;
}
/********* Login Page Starts *******/
/********* Dashboard Starts ********/
#menucontent_wrapper {
    height: 62.6em;
}
#DataList1 figure, #DataList1 figure:hover{
    height: 14.8em;
    background: url(../images/menucontentimg3.png);
    border-left: 2px solid #096e5c;
}
#DataList1 figure img {
    margin: 3.1em auto;
}
#DataList1 figcaption {
    margin: 10.4em 0 0 0;
}
#DataList2 figure, #DataList2 figure:hover{
    height: 14.8em;
     background: url(../images/menucontentimg3.png);
    border-left: 2px solid #096e5c;
}
#DataList2 figure img {
    margin: 3.1em auto;
}
#DataList2 figcaption {
    margin: 10.4em 0 0 0;
}
#radio_links {
    height: 30px;
}
#radio_links h4{
    font-size: 20px;
    margin-top: 2px;
}
#id_radio1, #id_radio2, #Radio1, #Radio2{
    width: 18px;
    height: 18px;
    margin: 6px 4px;
}
.overlay_div p{   
    font-size: 20px !important;
}
.overlay_div ul li:nth-child(1) {
    width: 45% !important;
    font-size: 18px;
}
.overlay_div ul li:nth-child(2) {
    width: 50% !important;
}
.overlay_div ul li input[type="button"] {
    font-size: 16px;
    width: 38% !important;
}
.overlay_div ul li select {
    height: 28px;
    font-size: 14px;
}  
/********* Dashboard Ends *******/

}
@media all and (max-width: 1280px) and (max-height: 768px) 
{
    
.well {
    height: 47.3em;
    background: url(../images/logo1.png) no-repeat center;
    
}
.rs
{
    margin-top:3.45em;
    
}
.formheight {
    height: 40.3em;
  
}
#divToShowMenu{
   height: 40.4em;
}

.h4 {
    margin-top: 4px;
}
}
@media all and (max-width: 1280px) and (max-height: 768px) 
{
.box1-wrapper {
    width: 108px;
    height: 120px;
    background-color: #003b4d;
    /* background-image: url(images/menucontentimg3.png); */
    margin: 5px -10px;
    left: 0px;
    /* padding-top: 15px; */
    text-align: center;
}
}
@media (max-height: 768px) and (max-width: 1367px) 
{
    
 
  .box1-wrapper {
    width: 150px;
    height: 125px;
    background-color: #003b4d;

    margin: 5px -10px;
    left: 0px;
   padding-top: 15px; 
    text-align: center;
}
}