/*---  Desktop | Laptop ( 1200px and up) -----*/

@media (min-width: 1200px) { 

	.container{
		max-width: 1178px;
	}

}


/*---  Tablet Landscope ( 992px to 1199px) -----*/

@media (min-width: 992px) and (max-width: 1199px) { 

	html{
		font-size: 52%;
	}

	.container{
		max-width: 992px;
	}

	.accecibility_menu{
		left: calc((100% - 992px) / 2 + 1.5rem);
	}

	.hamburger_close{
		right: calc((100% - 992px) / 2 + 1rem);
	}

}





/* ------ Medium devices (tablets, 991px and down) -----*/

@media (max-width: 991px) {

	.site_header{
		padding: 1rem 0;
	}

	.menu{
		display: none;
	}

	.hamburger{
		margin-left: 4.5rem;
	}

	.language_list{
		left: unset;
		right: 0;
	}

	.hamburger_close{
		top: 3rem;
		right: 3rem;
	}

	.offcanvas_menu>.container{
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}

	.offcanvas_menu > .container > div{
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.offcanvas_menu > .container > div:nth-child(odd) {
		background: unset;
	}

	.offcanvas_menu > .container > div:nth-child(1),
	.offcanvas_menu > .container > div:nth-child(4) {
		background: #F6F6F6;
	}

	.accecibility_menu{
		left: calc((100% - 720px) / 2 + 1.5rem);
	}
	
	.partner_slider .owl-stage-outer{
		overflow: visible;
	}

	.governing_panel_section .title_box{
		text-align: center;
		padding-bottom: 3rem;
	}

	.governing_panel_section .title_box p{
		max-width: 100%;
	}

	.governing_panel_section .row{
		--bs-gutter-y: 2rem;
	}

	.governing_member_card_v{
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.governing_member_card_v > div:nth-child(2) {
		padding: 3rem;
	}

	.governing_member_card_v p br{
		display: none;
	}

	.events_section .bg{
		width: 100%;
		height: 100%;
		border-radius: 0;
	}

	.events_slider{
		width: 100%;
		padding-left: 0;
		padding-top: 4rem;
		margin-bottom: 5rem;
	}

	.events_box p{
		color: var(--white);
	}

	.events_slider .owl-nav button{
		width: 6rem;
		height: 6rem;
	}

	.events_slider .owl-nav .owl-prev{
		left: 2rem;
	}

	.events_slider .owl-nav .owl-next{
		right: 2rem;
	}

	.notices_section .sound_mike {
		top: 5rem;
		width: 20rem;
	}

	.notices_section .dots{
		width: 35rem;
	}

	.notice_slider {
		width: 100%;
		margin-bottom: 6rem;
	}

	.department_box .button{
		opacity: 1;
	}
	
	.academics_slider .owl-stage-outer{
		overflow: visible;
	}

	.cources_card{
		min-height: 38rem;
	}

	.about_section .bg{
		width: 100%;
		height: 100%;
		border-radius: 0;
	}

	.about_section .dots{
		width: 35rem;
	}

	.about_content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 4rem;
	}

	.contact_info{
		padding: 5rem 4rem;
	}
	
	.contact_info .bg{
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		border-radius: 4rem;
	}

	.form_wrapper{
		padding: 5rem 4rem;
		width: 100%;
		border-radius: 4rem;
		margin-top: 4rem;
	}
	
	.events_widgets{
		padding-right: 0;
		padding-top: 3rem;
	}

	.course_details_section.v1 .dots {
		top: 2rem;
		right: -17rem;
		width: 41rem;
	}

	/* Departments Responsive Css */

	.content_box {
		padding-top: 4rem;
	}

	.video_box iframe {
		width: 100%;
		height: 38rem;
        -o-object-fit: cover;
           object-fit: cover;
	}

	.gallery_section{
		padding: 8rem 0;
	}

	.gallery_section .bg {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

	.gallery_slider {
        width: 100%;
        padding-left: 0;
        padding-top: 4rem;
    }

	.gallery_slider .owl-nav button {
        width: 6rem;
        height: 6rem;
    }

	.gallery_slider .owl-nav .owl-prev{
		left: 2rem;
	}

	.gallery_slider .owl-nav .owl-next{
		right: 2rem;
	}

	.services_content_box {
		padding-top: 4rem;
	}

	.services_button_text p {
		font-size: 1.3rem;
	}

	.services_button_text h6 {
		font-size: 1.4rem;
	}

	.services_provided_section .dots {
		position: absolute;
		top: 9.5rem;
		right: -3.4rem;
		width: 51rem;
	}

	.services_provided_section .title_box{
		padding-bottom: 3rem;
	}

	.services_provided_section .row.pt_40{
		padding-top: 6rem;
	}

	/* Academics Responsive Css */

	.programme_list li {
		padding: 0 4rem;
		font-size: 1.7rem;
	}

	.meet_faculties_content {
	    padding-left: 0rem;
		padding-top: 4rem;
	}

	/* Adninistration Responsive Css */

	.adninistration_profile_section .text-center {
		padding-top: 3rem;
	}


	.nav-tabs{
		padding: 0 6rem;
	}


	.children_service_section .dots {
		right: -18rem;
		width: 43rem;
	}

	.adninistration_profile_section .dots {
		top: -9.5rem;
		right: -10rem;
		width: 43rem;
	}


	.modal-dialog {
		max-width: 72rem;
	}


}



/*----- sm devices (tablets, 767px and down) -----*/

@media (max-width: 767px) {

	body{
		font-size: 1.8rem;
	}

	.container{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.title_xl {
		font-size: 4rem;
	}

	.title_lg {
		font-size: 3.8rem;
	}

	.title_md {
		font-size: 3.2rem;
	}

	.site_logo img {
		width: 11rem;
	}
	
	.hamburger {
		margin-left: 1.6rem;
	}

	.translate_btn{
		font-size: 1.7rem;
		padding: .8rem 2rem;
		border-radius: .6rem;
	}

	.translate_btn img{
		width: 2.6rem;
	}

	.offcanvas_menu{
		padding: 2rem 0 5rem;
	}

	.hamburger_close {
		top: 2rem;
		right: 1.5rem;
	}

	.offcanvas_menu>.container{
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.offcanvas_menu > .container > div{
		padding: 0;
	}

	.offcanvas_menu > .container > div:nth-child(1), 
	.offcanvas_menu > .container > div:nth-child(4) {
		background: unset;
	}

	.menu_panel{
		padding-top: 3rem;
	}

	.accecibility_menu{
		left: calc((100% - 540px) / 2);
	}

	.hero_section{
		padding: 6.4rem 0;
	}
	
	.hero_circle2{
		width: 12rem;
		height: 12rem;
		top: 4rem;
		right: unset;
		left: 5rem;
	}

	.hero_circle3{
		width: 35rem;
		height: 35rem;
	}

	.governing_panel_section{
		padding: 6.4rem 0;
	}

	.governing_member_card_v {
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: end;
	}

	.governing_member_card_v > div:nth-child(2) {
		padding: 2.7rem 2.2rem 1rem 1rem;
	}

	.service_section {
		padding: 6.4rem 0;
	}

	.service_slider .owl-stage-outer{
		overflow: visible;
	}

	.service_card.mt_70{
		margin-top: 5rem;
	}

	.service_section .btn_group{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.service_section .btn_group .button_tomato{
		margin-top: 1rem;
	}

	.events_section{
		padding: 6.4rem 0;
	}

	.events_slider{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.events_slider .owl-stage-outer{
		overflow: visible;
	}

	.events_slider .owl-nav button {
		width: 5rem;
		height: 5rem;
	}

	.events_slider .owl-nav button img {
		width: 2.6rem;
	}

	.events_slider .owl-nav .owl-prev {
		left: -1rem;
	}

	.events_slider .owl-nav .owl-next {
		right: -1rem;
	}

	.notices_section .dots {
		width: 26rem;
	}

	.notices_section .sound_mike {
		top: 26rem;
		width: 15rem;
	}

	.departments_section {
		padding: 6.4rem 0 10rem;
	}

	.departments_section .row {
		--bs-gutter-y: 10rem;
	}

	.academics_section {
		padding: 6.4rem 0;
	}

	.academics_section .btn_group{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.academics_section .btn_group .button_tomato{
		margin-top: 1rem;
	}

	.academics_slider {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.academics_slider .owl-stage-outer{
		overflow: visible;
	}

	.amenities_section {
		padding-bottom: 6.4rem;
	}

	.about_section{
		padding: 7.4rem 0 6.4rem;
	}

	.about_section .dots {
		width: 22rem;
	}

	.contact_section {
		padding: 6.4rem 0;
	}

	.contact_info {
		padding: 3.6rem 2rem;
	}

	.contact_info .bg{
		border-radius: 2rem;
	}

	.form_wrapper{
		padding: 3.6rem 2rem;
		border-radius: 2rem;
	}
	
	.contact_section .title_md br{
		display: none;
	}

	.form_wrapper form .button{
		width: 100%;
	}

	.footer_widgets{
		padding-top: 6.4rem;
	}

	.accecibility_menu_btn .letter{
		width: 6.5rem;
		height: 6.5rem;
		left: 0;
		font-size: 2.8rem;
	}

	.accecibility_menu_btn:hover .btn_inner{
		width: 10.4rem;
		padding: .9rem 2.2rem .9rem 2.8rem;
	}

	/* Departments Responsive Css */

	.work_section {
		padding-top: 6.4rem;
	}

	.meet_section {
		padding: 6.4rem 0;
	}

	.meet_section .title_box {
		padding-bottom: 3rem;
	}

	.watch_video_section {
		padding-top: 6.4rem;
	}

	.watch_video_section .bg{
		height: 35rem;
	}

	.video_box iframe{
		height: 26rem;
	}

	.services_provided_section {
		padding-top: 6.4rem;
	}

	.services_content_box {
		padding-top: 3.5rem;
	}

	.services_content_box p.pt_35{
		padding-top: 2rem;
	}

	.services_provided_section .row.pt_40 {
		padding-top: 4rem;
	}

	.services_item.pt_30{
		padding-top: 2rem;
	}

	.team_members_section {
		padding: 6.4rem 0;
	}

	.team_members_section .title_lg{
		font-size: 3.6rem;
	}

	.team_members_section .row {
		--bs-gutter-x: 1.2rem;
		--bs-gutter-y: 2rem;
	}

	.team_card{
		background: #F9F9F9;
		padding-bottom: 1rem;
	}

	.team_card_body .title_xs{
		font-size: 1.6rem;
	}

	.team_card_body p{
		font-size: 1.5rem;
		line-height: 1.3;
	}

	.gallery_section {
		padding-top: 6.4rem;
	}

	.gallery_slider{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.gallery_slider .owl-stage-outer{
		overflow: visible;
	}

	.gallery_slider .owl-nav button {
		width: 5rem;
		height: 5rem;
	}

	.gallery_slider .owl-nav button img {
		width: 2.6rem;
	}

	.gallery_slider .owl-nav .owl-prev {
		left: -1rem;
	}

	.gallery_slider .owl-nav .owl-next {
		right: -1rem;
	}

	.page_pagination {
		padding: 4rem 0 10rem;
	}

	.page_pagination_button h6{
		display: none;
	}

	.page_pagination_button{
		padding: 1rem 1.2rem;
		gap: .8rem;
	}

	.page_pagination_button p{
		line-height: 1.3;
		font-weight: 600;
		font-size: 1.8rem;
	}

	/* Academics Responsive Css */

	.course_details_section.v1 .dots{
		width: 35rem;
	}

	.programme_list .item_title {
		width: 10rem;
	}

	.programme_list li {
        padding: 0 2rem;
        font-size: 1.5rem;
    }

	.programme_list li > div {
		padding-top: .8rem;
		padding-bottom: .8rem;
	}

	.programme_list li:first-child > div {
		padding-top: 2rem;
	}

	.programme_list li:last-child > div {
		padding-bottom: 2rem;
	}

	.programme_list .item_text {
		padding-left: 1rem;
	}

	.meet_faculties_section {
		padding: 6rem 0 6rem;
	}

	.course_details_section.v1 .bottom_wrapper{
		padding-top: 2.8rem;
	}

   /* Services Responsive Css */

   .content_box.v1 p.pt_30{
	padding-top: 1.6rem;
   }

   .content_box.v1 .sound_btn.mt_40{
		margin-top: 2.4rem;
   }

    .children_service_section .title_lg {
	  font-size: 3rem;
    }

   .tab_content_wrapper {
       padding: 3rem 3rem 3rem;
    }

	.nav-tabs {
		padding: 0 2rem;
	}

	.nav-tabs .nav-link {
		font-size: 1.6rem;
		padding: 2.4rem 0;
	}

	.tab_content_wrapper {
		padding: 3rem 2rem;
	}

	.tab_content_wrapper .list_group.pt_40{
		padding-top: 2.4rem;
	}

	.tab_content_wrapper .list_group .list{
		padding-left: 1.6rem;
	}

	.tab_content_wrapper .list_group .list li {
		font-size: 1.6rem;
		line-height: 2;
	}

	.adninistration_profile_section .dots {
		top: 0.5rem;
		right: -26rem;
		width: 43rem;
	}

	.modal-dialog {
		max-width: 55rem;
	}

	.modal-content{
		padding: 3rem 2rem;
		border-radius: 1.5rem;
	}

	.modal_close{
		top: 2rem;
		right: 2rem;
	}

}


/*----- xs devices (landscape phones, 575px and down) -----*/

@media (max-width: 575px) {

	html{
		font-size: 2.43vw;
	}

	.accecibility_menu{
		left: 2rem;
	}

	.accecibility_menu_btn{
		margin-left: -1rem;
	}

	.accecibility_menu_btn .txt{
		display: none;
	}

	.accecibility_menu_wrapper{
		left: 0;
		width: calc(100vw - 4rem);
	}

}