@media all and (min-width:1200px) {
   
       .container {
    width: 1240px;
    max-width: 100%;
} 
    
}

@media all and (max-width:1200px) {
    .nofiacion_img2 img {

    bottom: 68px;
}
    .gallery_offer img {
    top: -134px;
}
.new_offer_new img {
    top: -87px;
}
    .new_offer_new img {
    top: -112px;
}
.new_offer_new img {
    top: -87px;
}
    .manage_director{
        min-height: 340px;
    }
    .manage_director img{
        margin-bottom: 10px;
    }
    .download_sect{
        min-height: 280px;
    }
    .new_slider{
        width: 99%;
    }
    .navbar-light .navbar-nav .nav-link{
        font-size: 11px;
    }
    .navbar-toggleable-md .navbar-nav .nav-link{
        padding-left: 5px;
        padding-right: 5px;
    }
    .wrapper {
        max-width: 96%;
    }
    .ticker_back .latest{
        width: 11%;
    }
    .ticker_back .news{
        width: 88%;
    }
    .paperrelease{
        padding-left: 50px;
    }
    .Gallery .jumbotron h3 {
    font-size: 12px;
    padding-top: 5px;
    color: #000;
    padding-right: 10px;
    font-weight: 500;
    line-height: 18px;
}
.Gallery .jumbotron p {
    font-size: 11px;
    color: #666;
    padding-right: 10px;
    margin-bottom: 0;
}
}

@media all and (max-width: 1050px) {
    .banner .cyber-security h1 {
        font-size: 35px;
    }
    .banner .cyber-security p {
        font-size: 12px;
    }
}

@media all and (max-width: 1023px) {
      .new_slider{
        width: 57%;
    }


    }
@media all and (max-width: 992px) {
    .gallery_offer img {
    top: -111px;
}
    .new_slider {
    width: 77%;
}
      .ticker_back .latest{
        width: 15%;
    }
    .ticker_back .news{
        width: 81%;
    }
    .services h2{
        font-size: 13px;
    }
    .paperrelease {
    padding-left: 0px;
}
.navbar-light{
    top: -52px;
}
.our-project-slider .multiple-slider p{
        width: 77%;
    }
}
@media all and (max-width: 800px) {
    .banner .about-us p {
        font-size: 11px;
    }
    .banner .cyber-security p {
        font-size: 11px;
    }
}

@media all and (max-width: 767px) {
    .nofiacion_img img {
    bottom: 46px;
}

    .nofiacion_img2 img {
    bottom: 45px;
}
    .gallery_offer img {
    top: -87px;
}
    .new_offer_new img {
    top: -88px;
}
    .energy_res {
    text-align: center;
    padding-bottom: 30px;
}
    .new_slider {
    width: 99%;
}
    .our-project-slider .multiple-slider p{
        width: 77%;
    }
    .new_img {
    float: none;
    width: 100%;
    text-align: center;
}
.paperrelease {
    float: none;
    width: 100%;
    text-align: center;
 
}
.latest_media{
    padding-bottom: 10px;
}
.Gallery .jumbotron img{
    float: none;
}
      .services h2{
        font-size: 16px;
    }
    .ticker_back .news li a{
        font-size: 11px;
    }
    .ticker_back .latest p{
        font-size: 11px;
    }
       .ticker_back .latest{
        width: 20%;
    }
    .ticker_back .news{
        width: 80%;
    }


    .navbar-light{
        top: -55px;
        right: 0;
    }
    .header-bottom .pakistan .list-unstyled{
        float: none;
        padding-bottom:50px;
    }
    .header-bottom .mail-tender{
        padding: 0 0 0 0 !important;
    }
    .header-bottom .list-inline{
        float: none;
    }
    .mail-tender{
        text-align: center;
    }
    .header-bottom .ntdc-logo img{
        float: none;
    }
    .new_logo{
        text-align: center;
    }
    .world-grow{
        text-align: center;
    }
    .sit-map-list{
        text-align: center;
    }
    .bkground ul{
        float: none;
    }
   .r-tabs .r-tabs-nav {
    display: none;
}
.r-tabs .r-tabs-accordion-title {
    display: block;
}
.banner .cyber-security button {
    padding: 7px 15px;
    font-size: 12px;
}
.banner .cyber-security h1 {
    font-size: 22px;
}
}
@media (max-width: 780px){
    .contcct_us h2{
        padding-top: 25px;
    }
    .ntdc_img{
        text-align: center;
    }
    .tendrs_notice{
        text-align: left;
    }
.top_slid .parah p {
    line-height: 18px;
    font-size: 12px;
    margin-bottom: 0;
}
.top_slid .parah .button button {
    min-width: 90px;
    padding: 2px 0;
    font-size: 12px;
}
.top_slid h3 {
    padding-top: 15px;
    font-size: 21px;
    padding-top: 0;
}
}
@media all and (max-width: 767px) {
    .download_sect {
    min-height: 230px;
}
    .Blog-back .col-sm-6 img,
    .Event_right {
        float: none;
        width: 100%;
        text-align: center;
    }
    .Blog-back .col-sm-6 img {
        width: auto;
        display: block;
        margin: 0 auto;
    }
    .our-project-slider .multiple-slider p{
        font-size: 11px;
        bottom: 30px;
    }
}
@media all and (max-width: 600px) {
.top_slid img{
    height:300px;
}
}

@media all and (max-width: 575px) {
    .bkground ul li a{
        padding-left: 5px;
    }
    .container-img {
        text-align: center;
        margin-bottom: 15px;
    }
    .left_title {
        margin-bottom: 15px;
    }
    .Blog-back {
        padding-top: 20px;
    }
    .section {
        padding-top: 20px;
    }
    .course {
        padding-bottom: 10px;
    }
    .logo-icons {
        float: none;
        text-align: center;
    }
}
@media all and (max-width: 464px) {
    .new_slider {
    width: 80%;
}
.about_ntdc p{
    font-size: 18px;
    }
    .text-uppercase{
        font-size: 13px;
    }
}
@media all and (max-width: 460px) {
      .ticker_back .news li a{
        font-size: 10px;
    }
    .ticker_back .latest p{
        font-size: 10px;
    }
       .ticker_back .latest{
        width: 28%;
    }
    .ticker_back .news{
        width: 72%;
    }
    .top_slid .parah{
        top: 38%;
    }
    .top_slid .parah p{
        width: 72%;
    }
    }
    @media all and (max-width: 457px) {
        .new_slider{
            width: 87%;
        }
    }
 @media all and (max-width: 415px) {
        .new_slider{
            width: 94%;
        }
    }
    @media (max-width: 394px){
.gallery_offer img {
    top: -110px;
}
}
@media all and (max-width: 375px) {
       .new_slider {
    width: 99%;
}
    .last .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .last p {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .last span {
        float: none;
    }
    .bkground ul li a{
        padding-left: 0;
    }
    .header-bottom .mail-tender {
    padding: 0 10px 0 10px!important;
}
.mail-tender span {
    color: #000000;
    font-size: 11px;
    vertical-align: text-top;
}
  .our-project-slider .multiple-slider p{
        font-size: 11px;
        bottom: 70px;
        width: 100%;
    }

}
@media all and (max-width: 321px) {
    .new_offer img {
    top: -71px;
}
    .new_offer2 img {
    top: -96px;
}
    }