
/************************************************* Header ********************************************************************/
#Header {}  #Header + main {margin-top:131px;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption .BnrForm{background:rgba(0,25,63,.8); padding:40px; width:450px;}
.BnrForm .form-group {margin-bottom:20px;} 
.BnrForm .form-control{border-color:#fff; background:#fff; border-radius:4px; height:50px; color:#807f7f; padding-left:20px;}
.BnrForm textarea.form-control{height:160px; padding-top:15px;}

/********** Tab **************************************************************************************************/
#WelText {line-height:35px; min-height:606px;} 
.ImgMrg img{margin-top:-70px; margin-bottom:-70px; border:solid 10px #fff; box-shadow:25px 25px 25px rgba(0,0,0,.1);}
.Electricians hr{background-color:#000 !important; margin:60px 0px; opacity:.2 !important;}

.HdText{font-size:40px;}
.leftmrgn{margin-right: -100px;position: relative;z-index: 9;}

.SerPsybox {
  padding:45px;
  margin-right: -150px;
  position: relative;
  z-index: 9;
}



/************************************************* Testimonials ********************************************************************/
#TestiArea{font-size:15px; line-height:30px; color:#464646;}
#TestiArea .Name{font-size:18px; font-weight:500; color:#23334b;}#TestiArea .carousel-inner{width:61%;}
#Testimonials .carousel-control-next, #Testimonials .carousel-control-prev {width:32px; z-index:9999; opacity:1; top:-50%;} 
#Testimonials q:before,#Testimonials:before {content:open-quote; position:absolute; left:12%; top:46px;}
#Testimonials q:after,#Testimonials:after {content:close-quote; position:absolute; right:12%; top:46px;}
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {color:#e3e3e3; font-size:150px; font-family: 'Montserrat', sans-serif;}
/********** Testimonials **************************************************************************************************/
#Testimonials .carousel-indicators {position:static; margin-top:40px;}
#Testimonials .carousel-indicators li{width:12px; height:12px; margin:0 4px; background-color:#dddddd;border:solid 1px #dddddd; border-radius:50%; opacity:1;}
#Testimonials .carousel-indicators li.active {background-color:#f9d127; border:solid 1px #f9d127;}

/********** ContactForm **************************************************************************************************/
#ContactForm .form-group {margin-bottom:10px;} 
#ContactForm .form-control{border-color:#fff; background:#fff; border-radius:4px; height:50px; color:#807f7f; padding-left:20px;}
#ContactForm textarea.form-control{height:160px; padding-top:15px;}

/********** Footer ***************************************************************************************************/
#Footer{color:#637fa8; font-size:13px; line-height:25px; letter-spacing:.025em;}
#Footer a{color:#637fa8;}#Footer a:hover{color:#f9d127;}
#Footer .list-inline a{font-size:16px; margin:0px; color:#f9d127;}
#Footer .list-inline a:hover{color:#fff;}
#Footer .list-inline-item:not(:last-child) {margin-right:14px;}

.Copytext{font-size:13px;}

/*************************************************************************************************************/
.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(../images/check.png) no-repeat 0.1em 0.63em; padding:3px 0 3px 36px; margin:0px;}

/*************************************************************************************************************/

.container-new{max-width:100% !important; width:100%; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}

/* ============ desktop view ============ *
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover .nav-link{ color:#adadad;}
	.navbar .nav-item:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */


/* Large devices (desktops, 992px and up) */
@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(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:88px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:60px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:22px 0px 21px 0px !important;}
.shrink .navbar-brand{padding:10px 0px !important;}

#WelText{padding:94px 0px 30px 0;}
.leftmrgn{margin-right: -100px;position: relative;z-index: 9;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}

@media (min-width: 1920px) {.container{max-width:1530px;}}
@media (min-width: 1600px){.container{max-width:1530px;}}
@media (min-width: 1199.98px) and (max-width: 1459.98px){#Header + main {margin-top:102px;} .btn-outline-info{padding:10px 6px;letter-spacing:.010em;}.Electricians hr{margin:20px 0px;}
.ImgMrg img{margin-top:-60px; margin-bottom:-40px;}
.Electricians img{height:820px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;} 
}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {#Header + main {margin-top:102px;}.btn-outline-info{padding:6px 10px;letter-spacing:normal;}.MainBanner .carousel-caption .BnrForm{padding:20px;}
.BnrForm .form-group {margin-bottom:10px;}.BnrForm .form-control{height:44px;}.ImgMrg img{margin-top:20px; margin-bottom:20px;}.HdText{font-size:35px;}.fs-25 {font-size:24px !important;}#WelText {line-height:30px; min-height:unset;padding:70px 0;} .SerPsybox {padding:20px; margin-right:10px;}
}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{position:static;}#Header + main {margin-top:0px;}.Electricians hr{margin:20px 0px;}.HdText{font-size:25px;}.fs-25 {font-size:20px !important;}
.MainBanner .carousel-caption {position:static;}.MainBanner .carousel-caption .BnrForm{padding:20px; width:100%; margin:15px 0px 30px 0;}#TestiArea .carousel-inner{width:80%;}
#Testimonials q:before,#Testimonials:before {left:-2%; top:50px;}
#Testimonials q:after,#Testimonials:after {right:-2%; top:50px;}#WelText {line-height:30px; min-height:unset !important; padding:0px 0 50px 0;} 
.SerPsybox {padding:20px; margin-right:0px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {.container{max-width:100%;}.SerPsybox {padding:20px 15px; margin-right:0px;}
#Header{position:static;}#Header + main {margin-top:0px;}.ImgMrg img{margin-top:20px; margin-bottom:20px;}.btn-outline-info{padding:6px 10px;letter-spacing:normal;}.Electricians hr{margin:20px 0px;}
.MainBanner .carousel-caption {position:static;}.MainBanner .carousel-caption .BnrForm{padding:20px; width:100%; margin:15px 0px 30px 0;}#TestiArea .carousel-inner{width:80%;}
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {font-size:100px;}
#Testimonials q:before,#Testimonials:before {left:-2%; top:50px;}
#Testimonials q:after,#Testimonials:after {right:-2%; top:50px;}
.HdText{font-size:22px;}.fs-25 {font-size:16px !important;}#WelText {line-height:30px; min-height:unset;padding:70px 0;} .nicimg{width:90px;}
}

@media (max-width:575.98px) {
.MainBanner .Homebnr .carousel-item  img {
    height:150px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
#Header .Toplink{right:12px; top:15px;}.ls-1{letter-spacing:.020em !important;}
h1, .h1 {font-size:30px;}#WelText {line-height:30px; min-height:unset !important; padding:0px 0 50px 0;} 
.nicimg{width:50px;}

}
/* X-Small devices (portrait phones, less than 576px) */
