@media only screen and (min-width:2701px) and (max-width: 3100px) {
/*50%*/

}

@media only screen and (min-width:2001px) and (max-width: 2700px) {
/*67%*/	

}
@media only screen and (min-width: 1801px) and (max-width: 2000px) {
/*75%*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1324px;
}

}
@media only screen and (min-width:1601px) and (max-width: 1800px) {
/*80%*/

}
@media only screen and (min-width:1517px) and (max-width: 1600px) {
/*90%*/	

}

@media (min-width: 1024px) and (max-width: 1024px)  {
.container {
max-width: 960px; 
}

}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
 .sidebar {
    width: 364px;
}
}
@media only screen and (max-width: 991px) {

}
@media only screen and (max-width: 768px) {
/*sidenav-start*/	
.sidenav {
margin: 0px;
height: 100%;
width:250px;
position: fixed;
z-index: 9999;
display: block;
top: 0;
left: -300px;
background-color:#fff;
overflow-x: hidden;
transition: 0.5s;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
padding-left: 0px !important;
}

.sidenav a {
text-decoration: none;
font-size: 15px;
display: block;
transition: 0.3s;
font-weight: 500;
font-family: 'Inter';
}

.sidenav a:hover {
color: #ffffff;
background-color: #f1a10a;
box-shadow: unset;
}
.sidenav a.active{
color: #fff;
background: #16a6fb;	
} 
.sidenav .closebtn {
position: absolute;
top: 0px;
right: 10px;
font-size: 30px;
margin-left: 50px;
color: #000;
background-color: transparent;
}
.sidenav .closebtn:active{
background-color: transparent;
color: #8650a0;	
}
.menuOverlay.active {
opacity: 1;
visibility: visible;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.menuOverlay {
position: fixed;
width: 100%;
height: 100%;
left: 0px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
top: 0;
}
.menuOpen {
left: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
box-shadow:4px -4px 12px 2px rgb(0 0 0 / 23%), 4px -7px 20px 6px rgb(0 0 0 / 24%);
}
/*sidenav-end*/
.side-nave-style{
padding-left: 0px;
}
.side-nave-style li a {
color: #565656;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
padding:8px 10px;
font-size: 15px;
font-weight: 500;
}
.side-nave-style li a.active{
border-radius: 0;	
}
.login-btn-book-style{
background: #7367f0;
color: #fff;
border-radius: 0;
border: unset;
position: absolute;
width: 100%;
bottom: 0;	
}
.inner-dropdown-style {
margin-top: 10px !important;
padding-left: 0;
}
.logo-size-only {
width: 120px;
margin-bottom: 10px;
padding: 10px;
}
.header {
background-color: #7367f0;
color: white;
padding: 6px 10px;
position: fixed;
width: 100%;
top: 0;
z-index: 99;
}
.common-padding-style {
padding: 20px 10px;
}
.label-custom-text {
color: #565656;
font-size: 13px;
}
.footer-text {
color: #626262;
font-size: 12px;
margin-bottom: 0;
}
footer{
padding: 9px 10px;   
}
.mobile-view-design{
background-repeat: no-repeat;
background-size: 100%;
padding: 10px 15px 10px 15px;
height: 285px;
}
.view-temp {
width: 100%;
}
.btnaddnew{
	margin-top:10px;
}
.btncancel{
	margin-top:10px;
}
.sidebar:not(.collapsed) ~ .content .fixed-header > .header-inner {
    padding-left: 10px;
    transition: 0.3s;
}
}
@media only screen and (max-width: 600px) {


}