/************************************************* Header ********************************************************************/
#Header {font-size:13px;}  #Header + main {margin-top:140px;}
#Header .Toplink{font-size:13px; color:#fff; padding:10px 0 6px 0px; min-height:44px;} #Header .Toplink .fas{vertical-align:top;}
#Header .Toplink a{color:#fff;} #Header .Toplink a:hover{color:#df0d22;}    
#Header .list-inline a{margin:0px; color:#df0d22;}
#Header .list-inline a:hover{color:#fff;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption h1{font-size:60px; line-height:1.2; text-shadow:1px 1px 2px rgba(0,0,0,.7);}

.SerArea {text-shadow:5px 5px 5px rgba(0,0,0,.3);}


/********** ContactForm **************************************************************************************************/
#ContactForm .form-group {margin-bottom:20px;}
#ContactForm .form-control{border-color:#ccc; border-radius:0; height:50px; color:#6d6d6d;}
#ContactForm textarea.form-control{height:190px; padding-top:15px;}
.map {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}

/********** Footer ***************************************************************************************************/
#Footer{position:relative; background:#000; display:block; min-height:429px; z-index:1; font-size:14px; line-height:30px;color:#9f9f9f;}
#Footer:after {content:''; background:url(../images/ftbg.jpg) no-repeat top center; opacity:.1; position:absolute; z-index: -1; top:0; bottom:0; left:0; right:0;background-size:cover;} 
#Footer li.active a {color:#d10000;}
#Footer a{color:#9f9f9f;}#Footer a:hover,#Footer .list-inline a:hover{color:#df0d22;}
#Footer h3{font-size:15px; letter-spacing:.1em;}

#Footer .list-inline a{font-size:16px; margin:0px; color:#df0d22;}
#Footer .list-inline a:hover{color:#fff;}
#Footer .list-inline-item:not(:last-child) {margin-right:12px;}
.Copytext{color:#9f9f9f; font-size:13px;letter-spacing:.1em !important;}
#Footer hr{background-color:#fff !important; margin:30px 0px 20px 0px; opacity:.2 !important;}

/*************************************************************************************************************/
.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:#df0d22 !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:74px;-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:10px 0px ;}
.shrink .navbar-brand{padding:6px 0px;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {.container{max-width:1390px;}
.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;}
}
@media (min-width: 1920px) {.container{max-width:1390px;}}
@media (min-width: 1600px){.container{max-width:1390px;} }
@media (min-width: 1359.98px) and (max-width: 1459.98px){body {font-size:16px; line-height:1.7;}}
@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:120px;}.MainBanner .carousel-caption h1{font-size:50px;}body {font-size:16px; line-height:1.7;}
.SerArea  img {
    height:350px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;}
}

/*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 {font-size:26px;} .MainBanner .carousel-caption h1{font-size:35px;} h1, .h1 {font-size:32px;} .SerArea .h1{font-size:34px;}
.fs-75 {font-size:55px !important;}
}

/* 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 {font-size:20px;} .MainBanner .carousel-caption h1{font-size:30px;} h1, .h1 {font-size:40px;} 
.fs-75 {font-size:55px !important;}.ls-1{letter-spacing:.030em !important;}.Copytext{line-height:1.5;} .w-75 {width:100% !important;}
}

@media (max-width:575.98px) {
.container{max-width:100%;}
.MainBanner .Homebnr .carousel-item  img {
    height:200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.MainBanner .carousel-caption {font-size:16px;} .MainBanner .carousel-caption h1{font-size:20px;}.fs-75 {font-size:40px !important;}.SerArea .h1{font-size:34px;}
.SerArea  img {
    height:350px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
body {font-size:16px;line-height:1.7;}.w-75 {width:100% !important;}
}
/* X-Small devices (portrait phones, less than 576px) */