@media only screen and (min-width:1025px){
	 .stellarnav > ul > li:hover > ul > li:hover > ul{
		opacity:1;
		visibility:visible;
		top:0;
		display: block;
	}
	 .stellarnav > ul > li:hover > ul > li:hover > ul > li:hover > ul{
		display: block;
	}
	 #stellarnav-two ul ul li a:hover {
		color: #707070;
		background-color: rgba(255, 255, 255, .5);
	}
}
 @media only screen and (min-width:767px){
	/* sticky */
	 .psticky{
		position: sticky;
		top: 100px;
	}
}
 @media only screen and (min-width: 1024px) and (max-width: 1510px) {
	 section {
		 padding-left: 50px;
		 padding-right: 50px;
	}
	 section.deliver-part {
		 padding: 0;
	}
	 .topHeader.bg-white {
		 padding-left: 50px;
		 padding-right: 50px;
	}
	 .mainHeadBox {
		 align-items: center;
		 padding-left: 50px;
		 padding-right: 50px;
	}
	 .top-footer, .bottom-footer{
		 padding-left: 50px;
		 padding-right: 50px;
	}
	 .why-choose .why-right {
		 margin-right: -50px;
	}
}
 @media screen and (max-width:1510px){
	 .hero-box h1 {
		 padding-left: 30px;
	}
	 .hero-bottom {
		 padding-left: 30px;
	}	
	 .hero-box {
		 max-width: 1060px;
	}
}
 @media only screen and (max-width:1368px){
	 .hero-banner {
		 min-height: 500px;
	}
	 .hero-banner.inner-banner .hero-box h1 {
		 font-size: 72px;
		 line-height: 80px;
	}
	 .hero-banner.inner-banner .hero-box h1 {
		 font-size: 72px;
		 line-height: 72px;
		 padding: 30px;
	}
	 .hero-banner.inner-banner .hero-box {
		 width: 65%;
		 max-width: initial;
	}
	 .hero-bottom {
		 font-size: 30px;
		 padding: 15px;
		 padding-left: 30px;
	}
	 .hero-banner.inner-banner {
		 min-height: 480px;
	}
	 .team-card-wrap {
		 grid-template-columns: repeat(4, 1fr);
		 gap: 15px;
	}
	 .hero-box h1 {
		 padding: 20px 90px;
		 font-size: 120px;
    line-height: 107px;
		 padding-left: 30px;
	}
	 .heading-wrap {
		 max-width: 480px;
		 width: 100%;
	}
}
 @media only screen and (max-width:1180px){
	 .stellarnav > ul > li > a {
		 padding: 14px 15px;
	}
	 .service-card-wrap {
		 grid-template-columns: repeat(3, 1fr);
	}
	 .product-list-service {
		 grid-template-columns: repeat(4, 1fr);
	}
	 .poduct-listing-content {
		 min-height: 120px;
	}
}
 @media only screen and (max-width:1280px){
	 .logo img {
		max-width: 180px;
	}
	 .stellarnav ul li.has-sub > a:after {
		font-size: 16px;
		margin-left: 2px;
	}
	 .stellarnav ul a {
		font-size: 16px;
	}
	 .stellarnav > ul > li > a {
		padding: 14px 20px;
	}
}
 @media(max-width:1199px){
	 .hero-box{
		width:65%;
	}
	 .hero-box h1 {
		 font-size: 120px;
		 padding: 15px;
		 line-height: 100px;
		 padding-left: 30px;
	}
	 .hero-bottom{
		font-size:24px;
		padding-left: 30px;
	}
	 .hero-banner.inner-banner .hero-box h1 {
		 font-size: 72px;
		 padding: 30px;
	}
	 .content-with-image.gap-part .row-box .col6 {
		 width: 50%;
	}
	 .content-with-image.gap-part .row-box {
		 gap: 0;
	}
}
 @media only screen and (max-width:1024px){
	/* Header */
	 .mainHeadBox {
		align-items: center;
	}
	 a.menu-toggle{
		display: flex !important;
	}
	 .stellarnav > ul > li {
		padding: 0px 0px 0px 0px;
	}
	 .stellarnav ul ul {
		padding: 0;
		box-shadow: none;
		border: none;
	}
	 .stellarnav ul ul li a {
		font-weight: normal;
		padding: 10px 30px 10px 10px;
		font-size: 16px;
	}
	 .footerLogo p, #stellarnav-two > ul > li > a {
		padding: 0;
	}
	 .stellarnav li a {
		border-bottom: 1px solid #fff;
	}
	 .stellarnav > ul > li:hover {
		 background-color: #111;
	}
	 .mobile-part564 {
		 display: block;
		 padding: 20px;
	}
	/* Header */
	 .bannercon h1 {
		font-size: 50px;
		line-height: 64px;
	}
	 .homeBannerBox {
		padding: 90px 0;
	}
	 .bannercon {
		max-width: 596px;
	}
	 .liconinner p,.listingiconli li,.set > a {
		font-size: 16px;
	}
	 .leftsec {
		display: none;
	}
	 .logo.logo-responsive {
		display: block;
	}
	 .stellarnav > ul > li {
		border-right: 0px solid #aaa;
	}
	 .pt100 {
		Padding-top: 50px !important;
	}
	 .pb100 {
		padding-bottom: 50px !important;
	}
	 h2 {
		font-size: 30px;
		line-height: normal;
	}
	 .service-box-wrap .service-content {
		position: absolute;
		left: 15px;
		right: 15px;
		bottom: 15px;
		z-index: 2;
	}
	 .service-box-wrap .service-content h3 {
		font-size: 21px;
		font-weight: 700;
		padding-bottom: 10px;
	}
	 .green-btn {
		padding: 15px 40px;
	}
	 .why-right .content {
		padding: 30px;
		color: #fff;
	}
	 h3 {
		font-size: 24px;
		line-height: normal;
	}
	 .pro-centre .services {
		padding: 30px;
		gap: 40px;
	}
	 .pro-centre .content h3 br {
		display: none;
	}
	 .service-pricing {
		 font-size: 24px;
		 font-weight: 700;
		 color: #fff;
		 margin-bottom: 10px;
	}
	 .deliver-part .col4-5 {
		 width: 100%;
		 height: 220px;
	}
	 .deliver-part .col7-5 {
		 width: 100%;
		 padding: 30px 0px;
	}
	 .deliver-part .button-wrap {
		 flex-shrink: 0;
	}
	 .deliver-part .heading-wrap {
		 flex-shrink: 1;
	}
	 .deliver-part .white-btn-i, .deliver-part .blk-btn-i{
		 padding: 16px 20px;
	}
	 .top-footer .col2-5, .top-footer .col1-5 {
		 width: 50%;
	}
	 .h4tag.h4tag-edit {
		 margin-bottom: 30px;
	}
	 .top-footer .col20{
		 width:33.33333333%;
	}
	 .hero-banner {
		 min-height: 520px;
	}
	 .hero-box h1 {
		 font-size: 90px;
		 padding: 15px;
		 line-height: 78px;
		 padding-left: 30px;
	}
	 .hero-bottom {
		 text-align: left;
	}
	 .why-left h2 {
		 font-size: 30px;
	}
	 .h2tag {
		 font-size: 30px;
		 line-height: normal;
		 font-weight: 700;
	}
	 .hero-banner.inner-banner .hero-box h1 {
		 font-size: 58px;
		 line-height: inherit;
	}
	 .team-card {
		 max-width: 320px;
	}
	 .team-card-wrap {
		 grid-template-columns: repeat(3, 1fr);
	}
	/* padding form left and right */
/* 	 section {
		 padding-left: 15px;
		 padding-right: 15px;
	} */
	 section.deliver-part {
		 padding: 0;
	}
	 .topHeader.bg-white {
		 padding-left: 15px;
		 padding-right: 15px;
	}
	 .mainHeadBox {
		 align-items: center;
		 padding-left: 15px;
		 padding-right: 15px;
	}
	 .top-footer, .bottom-footer{
		 padding-left: 15px;
		 padding-right: 15px;
	}
	 .why-choose .why-right {
		 margin-right: -15px;
	}
	 .Under-banner-content .left-content {
		 max-width: 700px;
		 width: 100%;
	}
	 .ready-rent .button-wrap a.green-btn, .ready-rent .button-wrap a.white-btn {
		 padding: 18px 10px;
	}
	 .popup-box {
		 width: 95%;
	}
}
 @media only screen and (max-width: 1023px) {
#get-quote {
	padding-left: 15px;
	padding-right: 15px;
}
}
 @media only screen and (max-width: 991px) {
	 .leftsec .inleft{
		width:100%;
	}
	 .leftsec .inleft:first-child {
		margin-bottom: 4px;
	}
	 .services .col3 {
		width: 50%;
	}
	 .packagesec .col4,.testimonial .col4 {
		width: 50%;
	}
	 .leftimagelist{
		width: 40%;
	}
	 .rightcontentlist {
		width: 80%;
	}
	 .chat-bubble {
		bottom: 100px;
	}
	 .chat-bubble-message {
		bottom: 168px;
	}
	 .chat-bubble-active {
		height: 84vh;
		bottom: 0px;
	}
	 .conadd {
		padding: 30px 5px 30px 5px;
	}
	 .why-left .why-left-wrap {
		 max-width: 100%;
		 float: left;
	}
	 .why-choose .containerFull {
		 flex-direction: column;
	}
	 .why-left h2 br {
		 display: none;
	}
	 .why-right .content {
		 max-width: 100%;
	}
	 .brands-wrap .brands-slider {
		 grid-template-columns: repeat(3,1fr);
		 column-gap: 50px;
		 row-gap: 0px;
	}
	 .hero-bottom {
		 font-size: 20px;
		 padding-left: 30px;
	}
	 .hero-banner.inner-banner .hero-box h1 {
		 font-size: 48px;
		 line-height: inherit;
	}
	 .hero-banner.inner-banner {
		 min-height: 400px;
	}
	 .about-brae-con .col6 {
		 width: 100%;
	}
	 .Under-banner-content .content-with-button {
		 display: block;
	}
	 .Under-banner-content .left-content {
		 max-width: 100%;
		 width: 100%;
		 text-align: center;
	}
	 .content-with-image .row-box {
		/*flex-direction: column-reverse;
		*/
		 gap: 20px;
	}
	 .content-with-image.gap-part .row-box {
		 gap: 30px;
	}
	 .content-with-image .col6{
		width:100%;
	}
	 .what-do .col3 {
		 width: 50%;
		 margin-bottom: 20px;
	}
	 .ready-rent .col2-5, .ready-rent .col4, .ready-rent .col5-5{
		width: 100%
	}
	 .ready-rent {
		 text-align: center;
	}
	 .ready-rent .button-wrap {
		 justify-content: center;
	}
	 .ready-rent .row-box {
		 gap: 20px;
	}
	 .content-with-image.gap-part .row-box .col6 {
		 width: 100%;
	}
	 .content-with-image.gap-part h2 {
		 margin-bottom: 10px;
		/*margin-top: 30px;
		*/
	}
	 #framing .row-box, #siding .row-box{
		 flex-direction: column;
	}
	 .listing-building-supplies {
		 grid-template-columns: repeat(2, 1fr);
	}
	 .img-list {
		 float: initial;
	}
	 .content-with-image.gap-part.bg-green p {
		 max-width: 100%;
		 width: 100%;
	}
	 .product-list-service {
		 grid-template-columns: repeat(2, 1fr);
	}
	 .team-info span {
		 line-height: normal;
	}
}
 @media only screen and (max-width:767px){
	 .topHeader .grn-btn-i span, .topHeader .blk-btn-i span{
		 display: none;
	}
	 .topHeader .grn-btn-i, .topHeader .blk-btn-i{
		 padding: 10px 10px;
	}
	 .rightsec {
		 gap: 0;
	}
	 .logo-right {
		 margin-left: 10px;
	}
	 .top-footer .col2-5, .top-footer .col1-5 {
		 width: 100%;
	}
	 .top-footer .col20 {
		 width: 100%;
	}
	 .top-footer.pb70 {
		 padding-bottom: 20px !important;
	}
	 .heading-button {
		 padding: 0px 15px;
	}
	 .deliver-part .heading-button {
		 flex-direction: column;
		 margin: auto;
	}
	 .deliver-part .heading-wrap {
		 text-align: center;
	}
	 .heading-button {
		 gap: 20px;
	}
	 .we-deliver {
		 font-size: 30px;
	}
	 .service-pricing {
		 font-size: 18px;
	}
	 .testimonial-wrap {
		 grid-template-columns: repeat(1,1fr);
	}
	 .sec-title h2 {
		 margin-bottom: 10px;
	}
	 .pro-centre .number {
		 font-size: 30px;
	}
	 .pro-centre .content h3 {
		 margin-bottom: 10px;
		 font-size: 24px;
	}
	 .pro-centre .services {
		 gap: 20px;
	}
	 .hero-box h1 {
		 font-size: 60px;
		 letter-spacing: normal;
		 line-height: 52px;
	}
	 .hero-bottom {
		 font-size: 16px;
		 line-height: normal;
	}
	 .hero-banner {
		 min-height: 400px;
	}
	 .hero-banner.inner-banner .hero-box h1 {
		 font-size: 30px;
		 line-height: inherit;
	}
	 .contractor-banner .banner-content {
		 flex-direction: column;
		 gap: 15px;
	}
	 .contractor-banner {
		 padding: 40px;
	}
	 .contractor-banner .banner-content h3 {
		 text-align: center;
	}
	 .team-card-wrap {
		 grid-template-columns: repeat(2, 1fr);
	}
	 .about-brae-con .content h2 {
		 margin-bottom: 10px;
	}
	 .about-brae-con .content {
		 padding-right: 0;
	}
	 .location-map-warp {
		 flex-direction: column;
	}
	 .what-do .col3 {
		 width: 100%;
	}
	 .ready-rent .button-wrap {
		 flex-direction: column;
	}
	 .ready-rent .button-wrap a {
		 justify-content: center;
	}
	 .form-row{
		 grid-template-columns:1fr;
	}
	 .checkbox-grid{
		 grid-template-columns:repeat(2,1fr);
	}
	 .credit-button-wrap {
		 flex-direction: column;
	}
	 #credit-applications .contractor-banner .banner-content h3 {
		 text-align: left;
	}
	 .service-card-wrap {
		 grid-template-columns: repeat(2, 1fr);
	}
	 .content-with-image ul {
		 column-count: 1;
	}
	 .building-supplies-black .button-wrap {
		 display: inline-flex;
		 justify-content: center;
		 text-align: center;
	}
	 .btn-black {
		 text-align: center;
		 line-height: normal;
	}
	 .hero-banner.inner-banner .hero-box h1 {
		 padding: 15px 30px;
	}
	 .top-footer .col20, .top-footer .col2-5, .top-footer .col1-5 {
		 border-bottom: 3px solid #0b8048;
		 padding-bottom: 15px;
	}
	 .top-footer .col20:last-child {
		 border: 0px;
		 padding-bottom: 0;
	}
	 .mainHeadBox .rightsec {
		 display: flex;
		 padding: 0px 20px;
		 align-content: center;
		 align-items: center;
	}
	 .logo-right {
		 margin-left: 10px;
	}
	 .mainHeadBox .rightsec .button-part a {
		 background-color: transparent;
		 padding: 0;
	}
	 .logo-right img {
		 width: 100px;
	}
	 .topHeader.bg-white {
		 display: none;
	}
	 .about-brae-con.looking787 .contractor-banner .banner-content {
		 flex-direction: row;
	}
	 .about-brae-con.looking787 .contractor-banner {
		 padding: 40px 20px;
	}
	 .team-info span {
		 line-height: normal;
	}
	 .checkbox-grid .wpcf7-form-control.wpcf7-checkbox {	
	grid-template-columns: repeat(2, 1fr);	
	}
	 .form-group {	
	margin-bottom: 0;
	}
	 .form-row {
	margin-bottom: 18px;
	}
	 .form-group textarea {
	margin-bottom: 18px;
   }
	 .form-group.form-group-area {
	margin-top: 18px;
    }
}
 @media(max-width:480px){
	 .checkbox-grid{
		 grid-template-columns:1fr;
	}
	 .service-card-wrap {
		 grid-template-columns: repeat(1, 1fr);
	}
	 .green-btn {
		 line-height: normal;
		 text-align: center;
	}
	 .checkbox-grid .wpcf7-form-control.wpcf7-checkbox {	
	 grid-template-columns:1fr;
	}
}
 @media(max-width:600px){
	 .hero-box h1 {
		 font-size: 45px;
		 line-height: 42px;
	}
	 .product-list-service {
		 grid-template-columns: repeat(1, 1fr);
	}
	 .poduct-listing-content {
		 min-height: initial;
	}
	 .listing-building-supplies {
		 grid-template-columns: repeat(1, 1fr);
	}
	 .building-supplies-box {
		 padding: 25px;
	}	 
}
 @media only screen and (max-width:420px){
	/* Menu css */
	 .stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span{
		display:none;
	}
	/* End Menu css */
	/*.hero-box h1 {
		 font-size: 30px;
	}
	*/
	 .hero-banner {
		 min-height: 360px;
	}
	 .service-grid {
		 gap: 20px;
	}
	 .service-box-wrap {
		 min-height: 300px;
	}
	 .why-right .feature-grid {
		 grid-template-columns: repeat(1,1fr);
	}
	 .hero-banner.inner-banner .hero-overlay {
		 padding-top: 80px;
	}
	 .hero-banner.inner-banner .hero-overlay {
		 padding-top: 0;
	}
	 .hero-banner.inner-banner .hero-box {
		 position: absolute;
		 width: 100%;
		 left: 0;
		 bottom: 0;
	}
	 .contractor-banner {
		 padding: 20px;
	}
	 .team-card-wrap {
		 align-items: center;
		 display: flex;
		 flex-direction: column;
	}
	/*.Under-banner-content {
		 margin-top: 20px;
	}
	*/
	 .hero-box {
		 width: 75%;
	}
	 .hero-box h1 {
		 font-size: 36px;
		 line-height: 36px;
	}
.hero-box, .service-box-wrap, .why-right, .services, .testimonial-wrap{
   opacity: 1 !important;
   transform: none !important;
   transition: none !important;
}
body.home{overflow-x: hidden; }	 
	 
}
 @media screen and (max-width:414px){
	 .product-carousel .owl-carousel .owl-item img {
		 background-color: #fff;
	}
}