/*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 ===============================================*/
/*
 1.) Media Query for Handheld Devices
 ===============================*/
@media only screen and (max-width : 1119px) {
/* Styles */
}


/*
 2.) Media Query for Tablet
 ===============================*/
@media only screen and (min-width : 768px) and (max-width : 866px) {
	.px-product-text {
		width: 100%;
	}
	.px-footer-client li {
		margin-right: 23px;
	}

}


/*
 3.) Media Query for mobile
 ===============================*/
@media only screen and (max-width : 767px){
	#content {
    padding-top: 37px;
	}
	.no-gutter-xs {
		padding: 0;
	}
	.px-header {
		top: 0;
	}
	.px-header-wrap {
    padding: 11px 14px 11px;
}
.px-logo {
	width: 88px;
}
.xs-page-heading {
    padding: 86px 4px 0;
}
.xs-page-heading h1, .px-cta-box h2 {
	font-size: 3rem;
}
.px-section-one {
	padding: 76px 0 0;
}
.px-section-title {
	margin: 0 0 13px;
}
.px-result-text h3, .px-result-text p {
	font-size: 2.8rem;
}
.px-result-text {
	padding: 2px 0 0 18px;
}
form.px-form {
	margin: 0 0 40px;
    min-height: 0;
}
.px-result-text {
	padding: 2px 6px 0 18px;
}
.px-section-title {
	font-size: 2.8rem;
}
.px-section-two {
    padding: 42px 0 60px;
}
.px-product-block {
	float: none;
	width: 100%;
	border-right: none;
}
.px-product-text {
	padding: 0 18px 61px;
    width: 100%;
}
.px-product-text h2, .px-product-text p {
	font-size: 2.6rem;
}
.px-product-block {
	min-height: 386px;
}
.px-section-three {
    padding: 7px 0 85px;
}
.px-section-three h2 {
	    font-size: 2.9rem;
}
.px-section-title-three {
    margin: 0 0 18px;
    padding-right: 15px;
}
.clients-list {
	margin: 30px 0 43px;
}
.clients-list li {
	width: 50%;
}
.px-quote p {
	    font-size: 3.1rem;
}
.px-quote {
    padding-right: 0;
}
.px-quote-details h4, .px-quote-details span {
	font-size: 2.8rem;
}
.px-cta {
	padding: 71px 5px 30px;
}
.px-cta-box h2 {
	margin: 0 0 50px;
}
.px-demo-btn {
	width: 100%;
}
.px-fs-list li {
	float: left;
	width: 33%;
	text-align: center;
	margin-right: 0;
}
.px-serving-area {
	width: 50%;
}
.px-footer {
	padding: 54px 0 48px;
}
.px-serving-area a {
	font-size: 1.4rem;
}
.px-serving-text {
	margin: 0 0 27px;
}
.px-serving-area li {
    margin: 0 0 22px;
}
.px-copy-text {
    padding: 26px 0 0 2px;
}
.navbar-toggle {
    margin-right: 0;
    padding: 4px 0px;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid transparent;
}
.px-navigation .navbar-nav > li {
	margin-right: 0;
}
.navbar-toggle .icon-bar {
	width: 24px;
	background: #455a6d;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}
.dropdown {
	position: static;
	opacity: 1;
	visibility: visible;
	padding: 10px 0;
	width: 100%;
	display: none;
	-webkit-transition: 0s;
	-moz-transition: 0s ;
	-ms-transition: 0s ;
	-o-transition: 0s ;
	transition: 0s ;
	box-shadow: 0px 0 0 0px rgba(0,0,0,0);
}

}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  	.px-navigation .navbar-nav > li > a:hover .arrow-down, .px-navigation .navbar-nav > li > a:focus .arrow-down {
		background: url("../images/down-arrow2@2x.png") no-repeat center top;
		background-size: cover;
	}
	.arrow-down {
		background: url("../images/down-arrow@2x.png") no-repeat center center;
		background-size: cover;
	}
	.px-section-one {
		background: url("../images/bg-texture@2x.jpg");
	}
	.px-product-block-one {
		background: url("../images/block-1@2x.jpg") no-repeat center top;
		background-size: cover;
	}
	.px-product-block-two {
		background: url("../images/block-2@2x.png") no-repeat center top;
		background-size: cover;
	}
	.px-product-block-three {
		background: url("../images/block-3@2x.png") no-repeat center top;
		background-size: cover;
	}
	.px-product-block-four {
		background: url("../images/block-4@2x.png") no-repeat center top;
		background-size: cover;
	}
	.px-product-block-five {
		background: url("../images/block-5@2x.png") no-repeat center top;
		background-size: cover;
	}
	.icon-right {
		background: url("../images/right-arrow@2x.png") no-repeat center center;
	}
	.px-section-three {
		background: url("../images/bg-texture@2x.jpg");
	}
	.px-footer {
		/*background: url("../images/bg-ctak-dark@2x.jpg");?
		*/
	}
	.px-alert-box {
		background: url("../images/alert-bg@2x.jpg");
	}
	.px-product-block-five .icon-right {
		background: url("../images/right-arrow-blue@2x.png") no-repeat center center;
		background-size: cover;
	}
}
