#shareBox{ background:url(../images/lb-bg.jpg) top left repeat; width:1000px; height:400px; overflow:hidden;}
#shareBox .contentDiv{ position:absolute; top:0px; right:0px; width:55%; height:100%; background:#137fc3; text-align:right; padding:0px 50px 0px 0px; color:#FFF;}
#shareBox .contentDiv:before{ position:absolute; content:''; left:-192px; top:0px; background:url(../images/lb-corner-image.png) top left no-repeat; height:100%; width:192px;}
#shareBox .contentDiv .table-div{display:table;height:100%;text-align:right;width:100%}
#shareBox .contentDiv .table-cell{display:table-cell;height:100%;vertical-align:middle;width:100%}
#shareBox .contentDiv .table-cell p{ font-size:32px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal;}  
#shareBox .contentDiv .table-cell p a{ display:inline-block; font-size:20px; color:#FFF; text-decoration:none; border:1px solid #FFF; vertical-align:middle; margin-top:-5px; padding:4px 15px; border-radius:6px;}
#shareBox .contentDiv .table-cell p a:hover{ color:#fdd32e;}
#shareBox .contentDiv .table-cell p span{ color:#fdd32e; font-weight:700;}
#shareBox .contentDiv .table-cell p strong{ font-size:38px; font-weight:700;}
.icon-lbfacebook{ display:inline-block; background:url(../images/lb-like-icon.png) top left no-repeat; width:19px; height:18px; margin-right:7px;}
#shareBox .fancybox-close-small:after{ color:#FFF; transition:all ease .4s; border:1px solid #FFF; border-radius:0px; margin:10px 10px 0 0;}
#shareBox .fancybox-close-small:hover:after { color: #fdcc2a; background: none; border:1px solid #fdcc2a;}

#complntBox{ background:url(../images/complaint-bg.jpg) top left repeat; width:1000px; height:400px; overflow:hidden;}
#complntBox .contentDiv{ width:100%; height:100%; text-align:center; padding:0px 50px 0px 0px; color:#FFF;}
#complntBox .contentDiv .table-div{display:table;height:100%;text-align:right;width:100%}
#complntBox .contentDiv .table-cell{display:table-cell;height:100%;vertical-align:middle;width:100%; text-align:center;}
#complntBox .contentDiv .table-cell p{ font-size:25px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; text-align:center; margin-bottom:25px;}  
#complntBox .contentDiv .table-cell a{ display:inline-block; font-size:16px; color:#000000; text-decoration:none; background:#fdcd01; vertical-align:middle; padding:7px 15px; border-radius:6px; width:150px; margin-left:25px;  border:1px solid #fdcd01;}
#complntBox .contentDiv .table-cell a:hover { border:1px solid #fff; background: rgba(253, 205, 1, 0.1); color:#fff;}
#complntBox .contentDiv .table-cell p span{ color:#fdd32e;}
#complntBox .fancybox-close-small { display:none;}
#complntBox .fancybox-close-small:after { border:1px solid #fff; border-radius:unset; color:#fff;}
#complntBox .fancybox-close-small:hover:after { color:#000 !important;}

@media (max-width:800px) {
	#shareBox{ width:86%; background-size:contain; height:265px;}
	#shareBox .contentDiv{ width:100%; margin-top:100px; height:auto; padding:25px;}
	#shareBox .contentDiv:before{ display:none;}
	#shareBox .contentDiv .table-div{display:table;height:100%;text-align:center;width:100%}
	#shareBox .contentDiv .table-cell p{ font-size:24px; line-height:40px;}
	#shareBox .contentDiv .table-cell p strong{ font-size:24px;}
	#shareBox .contentDiv .table-cell p br{ display:none;}
	#shareBox .contentDiv .table-cell p a{ margin-right:5px; line-height:normal; padding:0px 10px;}
	#shareBox .fancybox-close-small:after{ color:#137fc3; transition:all ease .4s; border:1px solid #137fc3; border-radius:0px; margin:10px 10px 0 0;}
	#shareBox .fancybox-close-small:hover:after { color: #137fc3; background: none; border:1px solid #137fc3;}
	
	#complntBox{ width:86%; background-size:contain; height:265px;}
	#complntBox .contentDiv{ width:100%; margin-top:30px; height:auto; padding:25px;}
	#complntBox .contentDiv:before{ display:none;}
	#complntBox .contentDiv .table-div{display:table;height:100%;text-align:center;width:100%}
	#complntBox .contentDiv .table-cell p{ font-size:24px; line-height:40px;}
}
@media (max-width:767px) {
	#shareBox{ width:86%; background-size:contain; height:380px;}
	#complntBox{ width:86%; background-size:contain; height:auto;}
	#complntBox .contentDiv { margin-top:43px;}
	#complntBox .contentDiv .table-cell p br { display:none;}
	#complntBox .contentDiv .table-cell a { width: 100px; margin-left: 4px;}
}