/************************************************* Header ********************************************************************/
#Header {padding-bottom:10px;} .CallText{font-size:19px;}
.CallText a{color:#fff;}.CallText a:hover{color:#000;}
#Header .social{padding-top:5px;}
#Header .social li a{width:40px; height:40px; background:#000; color:#fff; display:inline-block; text-align:center; line-height:40px; border-radius:50%;}
#Header .social li a:hover{background:#fff; color:#000;}

/********** Main Banner **************************************************************************************************/
.Mask{position:absolute; background:url(../images/bnr_shadow.png) repeat-x top; z-index:9; top:0px; right:0px; left:0px; height:100%;}
.MainBanner .carousel-caption {z-index:99; bottom:0;right:0px; left:0px; padding-bottom:50px;} 
.BnrText{background:#96c700; padding:25px 15px 25px 35px; width:40%; font-size:26px; line-height:35px; text-shadow:0px 0px 3px rgba(65,86,2,1);}


.ProText{padding:30px 30px 35px 30px;}

#ContactForm{font-size:20px;}
#ContactForm .form-group {margin-bottom:30px;}
#ContactForm .form-control{font-size:15px; background:#fff; border:none; border-radius:0; height:52px; color:#909090;}
#ContactForm .form-control::placeholder{color:#909090;}
#ContactForm textarea.form-control{height:105px;}

/********** Footer ***************************************************************************************************/
#Footer{color:#000; font-size:20px; line-height:26px;}
#Footer a{color:#000;}#Footer a:hover{color:#ccad02;}
#Footer .social li a{display:inline-block; text-align:center;}
#Footer .social li a:hover{opacity:.5;}
#Footer .list-inline-item:not(:last-child) {margin-right:8px;}
.Copytext{font-size:13px; letter-spacing:.040em;}

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

/*************************************************************************************************************/
.container-new{max-width:1920px !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}
.container-fluid{max-width:1230px !important;}

/* ============ 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(0,0,0,.8); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:136px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:90px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:55px 0px 30px 0px !important;}
.shrink .navbar-brand{padding:10px 0px !important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1600px) {
.gutter-lg {margin-left:-18px!important;margin-right:-18px!important;}
.gutter-lg div[class^="col"]{padding-left:18px!important;padding-right:18px!important;}
}

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

@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) {
.navbar-brand{padding:15px 0px !important;}
}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{position:static; background:#000;}#Header + main {margin-top:0px;}
.ProText{padding:20px 15px;} .fs-25 {font-size:20px !important;}
.fs-35 {font-size:29px !important;}
.BnrText{padding:20px 25px; width:50%; font-size:22px; line-height:30px; text-shadow:0px 0px 3px rgba(65,86,2,1);}
h2, .h2 {font-size:27px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
#Header{position:static; background:#000;}#Header + main {margin-top:0px;}
.Mask{background:none;}
.ProText{padding:20px 15px;} .fs-25 {font-size:20px !important;}
.fs-35 {font-size:29px !important;}
.BnrText{padding:20px 20px; width:56%; font-size:18px; line-height:25px; text-shadow:0px 0px 2px rgba(65,86,2,1);}
h2, .h2 {font-size:27px;}#ContactForm .form-group {margin-bottom:20px;}

}

@media (max-width:575.98px) {
.fs-23 {font-size:20px !important;}
h1, .h1 {font-size:35px;}
.MainBanner .carousel-caption {position:static} 
.BnrText{padding:20px 20px; width:100%; font-size:18px; line-height:25px; text-shadow:0px 0px 2px rgba(65,86,2,1); margin-bottom:25px;}
h2, .h2 {font-size:22px;}#ContactForm .form-group {margin-bottom:15px;}

}
/* X-Small devices (portrait phones, less than 576px) */

img.img-fluid.donate {
    height: 50px!important;
}