/************************************************* Header ********************************************************************/
.TopLink .input-group{width:300px;}
.TopLink .form-control{background:none; min-height:35px !important; border:none; border-bottom:solid 1px #929292; color:#000; font-size:14px !important;font-family: 'Poppins', sans-serif;} 
.TopLink .btn{border-bottom:solid 1px #929292;min-height:35px; color:#004371; min-width:unset;}.TopLink .btn:hover{color:#0077C8;}
.TopLink .form-control::-moz-placeholder{color:#767676; opacity:1;} .TopLink img:hover{opacity:.7}
.TopLink a{color:#004371;} .TopLink a:hover{color:#000;}
.textleft{text-align:left !important;}
.line-through{text-decoration: line-through; padding-right:5px;opacity: .5;}
.contact_from  .form-group input, .contact_from  .form-group textarea {
  border-color: #C7C7C7 !important;
}
.flooringtitle{font-size: 48px;line-height: 1.1; font-weight: 700;}
.flooringcontent {color: #000000; font-size: 20px;font-weight: 400;}
.saas-divider {background-color: #48C2FB; border-radius: 100px; height:5px;width: 30px;}
.woo-free-sample-button {   
    height: 41px;
}
.contact-detail {
  height: 81%;
}
.contact-detail ul li{
  word-break: break-all;
}
.contact-detail ul li::after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  height: 17px;
  width: 17px;
  background-image: url(../images/call.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.contact-detail ul{
list-style: none;
}

.contact-detail ul li:nth-child(1)::after {
  background-image: url(../images/location.svg);
}
.contact-detail ul li:nth-child(2)::after {
  background-image: url(../images/call.svg);
}
.contact-detail ul li:nth-child(3)::after {
  background-image: url(../images/email.svg);
}

/********** Main Banner **************************************************************************************************/
.MainBanner h1{font-size:40px; text-shadow:4px 4px 2px rgba(0, 0, 0, 0.20);line-height:1.5}  .MainBanner h1 span{font-size:36px;}
.carousel-control-prev{z-index:99999;}
.carousel-control-next{z-index:99999;}
 
/************************************************* Content ********************************************************************/
.SerArea{background:url(../images/icon.png) no-repeat left;} .SerArea1{background:url(../images/icon.png) no-repeat right;} 
.AddresArea a{color:#fff;} .AddresArea a:hover{color:#0069CA;}
/********** ContactForm **************************************************************************************************/
#ContactForm .form-control{background:#F3F3F3; border-radius:5px; height:60px; color:#585858;}
#ContactForm textarea.form-control{height:170px; padding-top:15px;background:#F3F3F3; border-radius:5px; color:#585858;}

/********** Footer ***************************************************************************************************/
#Footer{font-size:16px; line-height:35px;}
#Footer li.active a {color:#004371;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .list-inline a:hover{color:#004371;}
#Footer h4{font-size:18px;letter-spacing:1.8px;}

#Footer .list-inline a{font-size:19px; margin:0px; color:#fff;}
#Footer .list-inline a:hover{color:#004371;}
#Footer .list-inline-item:not(:last-child) {margin-right:26px;}
#Footer .Copytext{font-size:15px;}

.Newsletter .btn{min-height:60px; border-radius:0px 5px 5px 0px !important; min-width:unset;} 

/*
 .carousel-item {
    transition: transform 5s ease-in-out;
  }
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: opacity 0s 5s;
  }*//* 0 second trans delay, .6 second trans duration on opacity fade out. */



/*************************************************************************************************************/
@media (min-width:992px) {
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:999; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}
#Footer .Copytext{letter-spacing:1.3px;} .ls-2{letter-spacing:2px !important;}
h1, .h1 {letter-spacing:2.4px;}.ls-3{letter-spacing:3.2px !important;}
.imgbig img {
    height:650px;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
}
}
@media (min-width: 1920px){.container {max-width:1620px !important;}
.Homebnr img {height:796px; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:right;}
}

@media (min-width: 1600px) {.container {max-width:1540px;} #Footer .Copytext{letter-spacing:1.3px;}.btn{letter-spacing:3px;}
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
.navbar-nav>li+li {margin-left:50px;}
.ls-3{letter-spacing:1px;} .ls-2{letter-spacing:2.4px}.fs-50{font-size:50px !important;}.fs-80{font-size:80px !important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){
	.MainBanner h1 span {font-size: 34px;} .MainBanner h1 { font-size: 65px;}
	.btn-sm {letter-spacing:0.4px !important; padding:11px 16px;}}
/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){.ls-3{letter-spacing:0.2px !important;}.slick-slide {margin:0px 8px;}.fs-20{font-size:16px !important;}.MainBanner h1{font-size:64px;}.MainBanner h1 span{font-size:40px;}
.fs-24{font-size:20px !important; letter-spacing:0.16px;}

	.navbar .navbar-nav .nav-link {   
    font-size: 12px;
   
}


}

@media (min-width: 991.98px) and (max-width: 1199.98px) {#Header .btn{letter-spacing:unset; min-width:unset;padding:8px 13px;} .ls-3{letter-spacing:0.2px !important;}.slick-slide {margin:0px 8px;}
.fs-20{font-size:16px !important;}.fs-24{font-size:20px !important; letter-spacing:0.16px;}.MainBanner h1{font-size:54px;}.MainBanner h1 span{font-size:30px;} .fs-30{font-size:24px !important;} .btn{min-width:unset;}
	.btn-sm {
		font-size: 16px;
		letter-spacing: 0.4px !important;
		padding: 12px 26px;
		min-width: 100%;
	}
	

	
	
	
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {
	
	
	
/*	
	.navbar-brand {
        padding: 15px 0px;
    }
	.navbar {
        position: absolute;
        left: 15px;
        top: 14px;
    }
	.navbar-brand img {
        max-height: 25px !important;
    }
	.navbar-toggler {
        padding: 0px 3px !important;
    }
	#Header .btn {
        letter-spacing: unset;
        min-width: unset;
        padding: 5px 10px;
        font-size: 12px;
    }*/
	
	
	#Header .btn{letter-spacing:unset; min-width:unset;padding:8px 13px;}
	  .ls-3{letter-spacing:0.2px !important;}.slick-slide {margin:0px 8px;}
.fs-20{font-size:16px !important;}.fs-24{font-size:20px !important; letter-spacing:0.16px;}.MainBanner h1{font-size:44px;}.MainBanner h1 span{font-size:26px;} .fs-30{font-size:24px !important;} .btn{min-width:unset;}
	.btn-sm {
		font-size: 16px;
		letter-spacing: 0.4px !important;
		padding: 12px 26px;
	}
	
	#Footer h4{letter-spacing:normal;}#Footer .list-inline-item:not(:last-child) {margin-right:10px;}}

@media (max-width: 767.98px) {
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {   
    width: 45.05% !important;   
}
	
	
	
	#Header .btn{letter-spacing:unset; min-width:unset;padding:5px 10px; font-size:12px;}.ls-3{letter-spacing:0.2px !important;}.slick-slide {margin:0px 8px;}.fs-20{font-size:16px !important;}
.fs-24{font-size:20px !important; letter-spacing:0.16px;}.MainBanner h1{font-size:34px;}.MainBanner h1 span{font-size:20px;} .fs-30{font-size:24px !important;} .btn{min-width:unset;font-size:14px; padding:10px 20px;}
	.btn-sm {
		letter-spacing: 0.4px !important;
		padding: 12px 26px;
		font-size: 15px;
	}
	#Footer h4{letter-spacing:normal;}#Footer .list-inline-item:not(:last-child) {margin-right:10px;}
.TopLink .input-group{width:220px;}.TopLink{font-size:13px} #Footer .Copytext{line-height:1.1;} .fs-80{font-size:30px !important;}
.carousel-caption{background-color: grey;padding: 30px 0 !important;position: relative;}

}
@media (max-width: 575.98px){
.MainBanner .Homebnr img,.MainBanner img {
    height:220px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;}
	
.CatImg img{height:250px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;}
	
.MainBanner h1{font-size:22px;} .TopLink .input-group{width:100%;}#Header .btn{padding:4px 8px; width:100%; margin-bottom:5px; font-size:14px; font-weight:600;}
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}