/************************************************* Header ********************************************************************/
.TopLink,.TopLink a {color:#0A8BBF; font-size:24px;} .TopLink a:hover{color:#022548;}
   
/********** Main Banner **************************************************************************************************/
.MainBanner h1{font-size:70px; font-family: "Poppins", sans-serif; text-shadow:0px 4px 4px #00000040; line-height:1; letter-spacing:-.04em;} 
.MainBanner img{clip-path: polygon(100% 0%, 100% 80%, 50% 100%, 0 80%, 0 0);}

/************************************************* Testimonials ********************************************************************/
.WelSection{background:url(../images/bg.png) repeat-x bottom; min-height:850px;background-size:cover; display:flex;justify-content:center;align-items:center;} 
.WelSection a{color:#23A9F6; font-size:22px; border-bottom:solid 2px #23A9F6;}.WelSection a:hover{color:#000;border-bottom:solid 2px #000;}

.List {padding:0; margin:0 0 15px 0; list-style-type:none; font-size:18px;}
.List li{background:url(../images/icon.png) no-repeat 0.1em 0.20em; padding:3px 0 20px 50px; margin:0px;}

.PlumberArea{background: linear-gradient(180deg, #43BDFA 0%, #095FC0 100%);} .PlumberArea img{margin-top:-186px;}
  
/********** ContactForm **************************************************************************************************/
#ContactForm.BgImg{background:url(../images/bg1.jpg) no-repeat top center; min-height:698px; background-size:cover;}
#ContactForm .form-control{border-radius:0px; height:60px; color:#000;}
#ContactForm textarea.form-control{height:130px; padding-top:15px;}
#ContactForm .form-control::-moz-placeholder,#ContactForm .form-control::-moz-placeholder {color:#000; opacity:1;}
    
/********** Footer ***************************************************************************************************/
#Footer{color:#fff;}
#Footer li.active a {color:#A81C1C;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .list-inline a:hover{color:#A81C1C;}
#Footer h4{font-size:32px;}
.CopyText{font-size:16px; line-height:1.4;}
#Footer .form-control{background:#fff; border-color:#fff; height:60px; color:#000;}
#Footer .btn{min-height:60px; font-size:20px; padding:8px 10px; min-width:unset;border-left:solid 1px #000 !important} 

    
/*************************************************************************************************************/
@media (min-width:992px) {.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:99; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}}

@media (min-width: 1920px){
.gutter-lg {margin-left:-22px!important;margin-right:-22px!important;}
.gutter-lg div[class^="col"]{padding-left:22px!important;padding-right:22px!important;}
.container {max-width:1680px !important;}}

@media (min-width: 1600px) {.container {max-width:1560px;} body {font-size:20px;} .btn{min-width:250px;} #Footer{line-height:34px;} .MainBanner h1{font-size:74px;} .fs-64{font-size:64px !important;}.PlumberArea{font-size:19px;}
h1, .h1 {font-size:52px;} h2, .h2 {font-size:40px;} h3, .h3 {font-size:36px;} .navbar .navbar-nav .nav-link{font-size:22px;} .HdBox{min-height:90px;} .SerText{min-height:120px;}.fs-34{font-size:34px !important;} 
.TopLink{font-size:30px;}
}
@media (min-width: 1400px) {.ms-xxl-5 {margin-left:0rem !important;} .HdBox{min-height:90px;} .SerText{min-height:120px;}}
@media (min-width: 1259.98px) and (max-width: 1360px) {}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){}

/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){.WelSection h2{font-size:30px;}.HdBox{min-height:90px;} .SerText{min-height:120px;} .Serres .h1{font-size:30px;}}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.WelSection,#ContactForm.BgImg{min-height:unset;}.WelSection h2{font-size:24px;}.HdBox{min-height:60px;} .SerText{min-height:150px;} .Serres .h1{font-size:30px;}.PlumberArea img{margin-top:-110px;}}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {.MainBanner h1{font-size:40px;}#Footer h4{font-size:26px;} .btn{font-size:18px;}.WelSection,#ContactForm.BgImg{min-height:unset;}.WelSection h2{font-size:24px;}.HdBox{min-height:60px;} .SerText{min-height:150px;} .Serres .h1{font-size:20px;}.PlumberArea img{display:none;}}

@media (max-width: 767.98px) {.MainBanner h1{font-size:36px;}#Footer h4{font-size:26px;} .btn{font-size:16px; padding:15px 25px;}.WelSection,#ContactForm.BgImg{min-height:unset;}.WelSection h2{font-size:24px;}.HdBox,.SerText{min-height:unset; margin:10px 0px;} .Serres .h1{font-size:30px;} .Serres .border-end{border:none !important;}.PlumberArea img{display:none;}}

@media (max-width: 575.98px){
.MainBanner .Homebnr .carousel-item img {
    height:200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
} .MainBanner h1{font-size:30px;} .Serres .h1{font-size:20px;} .Serres img{width:60px;}h1, .h1 {font-size:36px;}.btn{min-width:200px;} .rounded-t100{border-radius:70px 0 70px 0;}
.rounded-80{border-radius:0px 60px 0px 0;}


}

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

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    flex: 0 0 0%!important;
    /* height: 100%; */
    /* object-fit: cover; */
    /* width: 100%; */
}

.serv {height: 350px!important;
    object-fit: cover;}