/********** Header **************************************************************************************************/
.Innerpage{min-height:500px;} .Innerpage.about .bg-info{ box-shadow: 0px 0px 15px rgba(0,0,0,.1);} .Innerpage.about .bg-info.rounded-3{border-radius:30px !important;}
.Innerpage.contact .form-group {margin-bottom:20px;}
.Innerpage.contact .form-control{font-size:15px; border-color:#fff; border-radius:0; height:60px; color:#6d6d6d; font-weight:400; font-family: 'Montserrat', sans-serif; background:#fff;}
.Innerpage.contact .form-control::placeholder{color:#6d6d6d;}
.Innerpage.contact textarea.form-control{height:220px; padding:14px;} #Contact p{font-size:18px;} .Innerpage.contact a.text-white:hover{color:#541675 !important;}

textarea:focus ,textarea.form-control:focus {

    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption {z-index:9;display:flex;justify-content:center;align-items:center;margin:auto;left:0;bottom:50px;right:0;}
.MainBanner .carousel-caption .bg-img{
  background: url(../images/circle-bg.png) no-repeat bottom right;
  min-height: 629px;
  background-position: right; position:relative; bottom:40px;
}
.MainBanner .carousel-caption h1{display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding-top: 265px;
padding-left: 970px;}
/********** Welcome **************************************************************************************************/
.welimg{background:url(../images/wel-shadow.png) repeat-x top; margin-top:-164px;  z-index:-1; min-height:726px;}
#Welcome {padding:245px 0 100px 0;}
#Welcome p{font-size:24px;}  
/********** Services **************************************************************************************************/
#Services .ImgPosition{position:relative; box-shadow: 0px 0px 15px rgba(0,0,0,.1); margin-bottom:20px; border-radius:50%;} #Services .text-position{position:absolute; bottom: 55px;left: 0;right: 0;}

/********** Contact **************************************************************************************************/
#Contact .mrgn{margin-left:90px;}
#Contact .form-group {margin-bottom:20px;}
#Contact .form-control{font-size:15px; border-color:#fff; border-radius:0; height:60px; color:#6d6d6d; font-weight:400; font-family: 'Montserrat', sans-serif; background:#fff;}
#Contact .form-control::placeholder{color:#6d6d6d;}
#Contact textarea.form-control{height:220px; padding:14px;} #Contact p{font-size:18px;}

textarea:focus ,textarea.form-control:focus {

    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/********** Footer **************************************************************************************************/
#Footer{font-size:13px; color:#dfa3ff; line-height:2;} #Footer a{font-size:13px; color:#dfa3ff;}
#Footer .CopyText{font-size:13px; color:#dfa3ff;}
#Footer .list-inline-item:not(:last-child){margin-right:15px !important;} 
#Footer .list-inline-item a{color:#dfa3ff; font-size:17px;} #Footer  a:hover{color:#fff;}
#Footer .nav-link{padding: 0px !important;}
#Footer .menu-item.active .nav-link {color: #fff !important;}
.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:1140px !important;}
.container-fluid{max-width:1630px !important;}

/* ============ desktop view ============ */
@media all and (min-width: 1025px) {
	.navbar .menu-item .dropdown-menu{ display:none;}
	.navbar .menu-item:hover .nav-link{ color:#fff;}
	.navbar .menu-item:hover .dropdown-menu{ display:block;}
	.navbar .menu-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(84,22,117,.95); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.Logo img {/*max-height:114px;*/ max-width: 230px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .Logo img {/*max-height:70px;*/ max-width: 150px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.Logo {padding-top:20px; padding-bottom:20px;}  .shrink .Logo {padding-top:10px !important; padding-bottom:10px !important;}

	
	.Homebnr .carousel-item img {
    height: 913px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	}
	
	#Contact .custom-img img {
    height: 671px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	}
.Top-shadow{background:url(../images/bnr-shadow.png) repeat-x top; min-height:398px;position: absolute;z-index: 1;left: 0;right: 0;top: 0;}
}

.gx-7 {margin-left:-10px!important;margin-left:-10px!important;}
.gx-7 div[class^="col"]{padding-right:10px!important;padding-left:10px!important;}


.gx-8 div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
@media (min-width:767.98px) {
}


@media (min-width: 1920px) {#Services .text-position {bottom: 75px;} .MainBanner .carousel-caption h1{padding-left: 1070px !important;} #Contact .mrgn {margin-right: 155px !important;}}
@media (min-width: 1200px) {
}
@media (min-width: 1600px) {#Services .text-position {bottom: 75px;} .MainBanner .carousel-caption h1{padding-left: 1050px;}}

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

}

@media (min-width: 1199.98px) and (max-width: 1359.98px) {#Services h3{font-size:20px;} .MainBanner .carousel-caption h1{padding-left: 710px !important;}}

@media (min-width: 991.98px) and (max-width: 1199.98px){h2, .h2 {font-size: 30px;}  h3, .h3 {font-size: 22px;} #Services .text-position {bottom: 80px;} #Household .fs-20 {font-size: 15px !important;} .MainBanner .carousel-caption h1{padding-left: 470px;} h1, .h1 {font-size: 40px;} #Welcome {
padding: 200px 0 100px 0;} .welimg {min-height: unset;} #Contact .mrgn {margin-left: 30px;}}

@media (min-width: 768px) and (max-width: 991.98px) {#Header{position:static; background:#541675; padding:10px 0px;} .Logo{padding-bottom:10px;}h3, .h3 {font-size: 22px;} h2, .h2 {font-size: 30px;} hr {margin-top: 50px;} .MainBanner .carousel-caption h1 {position: absolute;bottom: 70px;
padding-left: 495px;} h1, .h1 {font-size: 30px;} #Welcome {padding: 200px 0 50px 0;} .welimg {min-height: unset;} #Welcome p {font-size: 20px;} #Services h3, .h3 {font-size: 17px;} #Household h2, .h2 {font-size: 25px;} #Contact .mrgn {margin: 30px 15px;} .MainBanner .carousel-caption .bg-img {
min-height: 306px; bottom:0px;  background-size: 360px 300px;
} .Homebnr .carousel-item img {
    height: 500px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	}}


@media (max-width:767.98px) {h3, .h3 {font-size: 20px;} h2, .h2 {font-size: 30px;} hr {margin-top: 50px;}  #Header{position:static; background:#541675; padding:10px 0px;} .Logo{padding-bottom:10px;}h3, .h3 {font-size: 22px;} h2, .h2 {font-size: 30px;} hr {margin-top: 50px;} .MainBanner .carousel-caption h1 {padding-left: 150px;} .MainBanner .carousel-caption h1, .h1 {font-size: 25px !important;} h1, .h1 {font-size: 30px;} #Welcome {padding: 200px 0 30px 0;} .welimg {min-height: unset;} #Welcome p {font-size: 20px;} #Services h3, .h3 {font-size: 17px;} #Household h2, .h2 {font-size: 25px;} #Contact .mrgn {margin: 30px 15px;}
.MainBanner .carousel-caption h1 {position: absolute;bottom: 80px;
padding-left: 380px;} .MainBanner .carousel-caption .bg-img {
min-height: 306px; bottom:0px;  background-size: 360px 300px;}.Homebnr .carousel-item img {
    height: 500px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
	}
}
@media (max-width:575.98px) {.MainBanner .carousel-caption h1 {padding-left: 100px !important;}
}