@charset "utf-8";
/* CSS Document */


@media only screen and (max-width:1280px) {

.container{width: 100% !important; max-width: 100%; padding: 0 20px; box-sizing: border-box;}
/**header sec***/
.header_sec .navbar ul li a{font-size: 15px;}
.header_sec .navbar ul li{padding: 0 16px;}
/**header sec***/

/*******benefits page start*******/
.benefits_box_wrap h2{font-size: 30px;}
.benefits_box_wrap .folder_a{font-size: 20px;}
/*******benefits page start*******/

}

@media only screen and (max-width:1024px) {

h1{font-size:60px; line-height:62px;}

/***staff page start****/
.staff_content_sec form ul li:nth-child(3n){width:calc(25% - 25px)}
.staff_content_sec form ul li a{width: 100%;}
.staff_table_sec td img{width: 80px; height: 80px;}
.staff_table_sec td{font-size: 15px;}
/***staff page end****/
/****news page start****/
.news_content_sec.staff_content_sec ul li{width: 50%;}
.news_box_sec h2, .news_box_sec h2 a{font-size: 20px;}
.news_box_sec span.date_span{font-size: 14px;}
/****news page end****/
/*******benefits page start*******/
.benefits_box_wrap ul li{font-size: 16px;}
.benefits_box_wrap .folder_a{font-size: 16px;}
.benefits_box_wrap .folder_a img{width: 18%;}
.benefits_box_wrap h2{font-size: 22px; line-height: 24px;}
/*******benefits page end*******/
/********gallery page start*********/
.gallery_box_wrap h2{font-size: 30px; line-height: 34px;}
.tag_sec{font-size: 12px; padding: 5px 10px;}
.gallery_box_wrap h4{font-size: 18px; line-height: 20px;}
/********gallery page end*********/

}

@media only screen and (min-width:992px) {
  .top_sec {
    display: none !important;
  }
}

@media only screen and (max-width:991px) {

body{font-size: 16px; line-height: 24px;}
.common_btn{font-size: 15px;}
/***header sec***/
.header_sec .navbar ul li{border-bottom: solid 1px #999; padding: 0 15px 10px 15px; margin: 0 0 10px 0;}
.header_sec .navbar ul li a, .header_sec .navbar ul li a:active, .header_sec .navbar ul li a:focus{color: #fff;}
.header_sec .navbar ul li:last-child{border: none; padding-bottom: 0; margin-bottom: 0;}
.header_sec .navbar-toggler{border:none; padding: 0; color: #fff !important; }
.header_sec .navbar-toggler:focus{box-shadow:none;}
.header_sec .navbar-collapse{position: absolute; right: 0; width: calc(100vw - 40px); top: 40px; background:#000; z-index: 2; box-shadow: 1px 0 6px rgba(0,0,0,0.2); padding:15px 0;}
.header_sec .navbar ul li a:before{display: none;}
/***header sec***/
/***home content sec***/
.home_content_box h2{font-size: 24px; line-height: 26px;}
.home_content_box img{height: 200px;}
.home_content_box p{width: 100%;}
/**home content sec***/
.top_user_sec.top_user_secdesktop {
  display: none !important;
}

.header_sec .navbar-toggler .navbar-toggler-icon {
    filter: brightness(0) invert(1);
}

.footer-inner-cont {
  display: block;
}

.footer-inner-cont>* {
  display: block;
  width: 100% !important;
  text-align: center !important;
}

.footer-inner-cont ul {
  margin: 25px 0 0 0 !important;
}

}

@media only screen and (max-width:767px) {

h1{font-size: 50px; line-height: 52px;}
/****top sec****/
.top_user_txt p{font-size: 16px; line-height: 18px;}
.top_user_txt span{font-size: 13px; line-height: 14px;}
/****top sec****/
/****home banner sec****/
.home_banner_txt h5{font-size: 16px; line-height: 20px;}
/****home banner sec****/
/***home content sec***/
.home_content_box h2{font-size: 30px; line-height: 32px;}
.home_content_sec .col-md-4{flex: 0 0 auto; width: 50%;}
/***home content sec***/
/**********staff page sec**********/
.staff_content_sec form ul li, .staff_content_sec form ul li:nth-child(3n){float: none; width: 100%; padding-bottom: 15px;}
.staff_table_sec td img{width:50px; height:50px;}
.staff_table_sec td{font-size: 14px; line-height: 1.2em;}
/**********staff page sec**********/
/****news page start****/
.news_content_sec.staff_content_sec ul li{width: 100%;}
.news_box_sec img{width: 100%;}
/****news page end****/
/*******benefits page start*******/
.benefits_box_wrap{padding: 0 0 40px 0;}
.benefits_content_sec .col-md-4:last-child .benefits_box_wrap{padding: 0;}
.benefits_box_wrap h2{font-size: 25px; line-height: 28px; text-align: left;}
/*******benefits page start*******/
/********gallery page start*********/
.gallery_box_wrap h2{font-size: 24px; line-height: 26px;}
/********gallery page end*********/


}

@media only screen and (max-width:640px) {

/***home content sec***/
.home_content_sec .col-md-4{flex: 0 0 auto; width:100%;}
.home_content_box img{height: auto;}
/***home content sec***/
/***footer sec***/
.footer_sec h6, .footer_sec span{font-size: 12px;}
/***footer sec***/

}

@media only screen and (max-width:575px) {





}