@media screen and (max-width: 1440px) {
	.bn-label {
    width: 15%;
}
}

@media screen and (max-width: 1025px) {
.navigationbar .container {
    padding: 0;
    margin: 0;
}
	 ul.navbar-nav .nav-item a.nav-link {
    padding: 0 10px;
}
	 .brand-itemsnew .owl-buttons .owl-next {
    right: -39px;
}
	.logo img {
    width: 96%;
    margin: 7px 0;
}
	.onlinedata .col-md-4 {
    display: none;
}
	.onlinedata .col-md-8 {
    width: 100% !important;
    flex: 0 0 100%;
    display: block;
    height: auto;
}
	.onlinedata .col-md-8 .col-md-4 {
    display: block;
}
	.container.my-5.leader-section {
    width: 100% !important;
    max-width: 96%;
}
	.entertest h2.fw-bold {
    font-size: 2.1em;
    margin-top: -21px;
}
	.container.my-5.leader-section {
    background-size: 90%;
}
	
	.entertest button.btn {
    font-size: 1.2em;
    padding: 7px 4px !important;
    width: 48%;
}
	.big-curve-img {
		width: 100%;
	}
	.News-sectionimage .col-md-6 {
    position: relative;
    width: 89%;
    margin-left: 136px;
    margin-bottom: 13px;
}
	.News-sectionimage .col-md-3.col-sm-6.col-xs-12 {
		width: 50%;
	}
	.contact-left img {
		width: 95%;
	}
		.bn-label {
    width: 20%;
}
}

@media screen and (max-width: 768px) {
	.inner.faq {
    margin-top: 103px;
}
	.breed-crum-div {
    display: none;
}
	.top-nav .col-md-4.col-sm-4.col-xs-12.text-left {
    display: none;
}
	.top-nav .col-md-8.col-sm-8.col-xs-12.text-right {
    width: 100%;
    text-align: center;
}
	
	.logo-section .col-md-6.col-sm-2.col-xs-6.hidden-xs {
    width: 100%;
    justify-content: center;
}
	section.logo-section {
    height: auto;
}
	    .logo img {
			width: auto;
			margin: 7px auto;
			display: block;
		}
	
	.navbar-toggler {
    background-color: #ffffff;
}
	
	.News-sectionimage .col-md-6 {
		width: 79%;
		margin-left: 155px;
	}
    .hero {
        min-height: auto;
        height: 100%;
        padding: 21px 0;
    }
	
	.onlinedata .col-md-8 .col-md-4 {
    margin: 0;
    padding: 0;
}
	.container.my-5.leader-section {
    background: none;
}
	.entertest {
    text-align: center;
    width: 100%;
}
.entertest .text-danger.fw-semibold {
    text-align: center;
    background: none;
}
	.entertest button.btn {
    margin-top: 0;
}
	.leader-section .col-md-8.mb-4 {
    width: 100%;
}
	.footer-heading {
    font-size: 1.05rem;
}
	.logo-section {
    position: relative;
    overflow:inherit;
}
.logo-section .container {
    padding: 0;
    margin: 0;
    width: 100% !important;
    max-width: 100% !important;
}
	.logo-section::after{
		display: none;
	}
    .right-logo {
        display: block;
        width: 100%;
        position: relative;
        z-index: 999999;
    }
	.accessibilitybtn {
    padding: 5px;
    top: 177px;
    right: -152px;
}
    .navigationbar {
        background: #1a3671;
        border-radius: 0;
        height: 48px;
        margin-top: 0;
        padding: 0 !important;
        position: relative;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
	div#navbarSupportedContent {
    z-index: 9999;
    background: #1a3671;
    width: 100%;
    padding: 0 15px;
}
	.navigationbar button.navbar-toggler {
    margin: 4px 0 0 9px;
}
	li.nav-item {
    padding: 0px 0 8px 0;
    display: block;
}
	ul.navbar-nav .nav-item a.nav-link {
		border-bottom: 1px solid #fff;
		padding-bottom: 5px !important;
		border-right: 0 !important;
		        color: #fff;
}
	.navbar .dropdown:hover > .dropdown-menu {
    background: #153372;
    border: 0 !important;
}
	.dropdown-menu li.nav-item {
    border-block: 0px dotted #f3f3f3;
}
	div#navbarSupportedContent {
        padding-top: 11px;
    }
	.innerbanner {
    min-height: 60px !important;
    background-size: 100%;
}

	ul.dropdown-menu {
    margin-left: 22px;
}
	    ul.dropdown-menu a{
        border-right: 0 !important;
    }
	
	  ul.dropdown-menu .nav-item {
        padding: 0px 0 0px 0;
        display: block;
    }
	.footer-hero .col-lg-6 {
    display: block;
    width: 100%;
}
	.footer-hero .col-lg-6 .col-12 {
    width: 100%;
}
	    .footer-hero .contact-left img {
        width: 450px;
    }
	.footer-hero .content {
    padding: 22px 1rem 10px 1rem;
}
	#carouselExample .carousel-control-next, #carouselExample .carousel-control-prev {
    top: 63%;
    opacity: 1;
}
	.play-pause-btn {
    position: absolute;
    top: 82%;
    right: 14px;
	}
}
@media screen and (max-width: 766px) {
	#carouselExample .carousel-control-next, #carouselExample .carousel-control-prev {
    top: 80%;
    opacity: 1;
}
	.carousel-control-prev{
    right: 50% !important;
}
	.carousel-control-next {
    right: 40% !important;
}
	.play-pause-btn {
		position: absolute;
		top: 91%;
		right: 42%;
	}
	       .logo img {
        width: 320px;
    }
	/*    .container, .container-sm {
        max-width: 100%;
        overflow: hidden;
    }
	
	   .logo-section .container, .logo-section .container-sm {
        max-width: 100%;
               overflow: visible;
    }*/
	.carousel-inner .row {
    flex-wrap: wrap;
}
	.carousel-inner .row .col-lg-2.col-md-4.col-6{
		width: 33% !important;
	}
	.carousel-inner .row .col-lg-2.col-md-4.col-6 .website-card img {
    margin-bottom: 15px;
    width: 80% !important;
    object-fit: fill;
    height: auto ! IMPORTANT;
}
	.icar h3 {   
    font-size: 1.32em;
}
	.container.my-5.aboutussection {
    max-width: 90%;
}
	.News-sectionimage .container {
    max-width: 90%;
}
	.dept-sectionimage .container {
    max-width: 90%;
}
	.dept-sectionimage .container {
    max-width: 100%;
    padding: 0 28px;
}
	.dept-sectionimage .container:before{
	display: none;
	}
	.dept-sectionimage .container:after {
    z-index: 0;
    position: absolute;
    content: "";
    right: 0;
    top: auto;
    bottom: -26%;
    height: 100%;
    width: 100%;
    background: #f89221;
	}
		.side-buttons {
    width: 100%;
    float: none;
    padding-top: 55px;
}
		.side-buttons .acc-btn {
    display: block;
    width: 23%;
    float: left;
    margin-right: 5px;
}
	    .News-sectionimage .col-md-6 {
        width: 100%;
        margin-left: 0;
    }
	.side-tabs {
    position: static;
}
    .side-tab-btn {
        width: 32%;
        border-radius: 0;
        display: inline-block;
    }
	.staff, .genral {
    margin-left: 0;
}
	.News-sectionimage .container {
    width: 90%;
    max-width: 90%;
}
	.counterno li {
    list-style: none;
    color: #fff;
    width: 45%;
}
	.logo-section .col-md-4.col-sm-2.col-xs-6.hidden-xs {
    width: 100%;
}
	    .bn-label {
        width: 100%;
        text-align: center;
			margin: -43px 0 0 0;
    }
	#latestnews .container-fluid {
    padding: 0;
    margin: 43px 0 0 0;
}
	.breaking-news-ticker {
    overflow: unset;
}
	.bn-news {
		left: 0% !important;
	}
	ul.infomation {
    display: block;
}
.infomation li {
    width: 48%;
}
}
@media screen and (max-width: 666px) {
	.footer-bottom .container {
    display: block !important;
}
	.left-tabs .nav-link.active::before{
		display: none;
	}
	    .footer-hero .contact-left img {
        width: 280px;
    }
	.bn-label{
	display: block !important;
	}
.left-tabs .nav-link img {
    float: none;
    margin: 0 auto;
    display: block;
}
	.left-tabs .nav-link {
    background: #ffffff;
    border-radius: 20px;
    margin-bottom: 2px;
    padding: 8px 20px;
    text-align: left;
    font-weight: 400;
    color: #1a3671;
    display: block;
    width: auto;
    font-family: "Bai Jamjuree", sans-serif;
    font-size: 17px;
    line-height: 38px;
    position: relative;
    text-align: center;
}
}



@media screen and (max-width: 640px) {
	    .News-sectionimage .col-md-3.col-sm-6.col-xs-12 {
        width: 100%;
    }
	    .side-buttons .acc-btn {
        display: block;
        width: 48%;
        float: left;
        margin-right: 5px;
        vertical-align: text-bottom;
        border: 2px solid #fff;
        margin-bottom: 3px;
    }
	    .dept-sectionimage .container:after {
        z-index: 0;
        position: absolute;
        content: "";
        right: 0;
        top: auto;
        bottom: -32%;
        height: 100%;
        width: 100%;
        background: #f89221;
    }
}
@media screen and (max-width: 640px) {
	  .dept-sectionimage .container:after {
        bottom: -25%;
    }
	.brand-itemsnew .owl-buttons .owl-prev {
    top: 0px;
    left: 0;
	}
	    .brand-itemsnew .owl-buttons .owl-next {
        right: 0;
        top: 0;
    }
	    #carouselExample .carousel-control-next, #carouselExample .carousel-control-prev, #playPauseBtn {
        display: none;
    }
}
@media screen and (max-width: 470px) {

	.infomation li {
    width: 100%;
}
}
@media screen and (max-width: 425px) {
	  .dept-sectionimage .container:after {
        bottom: -22%;
    }

}