@media only screen and ( min-width: 320px) and ( max-width:575px ) {
#top_logos ul li img {width: auto;height: 16px;}

#top_logos ul li{margin-right:10px;margin-left:10px;}

#top_logos ul li:last-child{margin-left:30px;}

#top_logos ul li:last-child:before {
top: 5px; left: -20px; height: 20px;
}
#top_logos ul li:last-child img{ height:10px;}
.demo_all ul li {
    width: 100%;
}
.info_sm {
    display: flex;
    align-items: center;
}
.carousel-item .row{ margin-right: 0px;}

.carousel-item .row .col-sm-12{ padding-right:0px;}
.upcoming_date {
    font-size: 20px;
}

.upcoming_date span {
    font-size: 48px;
}
#top_logos ul{
    justify-content: space-between;
}
}


@media only screen and ( min-width: 576px) and ( max-width:767px ) {
.demo_all ul li {
    width: 50%;
}

#top_logos ul li img {width: auto;height: 25px;}

#top_logos ul li{margin-right:10px;margin-left:10px;}
#top_logos ul li:last-child{margin-left:27px;}

#top_logos ul li:last-child:before {
    top: 0px;
    left: -20px; height:100%;
}
#top_logos ul li:last-child img{ height:30px;}
}

@media only screen and ( min-width: 768px) and ( max-width:991px ) {
.demo_all ul li {
    width: 50%;
}
#top_logos ul li img {width: auto;height: 32px;}

#top_logos ul li{margin-right:10px;margin-left:10px;}
#top_logos ul li:last-child{margin-left:27px;}

#top_logos ul li:last-child:before {
    top: 0px;
    left: -20px; height:100%;
}
#top_logos ul li:last-child img{ height:30px;}
}

@media only screen and ( min-width: 992px) and ( max-width:1199px ) {
.demo_all ul li {
    width: 33.33%;
}
#top_logos ul li img {width: auto;height: 46px;}

#top_logos ul li{margin-right:10px;margin-left:10px;}
#top_logos ul li:last-child{margin-left:27px;}

#top_logos ul li:last-child:before {
    top: 0px;
    left: -20px; height:100%;
}
#top_logos ul li:last-child img{ height:30px;}
}


@media all and (max-width: 991px) {
#video.owl-carousel button.owl-dot.active {
    width: 14%;
}

#video.owl-carousel button.owl-dot {
    width: 14%;
}

.news_all ul li:nth-child(3n-7) {
    margin-top: 0px;
}
.news_all ul li {
    padding-bottom: 30px;
}
}

@media all and (max-width: 450px) {
.navbar-brand {
    margin-right: 15px;
}
.top_height {
    height: 90px;
}
.apply_img img{ width:100%;}
}

@media (max-width:767px) {
H2 {
    font-size: 24px; margin-bottom: 24px; padding-left: 0px;
}
H3 {
    font-size: 22px;
}

H2::before {
    content: "";
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
}
#top_logos {
    padding-top: 4px;
    padding-bottom: 4px;
}
.navbar-expand-xl{ padding-top:12px; padding-bottom:12px;}

.banner {
    height: 715px;
    padding-top: 0px;
}
.carousel {
    height: 800px!important;
}
.banner_bg {
    height: 715px;
}
.carousel-inner {
    height: 715px;
}

.carousel-caption {
padding: 16px; margin-bottom:34px;
}

.carousel-caption span {
    font-size: 14px;
    padding-bottom: 16px;
}

.carousel-caption h1 {
    font-size:24px;
    margin-bottom: 20px;
}

.carousel-caption h2 {
    font-size:24px;
    margin-bottom: 20px;
}

.carousel-caption p {
    font-size: 14px; margin-bottom: 20px;
}
.banner_img {
        margin-top: 0px;
        margin-right: 0px;
        height: auto;
    }
.banner .container{
    padding-left: 0px;
    padding-right: 0px;
}
.fixed-top-bg{ padding-top:22px!important;}
.ban_btns {
    bottom: -65px;
}
.carousel-indicators{ display:none;}
.carousel-control-prev-icon, .carousel-control-pause-icon, .carousel-control-play-icon, .carousel-control-next-icon {
    width: 50px;
    height: 50px;
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
}
.carousel-control-prev {right: 60px!important; left:auto; }
.carousel-control-next {right: 0px!important; left:auto;}
.carousel-control-play {left: 0;}

.carousel-control-play-icon {
	background-size:49px 49px;
}

.carousel-control-prev-icon {
background-size:49px 49px;
}

.carousel-control-pause-icon {
background-size: 49px 49px;
}
	
.carousel-control-next-icon {
background-size:49px 49px;
}

.bot_left {
    margin-top: 0px;
    margin-left: 0px;
    padding: 30px;
}

.bot_nav {

    margin-bottom: 15px;
    margin-top: 20px;
}
.baza{display: flex;flex-direction: column-reverse;}
.base_text {
    margin-bottom: 20px;
    margin-top: 20px;
}
.knowledge_sec {
    padding-bottom: 30px;
}
.btn_news {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

.btn_yellow{  margin-left: auto;
    margin-right: auto;
    width: 250px; margin-bottom:24px;}

.bot_logos ul {
    flex-direction: column;
}
.bot_logos ul li img{ height:35px;}
.bot_logos ul li{ margin-bottom:25px;}
.bot_logos ul li:last-child img{ width:200px; height:auto;}
.bot_logos ul li:last-child:before {
    content: '';
    width: 70px;
    height: 100%;
    top: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
    display: block;
    position: absolute;
    background-image: url(../images/bot_line.svg);
}
.bot_logos ul li:last-child {
    margin-left: 15px;
}
.logo_bot_text {
    font-size: 14px;
}
.bot_logo img{ width:100%;}
.news_title {
    font-size: 18px;
}
.page_banner {
    height: 630px;
    padding-top: 0px;
}

.page_banner_bg {
    height: 630px;
}

.page_banner_img{
        margin-top: 0px;
        margin-right: 0px;
        height: auto;
    }
.page_banner_left {
    padding-bottom: 41px;
}
.but_search {
    margin-top: -54px;
}
.found {
    margin-bottom: 15px;
}
.filter_box1 ul li.sort {
    width: 160px;
    margin-left: 5px;
}
.filter_box1 ul {
    justify-content: flex-start;
}
.details_page_left {
    padding-right: 0px;
    padding-bottom: 0px;
}
.date_details {
    padding-top: 30px;
}
.post_right_img, .post_left_img {
    margin-bottom: 30px;
}
.post_left_img{ width:100%;}
.post_right_img{ width:100%;}
.agenda_box {
    flex-direction: column;
}

.agenda_time {
    width: 100%;
}

.agenda_icon {
    width: 100%; margin-left: 0px;
    margin-right:0px; text-align:center; margin-top:20px; margin-bottom:20px;
}

.agenda_text {
    width: 100%;
}
.apply_img{ margin-top:20px; text-align:center;}

.owl-carousel .owl-nav button.owl-next {
    height: 45px!important;
    width: 45px!important;
    background-size: 70%!important;
}

.owl-carousel .owl-nav button.owl-prev {
    height: 45px!important;
    width: 45px!important;
    background-size: 70%!important;
}
#photos .owl-dots {margin-right: 120px; margin-top: -65px; }
#podcast .owl-dots{ margin-right: 120px; margin-top: -65px; }
#video .owl-dots{ margin-right: 120px; margin-top: -65px;}
.date_details_date ul li:before{display:none!important;}
.date_details_date ul li {
    margin-left: 0px;
}
.event_agenda .date_details_date ul {
    text-align: center;
}
.info_box_reverse{flex-direction: column-reverse;}
.info_bot_text {
    text-align: left;
}
.info_text {
    padding-right: 30px;
    padding-top: 30px;
}
.info_text_all{ padding-top:30px; padding-bottom:30px; padding-left:30px; padding-right:30px;}
.info_page_title {
    font-size: 20px;
}
.info_page_title span {
    font-size: 16px;
}
.info_box {
    margin-top: 10px;
}
.info_page {
    padding-top: 50px;
    padding-bottom: 100px;
}
.info_page_title {
    margin-bottom: 10px;
}
}

@media (min-width:992px) {
.no_992{ display:none!important;}
.owl-dots{ display:none!important;}
}
@media (max-width:991px) {
.search-input.expandright + .searchbutton {
    height: 53px !important;
    width: 53px !important;
}

.no_991{ display:none!important;}

#multimedia.owl-carousel .owl-stage .owl-item:nth-of-type(2), #news.owl-carousel .owl-stage .owl-item:nth-of-type(2) {
  margin-top: 40px;
}
}


@media only screen and ( min-width: 768px) and ( max-width:991px ) {
.upcoming_date span {
    line-height: 100%;
}
.baza{display: flex;flex-direction: column-reverse;}
.base_text {
    margin-bottom: 43px; margin-top:43px;
}
.banner {
    padding-top: 0px;
}
.top_height {
    height: 172px;
}
.navbar-expand-xl {
    padding-top: 20px;
    padding-bottom: 20px;
}
.banner {
    height: 715px;
    padding-top: 0px;
}
.banner {
    height: 715px;
    padding-top: 0px;
}
.carousel {
    height: 910px!important;
}
.banner_bg {
    height: 715px;
}
.carousel-inner {
    height: 715px;
}
.btn_news {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

.btn_yellow{  margin-left: auto;
    margin-right: auto;
    width: 250px; margin-bottom:24px;}
.bot_logo img{
width:180px;
}
.bot_social_icon {
    width: 40px;
    height: 40px;
}
.bot_text {
    font-size: 16px;
}
.bot_nav ul li a{ font-size: 16px;}
.bot_nav {
    margin-bottom: 0px;
    margin-bottom: 25px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 20px;
}
.bot_text {
    margin-bottom: 20px;
}

.bot_logo {
    margin-bottom: 20px;
}

.bot_left {
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 16px;
    margin-top: 0px;
    margin-left: -25px;
}
.carousel-caption h1 {
    font-size:32px;
    margin-bottom: 20px;
}

.carousel-caption h2 {
    font-size:32px;
    margin-bottom: 20px;
}

.carousel-caption {
    padding-top: 25px;
    padding-right: 0px;
}
.banner_img {
    margin-top: 0px;
    height: 350px;
}
.carousel-indicators{ display:none;}
.carousel-control-prev-icon, .carousel-control-pause-icon, .carousel-control-play-icon, .carousel-control-next-icon {
    width: 50px;
    height: 50px;
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
}
.carousel-control-prev {right: 60px!important; left:auto; }
.carousel-control-next {right: 0px!important; left:auto;}
.carousel-control-play {left: 0;}

.carousel-control-play-icon {
	background-size:49px 49px;
}

.carousel-control-prev-icon {
background-size:49px 49px;
}

.carousel-control-pause-icon {
background-size: 49px 49px;
}

.carousel-control-next-icon {
background-size:49px 49px;
}
.bot_logos ul li img{ height:35px;}
.bot_logos ul li{ margin-bottom:25px;}
.bot_logos ul li:last-child img{ width:200px; height:auto;}

.page_banner {
    height: 630px;
    padding-top: 0px;
}

.page_banner_bg {
    height: 630px;
}

.page_banner_img{
        margin-top: 0px;
        margin-right: 0px;
        height: 300px;
    }
.page_banner_left {
    padding-bottom: 30px;
}
.page_banner h2 {
    margin-bottom: 0px;
}
.news_title {
    font-size: 20px;
}
.details_page_left {
    padding-right: 0px;
    padding-bottom: 0px;
}
.date_details {
    padding-top: 30px;
}
.post_right_img, .post_left_img {
    margin-bottom: 30px;
}

.event_agenda .date_details_date ul {
    text-align: center;
}
.agenda_icon {
    margin-left: 30px;
    margin-right: 30px;
}
.agenda_time {
    width: 40%; font-size: 28px;
}
.agenda_text {
    width: 55%;
    margin-left: 5%;
}
.info_box_reverse{flex-direction: column-reverse;}
.info_box {
    margin-top: 10px;
}
.info_page {
    padding-top: 50px;
    padding-bottom: 100px;
}
.info_page_title {
    margin-bottom: 10px;
}
}

@media all and (max-width: 1199px) {
.mb30{ margin-bottom:30px;}

.top_all {
    width: 100%;
	margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.navbar-nav {
margin-top:38px!important; margin-bottom:0px;
}
.navbar-nav .nav-link{ margin-bottom:32px;}
.search-container {
    margin-left: 0px;
    position: relative; display: flex;
    justify-content: center;
}
.but_news_archive {
    margin-top: 20px;
}

.bot_page {
    display: flex;
    flex-direction: column;
}
.sec_why {
    padding-top: 25px;
    margin-bottom: 50px;
}
.logo_right{ text-align:left; display: flex; align-items: center; justify-content: flex-start;}
}

@media only screen and ( min-width: 451px) and ( max-width:767px ) {
.logo{ height: 40px;}
.navbar-brand {
    margin-right: 15px;
}
.top_height {
    height: 115px;
}
.navbar-expand-xl {
    padding-top: 20px; padding-bottom:20px; 
}
}

@media only screen and ( min-width: 992px) and ( max-width:1199px ) {
.btn_yellow{width: 300px;}
.btn_news {width: 300px;}
.bot_left {
    padding-left: 25px; margin-left:0px;
}
.bot_logo img {
width:96%;
}
.news_title {
    font-size: 20px;
}
.carousel-caption h1 {
    font-size: 26px;
}

.carousel-caption h2 {
    font-size: 26px;
}
.carousel-caption {
    padding-top: 25px;
    padding-right: 0px;
}
.top_height {
    height: 145px; /*169px*/
}
.events_text_box {
    padding: 20px;
    margin-bottom: 20px;
}
.bot_logos ul li img{ height:35px;}
.bot_logos ul li{ margin-bottom:25px;}
.bot_logos ul li:last-child img{ width:200px; height:auto;}
.event_agenda .date_details_date ul {
    text-align: center;
}

.agenda_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.agenda_time {
    width: 100%;
}

.agenda_icon {
    width: 100%; margin-left: 0px;
    margin-right:0px; text-align:center; margin-top:20px; margin-bottom:20px;
}

.agenda_text {
    width: 100%;
}
.page_banner_img {
    object-fit: cover;
    margin-top: -50px;
    height: 450px;
    width: 100%;
}
.page_banner h2{font-size: 32px;}
.page_banner {
    padding-top: 57px;
    height: 460px;
}

.info_box {
    margin-top: 10px;
}
.info_page {
    padding-top: 50px;
    padding-bottom: 100px;
}
.info_page_title {
    margin-bottom: 10px;
}
}

@media only screen and ( min-width: 1200px) and ( max-width:1399px ) { 
.upcoming_date {
    font-size: 20px;
}

.upcoming_date span {
    font-size: 48px;
}
.upcoming_date_sec .news_tag {
    margin-top: 30px!important;
    font-size: 16px;
}
.search-container {
    margin-left: 10px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    margin-right: 12px;
    margin-left: 12px;
    font-size: 16px;

}

.logo{ width:140px;}
.navbar-brand {
    margin-right: 15px;
}
.navbar-expand-xl .navbar-nav .nav-link {margin-right: 12px;margin-left: 12px;}
.navbar-nav .nav-link {
    font-size: 15px;
}
.mglass img{ width:40px;}
.top_height {
    height: 130px; /*142px*/
}
.carousel-caption h1 {
    font-size: 32px;
}

.carousel-caption h2 {
    font-size: 32px;
}
.carousel-caption {
    padding-top: 25px;
    padding-right: 0px;
}
.date_details_date{ padding-top: 30px;}
.event_agenda .date_details_date ul {
    text-align: center;
}
.agenda_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.agenda_time {
    width: 100%;
}

.agenda_icon {
    width: 100%; margin-left: 0px;
    margin-right:0px; text-align:center; margin-top:20px; margin-bottom:20px;
}

.agenda_text {
    width: 100%;
}
.apply_img img{ width:100%;}
.demo_title {
    font-size: 32px;
}

.info_sm {
    margin-left: 0px;
    margin-right: 0px;
}
}

@media only screen and ( min-width: 992px) and ( max-width:1399px ) {
#top_logos ul li img {width: auto;height: 46px;}

#top_logos ul li{margin-right:10px;margin-left:10px;}
#top_logos ul li:last-child{margin-left:27px;}

#top_logos ul li:last-child:before {
    top: 0px;
    left: -20px; height:100%;
}
#top_logos ul li:last-child img{ height:30px;}
}

@media only screen and ( min-width: 1400px) and ( max-width:1649px ) {
.logo{ width:180px;}
.navbar-brand {
    margin-right: 30px;
}
.navbar-expand-xl .navbar-nav .nav-link {margin-right: 15px;margin-left: 15px;}
.navbar-nav .nav-link {
    font-size: 17px;
}
.mglass img{ width:40px;}
.top_height {
    height: 148px; /*175px*/
}
.carousel-caption h1 {
    font-size: 32px;
}

.carousel-caption h2 {
    font-size: 32px;
}
.agenda_icon {
    margin-left: 60px;
    margin-right: 60px;
}
.search-container {
    margin-left: 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    margin-right: 12px;
    margin-left: 12px;

}
}

@media only screen and ( min-width: 768px) and ( max-width:1199px ) {
.details_page_left .bot_logos{ margin-top:30px;}
.details_page_left .bot_logos ul li {
    margin-right: 10px;
    margin-left: 10px;
}

.details_page_left .bot_logos ul li:last-child {
    margin-left: 25px;
    position: relative;
}

.details_page_left .bot_logos ul li:last-child:before {
    left: -20px;
}

.details_page_left .bot_logos ul li:last-child img {
        width: 130px;
        height: auto;
    }

.details_page_left .bot_logos ul li img {
        height: 32px;
    }
.apply_img{ margin-top:30px;}
}	

@media only screen and ( min-width: 1200px) and ( max-width:1649px ) {
.details_page_left .bot_logos{ margin-top:30px;}

.details_page_left .bot_logos ul li:last-child img {
        width: 160px;
        height: auto;
    }

.details_page_left .bot_logos ul li img {
        height: 38px;
    }
}

@media all and (max-width: 767px) {
.scroll-x {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #004289 #F5FBFE; /* Firefox */
  flex-wrap: nowrap;
}

.scroll-x::-webkit-scrollbar {
  height: 4px;
}

.scroll-x::-webkit-scrollbar-track {
  background: #F5FBFE; 
}

.scroll-x::-webkit-scrollbar-thumb {
  background-color: #004289;
  border-radius: 10px;
}
}

@media (max-width:767px) {
.no_767{ display:none;}
}

@media (min-width:768px) {
.no_768{ display:none;}
}

@media only screen and ( min-width: 320px) and ( max-width:350px ) {
.logo{ width:115px;}
}

@media only screen and ( min-width: 351px) and ( max-width:450px ) {
.logo{height: 26px;}
}

@media (max-width:1400px) {
.btn_news_more img {
    margin-left: 0px!important;
}
}

@media (max-width:991px) {
.main_sec_news {
    display: flex;
}
.main_sec_box_news{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.download_all ul li.col-md-6{width: 100%!important;}
#mynavbar{
width: 100%!important;
}
#mega-menu-wrap-primary{
width: 100%!important;
    overflow-y: scroll;
    height: 250px!important;
}
}
