.navbar-container.content {background-color: #e0eaf7 !important;}
.sidebar{display:none;}
.app-content{margin-left:60px !important;}
.fixed-head-size{display:none;}
.chatHead{margin-left:60px !important;}
.header-navbar.navbar-with-menu .navbar-container{padding: 0 0;}
.text-on-call .chat-history-container{
	position: absolute !important;
}
.chat-application .users-list-padding { 
	padding:5px;
	height: calc(100vh - 197px);
	
}
.incoming-call-window{
	margin-left:60px;
	width:calc(100% - 60px);
	padding:5px 5px;
}
.contactList-container-mobile{
	margin-top:0;
	padding:10px 10px;
	background:#F2F2F2;
}
#contactSharingModal .modal-dialog .modal-body, 
#contactBlockingModal .modal-dialog .modal-body,
#callTransferModal .modal-dialog .modal-body{
	min-height: 70vh;
}
.call-window-container , .audio-video-window-container{left:60px;width:calc(100% - 60px);}
@media (min-width: 320px) {
	#sidebar,#settings-sidebar,#contact-info-bar,
	#message-info-bar,#voice-mail-bar,#about-bar{width:220px;}
	.p-image {right: -6px;}	
	.imagePrivew img{
		max-width:280px;
	}
	
	.modal-dialog { width:300px; }
	
	.chatVideoPreview, .chatImagePreview, .chatAudioPreview, .chat-content p audio , .chat-content p video {
		max-width: 120px;
		max-height: 120px;
	}
}
@media (min-width: 480px) {
	
	#sidebar,#settings-sidebar,#contact-info-bar,
	#message-info-bar,#voice-mail-bar,#about-bar{width:280px;}
	.incoming-call-window .list-group-item-heading,.incoming-call-window .list-group-item-text{
		max-width:70px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.content-right{margin-left:0px;}
	
	
	.imagePrivew img{
		max-width:420px;
	}
	.modal-dialog { width:420px; }
	
	.chatVideoPreview, .chatImagePreview, .chatAudioPreview, .chat-content p audio , .chat-content p video {
		max-width: 150px;
		max-height: 150px;
	}
	
	#multiple-remote-video-holder .remote-video-list {
		/* margin: 10% auto; */
	}
	
	.remote-video-list-right{width: 110px;right: 20px;}
	.remote-video-list-right .remote-video-list{padding : 5px 0px;}
	
	/* #groupCreationModal .modal-dialog, #groupCreationModalModified .modal-dialog { width:300px; } */
	
	.text-on-call .chat-history-container{
		width: 300px;
	}
	.chat-application .text-on-call .chat-app-form{
		width: 300px;
	}
	.chat-application .text-on-call .chats .chat-body .chat-content p{
		max-width: 130px;
	}
	.statusDurationForm .input-group{
		width:320px;
	}
}
@media (min-width: 576px) {
	.chatHedContainer {
		width: calc( 100% - 300px);
	}
	/* .chat-with-user-name > b span, .chat-with-user-name > small{max-width: 160px;} */
	/* #group-video-call-info .modal-dialog, #conference-call-info .modal-dialog{
		min-width: 320px;
	} */
	#camera_area , #captured_area{
		width:98%;
		height:220px;
		padding:10px 10px 10px 10px;
	}
	.web-cam-container h4{font-size: 1rem;}
	.fixed-head-size{display:block;width:280px;}
	.fixed-head-offline,.fixed-head-mic-on ,.fixed-head-mic-off{
		width: 282px;
		left: 15px;
		margin-left: -20px !important;
	}
	.sidebar{display:block;width:280px;}
	.content-right{margin-left:280px;}
	/* .chat-application .chat-fixed-search{width:280px;} */
	.p-image {right: 15px;}
	.call-window-container , .audio-video-window-container{left:280px;width:calc( 100% - 280px );}
	.mobile-menu{ display:none; }
	.app-content{margin-left:0px !important;}
	.chatHead{margin-left:0px !important;}
	
	
	.contactList-container-mobile{display:none;}
	.chat-application .chat-fixed-search {
		padding: 2px 5px;
	}
	.incoming-call-window{ margin-left:00px; width:100%; }
	.imagePrivew img{ max-width:520px; }
	.modal-dialog { width:500px; }
	
	.chatVideoPreview, .chatImagePreview, .chatAudioPreview, .chat-content p audio, .chat-content p video{
		max-width: 150px;
		max-height: 150px;
	}
	
	.remote-video-list-right{width: 110px;right: 31px;}
	.remote-video-list-right .remote-video-list{padding : 5px 0px;}
	
	#multiple-remote-video-holder .remote-video .dropdown-toggle {
		margin: 0 auto 0 5px;
		width: 100px;
		font-size: 0.9rem;
	}
	
	#myVideoOnGroup, #localVideo {
		max-width: 100px;
		max-height: 60px;
	}
	
	#video-fullscreen {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	
	.incoming-call-window .list-group-item-heading, .incoming-call-window .list-group-item-text{
		max-width:100px;
	}
	/* #groupCreationModal .modal-dialog, #groupCreationModalModified .modal-dialog { width:400px; } */
	
	#settings-sidebar #settingsModify .settings-home .avatar, #contact-info-bar .sidebar-header .avatar{
		width: 64px;
		height: 64px;
	}
	#settings-sidebar #settingsModify .settings-home .list-group-item-heading{
		font-size: 0.9rem;
	}
	
	.text-on-call .chat-history-container{
		width: 320px;
	}
	.chat-application .text-on-call .chat-app-form{
		width: 320px;
	}
	.chat-application .text-on-call .chats .chat-body .chat-content p{
		max-width: 150px;
	}
	.audio-video-window-container.text-on-call.chatlist-on-call {
		left: 280px;
		width: calc( 100% - 280px );
	}
	.text-on-call.chatlist-on-call .caller-info-container {
		height: 100vh;
		width: calc(100vw - 280px);
	}
	.callerAction {
		max-width: 70%;
	}
	.chatlist-on-call .callerAction {
		max-width: 65%;
	}
	
	
	
	.sweet-alert.log-out{
		width: 300px;
	}
}
@media (min-width: 768px) {
	.chatHedContainer {
		width: 60%;
	}
	/* .chat-with-user-name > b span, .chat-with-user-name > small{max-width: 180px;} */
	#sidebar,#settings-sidebar,#contact-info-bar,
	#message-info-bar,#voice-mail-bar,#about-bar{width:300px;}
	/* #group-video-call-info .modal-dialog, #conference-call-info .modal-dialog{
		min-width:400px;
	} */
	
	#users-list .list-group-item-heading span[class*='name']{
		max-width: 130px;
	}
	#users-list #contactlist .list-group-item-heading span[class*='name']{
		max-width: 190px;
	}
	
	
	.fixed-head-size{width:300px;}
	.fixed-head-offline,.fixed-head-mic-on ,.fixed-head-mic-off{
		width: 302px;
		left: 12px;
	}
	.sidebar{width: 300px;}
	.content-right{margin-left:300px;}
	/* .chat-application .chat-fixed-search {width:300px;} */
	
	.call-window-container , .audio-video-window-container{left:300px;width:calc( 100% - 300px );}
	
	
	.chat-application .chat-fixed-search {
		padding: 2px 7px;
	}
	
	.media-list .media {
		padding: 5px 7px 10px 3px;
		margin-top: 0;
	}
	.modal-dialog { width:600px; }
	/* #contactSharingModal .modal-dialog, 
	#contactBlockingModal .modal-dialog,
	#callTransferModal .modal-dialog  { 
		width:450px; 
	} */
	.historyBtn , .contactBtn, .dialBtn, .newsBtn, .videoAdBtn,
	.callHistoryBtn, .moreBtn{
		height: 30px;
		width: 30px;
		margin: 0 35px 0 10px;		
	}
	.dialBtn{
		height: 44px;
		width: 44px;
	}
	.moreBtn{
		background-position: -2px !important;
		margin: 0 5px 0 -10px;
	}
	
	#multiple-remote-video-holder .remote-video-list {
		/* margin: 10% auto; */
	}
	
	.video-top-action-bar-right{
		text-align:right;
	}
	
	.callVolBtn , .callMicBtn, .callEndBtn, .callVdoBtn, .callMicOffBtn, .dialPadBtn, .callTransferBtn,
	.videoCallEndBtn, .sendTextBtn, .viewSwitchBtn, .holdListToggleBtn, .callHoldBtn, .screenShareBtn { 
		height: 40px;
		width: 40px;
	}
	
	#multiple-remote-video-holder .remote-video-player {
		max-height:60vh;
	}
	
	#myVideoOnGroup,#localVideo {
		max-width: 120px;
		max-height: 70px;
	}
	
	.group-person-list .audio-user .avatar{
		width: 40px;
	}
	.group-person-list .audio-user .avatar img{
		width: 55px;
		height: 55px;
	}
	
	.add-more-in-video .add-more-btn {
		width: 40px;
		height: 40px;
	}
	
	#video-fullscreen {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.group-video-top-user-list .group-person-list .audio-user .dropdown-toggle {
		margin-left: 30px;
	}
	
	.audio-video-window-container .expand-collapse{
		font-size: 22px;
		margin-left: 5px;
		margin-top: 15px;
		margin-right: 5px;
	}
	
	.video-top-action-bar-left {
		padding: 10px 5px;
	}
	
	.remote-video-list-right{width: 125px;right: 40px;}
	.remote-video-list-right .remote-video-list{padding : 5px 0px;}
	
	.incoming-call-window .list-group-item-heading, .incoming-call-window .list-group-item-text{
		max-width:200px;
	}
	/* #groupCreationModal .modal-dialog, #groupCreationModalModified .modal-dialog { width:500px; } */
	
	#settings-sidebar #settingsModify .settings-home .avatar, #contact-info-bar .sidebar-header .avatar{
		width: 72px;
		height: 72px;
	}
	#settings-sidebar #settingsModify .settings-home .list-group-item-heading{
		font-size: 1rem;
	}
	
	.text-on-call .chat-history-container{
		width: 350px;
	}
	.chat-application .text-on-call .chat-app-form{
		width: 350px;
	}
	.chat-application .text-on-call .chats .chat-body .chat-content p{
		max-width: 180px;
	}
	.audio-video-window-container.text-on-call.chatlist-on-call {
		left: 300px;
		width: calc( 100% - 300px );
	}
	.text-on-call.chatlist-on-call .caller-info-container {
		height: 100vh;
		width: calc(100vw - 300px);
	}
	.callerAction {
		max-width: 70%;
	}
	
	.audio-user .remote-user-action {
		padding: 0 0px 0 0px;
		bottom: -8px;
		left: 15px;
		height: 18px;
		letter-spacing: 2px;
	}
	
	.active-audio .remote-user-action i.fa{
		font-size: 0.8rem;
	}
	
	blockquote .quotation img{
		width: 48px;
	}
	
	
	.sweet-alert.log-out{
		width: 350px;
	}
	
}
@media (min-width: 992px) {
	.chatHedContainer{
		width: 40%;
	}
	/* .chat-with-user-name > b span, .chat-with-user-name > small{max-width: 220px;} */
	
	/* #group-video-call-info .modal-dialog, #conference-call-info .modal-dialog{
		min-width:420px;
	} */
	
	#users-list .list-group-item-heading span[class*='name']{
		max-width: 150px;
	}
	#users-list #contactlist .list-group-item-heading span[class*='name']{
		max-width: 210px;
	}
	
	#sidebar,#settings-sidebar,#contact-info-bar,
	#message-info-bar,#voice-mail-bar,#about-bar{ width: 380px;}
	.sidebar{ width: 380px; }
	/* .chat-application .chat-fixed-search{width:300px;} */
	.fixed-head-size{width: 380px;}
	.fixed-head-offline,.fixed-head-mic-on ,.fixed-head-mic-off{
		width:400px;
	}
	.call-window-container , .audio-video-window-container{left:380px; width:calc( 100% - 380px );}
	
	.media-list .media {
		padding: 5px 7px 10px 3px;
		margin-top: 0;
	}
	/* #groupCreationModal .modal-dialog, #groupCreationModalModified .modal-dialog { width:600px; } */
	
	/* .modal-dialog { width: 650px; } */
	.historyBtn , .contactBtn, .dialBtn, .newsBtn, .videoAdBtn,
	.callHistoryBtn, .moreBtn {
		height: 32px;
		width: 32px; 
		margin: 0 60px 0 10px
	}
	.dialBtn{
		height: 48px;
		width: 48px;
	}
	.moreBtn{
		background-position: -2px !important; 
		margin: 0 8px 0 -13px;
	}
	.chatVideoPreview, .chatImagePreview, .chatAudioPreview, .chat-content p audio , .chat-content p video {
		max-width: 230px;
		max-height: 300px;
	}
	
	
	
	#multiple-remote-video-holder .remote-video-list {
		margin: auto auto;
	}
	
	#myVideoOnGroup, #localVideo{
		max-width: 150px;
		max-height: 90px;
	}
	.group-person-list, .add-more-in-video  {
		margin-top:15px;
	}
	
	.group-person-list .audio-user .avatar{
		width:42px;
		height:42px;
	} 
	.group-person-list .audio-user .avatar img{
		width: 70px;
		height: 70px;
	}
	.add-more-in-video .add-more-btn {
		width: 42px;
		height: 42px;
	}
	
	.audio-video-window-container .expand-collapse{
		font-size: 23px;
		margin-left: 15px;
		margin-top: 15px;
		margin-right:10px;
	}
	
	.video-top-action-bar-left {
		padding: 10px 8px;
	}
	
	.remote-video-list-right{width: 125px;right: 45px;}
	.remote-video-list-right .remote-video-list{padding : 5px 2px;}
	
	
	#multiple-remote-video-holder .remote-video .dropdown-toggle {
		margin: 0 auto 0 10px;
		width: 110px;
		font-size: 1rem;
	}
	
	#video-fullscreen {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.incoming-call-window .list-group-item-heading, .incoming-call-window .list-group-item-text{
		max-width:300px;
	}
	
	#settings-sidebar #settingsModify .settings-home .avatar, #contact-info-bar .sidebar-header .avatar{
		width: 96px;
		height: 96px;
	}
	#settings-sidebar #settingsModify .settings-home .list-group-item-heading{
		font-size: 1.1rem;
	}
	
	.text-on-call .chat-history-container{
		width: 400px;
		left: calc(100% - 400px);
	}
	.chat-application .text-on-call .chat-app-form{
		width: 400px;
	}
	.chat-application .text-on-call .chats .chat-body .chat-content p{
		max-width: 240px;
	}
	.audio-video-window-container.text-on-call.chatlist-on-call {
		left: 380px;
		width: calc( 100% - 380px );
	}	
	.text-on-call.chatlist-on-call .caller-info-container{
		width: calc( 100vw - 380px );
	}
	
	.callerAction {
		max-width: 70%;
	}
	.callVolBtn , .callMicBtn, .callEndBtn, .callVdoBtn, .callMicOffBtn, .dialPadBtn, .callTransferBtn,
	.videoCallEndBtn, .sendTextBtn, .viewSwitchBtn, .holdListToggleBtn, .callHoldBtn, .screenShareBtn { 
		height: 48px;
		width: 48px;
	}
	.audio-user .remote-user-action {
		padding: 0 0px 0 3px;
		bottom: -8px;
		left: 18px;
		height: 18px;
		letter-spacing: 3px;
	}
	
	.active-audio .remote-user-action i.fa{
		font-size: 0.8rem;
	}
	
	
	.clearSearch {left: calc(100% - 35px);}
	
}
@media (min-width: 1144px) {
	.chatHedContainer{
		width: 50%;
	}
	.text-on-call .chat-history-container{ 
		width: 400px;
		left: calc(100vw - 400px);
	}
	
	.text-on-call.chatlist-on-call .chat-history-container{ 
		width: 400px;
		left: calc(100vw - 780px);
	}
	.text-on-call .caller-info-container {
		
		width: calc(100vw - 400px);
	}
	.audio-video-window-container.text-on-call{
		left: 0;
		width: calc( 100% - 400px );
	}
	
	.text-on-call.chatlist-on-call .caller-info-container {
		width: calc(100vw - 780px);
	}
	.audio-video-window-container.text-on-call.chatlist-on-call{
		
		left: 380px;
		width: calc( 100% - 780px );
	}
	
}
@media (min-width: 1200px) {
	.chatHedContainer{
		width: 55%;
	}
	
	
	.chatVideoPreview, .chatImagePreview, .chatAudioPreview, .chat-content p audio , .chat-content p video {
		max-width: 350px;
		max-height: 350px;
	}
	
	#myVideoOnGroup, #localVideo {
		max-width: 160px;
		max-height: 110px;
	}
	.group-person-list, .add-more-in-video  {
		margin-top:15px;
	}
	
	.group-person-list .audio-user .avatar{
		width: 44px;
		height: 44px;
	}
	.group-person-list .audio-user .avatar img{
		width: 85px;
		height: 85px;
	}
	.add-more-in-video .add-more-btn {
		width: 44px;
		height: 44px;
	}
	
	.audio-video-window-container .expand-collapse{
		font-size: 25px;
		margin-left: 20px;
		margin-top: 15px;
	}
	.video-top-action-bar-left {
		padding: 10px 10px;
	}
	.remote-video-list-right{width: 160px; right: 42px;}
	.remote-video-list-right .remote-video-list{padding: 5px 2px;}
	
}
@media (min-width: 1400px) {

}