@media (min-width: 1600px) {
  .container{
    max-width: 1440px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .container{
    max-width: 1300px;
  }

}
@media (min-width: 1200px) {


.menu-area{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}




}
@media (min-width: 992px) and (max-width: 1199px) {
  

.footer-panel ul{
  gap:30px;
}
.copy-area{
  margin-top: 70px;
  padding: 15px 0;
}
footer{
  padding-top: 70px;
}
.news-area h2{
  font-size: 40px;
}
.service-area h2 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 2px;
}
.service-area{
  padding: 70px 0;
}
.approch-text{
  padding: 50px 15px 70px 15px;
}
.approch-area h2 , .service-area-1 h2{
  font-size: 40px;
  line-height: 48px;
}
.conter-area , .service-area-1{
  padding: 70px 0;
}
.service-panel-1{
  padding-bottom: 70px;
}
.service-1-1{
  width: 80%;
}
.service-2-2{
  width: 100%;
}
.service-2-2 img{
  width: 100%;
}
.menu-toggle{
  display: block;
  width: auto;
  position: absolute;
  right: 15px;
  top:50%;
  transform: translateY(-50%); 
}
.menu-area{
  display: none;
}
.menu-toggle img{
  width: 30px;
}
.header-area .row{
  position: relative;
}
.menu-icon{
  display: block;
}
.cross-icon{
  display: none;
}
.menu-icon.active{
  display: none;
}
.cross-icon.active{
  display: block;
}
.menu-area.active{
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 120%;
  background: #fff;
}
.header-area li {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
}
.header-area li a{
  justify-content: center;
  color: #263A99;
}
.header-area li a:hover{
  background: #263A99;
  color: #fff;
}
.header-area li a:before{
  display: none;
}
header{
  padding: 20px 0;
}
.banner-area h2{
  font-size: 40px;
  line-height: 48px;
}
.banner-area p{
  font-size: 18px;
  line-height: 30px;
}
.banner-area a.scl-area{
  font-size: 16px;
  line-height: 20px;
}
.banner-area a.scl-area{
  padding-bottom: 30px;
}





}
@media (min-width: 768px) and (max-width: 991px) {
  
.container{
  max-width: 100%;
}
.footer-panel ul{
  gap:30px;
}
.copy-area{
  margin-top: 70px;
  padding: 15px 0;
}
footer{
  padding-top: 70px;
}
.news-area h2{
  font-size: 36px;
}
.news-panel{
  padding: 40px;
}
.news-area{
  padding-bottom: 50px;
}
.news-area .row{
  gap:20px;
}
.service-area h2 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 2px;
}
.service-area{
  padding: 70px 0;
}
.img-area {
  flex-direction: column;
}
.image-1 , .image-2 , .image-3 , .image-4 {
    width: 100%;
}
.approch-text{
  padding: 50px 15px 70px 15px;
}
.approch-area h2 , .service-area-1 h2{
  font-size: 36px;
  line-height: 48px;
}
.conter-area , .service-area-1{
  padding: 70px 0;
}
.service-panel-1{
  padding-bottom: 70px;
}
.service-1-1{
  width: 80%;
}
.service-2-2{
  width: 100%;
}
.service-2-2 img{
  width: 100%;
}
.menu-toggle{
  display: block;
  width: auto;
  position: absolute;
  right: 15px;
  top:50%;
  transform: translateY(-50%); 
}
.menu-area{
  display: none;
}
.menu-toggle img{
  width: 30px;
}
.header-area .row{
  position: relative;
}
.menu-icon{
  display: block;
}
.cross-icon{
  display: none;
}
.menu-icon.active{
  display: none;
}
.cross-icon.active{
  display: block;
}
.menu-area.active{
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 120%;
  background: #fff;
}
.header-area li {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
}
.header-area li a{
  justify-content: center;
  color: #263A99;
}
.header-area li a:hover{
  background: #263A99;
  color: #fff;
}
.header-area li a:before{
  display: none;
}
header{
  padding: 20px 0;
}
.banner-area h2{
  font-size: 36px;
  line-height: 48px;
}
.banner-area p{
  font-size: 18px;
  line-height: 30px;
}
.banner-area a.scl-area{
  font-size: 16px;
  line-height: 20px;
}
.banner-area a.scl-area{
  padding-bottom: 30px;
}
.global-page-area{
  padding: 30px 0 50px 0;
}


}
@media (max-width: 767px) {

.container{
  max-width: 100%;
}

.global-page-area{
  padding: 30px 0 50px;
}
.footer-panel ul{
  gap:30px;
}
.copy-area{
  margin-top: 30px;
  padding: 15px 0;
}
footer{
  padding-top: 70px;
}
.news-area h2{
  font-size: 36px;
}
.news-panel{
  padding: 40px;
}
.news-area{
  padding-bottom: 50px;
}
.news-area .row{
  gap:20px;
}
.service-area h2 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 2px;
}
.service-area{
  padding: 70px 0;
}
.img-area {
  flex-direction: column;
}
.image-1 , .image-2 , .image-3 , .image-4 {
    width: 100%;
}
.approch-text{
  padding: 50px 15px 70px 15px;
}
.approch-area h2 , .service-area-1 h2{
  font-size: 36px;
  line-height: 48px;
}
.conter-area , .service-area-1{
  padding: 70px 0;
  margin-bottom:30px;
}
.service-panel-1{
  padding-bottom: 70px;
}
.service-1-1{
  width: 80%;
}
.service-2-2{
  width: 100%;
}
.service-2-2 img{
  width: 100%;
}
.menu-toggle{
  display: block;
  width: auto;
  position: absolute;
  right: 15px;
  top:50%;
  transform: translateY(-50%); 
}
.menu-area{
  display: none;
}
.menu-toggle img{
  width: 30px;
}
.header-area .row{
  position: relative;
}
.menu-icon{
  display: block;
}
.cross-icon{
  display: none;
}
.menu-icon.active{
  display: none;
}
.cross-icon.active{
  display: block;
}
.menu-area.active{
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top: 120%;
  background: #fff;
}
.header-area li {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
}
.header-area li a{
  justify-content: center;
  color: #263A99;
}
.header-area li a:hover{
  background: #263A99;
  color: #fff;
}
.header-area li a:before{
  display: none;
}
header{
  padding: 20px 0;
}
.banner-area h2{
  font-size: 36px;
  line-height: 48px;
}
.banner-area p{
  font-size: 18px;
  line-height: 30px;
}
.banner-area a.scl-area{
  font-size: 16px;
  line-height: 20px;
}
.banner-area a.scl-area{
  padding-bottom: 30px;
}

#end_date_mobile { height:50%!important; }



}
@media (min-width: 640px) and (max-width: 767px) {
  



}
@media (min-width: 576px) and (max-width: 639px) {
  






}
@media (min-width: 480px) and (max-width: 575px) {
  



}
@media (max-width: 479px) {







}