/************************************************* Header ********************************************************************/
  
/********** Main Banner **************************************************************************************************/
.MainBanner h1{font-size:50px; line-height:1.4;}
.MainBanner .BnrText{background:#FAB001; padding:30px; width:57%; line-height:1.2;}

/************************************************* Content ********************************************************************/
.bg-img{margin-right:50px; margin-bottom:50px;}
.bg-img::before {width:320px; right:-50px;top:-50px; bottom:-50px; background-color:#484848; content: "";position: absolute;z-index:-1;}
 
/********** Testimonials **************************************************************************************************/
#TestiArea .ArrowImg{position:absolute; left:0px; right:0px; top:0px;}
#Testimonials .carousel-inner {width:75%; margin:auto;}
#Testimonials .carousel-control-next, #Testimonials .carousel-control-prev {width:60px; z-index:99; top:-60%; opacity:1;} 

/*#Testimonials .carousel-indicators {position:static; margin-top:40px; list-style-type:none;}
#Testimonials .carousel-indicators li{width:12px; height:12px; margin:0 4px; background-color:#1A9716; opacity:1;border:solid 2px #fff; border-radius:50%;}
#Testimonials .carousel-indicators li.active {background-color:#312E2E; border:solid 2px #312E2E;}*/


/********** ContactForm **************************************************************************************************/
#ContactForm .form-group {margin-bottom:25px;}
#ContactForm .form-control{background:#fff; border-color:#E6E6E6; border-radius:50px; height:60px; color:#000; padding-left:20px;}
#ContactForm textarea.form-control{height:150px; padding-top:15px;background:#fff; border-color:#E6E6E6;  border-radius:20px; color:#000;padding-left:20px;}
#ContactForm .form-control::-moz-placeholder,#ContactForm .form-select::-moz-placeholder {color:#000; opacity:1;}

/********** Footer ***************************************************************************************************/
#Footer .Copyright{ font-size:15px; line-height:24x;}
#Footer a{color:#fff;} #Footer a:hover,#Footer .list-inline a:hover{color:#000;}


.bg-img2{z-index:9; margin-right:30px;}
.bg-img2::before {width:320px; right:-30px;top:-30px;bottom:-30px; background-color:#484848;content: "";position: absolute; z-index:-1;}

.bg-img3{z-index:9; margin-left:30px;}
.bg-img3::before {width:320px; left:-30px;top:-30px;bottom:-30px; background-color:#FAB001;content: "";position: absolute; z-index:-1;}
  
.InnerPage{position:relative; background:#000; display:block; min-height:489px; z-index:1;display:flex; justify-content:center; align-items:center;}
.InnerPage:after {content:''; background:url(../images/bgimg.png) no-repeat top center; opacity:0.75; position:absolute; z-index: -1; top:0; bottom:0; left:0; right:0;} 


/*************************************************************************************************************/
@media (min-width:992px) {
.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%;}
}

@media (min-width: 1920px){.gutter-lg {margin-left:-16px!important;margin-right:-16px!important;}
.gutter-lg div[class^="col"]{padding-left:16px!important;padding-right:16px!important;}
.container {max-width:1740px !important;}}

@media (min-width: 1600px) {.container {max-width:1540px;} h1, .h1 {font-size:60px;}  
.lh-40{line-height:40px;} .bg-img::before {width:412px;}  .bg-img3::before {width:320px;}  .bg-img2::before {width:320px;}
}

@media (min-width: 1259.98px) and (max-width: 1360px) {}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){.MainBanner .BnrText{width:74%;}h3, .h3 {font-size:24px;}}

/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){.MainBanner .BnrText{width:68%; font-size:24px;}.MainBanner h1{font-size:40px; line-height:1.2;} .WelText h3{font-size:23px;}}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.MainBanner .BnrText{width:84%; font-size:24px;}.MainBanner h1{font-size:40px; line-height:1.2;}}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {.MainBanner .BnrText{width:84%; font-size:24px;}.MainBanner h1{font-size:40px; line-height:1.2;} #Testimonials .carousel-inner {width:80%; margin:auto;}}

@media (max-width: 767.98px) {.MainBanner .BnrText{width:100%; font-size:18px;}.MainBanner h1{font-size:26px; line-height:1.2;}  .WelText h3{font-size:20px;} .WelText .h1{font-size:38px;}
#Testimonials .carousel-inner {width:75%; margin:auto;} #Footer{font-size:15px;} h1, .h1 {font-size:40px;}
.bg-img{margin-right:30px; margin-bottom:30px;}
.bg-img::before {width:300px; right:-30px;top:-30px; bottom:-30px;}

}

@media (max-width: 575.98px){
.MainBanner .Homebnr .carousel-item  img {
    height:240px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.MainBanner .BnrText{width:100%; font-size:16px;}.MainBanner h1{font-size:18px;} .bg-img::before {width:200px;} #Testimonials .carousel-inner {width:74%; margin:auto;}
.MainBanner .BnrText{padding:20px 0px; width:100%;}  #Testimonials .carousel-control-next, #Testimonials .carousel-control-prev {width:40px;} 
}

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