/* Medium screen */
@media only screen and (min-width: 992px) and (max-width: 1169px) {
.container {
  width: 970px;
}
/* HEADER AREA*/
.magic-line.nav-menu li a {
  padding: 35px 25px;
}


/* SCREENSHOTS  SECTION*/
.screenshots-area .owl-stage-outer {
  height: 100%;
  padding: 42px 0 20px;
}
.screenshot-app-bg {
  left: -webkit-calc(50% - 116.4px);
  left: expression(50% - 116.4px);
  left: -moz-calc(50% - 116.4px);
  left: -o-calc(50% - 116.4px);
  left: calc(50% - 116.4px);
  top: -webkit-calc(50% - 258.5px);
  top: expression(50% - 258.5px);
  top: -moz-calc(50% - 258.5px);
  top: -o-calc(50% - 258.5px);
  top: calc(50% - 258.5px);
}
.screenshot-app-bg img {
  width: -webkit-calc(100% - 93.5px);
  width: expression(100% - 93.5px);
  width: -moz-calc(100% - 93.5px);
  width: -o-calc(100% - 93.5px);
  width: calc(100% - 93.5px);
}
.screenshots-area .owl-nav {
  margin-top: 0;
  position: relative;
  top: -30px;
}


}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.container {
  width: 750px;
}

/* SCREENSHOTS SECTION */
.screenshot-app-bg {
  left: -webkit-calc(50% - 156px);
  left: expression(50% - 156px);
  left: -moz-calc(50% - 156px);
  left: -o-calc(50% - 156px);
  left: calc(50% - 156px);
  top: -webkit-calc(46% - 296.5px);
  top: expression(46% - 296.5px);
  top: -moz-calc(46% - 296.5px);
  top: -o-calc(46% - 296.5px);
  top: calc(46% - 296.5px);
}
.screenshot-app-bg img {
  width: -webkit-calc(100% - 15px);
  width: expression(100% - 15px);
  width: -moz-calc(100% - 15px);
  width: -o-calc(100% - 15px);
  width: calc(100% - 15px);
}
.screenshots-area .owl-nav {
  position: relative;
  top: 35px;
}

}



/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.container {width:100%;}

/* SCREENSHOTS SECTION */
.screenshots-area .owl-item.big.active.center {
  padding: 17px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
transform: scale(1);
}  
.screenshots-area .owl-stage-outer {
  padding: 0;
}
.screenshot-slide{
  padding-top: 10px;
}  


}



/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/* SCREENSHOTS SECTION */
.screenshots-area .owl-item.right.active, .screenshots-area .owl-item.left.active{
  -webkit-transform: perspective(1500px) translateX(0) rotateY(0);
  -moz-transform: perspective(1500px) translateX(0) rotateY(0);
  -ms-transform: perspective(1500px) translateX(0) rotateY(0);
  -o-transform: perspective(1500px) translateX(0) rotateY(0);
  transform: perspective(1500px) translateX(0) rotateY(0);
  
}
.screenshots-area .owl-item.big.active.center {
  padding: 0;
}
.screenshot-slide{
  padding-top: 10px;
}
.screenshots-area .owl-nav {
  margin-top: 0;
}

}