
@media (min-width:993px)
{
.toggleMenu {
    display: none;
}
} 
@media (max-width:1660px) and (min-width:1300px)
{
.dashBoardTab li a {
    min-height: 70px;
}
}
@media (max-width:1280px)
{
.mainTitle {
    font-size: 31px;
}
body .borderBtn {
    padding: 10px 10px;
    font-size: 14px;
    margin: 0 5px 18px;
}
.dashBoardBtn, .dashBoardContent, .dashBoardForm {
    padding: 25px 0;
}
p {
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 15px;
}
.dashBoardTab li a {
    padding: 15px 5px;
    font-size: 12px;
}
.dashboardLink {
    font-size: 12px;
}
.dashboardLink a {
    padding: 15px 10px 15px 15px;
}
}
@media (max-width:1280px)
{
    .mainTitle {
    font-size: 26px;
}
.dashBoardForm {
    width: 700px;
}
} 
@media (max-width:1120px)
{
	.dashBoardTab li {
    background: #4c4c4c;
}
.dashBoardTab li:active {
    background: #6d676a;
}
}
@media (max-width:992px)
{
h1 {
    font-size: 23px;
    margin-bottom: 7px;
}
body .headerButton {
    padding: 4px 15px;
    font-size: 11px;
}
.notificationNumber {
    width: 22px;
    height: 22px;
    line-height: 22px;
    top: -10px;
    font-size: 10px;
}
.notifictionIcon img {
    width: 20px;
     height: auto;
}
.logoLeft, .logoRight {
    width: 15%;
    text-align: center;
}
.logoLeft img, .logoRight img {
    width: 65px;
}
.headerTitle {
    width: 67%;
    padding: 0 3px;
}
.headerTitle span {
    font-size: 12px;
}
.headerTop {
    padding: 15px 5px;
}
.headerMenu {
    padding: 13px 10px 9px;
    position: relative;
}
.mainMenu
{
    min-height: 32px;
}
.userDropDown {
    width: 200px;
    right: -5px;
    top: 32px;
}
.circularList {
    padding: 0 0 0 10px;
}
.userdetail {
    top: 0;
}
.userDropDown a {
    padding: 7px 15px;
    font-size: 12px;
}
.userdetail i {
    margin-left: 6px;
    font-size: 20px;
}
span#userName {
    font-size: 12px;
}
ul.mainMenuUl {
    display: none;
    position: absolute;
    background: #2cabe2;
    top: 30px;
    left: 0;
    right: 0;
}
.headerMenu .mainMenu {
    display: none;
    background: #1c44a4;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
}
.toggleMenu span, .dashToggle span {
    width: 30px;
    display: block;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    cursor: pointer;
}
.toggleMenu span:after, .toggleMenu span:before, .dashToggle span:after, .dashToggle span:before  {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    top: 7px;
    background: #fff;
}
.toggleMenu span:after, .dashToggle span:after {
    top: 14px;
}
.toggleActive span:before, .dashToggleActive span:before {
    display: none;
}
.toggleActive span, .dashToggleActive span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    top: 10px;
}
.toggleActive span:after, .dashToggleActive span:after {
    transform: rotate(90deg);
    top: 0px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.toggleMenu, .dashToggle {
    width: 30px;
    height: 22px;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    top: 7px;
    right: 10px;
}
.dashToggle {
    right: auto;
    top: 8px;
    left: 8px;
}
.headerMenu li a {
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.headerMenu li {
    font-size:  12px;
    display: block;
    padding: 0 15px;
    position: relative;
}
/*
.headerMenu li:last-child a {
    border: 0;
}
*/
.menuCaret {
    width: 25px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 9px;
    z-index: 1;
}
.menuCaret:after {
    content:  "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0px 6px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 50%;
    left:  0;
    right:  0;
    margin:  auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.mainTitle {
    font-size: 22px;
    margin-bottom: 15px;
}
.formSecWrap {
    padding: 25px 15px 5px;
    top: 25px;
    left: 0;
    margin: auto;
    width: 475px;
}
.formSection {
    padding: 20px;
    width: 100%;
}
.formContent {
    padding-bottom: 15px;
    font-size: 13px;
}
input.inputField, body .inputField {
    height: 35px;
    font-size: 14px;
}
input.commonButton, body .commonButton {
    padding: 8px 35px;
    font-size: 14px;
}
.formButton {
    padding-top: 10px;
}
.mainHeading {
    font-size: 23px;
    margin-bottom: 10px;
}
p {
    font-size:  13px;
    margin-bottom: 15px;
}
.footerSec p {
    margin-bottom: 0px;
        line-height: 20px;
}
.loginTab li a, .dashBoardTab li a {
    padding: 20px 8px;
    font-size: 16px;
}
label.labelText, body .labelText {
    font-size: 14px;
}
.mainMenu li {
    font-size: 12px;
}
.mainMenu ul {
    padding: 25px 0 0 0;
    display: block;
}
.mainMenu li:after, .mainMenu li.menuActive:after {
    opacity: 0.5;
    height: 1px;
    bottom: 0;
}
.mainMenu li:last-child:after {
    opacity: 0;
}
.mainMenu li a {
    padding: 10px 5px;
}
.dashboardLeft {
    width: 320px;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    left: -320px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.dashboardOpen {
    left: 0;
    width: 315px;
}
.dashLeftActive {
    left: 0;
}
.sectimeOut a {
    width: 120px;
    margin: 25px auto 0;
    font-size: 16px;
}
.sectimeOut {
    font-size: 16px;
    padding: 15px 0;
}
.dashboardRight {
    width: 100%;
}
.dashBoardForm {
    width: 100%;
}
.dashBoardBtn .borderBtn {
    width: 48.3%;
    font-size: 13px;
}
label.labelFieldText {
    font-size: 13px;
}
input.inputTxtField, select.selectField, textarea.txtAreaField {
    font-size: 13px;
}
.radioSelection label {
    font-size: 13px;
}
.radioSelection [type="radio"]:checked + label:after {
    top: 4px;
}
.checkBoxSelection {
    font-size: 13px;
}
body .fileUploadDiv label, .fileUploadDiv label {
    padding: 8px 20px;
    font-size: 12px;
}
.imgThumb img {
    width: 60px;
}
.userContentLeft {
    padding: 0px 20px 0 0;
    width: 65%;
}
.circularWrap {
    padding: 13px 12px;
    width: 35%;
}
 .dashBoardTab li a {
    padding: 12px 5px;
    font-size: 12px;
}
.dashBoardTab li {
    background: #4c4c4c;
}
.dashBoardTab li:active {
    background: #6d676a;
}
.subTitle {
    font-size: 15px;
    margin-bottom: 10px;
}
.circularList li {
    margin-bottom: 10px;
}
.commonHeading {
    padding: 19px 0 15px;
    font-size: 20px;
}
.commonHeading:after {
    width: 65px;
    height: 2px;
}
.msgrAlertTxt {
    font-size: 12px;
}
.signUpSection {
    width: 100%;
}
.dashboardRightSec {
    padding: 0px;
    width: 100%;
}
.tabContentDiv {
    width: 100%;
    padding: 15px;
}
.tagMenu {
    margin: 0;
    padding: 10px;
}
.tagMenu a {
    padding: 7px 10px;
}
.tagMenu .dashboardLink {
    font-size: 11px;
}
.lastupdateDiv {
    padding: 10px 10px 15px;
}
.dashMenuDetail .tab-pane {
    max-height: 385px;
    overflow-y: auto;
}
.redactorCvrDiv {
    width: 100%;
    overflow-x: auto;
}
}
@media (max-width:767px)
{
h1 {
    font-size: 15px;
}
.logoLeft img, .logoRight img {
    width: 50px;
}
.headerTitle span {
    font-size: 9px;
}
.formSecWrap {
    position: relative;
    right: 0;
    top: 0;
    background: none;
    padding: 30px 10px 20px;
    width: 100%;
}
.mainTitle {
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
}
.formSection {
    width: 100%;
    padding: 25px;
}
.formContent {
    padding-bottom: 15px;
    font-size: 12px;
}

img#imgcaptcha{
	width: 114px;
}
img#imgcaptcha_ref{
	width: 20px;
    height: 22px;
    margin-left: 3px;
}

label.labelText, body .labelText {
    color: #000;
    width: 100%;
    padding: 0;
    font-size: 12px;
}
input.inputField, body .inputField {
    width: 100%;
    height: 35px;
    font-size: 12px;
}
.banner img {
    filter: blur(0px);
}
input.commonButton, body .commonButton {
    padding: 7px 20px;
    font-size: 12px;
}
.footerSec {
    padding: 15px;
}
.tabItem a, .tabItem span {
    padding: 7px 10px;
}
.tabMenu {
    width: 25%;
}
.mainHeading {
    font-size: 17px;
    margin-bottom: 10px;
    padding-bottom: 8px;
}
.tabContentTxt {
    padding-top: 5px;
    line-height: 22px;
    font-size: 12px;
}
.homehelp{
	    padding: 9px 35px 9px 32px;
    background: #9fe4e4;
    position: relative;
    height: 37px;
    display: inline-block;
    margin: 7px 10px;
    cursor: pointer;
    font-size: 13px;
}
.homehelp2 {
    padding: 9px 35px 9px 32px;
    background: #a7c743bd;
    position: relative;
    height: 37px;
    display: inline-block;
    margin: 7px 10px;
    cursor: pointer;
    font-size: 13px;
}
div.table-responsive font b{
	font-size: 11px;
}
 .tabSubMenu {
    font-size: 10px;
    padding-left: 10px;
}
.tabSubMenu .tabSubListMenu {
    padding: 5px;
}
.loginSection {
    padding: 30px 15px;
}
.contentSection {
    min-height: 470px;
}
.loginDiv {
    width: 100%;
}
.loginTab li a, .dashBoardTab li a {
    padding: 10px 5px;
    font-size: 12px;
    letter-spacing: 1px;
}
.loginTab .nav-tabs {
    border-width: 1px;
}
p {
    font-size: 10px;
    margin-bottom: 10px;
    line-height: 21px;
}
.footerSec p {
    line-height: 16px;
}
.notificationShowDiv {
    width: 303px;
    right: -95px;
}
.dashBoardBtn .borderBtn {
    width: 100%;
    font-size: 12px;
    margin: 0 0 18px;
    padding: 8px 5px;
}
.dashBoardBtn, .dashBoardContent, .dashBoardForm {
    padding: 15px 5px;
}
.dashboardRight {
    padding: 25px 5px;
}
label.labelFieldText {
    font-size: 11px;
    padding: 7px 5px 0 0;
}
input.inputTxtField, select.selectField, textarea.txtAreaField {
    font-size: 11px;
    padding: 2px 5px;
    height: 33px;
}
.colan {
    top: 4px;
}
.radioSelection label {
    font-size: 11px;
    margin-top: 6px;
}
.checkBoxSelection {
    margin-top: 6px;
    font-size: 11px;
}
body .fileUploadDiv label, .fileUploadDiv label {
    padding: 7px 15px;
    font-size: 11px;
}
.imgThumb img {
    width: 45px;
}
.userContentLeft {
    padding: 0px;
    width: 100%;
}
.circularWrap {
    padding: 10px;
    width: 100%;
}
.circularList li {
    font-size: 10px;
}
.commonHeading {
    font-size: 17px;
}
.loginSection .modal-body {
    padding: 0;
}
.signUpSection {
    padding: 0 15px 10px;
}
.signUpSection label {
    font-size: 11px;
}
.signUpSection .form-control {
    height: 35px;
}
.signUpSection .form-group {
    margin-bottom: 10px;
}
.backLogin span, .registerLink a {
    font-size: 13px;
}
.backLogin {
    font-size: 11px;
}
.btnCvrSec {
    padding: 5px 15px 0px;
}
body .formBtn, body .formCancelBtn {
    padding: 5px 10px;
    font-size: 11px;
    margin: 0 1px;
}
.loginDetail .commonButton {
    padding: 10px 15px;
    font-size: 15px;
}
.contactWrap {
    width: 80%;
}
.mainMenu li {
    font-size: 11px;
}
.mainMenu li a {
    padding: 8px 5px;
}
.tagMenu a {
    padding: 5px 8px;
        font-weight: 400;
}
.tagMenu .dashboardLink {
    font-size: 9px;
    margin: 0 1px 7px 0;
}
.dashboardRightSec .table-header {
    font-size: 15px;
}
.dashboardRightSec table tr td, .dashboardRightSec table tr th {
    padding: 5px;
    font-size: 12px;
}
.modal-body {
    position: relative;
    padding: 10px 5PX;
}
.lastupdate {
    height: 30px;
    font-size: 12px;
}
.lastupdate:after {
    border-width: 15px 20px 15px 0;
}
.lastupdateDiv {
    padding: 10px 10px 15px;
}
.dashMenuDetail .tab-pane {
    max-height: 385px;
    overflow-y: auto;
}
.tabContentTxt .infobox .infobox-data {
    font-size: 15px;
}
.dashboardRightSec {
    padding: 0 15px;
}
.tabContentTxt .infobox {
    width: 280px;
    height: auto;
    padding: 20px 0;
}
}
