.web-chat {
			position: fixed;
			bottom: 20px;
			right: 20px;
			z-index: 5;
		}
		.web-chat.hide{
			display:none;
		}

		@media screen and (max-width : 1152px) {
			.web-chat  {
				bottom:30px;
				right: 30px;
			}
			.embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"]
			{
				height: 50% !important;
			}
		}
		@media screen and  (max-height: 650px){
			.web-chat  {
				bottom:30px;
				right: 30px;
			}
			.embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"]
			{
				width: 50% !important;
			}
		}
		@media screen and  (max-width: 500px){
			.web-chat  {
				bottom:30px;
				right: 30px;
			}
			.embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"]
			{
				width: 100% !important;
				height: 50% !important;
				bottom: 10% !important;
				right: 2% !important;
			}
		}
		
		
		.web-chat__list {
			display: block;
			width: 60px;
			height: 60px;
			list-style: none;
			position: relative;
			margin: 0;
			padding: 0;
		}
		.web-chat__list__item {
			width: 60px!important;
			height: 60px!important;
			border-radius: 50%;
			position: absolute;
			cursor: pointer;
		}

		.web-chat__list__item a {
			display: block;
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}

		.web-chat__list__item--open-close {
			transform: rotate(0deg);
			background-image: url('../image/chat-icon.png');
			background-repeat: no-repeat;
			background-size: 60px 59px; 
			bottom: 0;
		}

		.web-chat__list__item--open-close,.web-chat__list__item--open-close.active {
			width: 50px;
			height: 50px;
			-webkit-transform: rotate(0deg);
			background-position: 50%;
			background-repeat: no-repeat;
		}

		.web-chat__list__item--open-close.active {
			transform: rotate(0deg);
			background-image: url('../image/plus-close-icon.svg');
			background-repeat: no-repeat;
			background-size: 60px 60px; 
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.web-chat__list__item--slds {
			width: 50px;
			height: 50px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
			background-image: url('../image/chat-icon.svg');
			background-repeat: no-repeat;
			background-size: 60px 59px; 
			background-position: 50%;
			bottom: 0;
			-webkit-transition: bottom .2s ease-in;
			transition: bottom .2s ease-in;
		}

		.web-chat__list__item--slds.active {
			bottom: 70px;
		}

		.web-chat__list__item--messenger {
			width: 50px;
			height: 50px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
			background-image: url('../image/messenger-icon.svg');
			background-repeat: no-repeat;
			background-size: 60px 60px; 
			background-position: 50%;
			bottom: 0;
			-webkit-transition: bottom .3s ease-in;
			transition: bottom .3s ease-in;
		}

		.web-chat__list__item--messenger.active {
			/*bottom: 140px;*/
			bottom: 285px;
		}

		.web-chat__list__item--whatsapp {
			width: 50px;
			height: 50px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
			background-image: url('../image/whatsapp-icon.svg');
			background-repeat: no-repeat;
			background-size: 60px 60px; 
			background-position: 50%;
			bottom: 0;
			-webkit-transition: bottom .4s ease-in;
			transition: bottom .4s ease-in;
		}

		.web-chat__list__item--whatsapp.active {
			/*bottom: 210px;*/
			bottom: 145px;
		}
		.web-chat__list__item--sms {
			width: 50px;
			height: 50px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
			background-image:url('../image/sms.png');
			background-repeat: no-repeat;
			background-size: 60px 60px; 
			background-position: 50%;
			bottom: 0;
			-webkit-transition: bottom .4s ease-in;
			transition: bottom .4s ease-in;
		}

		.web-chat__list__item--sms.active {
			/*bottom: 280px;*/
			bottom: 215px;
		}