@media screen and (max-width:1440px){
	.container { max-width: 1300px;}
	.header { padding:30px;}
	.header .navbar-brand { margin-right: 30px;}
	.navbar .nav-item .nav-link { font-size: 0.75rem;}
	.navbar .nav-item:not(.dropdown):hover .nav-link:before,
	.navbar .nav-item:not(.dropdown) .nav-link.active:before { top:0;bottom:0;}
	.inner-content { padding-top: 150px;}
	.content-box { padding: 30px;}
	.content-box .cb-title { font-size: 1.1rem;margin-bottom: 30px;}
	.content-box .cb-title::after { width: 50px;height: 2px;margin-top: 10px;}
	.radio-btn-wrap .form-check { padding-left: 2em;min-height: 2rem;}
	.radio-btn-wrap .form-check-input { width: 1.375rem;height: 1.375rem;margin-left: -2em;}
	.radio-btn-wrap .form-check-input:checked + .form-check-label::before { width: 10px;height: 10px;left: -26px;top: 5px;}
	.radio-btn-wrap .form-check-label { top: 3px;font-size: 0.85rem;font-weight: 500;}
	h2.section-heading { margin-bottom: 50px;}
	h2.section-heading:before { width: 80px;height: 80px;left: -35px;top: -15px;}
	h2.section-heading:after { margin-top: 10px;}
	.sidebar { padding: 30px;}
	.btn-sm { font-size: 0.75rem;padding: 0.375rem 1.075rem;}
	.btn-white-sm { height: 30px;font-size: 0.65rem;padding: 0.375rem 0.85rem;}
	.calling-wrap { width: calc(100% - 300px);}
	.participant-sidebar { width: 300px;}
	.participant-sidebar.hide-sidebar {	right: -300px;}
	.control-btn-wrap > a,
	.control-btn-wrap .sub-menu { width:50px;height:50px}
	.ps-content .tabs>li { font-size: 0.85rem;}
	.control-wrap { padding: 30px;}
	.control-wrap .remaining-time { bottom: 45px;font-size: 0.75rem;}
	.csc-main { height: 270px;}
	.host-name-wrap span { font-size: 0.85rem;}
	.sub-menu .dropdown-menu { transform: translate(30px, -60px) !important;}
	.btn-disable-all.disable:after,
	.btn-mute-all.disable:after { left: 25px;}
	.nav-sidebar { padding: 30px;}
	.footer { padding:0 30px 30px 30px;}
	.videocontainer__wrapper { right:300px;}
	.videobox__video { min-width: calc(100% - 300px);}
	.page-feedback .inner-content { max-width: 500px;}
	.feedback-wrap svg { margin: 0 5px;width: 30px;}
	.feedback-wrap .rating-txt { max-width: 230px;}
@media screen and (max-width:1024px){
	.db-main .db-content { padding: 0 30px;}
	h2.section-heading:before { width: 79px;height: 80px;left: -30px;top: -17px;}
	h2.section-heading:after { margin-top: 10px;}
	.db-rgt { background-size: auto 500px;}
	.btn { padding:0.375rem 1rem;}
	.control-wrap { padding: 20px;bottom: -70px;}
	.control-wrap .remaining-time { bottom: 35px;left: 20px;}
	.control-btn-wrap > a,
	.control-btn-wrap .sub-menu { margin: 0 10px;}
}
@media screen and (max-width:991px){
	.db-main { flex-flow: column;}
	.calling-wrap { background-position: center center;width: 100%;}
	.participant-sidebar { right: -300px;}
	.participant-sidebar.hide-sidebar { right: 0;}
	.modal-default .modal-header .modal-title { font-size: 1.2rem;}
}
@media screen and (max-width:820px){
	.db-main > div { flex-basis: 60%;}
	.db-main > div.db-lft { align-items: flex-end;padding-bottom: 50px;}
	.db-main > div.db-rgt { flex-basis: 40%;padding-top: 50px;}
}
@media screen and (max-width:640px){
	.page-dashboard > .container { background-size: 100%;}
	.db-content .action-btn { flex-flow: column;}
	.action-btn .btn-white { width: 100%;margin: 10px 0 !important;}
	.control-wrap { bottom: 0 !important;padding: 30px 10px 50px 10px;}
	.control-btn-wrap > a,
	.control-btn-wrap .sub-menu { margin: 0 8px;}
	.control-wrap .remaining-time { bottom: 15px;left: 0;right: 0;text-align: center;}
}
@media screen and (max-width:414px){
	body { padding-top: 100px;padding-bottom:80px;}
	.page:not(.page-join):not(.page-room) { height: auto;}
	.header { padding: 10px 20px;background-color: #fafdfd;}
	.user-form-wrap { height: auto;}
	.user-form-wrap .user-form-content { padding: 0 20px;}
	h2.section-heading { text-align: center;}
	h2.section-heading:before { left: 50%;transform: translateX(-50%);}
	h2.section-heading:after { margin: 10px auto;width:40px;}
	.input-action-wrap { padding-right: 0;}
	.input-action-wrap .btn-join { position: static;width: 100%;margin-top: 20px;}
	.db-main .db-content { height: auto;}
	.db-main .db-rgt .action-btn { max-width: 100%;}
	.db-main .db-content .action-btn .btn { margin:10px 0 !important;}
	.db-main > div.db-rgt { background-image: none;padding-bottom: 50px;}
	.footer { background-color:#fbf2e0;padding: 20px;}
	.footer .rgt-content p { color: #4b4b4b;text-shadow: none;}
	.db-main { padding: 60px 0;}
	.page-join .call-setup-container,
	.calling-container { position: fixed;left: 0;top: 0;width: 100%;}
	.input-action-link-wrap { padding: 0 20px;}
	.input-action-link-wrap .btn-join-room { position: static;margin-top: 15px;width: 100%;}
	.call-setup-container .camera-preview { position: static;margin: 20px;width: auto;}
	.csc-main { position: static;transform: none;width: 100%;}
	.sidebar { padding: 30px;}
	.videocontainer__wrapper.join { left: 20px;right: 20px;top: 20px;width: auto;height: 200px !important;border-radius: 10px;}
	.videobox__video { width: 100%;}
	.inner-content { padding-top: 50px;padding-bottom: 75px;}
	.page-feedback { margin-top: -100px;}
	.feedback-wrap { padding: 30px;margin: 0 20px;}
	.page-feedback .inner-content .link { margin-bottom: 30px;}
	.page-feedback .inner-content img { margin-top: 30px;}
}
@media screen and (max-width:375px){
	.user-form-wrap .intro-txt { margin-bottom: 50px;}
	.db-content .separate-txt { margin: 30px 0 20px 0;}
	.modal-default .modal-header,
	.modal-default .modal-footer { padding: 30px;}
	.modal-default .modal-body { padding: 0 30px;}
	.input-action-link-wrap { padding: 0 30px;}
	.csc-main .logo-w { margin-bottom: 20px;}
}