@media screen and (min-width: 768px){
 
}

@media (min-width: 992px) {
 
}

 

/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
	 
 

	}


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

}


	
@media  screen and (max-width: 1366px) {
 
		
}

	
	

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

 }
	@media  screen and (max-width: 1366px) {
	 
 }

 @media screen and (max-width: 767px) {
 
 .right-content {
    padding: 25px 30px;
}
.tab-links {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    overflow: visible;
    overflow-x: scroll;
    padding-bottom: 10px;
    padding-left: 0;
}
.tab-links a {
    width: max-content;
}
.tab-links:after {
     top: 18px;
}



.loginForm {
     border-radius:0 0 10px 10px;
 }


#mainBgn{   border-radius: 10px 10px 0 0;}

.loginOuter {
    padding: 0 0 2vh;
}
.loginLeftSide ul li {
     width: 100%;
 }


.leftBottom{ display:none;
	
	
	}
	
	.content-wrapper {
    margin-left: 0;
    padding: 22px 10px 10px;
    clear: both;
  /*  margin-top: 90px;*/
}

.dropdown1 {
     margin-right: 58px;
}

.navbar-dark .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1); background:#2086e0;
}


 }
 
 
 
 
 /* Add media query to handle small screens */
@media (max-width: 767.98px) {
	
	.mobilelogo{display:block; margin: 0;}
	
  .navbar.sidebar {
    left: 0; height: auto;
  }
  
.profileImg .profileText{display:none;}


  .navbar.sidebar.show {
    left: 0;
  }

  #sidebar {
    padding: 14px 14px; position: fixed; z-index: 10;
    float: left;
    width: 100%;
    background: url(../images/bg.jpg) repeat-y; background-size:cover;
  }

  .navbar-toggler:focus {
    text-decoration: none;
    box-shadow: none;
    outline: none;
  }
  
   .navbar-toggler {
    margin: 0 0 0 18px; padding: 3px 8px;
}

  .close-button {
    display: block !important;
  }

  .sidebar #navbarNav {
    background: url(../images/bg.jpg) repeat-y;
    left: -250px; transition: .2s;
  }

  .sidebar #navbarNav.show {
    background: url(../images/bg.jpg) repeat-y;
    z-index: 1000;
    left: 0;
  }
  
       .navbar.sidebar:not(.show) .sidebar #navbarNav.show   {
   left: -250px !important;
}

  .navbar.sidebar.show .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-x-lg' viewBox='0 0 16 16'><path d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: background 0.3s ease; /* Add a smooth transition effect */
  }
  
  
  .navbar.sidebar.show  .sidebar #navbarNav.show{ opacity:1; }
  
   .navbar.sidebar:not(.show) .sidebar #navbarNav.show{ opacity:0; }
   
   
   .navbar.sidebar:not(.show) .sidebar #navbarNav  {
    left: 0 !important;
}
  
  
  
}
	
	
	
	
	
 
 
 @media screen and (max-width: 600px){
 
	 
 }
 
 
 
 

  @media (min-width: 768px) and (max-width: 1024px) {
 
	  
  }
   
@media screen and (max-width: 912px) {
	 

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
 
}

 
 
 @media only screen and (min-width:768px) and (max-width:999px) {
	 
 
 }
 
  /* surface pro 7 portrait	*/
 @media only screen and (min-device-width: 912px) and (max-device-height: 1368px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
 
}

  /* surface pro 7 landscape	*/
 @media only screen and (min-device-width: 1368px) and (max-device-height: 912px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
 
 }
 
  /* iPad Air  portrait*/
 @media only screen and (min-device-width: 820px) and (max-device-height: 1180px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
 
	 
 }
 
 
 
 /*Ipad air ----------- */



@media only screen and (min-device-width: 1180px) and (max-device-height: 820px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
 
	
}



/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
 
}


/*    Iphone XR----------- */
@media only screen and (min-device-width: 896px) and (max-device-height: 414px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	
		 
	
}
/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
		

}

@media only screen and (min-device-width: 844px) and (max-device-height: 390px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
	 
}

@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
 

	
}

 @media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
	 

 }


 /* Landscape*/

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	 
		
		}

    /* Portrait*/
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
		
		
		}
	


/* iPhone X  iPhone 12/pro----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
	 
	
}


 @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
 
}





@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) and 
       (min-width: 1500px) and (max-width : 2000px) and
       @-ms-viewport {
  
}
@media only screen and (max-width: 768px) and (orientation : portrait) {
	 
}


     /* Samsung Galaxy S8 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 740px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 4 ){
/* Styles */
 

}

     /* Samsung Galaxy S22 ----------- */
@media only screen and (min-device-width: 915px) and (max-device-height: 412px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2 ){
	 

}

 


     /* Surface duo portrait ----------- */
@media only screen and (min-device-width: 540px) and (max-device-height: 720px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2 ){
 

}

     /* Surface duo  landscape----------- */
@media only screen and (min-device-width: 540px) and (max-device-height: 720px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1 ){
 
}


	   /*1280 x 1024*/
 @media screen and (min-width: 1280px) and (max-height: 1024px)  {
 
	
 }
 
 
 
 

     /* Surface duo  landscape----------- */
@media only screen and (min-device-width: 850px) and (max-device-height: 720px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1 ){
	 
 

 }



@media screen and (device-width: 411px) and (device-height: 731px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2.6){
   
 
 
   
}



@media screen and (device-width: 411px) and (device-height: 731px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2.6){

 
   
}


@media only screen and (-webkit-min-device-pixel-ratio: 2.6),
                    only screen and (min--moz-device-pixel-ratio: 2.6),
                    only screen and (-o-min-device-pixel-ratio: 2.6/1),
                    only screen and (min-device-pixel-ratio: 2.6)
{
	
 
	}



/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	 
 
	  
  }



/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	
 
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	   
	  
  }
  
 
 

	
	
	 
  
  /* Galaxy S5 portrait */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 740px) 
      and (-webkit-device-pixel-ratio: 4) 
      and (orientation: portrait) {
		 


    }

    /* Galaxy S5 landscape */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 740px) 
      and (-webkit-device-pixel-ratio: 4) 
      and (orientation: landscape) {
 
    }
	
	

	
	
/* iPad Mini in landscape only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {	

 

}

/* iPad Mini in portrait only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 	   


 }	
 
 
 
 
 @media screen and (min-width: 1824px) {
  
	 
	 
 }
 
  @media screen and (min-width: 1075px) {
	 
 

  }