/************************************************* Header ********************************************************************/
#Header {} #Header + main {margin-top:113px;} 
#Header .TopLink {font-size:15px; line-height:22px; border-left:solid 1px #d7d7d7; padding:5px 0 5px 40px; margin-left:30px;} 
#Header .TopLink a{color:#2f2e2e;}#Header .TopLink a:hover{color:#0090df;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption h1,.MainBanner .HeadingBnr h1{font-size:50px;line-height:1;}

/************************************************* Content ********************************************************************/
.Textbox{background:#FFF;padding:70px; margin-left:-100px; border:solid 1px #e4e4e4; box-shadow:20px 20px 0px rgba(0,0,0,.05)} 
.SerPsy{background:url(../images/bg.jpg) no-repeat top center; min-height:700px; background-size:cover;}
.SerPsybox{background:#FFF;padding:70px; margin-right:-100px; border:solid 1px #e4e4e4; box-shadow:20px 20px 0px rgba(0,0,0,.05); position:relative; z-index:9;} 

.TextArea{background:#FFF;padding:20px; border:solid 1px #e4e4e4; box-shadow:20px 20px 0px rgba(0,0,0,.05);} 


#accordionExample .accordion-item {margin-bottom:10px;}
.accordion-item:not(:first-of-type) {border:solid 1px #e4e4e4;}
.accordion-button:not(.collapsed) {color:#0090df;}
.accordion-button:focus {box-shadow: none !important;}


/********** ContactForm **************************************************************************************************/

#ContactForm.bgimg{position:relative; background:#0090df; display:block; min-height:530px; z-index:1;display:flex; justify-content:center; align-items:center;font-size:17px;}
#ContactForm.bgimg:after {content:''; background:url(../images/contactbg.jpg) no-repeat top center; opacity:.4; position:absolute; z-index: -1; top:0; bottom:0; left:0; right:0;background-size:cover;mix-blend-mode:multiply;} 
#ContactForm .form-group {margin-bottom:20px;}
#ContactForm .form-control{font-size:15px; border-color:#fff; background:#fff; border-radius:0; height:50px; color:#6d6d6d;}
#ContactForm .form-control::placeholder{color:#6d6d6d;}
#ContactForm textarea.form-control{height:190px;}

.map {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}

/********** Footer ***************************************************************************************************/
#Footer{color:#000; font-size:15px; line-height:30px;}
#Footer a{color:#000;}#Footer a:hover,#Footer .list-inline a:hover{color:#008ad8;}
#Footer h3{font-size:16px; letter-spacing:.050em;}

#Footer .list-inline a{font-size:18px; margin:0px; color:#000;}
#Footer .list-inline a:hover{color:#008ad8;}
#Footer .list-inline-item:not(:last-child) {margin-right:12px;}
.Copytext{font-size:13px;letter-spacing:.1em !important;}

/*************************************************************************************************************/
@media (min-width:992px) {
#Header {top:0; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:#fff;box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:9999;top:0px !important;}

.navbar-brand img {max-height:80px;-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:15px 0 !important;}
.shrink .navbar-brand{padding:10px 0px !important;}
.TextArea{padding:40px; margin-right:20px;} 

}

@media (min-width: 1920px){
.MainBanner .Homebnr .carousel-item img {height:700px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.container {max-width:1160px;}.container-fluid {max-width:1520px;}
}

@media (min-width: 1600px){
.container {max-width:1160px;}.container-fluid {max-width:1520px;}

.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
}

/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1399.98px) {}

/*********************** FOR IPAD ***********************/
@media (min-width: 991.98px) and (max-width: 1199.98px) {
#Header .TopLink {padding:5px 0 5px 20px; margin-left:0px;} #Header + main {margin-top:90px;}.MainBanner .carousel-caption h1,.MainBanner .HeadingBnr h1{font-size:46px;line-height:1;}
.Textbox{padding:30px; margin-left:-100px;} 
.SerPsybox{padding:30px; margin-right:-100px;} 
}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header {position:static;} #Header + main {margin-top:0px;} 
.Textbox,.SerPsybox,.TextArea{padding:20px;box-shadow:10px 10px 0px rgba(0,0,0,.05);font-size:16px; line-height:1.6;}
.Textbox .h1,.SerPsybox .h1{font-size:24px;}.btn{padding:12px 30px;}.MainBanner .carousel-caption h1,.MainBanner .HeadingBnr h1{font-size:34px;line-height:1;}
.SerPsy{background:url(../images/bg.jpg) no-repeat center center; min-height:500px;}
}

@media (max-width: 767.98px) {	
.container {max-width:100%;}
#Header {position:static;} #Header + main {margin-top:0px;} #Header .TopLink {display:none;}
.Textbox{margin-left:-0px;} .SerPsybox{margin-right:-0px;}
.Textbox .h1,.SerPsybox .h1{font-size:24px;}.btn{padding:12px 30px;}.MainBanner .carousel-caption h1,.MainBanner .HeadingBnr h1{font-size:28px;line-height:1;}
.SerPsy{background:url(../images/bg.jpg) no-repeat center center; min-height:500px;}
.Textbox,.SerPsybox,.TextArea{padding:20px;box-shadow:10px 10px 0px rgba(0,0,0,.05);margin-right:10px;}
.w-75{width:100% !important;}
}

@media (max-width: 575.98px){
.MainBanner .carousel-item  img,.Hairbg img {
    height:150px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
#Header .TopLink {display:none;}.MainBanner .carousel-caption h1,.MainBanner .HeadingBnr h1{font-size:17px;line-height:1;}
.Textbox,.SerPsybox,.TextArea{padding:20px;font-size:15px; margin-right:10px;}.Textbox .h1,.SerPsybox .h1{font-size:20px;}
}

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