/*=======================================================

	// FOR 0 TO 320;

=========================================================*/

@media (max-width: 320px) {
	p {
		font-size: 14px;
	}
	h2 {
		font-size: 35px;
	}
	h3 {
		font-size: 19px;
	}
	h6 {
		font-size: 14px;
	}
	.btn-default {
		padding: 12px 28px;
		font-size: 16px;
	}
	.pricing-table .pricing-item .pricing-heading h3 {
		padding: 25px 0;
	}
	.pricing-table .pricing-item .pricing-price .all-pricing {
		font-size: 50px;
	}
	.pricing-table .pricing-item button.sign-btn {
		padding: 14px 32px;
		font-size: 16px;
		margin-bottom: 25px;
	}
	.pricing-table .pricing-item .pricing-deatails ul li i {
		font-size: 15px;
		margin-right: 5px;
	}
	.pricing-table .pricing-item .pricing-deatails ul li {
		font-size: 16px;
	}
	.pricing-table .pricing-deatails ul li i {
		font-size: 18px;
		margin-right: 5px;
	}
}


@media (max-width: 530px) {
	.frame {
		display: none;
	}
}


/*=======================================================

	// FOR 321 TO 480;

=========================================================*/

@media (min-width: 321px ) and (max-width: 480px) {
	p {
		font-size: 14px;
	}
	h2 {
		font-size: 38px;
	}
	h3 {
		font-size: 20px;
	}
	h6 {
		font-size: 15px;
	}
	.btn-default {
		padding: 15px 32px;
		font-size: 17px;
	}
	.pricing-table .pricing-item a.sign-btn {
		padding: 18px 37px;
		font-size: 17px;
	}
}


/*=======================================================

	// FOR 481 TO 767;

=========================================================*/

@media (min-width: 481px ) and (max-width: 767px) {
	p {
		font-size: 15px;
	}
	h2 {
		font-size: 40px;
	}
	h3 {
		font-size: 20px;
	}
	h6 {
		font-size: 15px;
	}
	.btn-default {
		padding: 17px 35px;
		font-size: 18px;
	}
}

/*=======================================================

	// FOR 0 TO 767;

=========================================================*/

@media (max-width: 767px) {
	.padding {
		padding: 0;
	}
	.right {
		padding-right: 20px;
	}
	.description .des-bg .des-padding {
		padding: 0;
	}
	.phn-center {
		text-align: center;
	}
	.navbar-custom .navbar-nav {
		margin-right: inherit;
		text-align: center;
	}
	.navbar-custom .navbar-header a.navbar-brand {
		height: 65px;
	}
	.navbar-custom .navbar-nav li a {
		padding: 14px 0;
	}
	.navbar-nav li.active > a:after {
		width: 0;
	}
	.header .part-inner-left {
		margin: 230px 0 0 0;
	}
	.header .part-inner-left .btn {
		margin-bottom: 40px;
	}
	.features .features-left,
	.features .features-right {
		text-align: center;
		margin-top: 5px;
	}
	.features .feature {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.features-left .icon-container,
	.features-right .icon-container {
		float: none;
		margin-left: inherit;
		min-height: 70px;
	}
	.feature .icon-container .icon {
		margin: auto;
	}
	.app-best {
		margin-top: 0;
	}
	.description-body .des-details .part {
		text-align: center;
		margin-bottom: 40px;
	}
	.app-img img {
		margin: 0 auto;
	}
	.video-right {
		margin-top: 150px;
	}
	.video-details h6:before {
		content: "";
		font-size: 6px;
		padding-left: 25px;
		border-left-width: 80px;
		border-left-style: solid;
	}
	.testimonial .item .review p {
		padding: 0;
	}
}


/*=======================================================

	// FOR 768 TO 991;

=========================================================*/

@media screen and (min-width: 768px) and (max-width: 991px) {
	.padding {
		padding: 0 15%;
	}
	p {
		font-size: 15px;
	}
	h2 {
		font-size: 44px;
	}
	h3 {
		font-size: 20px;
	}
	.navbar-custom .navbar-header {
		width: 100%;
		position: relative;
		text-align: center;
	}
	.navbar-custom .navbar-header a {
		float: none !important;
	}
	.navbar-custom .navbar-header a img {
		margin: -5px auto;
	}
	.description .des-bg .des-padding {
		padding: 0 12%;
	}
	.header .part-inner-left {
		margin: 335px 0 45px 0;
	}
	.features .feature {
		margin-bottom: 40px;
	}
	.features .features-left {
		margin-top: 60px;
		margin-bottom: 50px;
	}
	.features .features-right {
		margin-top: 60px;
		margin-bottom: 50px;
	}
	.features-left .icon-container,
	.features-right .icon-container {
		display: none;
	}
	.video-right {
		margin-top: 150px;
	}
	.pricing-table .pricing-item {
		margin: 30px auto;
	}
}


/*=======================================================

	// FOR 991;

=========================================================*/

@media screen and (max-width: 991px) {
	.small-center {
		text-align: center;
	}
}


@media screen and (min-width: 768px) {
	
	.video-details h2 {
		padding-left: 3%;
	}
	.video-details p {
		padding-left: 3%;
	}
}