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

#menu ul li > a {
    padding: 4px 8px;  font-size: 12px;}


.officer-text h6{font-size: 12px;}    

.schlr-main{height: 500px;}

#menu ul{display: flex; justify-content: center;}

.open-menu a#toggle {
    top: 0;
  }

.open-menu a#toggle {
    top: -50px !important; 
  }

}

@media only screen and ( min-width:768px) and ( max-width:960px ){

.top-bar .info-box li a {
    margin: 0px 2px;   font-size: 12px;}

.header-dnt{
    right: -40px;
    position: relative;
    display: ;
    width: ;
    display: inline-block;
    top: -5px;
  }

.header-upper .menu-dvs nav{padding-right: 0px;}

.bxs-on h3{font-size: 20px;}

.bxs-on p{font-size: 12px;}

.choose-head h2 {
    font-size: 35px;  margin-top: 10px;
}

.servc-head h2, #home-get h2, .conct-hd-hm h2{
    font-size: 35px;
}

.event-head h2{font-size: 35px;}

.services-sctn {
    padding: 60px 0px 40px 30px;
    padding-right: 25px;
}

.accmp-text h6{font-size: 12px; height: 25px;}

#home-get p {
    font-size: 20px;   line-height: 34px;
}

.conct-dtls-home ul li {
    word-wrap: anywhere;
}

.top-bar .info-box li {
    padding-left: 31px;
    margin-right: 28px;
  }

.info-box li::after {
  right: -22px;
}

.officer-text h6 {
    font-size: 14px; word-break: break-all;
}

.officer-ons{height: 190px;}

#pages-banner {padding: 76px 0px;}

.schlr-text {
    padding: 15px 10px 0px;
}

.schlr-main{height: 600px;}



.top-bar .info-outer{padding: 3px 10px 5px 10px;}

.rdclr{display: none;}

  .open-menu a#toggle {
    top: -50px;
  }

}


@media only screen and ( min-width:600px) and ( max-width:767px ){
.top-bar .info-outer {
    position: relative; text-align: center;}

.top-bar .info-outer::before{display: none;}

.header-dnt{position: relative; float: left; display:block !important;}

.header-upper .menu-dvs{margin-top: 30px;}

.header-upper .menu-dvs nav{padding-right: 0px;}

 .top-bar .info-box li  {
    padding-left: 21px;
    margin-right: 30px;
    line-height: 30px;
  }

 .top-bar .info-box li a {
    padding-left: 4px;
  }

.bxs-on h3{font-size: 22px;}

.bxs-on p{font-size: 12px;}

.choose-img{padding-right: 0px;}

.choose-txt-main{margin-top: 30px;}

.services-sctn {
    padding: 60px 30px 40px 30px;}

#home-get p {
    font-size: 22px; line-height: 32px;
}

#home-get {
    padding: 50px 0px;}

.hme-cntct{margin-top: 50px;}

#pages-banner { padding: 60px 0px;}

.banner-nw-txt h1{font-size: 32px;}

.about-txt-main{margin-top: 25px;}


.officer-ons {
    width: 48%;
    margin: 20px 4% 0px 0px;}

 .officer-ons:nth-child(5n){margin-right: 4%;}

 .officer-ons:nth-child(2n){margin-right: 0px;}

 .schlr-text {
    padding: 15px 10px 0px;
}

.schlr-main{height: 520px;}

.event-head h2{font-size: 30px;}

.member-form{padding: 30px;}

.divexcut img{width: 150px;}

.upcmng-head h2, .prject-brgn h2{font-size: 30px;}

.mrcer-dv .accmp-img-new img{height: 125px;}

.passic-dv .accmp-img-new img{height: 155px;}

.home-slide-cntent h1{font-size: 28px;}

.home-slide-cntent h6{font-size: 18px;}

  .open-menu a#toggle {
    top: -100px;
  }

.rdclr{display: none !important;}


.info-box li::after{right: -12px;}



}
@media only screen and ( min-width:320px) and ( max-width:768px ){
	
	.header-dnt-menu {

    display: none !important;
}
.di-01 { display:none;
}
.mi-01 { display:block;
}
.mi-01 img  { width:100%;padding:20px;
}
.mi-01 a{
        width: 100%;
    text-align: center;
    line-height: 24px;
    border: none;
    padding: 14px 15px;
    border-radius: 25px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Raleway',sans-serif;
    background: #127938;
    float: left;
    /* margin-bottom: 50px; */
    margin-top: 10px;
}

.rdclr{display: none !important;}

}
@media only screen and ( min-width:320px) and ( max-width:599px ){

.top-bar .info-outer {
    position: relative;
    right: 0px;
    top: 0px;
    background: none;
    color: #ffffff;
    padding: 0px;
    /* border-radius: 0px 0px 5px 5px; */
    z-index: 1;
    border: 0px;
    margin-top: 10px;
    text-align: center;
}

.top-bar .info-outer::before{display: none;}

.info-box li::after{display: none;}

.top-bar .info-box li{margin-right: 0px;
        float: left;
        width: auto;}

.top-bar .info-box li .icon{position: relative;}

.header-dnt{position: relative; float: left; display:block !important;}

.header-upper .menu-dvs{margin-top: 30px;}

.header-upper .menu-dvs nav{padding-right: 0px;}

.home-slide-cntent h1{font-size: 20px;}

.home-slide-cntent h6 {
    font-size: 11px;  margin-top: 5px;
}

.bxs-on{width: 100%;}

.bxs-on h3{font-size: 22px;}

.choose-head h2, .servc-head h2, #home-get h2, .conct-hd-hm h2{font-size: 32px; }

.choose-txt-main {
    display: block; margin-top:30px;}


.event-head h2{font-size: 32px;word-break: break-all;}

.services-sctn {
    padding: 30px 25px 40px 25px;}

#home-get p {
    font-size: 18px;line-height: 28px;
}

.contact-mn-home {
    margin: 20px 0px 0px;
}

.hme-cntct{margin-top: 35px;}

.choose-img{padding-right: 0px;}

#home-get {
    padding: 50px 0px;}

#pages-banner { padding: 35px 0px;}

.banner-nw-txt h1{font-size: 25px;}

.about-txt-main{margin-top: 35px;}

.abut-full-text img{width: 75px;}

.abut-full-text h2{font-size: 25px;}

.about-txt-main h2{font-size: 25px;}

.officer-ons {
    width: 100%;  margin: 20px 0% 0px 0px;}

.officer-ons {
    width: 31%;
    margin: 20px 2% 0px 0px;}

.schlr-main{height: auto;}

.schlr-applic a{font-size: 13px;}

.member-form{padding: 25px;}

.member-head h2{font-size: 25px;}

.frm-pera {
    margin: 0px 0px 0px;}

.frm-pera .col-lg-6, .frm-pera .col-lg-12{
    margin: 25px 0px 0px;}    

.bergn-top-txt h2{font-size: 18px; line-height: 27px;}

.divexcut img{float: none; margin-top: 20px; margin-bottom: 20px;}

.divexcut ul li{font-size: 20px;}

.upcmng-head h2, .prject-brgn h2{font-size: 30px;}

.upcmng-img img{height: auto;}

.prjct-dvs .upcmng-img img {
    height: auto;
}

.mrcer-dv .accmp-img-new img {
    height: auto; object-fit: initial;
}

.passic-dv .accmp-img-new img{height: auto; object-fit: initial;}

.rdclr{display: none !important;}

.header-dnt { padding: 6px 14px;  font-size: 11px;}



}

