/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width:299px) {
	.app-module-popup{
		right: calc((100% - 340px) / 2);
	}
	.app-module-popup>.container>.section>.popup_content{
		width:300px;
		min-width:auto;
	}
	
	.crm-notifBox{
		max-width:350px;
	}
	
	.notifLeadItemText{
		max-width: 228px !important;
	}
	
}

 /*Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 300px) and (max-width: 575.98px) {

	.app-module-popup{
		right: calc((100% - 340px) / 2);
	}
	
	.app-module-popup>.container>.section>.popup_content{
		width:300px;
		min-width:auto;
	}
	:root {
		--padding-menu-left: 0px;
	}
	.sidebar-menu{
		transform: translateX(-100%);
		transition: all 0.3s;
		overflow: hidden;
		max-width: 200px !important;
	}
	
	.mobileMenu{
		display:block !important;
	}
	
	.menuVerBox{
		width: 200px !important;
	}

	.app-module-setting {
    	padding: 80px 10px 10px 0px !important;

	}

	.settingPanel{
		min-width: 320px !important;
	}

	.company-box{
		width: 77px !important;
    	height: 77px !important;
	}
	.settingTitlePageName{
    	margin-right: 15px !important;

	}

	.hello-text{
		width: 90% !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
	}

	.integra-block-wrap{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.integraItem{

		min-width: auto !important;
		width: 90% !important;
		margin-left: auto !important;
    	margin-right: auto !important;
	}

	.integra-popup-content{
		width: auto !important; 
	}

	.integra-popup{
		width: 100% !important; 
	}

	.rival-controls{
		padding: 80px 10px 40px 20px !important; 

	}

	.secADScontrols{
		justify-content: start !important; 

	}

	.secADScontrols > .crm-input-groups:last-child{
		justify-content: start !important; 
    	margin-top: 10px !important; 
	}

	.activeADStoogle{
		padding: 5px 10px !important; 
	}

	.ADStitle{
		justify-content: center !important; 
	}

	.ADSitem{
		margin: 20px auto 20px auto !important; 
	}

	.ADSbox{
		padding: 0px 0px 40px 0px !important; 
		justify-content: center !important; 
	}

	.funnel-editor-right{
		display: none !important; 
	}

	.crm-scroll{
		padding: 55px 20px 0px 0px !important; 
	}

	.crm-add-lead{
		margin-left: -55px !important; 
	}

	.funnel-crm{
		margin-left: 10px !important; 
    	margin-right: 0px !important; 
	}

	.searcRealBlock{
		left: -20px !important; 
	}

	.DetailCalendarBox{
		display: flex !important; 
	    flex-direction: column !important; 
	    width: 100vw !important; 
	    max-width: 100vw !important; 
	    left: 0px !important; 
	    top: 60px !important; 


	}

	.DetailCalendarBoxRel{
		position: inherit !important; 
	}

	.CalendarSWrap{
		flex-direction: column !important; 
    	align-items: center !important; 
	}

	.cellCalend{
		width: 45px !important; 
    	height: 35px !important; 
	}

	.CustomCalendarEasyBntBOx{
		flex-wrap: wrap !important; 
		justify-content: end !important; 
	}

	.CalBtnCust, .CustomCalendarBTNSubmit {

		margin: 5px !important; 
	}

	.crm-card-topcontrol{
    	justify-content: space-between !important; 
    	max-width: 100vw !important; 
	}

	.crm-card-content{
		width: 100vw;
	    flex-direction: column !important; 
	    box-sizing: border-box !important; 
	    padding: 20px 10px !important; 
	}

	.crm-card-left-side, .crm-card-right-side {
    	width: 100% !important;
	}

	.side-add-block{
		flex-wrap: wrap !important;
		margin: 20px 5px !important;
	}

	
	.ads-top-header{
		font-size: 0.6em !important;
	}
	
	.adsCtrl{
		padding: 80px 10px 40px 40px !important;
    	flex-wrap: wrap;
    	align-items: end !important;
	}
	
	.reloadADS{
		margin-top: 20px;
    	margin-left: auto;	
	}
	
	.AdsTabelBox{
		padding: 0px 20px 40px 20px !important;
	}
	
	.AdsTabel{
		width: 1000px !important;
		overflow: auto !important;
	}
	
	.AdsTabelBox{
		overflow: auto !important;
	}
	
	.noAdsPlatBalance{
		max-width: 150px;
	}

	.crm-notifBox{
		max-width:350px;
	}
	.notifLeadItemText{
		max-width: 228px !important;
	}
	
}



/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 575.99px) and (max-width: 767.98px) {


}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 767.99px) and (max-width: 991.98px) {

}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 991.99px) and (max-width: 1199.98px) {


}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 1200px) {

}