/************************************************* Header ********************************************************************/
#Header {}  #Header + main {}

/********** Main Banner **************************************************************************************************/
 .BnrText {width:522px; padding:56px 60px;font-size:37px; line-height:1.2;}

/********** Tab **************************************************************************************************/
 .contact{font-size:18px; line-height:38px;}.contact a{color:#fff;} .contact a:hover{color:#000;}

/********** Testimonials **************************************************************************************************/
#TestiArea{padding:70px 0px;} .Name{font-size:18px; color:#474646;}
#Testimonials q:before,#Testimonials:before {content: open-quote; position:absolute; left:0%; top:-70px;}
#Testimonials q:after,#Testimonials:after {content: close-quote; position:absolute; right:0%; top:-70px; }
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {color:#e7e9ea; font-size:150px; font-family:"Times New Roman", Times, serif; font-weight:700;}
#Testimonials .textBox {width:86%; margin:auto; font-size:35px; color:#838383; line-height:50px;}
#Testimonials .carousel-indicators {position:static; margin-top:30px;}
#Testimonials .carousel-indicators li{width:16px; height:16px; margin:0 4px; background-color:#fff; border:solid 1px #000; border-radius:50%; opacity:1;}
#Testimonials .carousel-indicators li.active {background-color:#000;}

/********** ContactForm **************************************************************************************************/
#ContactForm {padding:56px; margin-top:-200px;}
#ContactForm .form-group {margin-bottom:10px;}
#ContactForm .form-control{font-size:15px; border-color:#fff; background:#fff; border-radius:0; height:50px; color:#6d6d6d;}
#ContactForm textarea.form-control{height:160px;}

/********** Footer ***************************************************************************************************/
#Footer{color:#ababab; font-size:13px; line-height:26px;letter-spacing:.1em;}
#Footer a{color:#ababab;}#Footer a:hover,#Footer .active a{color:#dbe0ed;}
   
/*************************************************************************************************************/
.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(../images/check.png) no-repeat 0.1em 0.60em; padding:3px 0 3px 40px; 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(0,0,0,.8); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:96px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:70px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:14px 0px 12px 0px !important;}
.shrink .navbar-brand{padding:10px 0px !important;}

.lh-34{line-height:34px; !important;}

.contact .Mapimg {
    height:590px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.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%;}
}
/* 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;}
 }


@media (min-width: 1600px){.container{max-width:1530px;}.contact .mg-left{margin-left:28px;}}
@media (min-width: 1920px) {.container{max-width:1530px !important;}.SerBox{padding:60px 90px;}#Testimonials .textBox {width:75.5%;}
.Homebnr img {height:850px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.contact .mg-left{margin-left:195px !important;}}

@media (min-width: 1199.98px) and (max-width: 1359.98px) {.BnrText {width:451px; padding:30px 40px;font-size:32px;}.MainBanner .carousel-caption {bottom:-13%;} 
 #Testimonials .textBox {width:78%; font-size:30px; line-height:45px;} h3, .h3 {font-size:16px;}.contact .mg-left{margin-left:55px !important;}}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
.BnrText {width:376px; padding:20px 25px;font-size:26px;}.MainBanner .carousel-caption {bottom:-14%;} .lh-34{line-height:30px; !important;}
.contact .mg-left{margin:25px !important;}.contact .Mapimg {height:auto;}
 #Testimonials .textBox {width:78%; font-size:25px; line-height:40px;} 
}

/*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;}#Header + main {margin-top:0px;} 
.BnrText {width:50%; padding:20px 26px;font-size:20px;}.MainBanner .carousel-caption {bottom:-0%;} .lh-34{line-height:30px; !important;}
.contact .mg-left{margin:25px !important;}.contact .Mapimg {height:auto;}
#Testimonials .textBox {width:78%; font-size:20px; line-height:30px;} 
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {.container{max-width:100%;}
#Header{position:static; background:#000;}#Header + main {margin-top:0px;} .fs-45 {font-size:35px;}
.BnrText {width:100%; padding:20px 20px;font-size:18px;}.MainBanner .carousel-caption {bottom:-0%;} 
.contact .mg-left{margin:25px 0px !important;}.contact .Mapimg {height:auto;}h3, .h3 {font-size:16px;}
 
#Testimonials .textBox {width:84%; font-size:18px; line-height:30px;}#ContactForm {padding:26px;margin-top:-0px;}#TestiArea{padding-bottom:0px;} 
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {font-size:100px;}
#Testimonials q:before,#Testimonials:before,#Testimonials q:after,#Testimonials:after {top:-40px; }

}

@media (max-width:575.98px) {
.MainBanner .Homebnr .carousel-item  img {
    height:190px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.MainBanner .carousel-caption {font-size:18px; position:static; margin-top:15px;} 
.Toplink .btn{padding:7px 10px; font-size:10px; letter-spacing:normal;}
#Testimonials .textBox {width:70%; font-size:16px; line-height:24px;} 
h1, .h1 {font-size:30px;}h2, .h2 {font-size:25px;} 

 }
/* X-Small devices (portrait phones, less than 576px) */