@media (min-width: 992px) and (max-width: 1199px) {
.logo  img{ width:400px; margin-top:5px;}
.navbar-nav li a { padding: 10px 18px;}
.mainBanner {min-height: 227px;padding: 28px 0 50px;background-size: cover;}
.footerLt h2 {font-size: 22px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.logo { text-align:center;}
.logo a{ display:inline-block;}
.logo  img{ width:400px; margin:0 auto; display:block;}
.top-text {text-align: center;}
.mainBanner {min-height: 227px;padding: 28px 0 50px;background-size: cover;}
.boxSection h2 {font-size: 28px;}
.boxSection p {font-size: 16px;}
.boxSection h3 {font-size: 22px;color: #7b945e;margin: 20px 0 20px 0;}
.footerLt{ text-align:center;}
.footerRl {text-align: center;padding-top: 15px;}

}

@media (min-width: 576px) and (max-width: 767px) {
.logo { text-align:center;}
.logo a{ display:inline-block;}
.logo  img{ width:400px; margin:0 auto; display:block;}
.top-text {text-align: center;}
.mainBanner {min-height: 227px;padding: 28px 0 50px;background-size: cover;}
.boxSection h2 {font-size: 28px;}
.boxSection p {font-size: 16px;}
.boxSection h3 {font-size: 22px;color: #7b945e;margin: 20px 0 20px 0;}
.footerLt{ text-align:center;}
.footerRl {text-align: center;padding-top: 15px;}
.contentArea img {float: none;margin: 0 auto !important;}
.contentArea p { padding: 0;}
}
@media (min-width: 481px) and (max-width: 575px) {
.logo { text-align:center;}
.logo a{ display:inline-block;}
.logo  img{ width:400px; margin:0 auto; display:block;}
.top-text {text-align: center;}
.mainBanner {min-height: 227px;padding: 28px 0 50px;background-size: cover;}
.boxSection h2 {font-size: 28px;}
.boxSection p {font-size: 16px;}
.boxSection h3 {font-size: 22px;color: #7b945e;margin: 20px 0 20px 0;}
.footerLt{ text-align:center;}
.footerRl {text-align: center;padding-top: 15px;}
.contentArea img {float: none;margin: 0 auto !important; width:100%; height:auto;}
.contentArea p , .contentArea h3 { padding: 0;}
}

@media (min-width: 320px) and (max-width: 480px) {
.logo { text-align:center;}
.logo a{ display:inline-block;}
.logo  img{ width:280px; margin:0 auto; display:block;}
.top-text {text-align: center;}
.mainBanner {min-height: 107px;padding: 28px 0 40px;background-size: cover;}
.boxSection h2 {font-size: 28px;}
.boxSection p {font-size: 16px;}
.boxSection h3 {font-size: 22px;color: #7b945e;margin: 20px 0 20px 0;}
.footerLt{ text-align:center;}
.footerRl {text-align: center;padding-top: 15px;}
.contentArea img {float: none;margin: 0 auto !important;  width:100%; height:auto; }
.contentArea p, .contentArea h3 { padding: 0;}
.footerMid h3 {font-size: 16px;margin: 10px 0;padding: 0 35px;color: #a55870;}
}

@media (min-width: 290px) and (max-width: 991px) {
.navbar { height:auto; min-height:50px; }
.navbar-collapse{ width:100%!important; }
.navbar-toggler {padding: 0 10px;font-size: 0;line-height: 1;background: #a55870;border: 1px solid #a55870;border-radius: 5px;width: 50px;height: 36px;float: right;margin: 6px 8px;clear:both;}	
.navbar-toggler-icon{ width:100%; height:4px; background:#fff; margin:3px 0;}
.navbar-nav {background: #fac8d1;overflow: hidden;}
.navbar-nav li {display: block;background: none;float: left;clear: both;width: 100%;}
.navbar-nav li:first-child a{ width:100%;}

 .navbar-nav li:hover .sub-menu,  .navbar-nav li .sub-menu{ display:block; position:relative; width:100%; background:#fac8d1; margin:0; padding:0; z-index:9999;  }
.sub-menu li{ background:none !important; clear:both;  width:100% !important;}
.sub-menu li a,  .navbar-nav li:hover .sub-menu li a{ background:none !important; font-size:18px !important; width:100% !important; padding:5px 15px; height:auto !important; text-decoration:none;}
 .navbar-nav li:hover .sub-menu li:hover a{ text-decoration:underline;}
}