@media (min-width: 768px){
.sidebar {
    width: 17rem!important;
}
}
/**********for 1920*********/
@media screen and (min-width: 1367px) {
	/*main*/
	.main-btn, .btn {
	    font-size: 24px;
	}
	.border-btn, .btn {
	    font-size: 24px;
	}	
/*.table-outer table td:nth-child(2) {
    width: 18%;
}	*/
	/**********pages**********/
	/*login form page*/
	.login-page-sec .card-header {
	    font-size: 42px;
	}	
	.login-page-sec .btn {
	    font-size: 32px;
	}
	.login-page-sec .form-control {
	    font-size: 22px;
		height: 69px;    
	}	
	.login-page-sec a {
	    font-size: 22px;
	}

	/**main popup**/
	.main-popup .modal-dialog {
	    max-width: 690px;
	}
	.main-popup .modal-title {
	    font-size: 32px;
	}
	.modal-content p {
	    font-size: 22px;
	    font-size: 22px;
	    margin-top: 14px;   
	}
	.main-popup .btn {
	    font-size: 24px !important;
	}
	.main-popup .resend-otp {
	    font-size: 17px; 
	}
	/******dashboard home page******/
	.dashboard-cards-body .icons-cutoms .h5 {
	    font-size: 32px;
	}
	.dashboard-cards-body .icons-cutoms h3 {
	    font-size: 72px;
	}
	/******video page******/
	.video-view-main .vid-text {
	   /* width: 490px;*/
	}	
}

/**********for 1366 to 768screen only for fonts*********/
@media only screen and (min-width: 768px) and (max-width: 1366px) {
	.table-outer table th {
	    font-size: 16px;
	    padding: 12px 10px !important;
	}
	.table-outer table td:first-child {
	    font-size: 18px;
	}
.table-outer table td {
    font-size: 17px;
    padding: 12px 10px !important;
}
	.table-body img.check-img {
	    width: 21px;
	}
/*	.table-outer table td:nth-child(2) {
	    width: 22%;
	}*/
}

/**********for tab*********/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.sidebar-brand img {
	    max-width: 80%;
	}
	.sidebar {
	    width: 18rem!important;
	}
	.sidebar-dark .nav-item .nav-link, .sidebar-dark .nav-item.active .nav-link {
	    padding: 17px 21px;
	}
	.sidebar-dark .nav-item .nav-link span {
	    font-size: 19px;
	}
	.sidebar .sidebar-brand .sidebar-brand-text {
	    /* margin-left: 0 !important; */
	    font-size: 29px;
	}
	/*******dasboard page********/
	.welcome-div h1 {
	    font-size: 38px;
	    margin-top: 32px;
	}
	.dashboard-header h6 {
	    font-size: 29px;
	}
	.dashboard-cards-body .col-xl-3 {
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	/******videos page******/	
	.search-div .img-div .search-img {
	    height: 22px;
	}
	.back-btn-div h1 {
	    font-size: 28px;
	}
	.modalToken {
	    font-size: 16px;
	}
	.modalToken i {
	    width: 29px;
	    height: 29px;
	    line-height: 29px;
	    font-size: 18px;
	}
	.dropzone .dz-preview {
	    width: 80%;
	}	
	/*******video page********/
	#video-form .col-md-4 {
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	#video-form .col-md-4:last-child {
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	/*********videos view page**********/
	.video-view-main {
	    width: 100%;
	    margin-bottom: 23px;   
	    display: inherit; 
	}
	.video-view-main .vid-text {
	    width: 100%;
	}
	.vid-info-main span {
	    font-size: 19px;
	    width: 50% !important;
	}
	.video-view-main .vid-text .title-shape {
	    /*clip-path: inherit;*/
	}
	.video-view-main .play-vid {
	    bottom: 0;
	    left: 0;
	    transform: inherit !important;
	    position: inherit;
	    /* background: #ea0808; */
	    padding: 4px 0;
	}
	.video-view-main .vid-duration {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 16px;
	    margin-top: 0;
	    margin: 0 auto;
	    margin-top: 10px;
	}
	.video-view-main .vid-duration:before {
	    width: 51px;
	    height: 51px;
	}
	/*.video-view-main .play-vid img {
	    position: absolute;
	    top: 9px;
	    right: -34px;
	}*/	
	.vid-info-main .desc {
	    text-align: right;
	}	
	.vid-info-main .col-md-6 {
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}


/*ONLY FOR mobile*/
@media screen and (max-width: 767px) {
	/*main css*/
	.table-outer {
	    overflow: auto;
	}	
	.organization-main, .Attack-main {
	    padding: 0 5px;
	}
	.topbar #sidebarToggleTop {
	    padding: 4px 8px !important;
	    color: #fff;
	    min-width: auto;
	}
	.modalToken {
	    font-size: 15px;
	}
	.modalToken i {
	    width: 34px;
	    height: 34px;
	    line-height: 34px;
	}
	#loader {
	    left: 50%;
	}
	.sidebar-dark .sidebar-brand {
	    height: auto;
	}
	/***login page***/
	.login-page-sec .form-control, .form-control {
	    height: 42px !important;
	}
	.icon-field.icon-field-email:before, .icon-field.icon-field-password:before {
	    width: 20px;
	    height: 20px;
	    background-size: contain !important;
	}
	.toggle-password:before, .toggle-confirm-password:before {
	    width: 20px;
	    height: 14px;
	}
	.login-page-sec a {
	    font-size: 13px;
	}
	.login-page-sec .btn {
	    font-size: 15px;
	}
	.login-page-sec .card-header {
	    font-size: 22px;
	}
	.organization-main, .Attack-main, .level-main, .buynow-main, .about-main, .dashboard-main {
	    padding: 0 10px;
	}
	/**main popup**/	
	.main-popup .modal-body {
	    margin: 0 !important;
	    padding: 0 15px;
	}
	.main-popup .modal-content {
	    padding: 32px 17px 38px 17px;
	}
	.main-popup .modal-title {
	    font-size: 22px;
	}	
	.modal-content p {
	    font-size: 15px;
	    line-height: initial;
	}
	.main-popup .border-btn, .main-popup .btn {
	    padding: 8px 30px !important;
	    width: 100%;
	    margin: 0 5px;
	    font-size: 14px !important;
	}
	.main-popup .md-form {
	    margin-bottom: 28px !important;
	}
	.main-popup .form-control, .main-popup .file-upload .file-select .file-select-name {
	    height: 42px;
	    font-size: 14px;
	    line-height: 42px;
	}
	.main-popup .file-upload .file-select .file-select-name{
		padding-left: 0;
	}
	.main-popup .file-upload .file-select .file-select-button {
	    height: 29px;
	    line-height: 29px;
	      font-size: 14px;
	}
	.login-page-sec .form-control, .form-control {
	    font-size: 14px;
	}
	/*forget-popup*/
	.forget-popup .modal-body {
	    padding: 0 0px;
	}

	/********dashboard page main**********/		
	/*navbar*/
/*	.back-btn-div a {
	    font-size: 15px;
	    padding-right: 2px;
	}
	.back-btn-div h1 {
	    font-size: 20px;
	    display: inline-block;
	}
	ul.navbar-nav.ml-auto {
	    z-index: 2;
	    margin-top: 0px;
	}*/
	.marg-top-20 {
	    /* margin-top: 0; */
	    margin-top: -85px;
	    position: relative;
	}
	.navbar .navbar-nav .dropdown-item {
	    padding: 14px 0px;
	    font-size: 15px;
	}
	.back-btn-div {
	    border-bottom: 0px solid #7a7a7a;
	    padding-bottom: 12px;
	}
	.navbar-expand .navbar-nav {
	    padding-right: 0;
	}	
	/*sidebar*/
	.sidebar-dark .nav-item .nav-link, .sidebar-dark .nav-item.active .nav-link {
	    position: relative;
	    z-index: 9;
	}	
	.sidebar {
	    width: 0rem!important;
	}
	.sidebar .nav-item .nav-link span{
	    display: none;
	}	
	.sidebar .nav-link {
	    display: none !important;
	}
	.sidebar.toggled .nav-link, .sidebar-dark.toggled .nav-item.active .nav-link {
	    display: flex !important;
	    width: 100% !important;
	    padding: 14px 6px 14px 16px !important;
	    /* visibility: visible; */
	    /* opacity: 1; */
	}
	/******dashboard home page******/
	.dashboard-cards-body {
	    padding: 0;
	}
	.dashboard-header {
	    padding: 0;
	}	
	.welcome-div h1 {
	    padding: 0 0px;
	}
	.dashboard-cards-body .col-xl-3 {
	    flex: 0 0 50%;
	    max-width: 50%;
	}	
	.dashboard-cards-body .icons-cutoms h3 {
	    font-size: 48px;
	}		
	/***main table***/
	.table-outer table th {
	    font-size: 15px;
	    padding: 8px 9px !important;
	}
	.table-outer table td:first-child {
	    font-size: 19px;
	}
	.table-outer table td {
	    font-size: 15px;
	    padding: 8px 9px !important;
	}
	/****video form page *****/
	.video-form .dropzone {
	    width: 100%;
	}
	.label {
	    font-size: 18px;
	}
	select.form-control {
	    background-size: 11px;
	    background-position: calc(100% - 20px) calc(19px + -1px), calc(100% - 15px) calc(1em + 2px), calc(100% - 0.5em) 0.5em;
	}
	.video-form h3 {
	    font-size: 22px;
	}	
	.dropzone .dz-preview {
	    width: 100%;
	}	
	/*********videos table page**********/
	.level-main .shadow .flex-row {
	    display: initial !important;
	}
	.search-div {
	    width: 100%;
	    margin-bottom: 18px;
	}
	.search-div input {
	    width: 100%;
	}
	.back-btn-div h1 {
	    display: inline-block;
	    font-size: 23px;
	}
	.back-btn-div a {
	    font-size: 21px;
	    padding-right: 1px;
	}
	.table-outer table td a {
	    line-height: 17px;
	}
	.actions-btn-div a {
	    margin-bottom: 11px;
	}
	/*********videos view page**********/
	.video-view-main {
	    width: 100%;
	    margin-bottom: 23px;   
	    display: inherit; 
	}
	.video-view-main .vid-text {
	    width: 100%;
	}
	.vid-info-main span {
	    font-size: 19px;
	    width: 50% !important;
	}
	.video-view-main .vid-text .title-shape {
	    /*clip-path: inherit;*/
	}
	.video-view-main .play-vid {
	    bottom: 0;
	    left: 0;
	    transform: inherit !important;
	    position: inherit;
	    /* background: #ea0808; */
	    padding: 4px 0;
	}
	.video-view-main .vid-duration {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 16px;
	    margin-top: 0;
	    margin: 0 auto;
	    margin-top: 10px;
	}
	.video-view-main .vid-duration:before {
	    width: 51px;
	    height: 51px;
	}
	/*.video-view-main .play-vid img {
	    position: absolute;
	    top: 9px;
	    right: -34px;
	}*/
	
}