/*Media Query Start */

@media only screen and (max-device-width: 1200px) {
	.img-btn{
		width: 145px;
	}
	.chat-close-btn{
	position: absolute;
	top: 13% !important;
	right: 25% !important;
}


}

@media only screen and (max-device-width: 1024px) {
	.img-btn{
		width: 135px;
	}
	.Call-log-table{
		position: relative;
		overflow: auto;
		width: 100%;
	}
}

@media only screen and (max-device-width: 991px) {
	.saleforce-left-side{
		height: 180px;
	}
	.modal-content.group-box{
		width: 60%;
	}
	.blended-call{
		font-size: 13px;
	}
	.call-Statistics-content span strong{
		font-size: 13px;
	}
	.current-call-details{
		display: none;
	}
	.customer-information input[type=date], .customer-information input[type=datetime-local], .customer-information input[type=email], .customer-information input[type=number], .customer-information input[type=password], .customer-information input[type=search-md], .customer-information input[type=search], .customer-information input[type=tel], .customer-information input[type=text], .customer-information input[type=time], .customer-information input[type=url], .customer-information textarea.md-textarea{
		width: 340px !important;
	}
	.label-4{
		display: none;
	}
	.upper-saleforce-item {
    height: 45px;
    justify-content: left;
    margin-left: 10px;	
	}
	.hangup-buttons{
		width: 100% !important;
	}
	.hangup-menu{
		width: 170px !important;
	}
.logout-button .modal-content {
    width: 50%;
}



}

@media only screen and (max-device-width: 767px) {
	.admin-details{
		width: 100%;
		padding: 10px 0;
	}
	.modal-content.group-box{
		margin: 5% auto 5% auto;
		width: 70%;
	}
	.saleforce-left-side {
    height: 230px;
}
.customer-information input[type=date], .customer-information input[type=datetime-local], .customer-information input[type=email], .customer-information input[type=number], .customer-information input[type=password], .customer-information input[type=search-md], .customer-information input[type=search], .customer-information input[type=tel], .customer-information input[type=text], .customer-information input[type=time], .customer-information input[type=url], .customer-information textarea.md-textarea {
    width: 280px !important;
}

	.label-4{
		display: none;
	}
.phone-number-manual {
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 10px;
}
.manual-dial-buttons a {
    margin: 0 10px;
    font-size: 12px;
}
.btn-primary{
	font-size: 12px;
}
.chat-close-btn {
    position: absolute;
    top: 13% !important;
    right: 15% !important;
}
.hangup-menu{
	margin: 0 4px !important;	
}
.call-log-table{
	width: 100% !important;
}
.CallBacKsLisTBoxContent{
	width: 97% !important;
	margin: 0 10px !important;

}
.LEADINFOviewContent{
	width: 100%;
	overflow: auto;
	display: block;
}


}

@media only screen and (max-device-width: 640px) {

.customer-information input[type=date], .customer-information input[type=datetime-local], .customer-information input[type=email], .customer-information input[type=number], .customer-information input[type=password], .customer-information input[type=search-md], .customer-information input[type=search], .customer-information input[type=tel], .customer-information input[type=text], .customer-information input[type=time], .customer-information input[type=url], .customer-information textarea.md-textarea {
    width: 240px !important;
}

.tab button{
	font-size: 13px;
	padding: 12px 0;
}
.tablinks a {
    font-size: 12px;
}
.agent_manager_chat_form_table{
	width: 73%;
}
.modal-body-heading h5{
	font-size: 12px;
}
.modal-body-heading h5 a{
	font-size: 12px;
}

.chat-close-btn{
	position: absolute;
	top: 20% !important;
	right: 10% !important;
}
#NeWManuaLDiaLBox{
	padding: 20px;
}
.manual-dial-content{
	padding: 20px;
}

	.label-4{
		display: none;
	}
	.manual-dial-content label{
		font-size: 12px;
	}
	.dial-code-manual .label-3 {
    color: #a09d9d;
    font-size: 12px;
}
.btn-primary{
	border-color: transparent;
}
.manual-dial-para p {
    color: #a09d9d;
    font-size: 11px;
}
.chat-close-btn {
    position: absolute;
    top: 20% !important;
    right: 8% !important;
}
.chat-close-btn {
    position: absolute;
    top: 13% !important;
    right: 8% !important;
}
.TransferMainContent{
	width: 100% !important;
	margin: 10px !important;
}
.CallBackSelectBoxContent{
	width: 95% !important;
	    margin: 20px auto 0 auto !important;
    border-radius: 15px !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 50%) !important;
    height: 830px !important;
    display: block !important;
}
.AgenTDisablEBoXContent{
	width: 97% !important;
}
.DeactivateDOlDSessioNSpanContent{
	width: 91%;
}
.wrapper .datepicker.open{
	height: auto !important;
}
.CustomerChatPanelContent{
	width: 95% !important;
}
.ScriptRefresHContent{
	width: 100% !important;
	overflow: auto !important;

}
#ScriptRefresH{
	left: 50% !important;
}
.noscroll_script.script table{
	width: 100% !important;
}
.ScriptPanelContent{
	width: 100% !important;
	overflow: auto !important;
	display: block !important;
}
#ScriptPanel{
	width: 100% !important;
}

}

@media only screen and (max-device-width: 576px) {

	.img-btn{
		width: 100%;
	}
	.CloserSelectBox{
		top: -90px;
	}
	.blended-call {
    font-size: 12px;
}
.saleforce-left-side {
    height: 475px;
}
.customer-information input[type=date], .customer-information input[type=datetime-local], .customer-information input[type=email], .customer-information input[type=number], .customer-information input[type=password], .customer-information input[type=search-md], .customer-information input[type=search], .customer-information input[type=tel], .customer-information input[type=text], .customer-information input[type=time], .customer-information input[type=url], .customer-information textarea.md-textarea {
    width: 190px !important;
}
.customer-information .form-group label{
		font-size: 13px;
	}
	.agent_manager_chat_form_table {
    width: 62%;
}

.arial_bold{
	font-size: 12px;
}
.arial{
	font-size: 12px;
}
.green_btn{
	width: 130px !important;
	font-size: 12px;
}
.small_arial_bold{
	font-size: 12px;
}
#MuteChatAlert{
	font-size: 12px;
}

	.label-4{
		display: none;
	}	
	#NeWManuaLDiaLBox{
		padding: 15px !important;
	}

	.manual-dial-content{
		padding: 10px;
	}
	.upper-item{
		height: 100px !important;
	}
	.search-leads input.checkbox {
	    width: 13px;
	    height: 16px;
	    float: left;
	}
	.modal-content.group-box {
    margin: 5% auto 5% auto;
    width: 90% !important;
}
.hangup-menu {
    width: 146px !important;
    font-size: 10px;
}
.DispoSelectmain{
	width: 95px !important;
}
.logout-button .modal-content {
    width: 50%;
    position: absolute;
    left: 19%;
    transform: translate(-19%);
}
.customer-information .form-control {
    font-size: 14px;
    padding: 7px;
}
.call-log-table{
	width: 100% !important;
}
.CallBacKsLisTBoxContent{
	width: 97% !important;
	margin: 0 10px !important;

}
.LEADINFOviewContent{
	width: 100%;
	overflow: auto;
	display: block;
}
.logo-img{
	width: 190px !important;
}
.sh_text{
	font-size: 13px !important;
	display: block !important;
	padding: 10px !important;
}
.AgenTDisablEBoXContent{
	width: 92% !important;
	margin: 10px !important;
}
.LogouTBoxContent{
	width: 95% !important;
	margin: 10px auto !important;
	height: auto !important;
	margin-top: 40px !important;
	display: block !important;
	padding-bottom: 15px !important;

}



} 


@media only screen and (max-device-width: 480px) {
	.upper-saleforce-section{
		width: 100%;
	}
	.admin-details{
		width: 100%;
	}
	.saleforce-left-side{
		width: 100%;
		height: 380px;
	}
	.img-btn{
		width: 100%;
	}
	.call-Statistics{
		display: none;
	}
	.current-call-details{
		display: none;
	}
	.saleforce-right-side{
		width: 100%;
	}
	.customer-information{
		width: 100%;
	}
	.customer-information label{
		font-size: 12px;
	}
	.customer-information .form-group label{
		font-size: 12px;
	}
	.customer-information .form-group select{
		font-size: 12px !important;
	}

	.saleforce-tab{
		width: 100%;
	}
	.tab button{
		padding: 7px 0;
		font-size: 12px;
	}
	.tablinks a {
    font-size: 10px;
}
.customer-information input[type=date], .customer-information input[type=datetime-local], .customer-information input[type=email], .customer-information input[type=number], .customer-information input[type=password], .customer-information input[type=search-md], .customer-information input[type=search], .customer-information input[type=tel], .customer-information input[type=text], .customer-information input[type=time], .customer-information input[type=url], .customer-information textarea.md-textarea {
    width: 145px !important;
}
.green_btn {
    width: 100px !important;
    font-size: 10px;
}
.agent_manager_chat_form_table {
    width: 45%;
}
.chat-close-btn {
    position: absolute;
    top: 13% !important;
    right: 13% !important;
    font-size: 12px;
}
	.label-4{
		display: none;
	}

	#NeWManuaLDiaLBox{
		padding: 10px !important;
	}
	.manual-dial-content{
		padding: 10px;
	}
	.body-text.upper-item{
		height: 100px !important;
	}
	.hangup-menu {
	    width: 103px !important;
	    font-size: 7px !important;
	    margin: 0 !important;
	    text-align: center;
	}
.logout-button .modal-content {
    width: 100%;
    position: absolute;
   left:5%; 
    transform: translate(-8%);
}	  

.DispoSelectmain {
    width: 110px !important;
}
.DispoSelectBoxContent{
	width: 100% !important;
}

}