﻿@media only screen and (max-width: 991px) {
.DesktopHideContent { display: initial; }
.header-section .top-wrap .left>a>img {width:100%;/*height: 70px;*/}
.header-section .top-wrap .right>a>img {width:100%;/*height: 70px;*/}
.Div-Row .chzn-container {width:100% !important}
.Div-Row .chzn-drop {width:99.7% !important}
.Master-footer {position: relative !important;/*bottom:0;*/}
.TableGLD {width:100%;}
#FileExplorer1, #FileExplorer1_LeftSplitter, #FileExplorer1_LeftSplitter_t {height:300px !important}
.Column2 
{
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
.LnkButton {white-space: normal;}
.DataPanal, .accDataPanal, .DataPanal1
{
    -webkit-overflow-scrolling: touch;
  	overflow-x: scroll; 
}
.TableSub>tbody>tr>td, .TableSub>tbody>tr>th, .TableSub>div>.divCaption, .TableSub>div>.divData
{
    display:inline-table;
    width:100% !important;
    vertical-align:middle;
}
.TableSub>tbody>tr, .TableSub>div>.divCaption, .TableSub>div>.divData {height: auto ;}
/*.TableSub > tbody > tr > td:first-child {
    display:inline-table;
}
.TableSub > tbody > tr > td:not(:first-child) {display: inline;}*/
.textareatd {display:inline !important}
/*.modalPanel {min-width: 95%;}*/
.InfoMSG1 {font-size:10px;}
.SubHeader3h,
.SubHeader3,
.TableSub>tbody>tr>th,
.TableSub_NotReponsive>tbody>tr>th {font-size: 12pt; height: unset !important;}
.fs40 {font-size:30px !important;}
.IconsWF a {width: 150px; max-width: none;}
.social_Icons>a {height:50px;width:50px;}
.WebContents {font-size: 14pt;}
.WebContents .CEOPhoto {Width:190px;}
.RadioBlock {
    width: 100%;
    text-align: unset;
    margin: 5px 0 0 0;
}
.RadioBlock > span {
    display: inline-block;
    vertical-align: middle;
}
.RadioBlock .inner:before {left:unset;}
.RadioBlock .inner:after {left:-160px;}
.radioDotSlider {
    display: block;
    position: initial;
    height: unset;
    margin-bottom: unset;
}
.radioDotSlider::before {display:none;}
.radioDotSlider label {
    box-sizing: unset;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: block;
    position: initial;
    width: 100%;
    height: 40px;
}
.radioDotSlider label span {
    display: block;
    width: 100%;
    height: 40px;
}
.radioDotSlider i::after {display: none;}
.radioDotSlider label span::before {
    position: inherit;
    display: inline-block;
    content: " ";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border: 2px solid #000;
    background: #fff;
    border-radius: 50%;
    pointer-events: none;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
    z-index: 1;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    margin-top: 20px;
}
.radioDotSlider label span::after {
    position: inherit;
    display: inline-block;
    content: attr(data-amount);
      transform: translate(-40%, -150%);
  font-weight: 400;
  white-space: nowrap;
  transition: all 0.15s ease-in-out;
  width: unset;
  height: unset;
  border: unset;
  background: unset;
  border-radius: unset;
}
.radioDotSlider label:hover span::before {
  transform: translate(-50%, -50%) scale(1.25);
}
.radioDotSlider label:hover span::after {
      transform: translate(-50%, -150%) scale(1.25);
}
.radioDotSlider input {display: none;}
.radioDotSlider input:checked + span::after {
  font-weight: 800;
  opacity: 1;
  border-width: 2px;
  transform: translate(-40%, -150%) scale(1.25);
}
.radioDotSlider input:checked + span::before {
  border-width: 4px;
  transform: translate(-50%, -50%) scale(0.75);
  background-image: radial-gradient(circle, black 45%, white 5%,transparent 10%);
}

}

/* --------------------- 320 px	:	Min ------------------------ */
@media only screen and (max-width: 350px)    {
.DesktopHideContent {display: initial;}
body, input, textarea, .LnkButton, .NewsTitle, .fancybox {font-size:12px;}
.TLabel1 {font-size:10px !important;}
.cmdEnter {width:100px !important;}
.pnl_Login {width:99%;}
.TitleLogo {width: 95%;}
.div_icons 
{
    width: 90%;
    height: 65px;
    min-height: 65px;
    text-align: justify;
    vertical-align:middle;
    display: inline-block;
    padding:8px;
    white-space:nowrap;
}   
.div_icons img {width: 40px; height: 40px;}
.div_SMenu {width:95%}
.Div-Row {display: block;}
.Div-Row input[type=checkbox]
{
    -ms-transform: scale(1); /* IE */
    -moz-transform: scale(1); /* FF */
    -webkit-transform: scale(1); /* Safari and Chrome */
    -o-transform: scale(1); /* Opera */
    margin-left:10px;
    margin-bottom:10px;
}
.TableMain>tbody>tr>td {display: inline-table; width:100%}
.LeftButtons hr {display:none}
.LeftButtons br {display:none}
.LeftButtons span {display:none}
.LeftButtons {width:0px}
.LeftButtons input {width: 40px !important;}
.Div-Row-Home {width:100%;}
.Div-Row-FavBar_Right {width:21% !important;}
.DeviceHideContent {display: none;}
.DeviceHideContent0 {display: none !important;}
.div_MainRight {text-align:right;}
#div_MainRight {width:100%;}
#div_MainContent {width:100%; display: block;}
.div_HomeLinks {width:94% !important;}
#footer-text3 {font-size:10px !important;}
#footer-text3 button {font-size:10px;}
.LnkButton_Menu{width:100%; max-width:100%;}
.DeviceHideContent {display: none !important;}
.DesktopHideContent {display: initial;}
.sidebarmenu{position:absolute; width:90%}
.sidebartable>tbody>tr>td:first-child {width: 0;}
.skills-align{width: 100%;}
.IconsPanal input[type="submit"]
,.IconsPanalV2 buttonctrl
,.IconsPanalV2 buttonctrl>input[type="submit"]
,.IconsPanalV2 buttonctrl>div
,.IconsPanalV2 .buttonctrl
,.IconsPanalV2 .buttonctrl>input[type="submit"]
,.IconsPanalV2 .buttonctrl>div
,.IconsPanalV2>div {width:100%}
.IconsPanalV2.W100 buttonctrl, .IconsPanalV2 .W100 buttonctrl
,.IconsPanalV2.W100 .buttonctrl, .IconsPanalV2 .W100 .buttonctrl
{width:100%;height:80px;}
.IconsPanalV2.W100I buttonctrl, .IconsPanalV2 .W100I buttonctrl
,.IconsPanalV2.W100I .buttonctrl, .IconsPanalV2 .W100I .buttonctrl
{width:100px;height:80px;}
.WebContents {font-size: 12pt;}
.WebContents .CEOPhoto {Width:150px;}
.WebContents h4 {font-size: 12pt;}
}

/* --------------------- 640 px	:	351 px	phone ------------------------ */
@media only screen and (min-width: 350px) and (max-width: 640px) {
.DesktopHideContent {display: initial;}
body, input, textarea, .LnkButton, .NewsTitle, .fancybox, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 
{font-size:12px;}
.TLabel1 {font-size:10px !important;}
.pnl_Login {width:99%;}
.TitleLogo { width: 95%;}
.div_icons {width: 140px; height: 140px;}   
.div_icons img 
{
    padding-bottom:5px;
    width: 90px;
    height: 90px;
}
.div_SMenu { width:96% }
.div_MainRight { text-align:right; }
#div_MainContent {width:100%; display: block;}
.Div-Row {display: block;}
.Div-Row input[type=checkbox]
{
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    margin-left:15px;
    margin-bottom:15px;
    
}
.Div-Row-FavBar_Right {width:21% !important;}
.LeftButtons {width:0px}
.LeftButtons input {width: 40px !important;}
.Div-Row-Home {width:100%; vertical-align:top;}
.DeviceHideContent {display: none !important;}
.LnkButton_Menu {width:100%; max-width:100%;}
.div_HomeLinks {width:95% !important;}
#footer-text3 {font-size:10px !important;}
#footer-text3 button {font-size:10px;}
.sidebarmenu{position:absolute; width:90%}
.sidebartable>tbody>tr>td:first-child {width: 0;}
.skills-align{width: 100%;}
.IconsPanal input[type="submit"]
,.IconsPanalV2 buttonctrl
,.IconsPanalV2 buttonctrl>input[type="submit"]
,.IconsPanalV2 buttonctrl>div
,.IconsPanalV2 .buttonctrl
,.IconsPanalV2 .buttonctrl>input[type="submit"]
,.IconsPanalV2 .buttonctrl>div {width:100%;height: 80px;}
.IconsPanalV2>div {width:100%}
.IconsPanalV2.W100 buttonctrl, .IconsPanalV2 .W100 buttonctrl
,.IconsPanalV2.W100 .buttonctrl, .IconsPanalV2 .W100 .buttonctrl
{width:100%;height:80px;}
.IconsPanalV2.W100I buttonctrl, .IconsPanalV2 .W100I buttonctrl
,.IconsPanalV2.W100I .buttonctrl, .IconsPanalV2 .W100I .buttonctrl
{width:100px;height:80px;}
.WebContents h4 {font-size: 14pt;}
}
	
/* --------------------- 800 px	:	641 px	Tab ------------------------ */
@media only screen and (min-width: 640px) and (max-width: 900px) {
.DesktopHideContent { display: initial; }
.pnl_Login {width:99%;}
.TitleLogo { width: 95%; }
.div_SMenu { width:97% }
.div_MainRight { text-align:right; }
#ctl00_ibtnTree1 { width:110px !important } 
.Div-Row input[type=checkbox]
{
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    /*padding: 20px;*/
    margin-left:20px;
    
}
.Div-Row-Home 
{
    /*display: block; */
    width:100%;
    vertical-align:top;
}
.TabHideContent {display: none !important;}
.LnkButton_Menu {width:48%; max-width:48%;}
.skills-align{width: 70%;}
}

