@media only screen and (max-width: 1899px) {
   .ban_left h1 {
     font-size: 30px;
   }

   .chilcir {
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     width: 172px;
     height: 172px;
   }

   .chil_num {
     font-size: 60px;
   }

   .children_sec {
     font-size: 18px;
     line-height: 23px;
   }

   .prog_btn,
   .orangebtn {
     height: 56px;
     font-size: 19px;
   }

   .ban_slider .item em {
     height: 357px;
   }

   .banner {
     padding-top: 126px;
     min-height: inherit;
     padding-bottom: 30px;
   }

   .ban_slider .owl-dots .owl-dot span,
   .gall_slider .owl-dots .owl-dot span {
     width: 10px;
     height: 10px;
   }

   .ban_slider .owl-dots .owl-dot.active span,
   .gall_slider .owl-dots .owl-dot.active span {
     width: 10px;
     height: 51px;
   }
   .ban_left h1 {
    margin-bottom: 18px;
}
.children_area {
    margin-bottom: 14px;
}
.wel_area {
    padding: 100px 0px 130px 0px;
}
 }

 @media only screen and (max-width: 1699px) {
   .container.container-big {
     width: 1500px;
   }
 }

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

   .container.container-big {
     width: 1400px;
   }

   .banner {
     padding-top: 126px;
     min-height: inherit;
     padding-bottom: 30px;
   }

   .activities_area h3,
   .gallery_area h3 {
     font-size: 37px;
   }

   .donbox h4 {
     font-size: 17px;
   }

   .miss_txt h2 {
     font-size: 36px;
     margin-bottom: 30px;
   }

   .chil_num {
     font-size: 60px;
   }

   .children_sec {
     font-size: 18px;
     line-height: 23px;
   }

   .prog_btn,
   .orangebtn {
     height: 56px;
     font-size: 19px;
   }

   .right-panel h2 {
     font-size: 40px;
   }

   .gallcont h2 {
     font-size: 17px;
     line-height: 28px;
   }

   .activities_area .container::before {
     height: calc(100% - 200px);
   }
 }

 @media only screen and (max-width: 1499px) {
   .navbar-nav li a {
     font-size: 20px;
   }

   .container.container-big {
     width: 1300px;
   }

   .container.container-mid {
     width: 1200px;
   }

   .container.container-small {
     width: 1160px;
   }

   .navbar-nav li a {
     font-size: 18px;
   }

   /* .donate-btn span {
     font-size: 20px;

   }

   .donate-btn {
     padding: 10px 20px;
   } */

   .ban_left h1 {
     font-size: 29px;
     margin-bottom: 3px;
   }

   .ban_left h1:after {
     width: 52%;
   }

   .chil_num {
     font-size: 49px;
   }

   .children_sec {
     font-size: 17px;
   }

   .prog_btn,
   .orangebtn,
   .wel_down,
   .mng_btn,
   .what_area .cardbtn,
   .viewbtn,
   .dnowbtn,
   .why_area .orangebtn,
   .gallery_area .viewbtn,
   .joinbtn {
     height: 50px;
     font-size: 18px;
   }

   .orangebtn {
     height: 52px;
   }

   .children_area {
     gap: 20px;
     margin-bottom: 13px;
   }

   .ban_slider .item em {
     height: 311px;
   }

   .banner {
     padding-top: 128px;
     min-height: inherit;
   }

   .wel_area {
     padding: 80px 0px 100px 0;
   }

   .gallery_area {
     padding-top: 80px;
     padding-bottom: 250px;
   }

   .what_area {
     margin-bottom: 80px;
   }

   .activities_area {
     padding-bottom: 80px;
     margin-bottom: 0;
   }

   .num_box {
     padding: 30px 20px;
     font-size: 22px;
   }

   .what_area .card_pic {
     width: 50%;
   }

   .what_area .card_txt {
     width: calc(100% - 50%);
     margin-top: 40px;
   }

   .right-panel h2,
   .why_area h3 {
     font-size: 40px;
   }

   .what_area .card h3 {
     font-size: 22px;
     margin-bottom: 15px;
   }

   .what_area .tabs li {
     font-size: 26px;
   }

   .why_area {
     background-size: 45% 100%;
     padding: 30px 0px;
   }

   .why_pic {
     height: auto;
     top: 50%;
     transform: translateY(-50%);
   }

   .why_area h3 {
     font-size: 40px;
   }

   .why_pic {
     width: 48%;
   }

   .why_txt {
     margin-top: 10px;
   }

   .cta_sec {
     padding: 30px 15px;
   }

   .cta_sec h2 {
     font-size: 40px;
     line-height: 50px;
   }

   .doncont {
     padding: 10px 5px;
   }

   .donbox p {
     margin: 10px 0px;
   }

   .gall_page .gallcont h2 {
     font-size: 22px;
     line-height: 32px;
   }

   .gall_page .gallbox {
     margin-bottom: 30px;
   }

   .gall_page.gal_details .gallbox {
     margin-bottom: 20px;
   }

   .ban_left_bt_area {
     gap: 15px;
   }

   .ban_slider .item::before,
   .ban_slider .item::after {
     width: 100px;
     background-size: contain;
   }

   .ban_slider .item::after {
     background-position: left bottom;
   }

   .dona_txt {
     font-size: 20px;
     line-height: 30px;
     padding-bottom: 80px;
   }

   .bank_details h3 {
     font-size: 30px;
     margin-bottom: 20px;

   }

   .bank_details_row {
     padding-bottom: 15px;
   }

   .bank_details {
     font-size: 20px;
     line-height: 30px;
   }

   .miss_txt p {
     font-size: 18px;
   }

   .miss_txt {
     padding: 30px 15px 50px 15px;
   }

   .m_box {
     padding: 20px;
   }

   .m_box h4 {
     margin: 15px 0px 10px 0px;
   }

   .blue_icon,
   .orange_icon {
     width: 60px;
     height: 60px;
   }

   .blue_icon img,
   .orange_icon img {
     width: 30px;
   }

   .terms_sec p,
   .terms_sec li,
   .terms_sec {
     font-size: 22px;
   }

   .contact_rt,
   .cont_left {
     padding: 40px 20px;
   }

   .con_box h2 {
     font-size: 30px;
     padding-bottom: 10px;
     margin-bottom: 15px;
   }

   .cont_info {
     padding: 40px 0px 60px 0px;
   }

   .con_box .addr_row {
     margin-bottom: 0;
   }

   .navbar-nav li a {
     padding: 19px 13px !important;
     font-size: 16px;
   }

   .dropdown-menu li a {
     padding: 8px 13px !important;
   }

   .tab-content .mpic {
     height: fit-content;
   }
 }

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

   :root {
     --theme-container-big: 1630px;
     --theme-container-mid: 1100px;
     --theme-container-small: 1230px;
   }

   .container.container-big {
     width: 1200px;
   }

   .container.container-mid {
     width: 1100px;
   }

   .container.container-small {
     width: 1080px;
   }

   .gallbox {
     height: 377px;
   }

   /* .donate-btn {
     padding: 8px 16px;

   }

   .donate-btn span {
     font-size: 18px;
   } */

   .navbar-nav li a {
     font-size: 16px;
   }

   .dropdown-toggle::after {
     font-size: 10px;
   }

   .navbar-nav li a {
     padding: 5px 9px !important;
     letter-spacing: 0;
   }

   .navbar-brand {
     width: 80px;
   }

   .ban_left h1 {
     font-size: 50px;
   }

   .children_sec {
     font-size: 18px;
   }

   .chil_num {
     font-size: 70px;
   }

   .prog_btn,
   .orangebtn,
   .wel_down,
   .mng_btn,
   .what_area .cardbtn,
   .viewbtn,
   .dnowbtn,
   .why_area .orangebtn,
   .gallery_area .viewbtn,
   .joinbtn {
     font-size: 18px;
   }

   .wel_area {
     padding: 80px 0px;
     font-size: 16px;
     line-height: 24px;
   }

   .gallery_area {
     padding-top: 80px;
   }

   .wel_area h3 {
     font-size: 36px;
     margin-bottom: 15px;
   }

   .num_box {
     padding: 25px 15px;
     font-size: 20px;
     gap: 15px;
     min-width: 150px;
     width: auto;
     min-height: inherit;
     height: 100%;
   }

   .num_box h2 {
     font-size: 46px;
   }

   .welTag,
   .what_area .tag {
     height: 25px;
     font-size: 12px;
   }

   .wel_num_area {
     margin: 30px 0px;
   }

   .num_box:nth-child(2) {
     min-width: 150px;
   }

   .wel_left {
     padding-right: 0;
   }

   .wel_down,
   .mng_btn {
     padding: 0px 15px;
   }

   .activities_area {
     padding-bottom: 60px;
   }

   .what_area::before {
     width: 300px;
     background-size: contain;
   }

   .why_txt_row h6 {
     font-size: 20px;
     margin-bottom: 0;
   }

   .why_txt_icon {
     width: 50px;
   }

   .why_txt_icon img {
     object-fit: contain;
   }

   .why_txt_row {
     margin-bottom: 15px;
   }

   .why_area::after {
     width: 300px;
     background-position: left bottom;
     background-size: contain;
   }

   .cta_sec h2 {
     font-size: 36px;
   }

   .addr_row {
     gap: 10px;
     padding-bottom: 20px;
     font-size: 16px;
   }

   footer h3 {
     font-size: 20px;
     padding-bottom: 5px;
   }

   .fo_mid {
     padding: 0px 3px;
     gap: 10px;
   }

   .fo_mid li {
     margin-bottom: 10px;
   }

   .media_sec .tab-btn.active,
   .media_sec .tab-btn {
     min-width: inherit;
     padding: 0px 20px;
   }

   .media_sec {
     padding: 60px 0px 90px 0px;
   }

   .mcont {
     padding: 15px 10px 10px 10px;
   }

   .mcont .dt_row {
     margin: 4px 0px 15px 0px;
   }

   .gall_page .gallcont h2 {
     font-size: 16px;
     line-height: 1.4;
   }

   .ban_slider .item::before,
   .ban_slider .item::after {
     width: 90px;
     background-size: contain;
   }

   .txt_dt {
     display: block;
   }

   .date_sec {
     text-align: left;
     display: flex;
     justify-content: space-between;
   }

   .m_box h4 {
     font-size: 18px;
     line-height: inherit;
   }

   .miss_txt h2 {
     font-size: 30px;
     line-height: 40px;
     margin-bottom: 20px;
   }

   .miss_txt p {
     font-size: 16px;
   }

   .miss_txt {
     padding-bottom: 40px;
   }

   .viss_area h5 {
     font-size: 26px;
     margin: 15px 0px;
   }

   .viss_area p {
     font-size: 16px;
     line-height: 26px;
   }

   .viss_area ul {
     margin-top: 20px !important;
   }

   .viss_area li {
     font-size: 16px;
     line-height: 26px;
     margin-bottom: 8px;
   }

   .terms_sec p,
   .terms_sec li,
   .terms_sec {
     font-size: 20px;
     line-height: 30px;
   }

   .abt-team-box em {
     height: 186px;
   }

   .ban_slider .item em {
    height: 321px;
}
   .ban_left h1 {
    font-size: 27px;
}
 }

 @media screen and (max-width:1299px) {
   :root {
     --theme-container-big: 1100px;
     --theme-container-mid: 1000px;
     --theme-container-small: 960px;
   }

   .container.container-big {
     width: 1100px;
   }

   .container.container-mid {
     width: 1000px;
   }

   .container.container-small {
     width: 960px;
   }

   .gallbox {
     height: 345px;
   }

   .donate-btn {
     padding: 5px 10px;

   }

   .ban_left h1 {
     font-size: 29px;
     margin-bottom: -7px;
   }

   .chil_num {
     font-size: 54px;
   }

   .children_sec {
     font-size: 16px;
   }

   .children_area {
     gap: 20px;
     margin-bottom: 0px;
   }

   .ban_left h1:after {
     height: 6px;
   }

   .ban_left_bt_area {
     gap: 10px;
   }

   .prog_btn,
   .orangebtn,
   .wel_down,
   .mng_btn,
   .what_area .cardbtn,
   .viewbtn,
   .dnowbtn,
   .why_area .orangebtn,
   .gallery_area .viewbtn,
   .joinbtn {
     padding: 0px 15px;
     font-size: 16px;
     height: 50px;
     gap: 5px;
   }

   .orangebtn {
     height: 52px;
   }

   .num_box h2 {
     font-size: 32px;
   }

   .num_box {
     font-size: 18px;
     gap: 10px;
   }

   .what_area .card {
     padding: 20px 15px;
   }

   .what_area .card_txt {
     width: calc(100% - 40%);
   }

   .what_area .card_pic {
     width: 40%;
   }

   .what_area .icon {
     width: 115px;
     height: 115px;
   }

   .right-panel h2,
   .why_area h3 {
     font-size: 36px;
     margin: 15px 0px;
   }

   .right-panel {
     padding: 40px 20px;
   }

   .right-panel p {
     margin-bottom: 50px;
   }

   .card_row {
     gap: 15px;
   }

   .right-panel::before {
     height: 100px;
   }

   .what_area {
     padding-top: 100px;
   }

   .activities_area h3,
   .gallery_area h3 {
     font-size: 36px;
   }

   .joinbtn {
     margin-top: 20px;
   }

   footer h3 {
     font-size: 18px;
   }

   .addr_row {
     font-size: 14px;
   }

   .mfea .mpic:hover .pop {
     font-size: 16px;
     padding: 10px 20px;
   }

   .gallery_area {
     padding-bottom: 150px;
   }

   footer .container {
     position: relative;
   }

   .cta_sec {
     width: 100%;
     position: absolute;
     top: 120px;
     left: 0;
   }

   .m_box_area,
   .terms_sec {
     padding-bottom: 40px;
   }

   .con_box h2 {
     font-size: 26px;
   }

   .inner_acti_area,
   .media_sec {
     padding-bottom: 10px;
   }

   .navbar-nav li a {
     padding: 5px 7px !important;
     letter-spacing: 0;
     font-size: 15px;
   }

   .abt-team-box em {
     height: 167px;
   }

   .gall_page45.gall_page .gallbox {
     height: 266px;
   }

   .ban_slider .item em {
     height: 415px;
   }
 }

 @media screen and (max-width:1199px) {
   :root {
     --theme-container-big: 1000px;
     --theme-container-mid: 900px;
     --theme-container-small: 900px;
   }

   .container.container-big {
     width: 1000px;
   }

   .container.container-mid {
     width: 900px;
   }

   .container.container-small {
     width: 900px;
   }

   .navbar-brand {
     width: 80px;
     margin-right: 3px;
   }

   .navbar-nav li a {
     font-size: 15px;
   }

   .donate-btn span {
     gap: 4px;
     font-size: 15px;
   }

   .donate-btn svg {
     width: 23px;
     height: 23px;
   }

   .banner {
    padding-top: 125px;
    padding-left: 5%;
}

   .ban_left h1 {
     font-size: 28px;
     padding-bottom: 10px;
     margin-bottom: -2px;
   }

   .chil_num {
     font-size: 40px;
   }

   .children_area {
     gap: 10px;
   }

   .children_sec {
     font-size: 14px;
     line-height: 18px;
   }

   .chilcir {
     width: 155px;
     height: 155px;
   }

   .ban_slider .item em {
     height: 283px;
   }

   .children_area {
     margin-bottom: 20px;
   }

   .num_box h2 {
     font-size: 36px;
   }

   .num_box {
     font-size: 18px;
     gap: 10px;
     min-width: inherit;
   }

   .wel_num_area {
     gap: 10px;
   }

   .ntxt {
     width: 85%;
     line-height: 24px;
   }

   .wel_rt .wel_pic {
     margin: 15px 0px 20px 0px;
   }

   .wel_bt_arae {
     gap: 5px;
   }

   .what_area .tabs li {
     font-size: 22px;
   }

   .what_area .cardbtn {
     margin-top: 15px;
   }

   .right-panel h2,
   .activities_area h3,
   .why_area h3,
   .gallery_area h3 {
     font-size: 30px;
   }

   .gallcont h2 {
     font-size: 30px;
   }

   .cta_sec h2 {
     font-size: 30px;
     line-height: 40px;
   }

   .fo_mid {
     padding: 0px 20px;
   }

   .f_logo {
     height: 100px;
     margin-bottom: 20px;
   }

   .addr_row {
     gap: 10px;
     font-size: 16px;
     padding-bottom: 10px;
   }

   .act_pic img {
     width: 100%;
     object-fit: cover;
   }

   .fo_mid,
   .fo_rt {
     margin-top: 120px;
   }

   #scrollToTopBtn svg {
     width: 50px;
     height: 50px;
   }

   .inner_banner h1 {
     font-size: 40px;
     margin-bottom: 20px;
   }

   .inner_banner h2 {
     font-size: 30px;
   }

   .inner_banner {
     height: auto;
     padding: 80px 0px;
   }

   .bread_area {
     padding: 20px 0px 20px 0px;
   }

   .gall_page .gallcont h2 {
     font-size: 14px;
     line-height: inherit;
   }

   .gall_page .gallbox .gallcont {
     padding-bottom: 11px;
   }

   .ban_slider .item::before,
   .ban_slider .item::after {
     width: 70px;
     background-size: contain;
   }

   .certi .mediabox h4 {
     font-size: 20px;
   }

   .viss_pic::before,
   .skypic::before {
     left: -15px;
     top: 15px;

   }

   .viss_area h5 {
     font-size: 22px;
   }

   .terms_sec p,
   .terms_sec li,
   .terms_sec {
     font-size: 22px;
   }

   .con_box .addr_row {
     padding-bottom: 20px;
     gap: 8px;
     font-size: 16px;
     word-break: break-word;
   }

   .con_box p {
     font-size: 16px;
   }

   .con_box {
     margin-bottom: 100px;
   }

   .news-top-text h2 {
     font-size: 25px;
     margin-bottom: 9px;
   }

   .news-top-text h3 {
     font-size: 16px;
   }

   .comp-sec1-txt h2 {
     font-size: 31px;
     margin-bottom: 25px;
   }

   .pioneer-comp h3 {
     font-size: 20px;
     line-height: 1;
     margin-bottom: 0px;
   }

   .pioneer-comp h4 {
     font-size: 16px;
     line-height: 30px;
   }

   .pioneer-comp {
     padding-left: 17px;
     margin-bottom: 15px;
   }

   .comp-sec1-txt h5 {
     font-size: 15px;
     line-height: 26px;
   }

   .admission-open-area .why_pic {
     position: absolute;
     width: 35%;
     height: 398px;
     top: 50%;
     transform: translateY(-50%);
   }

   .why_area.admission-open-area h3 {
     font-size: 30px;
     margin: 4px 0;
   }

   .admission-open-area h6 {
     font-size: 15px;
     margin-top: 9px;
   }

   .comp-loc-txtarea {
     padding: 0 20px;
   }

   .comp-loc-box h4 {
     font-size: 15px;
     margin-bottom: 8px;
   }

   .teams-hdr,
   .comp-student-hdr {
     font-size: 31px;
   }

   .computer-paper {
     margin: 80px 0 41px 0;
   }

   .navbar-nav li a {
     padding: 5px 5px !important;
     font-size: 14px;
   }

   .abt-team-box em {
     height: 151px;
   }

   .abt-team-box text {
     padding: 7px 10px;
   }

   .abt-team-box h6 {
     font-size: 17px;
     line-height: 29px;
   }

   .abt-team-box p {
     font-size: 14px;
     line-height: 15px;
   }

   .mpic {
     height: 300px;
   }

   .media-paper {
     margin-bottom: 35px;
   }

   .ban_slider .item em {
     height: 353px;
   }

   .wel_area {
     padding: 49px 0px 80px 0;
     font-size: 16px;
     line-height: 24px;
   }
 }

 /* ------------------1199px-----------------  */

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

   .prog_btn,
   .orangebtn,
   .wel_down,
   .mng_btn,
   .what_area .cardbtn,
   .viewbtn,
   .dnowbtn,
   .why_area .orangebtn,
   .gallery_area .viewbtn,
   .joinbtn {
     font-size: 14px;
     padding: 0px 10px;
     height: 40px;
   }

   .orangebtn {
     height: 42px;
   }

   .ban_left {
     padding-right: 10px;
   }

   .ban_slider .owl-dots .owl-dot span,
   .gall_slider .owl-dots .owl-dot span {
     width: 8px;
     height: 8px;
   }

   .ban_slider .owl-dots .owl-dot.active span,
   .gall_slider .owl-dots .owl-dot.active span {
     width: 8px;
     height: 80px;
   }

   .ban_slider .owl-dots,
   .gall_slider .owl-dots {
     left: -20px;
   }

   .num_box {
     font-size: 16px;
     gap: 10px;
   }

   .wel_area h3 {
     font-size: 30px;
   }

   .welTag {
     height: 20px;
   }

   .what_area {
     margin-top: 30px;
   }

   .right-panel::before {
     height: 60px;
   }

   .what_area {
     padding-top: 60px;
   }

   .donbox h4 {
     font-size: 16px;
   }

   .what_area .tabs li {
     margin: 15px 0px;
     font-size: 20px;
   }

   .why_txt_row h6 {
     font-size: 18px;
     margin-bottom: 5px;
   }

   .why_pic img {
     height: 400px;
     object-fit: cover;
     object-position: top;
   }

   .why_area::after {
     width: 200px;
   }

   .activities_area .container.container-big {
     padding-top: 30px;
   }

   .cta_sec {
     margin-top: 0px;
   }

   /*.gallery_area{
  padding-bottom: 60px;
}*/
   footer {
     padding-top: 160px;
   }

   .cta_sec {
     top: -240px;
   }

   .copy_link li a,
   .copy_area {
     font-size: 14px;
   }

   .addr_row {
     font-size: 14px;
   }

   .fo_link {
     width: 33%;
   }

   .mcont .dnowbtn {
     height: 40px;
   }

   .inner_banner {
     height: auto;
     padding: 60px 0px;
   }

   .innerpage {
     padding: 100px 0px;
   }

   .media_sec .tab-contents {
     padding-top: 20px;
   }

   .media_sec {
     padding-bottom: 0;
   }

   .bank_details h3 {
     font-size: 26px;
   }

   .bank_details_row {
     padding-bottom: 10px;
     font-size: 16px;
   }

   .viss_area .row {
     padding-bottom: 60px;
   }

   .terms_sec p,
   .terms_sec li,
   .terms_sec {
     font-size: 16px;
   }

   .navbar-nav li a {
     padding: 5px 4px !important;
     font-size: 14px;
   }

   .donbox em {
     height: 151px;
   }

   .donate-btn svg {
     width: 22px;
     height: 22px;
   }

   .donate-btn {
     padding: 5px 5px;
   }

   .donate-btn span {
     gap: 5px;
     font-size: 14px;
   }

   .media_sec .tab-contents {
     padding: 20px 0 15px 0;
   }

   .advertisement-sec {
     padding: 20px 5px 20px 0px;
   }

   .ban_left h1 {
    font-size: 25px;
}
 }

 /* ------------------1099px-----------------  */

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

   .container.container-big {
     width: 960px;
   }

   .container.container-mid {
     width: 920px;
   }

   .container.container-small {
     width: 780px;
   }

   .what_area .card h3 {
     font-size: 20px;
   }

   .what_area .card p {
     line-height: 26px;
   }

   .con_box h2 {
     font-size: 22px;
   }
 }

 /* ------------------1024px-----------------  */


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

   :root {
     --theme-container-big: 96%;
     --theme-container-mid: 93%;
     --theme-container-small: 90%;
   }

   .container.container-big {
     width: 96%;
   }

   .container.container-mid {
     width: 93%;
   }

   .container.container-small {
     width: 90%;
   }


   .dropdown-toggle::after {
     margin-left: 5px;
     font-size: 8px;
   }

   header .navbar-expand-lg .navbar-collapse {
     position: absolute;
     top: 72px;
     left: 0;
     right: 0;
     width: var(--theme-container-big);
     padding: 0;
     margin: 0 auto;
     background-color: #FFF;
     border-bottom-left-radius: 16px;
     border-bottom-right-radius: 16px;
     padding: 20px 10px 10px 10px;
   }

   /* ===== CUSTOM NAVBAR TOGGLER ===== */
   .custom-toggler {
     border: none;
     background: transparent;
     padding: 6px;
     width: 30px;
     height: 23px;
     position: relative;
     z-index: 1001;

   }

   .custom-toggler:focus {
     box-shadow: none;
     outline: none;
   }

   /* Hamburger lines */
   .custom-toggler span {
     display: block;
     position: absolute;
     height: 3px;
     width: 100%;
     background: var(--text-blue);

     border-radius: 4px;
     opacity: 1;
     left: 0;
     transform: rotate(0deg);
     transition: all 0.35s ease;
   }

   /* Line positions */
   .custom-toggler span:nth-child(1) {
     top: 0;
   }

   .custom-toggler span:nth-child(2) {
     top: 50%;
     transform: translateY(-50%);
   }

   .custom-toggler span:nth-child(3) {
     bottom: 0;
   }

   /* ===== ANIMATION WHEN OPEN ===== */
   .custom-toggler[aria-expanded="true"] span:nth-child(1) {
     top: 50%;
     transform: translateY(-50%) rotate(45deg);
   }

   .custom-toggler[aria-expanded="true"] span:nth-child(2) {
     opacity: 0;
   }

   .custom-toggler[aria-expanded="true"] span:nth-child(3) {
     bottom: auto;
     top: 50%;
     transform: translateY(-50%) rotate(-45deg);
   }

   /* ===== HOVER EFFECT ===== */
   .custom-toggler:hover span {
     background: var(--orange);
   }

   .dropdown {
     width: 100%;
   }



   .dropdown-item {
     font-size: 14px;
   }

   .navbar-expand-lg .navbar-nav {
     align-items: flex-start;
   }

   .navbar {
     height: 70px;
   }

   .navbar-brand {
     height: 80px;
     position: absolute;
     z-index: 10;
   }

   /* .navbar-brand img {
     position: absolute;
     top: 10px;
   } */

   .innerpage {
     padding: 71px 0px;
   }

   .navbar-collapse .nav-link,
   .navbar-nav li a {
     padding: 10px !important;
   }

   .navbar-nav .dropdown-menu li a {
     font-size: 14px;
   }

   .dropdown-menu {
     width: 100%;
   }

   .custom-toggler {
     order: 3;
   }

   .donate-btn {
     order: 2;
     margin-right: 10px;
   }

   .ban_left h1 {
     font-size: 30px;
   }

   .banner .row {
     align-items: center;
   }

   .chil_num {
     font-size: 40px;
   }

   .children_sec {
     font-size: 14px;
   }


   .wel_area h3 {
     font-size: 28px;
   }

   .wel_left .wel_pic {
     margin-left: 0;
   }

   .wel_area {
     padding: 60px 0px;
   }

   .num_box,
   .num_box:nth-child(2) {
     min-width: inherit;
     gap: 10px;
     padding: 10px;
   }

   .num_box h2 {
     font-size: 26px;
   }

   .ntxt {
     width: 100%;
   }

   .wel_rt {
     padding-top: 0;
   }

   .wel_bt_arae {
     gap: 5px;
   }

   .wel_rt li {
     padding-left: 30px;
     padding-bottom: 15px;
   }

   .wel_rt ul {
     margin-top: 15px !important;
   }

   .card_row {
     display: block;
   }

   .what_area .card_txt {
     width: 100%;
   }

   .what_area .card_pic {
     width: 100%;
   }

   .card_pic {
     margin-top: 20px;
   }

   .card_pic img {
     width: 100%;
     height: 200px;
     object-fit: cover;
     object-position: top;
   }

   .cardbtn {

     margin-bottom: 20px;
   }

   .what_area .icon {
     width: 80px;
     height: 80px;
     left: 0;
   }

   .what_area .icon img {
     width: 40px;
   }


   .right-panel h2,
   .activities_area h3,
   .gallery_area h3 {
     font-size: 24px;
   }

   .why_area h3 {
     font-size: 20px;
   }

   .activities_area h3,
   .gallery_area h3 {
     font-size: 22px;
   }

   .what_area .card_txt {
     margin-top: 0;
   }

   .acti_hd_area {
     margin-bottom: 20px;
   }

   .doncont {
     padding: 5px 0px;
   }

   .donbox {
     padding: 10px;
   }

   .donbox h4 {
     font-size: 16px;
   }

   .donbox p {
     margin-top: 10px;
   }

   .what_area::before {
     width: 200px;
   }

   .gallcont h2 {
     font-size: 16px;
     line-height: 26px;
   }

   .cta_sec h2 {
     font-size: 26px;
   }

   .cta_sec h2 br {
     display: none;
   }

   .fo_mid {
     padding-left: 0;
     padding-right: 0;
   }

   footer h3 {
     margin-bottom: 15px;
   }

   .act_row {
     margin-top: 10px;
   }

   .addr_row,
   .fo_mid li,
   .fo_mid li a:hover,
   .fo_mid h6 {
     font-size: 14px;
   }

   footer h3 {
     font-size: 15px;
   }

   .act_pic img {
     width: 60px;
   }

   .inner_banner h1 {
     font-size: 36px;
     margin-bottom: 15px;
   }

   .inner_banner h2 {
     font-size: 26px;
     text-align: center;
   }

   .inner_banner {
     padding: 20px 0px;
   }

   .bread_area {
     padding: 20px 0px;
   }

   .ban_slider .item::before,
   .ban_slider .item::after {
     width: 60px;
     background-size: contain;
   }

   .dona_area {
     padding-bottom: 60px;
   }

   .dona_txt {
     font-size: 18px;
   }

   .bank_details h3 {
     font-size: 22px;
   }

   .miss_txt h2 {
     font-size: 28px;
   }

   .m_box {
     margin: 15px 0px;
     height: auto;
   }

   .cta_sec {
     width: 94%;
     left: 0;
     right: 0;
     margin: 0 auto;
   }

   .viss_area h5 {
     font-size: 20px;
   }

   .news-top-text p {
     font-size: 14px;
     line-height: 25px;
   }

   .news-bottom p {
     font-size: 16px;
     line-height: 30px;
   }

   .comp-sec1-img,
   .comp-sec2-img {
     width: 293px;
   }

   .comp-sec1,
   .comp-sec2 {
     align-items: flex-start;
     margin-bottom: 40px;
     gap: 30px;
   }

   .comp-sec1-txt h2 {
     font-size: 26px;
     margin-bottom: 18px;
   }

   .admission-open-area ul li {
     gap: 10px;
     width: calc(50% - 10px);
   }

   .why_area.admission-open-area h3 {
     font-size: 23px;
     margin: 4px 0;
   }

   .why_area.admission-open-area {
     padding: 11px 0;
   }

   .admission-open-area h5 {
     font-size: 19px;
     line-height: 18px;
     margin-top: 13px;
     padding-bottom: 5px;
     margin-bottom: 10px;
   }

   .admission-open-area ul li em {
     width: 34px;
     height: 34px;
   }

   .comp-loc-txtarea {
     gap: 8px;
   }

   .comp-loc-box {
     padding: 9px;
     width: calc((100% - (8px * 2)) / 3);
   }

   .teams-hdr,
   .comp-student-hdr {
     font-size: 23px;
   }

   .student-testi p {
     font-size: 15px;
   }

   .stars {
     margin-bottom: 7px;
   }

   .stars svg {
     width: 12px;
   }

   .stu-tester h6 {
     font-size: 14px;
   }

   .stu-tester em {
     width: 40px;
     height: 40px;
     flex-shrink: 0;
   }

   .stu-tester {
     gap: 9px;
     margin-top: 13px;
   }

   .gallbox {
     height: 284px;
   }

   .abt-team-area {
     gap: 10px;
   }

   .about-team {
     padding: 0 0 20px 0;
   }

   .abt-team-box {
     width: calc((100% - (10px * 3)) / 4);
   }

   .abt-team-box em {
     height: 205px;
   }

   .abt-team-box text {
     padding: 7px 4px;
   }

   .abt-team-box h6 {
     font-size: 15px;
     line-height: 20px;
     margin-bottom: 4px;
   }

   .abt-team-box p {
     font-size: 13px;
     line-height: 1;
   }

   h2.abt-team-header {
     font-size: 29px;
     margin-bottom: 23px;
     padding-bottom: 5px;
   }

   .what_area {
     margin-bottom: 46px;
   }

   .mpic {
     height: 254px;
   }

   .media-paper {
     flex-direction: column;
   }

   .media_sec,
   .news-paper {
     width: 100%;
   }

   .advertisement-sec {
     width: 100%;
     flex-flow: row wrap;
     padding: 20px 5px;
   }

   .ad-box {
     width: calc((100% - (8px * 2)) / 3);
   }

   .link-buttons {
     margin-bottom: 23px;
   }

   .advertisement-sec {
     margin-bottom: 62px;
   }

   .media-paper {
     margin-bottom: 0px;
   }

   .gall_page45.gall_page .gallbox {
     height: 216px;
   }

   .ban_slider .item em {
     height: 332px;
   }
 }

 /* ------------------991px-----------------  */

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

   .navbar-brand {
     height: 60px;
   }

   .navbar {
     height: 55px;
   }

   .navbar-brand img {
     top: 5px;
   }

   header .navbar-expand-lg .navbar-collapse {
     top: 56px;
   }

   .donate-btn svg {
     width: 20px;
     height: 20px;
   }

   .donate-btn span {
     font-size: 14px;
   }

   .banner {
     padding-top: 110px;
   }

   .ban_left_bt_area,
   .wel_bt_arae {
     display: block;
   }

   .prog_btn,
   .orangebtn,
   .wel_down,
   .mng_btn,
   .what_area .cardbtn,
   .viewbtn,
   .dnowbtn,
   .why_area .orangebtn,
   .gallery_area .viewbtn,
   .joinbtn {
     width: fit-content;
   }

   .banner h1 {
     font-size: 26px;
   }

   .orangebtn,
   .mng_btn {
     margin-top: 5px;
   }

   .wel_num_area {
     margin: 15px 0px;
     gap: 5px;
   }

   .num_box,
   .num_box:nth-child(2) {
     gap: 5px;
     width: fit-content;
     margin: 5px 0px;
   }

   .wel_area h3 {
     font-size: 24px;
   }

   .wel_rt {
     position: relative;
   }

   .wel_bt_arae {
     position: absolute;
     left: 0;
     bottom: -100px;

   }

   .wel_rt li:last-child {
     padding-bottom: 0;
   }

   .donbox {
     margin: 10px 0;
   }

   .acti_hd_area {
     display: block;
   }

   .activities_area h3,
   .gallery_area h3 {
     margin-bottom: 20px;
   }

   .why_area {
     padding-top: 40px;
   }

   .why_pic {
     width: 100%;
     position: relative;
     top: 30px;
     transform: none;
     padding: 0 30px;
     margin-bottom: 40px;
   }

   .why_pic img {
     height: inherit;
     border-radius: 30px;
   }

   .why_area {
     background: none;
     background-color: #FFF;
     padding: 0;
     padding-bottom: 40px;
   }

   .why_txt_row {
     margin-bottom: 5px;
   }

   .why_txt {
     padding-bottom: 20px;
   }

   .why_area h3 {
     font-size: 18px;
   }

   .why_txt_row h6 {
     font-size: 16px;
   }

   .num_box {
     font-size: 12px;
     line-height: 18px;
   }

   .num_box h2 {
     font-size: 18px;
   }

   .gallery_area {
     padding-top: 60px;
   }

   .cta_sec h2 {
     font-size: 23px;
   }

   .fo_mid,
   .fo_rt {
     margin-top: 40px;
   }

   .act_pic img {
     width: 80px;
     height: 60px;
     object-fit: cover;
   }

   .copy_area {
     font-size: 13px;
   }

   .soc_cir {
     width: 35px;
     height: 35px;
     font-size: 18px;
   }

   .wel_bt_arae {
     display: flex;
     bottom: -70px;
   }

   .mng_btn {
     margin-top: 0;
   }

   .wel_down,
   .mng_btn {
     padding: 0px 5px;
     font-size: 12px;
   }

   .wel_down svg,
   .prog_btn svg,
   .orangebtn svg {
     width: 20px;
     height: 20px;
   }

   .inner_banner h1 {
     font-size: 30px
   }

   .inner_banner h2 {
     font-size: 20px;
     line-height: inherit;
   }

   .media_sec .tab-btn {
     font-size: 16px;
   }

   .ban_slider .owl-dots .owl-dot span,
   .gall_slider .owl-dots .owl-dot span {
     width: 6px;
     height: 6px;
   }

   .ban_slider .owl-dots .owl-dot.active span,
   .gall_slider .owl-dots .owl-dot.active span {
     width: 6px;
     height: 70px;
   }

   .children_sec {
     font-size: 12px;
   }

   .chil_num {
     font-size: 34px;
   }

   .act_row {
     display: block;
   }

   .gallery_area {
     padding-bottom: 120px;
   }

   .donbox {
     height: inherit;
   }

   .dona_pic {

     margin-bottom: 20px;
   }

   .bank_details {
     padding: 15px 20px;
   }

   .miss_txt h2 {
     font-size: 24px;
     line-height: 30px;
   }

   .m_box_area h3 {
     font-size: 22px;
   }

   .viss_pic,
   .skypic {
     margin-bottom: 40px;
     height: auto;
   }

   .skypic {
     margin-bottom: 0;
     margin-top: 40px;
   }

   .viss_area .row {
     padding-bottom: 30px;
   }

   .viss_area .row.r2 {
     flex-direction: column-reverse;
   }

   .skypic {
     margin: 0;
     margin-bottom: 40px;
   }

   .con_box h2 {
     font-size: 20px;
   }

   .contact_rt {
     padding: 30px 0px;
   }

   .innerpage {
     padding: 54px 0px;
   }

   .news-top {
     margin-bottom: 30px;
     flex-direction: column;
     gap: 20px;
     margin-top: 60px;
   }

   .news-top-text {
     width: 100%;
     flex-grow: 1;
   }

   .news-bottom iframe {
     width: 100%;
     height: 350PX;
   }


   .why_area.admission-open-area {
     padding: 11px 0;
     background-image: none;
   }

   .admission-open-area .why_pic {
     position: static;
     width: 100%;
     height: 398px;
     top: 50%;
     transform: translateY(0%);
     margin-bottom: 21px;
   }

   .comp-loc-box {
     padding: 9px 9px 32px 9px;
     width: 100%;
     margin-bottom: -20px;
   }

   .comp-loc-txtarea {
     gap: 0;
     flex-direction: column;
   }

   .comp-location {
     padding: 36px 0;
   }

   .team-row {
     flex-direction: column;
   }

   .team-box {
     width: 100%;
   }

   .comp-sos {
     margin-top: 11px;
   }

   .teams {
     padding: 0 0 37px 0;
   }

   .comp-sec1 {
     display: block;
   }

   .comp-sec1 {
     margin-bottom: 20px;
   }

   .comp-sec2 {
     flex-direction: column-reverse;
   }

   .comp-sec1-img {
     width: 223px;
     float: left;
     margin: 0 16px 16px 0;
   }

   /* .comp-sec2-img {
     display: none;
   } */

   .comp-sec1-txt,
   .comp-sec2-txt {
     width: 100%;
     flex-grow: 1;
   }

   .comp-sec2-img {
     margin: 23px 23px -25px 17px;
   }

   .comp-sec1-txt h5 {
     font-size: 14px;
     line-height: 21px;
   }

   .abt-team-box {
     width: calc((100% - (10px * 1)) / 2);
     margin-bottom: 20px;
   }

   .abt-team-box text {
     padding: 7px 17px;
   }

   .abt-team-box em {
     height: 244px;
   }

   .mpic {
     height: 244px;
   }

   .dona_area .row .col-sm-6 {
     width: 100%;
     max-width: 100%;
   }

   .ban_slider .item em {
     height: 262px;
   }

 }

 /* ------------------767px-----------------  */


 @media screen and (max-width:575px) {
   .donate-btn span {
     font-size: 0px;
   }

   .donate-btn {
     padding: 2px;
   }

   .donate-btn svg {
     width: 30px;
     height: 30px;
   }

   .navbar-brand {
     height: 50px;
     margin-top: 0;
   }

   header .navbar-expand-lg .navbar-collapse {
     top: 50px;
   }

   .navbar {
     height: 50px;
   }

   .navbar-nav li a {
     font-size: 14px;
   }

   header .donate-btn svg {
     width: 25px;
     height: 25px;
   }

   .banner {
     padding-top: 50px;
     padding-left: 0%;
     padding-right: 0%;
     overflow-x: hidden;
   }

   .ban_rt {
     margin-bottom: 20px;
   }

   .ban_left_bt_area {
     display: flex;
     gap: 5px;
   }

   .ban_slider .item {
     border-radius: 0;
   }

   .ban_left {
     margin: 0% 4%;
     padding: 15px;
     border-radius: 16px;
     margin-top: -200px;
     background-color: #FFF;
     z-index: 2;
     position: relative;
   }

   .ban_slider .owl-dots {
     left: 10px;
   }

   .orangebtn {
     margin-top: 0;
   }

   .wel_num_area,
   .wel_bt_arae {
     display: flex;
   }

   .wel_bt_arae {
     position: relative;
     bottom: 0;
     margin-top: 20px;
   }

   .mng_btn {
     margin-top: 0;
   }

   .wel_area {
     padding: 40px 0px;
   }

   .activities_area {
     padding-bottom: 40px;
   }

   .left-area,
   .right-panel {
     width: 100%;
   }

   .right-panel {
     position: relative;
     height: inherit;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     padding: 15px;
   }

   .right-panel::before {
     display: none;
   }

   .what_area .card {
     border-radius: 0;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;


   }

   .what_area {
     margin-top: 0;
   }

   .card_row {
     margin-top: 40px;
   }

   .what_area .icon {
     top: 4px;
     left: 15px;
     z-index: 1;
     width: 50px;
     height: 50px;
   }

   .what_area .icon img {
     width: 30px;
   }

   .right-panel h2 {
     font-size: 20px;
   }

   .what_area .tabs li {
     font-size: 16px;
     margin: 5px 0px;
   }

   .right-panel p {
     margin-bottom: 20px;
   }

   .what_area {
     padding-top: 0;
   }

   .donbox h4 {
     font-size: 20px;
   }

   .what_area::before {
     display: none;
   }

   .banner {

     display: flex;
     flex-direction: column;
   }

   .banner .row {
     flex-direction: column-reverse;
   }

   .num_box {
     font-size: 14px;
     line-height: 18px;
   }

   .num_box h2 {
     font-size: 22px;
   }

   .gallcont h2 {
     font-size: 20px;
   }

   .gall_sec {
     width: 100%;
     margin-left: 0px;
     padding: 20px 0px 20px 30px;
   }

   .gallery_area {
     padding-top: 40px;
   }

   .cta_sec h2 {
     font-size: 20px;
     line-height: 30px;
   }

   .gall_pic img {
     width: 100%;
   }

   .copy_area {
     text-align: center;
   }

   .copy_link {
     margin-top: 5px;

     justify-content: center;
   }

   .mcont {
     text-align: center;
   }

   .mcont .dt_row {
     justify-content: center;
   }

   .mcont .dnowbtn {
     margin-left: auto;
     margin-right: auto;
   }

   .page-btn {
     min-width: 30px;
     height: 30px;
     font-size: 18px;
   }

   .pagination .arrow {
     font-size: 16px;
   }

   .wel_pic img {
     width: 100%;
   }

   .what_area .row {
     flex-direction: column-reverse;
   }

   .why_txt_row {
     font-size: 14px;
   }

   .act_row {
     display: flex;
   }

   .acti {
     width: 100%;
   }

   .what_area {
     margin-bottom: 40px;
   }

   .inner_banner h1 {
     font-size: 24px;
   }

   .inner_banner h2 {
     font-size: 18px;
   }

   .certi .mediabox {
     margin-bottom: 0;
   }

   .dona_pic {
     padding: 0;
   }

   .banner h1 {
     font-size: 22px;
     margin-bottom: 10px;
   }

   .children_area {
     margin-bottom: 10px;
   }

   .ban_left h1::after {
     height: 4px;
   }

   .ban_slider.owl-carousel .owl-item img {
     height: 400px;
     object-fit: cover;
     object-position: top;
   }

   .chilcir {
     width: 180px;
   }

   .chil_num {
     font-size: 30px;
   }

   .wel_area h3 {
     font-size: 22px;
   }

   .dona_txt {
     font-size: 16px;
   }

   .bank_details h3 {
     font-size: 20px;
   }

   .miss_txt h2 {
     font-size: 22px;
   }

   .m_box_area h3 {
     font-size: 21px;
     padding-bottom: 10px;
     margin-bottom: 15px;
   }

   .viss_area h5 {
     font-size: 18px;
     margin-bottom: 10px;
   }

   .con_box h2 {
     font-size: 21px;
   }

   /*030426 SB*/
   .alert-success {
     font-size: 18px;
   }

   .what_area .container {
     display: flex;
     flex-direction: column-reverse;
   }

   .what_area .card p {
     line-height: 20px;
     font-size: 14px;
   }

   .what_area .card h3 {
     margin-bottom: 4px;
   }

   .what_area {
     padding: 0;
   }

   .banner .row .col-lg-7 {
     padding-right: 0 !important;
     padding-left: 0 !important;
   }

   .activities_area .container::before {
     height: calc(100% - 100px);
   }

   .abt-team-box em {
     height: fit-content;
   }

   .abt-team-box text {
     padding: 7px 9px;
   }

   h2.abt-team-header {
     font-size: 23px;
     margin-bottom: 23px;
     padding-bottom: 5px;
   }

   .mpic {
     height: fit-content;
   }

   .don-img1 img {
     border: 5px solid white;
   }

   .don-img1 img {
     border-radius: 20px 20px 0 0 !important;
   }

   .don-img1.don-img2 img {
     border-radius: 0 0 20px 20px !important;
   }

   .don-img1.don-img3 img {
     border-radius: 0 20px 20px 0 !important;
   }

   .mediabox.recent-media-box .mpic {
     width: 90px;
     height: 90px;
   }

   .inner_banner {
     padding: 12px 0px;
   }

   .inner_banner h2 {
     font-size: 15px;
   }

   .inner_banner h1 {
     margin-bottom: 8px;
   }

   .ad-box {
     width: calc((100% - (8px * 1)) / 2);
   }

   .admission_apply.dnowbtn {
     font-size: 16px !important;
     padding: 12px 20px !important;
     line-height: 1.8 !important;
   }

   .ban_slider .item em {
     height: fit-content;
   }
 }

 /* ------------------575px-----------------  */
 @media screen and (max-width:480px) {

   .right-panel h2,
   .why_area h3 {
     font-size: 20px;
   }

   .what_area .tabs li {
     font-size: 16px;
   }

   .what_area .tabs li span {
     margin-right: 0;
   }

   .copy_link {
     justify-content: center;
   }

   .navbar-brand img {
     position: relative;
     top: 0;
   }

   .activities_area h3,
   .gallery_area h3,
   .wel_area h3,
   .miss_txt h2 {
     font-size: 20px;
   }

   .wel_left,
   .wel_rt,
   .right-panel p,
   .what_area .card p,
   .donbox p,
   .bank_details_row,
   .miss_txt p,
   .viss_area p,
   .viss_area li,
   .con_box p,
   .con_box .addr_row {
     font-size: 14px;
   }

   p {
     font-size: 14px;
   }

   .terms_sec li::before {
     top: 10px;
   }

   /*030426 SB*/
   .alert-success {
     font-size: 16px;
   }

   .news-top-text h2 {
     font-size: 21px;
     margin-bottom: 9px;
   }

   .news-top em {
     width: 100%;
     height: fit-content;
   }

   .comp-sec1-img {
     width: 223px;
     float: none;
     margin: 0 0px 20px 18px;
   }

   .computer-paper {
     margin: 41px 0 41px 0;
   }

   .admission-open-area .why_pic {
     height: fit-content;
   }

   @media (hover: none) {
     .overlay-div {
       opacity: 1;
       visibility: visible;
     }
   }
 }




 /* ------------------480px-----------------  */

 @media screen and (max-width:400px) {
   .ban_slider .owl-dots {
     left: -12px;
   }

   .prog_btn,
   .orangebt,
   .wel_down,
   .mng_btn,
   .what_area .cardbtn,
   .viewbtn,
   .dnowbtn,
   .why_area .orangebtn,
   .gallery_area .viewbtn,
   .joinbtn {
     padding: 0px 10px;
     font-size: 13px;
   }

   .terms_sec,
   .terms_sec p,
   .terms_sec li,
   .con_box p,
   .con_box .addr_row {
     font-size: 13px;
   }

   .num_box {
     font-size: 14px;
   }

   .num_box h2 {
     font-size: 20px;
     list-style: 24px;
   }

   .donbox h4 {
     font-size: 16px;
   }

   .why_area::after {
     display: none;
   }

   .why_txt_row h6 {
     font-size: 16px;
   }

   .fo_mid {
     display: block;
   }

   .fo_link {
     width: 100%;
   }

   .fo_mid ul {
     margin: 15px auto !important;
     column-count: 2;
   }

   .prog_btn,
   .orangebtn,
   .wel_down,
   .mng_btn,
   .what_area .cardbtn,
   .viewbtn,
   .dnowbtn,
   .why_area .orangebtn,
   .gallery_area .viewbtn,
   .joinbtn {
     padding: 0px 8px;
     font-size: 11px;
   }

   .media_sec .tab-btn {
     font-size: 13px;
   }

   .navbar-brand {
     width: 40px;
     padding-top: 0;
   }

   .gall_sec {
     padding: 20px 10px 20px 20px;
   }

   .gall_slider .owl-dots {
     left: -14px;
   }

   .admission-open-area ul li {
     gap: 10px;
     width: 100%;
   }

   .comp-loc-txtarea {
     padding: 0 0px;
   }

   .teams-hdr,
   .comp-student-hdr {
     font-size: 19px;
   }

   .donbox em {
     height: fit-content;
   }

   .abt-team-box {
     width: 100%;
     margin-bottom: 20px;
   }

   .comp-sec1-img {
     width: 92%;
     float: none;
     margin: 0 0px 20px 18px;
   }

   .ad-box {
     width: calc((100% - (8px * 1)) / 2);
   }
 }

 /* ------------------400px-----------------  */
 @media screen and (max-width:360px) {
   .ad-box {
     width: 100%;
   }
 }

 /* ------------------360px-----------------  */