@media (min-width: 1200px) {
.top-search form { max-width: 210px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .circle-im{
    width: 100%;
    left: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar li:first-child a {
    padding: 10px 20px;
  }
  .navbar-mobile .dropdown ul a {
    color: #581601;
  }
  .btn-g{
    top: 3%;
  }
  .mobile-nav-toggle{
    color: #fff;
  } 
  .important-commu-rightimg, .news-svg{
    width: 100%;
  }
  .circle-im{
    width: 90%;
    left: 80px;
  }
  .top-info li{
    font-size: 13px;
  }
  .row{
    margin: 0;
  }
  #hero {
    height: 50vh;
  }
  .right-sub img, .left-sub img {
    width: 267px;
  }
  .right-sub{
    right: -50px;
  }
  .left-sub{
    left: -50px;
  }
  .footer-icon1, .footer-icon2, .footer-icon3, .footer-icon4, .footer-icon5, .footer-icon6, .footer-icon7{
    z-index: -0;
  }
  .footer-last span {
    padding: 3px 4px;
    font-size: 12px;
  }
  .theme-color {
    padding: 0 0 0 5px;
  }
  .cta h3 span{
    font-size: 20px;
  }
  .cta h3 {
    font-size: 24px;
  }
  .hoverWrapper #hoverShow1{
    bottom: 0px;
  }
  .news-tab .row .col-md-8{
    z-index: 9;
  }

  .top-search input{
    width: 100%;
  }
  .app-btn {
    top: -10px;
    right: -65px;
  }
  .membr h3{
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  #topbar .header-container{
    padding: 0;
  }
  .top-info{
    width: 90%;
  }
  .main-logo {
    width: 35%;
  }
  .azadi-logo {
    width: 135px;
  }
  .header-btn .btn {
    width: 170px;
    font-size: 12px;
    height: 40px;
  }
  .header-btn {
    padding: 0 !important;
  }
  .icon-skip-to-main{
    display: none;
  }
  .top-info a{
    font-size: 9px;
  }
  #header{
    padding: 0px;
  }
  .goog-te-gadget .goog-te-combo{
    font-size: 9px;
    margin: 4px 0 0 0 !important;
  }
  .navbar-mobile a, .navbar-mobile a:focus{
    font-size: 13px;
  }
  #topbar{
    height: 80px;
  }
  .top-info li {
    padding: 0 5px;
    font-size: 10px;
    border-right: none;
  }
  .top-info li:first-child {
    padding: 0 5px 0 0;
  }
  /*.top-info .d-flex{
    flex-wrap: wrap;
  }*/
  .top-info ul{
    width: 100%;
    /* padding: 0 0 7px 0; */
    padding: 2px 0 4px 0;
    justify-content: space-between !important;
    border-bottom: 1px solid #fff;
  }
  .theme-color{
    width: 9%;
    position: absolute;
    display: block !important;
    right: 4px;
    border-left: 1px solid #fff;
    padding: 0 0 0 7px;
  }
  .theme-color div {
    margin: 9px auto;
  }
  .top-search input{
    font-size: 10px;
    padding: 2px 20px 2px 10px;
    width: 100%;
  }
  .top-search i{
    font-size: 15px;
  }
  .top-search{
    justify-content: space-between;
    margin: 0 auto;
    /* padding: 10px 10px 5px 10px; */
    padding: 7px 10px 5px 10px;
  }
  .active-theme {
    font-size: 10px;
    margin: 0 !important;
  }
  .top-search form {
    width: 60%;
  }
  .navbar li:first-child a{
    padding: 10px 20px;
  }
  .navbar .dropdown ul a{
    color: #000;
    font-size: 12px;
  }
  #hero {
    height: 28vh;
  }
  .carousel-indicators [data-bs-target] {
    width: 5px;
    height: 5px;
  }
  .left-sub, .right-sub{
    height: 100%;
  }
  .left-sub img, .right-sub img{
    height: 100%;
  }
  .left-sub img {
    width: 140px;
  }
  .right-sub img {
    width: 140px;
  }
  .left-sub {
    left: -35px;
    top: -8px
  }
  .right-sub{
    right: -35px;
    top: -8px
  }
  .btn-g{
    top: 20%;
    padding: 10px 10px;
  }
  .btn-g i{
    top: 60px; font-size: 40px; left: -10px;
  }
  .tooltip i {
    top: -3px !important;
    left: 215px;
  }
  .tooltip .tooltiptext{
    top: -16px;
    right: 45px;
    width: 230px;
  }
  .carousel-indicators{
    margin-left: 18%;
    margin-bottom: 2rem;
    width: 90px;
  }
  .bg-img-charpersion {
    left: 0%;
    width: 100%;
    top: 80px;
  }
  .logo-sec .d-flex, .top-info {
    flex-wrap: wrap;
  }
  .btn-g .btn {
    width: 25px;
    height: 25px;
    margin: 3px 0;
    font-size: 13px;
  }
  .top-search a:first-child {
	margin-right: 4px !important;
}
  .cyan-theme, .red-theme, .yellow-theme{
    width: 15px;
    height: 15px;
  }
  .cta{
    padding: 0px 0;
  }
  .cta h3{
    font-size: 15px;
  }
  .cta h3 span{
    font-size: 12px;
  }
  .cta h3 img{
    height: 40px;
  }
  .navbar-mobile .dropdown ul{
    box-shadow: 0px 0px 30px rgb(127 137 161 / 10%);
    margin: 0px 15px;
  }
  .row{
    margin: 0;
  }
  .mobile-nav-toggle {
    color: #fff;
  }
  .circle-im{
    width: 100%;
    left: 0px;
  }
  .fq-se .text-white{
    color: #4d4643 !important;
  }
  .faq-sec {
    /* background: #eaf9f3; */
  }
  .footer-icon{
    width: 100%;
  }
  .chair-border{
    display: none;
  }
  .news-svg{
    width: 100%;
    right: -125px;
    top: 469px;
  }
  .main_slider_div {
    min-height: 150px;
  }
  .imp_slider_div{
    min-height: 420px;
  }
  .news-tab .row .col-md-8{
    z-index: 9;
  }
  .px-4 {
    padding-right: 0rem!important;
    padding-left: 0rem!important;
  }
  .py-5 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
  }
  /* .important-commu{
    height: 75vh;
  } */
  .important-commu-leftimg{
    width: 100%;
    left: -115px;
    z-index: -1;
    top: -60px;
  }
  .de-img{
    width: 100%;
    right: 0px;
  }
  .important-commu .pagination, #tab_faq {
    width: 100%;
  }
  .news-tab p, .important-commu p, .faq-sec p{
    text-align: justify;
  }
  p{
    font-size: 13px;
    word-break: break-all;
  }
  .pagination h6{
    font-size: 10px;
  }
  .news-svg-left{
    width: 100%;
  }
  .bg-faq{
    padding: 0 10px !important;
    min-height: 100%;
  }
  .accordion-body ul li, .accordion-button{
    font-size: 13px;
  }
  .accordion-body {
    padding: 10px 15px 0 15px;
  }
  .accordion-body .mx-4 {
    margin-right: 0rem!important;
    margin-left: 0rem!important;
  }
  .accordion-item .accordion-button {
    padding: 0.5rem 0 0 2.25rem;
  }
  .fq-i{
    display: none;
  }
  .view-more-btn a{
    font-size: 14px;
  }
  .view-more-btn a i {
    font-size: 12px;
  }
  .view-more-btn a:after{
    width: 85px;
    bottom: -5px;
  }
  .video-sec iframe {
    height: 220px;
  }
  .circle-gallery{
    background-color: transparent;
  }
  .audio-video-sec, .important-overlay, .banner-sec{
    padding: 30px 0;
  }
  .sec-two{
    padding: 50px 0px 20px 0;
  }
  .footer-logo .col-md-1{
    width: 50%;
    margin: 5px 0;
  }
  .footer-logo .col-md-3:last-child{
    width: 50%;
    margin: 5px 0;
  }
  .app-btn {
    padding: 15px 0 0 0;
    display: flex;
    justify-content: space-between;
    position: static !important;
  }
  .audio-video-sec .col-md-6{
    width: 50%;
  }
  .footer-logo .col-md-1 {
    width: 20%;
    margin: 5px 0;
  }
  .sec-two .col-md-5{
    width: 50%;
  }
  .membr-img {
    width: 150px;
    height: 150px;
  }
  .hoverWrapper:hover .membr-img {
    width: 130px;
    height: 130px;
  }
  .membr h3{
    font-size: 16px;
  }
  .footer-logo .col-md-3{
    width: 40%;
  }
  .footer-bottom .col-md-3{
    z-index: 9;
  }
  .footer-last h5 {
    padding: 10px 0 0 0;
  }
  .more-btn a {
    font-size: 14px;
  }
  .more-btn a i {
    font-size: 12px;
  }
  .more-btn a:after{
    width: 115px;
  }
  .main-slider .slide-img {
    padding: 0 16px;
  }
  .news-tab{
    padding: 20px 0 60px 0;
    height:40vh;
  }
  .pt-5 {
    padding-top: 1rem!important;
  }
  .main-slider .slide-img p {
    text-align: center;
  }
  .slick-prev{
    bottom: -65px;
    left: 35%;
  }
  .slick-next{
    right: 35%;
    bottom: -65px;
  }
  .table-responsive strong {
    font-size: 10px;
  }
/*------*/
.ttl-main {font-size: 24px;} 
.ttl-span span { display: inline-block; }  
.pagination .tab-sec h6 {font-size: 15px !important;min-height: 56px;}
.communication-section .slick-dots {margin-top:10px; }
.communication-section .slick-dots li {width:10px; height:10px;}
.news-date {font-size: 16px !important;}
.title-2 {font-size: 22px;}
.vdo-txt { margin-bottom: 35px; }
.apply-section { padding-bottom: 50px; }

.about-section, .hd-withtext {padding-top: 200px !important; background-size: 100%; background-position: top;}
.title-inside {font-size:30px;}
.title-inside .ttl-span span::after {bottom: -23px;}
.top-search {margin-left: 0 !important;}
.newss-slider .slide-img p { text-align: center; font-size: 15px !important; }
.newss-slider .slide-img p a { font-size: 15px !important; }
.news-tab.news-section .main_slider_div { min-height: 235px; }
section.news-tab.news-section {height: auto; background-size: cover; background-position: -170px 0;}
.vdo-txt p { font-size: 14px !important; }
.communication-section .slick-slide p, .communication-section .slick-slide p a { font-size: 14px !important; }
.communication-section {background-size: 150%; background-position: 70% 100%;}
.footer-last img { width: auto !important; max-width: 200px; margin-top: 10px; }
.footer-top ul li a {font-size: 13px !important;}

}

@media (min-width: 320px) and (max-width: 380px) {
  .smc, .text-s {
    display: none;
  }
  .icon-skip-to-main {
    display: block;
  }
  .top-info ul{
    justify-content: center !important;
  }
  /* .header-btn, .azadi-logo{
    display: none !important;
  } */
  .header-btn{
    display: block !important;
    width: 100%;
    text-align: -webkit-center;
  }
  #hero {
    height: 18vh;
  }
  .audio-video-sec .col-md-6{
    width: 100%;
  }
  .footer-logo .col-md-1 {
    width: 50%;
    margin: 5px 0;
  }
  .membr {
    /* height: 185px; */
    height: auto;
  }
  .hoverWrapper #hoverShow1{
    font-size: 10px;
  }
  .sec-two .col-md-5{
    width: 50%;
    padding: 0 !important;
  }
  .membr-img {
    width: 100px;
    height: 100px;
  }
  .membr-img-small{
    width: 79px;
    height: 77px;
    border: 5px solid black;
    margin: 38px 0px 0px 51px;
    border-radius: 50px;
  }
  .membr-img-small img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hoverWrapper:hover .membr-img {
    width: 80px;
    height: 80px;
  }
  .main-logo {
    width: 90%;
  }
  .btn-g {
    top: -9%;
  }
  .footer-bottom .col-md-3{
    z-index: 9;
    width: 50%;
    padding: 0px !important;
  }
  .footer-bottom .col-md-2{
    z-index: 9;
  }
  .footer-last span{
    font-size: 10px;
    padding: 3px 4px;
  }
  .footer-last h5 {
    padding: 10px 0 0 0;
    color: #fff;
  }
  .footer-icon7{
    top: 120px;
  }
  .footer-icon5 {
    right: 256px;
    top: 165px;
  }
  .footer-icon1 {
    left: -33px;
    top: -60px;
  }
  .footer-icon2 {
    width: 150px;
    left: 292px;
    top: -60px;
  }
}
@media (min-width: 380px) and (max-width: 440px) {
  .smc, .text-s {
    display: none;
  }
  .icon-skip-to-main {
    display: block;
  }
  .top-info ul{
    justify-content: center !important;
  }
  /* .header-btn, .azadi-logo{
    display: none !important;
  } */
  .header-btn{
    display: block !important;
    width: 100%;
    text-align: -webkit-center;
  }
  #hero {
    height: 17vh;
  }
  .audio-video-sec .col-md-6{
    width: 100%;
  }
  .footer-logo .col-md-1 {
    width: 50%;
    margin: 5px 0;
  }
  .membr {
    /* height: 185px; */
    height: auto;
  }
  .hoverWrapper #hoverShow1{
    font-size: 10px;
  }
  .sec-two .col-md-5{
    width: 50%;
    padding: 0 !important;
  }
  .membr-img {
    width: 100px;
    height: 100px;
  }
  .membr-img-small{
    width: 80px;
    height: 80px;
  }
  .membr-img-small {
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid #000;
    margin: 34px 0px 0px 60px;
    transition: all .8s;
  }
  .hoverWrapper:hover .membr-img {
    width: 80px;
    height: 80px;
  }
  .main-logo {
    width: 90%;
  }
  .btn-g {
    top: 5%;
  }
  .footer-bottom .col-md-3{
    z-index: 9;
    width: 50%;
    padding: 0px !important;
  }
  .footer-bottom .col-md-2{
    z-index: 9;
  }
  .footer-last span{
    font-size: 10px;
    padding: 3px 4px;
  }
  .footer-last h5 {
    padding: 10px 0 0 0;
    color: #fff;
  }
  .footer-icon7{
    top: 120px;
  }
  .footer-icon5 {
    right: 256px;
    top: 165px;
  }
  .footer-icon1 {
    left: -33px;
    top: -60px;
  }
  .footer-icon2 {
    width: 150px;
    left: 292px;
    top: -60px;
  }
}
@media screen and (max-width:320px) {
  #hero {
    height: 18vh;
  }
  .btn-g .btn {
    width: 25px;
    height: 25px;
    margin: 2px 0;
    font-size: 13px;
}
.btn-g
{
  top:-7%;
}
.membr-img-small{
  width: 80px;
  height: 80px;
}
.membr-img-small {
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid #000;
  margin: 34px 0px 0px 31px;
  transition: all .8s;
}
}
@media (min-width: 440) and (max-width: 512px) {
  #hero {
    height: 18vh;
  } 
}