@media (max-width: 769px) and (min-width: 240px) {
    body {
        background-size: auto;
    }
    .lgt-frm .login-page {
        width:100%;
        padding: 40px 20px;
        border-width:2px;
        float:none;
    }
    .backlayer .logo img {
        max-width: 300px;
    }
    .dp_ful .captcha_txt.flt .form-control {
        width: 120px;
    }
    .error_img:before {
        top: 54%;
        left: 50px;
        font-size: 100px;
    }
    .dashboard .backlayer .layerLeft {
        height:100px;
    }
    .dateformatbg a {
        display:none;
    }
    .backlayer .layerRight {
        padding:0px;
    }
    .error_page .btn.btn-greensea {
        margin-bottom:10px !important;
    }
    .module-name {
        font-size: 12px;
        line-height: initial;
    }
	.menu_top_header_custom_outdoor {
		position: absolute;
	    width: 100%;
    	top: 71px;
	}
	.menu_top_header_custom {
		position: absolute;
		background: #fff;
		width: 92%;
		padding: 3%;
		z-index: 99;
		box-shadow: 0 6px 10px 0px #ccc;
	}
	/*css for video login bg */
	.overlay-video {
		display: none;
	}
	.bg-video-wrap video {
		min-height: auto;
	}
	
	.vendor-login-bg-mobile {
		background: url(/cbc/public/theme/images/vendor-login-bg.jpg) no-repeat scroll 0 0;
		height: 100%;
		width: 100%;
		display: block;
		position: absolute;
		background-position: top;
	}

	.rob-login-bg-mobile {
		background: url(/cbc/public/theme/images/azadi-ka-amrit-mahotsav.jpg) no-repeat scroll 0 0;
		height: 100%;
		width: 100%;
		display: block;
		position: absolute;
		background-position: top;
	}
	.bg-video-wrap {
		position: static;
		height: auto;
		margin-top: 125px;
		display: none;
	}
	.page-login { 
		margin-top: 0; 
		width:100%;
		position: static;
	}
	.loginfooter-lgn { 
		position: static; 
		display: inline-block;
	}
	.backlayer{ 
		display: inline-block;
		width: 100%;
		height: auto;
	}
	.backlayer .layerLeft {
		background: rgb(24 90 163 / 98%);
		height: auto;
		position: static;
	}

	.showcontentprint {
		position: static !important;
	}
	#wrap > div > marquee > h5
	{
		color:#fff !important;
	}
    .navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);
    }
    #sidebar .sidebar-header {
    	padding: 4px 10px;
		background-color: #1a4763;
    	background-image: linear-gradient(180deg,#1a4763 10%,#222152 100%);
    }
	.navbar { 
		background-color: #1a4763;
		background-image: linear-gradient(180deg,#1a4763 10%,#222152 100%); 
	}
    span.mr-2.text-gray-600.small {
    display: inline-block;
    color: rgba(0,0,0,0.7);
    }
    .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.5);
    }
	.loginfooter-lgn.client-footer {
		position:fixed;
	}
	.client-login-wraper {
		margin-top:30%;
	}
	.form-validation h4 { 
	    color: #000;
	}
	.form-validation h4 > .rob{
		color:#fff;
	}
	.mb-display {
	    background: #000000eb;
	    z-index: 9;
	    width: 100%;
	    height: 100%;
	    display: none !important;
	    position: absolute;
	    margin-bottom: -1230px;
	    padding-bottom: 1230px;
	}
	.viksitbharat-mobile-bg {
		display: block;
		background: url(/cbc/public/theme/images/viksitbharat-mobile-bg.jpg) no-repeat scroll 0 0;
		width: 100%;
		height: 97.6%;
		position: absolute;
		top: 0;
		z-index: -1;
		background-size: 100% 100%;
	}
	.viksit-bharat-bg .lgt-frm .login-page {margin-top: 158px;}
	.viksit-bharat-bg .loginfooter-lgn {
		position: absolute;
		bottom: 0;
		left: 0;
		background: #f06000;
		padding: 0;
		text-align:left !important;
	}
	.vk-dashboard {
		background-position: center left;
	}
	#myTable_filter { 
		margin-top: 0 !important;
		width: 100% !important;
	}
}


/*ipad css portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
	.backlayer .layerLeft {
		background: rgb(24 90 163 / 98%);
	}
	.backlayer {
		background: #ffffff;
		display: inline-block;
		width: 100%;
		height: 100vh;
	}
	.bg-video-wrap video {
		min-height: auto;
	}
	.bg-video-wrap {
		position: static;
		height: auto;
		margin-top: 90px;
	}
	.page-login { 
		margin-top: 0; 
		    width: auto;
	}
}


@media only screen and (min-device-width : 600px) and (max-device-width: 1024px) and (orientation : landscape) {
   .menu_top_header_custom { 
		width: 96%; 
	}
}

@media (min-width: 576px) {
    .topbar .dropdown-list {
        width: 20rem !important;
    }
    .topbar .dropdown {
        position: relative;
  	}
  	.topbar .dropdown .dropdown-menu {
        width: 255px;
        right: 0;
        top: 63px;
  	}
  	.topbar .dropdown-list {
        width: 20rem !important;
  	}
  	.topbar .dropdown-list .dropdown-item .text-truncate {
        max-width: 13.375rem;
  	}
}

/*mobile app view*/
@media (max-width: 769px) and (min-width: 240px) {
	#sidebar .sidebar-header { 
		background-color: #1a4763;
    	background-image: linear-gradient(180deg,#1a4763 10%,#222152 100%);
    }
	.navbar { 
		background-color: #1a4763;
		background-image: linear-gradient(180deg,#1a4763 10%,#222152 100%); 
	}
	.ban-profile{
		background-color: #1a4763;
		background-image: linear-gradient(350deg,#1a4763 10%,#222152 100%);
	}
	.marg { 
		background: #1d385c; display: none;
	}
	#sidebar ul li a i {
		color: #245e83; 
	} 
	#sidebar ul li a:hover { 
		color:#fff;
		background-image: linear-gradient(350deg,#1a4763 10%,#222152 100%);
	}
	.user-name-txt {
		background: #215576; 
	}
	.topbar .btn.btn-primary:hover, .topbar .btn.btn-primary:focus {
		background: transparent!important;
		border-color: transparent!important;
	}
	.menu_top_header_toggle_button {
		display:none !important;
	}
	.card-header .btn-info {
		background-image: linear-gradient(180deg,#1a4763 10%,#222152 100%);
		border-color: #222152;
		margin-bottom: 2px;
		width: 100%;
		text-align: center;
	}
	.btn.btn-primary {
		background-image: linear-gradient(180deg,#1a4763 10%,#222152 100%);
		border-color: #222152; 
	}
	.btn.btn-primary:hover, .btn.btn-primary:focus {
		background-image: linear-gradient(180deg,#222152 10%,#1a4763 100%) !important;
		border-color: #1a4763 !important;
	}
	.dataTable thead tr, .table thead th {
		background: #1f2f58;
		background: -moz-linear-gradient(top, #1f2f58 0%, #1a4763 50%, #1a4763 51%, #1f2f58 100%) !important;
		background: -webkit-linear-gradient(top, #1f2f58 0%,#1a4763 50%,#1a4763 51%,#1f2f58 100%) !important;
		background: linear-gradient(to bottom, #1f2f58 0%,#1a4763 50%,#1a4763 51%,#1f2f58 100%) !important;
		border-collapse: collapse;
		color:#fff;
	}
	table.dataTable thead th, table.dataTable thead td { 
		border: 1px solid #1a5274;    border-collapse: collapse;
		color:#fff !important;
	}
	.table-striped tbody tr:nth-of-type(odd) {
		background-color: rgb(247 247 255);
	}
	.text-info {
		color: #3352ff!important;
	} 
	.content-inside .dataTables_wrapper .dataTables_paginate .paginate_button.current, .content-inside .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
	#content .dataTables_wrapper .dataTables_paginate .paginate_button.current, #content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
		background: #1e365c !important;
		border-color: #1e365c !important;
		color: #fff !important;
	}
	.card-header h6 { 
		color: #1f2f58;
	}
	.card-header h6 i {
		margin-right:5px;
	}
	.h3, h1, h1.h3, h5{
		font-size: 18px;color: #1f2f58 !important; margin:0;
	}
	.header h3 {
		font-size: 18px;
		color: #1f2f58 !important;
		margin: 15px;
		width: 100%;
	}
	.form-control {
		border-left: none;
		border-right: none;
		border-top: none;
		border-radius: 0;
		padding-left: 0;
	}
	label { 
		color: #2d5493;
	}
	::placeholder {
	   color:#bcc7cd !important;
	}
	.c15{
		background:#61c3a9;
	} 
	.c1 {
		/*background: #24a2ce;*/
		background: lightgrey;
		border-left: 0.25rem solid #0b7499 !important;
	}
	.c2{
		/*background:#e59acd;*/
		background: lightgrey;
		border-left: 0.25rem solid #ab6293 !important;
	}
	.c3{
		/*background:#a37bb7;*/
		background: lightgrey;
		border-left: 0.25rem solid #6b5078 !important;
	}
	.c4 {
		/*background: #6fab89;*/
		background: lightgrey;
		border-left: 0.25rem solid #497c5f !important;
	}
	.c5 {
		/*background: #aa5f7e;*/
		background: lightgrey;
		border-left: 0.25rem solid #8d4261 !important;
	}
	.c6 {
		/*background: #c8845d;*/
		background: lightgrey;
		border-left: 0.25rem solid #a95d32 !important;
	}
	.c7 {
		/*background: #a37bb7;*/
		background: lightgrey;
		border-left: 0.25rem solid #764c8b !important;
		}
	.c8 {background: #d47b9b;}
	.c9 {background: #F1CB65;}
	.c10{background:#7179c1;}
	.c11{background:#9ea56c;} 
	.c12{background:#2bb6af;}
	.c13{background:#ffba6b;}
	.c14{background:#bfae59;}
	.c1-txt, .c2-txt, .c3-txt, .c4-txt, .c5-txt, .c6-txt, .c7-txt {
		/*color: #ffffff !important;*/
		color:black !important;
	} 	
	/*vendor dashboard*/
	.vendor-dashboard1 .table thead th {background: #016b91 !important;}
	.vendor-dashboard2 .table thead th {background: #813a57 !important;}
	.vendor-dashboard3 .table thead th {background: #9b5731 !important;}
	.vendor-dashboard4 .table thead th {background: #6e4185 !important;}
	.vendor-dashboard5 .module-name {
		background: #6e4185;
		padding: 5px 10px;
		border-radius: 3px;
	}
	.vendor-dashboard6 .module-name {
	    /*background: #3a6a4f;*/
		padding: 5px 10px;
		border-radius: 3px;
	}
	/*.vendor-dashboard6 .font-weight-bold {color:#fff;}*/
	.vendor-dashboard1 table tr:nth-child(odd) td, .vendor-dashboard2 table tr:nth-child(odd) td, .vendor-dashboard3 table tr:nth-child(odd) td, 
	.vendor-dashboard4 table tr:nth-child(odd) td, .vendor-dashboard5 table tr:nth-child(odd) td, .vendor-dashboard6 table tr:nth-child(odd) td {
		background: #f5f5f5;
	}
	.vendor-dashboard1 table tr:nth-child(even) td, .vendor-dashboard2 table tr:nth-child(even) td, .vendor-dashboard3 table tr:nth-child(even) td, 
	.vendor-dashboard4 table tr:nth-child(even) td, .vendor-dashboard5 table tr:nth-child(even) td, .vendor-dashboard6 table tr:nth-child(even) td{
		background: #fff;
	}
	.custom-header p { 
		text-align: center; 
		font-size: 11px;
	}
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { 
		background-color: #1b4160;
		border-color: #1b4160 #1b4160 #1b4160;
	}
	/*sidebar design change on mobile*/
	#sidebarCollapse i.fa-bars, .sidebar-header {display:none;}
	.toggle-menu-new {
		background: url(../images/toggle-menu-new.png) no-repeat scroll 0 0;
		display:block; width:30px; height:30px;
	}
	#sidebar {
		margin-left: 0;
		min-width: 100%;
    	max-width: 100%;
		position: absolute;
    	z-index: 9; top:77px;
		display:none;
	}
	#sidebar.active { 
		display: block;
	}
	.ban-profile { 
		min-height: 130px; 
	}
	.profile { 
		padding-top: 30px;
	}
	.topbar .container-fluid {display:inline-block;}
	#sidebarCollapse {float:right;}
	.shadow.active {
		animation: rotateY 800ms ease-in-out forwards;
		transform-origin: top center
	}
	@keyframes rotateY {
		 0% {opacity: 0;transform: rotateY(90deg)}
		80% {transform: rotateY(-20deg)}
		100% {transform: rotateY(0)}
	}
	/*sidebar design change on mobile*/
	
}
@media (min-width: 1200px) {
	.modal-dialog.modal-xl {
	    max-width: 1140px;
	}
}

@media (min-width: 576px) {
	.modal-dialog {
	    max-width: 500px;
	    margin: 1.75rem auto;
	}
	.modal-dialog-scrollable {
	    max-height: calc(100% - 3.5rem);
	}
}