@media only screen and (min-width:768px) and (max-width:1169px){}
@media only screen and (min-width:0px) and (max-width:767px){}
@media (min-width: 992px){

/* button#menu-button {display: none;}
a#close {display: none;} */

}

@media (max-width: 1199px){
    .trash-list .col-md-3 {width: 33.33%;}
}
@media (max-width: 1024px){
    .container, .container-lg, .container-md, .container-sm {
          max-width: 100%;
    }
}


@media (max-width: 991px){
    .container, .container-md, .container-sm {max-width:100%;}
    body {overflow-x: hidden;}
    .home-banner-text h1 {font-size: 44px;}
    .home-banner-text p {font-size: 16px;font-weight: 400;}
    .home-banner-text article {max-width: 600px;}
    .home-banner {height: 540px;}
    .sec-padd {padding: 50px 0;}
    .about-text {padding-left: 30px;}
    .app-feature .row {align-items: center;}
    .app-feature .col-md-5.ms-auto {margin-left: 0 !important;width: 58.33333333%;}
    .app-screenshot-slider:after {height: 564px;transform: scale(0.79);top: -52px;}
    .app-screenshot-slider .owl-item.center img {border-radius: 20px;}
    .app-download-content .download-app-btn a {display: inline-block;width: 130px;}
    /* .app-download-sec-content {height: 310px;} */
    /* .app-download-sec-content>.row {height: 100%;} */
    .app-download-content h2 {font-size: 28px;}
    .app-download-content p {font-size: 14px;}
    .app-download-img-block figure {margin: -52px 0 0;}
    section.app-download-section {padding: 40px 0 0;}
    .footer-content h4 {font-size: 18px;margin-bottom: 20px;}
    .wraper-inner {padding-top: 80px;}

    .navbar-brand img {width: 150px;}
    nav.navbar .navbar-toggler{color: #003d71;border: 2px solid #003d71;background: transparent;width: 50px;height: 40px;padding: 0;display: flex;align-items: center;justify-content: center;box-shadow: none;}
    .navbar-light .navbar-toggler-icon:before {content: '\eb55';color: #003d71;font-family: "tabler-icons" !important;position: relative;font-size: 33px;height: 100%;width: 100%;}
    .navbar-light .navbar-toggler.collapsed .navbar-toggler-icon:before {content: '\ec42';}
    .navbar-light .navbar-toggler-icon {background: none;height: 100%;width: 100%;position: relative;}
    nav.navbar .navbar-collapse {position: fixed;top: 0;left: -340px;height: calc(100%);background: rgb(0 0 0 / 90%);padding: 20px;min-width: 300px;transition: 0.3s ease-in-out;display: block;overflow: auto;}
    nav.navbar .navbar-collapse.collapse.show {left: 0;}
    nav.navbar.sticky .navbar-nav .nav-link,nav.navbar.navbar-nav .nav-link,nav.navbar.in-header .navbar-nav .nav-link {color: #fff;}
    .header-btns > a {margin: 0;}
    .header-btns > a+a {margin-left: 10px;}
    nav.navbar.sticky .navbar-collapse {height: calc(100% - 69px);top: 69px;}
    nav.navbar.in-header .navbar-collapse {height: calc(100% - 80px);top: 80px;}
    .about-page-sc h2 {font-size: 32px;margin-bottom: 10px;}
    .about-last .row {flex-direction: column;}
    .about-last .row .col-md-6,.about-last .row .col-md-5 {width: 100%;}
    .about-last .row .col-md-6 {margin-bottom: 20px;}
    .row.content-page-main .col-md-4,.row.content-page-main .col-md-7 {width: 50%;}
    .admin-inner-content .admin-inner-right {width: calc(100% - 250px);}
    .admin-inner-content .admin-inner-left {width: 220px;}
    .trash-list .col-md-3 {width: 50%;}
    .subscription-plan-list.row .col-md-6 {margin-bottom: 20px;width: 100%;}
    .filter-bar.d-flex.mb-4{flex-wrap: wrap;}
    .filter-bar.d-flex.mb-4 .filter-search{margin: 5px 0px;}
    .filter-bar.d-flex.mb-4 .sort-filter.ms-auto{margin: 5px  auto;}
    .video-list-box {margin: 5px 0px;}
    .video-list .row{margin-right: calc(var(--bs-gutter-x) * -.2);margin-left: calc(var(--bs-gutter-x) * -.2);}
    .video-list .row .col-md-3{padding-right: calc(var(--bs-gutter-x) * .2);padding-left: calc(var(--bs-gutter-x) * .2);}

}


@media (max-width: 767px){

    .home-banner-text h1 {font-size: 30px;margin-bottom: 10px;}
    .home-banner-text article {max-width: 490px;position: relative;z-index: 2;}
    .home-banner {height: 450px;}
    .home-banner-text {padding: 0 15px;}
    .about-text {padding: 0;text-align: center;margin-top: 20px;}
    .about-text h4 {margin-bottom: 0px;font-size: 32px;}
    .headings h4 {font-size: 32px;}
    .sec-padd {padding: 30px 0;}
    .app-feature .headings {text-align: center;margin-bottom: 30px;}
    .app-feature .row {position: relative;z-index: 2;}
    .icon5-set.row .col-md-4 {max-width: 50%;}
    .app-feature .col-md-5.ms-auto {width: 100%;}
    .app-screenshot-slider .owl-item.center figure {height: 100%;}
    .app-screenshot-slider .owl-item .item {height: 100%;}
    .app-screenshot-slider .owl-item img {height: 100%;width: auto;margin: 0 auto;}
    .app-screenshot-slider .owl-item {height: 430px;}
    .app-screenshot-slider .owl-stage {height: initial;}
    .app-screenshot-slider .owl-stage-outer {height: auto;}
    .app-screenshot-slider:after {top: -29px;transform: scale(0.88);}
    .app-screenshot-slider {margin-top: 0px;background-size: contain;}
    .contact-home-img {position: relative;width: 100%;height: 300px;}
    .form-home {padding: 20px 0 30px;}
    .app-download-sec-content {height: auto;padding: 40px 20px;bottom: 0;border-radius: 0;padding-bottom:3px;}
    .app-download-img-block figure {width: 320px;margin: 50px auto -13px;}
    .app-download-sec-content>.row {height: auto;}
    .app-download-content {text-align: center;}section.app-download-section {padding: 0;}
    section.app-download-section .container {max-width: 100%;padding: 0;}footer .footer-menu {padding: 40px 0;}
    .footer-main-content {margin-bottom: 20px;}
    .footer-content h4 {margin-bottom: 10px;}ul.footer-links {margin-bottom: 20px;}
    .sec-padd-sm {padding: 30px 0;}
    .about-page-sc h2 {font-size: 28px;}
    .gry-about h4 {font-size: 24px;}
    .heading-in-sm h4 {font-size: 24px;}
    .heading-in-sm p {font-size: 14px;}
    .card-site {padding: 40px 20px;}
    .in-header-bar {min-height: 120px;}
    .contact-main-left h4, .contact-main-right h4 {font-size: 20px;}
    .contact-info-li figcaption h6 {font-size: 16px;font-weight: 600;}
    .contact-info-li figcaption p {font-size: 14px;}
    .contact-info-li figcaption {padding-left: 10px;}
    .contact-info-li figcaption a {font-size: 16px;}
    .dashboard-head h4 {font-size: 24px;margin-right: 13px;}
    .dashboard-body .row .col-md-4 {width: 50%;}
    .dashboard-body-box a {height: 220px;}
    .dashboard-body-box a img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
    .col-md-3.documents-list-box {width: 33.33%;}
    .accordion-custm .accordion-button {font-size: 16px;}

    .login-bg .row {flex-direction: column-reverse;}
    .login-bg .row .col-md-6 {width: 100%;min-height: auto;}
    .login-form, .login-right-area {max-width: 400px;width: auto;}
    .login-right-area a {width: 200px;margin: 0 auto 10px;}
    .login-right-area h4 {font-size: 24px;}
    .login-right-area p {font-size: 14px;}
    .login-bg .row .col-md-6 {padding: 30px 15px;}
    .login-form, .login-right-area {max-width: 500px;width: 100%;}
    .filter-bar .sort-filter {position: relative;margin-left: 10px !important;}
    .filter-bar .filter-search {margin-bottom: 10px;width: 100%;}
    .filter-bar .sort-filter button.sort-btn {display: inline-block;}
    .sort-filter-items {display: flex;position: fixed;background: #fff;left: 0;bottom: -300px;padding: 40px 20px;width: 100%;margin: 0;box-shadow: 0px 0px 10px rgb(0 0 0 / 90%);border-radius: 10px 10px 0px 0px;flex-direction: column;transition: 0.3s ease-in-out;z-index: 2;}
    .sec-padd-sm {padding: 30px 0;}
    .video-folder-list .col-md-3 {width: 33.33%;}
    .video-list .col-md-3 {width: 33.33%;}
    .sort-filter-items .btn+.btn {margin-top: 10px;}
    .sort-filter-items strong {margin-bottom: 20px;}
    .sort-filter-items.active {bottom: 0;}
    .sort-filter-items button.close-btn {display: block;}
    .no-data-content h4 {font-size: 20px;}
    .no-data-content p {font-size: 14px;}
    .notifications-head-blk h4 {font-size: 20px;}
    .notifications-head-blk {text-align: initial;}
    .notifications-list-blk {padding: 20px;}
    .subscription-card .col-md-6+.col-md-6 {margin-top: 20px;}

    .admin-inner-content {flex-direction: column;justify-content: inherit;min-height: auto;}
    .admin-inner-content .admin-inner-left,.admin-inner-content .admin-inner-right {width: 100%;}
    .admin-inner-left .admin-inner-menu {-ms-overflow-style: none;scrollbar-width: none;}
    .admin-inner-content .admin-inner-left {margin-bottom: 20px;box-shadow: 0px 0px 30px #00000029;position: fixed;left: -320px;top: 0;max-width: 260px;z-index: 999;border-radius: 0;height: 100%;padding-top: 52px;transition: 0.3s ease-in-out;}
    .admin-inner-content .admin-inner-left.active {left: 0px;}
    .admin-inner-right-head h4 {font-size: 20px;}
    .admin-inner-right-head {height: auto;}
    .admin-inner-menu a.menu-item {font-size: 14px;padding: 10px 15px;}
    .form-head-sm h4 {font-size: 16px;}
    .side-bar-menu-blk {display: flex;}
    .admin-inner-left button.sidebar-close-btn {display: block;}
    .btn-up.mb-4 .col-md-6{margin: 5px 0px;width: 50%;}
    .admin-inner-right-content {
      padding: 20px 5px;
    }
    .admin-inner-right-content .col-md-6.new_row.rows0 {
      margin: 5px 0px;
      width: 50%;
    }
    .btn-up.mb-4{margin-bottom: 10px !important;}
    #webcam-preview .form-group {
      margin: 8px 0px;
    }
    .admin-inner-right-content .col-md-6.new_row {
      padding-top: 10px;
    }
    .col-md-6.new_row.rows0 .form-group {
      margin: 0px 0px;
    }
    .admin-inner-right-content .col-md-6.new_row {
      padding-top: 10px !important;
    }

}

@media (max-width: 575px){

    .home-banner-text h1 {font-size: 24px;}
    .about-text h4 {font-size: 24px;}
    .about-text h6 {font-size: 20px;margin-bottom: 6px;}
    .headings h4 {font-size: 24px;}
    .app-screenshot .headings {margin-bottom: 10px;}
    .contact-home-img {height: 220px;}
    .app-download-content h2 {font-size: 24px;}
    .about-page-sc h2 {font-size: 24px;}
    .gry-about h4 {font-size: 20px;}
    .gry-about {text-align: center;}
    .about-last .headings {text-align: center;}
    .row.content-page-main .col-md-4, .row.content-page-main .col-md-7 {width: 100%;}
    .in-header-bar h4 {font-size: 24px;}
    .col-md-3.documents-list-box {width: 50%;}
    .login-form, .login-right-area {max-width: 100%;width: 100%;}
    .video-folder-list .col-md-3 {width: 50%;}
    .video-list .col-md-3 {width: 50%;}
    .trash-list .col-md-3 {width:100%;}
    .nm-text h4 {font-size: 18px;}
    .admin-inner-right-content .form-group figure {
      height: 220px;
    }
    .admin-inner-right-content .col-md-6.new_row {
      padding-top: 5px;
    }
    .btn-hidden-mob {display: none;}



}

@media (max-width: 480px){

    nav.navbar .navbar-collapse {min-width: calc(100% - 80px);left: -420px;}
    .dashboard-body .row .col-md-4 {width: 100%;}
    .col-md-3.documents-list-box {width: 100%;}
    .video-folder-list .col-md-3 {width: 100%;}
    .btn {padding: 0 10px;height: 34px;font-size: 12px;}
    button.btn.submit-btn {min-width: 100px;}
    .video-list-box figure {height: 180px;}
    .modal-body {
      padding: 15px;
    }
    .modal-header {
      padding: 10px 20px;
    }
    .modal-title {
      font-weight: 500;
      font-size: 16px;
    }
    .admin-inner-right-content .col-md-6.new_row.rows0 {
      margin: 5px 0px;
      width: 50%;
      padding-right: calc(var(--bs-gutter-x) * .2);
      padding-left: calc(var(--bs-gutter-x) * .2);
    }
    .admin-inner-right-content .col-md-6.new_row {
      padding-top: 0px;
    }
    .admin-inner-right-content .form-group figure {height: 220px;}

}

@media (max-width: 360px){
    .video-list .col-md-3 {width: 100%;}
    .video-list-box figure {height: 250px;}
    .admin-inner-right-content .col-md-6.new_row.rows0 {width: 100%;}
    .image-pre figure {height: 240px;}
}