/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
.single-shot{
	padding: 50px 10px;
}
.demo-area {
	padding-left: 30px;
	padding-right: 30px;
}

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.demo-area {
	padding-left: 20px;
	padding-right: 20px;
}

}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.md-full {
  max-width: 100%;
}
.features-wrapper {
  height: 100%;
}
.intro-wrapper h2 {
  font-size: 40px;
}
.demo-area {
	padding-left: 20px;
	padding-right: 20px;
}
.page-title-area {
	padding-top: 200px;
	padding-bottom: 200px;
}
.single-shot{
	padding: 50px 30px;
}
.shot-area {
	padding-left: 0px;
	padding-right: 0px;
}


}


/* small mobile :320px. */
@media (max-width: 767px) {
.header-area {
	padding: 10px 10px;
}
.header-menu ul li {
	margin: 0 5px;
}
.intro-wrapper h2 {
  font-size: 35px;
}
.demo-area {
	padding-left: 0px;
	padding-right: 0px;
}
.page-title-area {
	padding-top: 200px;
	padding-bottom: 200px;
}
.ready-wrapper > h4 {
	font-size: 35px;
}
.single-shot{
	padding: 50px 0px;
}
.shot-area {
	padding-left: 0px;
	padding-right: 0px;
}

.purchase-link a {

	padding: 18px 25px;

}

.hero__area {
	padding-left: 0;
	padding-right: 0;
}

}

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


}