/************************************************* Header ********************************************************************/
#Header {}  #Header + main {margin-top:120px;}
#Header .Toplink{font-size:20px; color:#223645;}
#Header .Toplink a{color:#223645;} #Header .Toplink a:hover{color:#0090df;}    

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption .bnrhd{font-size:75px; line-height:70px;text-shadow:1px 1px 2px rgba(0,0,0,.15);}

/********** Tab **************************************************************************************************/
#WelText {font-size:18px; line-height:32px; min-height:437px;} 
#SerArea{min-height:811px;} .SerBox{padding:20px; box-shadow:15px 15px 15px rgba(0,0,0,.07); font-size:15px; line-height:25px;}

.ValueBox{background: linear-gradient(-180deg, #223645 71.7%, #eeeeee 10%, #eeeeee 100%);}
.HdText{font-size:38px; line-height:50px;}
.ValueText{padding:40px;box-shadow:15px 15px 15px rgba(0,0,0,.07);font-size:15px; line-height:25px;}

/********** ContactForm **************************************************************************************************/
#ContactForm.Contactbg {background: linear-gradient(-180deg, #eeeeee 74.8%, #fff 10%, #fff 100%);}
.ContactShadow{box-shadow:15px 15px 15px rgba(0,0,0,.07); background:#fff;} .FormPad{padding:50px;}
#ContactForm .form-group {margin-bottom:20px;}#ContactForm{font-size:20px;}
#ContactForm .form-control{border-color:#f3f3f3; background:#f3f3f3; border-radius:0; height:50px; color:#6d6d6d; padding-left:20px;}
#ContactForm textarea.form-control{height:190px; padding-top:15px;}

/********** Footer ***************************************************************************************************/
#Footer{color:#8697a4; font-size:13px; line-height:25px; letter-spacing:.025em;}
#Footer a{color:#8697a4;}#Footer a:hover{color:#fff;}
#Footer .list-inline a{font-size:16px; margin:0px; color:#fff;}
#Footer .list-inline a:hover{color:#8697a4;}
#Footer .list-inline-item:not(:last-child) {margin-right:14px;}

.Copytext{font-size:12px; letter-spacing:.2em;}

/*************************************************************************************************************/
.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-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:#0090df !important;}
	.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(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:84px;-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:18px 0px 17px 0px !important;}
.shrink .navbar-brand{padding:10px 0px !important;}

#WelText,#SerArea{padding:94px 0px 30px 0;}

.ImgHeight img {
    height:600px;
    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) {
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
.container{max-width:1386px;}
}

@media (min-width: 1920px) {.container{max-width:1386px;} }
@media (min-width: 1600px){.container{max-width:1386px;} }

@media (min-width: 991.98px) and (max-width: 1199.98px) {.ImgHeight img,.ImgMbl img {height:auto !important}}

@media (min-width: 1359.98px) and (max-width: 1459.98px){.ImgHeight img{
    height:620px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;}
	.ImgMbl img {
    height:690px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;}
	h2, .h2 {font-size:19px;}
}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {#Header + main {margin-top:90px;}#Header .Toplink{font-size:18px;}.btn-outline-info{padding:10px 20px;}.SerBox {padding:15px;}.FormPad{padding:20px;}
#ContactForm textarea.form-control{height:150px;}}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{position:static;}#Header + main {margin-top:0px;}
.MainBanner .carousel-caption .bnrhd{font-size:45px; line-height:40px;}
#WelText,#SerArea{padding:70px 0px 50px 0px; min-height:unset;} .ValueText{padding:25px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {.container{max-width:100%;}
#Header{position:static;}#Header + main {margin-top:0px;}
.MainBanner .carousel-caption .bnrhd{font-size:35px; line-height:30px;}
#WelText,#SerArea{padding:50px 0px;} 
#Header .Toplink{border-left:none; padding:0px; position:absolute; right:15px; top:20px;}
.SerBox {padding:15px;}.HdText{font-size:28px; line-height:40px;}.FormPad{padding:30px;}.ContactShadow,.SerBox,.ValueText{box-shadow:0px 0px 14px rgba(0,0,0,.1);}
.ls-1{letter-spacing:.020em !important;}
}

@media (max-width:575.98px) {
.MainBanner .Homebnr .carousel-item  img {
    height:150px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.MainBanner .carousel-caption .bnrhd{font-size:25px; line-height:20px;}
#Header .Toplink{right:12px; top:15px;}body {font-size:16px; line-height:1.7;}
#WelText {font-size:16px; line-height:1.7;} .HdText{font-size:20px; line-height:1.6;}
}
/* X-Small devices (portrait phones, less than 576px) */