.notetip{
width: 100%;
margin-top:1em;
margin-left: auto;
margin-right: auto;
padding: 1px 3px 1px 3px;
-webkit-box-shadow: 1px 1px 2px #99f;
-moz-box-shadow: 1px 1px 2px #99f;
text-align: center;
/*IE min-height hack*/
min-height:313px;
height:auto !important;
height:313px !important;
overflow:visible;
position:relative;
bottom:6px;
right: 6px;
border: 1px solid #9999ff;
border-top: 3px solid #9999ff;
/*Set the position of the background image*/
background-position: 20px 50%;
background-repeat: no-repeat;
}
.notetip a.main-button {
position: absolute;
bottom: 7px;
left: 4%;
right: 4%;
text-align: center;
}
.notetip:hover{
-webkit-box-shadow: 3px 3px 3px #99f;
-moz-box-shadow: 3px 3px 3px #99f;
background-color: #f7f7ff;
}
.notetip{
/* IE5 hack */
\margin: 0px 0px -3px 0px;
ma\rgin: 0px 0px 0px 0px;
}
.llleft {
top: 2px;
}
.notetip .llleft h5 {
    display: flex;
    align-items: center;     /*Центрирование по вертикали */
padding-left: 15px !important;
min-height:45px;
bottom: 7px;
}
.notetip h5,.notetip p {
text-align: justify;
line-height: 1.1;
margin: 4px 0px 0px 4px;
}
.notetip img {
	display: block;
	width: 100%;
}
		@media screen and (max-width: 980px) {
.notetip{
min-height:200px;
height:auto !important;
}
.notetip h5 {
height:35px;

}
.llleft {
width: 50% !important;
float: right;
}
.notetip img {
	display: block;
	float: left;
	padding-right: 5px;
	width: 50% !important;
}
.notetip a.main-button {
left: 56% !important;
}
			}
		@media screen and (max-width: 480px) {
.notetip{
min-height:373px;
height:auto !important;
}
.notetip img {
	width: 100% !important;
}
.llleft {
width: 100% !important;
}
.notetip a.main-button {
left: 4% !important;
}	
		}
				@media screen and (max-width: 360px) {
.notetip{
min-height:343px;
}
		}