@charset "utf-8";

body { -webkit-text-size-adjust: 100%; /* stops mobile Safari from auto adjusting font-sizes */ }
@media only screen and (min-width: 1401px)  {

}

@media only screen and (min-width: 992px) and (max-width: 1400px)  {
	
}


/* responsive width */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	
}
@media screen and (min-width: 769px) {
	#slidewrap {margin-left:60px !important;}
    #adm_sidemenu {width:60px !important;}
}
@media screen and (min-width:480px) and (max-width:768px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops  */
  .cbklogo {width: calc(100vw - 130px) !important;}
  .menutog {width: 40px !important;padding:0px !important; margin:10px 10px 0px 0px !important;}
  .adm_top_heading {height: auto !important;}
  .crumbs {display:none;}
  #slidewrap {margin-left:0px; width: 100vw !important;}
  #adm_sidemenu {width:0px;}
 .adminbox {height:auto !important;}
 #dash_renewals{float:none !important; margin:0 auto !important;}
 .page_sub_menu a{font-size:12px !important;}
 .data_header{display:none !important;}
 .maillink{float:left !important;margin-left:30px !important;}
 .maillink a, .weblink a {padding-left:35px;}
 .maillink span, .weblink span {display:inline !important;}

 .topmenutog {width: 50px !important; height:60px !important;overflow:hidden !important;}
 .topmenutog a {
	 background: url('/img/mini_user_1.png') center left no-repeat; 
	 background-size:30px !important; 
	 color:#fff;
	 display:block;
	 height:30px;
	 width:15px !important;
	 padding:10px 0px 10px 30px; 
	 margin:5px 0px !important;
	 font-weight:normal; 
	 border-radius:5px; 
	 text-decoration:none; 
	 text-align:left;
	 }
 .topmenutog a:hover .microtri{border-top: 6px solid #fff !important;}
 .topmenutogspan1, .topmenutogspan2 {display:none !important;}
 .microtri {
	position:absolute;
	top:23px !important;
	right:10px;
	margin-left: 0 !important;
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-top: 5px solid #4d91d2 !important;
}
 .mnovis {visibility:hidden;}
 .brn {border-right:none !important;}
 .vpshomeimg {background-size:300% !important;background-position: 30% 50% !important}
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
  .cbklogo {width: calc(100vw - 130px) !important;}
  .menutog {width: 40px !important;padding:0px !important; margin:10px 10px 0px 0px !important;}
  .adm_top_heading {height: auto !important;}
  .crumbs {display:none;}
  #slidewrap {margin-left:0px; width: 100vw !important;}
  #adm_sidemenu {width:0px;}
  .adminbox {height:auto !important;}
 #dash_renewals{float:none !important; margin:0 auto !important;}

 .page_sub_menu a{font-size:12px !important;background-size:20px !important; padding:10px 10px 10px 22px !important;}
 .data_header{display:none !important;}
 .brn {border-right:none !important;}
 .smallertext {font-size:12px !important;}
 
 .topmenutog {width: 50px !important; height:60px !important;overflow:hidden !important;}
 .topmenutog a {
	 background: url('/img/mini_user_1.png') center left no-repeat; 
	 background-size:30px !important; 
	 color:#fff;
	 display:block;
	 height:30px;
	 width:15px !important;
	 padding:10px 0px 10px 30px; 
	 margin:5px 0px !important;
	 font-weight:normal; 
	 border-radius:5px; 
	 text-decoration:none; 
	 text-align:left;
	 }
	 .topmenutog a:hover .microtri{border-top: 6px solid #fff !important;}
 .topmenutogspan1, .topmenutogspan2 {display:none !important;}
 .microtri {
	position:absolute;
	top:23px !important;
	right:10px;
	margin-left: 0 !important;
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-top: 5px solid #4d91d2 !important;
}

 .maillink{float:left !important; margin-left:30px !important;}
 .maillink a, .weblink a {padding-left:35px;}
 .maillink span, .weblink span {display:inline !important;}
 .mnovis {visibility:hidden;}
 .supportimg {background-size:280px !important;}
 .vpshomeimg {background-size:300% !important;background-position: 30% 50% !important}

}
@media all and (orientation: landscape) {
  /* Target device in landscape mode */
}

@media all and (orientation: portrait) {
  /* Target device in portrait mode */
}
/* END responsive width */