.live-demo-section .live-demo-wrapper .live-demo-title h2{font-size:48px;font-weight:600;text-align:center;text-shadow:0 0 30px rgba(173,73,225,.4)}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list{display:flex;flex-wrap:wrap;justify-content:space-around;row-gap:5rem}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item{height:345px;position:relative;width:520px}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item:hover:before{background:#320b46cc;transition:all .5s ease}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item:hover .live-demo-item-inner .live-demo-site-name{bottom:15%;left:15%;scale:110%}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item:hover .live-demo-item-inner .lines .vertical-line{height:225px}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item:hover .live-demo-item-inner .lines .horizontal-line{width:290px}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item:before{background-color:#00000080;content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s ease;width:100%}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item.seven-dark{background-image:url(../images/mainpage/live-demo/seven-dark.png)}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item.boss-aku{background-image:url(../images/mainpage/live-demo/boss-aku.png)}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item.freddo{background-image:url(../images/mainpage/live-demo/freddo.png)}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item.kavalali-suites{background-image:url(../images/mainpage/live-demo/kavalali-suites.png)}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item.taksim-bi-center{background-image:url(../images/mainpage/live-demo/taksim-bi-center.png)}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item.the-wilson-galata-hotel{background-image:url(../images/mainpage/live-demo/the-wilson-galata-hotel.png)}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item.taksim-wonder-suites{background-image:url(../images/mainpage/live-demo/wonder-suites.png)}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item .live-demo-item-inner{height:100%;width:100%}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item .live-demo-item-inner .live-demo-site-name{bottom:13%;font-size:32px;font-style:italic;font-weight:500;left:13%;position:absolute;transition:all .5s ease}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item .live-demo-item-inner .lines{height:100%;position:relative;width:100%}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item .live-demo-item-inner .lines .vertical-line{background-color:#fff;bottom:7%;height:200px;left:10%;position:absolute;transition:height .5s ease;width:3px}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item .live-demo-item-inner .lines .horizontal-line{background-color:#fff;bottom:10%;height:3px;left:7%;position:absolute;transition:width .5s ease;width:250px}@media only screen and (max-width:1280px){.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item{background-position:50%;width:465px}@media only screen and (max-width:1024px){.live-demo-section .live-demo-wrapper .live-demo-content{margin-top:2rem}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list{row-gap:2rem}}}@media only screen and (max-width:640px){.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item .live-demo-item-inner .lines .vertical-line{height:135px}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item .live-demo-item-inner .lines .horizontal-line{width:250px}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item:hover .live-demo-item-inner .lines .vertical-line{height:155px}.live-demo-section .live-demo-wrapper .live-demo-content .live-demo-list .live-demo-item:hover .live-demo-item-inner .lines .horizontal-line{width:260px}}