/*  IPad pro 12 inch
landscape */
@media only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Statics-Button::before {top: 1px;}
	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Statics-Button.u-Overlay-Details-Close::before {top: 1px;}

	.c-Overlay-Details-Response .c-Overlay-Details-Response-Footer .c-Overlay-Details-Statics-Button.u-WebPlay-Hot .icon-pin:before {position: relative;top: 0px;}
}
/* iPad (all models) in portrait and landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Statics-Button::before {top: 0px !important;}
	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Statics-Button.u-Overlay-Details-Close::before {top: 0px !important;}
	.c-Overlay-Details-Response .c-Overlay-Details-Response-Footer .c-Overlay-Details-Statics-Button.u-WebPlay-Hot .icon-pin:before {position: relative;top: 0px !important;}
	
	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Response-Button-Number {position: relative; top: -1px !important;}
	.c-Overlay-Details-Response .c-Overlay-Details-Response-Button-Number > span {position: relative; top: 0px !important;}
}

/*
Css for High resoutions Mac retina browsers  
*/
@media screen 
and (min-device-width : 1024px) 
and (max-device-width : 2000px) and  (-webkit-min-device-pixel-ratio: 2) {
	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Statics-Button {line-height: 14.8px;}
	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Statics-Button::before {top: 1.5px;}
	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Statics-Button.u-Overlay-Details-Close::before {top: 1px;}

	.c-Overlay-Details-Response .c-Overlay-Details-Response-Footer .c-Overlay-Details-Statics-Button.u-WebPlay-Hot .icon-pin:before {position: relative;top: 1px;}

	.c-Overlay-Details-Response-Button-Number {line-height: 19px;}
	.c-Dashborad-Hunter-Bar-Button.u-Btn-Hunter-Trigger-Filter::after {top: 13.5px;}

}

@media screen 
and (max-width : 1260px)  {
	.c-Section-Block-Content-Footer-Button,.c-Section-Block-Content-Footer-Button:hover {padding: 8px 10px;}
}
@media screen 
and (max-width : 1060px)  {
	.c-Section-Block-Content-Footer-Button,.c-Section-Block-Content-Footer-Button:hover {padding: 8px; font-size: 7px;}
}
@media screen 
and (max-width : 860px)  {
	.c-Section-Block-Content-Footer-Button,.c-Section-Block-Content-Footer-Button:hover {padding: 8px 4px; font-size: 7px;}
	.notification-popup.project-task-popup .c-Task-ListNew .c-Task-List-Line .ql-editor {font-size: 14px;}

	.c-Reverb-Map-Overlay {width: 80%; height: calc(80vw * 0.85);}
	
}
@media screen 
and (max-width : 740px)  {
	.c-Section-Block-Content-Footer-Button,.c-Section-Block-Content-Footer-Button:hover {padding: 8px 3px; font-size: 6px;}
}
@media screen 
and (max-width : 550px)  {
	.c-Section-Footer-Button-Text {font-size: 14px;}
}
@media screen 
and (max-width : 480px)  {
	.settings-overlay.prompt-overlay .overlay-popup-close-button.u-Close-Settings-Overlay {top: 15px; right: 5px;}
}
@media screen 
and (max-width : 470px)  {
	.c-Section-Block-Content-Footer-Button,.c-Section-Block-Content-Footer-Button:hover {font-size: 8px;}
	.c-Section-Footer-Button-ImageBlock {width: 35px;height: 35px;line-height: 35px;}
	.c-Section-Footer-Button-ImageBlock .icon-logo-ident {font-size: 5em;left: 3px;}
	.c-Section-Footer-Button-Text {font-size: 12px;}
	.c-Section-Footer-IconButton.icon-add {text-indent:0px;width: 13px;height: 13px;line-height: 13px;vertical-align: middle;font-size: 8px;}
}
@media screen 
and (max-width : 440px)  {
	.c-Section-Footer-Button {width: 50%;}
	.c-Section-Footer-IconButton {font-size: 8px;}
	.c-Section-Footer-Button-Text {font-size: 12px;}
	.c-Section-Footer-IconButton.icon-add {text-indent:0px;width: 13px;height: 13px;line-height: 13px;vertical-align: middle;font-size: 8px;}

  .c-Section-Blocks.c-Section-Blocks-Grid .c-Section-Block-Statics-Cell-Block  {width: 100% !important;}
  .notification-popup.project-task-popup .c-Task-ListNew .c-Task-List-Line .ql-editor {font-size: 14px;}
}
@media screen 
and (max-width : 435px)  {
	.c-Section-Footer-Button {width: 60%;}
}

/*
Css for Chrome and Safari
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col { margin: 1% 0 1% 0%;}
  .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
  .notification-popup { width: 75%;}
  .c-Section-Block-Content-Footer-Button,.c-Section-Block-Content-Footer-Button:hover  {padding: 8px 10px;font-size: 8px;}
  .c-Section-Block-Content-Footer-Button.u-Contact-BothMute, .c-Section-Block-Content-Footer-Button.u-Contact-BothMute:hover, .c-Section-Block-Content-Footer-Button.u-Contact-BothMute.active {font-size: 8px !important;}
  .c-Section-Notification-Footer-Button {padding: 8px 10px;font-size: 8px;}
  .c-Contact-Uploader {width: 50px;}
  .c-Recording-Block .u-Button-Play:before {position: relative; top: 2%;}

  .c-Video-Nav-Arrow[data-arrow="left"] {left: 0px !important;}
	.c-Video-Nav-Arrow[data-arrow="right"] {right: 0px !important;}

	.c-Video-Nav-Arrow.c-Video-Nav-Arrow-Circle[data-arrow="left"] {left: 8px !important;}
	.c-Video-Nav-Arrow.c-Video-Nav-Arrow-Circle[data-arrow="right"] {right: 10px !important;}

	.notification-popup.task-popup-new1 {left: 50%;}

	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Statics-Button.u-Overlay-Details-Chat {line-height: 14.8px;}
	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Statics-Button::before {top: 0px;}

	.settings-overlay.full-list-ai .c-Section-Block.c-Section-Client-VoccallAI .c-Section-Block-Contents {overflow: unset; height: 100%;}

	.c-Overlay-Details-Response .c-Overlay-Details-Response-Footer .c-Overlay-Details-Statics-Button.u-WebPlay-Hot .icon-pin:before {position: relative;top: 0px;}
	.c-Overlay-Details-Response .c-Overlay-Details-Response-Button-Number > span {position: relative; top: 1px;}

	.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Overlay-Details-Response-Button-Number {position: relative; top: -1px;}

	.c-Dashborad-Hunter-Bar-Button.u-Btn-Hunter-Trigger-Filter::after {top: 13.5px;}

}


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	/*.c-Contact-Lists {border: 1px solid green;width: 95%; padding-left: 2px; padding-right: 10px;}*/
	.c-Contact-Lists {width: 99%; display: flow-root; padding: 0;}
	.c-Contact-List {}
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 3) {
}

@media (hover: hover) {
	.u-QuickOverlay-LandingImages .c-QuickOverlay-Block-Button:hover {background: white; color:#2d2d2d; }
}

/* Override all your hover rules for mobile devices */
	body.touch-device .task-popup .c-Overlay-Details-Response:hover {background: #fed970;}
	body.touch-device .c-Overlay-PromptBox-Live .c-Overlay-Details-Response.new:hover {background: #49cd9d;}
	body.touch-device .c-Overlay-PromptBox-Live .c-Overlay-Details-Response.expanded:hover {background: white;}
	
	body.touch-device .c-Overlay-PromptBox-Live {position: relative; transform: translateZ(0); /* force GPU layer */ -webkit-transform: translateZ(0);  will-change: transform;}
	body.touch-device .c-Dashborad-Voccall-Webplays-Container .c-Overlay-Details-StatsGraphs-Bars-Container {position: relative; transform: translateZ(0); /* force GPU layer */ -webkit-transform: translateZ(0);  will-change: transform;}