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

}

@media (max-width: 1919px)
{
        /*--meetinf video--*/
      .kkinnr-scroll{width: 100%;}
      .main-video{height: 400px; width:60%;}
      .video-slide-sidebar.active, .parti-slide-sidebar.active{width: calc(100% - 40px); position: fixed; top: 0; right: 0;}
      .controls{width: 60%;}

}

@media (max-width: 1536px)
{
    .scdulemeng-wrap{width: 90%;}
    #editmeeting .modal-dialog{max-width: 70%;}

    /*--meeting video--*/
    .main-video{width: 100%;}
    .controls{width: 100%;}
    .bg-ripple{width: 100px; height: 100px;}
    .bg-ripple h6{font-size: 38px;}
    

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

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px)
{
   #sidebar-wrapper {transform: translateX(-350px);transition: transform 0.3s ease-in-out; height: 100vh;}
    .sidenav-toggled #sidebar-wrapper {transform: translateX(0);margin: 0;box-shadow: 0px 0px 14px 0px #ff990063; transition: transform 0.3s ease-in-out;}
    #page-content-wrapper{margin-left: 0;}
    body.sidenav-toggled, #wrapper.sidenav-toggled, .sidenav-toggled #page-content-wrapper{overflow: hidden;}
    #wrapper{padding: 15px 15px 15px;}
    .side-arrow-btn, .mob-logout-btn, .close-arrow-btn{display: flex;}
    .sidebar-wrapper-body{background: linear-gradient(294.42deg, #1E3680 0%, #060B1A 48.86%, #142055 93.27%); padding: 15px;}
    .sidenav-toggled #sidebar-wrapper, .sidebar-wrapper-body{border-radius: 0 20px 20px 0; height: 100dvh;z-index: 999;}
    .sidebar-menu{padding: 20px 0 0;}
    .sidebar-menu ul{height: 100%; overflow-y: auto; margin-bottom: 230px;}
    .sidebar-menu ul li, .sidebar-title, .venders-bx{margin-bottom: 15px;}
    .sidebar-menu ul li a{font-size: 14px;}
    .menu-icon{width: 36px; min-width: 36px; height: 36px; border-radius: 10px;}
    .menu-icon svg{width: 20px; height: 20px;}
    .logout-btn{font-size: 16px; margin: 50px 15px 20px;}
    .user-dtls h4{font-size: 16px;}
	
	 /* admin header */
    .admin-nav{padding: 15px; gap: 15px;}
    .admin-rgt{grid-gap: 10px;}
    .admin-rgt .form-group .form-control{padding: 12px 12px 12px 44px;}
    .admin-rgt .form-group span{margin: 12px 12px;}
	.admin-lft h1{font-size: 26px;}
    .comn-btn, .black-btn, .cancel-btn{font-size: 15px;}
    .notify-btn{width: 50px; min-width: 50px; height: 50px;}
    .notify-btn svg{width: 28px; height: 28px;}
    /* notification sidebar */
    .notify-title span{font-size: 14px;}
    .notify-bx{gap: 12px; margin-bottom: 12px; padding-bottom: 12px;} 
    .notification-sidebar{width: 500px; transform: translateX(500px);}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
    .my-30{margin-top: 15px; margin-bottom: 15px;}
    .kknav-tab .nav-tabs{gap: 15px;}
    .white-box{margin: 24px 5px;padding: 15px 15px 0;}
	.login-lft{position: relative;width: 100%;}
	.login-container .col-lg-6:first-of-type {padding: 0;}
	 #logIn .login-area{height: unset;}
	#logIn .col-lg-6{height: unset;}
	.authlogin-cont h3{font-size: 24px;}
	.authlogin-cont p{font-size: 16px;}

	/*--Schedule Meeting Page--*/
	.scdulemeng-title h2{font-size: 26px;}
	.scdulemeng-title p{font-size: 16px;}
	.scdulemeng-wrap{width: 90%;margin: 0 auto 24px;}
    .allschmet-topcnt h2{font-size: 16px;}

	/*----dashboard----*/
	.nomeeting-wrap{padding: 30px 0;}
	.nomeeting-wrap h3{font-size: 22px;}
	.nomeeting-wrap p{font-size: 16px;}
    .mettingdesc h2{font-size: 14px;}
    .metting-schewrap{gap: 8px;flex-wrap: wrap;}
    #editmeeting .modal-header h1{font-size: 20px;}
    .metting-sche h3{font-size: 13px;margin-bottom: 0;}

	/*--help_support--*/
	.support-wrap{width: 100%;}
	.needhlp-innr h2{font-size: 22px;}
	.needhlp-innr p{font-size: 16px;}
	.suprtemail-rgt{width: 42px; height: 42px;}
	
	/*--privacy policy--*/
	.privpoli-text p{font-size: 16px;}


    /*--profile page--*/
    .profile-right .tab-content,.profile-dtls-bx{width: 95%; margin-left:auto; margin-right: auto; }
    .profl-right-bx h2{font-size: 20px;}
    #editmeeting .modal-dialog{max-width: 95%;}
    .profile-modal .modal-body h5{font-size: 20px;}
    .profile-modal .modal-body{padding: 15px 15px;}
    .profile-pic img{width: 80px;min-width: 80px;height: 80px;}
    .profile-right .nav{width: 97%;margin-left: auto;}
	.profile-right .tab-content{box-shadow: 0px 0px 12px 0px #00000026;}
    .avatar-img{width: 80px;min-width: 80px;height: 80px;}
    .camera-icon{right: -10px;}
    .mettingdesc{top: 0;bottom: 0;}
    .mettinginfo-img img{width: 100%;height: auto;aspect-ratio: unset;padding: 15px;}


}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px)
{	
    .chatconversation-wrap .time:before{ left: 0; }
    .chatconversation-wrap .time:after{right: 0;}
    .chat_messages_incoming{max-width: 90%;}
    .chat_messages_outgoing{max-width: 90%;}

	   /* admin header */
    .admin-lft h1{font-size: 20px;}
    .admin-nav{margin-bottom: 15px;}
    .notify-btn,.new-tender-btn{width: 32px; min-width: 32px; height: 32px; border-radius: 50%; padding: 12px 14px; }
  	.new-tender-btn svg, .notify-btn svg, .mob-filter svg {width: 20px;height: 20px;min-width: 20px;}
	.new-tender-btn svg path{stroke:#fff;}
    .admin-rgt form, .admin-rgt{width: unset;}
	.new-tender-btn span {display: none;}
	.desk-search {display: none;}

	 /* notification sidebar */
    .sidebar-title h3 {font-size: 22px;}
    .sidebar-close svg{width: 25px; height: 25px;}
    .notification-sidebar, .tender-sidebar, .cantender-sidebar, .messtender-sidebar {padding: 15px;}
    .notify-dtls p{font-size: 13px;}
    .notification-sidebar, .tender-sidebar, .cantender-sidebar, .messtender-sidebar{width: 420px;transform: translateX(420px);}
    .notify-icon {width: 40px; height: 40px; min-width: 40px;}
    .notify-icon svg {width: 24px; height: 24px;}
    .notify-title h5{font-size: 16px;}

	/*--Schedule Meeting Page--*/
	.scdulemeng-title{padding: 0 0 15px;}
    .scdulemeng-title h2{font-size: 20px;}
    .sche-frm .form-control{font-size: 14px;}
    
    .mettingdesc{padding: 12px 12px;}
    .profile-right .nav-link,.auth-btn{padding: 12px 20px;}


	 /* mob-search */
    .desk-search{display: none;}
    .mob-search-btn{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;min-width: 32px; background: #071116B2; border: 1px solid #FFFFFF1A; border-radius: 50%;}
    .mob-search-btn svg{width: 20px; height: 20px; min-width: 20px;}
    .mob-search-area {position: absolute;top: 48px;left: 0;right: 0; background: #19204C;z-index:99;width: 100%;padding: 12px 12px;margin: 0 auto;border-radius: 12px;}
    .mob-search-area form {margin: 0 auto;text-align: center;}
    .mob-search-area .form-group {width: 100%;position: relative;}
    .mob-search-area .form-control {background: #F5F5F5; color: #071116; border: 1px solid transparent; border-radius: 3px;font-size: 14px;font-weight: 400; vertical-align: middle;width: 100%; padding: 11px 15px;}
    .mob-search-area .form-control::placeholder{color: rgba(7, 17, 22, 0.4);}
    .mob-search-area .form-control:focus{border-color: #325FEB; box-shadow: none;}
    .srch-btn {display: inline-block; font-size: 15px;border-radius: 0; padding: 11px 15px !important;}
    .comn-btn, .black-btn, .btn-grp button{padding: 10px 12px;}
	#mobview {transition: opacity 0.3s ease;}
	.mob-search-area .srch-btn.comn-btn{position: absolute;top: 0;right: 0;}

    .profile-right .tab-content{margin-top: 15px;}
    .profl-right-bx{margin-bottom: 15px;}
    .stopshar-btn{top: -15px;}
    .stopshar-btn{font-size: 14px;}
    .bg-ripple h6{font-size: 26px;}
    .parti-modal .modal-header h1{font-size: 20px;}

}
@media (max-width: 600px)
{
	.mob-search-area{top: 65px;}
    .controls{gap: 8px; flex-direction: column;}
    .vidcont-lft{flex-wrap: wrap;gap: 8px;padding: 8px 8px;}
    .main-video{height: 350px;}
    .video-slide-sidebar, .parti-slide-sidebar{margin: 12px 20px;}

    .chatconversation-wrap .time:before,.chatconversation-wrap .time:after{width: 100px;}
    
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
	.city_img{width: auto;}
    .scdulemeng-wrap .input-group-text{display: block;}
    
}

@media (max-width: 475px){

	  /* notification sidebar */
    .sidebar-title h3 {font-size: 18px;}
    .notification-sidebar, .tender-sidebar, .cantender-sidebar, .messtender-sidebar{width: 320px;transform: translateX(320px);}
    .notify-title h5{font-size: 15px;}
.profile-dtls-txt h3{font-size: 16px;}
	.kknav-tab .nav-tabs .nav-link{flex: 1; padding: 12px 14px;}
	.kknav-tab .nav-tabs{gap: 12px;}
	.nomeeting-img{width: 100%;}
    .sche-frm{padding: 15px 15px;}
    .entemil-wrap{flex-wrap: wrap;}
    .profl-info-flx:last-of-type{margin-bottom: 0;}
    .sidebar-menu ul li, .venders-bx{margin-bottom: 0;}
    .sidmsg-title h3{font-size: 18px;}

}