@media (min-width: 1600px){
    .block-header-serv{
        width: 800px;
    }
}
@media (max-width: 1200px){
    .tbm-item.level-1{
        margin-right: 15px;
    }
    .search-border{
        margin-left: 25px;
    }
    .menu-search{
        padding-left: 20px;
        margin-left: 15px;
    }
    .container{
        width:92% !important;
        margin: 0 auto;
        padding: 0px !important;
    }
    .level-1.open .tbm-row > .tbm-column{
        width: 96%;
        margin: 0 auto;
        padding: 20px 0 60px 0;
    }
    .quotes-back {
        .container {
            width: 100%;
        }
        .mySwiper-quotes .project-arrows{
            margin-right: 0;
            height: 30px;
        }
    }
    .container-doc{
        width: 98%;
    }
    .sub-categories .sub-serv-right {
        padding: 15px 15px 0 15px;
    }
    .sub-serv-right .views-more-arrow{
        left: 15px;
    }
    .projects-page-more .sub-serv-right .views-more-arrow{
        left: 0px;
        position: relative !important;
        display: inline-flex !important;
        margin-bottom: 10px !important;
        margin-top: 10px;
    }
    .director-title {
        font-size: 16px;
        line-height: 22px;
    }
    .round-more a {
        padding: 7px 10px;
    }
    .procurers .swiper{
       width: 100%;
    }
    .procurers .project-arrows{
        margin-right: 10px;
    }
    .procurers-fold5 .views-field-field-desciption-fold5 {
        left: 30px;
        top: 50%;
        transform: translate(0%, -50%);
    }
    .b1-img .views-field-field-background img {
        max-height: 585px;
        width: 100%;
        object-fit: cover;
    }
    .serv-date{
        margin-bottom: 0px;
    }
    .serv-title a{
        font-size: 14px;
        line-height: 22px;
    }
    .views-more-arrow a:before{
        padding: 15px;
    }
    .views-services-content > div {
        width: -moz-calc(33% - 28px);
        width: -webkit-calc(33% - 28px);
        width: -o-calc(33% - 28px);
        width: calc(33% - 28px);
    }
}
@media (max-width: 1090px){
.tbm-item.level-1 {
    margin-right: 8px;
}
.projects-right .views-row {
    .views-field-nothing {
        padding: 15px;
    }
}
.projects-left .views-row {
    .views-field-nothing {
        padding: 15px;
    }
.views-projects-content .projects-left .views-field-title{
    padding:0px 30px 35px 0px;
    margin-bottom: 15px;
}
.projects-left .views-field-view-node {
    position:relative;
    bottom: 50px;
    margin-bottom: 35px;
}
.back-gray .container,
footer .container-fluid .container{
    width: 96% !important;
}
footer .container-fluid{
    padding-left: 0px;
    padding-right: 0px;
}
.views-services-content{
    margin-right: 0px;
}
.trainings-list-content{
    margin-right:0px;
}
.elearning-title {
    font-size: 30px;
    line-height: 32px;
}
.elearning-desc1 {
    font-size: 28px;
    line-height: 32px;
}
.views-more-arrow {
    position: inherit;
    bottom: inherit;
    right: inherit;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 20px;
}
.policy-b .views-field-nothing {
    .views-more-arrow {
       bottom:0px !important;
    }
}
.views-more-arrow a:before {
    position: inherit;
    bottom: 0px;
}
.topic-projects .views-more-arrow a:before {
    bottom: 20px;
}
.trainings-list-content .sdetails {
    .serv-title {
        width: 100%;
    }
}
.content3_tab .views-field-nothing {
    font-size: 16px;
    line-height: 22px;
}
.tab-pane .views-field-name .field-content .pub-tit, .topicb .views-field-name {
    font-size: 32px;
    line-height: 36px;
}
}
@media (max-width: 1024px){
.scrolltab{
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: -o-calc(100% - 100px);
    width: calc(100% - 100px);
    display: flex;
    max-width: 1024px;
    overflow-x: scroll;
}
.scrolltab2{
    width: 100%;
    display: flex;
    max-width: 1024px;
    overflow-x: scroll;
}
.scrolltab li {
    padding-bottom: 25px;
}
#myTab .scrolltab>li.active>a,
#myTab .scrolltab>li.active>a:hover,
#myTab .scrolltab>li.active>a:focus,
#myTab a {
    white-space: nowrap;
}

.scrolltab1{
    width: 100%;
    display: flex;
    max-width: 1024px;
    overflow-x: scroll;
}
.scrolltab1 li {
    padding-bottom: 25px;
}
#myTab .scrolltab1>li.active>a,
#myTab .scrolltab1>li.active>a:hover,
#myTab .scrolltab1>li.active>a:focus,
#myTab a {
    white-space: nowrap;
}

#myTab a {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
}
.bg-blackfoot .container{
    width: 100% !important;
}
.projectsect .views-field-name,
.bidsect .views-field-tit{
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 40px;
}
}
@media (max-width: 1023.9px){
    .flag{
        display: none;
    }
    .directors-consulting .popup-content {
        width: 90%;
    }
    .search-border{
        display: none;
    }
    .open-search{
        font-size: 0px;
    }
    .menu-search{
        position: absolute;
        right: 13px;
        top: 0px;
    }
    .tbm-button-container span{
        display: none;
    }
    .mega-menu{
        top: 30px;
        position: absolute;
        margin-left: 0px;
        width: 96%;
        .tbm-button{
            background-color: inherit;
            font-size: 0px;
            border:none;
            position: relative;
        }
        .tbm-button:after{
            width: 24px;
            height: 24px;
            content: "";
            position: absolute;
            top:0px;
            left: 0px;
            background-image: url("../img/menu-nav-resp.svg");
            background-repeat: no-repeat;
        }
    }
    .navbar-brand {
        float: none !important;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
        align-items: center;
        display: flex;
        vertical-align: middle;
        text-align: center;
        width: 100px;
        margin: 15px auto;
        z-index: 99;
        position: relative;
    }
    .tbm-main-menu .tbm-item {
        padding-top: 4px;
        padding-left: 20px;
    }
    .tbm-main-menu .level-2{
        padding-left: 0px;
    }
    .tbm-item.level-1.open>.tbm-submenu{
        margin-top: 0px;
    }
    .tbm-link.level-1:hover, .tbm-link.level-1:focus {
        background-color: inherit;
        opacity: 0.5;
    }
    .menu-services.open>.tbm-submenu .level-1 li{
        float: left;
        width: 96%;
        border: none;
    }
    .menu-topics.open>.tbm-submenu .level-1 li {
        float: left;
        width: 96%;
        border: none;
    }
    .tbm-item.open .tbm-row {
        position: relative;
        left: 0px;
        width: 100%;
        background: inherit;
    }
    .tbm-submenu{
        background-color: inherit;
    }
    .level-1.open .tbm-row > .tbm-column {
        width: 100%;
        margin: 0 auto;
        padding: 0px;
    }
    .tbm-item.menu-services .tbm-group .tbm-row .tbm-column ul li {
        padding-top: 0px;
        padding-left: 10px;
    }
    .tbm-item.menu-about .tbm-column ul li {
        padding-top: 0px;
        padding-left: 10px;
        width: 100%;
        border:none;
    }
    .tbm-item.menu-resources .tbm-column ul li {
        padding-top: 0px;
        padding-left: 10px;
        width: 100%;
        border:none;
    }
    .tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
        display: block;
        overflow-y: scroll;
        max-height: 600px;
        top: 50px;
    }
    footer .col-md-5{
        width: 100%;
        margin-bottom: 50px;
    }
    footer .col-md-3,
    footer .col-md-4
    {
        width: 50%;
        padding-left: 0px;
    }
    .views-field-field-fold1-description {
        font-size: 34px;
        line-height: 38px;
    }
    .mySwiper-quotes .swiper-slide {
        background-color: var(--white);
        padding: 20px;
    }
    .quotes-desc {
        font-size: 24px;
        line-height: 30px;
    }
    .mySwiper-quotes .swiper-wrapper {
        padding-bottom: 60px;
    }
    .round-more{
        bottom: 10px;
    }
    .director-date{
        font-size: 14px;
    }
    .director-subtitle {
        font-size: 16px;
        line-height: 22px;
    }
    .tbm.tbm--mobile .tbm-collapse{
        width: 96%;
    }
    .page-content .views-field-title {
        font-size: 32px;
        line-height: 36px;
    }
    .eventcal .views-field-title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .bid-details .bid-info .bid-title {
        font-size: 18px;
        line-height: 24px;
    }
    .notifications-white {
        .notif-title {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 20px;
        }
    }
    .doc-title {
        font-size: 16px;
        line-height: 22px;
    }
    .views-projects-content .views-field-title1 {
        margin-bottom: 70px;
    }
    #myTab>li.active>a, #myTab>li.active>a:hover, #myTab>li.active>a:focus,#myTab a {
        font-size:16px;
    }
    #myTab a {
        padding-left:25px;
        padding-right: 25px;
    }
    #myTab .dropdown-menu li a {
        font-size: 14px;
        padding: 10px 0;
    }
    .library-info .fold34{
        padding-left: 0px;
        .col-md-6{
            padding-top: 10px;
        }
    }
    .library-hours, .find-us, .contact-library {
        font-size: 16px;
        line-height: 22px;
    }
    .library-hours-desc {
        font-size: 16px;
        line-height: 22px;
    }
    .library-hours-desc a {
        font-size: 16px;
        line-height: 22px;
    }
}
@media (max-width: 992px){
    .slide-title{
        font-size: 32px;
        line-height: 38px;
    }
    .slide-smalltitle{
        font-size: 16px;
    }
    .slide-number{
        font-size: 12px;
    }
    #topBannerDotts .js-view-dom-id > div {
        width: 18.5%;
        margin-right: 1%;
    }
    .sub-categories .js-view-dom-id{
        margin-right: 0px;
    }
    .slide-name{
        font-size: 13px;
    }
    .views-services-content .js-view-dom-id {
        width: -moz-calc(33% - 14px);
        width: -webkit-calc(33% - 14px);
        width: -o-calc(33% - 14px);
        width: calc(33% - 14px);
    }
    .elearning-title{
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 50px;
    }
    .elearning-bl{
        padding-top: 40px;
    }
    .elearning-desc1 {
        font-size: 26px;
        line-height: 30px;
    }
    .elearning-desc2 {
        font-size: 16px;
        line-height: 22px;
    }
    .elearning-backg {
        padding-bottom: 30px;
        height: auto;
    }
    .testimonial-content {
        img {
            max-width: 100%;
            height: auto;
        }
    }
    .testimonial-content {
        h4 {
            font-size: 16px;
            line-height: 24px;
        }
    }
    .testimonial-content {
        .col-md-4 {
            padding: 20px;
        }
    }
    .cookiesjsr-banner {
        padding: 25px;
        width: 90%;
        left: 5%;
        right: 5%;
    }
    .cookiesjsr-banner--info{
        width: 100%;
    }
    .cookiesjsr-banner--action{
        width: 100%;
    }
    .cookiesjsr-banner .denyAll,
    .cookiesjsr-banner .allowAll{
        padding: 10px;
        font-size:12px;
    }
    .cookiesjsr-banner .denyAll{
        margin-right: 5px;
    }
    .cookiesjsr-banner{
        font-size: 16px;
        line-height: 21px;
    }
    .block-header-serv strong, .block-header-serv .views-field-title{
        font-size: 33px;
        line-height: 38px;
        max-width: 400px;
    }
    .pub-tag-name {
        font-size: 16px;
        line-height: 24px;
    }
    .block-header-serv{
        font-size: 16px;
        line-height: 22px;
        width: 500px;
    }
    .popup-link .views-field-nothing {
        .card-title {
            font-size: 30px;
            line-height: 34px;
        }
    }
    .popup-link .views-field-nothing {
        .card-subtitle1 {
            font-size: 18px;
            line-height: 24px;
        }
    }
    .popup-link .views-field-nothing {
        .card-subtitle2 {
            font-size: 16px;
            line-height: 22px;
        }
    }
    .partners-background .views-row {
        width: -moz-calc(33.3% - 14px);
        width: -webkit-calc(33.3% - 14px);
        width: -o-calc(33.3% - 14px);
        width: calc(33.3% - 14px);
    }
    .timeline .containerm .content {
        padding: 25px !important;
    }
    .quotede:after {
        top: 190px;
    }
    .quotes-desc {
        font-size: 20px;
        line-height: 26px;
    }
    .our-team .views-row {
        width: -moz-calc(50% - 6px);
        width: -webkit-calc(50% - 6px);
        width: -o-calc(50% - 6px);
        width: calc(50% - 6px);
    }
    .form-info-left {
        width: -moz-calc(50% - 40px);
        width: -webkit-calc(50% - 40px);
        width: -o-calc(50% - 40px);
        width: calc(50% - 40px);
        padding-right: 40px;
    }
    .form-info-right {
        padding-left: 40px;
        width: 50%;
    }
    .block1-title {
        font-size: 36px;
        line-height: 42px;
    }
    .details-content{
        width:100%;
        margin-right: 0px;
    }
    .serv-left-block .views-field-field-services-main-title a {
        font-size: 21px;
        line-height: 26px;
    }
    .views-services-content{
        gap: 20px;
    }
    .kpis-number {
        font-size: 55px;
        line-height: 65px;
    }
    .kpis-title {
        font-size: 18px;
        line-height: 22px;
    }
    .kpis-desc {
        font-size: 16px;
        line-height: 22px;
    }
    .sdetails, .sdetails1, .sdetails2{
        padding: 0 15px 0 15px;
    }
    .trainings-list-content {
        gap: 10px;
    }
    .trainings-list-content {
        .col-md-4 {
            width: -moz-calc(33% - 6px);
            width: -webkit-calc(33% - 6px);
            width: -o-calc(33% - 6px);
            width: calc(33% - 6px);
        }
    }
    .trainings-list-content .sdetails {
        .serv-title {
            width: 75%;
        }
    }
    .training-left {
        font-size: 65px;
        line-height: 75px;
    }
    .topic-trainings .views-field-view-node a:before{
        padding: 20px;
    }
    .topic-trainings .views-field-title {
        font-size: 15px;
        line-height: 20px;
        padding-right: 0px;
        margin-top: 10px;
        margin-bottom: 70px;
    }
    .content3_tab .views-field-body{
        padding: 15px;
    }
    .media-videotab .views-field-field-video-tag{
        margin-left: 15px;
    }
    .details-content-right{
        width: 80%;
    }
    .b1-img .pub-backg {
        width: 45%;
        img{
            width: 100%;
            height: auto;
        }
    }
    .searchpage .col-md-9{
        width: 100%;
        order: 2;
    }
    .searchpage .col-md-3{
        width: 100%; 
        order:1;
    }
    #orderle {
        margin-top: 40px;
        margin-bottom: 25px;
    }
    .searchpage .views-field-title{
        padding-top: 40px !important
    }
    .searchpage .views-row{
        width: 100%;
    }
    .sub-serv-title {
        font-size: 18px;
        line-height: 24px;
    }
}
@media (max-width: 768px){
    .block-header-serv strong, .block-header-serv .views-field-title {
        font-size: 30px;
        line-height: 34px;
        max-width: 330px;
    }
    .projects-left .views-field-view-node a:before{
        left:0px;
    }
    .sub-categories .views-row{
        width: 100%;
    }
    .sub-categories .views-row-pub .serv-title{
        margin-bottom: 10px;
    }
    .round-more {
        bottom: 30px;
    }
    .deputy-director-back .views-field-title {
        margin-top: 0px;
    }
    .about-next .next-title, .about-prev .next-title {
        font-size: 17px !important;
        line-height: 24px !important;
    }
    .our-team .views-row {
        width: 100%;
    }
    .partners-block .views-row {
        width: -moz-calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
        width: -o-calc(50% - 30px);
        width: calc(50% - 30px);
    }
    .sub-categories .views-row {
        width: 100%;
    }
    .servicescons .views-more-arrow {
         bottom: 0px;
    }
    .views-more-arrow a:before{
        padding: 20px;
    }
    .serv-title a {
        font-size: 16px;
        line-height: 24px;
    }
    .project-block .col-md-6{
        width: 100%;
        margin: 0px;
    }
    .projects-left .views-row {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        position: relative;
    }

    .projects-left .views-field-field-background{
        width:100%;
        img{
            width: 100%;
            height: auto;
        }
    }
    .projects-right .views-field-field-background{
        width:100%;
        img{
            width: 100%;
            height: auto;
        }
    }
    .views-projects-content .projects-right .views-field-title,
    .views-projects-content .projects-left .views-field-title {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        padding: 0px;
    }
    .views-projects-content .views-field-nothing{
        width: 100%;
        padding: 15px;
        position: relative;
    }
    .views-projects-content .projects-right{
        margin-top: 20px;
    }
    .views-projects-content .projects-left .views-field-field-date {
        padding: 0px;
    }
    .views-services-content > div {
        width: 100%;
    }
    .trainings-list-content {
        .col-md-4 {
            width: -moz-calc(50% - 6px);
            width: -webkit-calc(50% - 6px);
            width: -o-calc(50% - 6px);
            width: calc(50% - 6px);
        }
    }
    .swiper-slide-body {
        font-size: 13px;
        line-height: 20px;
    }
    .topic-data .js-view-dom-id .views-row{
        width: -moz-calc(50% - 16px);
        width: -webkit-calc(50% - 16px);
        width: -o-calc(50% - 16px);
        width: calc(50% - 16px);
    }
    .sub-categories .views-row-pub{
        width: -moz-calc(50% - 23px);
        width: -webkit-calc(50% - 23px);
        width: -o-calc(50% - 23px);
        width: calc(50% - 23px);
    }
    .topic-trainings .js-view-dom-id .views-row{
        width: -moz-calc(50% - 16px);
        width: -webkit-calc(50% - 16px);
        width: -o-calc(50% - 16px);
        width: calc(50% - 16px);
    }
    .content3_tab .js-view-dom-id .views-row {
        width: -moz-calc(50% - 24px);
        width: -webkit-calc(50% - 24px);
        width: -o-calc(50% - 24px);
        width: calc(50% - 24px);
    }
    .elearning-bl-blog .blog-title1 {
        font-size: 26px;
    }
    .elearning-bl-blog .blog-desc1 {
        font-size: 16px;
        line-height: 24px;
    }
    .search-title a {
        font-size: 24px;
        line-height: 30px;
    }
    input[value="Apply Filters"]{
        margin-right: 15px;
    }
}
@media (max-width: 767.9px){
    .b1-img .pub-backg {
        width: 30%;
        img{
            width: 100%;
            height: auto !important;
        }
    }
    .notifications-white{
        .js-view-dom-id > div {
            width: -moz-calc(50% - 26px);
            width: -webkit-calc(50% - 26px);
            width: -o-calc(50% - 26px);
            width: calc(50% - 26px);
        }
   }
    #block-iof-moresites > ul > li {
        width: 98%;
    }
    footer .col-md-5{
        margin-bottom: 20px;
        padding-left: 0px;
    }
    footer .col-md-3,
    footer .col-md-4
    {
        width: 100%;
        justify-content: left;
        margin-top: 40px;
    }
    .footer-lev2 .col-md-6{
        justify-content: center;
        display: flex;
        margin-bottom: 20px;
    }
    .footersocial{
        padding-left: 0px;
    }
    footer .col-md-3 .col-md-6{
        padding-left: 0px;
    }
    .testimonial-content .col-md-4 {
            width: 49%;
    }
    .serv-left-block .views-field-field-services-main-title a {
        font-size: 21px;
        line-height: 25px;
    }
    .serv-left-block .views-field-field-services-main-small-descri{
        font-size: 13px;
    }
    .views-services-content .js-view-dom-id {
        width: 100%;
    }
    #ui-datepicker-div{
        width: 100% !important;
    }
    .eventcal .js-view-dom-id {
        width: 100%;
        margin-top: 355px;
    }
    .slide-title {
        font-size: 24px;
        line-height: 26px;
    }
    .block-header-serv{
        max-width: 100%;
        padding:30px 20px;
        bottom:0px !important;
    }
    #topBannerDotts .js-view-dom-id > div {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0px;
    }
    .header-logo{
        width: 100%;
        height: auto;
    }
    .navbar-brand{
        padding: 0px !important;
    }
    .b1-img .views-field-field-background img {
        height: 500px;
        width: 100%;
        object-fit: cover;
    }
    .page-content .views-field-title {
        font-size: 28px;
        line-height: 34px;
    }
    .eventcal .views-field-title {
        font-size: 16px;
        line-height: 22px;
        padding-right: 0px;
    }
    .popup-link .views-field-nothing{
        padding: 30px 25px;
    }
    .aboutus-goals {
        padding: 70px 0;
    }
    .popup-link .views-field-nothing{
        width:100%;
    }
    .col-lg-6p{
        width: 100%;
        .position-absolute{
            position: relative;
        }
    }
    .container.about .views-row:nth-child(odd) .about-text{
        padding-bottom: 0px;
        padding-left: 0px;
        padding-top: 0;
    }
    .about-text .mb-5{
        margin-bottom: 0px;
    }
    .timeline .views-row .containerm {
        padding: 0 50px 0px 0px;
    }
    .timeline .containerm::before {
        width: 50px;
    }
    .timeline .views-row:nth-child(even) .containerm.left .content {
        padding: 44px 58px;
        margin-left: 50px;
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
        width: -o-calc(100% - 50px);
        width: calc(100% - 50px);
      }
      .views-field-field-fold1-description {
        font-size: 26px;
        line-height: 30px;
    }
    .round-more {
        margin-top: 45px;
        position: relative;
    }
    .bid-content .js-view-dom-id > div{
        width: 100%;
    }
    .iofnews-background {
        .views-row {
            width: 100%;
        }
    }
    .form-info-left .views-field-title h1 {
        font-size: 30px;
        line-height: 34px;
    }
    .form-info-left .views-field-title h4{
        font-size: 18px;
    }
    .form-info-left .views-field-body {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 50px;
    }
    .form-info-left{
        width: 100%;
        padding-left: 30px;
    }
    .form-info-right{
        width: 100%;
        padding-right: 30px;
    }
    .back-gray-white{
        background: inherit;
    }
    .form-details .container {
        width: 100% !important;
    }
    .form-info-right .js-form-type-managed-file input{
        width: 100%;
    }
    .views-projects-content{
        margin-right:0px;
    }
    .partners-background .js-view-dom-id{
        margin-right: 0;
    }
    .iofnews-background {
        .js-view-dom-id {
            margin-right: 0;
        }
    }
    .orange-back .views-field-body{
        max-width: 100%;
    }
    .contact-des{
        width: 100%;
        margin-bottom: 10px;
    }
    .orange-back .views-field-body {
        font-size: 28px;
        line-height: 34px;
    }
    .eventcal .swiper-slide{
        height: fit-content;
    }
    .eventcal .views-field-view-node {
        position: relative;
        bottom: 0px;
        right: inherit;
        left: 0;
    }
    .eventcal .views-field-view-node a:before{
        position: inherit;
        bottom: inherit;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .related-insights-back .views-services-content{
        width: -moz-calc(50% - 35px);
        width: -webkit-calc(50% - 35px);
        width: -o-calc(50% - 35px);
        width: calc(50% - 35px);
        margin-bottom: 30px;
    }
    .gray-back-tabs .views-field-title{
        padding-top: 20px !important;
    }
    .grayback:first-child{
        padding: 20px 20px 15px 20px;
    }
    .grayback:last-child{
        padding: 20px 20px 15px 20px;
    }
    .bid-info > div div:first-child{
        font-size: 18px;
    }
    .bid-info > div div:last-child {
        font-size: 16px;
        line-height: 22px;
    }
    .searchpage .views-field-nothing{
        padding: 20px;
    }
    .quote-back {
        width: 50%;
    }
    .quotes-description {
        width: 80%;
        margin-left: -35%;
    }
    .popup-content{
        padding: 20px;
        width: 70%;
    }
    .popup-about {
        .pop-title {
            font-size: 20px;
            line-height: 23px;
        }
    }
    .pop-desc p {
        font-size: 12px;
        line-height: 19px;
    }
    .popup-container h3{
        font-size: 20px;
    }
   .tabs__radio:checked + .tabs__label{
        font-size: 13px;
    }
}
@media (max-width: 640px){
    .projects-4 .js-view-dom-id{
        margin-right: 0px;
    }
    .projects-left .views-row {
        width: 100%;
    }
    .projects-right .views-row {
        width: 100%;
    }
    .views-services-content > div {
        width:100%;
        margin-bottom: 30px;
    }
    .trainings-list-content {
        .col-md-4 {
            width: 100%;
        }
    }
    .tabs-pro .tabs__label{
        padding: 25px 10px;
        font-size: 13px;
    }
    .filter-video:after{
        right: 40px;
    }
    .filter-video{
        width: 72px;
        font-size: 13px;
        padding-left: 35px;
    }
    .related-insights-back .views-services-content{
        width: 100%;
        margin-right: 0px;
    }
    .serv-body{
        margin-bottom: 20px !important;
    }
    .insight-sectname{
        padding-bottom: 20px;
    }
    .gallery-legal .gallery-arrows{
        width:105px;
    }
    .quotes-desc {
        font-size: 17px;
        line-height: 22px;
    }
}
@media (max-width: 500px){
    .testimonial-content .col-md-4{
        width:98%;
    }
    .views-field-field-overview-title:after, .projectsect .views-field-name:after, .tab-pane .views-field-name .field-content .pub-tit:after, .topicb .views-field-name:after, .bidsect .views-field-tit:after{
        top: inherit;
        bottom: -8px;
        padding-top: 10px;
    }

    .container.about .views-row:nth-child(even) .about-text{
        padding-top: 10px;
    }
    .program-sect {
        padding-bottom: 20px;
    }
    .trainings-list-content .col-md-4{
            width: 98%;
            margin-bottom: 30px;
    }
    .trainings-list-content{
        gap:0px !important;
        margin-right: 0px !important;
    }
    .elearning-title,
    .elearning-desc1{
        max-width: 100%;
    }
    .sub-categories-direct .views-row {
         margin-bottom: 20px;
    }
    .partners-background .views-row {
        width: -moz-calc(50% - 14px);
        width: -webkit-calc(50% - 14px);
        width: -o-calc(50% - 14px);
        width: calc(50% - 14px);
    }
    .partners-background .views-row .views-field-name{
        width: auto;
    }
    .timeline .views-row .containerm {
        padding: 0 20px 0px 0px;
    }
    .elearning, .budget-data {
        padding-right: 20px;
    }
    .timeline .containerm::before {
        width: 20px;
    }
    .timeline .views-row:nth-child(even) .containerm.left .content {
        padding: 44px 58px;
        margin-left: 20px;
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -o-calc(100% - 20px);
        width: calc(100% - 20px);
      }
      .timeline .containerm .content {
        padding: 15px !important;
    }
    .about-text h6 {
        font-size: 25px;
        line-height: 40px;
    }
    .mil-desc h3{
        font-size: 18px;
    }
    .timeline .containerm .content p {
        font-size: 14px;
        line-height: 20px;
    }
    .timeline .mil-year {
        font-size: 30px;
        line-height: 40px;
    }
    .timeline::before {
        left: 48%;
        height: 100.4%;
    }
    .about-next .next-title, .about-prev .next-title {
        font-size: 21px;
        line-height: 26px;
    }
    .quotede {
        padding: 40px 20px;
    }
    .views-field-field-fold1-description {
        font-size: 18px;
        line-height: 25px;
    }
    .quotede:after {
        right: -123px;
        top: 155px;
        background-size: 50%;
    }
    .quotede:before {
        background-size: 50%;
        top: -65px;
    }
    .deputy-director-back .sub-serv-left,
    .deputy-director-back .sub-serv-right{
        width: 100%;
    }
    .procur-opport .views-field-body {
        font-size: 16px;
        line-height: 22px;
    }
    .block-header-serv strong, .block-header-serv .views-field-title {
        font-size: 26px;
        line-height: 28px;
    }
    .tabs__label {
        padding: 25px 20px;
        font-size: 16px;
    }
    .type-Active {
        .bid-details .bid-date .bid-date-month {
            font-size: 70px;
            line-height: 78px;
        }
        .bid-details .bid-date .bid-date-year {
            font-size: 16px;
            line-height: 22px;
        }
    }
    .bid-details .bid-info .bid-title {
        font-size: 16px;
        line-height: 22px;
    }
    .bid-details .bid-more {
        margin-top: 0px;
    }
    .notifications-white {
        overflow:hidden;
        padding-top: 0px;
        .js-view-dom-id > div {
            width: 92%;
        }
    }
    .procurement-body {
        font-size: 28px;
        line-height: 31px;
    }
    .procurers-fold5 .views-field-field-desciption-fold5{
        left: 15px;
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -o-calc(100% - 20px);
        width: calc(100% - 20px);
    }
    .partners-block .views-row {
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: -o-calc(100% - 30px);
        width: calc(100% - 30px);
    }
    .partners-block .views-row .views-field-field-cover-partners {
        height: auto;
        padding-bottom: 20px;
    }
    .serv-date{
        float: left;
        width: 100%;
    }
    .serv-title {
        width: 100% !important;
        display: inline-block;
    }
    .back-gray .container, footer .container-fluid .container {
        width: 92% !important;
    }
    .related-insights-back .views-services-content{
        width: 100%;
    }
    .sdetails .views-more-arrow {
        position: relative;
        bottom: 0px;
        right: inherit;
        width: 100%;
        display: inline-block;
    }
    .sdetails .views-more-arrow a:before{
        position: inherit;
        bottom: inherit;
    }
    .sub-categories .js-view-dom-id {
        gap: 23px;
        margin-right: 0;
    }
    .topic-data .js-view-dom-id .views-row,
    .content3_tab .js-view-dom-id .views-row,
    .sub-categories .views-row-pub,
    .topic-trainings .js-view-dom-id .views-row{
        width: 100%;
        margin-bottom: 20px;
    }
    .content3_tab .js-view-dom-id{
        margin-right: 0px;
    }
    .media-section .views-field-title{
        top: 25%;
        font-size: 25px;
        line-height: 28px;
    }
    .details-content-right{
        width: 100%;
    }
    .views-field-field-description2 td{
        margin-top: 20px;
        display: inline-block;
        width: 100%;
    }
    .grayback:first-child {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
        width: 100%;
    }
    .grayback:last-child {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
        width: 100%;
    }
    .search-title a {
        font-size: 18px;
        line-height: 22px;
    }
    .blogsubscribe-modal {
        .webform-submission-form {
            padding-left: 10px;
            padding-right: 10px;
            width: 100%;
        }
    }
    .spb-popup-main-wrapper{
        width: 100% !important;
    }

    /* services-consulting page */
    .servicescons .sub-serv-title {
        margin-bottom: 85px;
    }
    .stay-inf{
        padding-left: 10px;
    }
    .stay-updates{
        padding-left: 10px;
    }
}
@media (max-width: 460px){
    #myTab{
        position: relative;
    }
    .nav-tabs>li{
        width: 40%;
    }
    #myTab .dropdown{
        width: 70px;
        position: absolute;
        right: 0px;
        bottom: 4px;
    }
    .check-prog .views-field-field-check-our-program a{
        padding:5px 10px;
        font-size: 12px;
    }
    .elearning-bl-blog {
        .webform-submission-form .js-form-type-email {
            width: 100%;
        }
    }
    .elearning-bl-blog {
        .webform-submission-form input[type="submit"] {
            margin-bottom: 60px;
        }
    }
    .webform-submission-form .webform-email-confirm--wrapper {
        width: 100% !important;
    }
    .newsletter-form {
        .webform-submission-form input[type="submit"] {
            margin-top: 0px;
        }
    }
    .node-pub-img .pub-backg{
        width: 75% !important;
    }
    .node-pub-img .views-field-field-background{
        z-index:0 !important;
    }
    .footer-lev2 .col-md-6{
        padding-right: 0px;
        padding-left: 0px;
    }
    .newsletter-form {
        .webform-submission-form input[type="submit"] {
            margin-left: 5px;
        }
    }
    .newsletter-form {
        .webform-submission-form input[type="email"] {
            max-width: 165px;
        }
    }
    .newsletter-form {
        .webform-submission-form input[type="submit"] {
            width: 82px;
        }
    }
    .webform-submission-form input[type="email"]::placeholder {
        font-size: 14px !important;
    }
    .projects-right .views-field-view-node a:before{
        bottom: 5px;
    }
    .projects-left .views-field-view-node {
        bottom: 40px;
    }
    .notifications-white {
    .js-view-dom-id > div {
        width: 100%;
        padding: 40px 0px;
    }
    }

    .temp-white {
    .js-view-dom-id > div {
        width: 100%;
        padding: 40px 0px;
    }
    }
}

@media (max-width: 400px){
    .flex-more{
        display: block;
    }
    .links-social2 .links-social{
        float: inherit;
    }
    .links-social2 {
        width: 100%;
        margin-top: -30px;
        margin-bottom: 30px;
    }
    .round-more{
        width: 100%;
    }
}