.cd-gallery li.innerListingAds .showcaseDiv,
.articleDiv .showcaseDiv { margin: 0 calc((100% - 300px) / 2) 16px }

/****************************** ADS ******************************/
/********** Showcase **********/
.showcaseDiv { display: inline-block; width: 300px; float: left; height: auto; margin-bottom: 20px; overflow: hidden; box-shadow: none; min-width: 300px; min-height: 250px }
.articleDiv .showcaseDiv { margin-bottom: 30px }
.showcaseDiv .adTtl:not(.ivbsDescription p) { font-family: DroidKufiLight, arial; text-align: center !important; color: #aaa !important; background: #fff; font-size: 11px !important; width: 300px; height: 16px; line-height: 1.6; cursor: default; margin: 0 }
.showcaseDiv .showcase { background: #ddd; width: 300px; height: auto; display: flex; min-height: 250px }
.showcaseDiv .showcase > div { float: right; display: flex }
.showcaseDiv .showcase.sc1 { background: #fff }
.showcaseDiv .geminiSC1Ad { display: none !important }
.showcaseDiv .geminiSC1Ad.showSC1 { display: flex !important }
.showcaseDiv .geminiSC2Ad { display: none !important }
.showcaseDiv .geminiSC2Ad.showSC2 { display: flex !important }
.showcaseDiv .geminiSC3Ad { display: none !important }
.showcaseDiv .geminiSC3Ad.showSC3 { display: flex !important }
.showcaseDiv .geminiSC4Ad { display: none !important }
.showcaseDiv .geminiSC4Ad.showSC4 { display: flex !important }
.showcaseDiv .geminiSC5Ad { display: none !important }
.showcaseDiv .geminiSC5Ad.showSC5 { display: flex !important }
.showcaseDiv .geminiSC6Ad { display: none !important }
.showcaseDiv .geminiSC6Ad.showSC6 { display: flex !important }
.showcaseDiv .geminiSC7Ad { display: none !important }
.showcaseDiv .geminiSC7Ad.showSC7 { display: flex !important }
.showcaseDiv .geminiSC8Ad { display: none !important }
.showcaseDiv .geminiSC8Ad.showSC8 { display: flex !important }
.showcaseDiv .geminiSC9Ad { display: none !important }
.showcaseDiv .geminiSC9Ad.showSC9 { display: flex !important }
.showcaseDiv .geminiSC10Ad { display: none !important }
.showcaseDiv .geminiSC10Ad.showSC10 { display: flex !important }
.showcaseDiv .geminiSCIGAd { display: none !important }
.showcaseDiv .geminiSCIGAd.showSCIG { display: flex !important }
.showcaseDiv img { border: none !important }
.showcaseDiv .geminiSC1Ad .hcSlider { display: none }
.showcaseDiv .geminiSC1Ad.showSC1 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper, .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
/** second showcase **/
.showcaseDiv .geminiSC2Ad .hcSlider { display: none }
.showcaseDiv .geminiSC2Ad.showSC2 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper, .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
.showcaseDiv .geminiSC3Ad .hcSlider { display: none }
.showcaseDiv .geminiSC3Ad.showSC3 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper, .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
.showcaseDiv .geminiSC4Ad .hcSlider { display: none }
.showcaseDiv .geminiSC4Ad.showSC4 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper, .showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
.showcaseDiv .geminiSC5Ad .hcSlider { display: none }
.showcaseDiv .geminiSC5Ad.showSC5 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper, .showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC6Ad .hcSlider { display: none }
.showcaseDiv .geminiSC6Ad.showSC6 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper, .showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC7Ad .hcSlider { display: none }
.showcaseDiv .geminiSC7Ad.showSC7 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper, .showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC8Ad .hcSlider { display: none }
.showcaseDiv .geminiSC8Ad.showSC8 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper, .showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC9Ad .hcSlider { display: none }
.showcaseDiv .geminiSC9Ad.showSC9 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper, .showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC10Ad .hcSlider { display: none }
.showcaseDiv .geminiSC10Ad.showSC10 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper, .showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
/*.showcaseDiv .geminiSC1Ad .monsterImage{display:none}
.showcaseDiv .geminiSC1Ad.monsterCntnr .monsterImage{display:block}
.showcaseDiv .geminiSC1Ad.monsterCntnr .scImage{display:none}*/

/********** ASYNC OTP **********/
/** Desktop **/
.showOTP .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.showOTP .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.showOTP .showcaseDiv .sc1 iframe { width: 100%; height: 400px; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; top: 130px; visibility: visible; z-index: 9999; }
.hideOTP .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
.hideOTP .showcaseDiv .showcase.sc1 { width: 300px; left: auto }
.showOTP .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
.adAsync div[style] { width: auto !important; height: auto !important }
/********** ASYNC OVERLAY **********/
/** Desktop **/
.showOverlay .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.showOverlay .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.showOverlay .showcaseDiv .sc1 iframe { width: 100%; height: calc(100% - 50px); display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; top: 50px; visibility: visible; z-index: 9999; }
.hideOverlay .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
.hideOverlay .showcaseDiv .showcase.sc1 { width: 300px; left: auto }
.showOverlay .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
.showOverlay .sponsorAsync { display: none }
.hideOverlay .sponsorAsync { display: block }
.showOverlay-clsdSpnsr .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.showOverlay-clsdSpnsr .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.showOverlay-clsdSpnsr .showcaseDiv .sc1 iframe { width: 100%; height: calc(100% - 50px); display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; top: 50px; visibility: visible; z-index: 9999; }
.hideOverlay-clsdSpnsr .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
.hideOverlay-clsdSpnsr .showcaseDiv .showcase.sc1 { width: 300px; left: auto }
.showOverlay-clsdSpnsr .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
/********** ASYNC Expandable Showcase **********/
/** Same ratio **/
.ExpandSCMain .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.ExpandSCMain .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.ExpandSCMain .showcaseDiv .showcase.sc1 iframe { width: 300px; height: 250px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandSCMain.showExpand .showcaseDiv .showcase.sc1 iframe { width: 624px; height: 520px }
.ExpandSCMain .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
/** Same ratio **/
.ExpandSCWide .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.ExpandSCWide .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.ExpandSCWide .showcaseDiv .showcase.sc1 iframe { width: 300px; height: 250px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandSCWide.showExpand .showcaseDiv .showcase.sc1 iframe { width: 800px; height: 250px }
.ExpandSCWide .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }


@media only screen and (max-width: 1023px) {
    .showcaseDiv {margin: 0 calc((100% - 300px)/2) 40px;}
}

@media screen and (min-width:320px) and (max-width:767px) {
    .showcaseDiv{ margin-bottom: 30px }
}