/************************************************* Header ********************************************************************/
#Header {}  #Header + main {margin-top:198px;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption .bnrhd{padding:34px 36px; width:615px; background:#A5AD98;}
.MainBanner .carousel-caption h1{font-size:35px; line-height:45px;}

/********** Tab **************************************************************************************************/
#SerArea{background:url(../images/bg.png) no-repeat top center; background-size:cover; min-height:800px;}

.dropdown-menu {padding:8px 8px; margin:0; min-width:15rem; background-color:#fff;}
.dropdown-item {color:#000; padding:4px 10px 4px 10px;font-size:14px;}
.dropdown-item:focus, .dropdown-item:hover {background-color:#d9ae6d; color:#fff;}
.dropdown-menu li+li .dropdown-item {border-top:1px solid #fff;}
.dropdown-item {color:#000; padding:6px 12px 6px 12px;font-size:16px;}
.dropdown-item:focus, .dropdown-item:hover {background-color:#2b4e39; color:#fff;}
.dropdown-menu li+li .dropdown-item {border-top:1px solid #fff;}

h2.fw-semi.mb-2.text-center.contact {
    font-size: 30px;
    line-height: 44px;
}
.wp-block-columns.h-100.has-black-color.has-text-color.has-background.is-layout-flex.wp-container-core-columns-layout-6.wp-block-columns-is-layout-flex {
    height: 347px!important;
}
/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:17px; line-height:30px; letter-spacing:.025em;}
#Footer a{color:#fff;}#Footer a:hover{color:#000;}
#Footer .list-inline a:hover{opacity:.5;}
#Footer .list-inline-item:not(:last-child) {margin-right:14px;}

.wp-container {gap:0rem!important;}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {
    height: 112px!important;
}
label {
    font-size: 15px;
    margin-bottom: 2px;
}
h2.fw-semi.mb-2 {
    font-size: 25px;
}
.bg-secondary.text-dark.rounded.p-3.mb-3.text-center {
    height: 189px;
}
div#gallery-page h2 {
    text-align: center;
    color: #2b4e39;
}
/*************************************************************************************************************/
.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:#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(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:70px;-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:64px 0px;}
.shrink .navbar-brand{padding:10px 0px;}

}
/* 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;}
}

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

@media (min-width: 1600px) and (max-width: 1919.98px) {.container{max-width:1520px;} }

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

@media (min-width: 1199.98px) and (max-width: 1359.98px) {#Header + main {margin-top:150px;}}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {#Header + main {margin-top:120px;}body {font-size:17px;}h1, .h1 {font-size:40px;}#SerArea{min-height:unset;}
}

/*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;}
body {font-size:16px;} h1, .h1 {font-size:30px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {.container {max-width:100%;}
#Header{position:static;}#Header + main {margin-top:0px;}body {font-size:16px;} h1, .h1 {font-size:30px;}#Footer img{width:50px;}
.MainBanner .carousel-caption .bnrhd{padding:20px; width:60%;}.MainBanner .carousel-caption h1{font-size:24px; line-height:35px;}

}

@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{padding:7px 15px; width:100%;}.MainBanner .carousel-caption h1{font-size:20px; line-height:25px;}
#Footer{font-size:12px; line-height:1.3;}
}
/* X-Small devices (portrait phones, less than 576px) */