/*Silent Salesman Styles */
.corner-box {position:fixed; bottom:30px; right:30px; z-index:1000; opacity:0; display:none; border-radius: 15px; box-shadow: 3px 3px 6px #173888;}
.corner-box.box-left {right:auto; left:15px;}
.corner-box .header {padding:10px 15px; transition: all .3s ease; background-color:transparent;}
.corner-box .header img {width:20px; margin:-2px 3px 0 0;}
.corner-box .header img.no-title {margin:-2px 0 0;}
.corner-box .container {border-radius:15px; transition: all .3s ease; overflow:hidden;}
.corner-box .header:hover {cursor:pointer;}
.corner-box .header p {margin:0; color:#fff; font-size:16px; display:inline-block;}
.corner-box .content {display:none; width:340px; max-height:445px; overflow-y:auto; }
.corner-box .content p {color:#777;}
.corner-box .wrapper {width:auto; font-size:14px; background:#fff; margin:0 10px 10px; padding:10px; border-radius:15px; }
.corner-box .wrapper p {font-size:14px; margin:0 auto 15px;}
.corner-box .wrapper .button {margin:0 auto; display:block; text-align:center;}
.corner-box.open .header {border-radius:15px 15px 0 0;  }
.corner-box.open .header:after {content:'\25bc'; position:absolute; right:10px; color:#fff;}
.corner-box.open .content {border-radius:0 0 15px 15px; }
.corner-box.open .container {border-radius:15px; }
@media only screen and (max-width: 370px) { 
    .corner-box .content {width:100%;}
    .corner-box.open {right:15px; left:15px;}
}
@media only screen and (max-height: 660px) { 
    .corner-box .content {max-height:320px;}
}
@media only screen and (max-height: 530px) { 
    .corner-box .content {max-height:220px;}
}
@media only screen and (max-height: 430px) { 
    .corner-box .content {max-height:180px;}
}
@media only screen and (max-height: 360px) { 
    .corner-box .content {max-height:120px;}
}