#allThemes>div{text-align:center}#allThemes>div>div{display:inline-block;vertical-align:top;width:50%;margin-right:-4px;padding:0 5px}#allThemes .themedemo{position:relative;display:inline-block;vertical-align:top;padding:4px 4px 0;background-color:#fff;text-align:center;overflow:hidden;margin:50px 0}.df-default,.themeDemoPopUp{overflow-y:auto}#allThemes .themedemo img{width:100%;max-width:600px;height:auto}#allThemes .themedemo .innerTheme{position:absolute;text-align:center;left:0;right:0;top:0;padding-top:15%;height:100%;background:rgba(0,0,0,.6)}.themeDetails{visibility:hidden}#allThemes .themedemo:hover .themeDetails{visibility:visible}#allThemes .themedemo:hover .innerTheme h3{color:#fff}#allThemes .themedemo span{display:inline-block;margin:0 auto}#allThemes .themedemo span a{text-decoration:none;display:block;padding:15px 20px;background-color:#dd5517;color:#fff;font-size:25px;text-transform:uppercase}.themeDemoPopUp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:none}.themeDemoPopUp>span,.user-choiceDevice{position:fixed;text-align:center;z-index:99999}.themeDPUInActive{right:0}.themeDPUInActive.themeDPUActive{right:-17px}.themeDemoPopUp>span{display:block;right:20px;top:20px;width:50px;height:50px;font-weight:700;font-size:25px;line-height:50px;color:#fff;background:#C7002D;cursor:pointer}.df-default,.if-default{width:100%;height:100%}.df-default.df-tab{background-image:url(../../common/media/images/iframeimg/itab.png);width:980px;height:768px;margin:20px auto;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}.demoframe .if-default.if-tab{width:805px;height:604px!important;margin:44px 0 0 88px}.df-default.df-phone{background-image:url(../../common/media/images/iframeimg/andphone.png);width:415px;height:798px;margin:20px auto}.demoframe .if-default.if-phone{width:368px;height:652px!important;margin:77px 0 0 27px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px}.user-choiceDevice{left:0;right:0;bottom:0;padding:10px 0;background:#d2d2d2}.user-choiceDevice span{display:inline-block;margin-right:40px;cursor:pointer}.user-choiceDevice span img{height:30px}@media only screen and (max-width :1680px){.df-default.df-tab{background-image:url(../../common/media/images/iframeimg/itab.png);width:980px;height:615px}.demoframe .if-default.if-tab{width:712px;height:535px!important;margin:39px 0 0 78px}.df-default.df-phone{background-image:url(../../common/media/images/iframeimg/andphone.png);width:415px;height:798px;margin:20px auto}.demoframe .if-default.if-phone{width:368px;height:652px!important}}@media only screen and (max-width :1366px){.df-default.df-tab{background-image:url(../../common/media/images/iframeimg/itab.png);width:980px;height:615px}.demoframe .if-default.if-tab{width:712px;height:535px!important;margin:39px 0 0 78px}.df-default.df-phone{background-image:url(../../common/media/images/iframeimg/andphone.png);width:415px;height:798px;margin:20px auto}.demoframe .if-default.if-phone{width:368px;height:652px!important}}@media only screen and (max-width :768px){.user-choiceDevice{display:none}#allThemes .themedemo .innerTheme{padding-top:10%}#allThemes>div>div{display:block;padding:0 0 20px;width:100%}#allThemes .themedemo img{max-width:100%}}