/************************************************* Header ********************************************************************/
#Header .TopLink {font-size:15px; line-height:22px; letter-spacing:.050em; }  #Header + main {margin-top:120px;}  
#Header .TopLink a{color:#4a4a4a;}#Header .TopLink a:hover{color:#3882bd;}
#Header .menu-item.active .nav-link, #Header.nav-link:hover {
color:#3882bd;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption h1{font-size:60px; line-height:70px !important; text-shadow:1px 1px 2px rgba(0,0,0,1); letter-spacing:-.020em;}
.Arrow{position:absolute; bottom:45px; right:0px; left:0px;z-index:99;}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .carousel-item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.inner1 {
  position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 90% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: 0px !important;
}

.inner {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 90% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: 0px !important;
}
.inner img.img-flud.d-block {
    width: 140px;
}
.inner1 img.img-flud.d-block {
    width: 140px;
}


/********** ContactForm **************************************************************************************************/
#ContactForm .form-group {margin-bottom:20px;}
#ContactForm .form-control{font-size:14px; border-color:#dadada; border-radius:0; height:50px; color:#6d6d6d;}
#ContactForm .form-control::placeholder{color:#6d6d6d;}
#ContactForm textarea.form-control{height:194px;}

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

/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:13px; line-height:25px; background:#309c32; letter-spacing:.050em;}
#Footer li.active a {color:#000;}
#Footer a{color:#fff; padding: 0px;}#Footer a:hover,#Footer .list-inline a:hover{color:#000;}
#Footer h3{font-size:15px;}

.rowbox .col-4{width:28%;}

#Footer .list-inline a{font-size:16px; margin:0px; color:#fff;}
#Footer .list-inline a:hover{color:#000;}
#Footer .list-inline-item:not(:last-child) {margin-right:12px;}
#Footer hr{background-color:#FFF !important;} .Copytext{color:#fff; font-size:12px;}

img.d-block.w-100.border.border-dark {
    color: #000 !important;
    padding: 1px;
}

/*************************************************************************************************************/
.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(../images/check.png) no-repeat 0.1em 0.43em; padding:3px 0 3px 40px; margin:0px;}

/*************************************************************************************************************/
.container{max-width:1750px;}
.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 .menu-item .dropdown-menu{ display:none;}
	.navbar .menu-item:hover .nav-link{ color:#adadad;}
	.navbar .menu-item:hover .dropdown-menu{ display:block;}
	.navbar .menu-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(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:92px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:80px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:15px 0px 13px 0px !important;}
.shrink .navbar-brand{padding:10px 0px !important;}

#WelText{margin:50px 0px;}

/*.MainBanner .Homebnr .carousel-item  img {
    height:900px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
*/
.imgheight img {
    height:630px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { }

@media (min-width: 1920px) {}
@media (min-width: 1600px){}

@media (min-width: 1199.98px) and (max-width: 1359.98px) {}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
#Header + main {margin-top:85px;} #WelText{margin:70px 0px;}
 .inner1 {
  position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 85% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: 0px !important;
}

.inner {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 85% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: 0px !important;
}
.inner img.img-flud.d-block {
    width: 120px;
}
.inner1 img.img-flud.d-block {
    width: 120px;
}

}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{position:static; padding-bottom:10px;}#Header + main {margin-top:0px;}#WelText{margin:50px 0px;}
.MainBanner .carousel-caption h1{font-size:34px; line-height:34px !important;}
.imgheight img {
    height:815px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.inner1 {
  position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 82% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: 0px !important;
}

.inner {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 83% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: 0px !important;
}
.inner img.img-flud.d-block {
    width: 120px;
}
.inner1 img.img-flud.d-block {
    width: 120px;
}

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
.container{max-width:100%;} 
#Header{position:static; padding-bottom:10px;}#Header + main {margin-top:0px;}
.MainBanner .carousel-caption h1{font-size:36px; line-height:34px !important;}
#WelText{margin:50px 0px;}.Arrow{bottom:10px;}
	
	.inner1 {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 50% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: -13px !important;
}
	.inner {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 50% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: -13px !important;
}
	.inner img.img-flud.d-block {
    width: 120px;
}
.inner1 img.img-flud.d-block {
    width: 120px;
}

}

@media (max-width:575.98px) {
.MainBanner .Homebnr .carousel-item  img {
    height:170px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.MainBanner .carousel-caption h1{font-size:21px; line-height:1 !important;}
h1, .h1 {font-size:33px;}
#Header .TopLink {font-size:13px; line-height:18px; letter-spacing:.010em; } 
.Arrow{bottom:10px;}
	
	.inner1 {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 77% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: -13px !important;
}
	.inner {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 76% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: -15px !important;
}
		.inner img.img-flud.d-block {
    width: 60px;
}
.inner1 img.img-flud.d-block {
    width: 60px;
}
}
/* X-Small devices (portrait phones, less than 576px) */