@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 4001px) and (max-width: 6000px) {

.website-banner-style span { height: 830px; }
.website-banner-style.website-full.website-small-half-hgt span { height: 405px; }
.website-banner-style.website-full span { height: 1000px; }

}

@media only screen and (min-width: 2501px) and (max-width: 4000px) {

.website-banner-style span { height: 830px; }
.website-banner-style.website-full.website-small-half-hgt span { height: 405px; }
.website-banner-style.website-full span { height: 1000px; }

}

@media only screen and (min-width: 1919px) and (max-width: 2500px) {

.website-banner-style span { height: 620px; }
.website-banner-style.website-full.website-small-half-hgt span { height: 300px; }
.website-banner-style.website-full span { height: 720px; }

}

@media only screen and (min-width: 1601px) and (max-width: 1918px) {

.website-banner-style span { height: 500px; }
.website-banner-style.website-full.website-small-half-hgt span { height: 240px; }
.website-banner-style.website-full span { height: 620px; }

}

@media only screen and (min-width: 1370px) and (max-width: 1600px) {

.website-banner-style span { height: 450px; }
.website-banner-style.website-full.website-small-half-hgt span { height: 215px; }
.website-banner-style.website-full span { height: 550px; }

}

@media only screen and (min-width: 1201px) and (max-width: 1360px) {

}

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

}

@media only screen and (min-width: 768px) and (max-width: 991px) 
{

.header-inner .logo 
{
	width: 210px;
}
.top-website-tab-inner ul li 
{
	font-size: 13px;
	line-height: 16px;
}
.top-website-tab-inner ul li span 
{
	font-size: 12px;
	line-height: 12px;
}
.sub-menu-para-links ul li {
	font-size: 14px;
}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
header {
	padding: 0 15px;
}
.header-inner .logo 
{
	width: 180px;
	margin: 0;
}
.header-inner span {
	font-size: 15px;
	line-height: 18px;
	margin: 0;
}
.header-inner span a {
	padding: 0 25px 0 0;
	background-size: 18px;
	background-position-y: center;
}

.top-website-tab-outer {
	padding: 0 15px;
}
.navbar-btn { 
	display:block; 
}
.top-website-tab-inner {
	padding: 2px 0 0;
}
.top-website-tab-inner ul {  
	display:none;
}
.top-website-tab-inner ul li {
	font-size: 16px;
	line-height: 18px;
	width: 100%;
	border-bottom:1px solid #fff;
}
.top-website-tab-inner ul li a.active::before {
	display: none;
}
.website-tab-content-outer {
	margin: 20px 0 0;
	padding: 0 4% 40px;
}
.website-banner-style {	
	margin:0 0 20px; 
	padding:5%; 
}
.website-full,
.website-half,
.website-short-half,
.website-small-half { 
	width:100%; 
}
.sub-menu-para-links li a {
	padding: 9px 20px;
}
.sub-menu-para-links ul li {
	font-size: 12px;
	line-height: 16px;
	margin: 3px 2px;
}

}

@media only screen and (min-width: 480px) and (max-width: 639px) 
{
header {
	padding: 0 15px;
}
.header-inner .logo {
	width: 160px;
	margin: 0;
}
.header-inner span {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
}
.header-inner span a {
	padding: 0 25px 0 0;
	background-size: 18px;
	background-position-y: center;
}

.top-website-tab-outer {
	padding: 0 15px;
}
.navbar-btn { 
	display:block; 
}
.top-website-tab-inner {
	padding: 2px 0 0;
}
.top-website-tab-inner ul {  
	display:none;
}
.top-website-tab-inner ul li {
	font-size: 16px;
	line-height: 18px;
	width: 100%;
	border-bottom:1px solid #fff;
}
.top-website-tab-inner ul li a.active::before {
	display: none;
}
.website-tab-content-outer {
	margin: 20px 0 0;
	padding: 0 4% 40px;
}
.website-banner-style {	
	margin:0 0 20px; 
	padding:5%; 
}
.website-full,
.website-half,
.website-short-half,
.website-small-half { 
	width:100%; 
}
.sub-menu-para-links li a 
{
	padding: 7px 12px;
}
.sub-menu-para-links ul li {
	font-size: 10px;
	line-height: 16px;
	margin: 3px 2px;
}

}

@media only screen and (max-width: 479px) {

header {
	padding: 0 15px;
}
.header-inner .logo {
	width: 140px;
	margin: 0;
}

.header-inner span {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
}
.header-inner span a {
	padding: 0 25px 0 0;
	background-size: 18px;
	background-position-y: center;
}

.top-website-tab-outer {
	padding: 0 15px;
}
.navbar-btn { 
	display:block; 
}
.top-website-tab-inner {
	padding: 2px 0 0;
}
.top-website-tab-inner ul {  
	display:none;
}
.top-website-tab-inner ul li {
	font-size: 16px;
	line-height: 18px;
	width: 100%;
	border-bottom:1px solid #fff;
}
.top-website-tab-inner ul li a.active::before {
	display: none;
}
.website-tab-content-outer {
	margin: 20px 0 0;
	padding: 0 4% 40px;
}
.website-banner-style {	
	margin:0 0 20px; 
	padding:5%; 
}
.website-full,
.website-half,
.website-short-half,
.website-small-half { 
	width:100%; 
}
.sub-menu-para-links li a 
{
	padding: 7px 12px;
}
.sub-menu-para-links ul li 
{
	font-size: 10px;
	line-height: 16px;
	margin: 5px 5px;
}

/*-quote-popup-start-*/
.modal-dialog.contact-form-outer 
{
	width: 85%;
}
.contact-form-outer .modal-header h2 {
	color: #444;
	font-family: 'akzidenz-grotesk_nextlight';
	font-size: 20px;
	margin: 15px 0 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}
.contact-form-outer input, .contact-form-outer textarea 
{
	height: 40px;
	font-size: 15px;
}
.contact-form-outer .modal-body 
{
	padding: 5px 15px;
}
.contact-form-outer .close 
{
	font-size: 28px;
	right: 1px;
	top: -4px;
}
.contact-form-outer .btn-group input 
{
	width: 45% !important;
	font-size: 15px;
}
/*-quote-popup-end-*/
}