
/************************************************* Header ********************************************************************/
#Header {background:rgba(255,255,255,.8);}  #Header + main {}

/********** Main Banner **************************************************************************************************/
.MainBanner h1{font-size:60px; text-shadow:5px 5px 5px rgba(107,107,107,.35)}

/********** Tab **************************************************************************************************/
.MrgLeft{padding:25px;} .contact a{color:#fff;} .contact a:hover{color:#000;}
.Services a{font-weight:500; color:#05c3dd; border-bottom:solid 1px #05c3dd; padding-bottom:2px; }.Services a:hover{color:#000;border-bottom:solid 1px #000;}

/********** Testimonials **************************************************************************************************/
.Name{font-size:15px; 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:90%; margin:auto; font-size:35px; color:#000; 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;}

#Testimonials-page q:before,#Testimonials-page:before {content: open-quote; position:absolute; left:0%; top:-70px;}
#Testimonials-page q:after,#Testimonials-page:after {content: close-quote; position:absolute; right:0%; top:-70px; }
#Testimonials-page q:before,#Testimonials-page q:after,#Testimonials:before,#Testimonials-page:after {color:#e7e9ea; font-size:150px; font-family:"Times New Roman", Times, serif; font-weight:700;}
#Testimonials-page .textBox {width:100%; margin:auto; font-size:35px; color:#000; line-height:50px;}

/********** ContactForm **************************************************************************************************/
#ContactForm .form-group {margin-bottom:10px;}
#ContactForm .form-control{font-size:14px; border-color:#fff; background:#fff; border-radius:0; height:50px; color:#141414;}
#ContactForm textarea.form-control{height:169px;}
.add { font-size:18px;}
/********** Footer ***************************************************************************************************/
#Footer {color:#fff; font-size:14px; line-height:30px;}
#Footer a{color:#fff;}#contact-form-bottom a:hover,#contact-form-bottom .active a{color:#dbe0ed;}

#Footer .list-inline a{font-size:22px; margin:0px; color:#05c3dd;}
#Footer .list-inline a:hover{color:#fff;}
#Footer .list-inline-item:not(:last-child) {margin-right:18px;}
.Copytext{font-size:12px; color:#858585;}
   
/*************************************************************************************************************/
.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:83px;-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:12px 0px !important;}
.shrink .navbar-brand{padding:6px 0px !important;}
.lh-34{line-height:34px !important ;}
.contact .Mapimg {
    height:694px;
    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:1230px;} .MrgLeft{margin-left:322px !important; margin-right:20px;}}

@media (min-width: 1920px) {.container{max-width:1230px !important;}.SerBox{padding:60px 90px;}#Testimonials .textBox {width:88%;}
.Homebnr img {height:830px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.welcome .cus-wdth {width:550px;}
.contact .cus-wdth {width:550px;}
}

@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;} 
 .welcome .cus-wdth {width:100%;}
 .contact .cus-wdth {width:100%;}
  h1, .h1 { font-size: 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:#fff;}#Header + main {margin-top:0px;} 
.BnrText {width:50%; padding:20px 26px;font-size:20px;}.MainBanner .carousel-caption {bottom:15%;} .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;} 
.welcome .cus-wdth {width:100%;}
 .contact .cus-wdth {width:100%;}
.MainBanner h1 {font-size: 50px;}
}

@media (min-width: 768px){
.container, .container-md, .container-sm {max-width: 100%;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {.container{max-width:100%;}
#Header{position:static; background:#fff;}#Header + main {margin-top:0px;} .fs-45 {font-size:35px;}
.BnrText {width:100%; padding:20px 20px;font-size:18px;}.MainBanner .carousel-caption {bottom:10%;} 
.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:5px;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; }
.welcome .cus-wdth {width:100%;}
 .contact .cus-wdth {width:100%;}
.MainBanner h1 {font-size: 50px;}
}

@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;
}
.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;} 
.welcome .cus-wdth {width:100%;}
 .contact .cus-wdth {width:100%;}
.MainBanner h1 {font-size: 25px;}
 }
/* X-Small devices (portrait phones, less than 576px) */
