/*  Desktop */
@media all and (min-width: 1601px) and (max-width: 1920px)
{

}

/* Laptop */
@media (max-width: 1366px)
{
    
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px)
{
    /* admin-flow */
    .datatble_info{padding: 0 15px;}
    .datatble_info th, .datatble_info td{padding: 10px 10px !important;font-size: 14px !important;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
    /* Authentication flow */
    .auth_login{
        position: relative;
        max-width: 100%;
        height: 400px;
        object-fit: cover;        
    }
    .auth_blog{
        box-shadow: 0 0 10px #ccc;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 20px;
        margin: -100px auto 30px;
        max-width: 80%;
        width: 100%;
        height: auto;
    }
    .auth_headbx h1{font-size: 24px;margin-bottom: 3px;}
    #auth:before{width: 100px;height: 100px;}
    #auth .row{width: unset;}
    .copyright_content{position: relative;padding: 0;margin-bottom: 30px;}
    .auth_headbx img{max-width: 200px;}
    #uprofile .copyright_content{position: unset;background: transparent;}
    #wizard{margin: 50px auto;padding: 0 15px;}
    .slot_timing_list .row {gap: 15px;}

    /* admin css */
    #sidebarToggle{display: block;}
    #page-content-wrapper{margin-left: 0;padding: 25px 15px 0;}
    #sidebar-wrapper{transform: translateX(-290px);}
    .sidenav-toggled #sidebar-wrapper{transform: translateX(0px);min-height: auto;box-shadow: 0 0 10px #ccc;z-index: 1111;}
    #sidebar-wrapper .sidebar-heading{padding: 30px 15px;display: block;text-align: center;}
    #sidebar-wrapper .sidebar-heading img{width: 150px;}
    #sidebar-wrapper .list-group a, .bottom_menu li a, .bottom_menu li:last-child{padding: 13px 15px;}
    .menu_rightbar{gap: 10px;}
    #sidebarToggle{padding: 0 10px;margin: 55px 0 0;transform: translateX(0px)}
    .sidenav-toggled #sidebarToggle {transform: translateX(290px);}
    .head_title{font-size: 16px;}
    .menu_rightbar .profileicon{width: 40px;height: 40px;}
    .white_box .nav{justify-content: center;}  
    .active_scroll {overflow: hidden;}
    #page-content-wrapper .index_footer{position: unset;margin-left: 0;padding: 30px 0 10px;flex-flow: column-reverse;gap: 10px;justify-content: center;background: transparent;}
    .table_info_head{flex-flow: column;gap: 10px;}
    .breadcrumb{margin: 0;}
    .menu_leftbar h1{font-size: 22px;}
    .navbarmenu {transform: scale(0.9);}
    .add__product_blog{padding: 20px 15px;}
    .add__product_blog .auth_btn {margin: 20px auto 0 !important;}
    .nav-link{font-size: 14px;}
    .active_scroll .modal-open #sidebar-wrapper {transform: translateX(-290px);transition: margin 0.25s ease-out;}
    .active_scroll .modal-open #sidebarToggle {transform: translateX(0);}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width:767px)
{	
    br{display: none;}
    /* userflow */
    .brand_logo img {display: block;}
    .nav-link{font-size: 14px;padding: 8px 10px;}
    .search__blog .row {gap: 15px;}
    .head_store{flex-flow: column;gap: 15px;margin-bottom: 0px;border: none;}
    .footer_topblog .col {flex-basis: unset;}    


    /* Authentication flow */
    .auth_headbx, .auth_headbx img{margin-bottom: 1rem;}
    .auth_login{height: 280px;border-radius: 0 0 10px 10px;}
    .auth_blog{max-width: 90%;justify-content: flex-start;height: auto;}
    .auth_headbx p, .auth_box label{font-size: 14px;}
    .interlink{margin: 1rem 0 0;font-size: 14px;}
    .auth_btn{margin: 1rem auto 0;font-size: 14px;padding: 15px 10px;}
    .signup_link{font-size: 14px;}
    .otp_box span{width: 10px;}
    .otp_box input{border-radius: 10px;width: 40px;height: 40px;padding: 0;font-size: 14px;}
    .auth_headbx img{width: 100%;max-width: 200px;}
    .index_footer .container{justify-content: center;gap: 10px;flex-flow: column-reverse;}
    .product__list{padding: 30px 0;}
    .pagination{margin: 10px 0 0;}
    .footer_navitem a{font-size: 14px;}
    .footer_topblog h6{font-size: 18px;}
    .modal-open .modal{padding: 0 !important;}
    .modal-body{padding: 15px;}
    .modal-content{border-radius: 10px;}
    .modal h2{font-size: 20px;}
    .modal_contentflx{margin-bottom: 15px;}
    .modal p{font-size: 14px;}

    /* Header & Footer */
    header .navbar #nav:checked ~ .wrapper{width: 85%;}
    .footer_topblog{padding: 30px 0 0;}
    .footer_navitem{margin-bottom: 1rem;}
    header {height: auto;padding: 15px 0;}
    .navbar{justify-content: center;row-gap: 15px;flex-flow: column;}
    main {padding: 110px 0 0;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
	.brand img {max-width: 100%;}
    .submit_btn, .cancle_btn{max-width: 130px;}
    .small_modal h4{font-size: 20px !important;}
    .privacy_link li:after{display: none;}
    .privacy_link li{margin: 0 15px; white-space: nowrap;}
    .privacy_link{align-items: center; flex-wrap: wrap; justify-content: center;}    
    .nav-link{font-size: 12px;}
}

/* height media query */
@media (max-height: 600px)
{
    .auth_blog{height: auto;justify-content:flex-start;}
    .copyright_content{position: relative;margin-top: 30px;}    
    .auth_headbx img {max-width: 250px;}

}

@media (max-height: 767px)
{
    .signup_box{height: auto;justify-content:flex-start;}
    .signup_box .copyright_content{position: relative;margin-top: 30px;}
    .no-scroll{overflow: auto;}
}