#preview #preview_top{
     min-height: 800px;
    background: -moz-linear-gradient( 40deg, rgba(35,2,109, 0.95) 0%, rgba(61,100,244, 0.95) 100%), url(../img/preview/preview_top_bg.jpg) no-repeat scroll center 0/cover;
    background: -webkit-linear-gradient( 40deg, rgba(35,2,109, 0.95) 0%, rgba(61,100,244, 0.95) 100%), url(../img/preview/preview_top_bg.jpg) no-repeat scroll center 0/cover;
    background: -o-linear-gradient( 40deg, rgba(35,2,109, 0.95) 0%, rgba(61,100,244, 0.95) 100%), url(../img/preview/preview_top_bg.jpg) no-repeat scroll center 0/cover;
    background: linear-gradient( 40deg, rgba(35,2,109, 0.95) 0%, rgba(61,100,244, 0.95) 100%), url(../img/preview/preview_top_bg.jpg) no-repeat scroll center 0/cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
}

 #preview #preview_top .container{
     padding:7% 10%;
     text-align: center;
}
 #preview #preview_top .container h5{
     color:#fff;
     font-weight:400;
     margin-top:20px;
}
 #preview section#home-sec {
     padding:5% 0;
     background:#f6f6f6 url(../img/preview/home-sec-bg.png);
     position: relative;
}
 
 #preview section#home-sec .section-heading {
     padding:50px 0;
      background:url(../img/preview/home-heading.png) no-repeat center center;
      margin-bottom:40px;
}
 
 #preview section#home-sec  .col-sm-12{
     margin-bottom:50px;
     padding:2%;
}

 #preview section#home-sec  h5{
     text-align: center;
     display:block;
}
 #preview section#home-sec .pic-holder{
     margin-bottom: 8px;
}
 #preview section#home-sec .pic-holder img{
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    object-fit: cover;
}
 #preview section#inner-page-sec {
     padding:0 5% 5%;
     background:#f6f6f6 url(../img/preview/home-sec-bg.png);
     position: relative;
}
 .grid-center {
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-flow: row wrap;
     align-content: center;
     -webkit-box-pack: center;
     justify-content: center;
}

.owl-item img{ opacity:0.5; }
.owl-item.active.center img{ opacity:1; }

 #preview section#inner-page-sec .section-heading {
     margin-bottom:100px;
}


#home-sec .item{  overflow:hidden; position: relative; z-index: 0; }


#home-sec .carousel-caption{  text-align:left;  width:20%; left:0; bottom:0;  transition: all 0.5s ease;  }
#home-sec .owl-item .carousel-caption h5{ padding-bottom:40px; z-index:9; position: relative;  padding-left:25px; color:#fff; transform:scale(0);  transition: all 0.5s ease;}
#home-sec .owl-item.active.center:hover .carousel-caption h5{ transform:scale(1); }

#home-sec .owl-item.active.center .carousel-caption::before{ z-index: 0; content:''; position: absolute; transition: all 0.7s ease; left:-200px; bottom:0; height:160px; border-radius:20%; width:160px; transform:rotate(40deg); display:block; background:#1a1a1a; border:solid 1px rgba(255, 255, 255, 0.3);  }
#home-sec .owl-item.active.center:hover .carousel-caption::before{ left:0;  transform:rotate(140deg); }

#home-sec .owl-item.active.center .carousel-caption::after{ z-index: 0; content:''; position: absolute; transition: all 0.5s ease; left:-200px; bottom:0; height:160px; border-radius:20%; width:160px; transform:rotate(80deg); display:block; background:rgba(26, 26, 26, 0.5); border:solid 1px rgba(255, 255, 255, 0.5); }
#home-sec .owl-item.active.center:hover .carousel-caption::after{ left:10px;  transform:rotate(160deg); }

#home-sec .owl-item.active.center:hover .shadow { transform:scale(1); }
#home-sec .owl-dots{ margin-top:50px; }


#preview section#inner-page-sec .section-heading {
    padding:50px 0;
      background:url(../img/preview/innerpage-heading.png) no-repeat center center;
      margin-bottom:40px;}
 #preview section#inner-page-sec .col-sm-12 .desktops{ padding:30px; }
 #preview section#inner-page-sec .col-sm-12 .desktops:hover{
     background:url(../img/preview/demo-bg.gif) no-repeat center top;
     background-size:100% auto;
}
 #preview section#inner-page-sec  h5{
     text-align: center;
     display:block;
}
 #preview section#inner-page-sec .pic-holder{
     margin-bottom: 8px;
}
 #preview section#inner-page-sec .pic-holder img{
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    object-fit: cover;
}
 #preview section#features{
     text-align: center;
     padding-top:0;
    background:#f6f6f6 url(../img/preview/home-sec-bg.png);
}
 
 #preview section#features .section-heading {
  padding:50px 0;
      background:url(../img/preview/features-heading.png) no-repeat center center;
      margin-bottom:40px;
}
 #preview section#features .col-sm-6{
     border:solid 1px #f6f6f6;
     background:#fff;
     padding:60px 0;
}
 #preview section#features .col-sm-6:hover{
    -webkit-box-shadow: 0px 10px 34px -19px rgba(0,0,0,0.4);
     -moz-box-shadow: 0px 10px 34px -19px rgba(0,0,0,0.4);
     box-shadow: 0px 10px 34px -19px rgba(0,0,0,0.4);
     z-index: 2;
     transition: all 0.5s ease;
}
 #preview section#features .col-sm-6 .theme-feature img{
     height:60px;
     margin-bottom:20px;
}
 #preview section#purchase {
     text-align: center;
}
 #preview section#purchase h6{
     color:#797979;
     margin-top:15px;
}
 #preview .purchase-button{
    display:block;
     margin-top:20px;
     clear:both;
     padding:30px 0;
}
 #preview .purchase-button a{
     display:inline-block;
     font-size:20px;
     font-weight:700;
     padding:15px 50px;
     border-radius:50px;
     color:#fff;
     border:solid 1px #fff;
}
 #preview .purchase-button a:hover{
    background:url(../img/preview/demo-bg.gif) no-repeat center top;
     background-size:100% auto;
     color:#262626;
     -webkit-box-shadow: 0px 25px 15px -22px rgba(0,0,0,0.61);
     -moz-box-shadow: 0px 25px 15px -22px rgba(0,0,0,0.61);
     box-shadow: 0px 25px 15px -22px rgba(0,0,0,0.61);
}
 #preview section#purchase .purchase-button a{
     display:inline-block;
     font-size:20px;
     font-weight:700;
     padding:15px 50px;
     border-radius:50px;
     color:#fff;
     border:none;
     background:#262626;
}
 #preview section#purchase .purchase-button a:hover{
    background:url(../img/preview/demo-bg.gif) no-repeat center top;
     background-size:100% auto;
     color:#262626;
     -webkit-box-shadow: 0px 25px 15px -22px rgba(0,0,0,0.61);
     -moz-box-shadow: 0px 25px 15px -22px rgba(0,0,0,0.61);
     box-shadow: 0px 25px 15px -22px rgba(0,0,0,0.61);
}
 @media only screen and (max-width: 1280px) {
     #preview section#home-sec {
        padding-top:20px;
         background:url(../img/preview/home-heading.png) no-repeat center 0px;
         background-size:100% auto;
    }
     #preview section#home-sec .section-heading {
         margin-bottom:50px;
    }
     #preview section#home-sec::before{
         content:'';
         width:20%;
         position: absolute;
         top:0;
         height:90%;
         border-radius:0 0 200px 200px ;
         z-index:0;
         background:#101010;
         left:16%;
    }
     #preview section#inner-page-sec {
         padding-top:100px;
         background:url(../img/preview/innerpage-heading.png) no-repeat center 70px;
         background-size:70% auto;
    }
     #preview section#features {
         padding-top:20px;
         background:url(../img/preview/features-heading.png) no-repeat center -5px;
         background-size:50% auto;
    }
}
 @media only screen and (max-width: 767px){
     #preview section#home-sec {
        padding-top:20px;
         background:url(../img/preview/home-heading.png) no-repeat center 0px;
         background-size:80% auto;
    }
     #preview section#inner-page-sec {
         padding-top:100px;
         background:url(../img/preview/innerpage-heading.png) no-repeat center 80px;
         background-size:100% auto;
    }
     #preview section#features {
         padding-top:20px;
         background:url(../img/preview/features-heading.png) no-repeat center 10px;
         background-size:70% auto;
    }
     #preview section#home-sec::before{
         content:'';
         width:50%;
         position: absolute;
         top:0;
         height:20%;
         border-radius:0 0 200px 200px ;
         z-index:0;
         background:#101010;
         left:24%;
    }
     #preview section#home-sec  .col-sm-12{
         padding:10%;
         padding-bottom:0;
    }
     #preview h5 {
         font-size:30px;
    }
     #preview h3 {
         font-size:40px;
    }
     #preview section#features h5 {
         font-size:20px;
    }
     #preview section#purchase {
         padding:50px 0;
    }
}
 @media only screen and (max-width: 480px){
     #preview #preview_top {
         min-height: 800px;
    }
     #preview #preview_top .container {
         padding:200px 50px;
    }
     #preview section#home-sec {
        padding-top:100px;
         
    }
     #preview h3 {
         font-size:30px;
    }
     #preview h5 {
         font-size:20px;
    }
     #preview section#features h5 {
         font-size:16px;
    }
     #preview h2{
         font-size:30px;
    }
}
 @media only screen and (max-width: 320px){
     #preview section#inner-page-sec {
         padding-top:40px;
         background:url(../img/preview/innerpage-heading.png) no-repeat center 20px;
         background-size:100% auto;
    }
     #preview #preview_top {
         max-height: 500px;
    }
     #preview #preview_top .container {
         padding:100px 50px;
    }
     #preview .purchase-button a{
         display:inline-block;
         font-size:16px;
         font-weight:700;
         padding:15px 50px;
         border-radius:50px;
         color:#fff;
         border:solid 1px #fff;
    }
     #preview section#inner-page-sec .section-heading {
         margin-bottom:40px;
    }
     #preview h5 {
         font-size:18px;
    }
     #preview section#inner-page-sec .section-heading h3{
         font-size:20px;
    }
}