@media only screen and (min-width:1371px) and (max-width: 2250px)  {
.actionLink a {font-size:16px;}
.tableDivScroll{ overflow:auto;}


}

@media only screen and (max-width: 1370px) {
	
.left-side-full #dashboardPage .cols {margin-left:0;}
.left-side-full #dashboardPage .col {float:none; margin-left:0; width:auto;}
.pageManagmentPage .cell-1 {display:none;}
.left-side-full .pageManagmentPage .cell-2, .left-side-full .pageManagmentPage .cell-3 {display:none;}
.tableDivScroll{ overflow:auto;}

}
@media only screen and (max-width: 1280px) {
.left-side-full #dashboardPage .cols {margin-left:0;}
.left-side-full #dashboardPage .col {float:none; margin-left:0; width:auto}
.searchBox .languageBox{width: 21%;}
}

@media only screen and (max-width: 1024px) {
#dashboardPage .cols {margin-left:0;}
#dashboardPage .col {float:none; margin-left:0; width:auto}
.searchBox .languageBox{width: 23%;}
}

@media only screen and (max-width: 980px) {
/*.panel-body {min-width:980px; overflow:auto;}*/
.searchBox li, .searchBox .languageBox, .pageManagmentPage .searchBox li {float:none; width:auto;padding-right:0;  }
.searchBox .languageBox {border-right:none; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-right:0;}
.searchBox li.searchBtnOut label { height:15px;}

.galleryListing > ul {text-align:center;}
.galleryListing > ul > li {width:auto; float:none; display:inline-block;}
.videoGalleryListing > ul .galleryItmBlock {width:280px;}
.pageManagmentPage .cell-2, .pageManagmentPage .cell-3, .templateMangementPage .cell-2, .templateMangementPage .cell-5, .templateMangementPage .cell-6 {display:none;}
	
}
@media only screen and (max-width: 768px) {
.logoArea {width:auto; float:none;}
.tableOut table, .tableOut tr, .tableOut td, .tableOut td:before { display:block; text-align:left;	/* Converts a table, table row, table column and table column:before into a block element */ }
.tableOut table, .tableOut tr .tableOut td:last-child { border-bottom:none; }
.tableOut thead { position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em; }
.tableOut tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:20px 0; }
.tableOut tr td:nth-child(1) { /* first column of the row */
 border-left:none;
}
.tableOut tr td:last-child { /* last column of the row */ border-right:none; }
.tableOut tr:last-child .td, .tableOut td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }
.tableOut td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";	/* call the attribute value of data-label and adds a string // */ }
.tableOut tbody {display:block;}
.tableOut tr td {padding:5px 15px;}
.tableOut .evenRow td{background-color:#fff;}


.formLeft {padding-bottom:10px;}
.formLeft, .formRight  {float:none; width:auto}
.configPage .table-hover tr, .configPage .table-hover td{display:block; width:100% !important; text-align:left;}
.configPage .table-hover td > span {display:block; padding-bottom:10px;}
.configPage .table-hover td > a {display:inline-block; margin-bottom:10px;}

.pageAdminTable .cell-3, .pageAdminTable .cell-4, .pageAdminTable .cell-1, .pageAdminTable .cell-2, .pageAdminTable .cell-5 {display:none;}
.contManagerPage .table .cell-0, .contManagerPage .table .cell-1, .contManagerPage .table .cell-4 {display:none;}
.pageAdminPageI {display:none;}
.recordPage {display:none;}
.galleryFilter li {float:none; width:auto;}
.formBtnOut button, .formBtnOut input[type="button"], .formBtnOut input[type="reset"], .formBtnOut input[type="submit"] {width:100%; display:block; margin-bottom:10px; }
.actionForAll  {text-align:center;}
.photoCount {display:none;}
.checkboxOuter .formLeft {float:left; width:70%;}
.checkboxOuter .formRight {float:right; width:20%;}


}
@media only screen and (max-width: 640px) {
.pageAdminTable .actionLink {min-width:150px;}
.pageAdminTable .actionBlocks.icon4 {display:none;}	
.pageAdminTable .cell-6 { width:170px !important;}	
.pagePublishBtn .button  {display:block; float:none;}
.videoGalleryListing > ul > li {width:100%;}
.videoGalleryListing > ul .galleryItmBlock {margin-left:auto; margin-right:auto;}

}

@media only screen and (max-width: 480px) {
/*body { min-width:460px; overflow-x:auto; }*/
#content {padding:10px 5px;}
.loginPage {height:auto !important;}	
.loginBox {width:98%; position:static!important; margin-bottom:50px;}
.loginBox label {float:none; width:100%;}
.loginBox input[type="text"], .loginBox input[type="password"] {float:none; width:100%;}
.captchImg {margin-left:0; padding-top:10px;}
.loginBox .loginBtnOut label {display:none;}
.loginBtnOut {text-align:center;}
.loginBtnOut .loginBTN {display:block; float:none; width:100%; margin-bottom:10px;}

.footerIn {text-align:center;}
.copyrightText {width:auto; float:none; text-align:inherit}

.nav .user-panel {display:none;}
.left-side-collapsed #sidebar {left:-70px;}
.left-side-collapsed #container {border-left:0;  min-width:360px; overflow-x:auto;  }
#container {border-left:0;  }
.navbar-toggle {position:absolute; left:0; top:0;}
.settingBar, .settingBar ul {width:auto; float:none; text-align:center;}
.userGuideLink {display:none;}
.titleBar  {text-align:center;}

.dashboardChart {height:260px;}
#dashboardPage .table tr th:first-child, #dashboardPage .table tr td:first-child{ display:none;}}

}




@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
 .mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}
 .mfp-img-mobile img.mfp-img {padding: 0;}
 .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0;}
 .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px;}
 .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0;}
 .mfp-img-mobile .mfp-counter { right: 5px; top: 3px;}
 .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}
}
 @media all and (max-width: 900px) {
 .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75);}
 .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0;}
 .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%;}
 .mfp-container { padding-left: 6px; padding-right: 6px;}
}