@media only screen and (min-width: 0px) {

}

@media only screen and (min-width: 360px) {

}

@media only screen and (min-width: 400px) {


}

@media only screen and (min-width: 635px) {

}

@media only screen and (min-width: 768px) {
	#retrieve_api{
		width:35% !important
	}

	.eachpackage:hover {
		*border:1px solid red;
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
	}

	.focuspackage:hover{
		*border:1px solid red;
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
	}
}
 
@media only screen and (min-width: 992px) {

}

@media only screen and (min-width: 1200px) {


}

@media (min-width: 0px) and (max-width:767px) {

	#get_api{
		text-align:center;
	}
	#get_clients{
		display: table;
		margin: 0 auto;
		width:auto !important;
	}
}

.onwebsite, .onneed {
    display: none;
}
.request_quote > .btn {
    margin-top: -8px;
    margin-right: 20px;
}
.onneed hr {
    margin-bottom: 0;
}
a#request_quote_float {
    display: none;
    position: fixed;
    right: 20px;
    top: 120px;
    z-index: 999;
}
h4.contact-header {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
}
.info-x img {
    vertical-align: top;
}
.info-x span {
    display: inline-block;
}
.maroon-btn {
    background-color: #800000 !important;
    border-color: #820000 !important;
}
.panel-body {
    width: 100% !important;
}
label.btn-primary:active, label.btn-primary.active {
	background-color: #002D65;
}
label.btn-primary {
	background-color: gray;
	border-color: gray;
}
#request_quote {
	display: none;
}
.isStuck #request_quote {
	display: block;
}