/*========== Header Styles  ==================================================*/

.header.design4{background-color:#fff;font-family:'Oswald',sans-serif;color:#000}
.header.design4 .header-content{padding-top:15px;padding-bottom:15px}
.header.design4 .header-content a{color:#000;text-decoration:none}
.header.design4 .header-content{font-family:'Oswald',sans-serif;font-weight:bold}
.header.design4 .header-content .logo img{max-width:100%;height:auto}
.header.design4 .header-content .header-right{margin-top:20px}
.header.design4 .header-content .hours{font-size:20px}
.header.design4 .header-content .call{font-size:22px}
.header.design4 .header-content .quote{font-size:21px;float:right}
.header.design4 .header-content .info{float:right;text-align:left;margin:2px 0 0 10px}
.header.design4 .header-content .icon{float:right;font-size:24px;color:#537717;line-height:1;padding:9px 0;border:solid 1px #eee;width:46px;text-align:center}
.header.design4 .header-content .hours span,.header.design4 .header-content .call span{display:block;font-size:14px;font-family:'Poppins',sans-serif;color:#537717;text-transform:uppercase;font-weight:500;line-height:1.1}
.header.design4 .header-content .quote a{background:#a6ce39;width:225px;text-align:center;display:block;padding:11px;color:#fff;text-transform:uppercase}

.navWrap.design4{background-color:#000}
.navWrap.design4 .navbar{padding:0;border-width:0;min-height:40px;margin:0;background-color:transparent;box-shadow:none;background-image:none}
.navWrap.design4 .navbar ul.nav>li{padding:0 19px}
.navWrap.design4 .navbar ul.nav>li:first-child{padding:0 20px 0 0}
.navWrap.design4 .navbar ul.nav>li:last-child{padding:0 0 0 20px}
.navWrap.design4 .navbar ul.nav li a{color:#fff;font-size:19px;padding:15px 0;text-transform:uppercase;font-weight:bold;letter-spacing:.5px}
.navWrap.design4 .navbar ul.nav li a:hover,.navWrap.design4 .navbar ul.nav li a:focus,.navWrap.design4 .navbar ul.nav li a.active{color:#fff}
.navWrap.design4 .navbar ul ul.dropdown-menu{color:#fff;background:#000}
.navWrap.design4 .navbar ul ul.dropdown-menu li a{padding:5px 15px;font-size:18px}
.navWrap.design4 .navbar ul ul.dropdown-menu li a:hover{background:#000}
.navWrap.design4 .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff !important}
.navWrap.design4 .navbar-default .navbar-nav>.active>a,.navWrap.design4 .navbar-default .navbar-nav>.open>a{background-color:#000!important;background-image:none}
.navWrap.design4 .navbar ul.nav li.open a{background:0}

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

.header.design5{background-color:#000;color:#fff}
.header.design5 .header-content{padding-top:15px;padding-bottom:25px}
.header.design5 .header-content a{text-decoration:none;color:#fff}
.header.design5 .phone{margin-top:18px}
.header.design5 .phone .icon{float:left;margin-right:10px}
.header.design5 .phone .icon i{color:#a6ce39;font-size:44px}
.header.design5 .phone .info{float:left}
.header.design5 .phone .info span{display:block;font-size:16px;line-height:1}
.header.design5 .phone .info a{font-size:26px;font-weight:bold}
.header.design5 .logo{text-align:center}
.header.design5 .logo img{width:320px;height:auto;max-width:100%}
.header.design5 .request-quote{font-size:19px;padding-top:7px;text-align:right;margin-top:15px}
.header.design5 .request-quote a{background:#a6ce39;border:solid 2px #537717;text-align:center;padding:9px 20px;font-size:19px;color:#fff;display:inline-block;font-weight:bold;text-transform:uppercase;border-radius:10px;text-decoration:none}

.navWrap.design5{background-color:#537717}
.navWrap.design5 .navbar{padding:0;border-width:0;min-height:40px;margin:0;background-color:transparent;box-shadow:none;background-image:none}
.navWrap.design5 .navbar ul.nav{width:100%}
.navWrap.design5 .navbar ul.nav>li{text-align:center;width:20%}
.navWrap.design5 .navbar ul.nav li a{color:#fff;font-size:20px;padding:15px 0 20px;font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase}
.navWrap.design5 .navbar ul.nav li a:hover,.navWrap.design5 .navbar ul.nav li a:focus,.navWrap.design5 .navbar ul.nav li a.active{color:#fff;background:#000}
.navWrap.design5 .navbar ul ul.dropdown-menu{color:#fff;background:#000;padding:0}
.navWrap.design5 .navbar ul ul.dropdown-menu li a{padding:5px 15px;font-size:18px}
.navWrap.design5 .navbar ul ul.dropdown-menu li a:hover{background:#000}
.navWrap.design5 .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff !important}		
.navWrap.design5 .navbar-default .navbar-nav>.active>a,.navWrap.design5 .navbar-default .navbar-nav>.open>a{background-color:#000!important;background-image:none}
.navWrap.design5 .navbar ul.nav li.open a{background:0}

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

.header.design8{background-color:#000;color:#fff;font-family:var(--main-font)}
.header.design8 .header-content{padding-top:15px;padding-bottom:25px}
.header.design8 .header-content a{text-decoration:none;color:#fff}
.header.design8 .logo img{width:290px;max-width:100%}
.header.design8 .header-content .header-right{margin-top:20px}
.header.design8 .header-content .phone .icon{float:left;height:60px}
.header.design8 .header-content .phone .icon .fa-phone{font-size:23px;padding:13px;border:solid 1px #666;border-radius:50%;color:var(--main-color);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);unicode-bidi:bidi-override;direction:rtl}
.header.design8 .header-content .phone .number{float:left;width:calc(100% - 75px);margin-left:15px}
.header.design8 .header-content .phone .number span{text-transform:uppercase;color:var(--main-color);font-weight:500;font-size:17px;line-height:1}
.header.design8 .header-content .phone .number a{font-family:var(--main-font);font-size:28px;font-weight:600;line-height:1}
.header.design8 .header-content .quote-btn a{font-family:var(--main-font);background:var(--main-color);color:#fff;text-transform:uppercase;font-weight:bold;font-size:22px;padding:10px 26px;border-radius:4px;display:inline-block;margin-top:5px}

.navWrap.design8{background-color:#000;border-top:solid 1px #444;border-bottom:solid 1px #444}
.navWrap.design8 .navbar{padding:0;border-width:0;min-height:40px;margin:0;background-color:transparent;box-shadow:none;background-image:none}
.navWrap.design8 .navbar ul.nav{width:100%}
.navWrap.design8 .navbar ul.nav>li{text-align:center;width:20%;border-left:solid 1px #444}
.navWrap.design8 .navbar ul.nav>li:last-child{border-right:solid 1px #444}
.navWrap.design8 .navbar ul.nav li a{color:#fff;font-size:23px;padding:15px 0 20px;border-top:solid 5px #000;font-family:var(--main-font);font-weight:bold}
.navWrap.design8 .navbar ul.nav li a:hover,.navWrap.design8 .navbar ul.nav li a:focus,.navWrap.design8 .navbar ul.nav li a.active{border-top:solid 5px var(--main-color);color:var(--main-color)}
.navWrap.design8 .navbar ul ul.dropdown-menu{color:#fff;background:#000;padding:0}
.navWrap.design8 .navbar ul ul.dropdown-menu li a{padding:5px 15px;font-size:18px}
.navWrap.design8 .navbar ul ul.dropdown-menu li a:hover{background:#000}
.navWrap.design8 .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff !important}		
.navWrap.design8 .navbar-default .navbar-nav>.active>a,.navWrap.design8 .navbar-default .navbar-nav>.open>a{background-color:#000!important;background-image:none}
.navWrap.design8 .navbar ul.nav li.open a{background:0}

/*.header.design8{background-color:#000;color:#fff}
.header.design8 .header-content{padding-top:15px;padding-bottom:25px}
.header.design8 .header-content a{text-decoration:none;color:#fff}
.header.design8 .logo img{width:290px;max-width:100%}
.header.design8 .header-content .header-right{margin-top:20px}
.header.design8 .header-content .phone .icon{float:left;height:60px}
.header.design8 .header-content .phone .icon .fa-phone{font-size:23px;padding:13px;border:solid 1px #666;border-radius:50%;color:#a6ce39;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);unicode-bidi:bidi-override;direction:rtl}
.header.design8 .header-content .phone .number{float:left;width:calc(100% - 75px);margin-left:15px}
.header.design8 .header-content .phone .number span{text-transform:uppercase;color:#a6ce39;font-weight:500;font-size:17px;line-height:1}
.header.design8 .header-content .phone .number a{font-family:'Oswald',sans-serif;font-size:28px;font-weight:600;line-height:1}
.header.design8 .header-content .quote-btn a{font-family:'Oswald',sans-serif;background:#a6ce39;color:#fff;text-transform:uppercase;font-weight:bold;font-size:22px;padding:10px 26px;border-radius:4px;display:inline-block;margin-top:5px}

.navWrap.design8{background-color:#000;border-top:solid 1px #444;border-bottom:solid 1px #444}
.navWrap.design8 .navbar{padding:0;border-width:0;min-height:40px;margin:0;background-color:transparent;box-shadow:none;background-image:none}
.navWrap.design8 .navbar ul.nav{width:100%}
.navWrap.design8 .navbar ul.nav>li{text-align:center;width:20%;border-left:solid 1px #444}
.navWrap.design8 .navbar ul.nav>li:last-child{border-right:solid 1px #444}
.navWrap.design8 .navbar ul.nav li a{color:#fff;font-size:23px;padding:15px 0 20px;border-top:solid 5px #000;font-family:'Oswald',sans-serif;font-weight:bold}
.navWrap.design8 .navbar ul.nav li a:hover,.navWrap.design8 .navbar ul.nav li a:focus,.navWrap.design8 .navbar ul.nav li a.active{border-top:solid 5px #a6ce39;color:#a6ce39}
.navWrap.design8 .navbar ul ul.dropdown-menu{color:#fff;background:#000;padding:0}
.navWrap.design8 .navbar ul ul.dropdown-menu li a{padding:5px 15px;font-size:18px}
.navWrap.design8 .navbar ul ul.dropdown-menu li a:hover{background:#000}
.navWrap.design8 .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff !important}		
.navWrap.design8 .navbar-default .navbar-nav>.active>a,.navWrap.design8 .navbar-default .navbar-nav>.open>a{background-color:#000!important;background-image:none}
.navWrap.design8 .navbar ul.nav li.open a{background:0}*/


/*--------------- RESPONSIVE START ----------------*/


/* medium devices - 992px to 1199px */
@media only screen and (max-width :1199px) {
	
    .header.design4 .header-content .call .info{margin-right:35px}
	.header.design4 .header-content .hours{font-size:17px}
	.header.design4 .header-content .call{font-size:20px}
	.header.design4 .header-content .hours span{font-size:13px}
	.header.design4 .header-content .call span{font-size:12px}
	.header.design4 .header-content .icon{font-size:22px;width:38px}
	.header.design4 .header-content .quote a{font-size:19px;width:168px;padding:8px}
	
	.navWrap.design4 .navbar ul.nav li a{font-size:16px}
	.navWrap.design4 .navbar ul ul.dropdown-menu li a{font-size:16px}
	.navWrap.design4 .navbar ul.nav>li{padding:0 13px}
	.navWrap.design4 .navbar ul.nav>li:first-child{padding:0 15px}
	.navWrap.design4 .navbar ul.nav>li:last-child{padding:0 0 0 15px}
	
	/*============================================================================*/
	
	.header.design8 .header-content .quote-btn a{padding:10px 22px}
}
/* end medium devices */


/* small devices - 768px to 991px */
@media only screen and (max-width :991px) {	
	
	.header.design4 .header-content .header-right{margin-top:0}
	.header.design4 .header-content .quote a{font-size:18px;padding:5px;margin-top:7px}
	
	.navWrap.design4 .navbar ul.nav>li{padding:0 5px}
	.navWrap.design4 .navbar ul.nav li a{font-size:15px;font-weight:normal;letter-spacing:0}
	.navWrap.design4 .navbar ul.nav>li:first-child{padding:0 6px}
	.navWrap.design4 .navbar ul.nav>li:last-child{padding:0 0 0 6px}
	.navWrap.design4 .navbar ul ul.dropdown-menu li a{font-size:15px}
	
	/*============================================================================*/
	
	.header.design5 .phone .icon i{font-size:38px}
	.header.design5 .phone .info span{font-size:14px}
	.header.design5 .phone .info a{font-size:22px}
	.header.design5 .request-quote a{font-size:17px;padding:8px 16px}
	.header.design5 .request-quote{margin-top:8px}

	.navWrap.design5 .navbar ul.nav li a{font-size:18px;padding:12px 0 14px}
	
	/*============================================================================*/
	
	.header.design8 .header-content{padding-bottom:15px}
	.header.design8 .header-content .header-right{margin-top:0}
	.header.design8 .header-content .phone{float:right}
	.header.design8 .header-content .phone .number span{font-size:15px}
	.header.design8 .header-content .phone .icon{height:50px;margin-top:4px}
	.header.design8 .header-content .phone .icon .fa-phone{font-size:20px;padding:10px}
	.header.design8 .header-content .phone .number{width:190px}
	.header.design8 .header-content .quote-btn{float:right;margin-top:5px}
	.header.design8 .header-content .quote-btn a{padding:5px 17px}
	
	.navWrap.design8 .navbar ul.nav li a{font-size:18px;padding:12px 0 17px}
	
}
/* end small devices */


/* extra small devices - 480px to 767px */
@media only screen and (max-width :767px) {	
	
	.header.design4 .header-content .logo img{max-width:170px;margin-top:-10px}
	.header.design4 .header-content .header-right{margin-top:10px}	
	.header.design4 .header-content .hours{float:right;margin-left:25px;font-size:16px}
	.header.design4 .header-content .call{float:right;font-size:17px}
	.header.design4 .header-content .call .info{margin-right:0}
	.header.design4 .header-content .icon{font-size:20px;padding:7px 0;width:32px}
	.header.design4 .header-content .quote{position:absolute;top:-55px;right:20px;float:none}
	.header.design4 .header-content .quote a{font-size:16px;width:auto;padding:6px 12px}	
	
	/*============================================================================*/
	
	.header.design5 .logo img{width:240px}
	
	/*============================================================================*/
	
	.header.design8 .header-content .logo{text-align:center;display:block;margin:0 auto 10px;width:225px}
	.header.design8 .header-content .logo .part1{font-size:46px}
	.header.design8 .header-content .logo .part2{font-size:17px}	
	.header.design8 .header-content .phone{float:left}
	.header.design8 .header-content .phone .icon{height:45px}
	.header.design8 .header-content .phone .icon .fa-phone{font-size:17px;padding:8px}
	.header.design8 .header-content .phone .icon .fa-phone{font-size:17px;padding:8px}
	.header.design8 .header-content .phone .number span{font-size:13px}
	.header.design8 .header-content .phone .number a{font-size:25px}
	.header.design8 .header-content .quote-btn a{font-size:20px;margin-top:0}
	
}
/* end extra small devices */


/* extra-extra small devices - 0px to 479px */
@media only screen and (max-width :479px) {	  

	.header.design4 .header-content .logo img{max-width:145px}
	.header.design4 .header-content .hours{float:left;margin-left:12%}
	.header.design4 .header-content .call{float:left;margin-top:10px;clear:both;margin-left:12%}
	
	/*============================================================================*/
	
	.header.design5 .logo img{width:185px}
	.header.design5 .phone .icon{display:none}
	.header.design5 .phone .info span{font-size:13px}
	.header.design5 .phone .info a{font-size:19px}
	.header.design5 .request-quote{margin-left:-25px;margin-right:-8px}
	.header.design5 .request-quote a{font-size:15px;padding:7px 7px}
	
	/*============================================================================*/
	
	.header.design8 .header-content .quote-btn{float:left;margin-left:5px}
	
	
}
/* end extra-extra small devices */