/********** Header **************************************************************************************************/
#Header .tel-link{color:#fff;} #Header .tel-link:hover{color:#fac521;}  #Header .Header-link{line-height:0.8 !important;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption {z-index:9;display:flex;justify-content:center;align-items:center;margin:auto;left:0;bottom:200px;right:0;}
.MainBanner .carousel-caption .fa-lg{font-size:30px; vertical-align:baseline;} .MainBanner .carousel-caption .btn{font-size:35px !important; font-weight:900 !important; border-radius:0px; padding:13px 30px; bottom: -220px;position: absolute;left: 15px;}
.MainBanner .carousel-caption .btn-warning{border-color:#face20; color:#000 !important;  background-color: #face20;} 
.MainBanner .carousel-caption .btn-warning:hover,.btn-warning.focus,.btn-warning:focus{background-color: #fff; border-color:#fff;color:#face20 !important;}

.MainBanner .carousel-caption .btn-warning{border-color:#face20; color:#000 !important;  background-color: #face20; padding:13px 40px;} 
.MainBanner .carousel-caption .btn-warning:hover,.btn-warning.focus,.btn-warning:focus{background-color: #fff; border-color:#fff;color:#face20 !important;}
/********** Welcome **************************************************************************************************/
#Welcome .bottomForm .form-group {margin-bottom:17px;} #Welcome .mrgn-right{margin-right: 60px;}
#Welcome .bottomForm .form-control{font-size:15px; background:#fff; border-color:#fff !important; border-radius:30px;height:57px; color:#6b6b6b; font-family: 'Lato', sans-serif; padding-left:35px;}
#Welcome .bottomForm .form-control::placeholder{color:#6b6b6b;} #Welcome .bottomForm .gradient-button{padding:13px; width:100%;}
input.form-control, input.form-control:focus {font-size: 15px;height: 57px;box-shadow: none;}
#Welcome .bg-dark{padding:40px 30px 48px 30px;}  #Welcome .btn-sm{font-size:15px !important; padding:16px 32px;}
/********** Electricians **************************************************************************************************/
#Electricians span{font-size:22px; font-weight:400;}   #Electricians .mrgn{margin-left: 35px;margin-right: 55px;}  #Electricians .pdng {padding-left: 60px;padding-right: 30px;} 
/********** Contact **************************************************************************************************/
#Contact .fa-lg{font-size:30px; color:#fac521;} #Contact a{color:#fff;} #Contact a:hover{color:#fac521;}
/********** Testimonials **************************************************************************************************/
#Testimonials p{font-size:24px; width: 90%; color:#323232;} #Testimonials .Name{color:#fac521; letter-spacing:.22em; font-size:12px;}
/********** ContactForm **************************************************************************************************/
#ContactForm .form-group {margin-bottom: 20px;}
#ContactForm .form-control{font-size:15px; border:none; border-bottom:solid 1px #2c5b9c; border-radius:0; padding-left:0; min-height:28px;padding-bottom:0px; background:transparent; font-weight:300; font-family: 'Merriweather Sans', sans-serif; color:#fff;} 
#ContactForm .form-control::placeholder{color:#fff;}
#ContactForm textarea.form-control{height:80px;}
textarea:focus ,textarea.form-control:focus {

    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
} #ContactForm .btn{padding:15px 35px !important; font-size:15px !important;} 
.AddressArea a{color:#fff;} .AddressArea a:hover{color:#fac521;} .AddressArea .list-inline a:hover{color:#fff;} .AddressArea p{font-size:14px;}
.AddressArea .list-inline a{font-size:15px; margin:0px; color: rgb(243,177,39);} .AddressArea .fa-lg{font-size:16px;  color: rgb(243,177,39);}
.AddressArea .list-inline-item:not(:last-child) {margin-right:25px;}
.btn-warning {
    color: #000;
    background-color: #facd20;
    border-color: #facd20;

}
.btn-warning:hover {
    color: #000;
    background-color: #facd20;
    border-color: #facd20;
}
/********** Footer **************************************************************************************************/

#Footer .CopyText{font-size:11px; color:#828282; letter-spacing:.060em;} 

.Listing {padding:0px; margin:0px; list-style-type:none;}
.Listing li{color:#fff; background:#7db916 url(../images/icon1.png) no-repeat 1.1em 1.45em; padding:14px 0 12px 45px; margin:0 0 1px; border-radius:6px;}
.Listing li a{color:#fff;} .Listing li a:hover{color:#000;}


/*************************************************************************************************************/
.container-new{max-width:100% !important; padding-right:0px; padding-left:0px;margin-right: auto;margin-left: auto;}
.container{max-width:1170px !important;}
.container-fluid{max-width:1840px !important;}

/* ============ desktop view ============ */
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover .nav-link{ color:#fff;}
	.navbar .nav-item:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */

@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(0,0,0,.95); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.Logo img {max-height:86px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .Logo img {max-height:70px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.Logo {padding-top:24px; padding-bottom:24px;}  .shrink .Logo {padding-top:10px !important; padding-bottom:10px !important;}

	
	#Electricians .custom-img .custom-class {
    height: 610px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	}
.Top-shadow{background:url(../images/shadow.png) repeat-x top; min-height:354px;position: absolute;z-index: 1;left: 0;right: 0;top: 0;}
}
@media (min-width:767.98px) {#Electricians .custom-img .custom-class {
    height: 610px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	}
}


@media (min-width: 1920px) {#Electricians .mrgn {margin-right: 380px !important;} #Electricians .pdng {padding-left: 385px !important;}}
@media (min-width: 1200px) {.Homebnr .carousel-item img {
    height: 808px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	}
#Header .me-xl-n5 {margin-right: -60px;}
}
@media (min-width: 1600px) { #Electricians .mrgn {margin-right: 230px;} #Electricians .pdng {padding-left: 230px;}}

@media (min-width: 1459.98px) and (max-width: 1559.98px) {

}

@media (min-width: 1199.98px) and (max-width: 1359.98px) {
}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 991.98px) and (max-width: 1199.98px){#Header .fs-20 {font-size: 18px !important;} #Header .fs-37 {font-size: 30px !important;} #Header .Header-link{line-height:1 !important;} .MainBanner .carousel-caption .fs-64 {font-size: 40px !important;} .Homebnr .carousel-item img {
    height: 500px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	} h1, .h1 {font-size: 30px;} #Electricians .pdng {padding-left: 15px;padding-right: 15px;} #Electricians .mrgn {margin-right: 15px;} h2, .h2 {
font-size: 25px;} h3, .h3 {font-size: 25px;}}


/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {#Header{position:static; background:#000; padding:10px 0px;} .Logo{padding-bottom:10px;}#Header .fs-20 {font-size: 18px !important;} #Header .fs-37 {font-size: 30px !important;} #Header .Header-link{line-height:1 !important;} .MainBanner .carousel-caption .fs-64 {font-size: 30px !important;} .Homebnr .carousel-item img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	} h1, .h1 {font-size: 25px;} #Electricians .pdng {padding-left: 15px;padding-right: 15px;} #Electricians .mrgn {margin-right: 15px;} h2, .h2 {
font-size: 25px;} h3, .h3 {font-size: 20px;} #Welcome .mrgn-right {margin-right: 0px;} #Services .fs-20 {font-size: 16px !important;} .AddressArea .fs-19 {font-size: 16px !important;} .MainBanner .carousel-caption .btn {font-size: 20px !important;} .MainBanner .carousel-caption .btn-warning {
padding: 8px 30px;} .MainBanner .carousel-caption .fa-lg {font-size: 20px;}}



/* Medium devices (tablets, 768px and up) */


/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {#Header{position:static; background:#000; padding:10px 0px;} .Logo{padding-bottom:10px;}#Header .fs-20 {font-size: 16px !important;} #Header .fs-37 {font-size: 20px !important;} #Header .Header-link{line-height:1 !important; margin-right:60px;} .MainBanner .carousel-caption .fs-64 {font-size: 25px !important;} .Homebnr .carousel-item img {
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	} h1, .h1 {font-size: 25px;} #Electricians .pdng {padding:20px 15px;} h2, .h2 {font-size: 20px;} h3, .h3 {font-size: 18px;} #Welcome .mrgn-right {margin-right: 0px;} #Services .fs-20 {font-size: 16px !important;} .AddressArea .fs-19 {font-size: 16px !important;} .MainBanner .carousel-caption .btn {font-size: 20px !important;} .MainBanner .carousel-caption .btn-warning {
padding: 8px 30px;} .MainBanner .carousel-caption .fa-lg {font-size: 20px;} .MainBanner .carousel-caption {bottom:100px;} .MainBanner .carousel-caption .btn{bottom:-120px;} #Electricians .mrgn {margin: 0px 15px 60px 15px;}#Testimonials p {font-size: 20px;width: 100%;}
}
@media (max-width:575.98px) {#Welcome .bg-dark {
  padding: 30px 20px 30px 20px;
}
}
/* X-Small devices (portrait phones, less than 576px) */