/* destop width 
----------------------------------------------- */
@media only screen and (min-width: 1400px) and (max-width: 1800px) {
	
	

	
}

/* destop width 
----------------------------------------------- */
@media only screen and (min-width: 1100px) and (max-width: 1400px) {
	
	
}


/* TABLET LAYOUT (LANDSCAPE/992PX) 
----------------------------------------------- */
@media only screen and (min-width: 991px) and (max-width: 1100px) {
	

}


/* TABLET LAYOUT (PORTRAIT/768PX) 
----------------------------------------------- */
@media only screen and (min-width:850px) and (max-width: 991px) {
	
	
}

@media only screen and (max-width:1366px) { 
#mainpage {
	width: 76% !important;
}
.maki {
  left: 79%;		
}
.toggle {
	left: 79%;
	width: 21%;	
}
.usersstatus {
	margin-left:64%;	
}
#headfixbar .toplinkpanel {
	right:480px;	
}
.admin-form-div {
	right: 21px;	
}
}


@media only screen and (max-width:1280px) { 
#mainpage {
	width: 76% !important;
}
.maki {
  left: 79%;		
}
.toggle {
	left: 79%;
	width: 21%;	
}
.usersstatus {
	margin-left:64%;	
}
#headfixbar .toplinkpanel {
	right:445px;	
}

}

@media only screen and (max-width: 800px) {

.new_table_wi {
	width:100%;
}
#flip-scroll .cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#flip-scroll * html .cf {
	zoom: 1;
}
#flip-scroll *:first-child+html .cf {
	zoom: 1;
}
#flip-scroll table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#flip-scroll th, #flip-scroll td {
	margin: 0;
	vertical-align: top;
}
#flip-scroll th {
	text-align: left;
}
#flip-scroll table {
	display: block;
	position: relative;
	width: 100%;
}
#flip-scroll thead {
	display: block;
	float: left;
}
#flip-scroll tbody {
	display: block;
	width: auto;
	position: relative;
	overflow-x: auto;
	white-space: nowrap;
}
#flip-scroll thead tr {
	display: block;
}
#flip-scroll th {
	display: block;
	text-align: left;
	padding:7px 10px 12px;
	border-bottom:1px solid #014e82;
}
#flip-scroll tbody tr {
	display: inline-block;
	vertical-align: top;
}
#flip-scroll td {
	display: block;
	min-height: 1.25em;
	text-align: left;
	padding: 11px;
	text-align: left;
	height:auto;
}
/* sort out borders */

#flip-scroll th {
	border-left: 0;
	border-bottom: 1px solid #fff;
}
#flip-scroll td {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
#flip-scroll tbody tr {
	border-left: 1px solid #babcbf;
}
#flip-scroll th:last-child, #flip-scroll td:last-child {
	border-bottom: 1px solid #babcbf;
}
}


@media only screen and (max-width:1024px) { 
.mainwrappcont {display:block;}
#mainpage { width:100% !important;}
.usersstatus {
	margin-left:80.9%;	
}
#flip-scroll {
    border: 1px solid #ccc;
}
.maki, .toggle, .demo-img {
	display:none;	
}
.paginetion_right {
	width:57%;
}
.add_btn-book {
	width:43%;	
}
#headfixbar .toplinkpanel {
	right:196px;	
}
}

@media only screen and (max-width:800px) { 
.mainwrappcont {display:block;}
#mainpage { width:100% !important;}
.usersstatus {
	margin-left:74%;	
}
#flip-scroll {
    border: 1px solid #ccc;
}
.maki, .toggle, .demo-img {
	display:none;	
}
.paginetion_right {
	width:57%;
}
.add_btn-book {
	width:43%;	
}
#headfixbar .toplinkpanel {
	right:196px;	
}
}

@media only screen and (max-width:768px) { 
.mainwrappcont {display:block;}
#mainpage { width:100% !important;}
.usersstatus {
	margin-left:74%;	
}
#flip-scroll {
    border: 1px solid #ccc;
}
.maki, .toggle, .demo-img {
	display:none;	
}
.paginetion_right {
	width:57%;
}
.add_btn-book {
	width:43%;	
}
#headfixbar .toplinkpanel {
	right:196px;	
}
}

/* TABLET LAYOUT (PORTRAIT/768PX) 
----------------------------------------------- */
@media only screen and (max-width:767px) {
/*.mainwrappcont {display:inherit;}*/
#headfixbar .toplogopanel {display:none;}
#headfixbar .toplinkpanel .linkrightpanel li a {line-height: 20px; padding:24px 0px; width:55px; text-align:center;}
.navmobile {display:block;}	
.hiddendiv {display:none !important;}
.fix_menu { width:100%;}
.maincontentbox > aside.sleekmenuset { width:143px;}
.linkrightpanel { display:none;}
.toggle { display:none;}
.maki { display:none;}
.usersstatus {  margin-left: 37%; margin-top: 16px; }
.title_div h1 { text-align: center; width: 100% !important;}
.gridTop ul { padding:0px;}
#flip-scroll { border:solid 1px #CCC;}
#nav li a { background:none;}
#nav li { border:none !important;}
#nav li a { background:none !important}
.mobileleftpan {bottom: 0; display: block !important; left: 0;   overflow-x: hidden; overflow-y: auto; position: absolute;   visibility: visible; width:80%;}
.mobileleftpan + * {
    backface-visibility: hidden;
    background-color: #ff0000;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    transform: translate3d(75%, 0px, 0px);
    transition: transform 0.2s ease-in-out 0s;
    width: 100%;
    z-index: 2;
}
.asidefooterpan {display:none;}
.mainwrappcont > section.leftmenuscroll {bottom:2px; width: 95%;}

.topbluepanel {height:51px;}
.topbluepanel .toplinkpanel li a {line-height:51px; padding: 0 12px 0 45px; background-position:10px 50%; font-size:13px;}
.mainwrappcont > section.topfityone {top:51px;}
.mobilemorelnk {display:block; width:20%;}
.mobilemorelnk a {display:block;}
.morebsublinkdiv {width:162px; position:absolute; top:51px; right:10px; padding:9px 0 0; z-index:10;}
.morebsublinkdiv .moretopsubarrw {background:url(../images/mobilesubmenuarrow.png) no-repeat 94% 0px; position:absolute; right:0px; top:2px; height:9px; width:100%;}
.morebsublinkdiv .linkwrappdiv {border:1px solid #d4d4d4; background-color:#1888df;}
.morebsublinkdiv .linkwrappdiv ul, .morebsublinkdiv .linkwrappdiv ul li {float:none;}
.morebsublinkdiv .linkwrappdiv ul li a {background-position:14px 50%;
    padding: 0 12px 0 35px !important; }
.morebsublinkdiv .linkwrappdiv ul {list-style-type:none;}
.morebsublinkdiv .linkwrappdiv ul li {}
.morebsublinkdiv .linkwrappdiv ul li a {display:block; font-family:'opensansregularregular'; font-size:13px; color:#ffffff; line-height:52px; text-decoration:none;}
/*.mobilwidt {width:40%;}*/
.contentoprightpan, .contentoprightpan li {width:100%;  float:none;}
.contentoprightpan li, .contentoprightpan li.lastchild {border-right:0px solid #d9d9d9; padding:0 0 25px !important;}
.cotentitlepanl h2 {display:block; text-align:center; padding:8px 0 24px;}

/* login panel */
.adminloginpanel {width:94%;}
.adminloginpanel .containerpaneldiv {background-color: #fff;    padding:16px;}
	
}


@media only screen and (min-width: 320px) and (max-width: 480px)  {
.mainwrappcont { background:#FFF;}
.demo-img { display:none;}
.fix_menu { width:100%;}
.maincontentbox > aside.sleekmenuset { width:143px;}
.linkrightpanel { display:none;}
.toggle { display:none;}
.maki { display:none;}
.usersstatus {  margin-left: 37%; margin-top: 16px; }
.title_div h1 { text-align: center; width: 100% !important;}
.gridTop ul { padding:0px;}
#flip-scroll { border:solid 1px #CCC;}
#nav li a { background:none;}
#nav li { border:none !important;}
#nav li a { background:none !important}
.cotentitlepan_add {
	width:100%;	
}
.theGrid {
	width:100%;
}
.search_box {
	float:left;
	width:100%;
	height:40px;
}		
.search_btn {
	float:left;
	left: 90%;
    position: absolute;
    top: 113px;
}
.gridTop ul li {
	border:none;
	margin-right:2px;
}
.gridTop ul li:nth-child(3) {
	left: -14px;
    margin-bottom: 2px;
    margin-top: 7px;
    position: relative;
    width: 100%;
}
.gridTop ul li a {
	display:block;
}
.active_deactivate_select {
	display:none;
	visibility:visible;
	border:solid 1px #CCC !important;
	background:url("../images/filter_icon.png") no-repeat scroll 90% 18px #fff !important;
	height:40px; 
	width:125px !important;
	border-radius:0px!important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
}
.not_view_select {
	display:block;
	border:solid 1px #CCC !important;
	background:url("../images/filter_icon.png") no-repeat scroll 95% 19px #fff !important;
	height:40px; 
	border-radius:0px!important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	left: -1px;
    visibility: visible;
    width: 104% !important;
}
.paginetion_right ul li {
	float:left;	    
	margin-left: 0;
    margin-right: 4px;
}

#nav li {
	border:1px solid #014e82;
	width:100%;
}
.cf_bg_colro { border-bottom:none;}
.paginetion_right ul { float:left; }
.add_btn-book { width:100%; margin-top:10px;}
.paginetion_right{ width:100%; margin-top:30px;}
.maincontentbox { padding-left:0px;}
#nav li a {
	/*background: #0071c8 url(../images/dropdown_hover_icon.png) right no-repeat !important;*/
}
#nav li ul {
	z-index:99;	
}
.re_magin {
	margin-bottom: -1px;
	margin-top: 8px;
}
#nav li ul li a { background:none !important;}
#nav li ul li ul li p {
	padding:0px 0px !important; 	
}
#nav li ul {
	left:0% !important;
	width:113px;	
}
#nav li ul li ul {
	left:100% !important;
	width:113px;	
}
#mainpage {
	width:320px !important;
	min-height:auto !important;
}
#aboutright {
	top:34px !important;	
}
.navmobile { 
	background: url("../images/icon-menupan.png") no-repeat scroll 49% 29px #000;
    margin: 0;
    padding: 45px 34px 28px;
}
.topbluepanel .toplinkpanel {
	width:88%;	
}
.mobilemorelnk {
	width:0%;	
}
.title_div h1 {
	width:74%;	
}
.title_div span {
	width:20%;
}

}


@media only screen and (max-width:320px) { 
.usersstatus {
	margin-left:25%;	
}
.gridTop ul li {
	margin-bottom:11px;	
}
.add_btn-book {
    margin-top: 10px !important;
    width: 100%;
}
.paginetion_right {
    margin-top: 30px;
    width: 100%;
}
.paginetion_right ul li {
    float: left;
    margin-left: 0;
    margin-right: 4px;
}
.paginetion_right ul li a {
	padding:5px 7px;	
}
}