/*
=================================================
				UP FROM 1200PX
=================================================
*/ 
@media (min-width: 1367px) and (max-width: 1680px) {

}
/*
=================================================
				UP FROM 1200PX
=================================================
*/ 
@media (min-width: 1200px) and (max-width: 1366px) {
	.iq_knowledge_des{
		padding-right: 100px;
		
	}
	.menu-btn{
		display: none;
		
	}
}
@media(min-width:992px){
	.titre{
		text-align: center;
		font-weight: 500;
		font-size: 28px;
		line-height: 40px;
		font-family:Arial, Helvetica, sans-serif
	}
	.menu-btn{
		display: none;
		
	}
	.rufe img{
	    width:100%;
	    height:auto;
	    object-fit:cover;
	    object-position:top;
	    overflow:hidden;
	    max-height:300px;
	}
}
/*
=================================================
			FROM 992PX TO 1199PX
=================================================
*/ 
@media (min-width: 992px) and (max-width: 1199px) {
	.titre{
		text-align: center;
		font-weight: 500;
		font-size: 28px;
		line-height: 34px;
		font-family:Arial, Helvetica, sans-serif
	}
	.menu-btn{
		display: none;
		
	}
	.iqoniq2-info ul li span,
	.iqoniq2-info ul li a{
		width: 74%;
	}
	.event_calender{
		overflow: hidden;
	}
	.navigation ul li a{
		padding-left: 20px;
		padding-right:20px;
	}
	.iq_search_courses h4{
		font-size: 30px;
	}
	.we_professional_bg .iq_heading_1 br{
		display: none;
	}
	.iq_professional_services p{
		max-height: 70px;
		overflow: hidden;
	}
	.iq_knowledge_des{
		padding-right: 20px;
		padding-left: 20px;
	}
	.main-gallery [class*="col"]{
		width: 33.3%;
	}
	.center-dec .text{
		padding-right:20px;
		padding-left: 20px; 
	}
	.iq_contact_info ul li{
		padding-right:40px; 
		padding-left:40px; 
	}
	.flickr-wrap .flickrbadges{
		width: 64px;
		height: 64px;
	}
}
/*
=================================================
			FROM 0PX TO 979PX    0300 7785536
=================================================
*/ 
@media (min-width:992px) {
	.menu-btn{
		display: none;
	}
}
@media (max-width: 991px) {
	.menu-btn{
		display: none;
		float: right!important;
	}
	.titre{
		text-align: left;
		font-weight: 500;
		font-size: 28px;
		font-family:Arial, Helvetica, sans-serif
	}
	.iq_header_1 .iq_ui_element{
		width: 100%;
		padding: 0 0 0 0px;
	}
	.cacher{
		display: none;
	}
	.iqoniq2-info ul li{
		width: 33.3%;
		text-align: center;
	}
	.iqoniq2-info ul li i{
		float: none;
		display: inline-block;
	}
	.iqoniq2-info ul li a,
	.iqoniq2-info ul li span{
		width: 100%;
	}
	.event_calender{
		overflow: hidden;
	}
	.blog_detail_searh{
		margin: 0 0 30px;
	}
	.blog-medium-caption h5{
		font-size: 22px;
	}
	.iner_banner{
		padding: 80px 0 97px;
	}
	.list_setting .iq-input{
		width: 140px;
	}
	.navigation ul li a{
		padding-right:9px;
		padding-left: 9px; 
	}
	.navigation .children{
		min-width: 200px;
	}
	.iq_banner .slick-dots{
		bottom: 30px;
	}
	.iq_search_courses{
		margin: 0;
	}
	.iq_knowledge_des{
		padding: 0;
	}
	.iq_knowledge_des .iq_heading_1 h4{
		font-size: 25px;
	}
	.iq_search_courses .iq-input{
		width: 50%;
		padding: 0 15px;
	}
	.iq_search_courses .iq-input .select ul.options{
		left:15px;
		right: 15px;
	}
	.iq_search_courses .iq-input:last-of-type{
		width: 100%;
	}
	.iq_search_courses form{
		width: auto;
		margin: 0 -15px;
		float: none;
	}
	.iq_knowledge_des h5{
		font-size: 16px;
	}
	.iq_contact_info ul li{
		padding-right:5px; 
		padding-left:5px; 
	}
	.about-us-section .iq_heading_1 h4{
		font-size: 26px;
	}
	.progress-caption .iq_heading_1 h4{
		font-size: 25px;
	}
	.progress-caption > p {
	    max-height: 100px;
	    overflow: hidden;
	}
	.video-wrap h1{
		font-size: 45px;
		line-height: normal;
	}
	.video-wrap a{
		padding: 30px 0 0;
	}
	.iq_banner ul li img{
		width:100%;
		height: auto;
		opacity: 0.8;	
	}
	.iner_banner h5{
		font-size:24px;
		color:#fff;
		margin-bottom:18px;
		position:relative;
		display:inline-block;
		z-index:2;
		
	}
}

/*
=================================================
			FROM 768PX TO 979PX
=================================================
*/


/*
=================================================
			FROM 0PX TO 767PX
=================================================
*/
@media (max-width: 767px) {
	.dl-menuwrapper{
		display: block;
	}
	
	.menu-btn{
		display: block;
		float: right!important;
	}
	.iq_search.pull-right{
		float: left !important; 
	}
	.iqoniq2-leave-message{
		text-align: center;
	}
	.iqoniq2-subcribe form input[type="submit"]{
		min-width: inherit;
		padding-right: 10px;
		padding-left: 10px;
	}
	.map-custom #map-canvas{
		height: 300px;
	}
	.iqoniq2-leave-message .iq_heading_1{
		text-align: center;
	}
	.iqoniq2-leave-message .iq_heading_1 h4::before{
		right: 0;
	}
	.iqoniq2-info ul li{
		width: 100%;
	}
	.edu_upmg_area .iq_course_list_des ul li{
		padding: 0 0 0 10px;
		width: 33.3%;
	}
	.blog_quotes{
		margin-right:0;
		width: 100%; 
	}
	.blog-title{
		font-size: 22px;
	}
	#search-box .modal-dialog{
		width: auto;
	}
	.navigation{
		display: none;
	}
	.iq_time_wrap{
		display: none;
	}
	.iq-caption{
		padding: 0 15px;
	}
	.iq-caption-title{
		font-size: 20px;
	}
	.iq-caption-text{
		font-size: 18px;
		margin: 0 0 15px;
	}
	.iq_link_1{
		width: 120px;
		font-size: 12px;
	}
	.iq-caption-contant{
		display: none;
	}
	.iq_banner .slick-dots {
	    bottom: 10px;
	}
	.iq_professional_services{
		text-align: center;
	}
	.iq_professional_services span{
		margin-left:auto; 
		margin-right:auto; 
	}
	.iq_professional_services h5::before{
		right: 0;
		margin: 0 auto;
	}
	.iq_best_knowledge_bg,
	.iq_best_knowledge_bg .iq_heading_1,
	.we_professional_bg .iq_heading_1{
		text-align: center;
	}
	.iq_best_knowledge_bg .iq_heading_1.text-left h4::before,
	.we_professional_bg .iq_heading_1.text-left h4::before{
		right: 0;
	}
	.iq_best_knowledge_bg{
		background-image: none;
	}
	.iq_gallery_menu ul li{
		margin-left:5px; 
	}
	.iq_gallery_menu ul li a{
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.main-gallery [class*="col"]{
		width: 100%;
	}
	.iq_contact_info ul li{
		width: 100%;
	}
	.iq_contact_info ul li::before {
	    height: 1px;
	    right: 0;
	    top: auto;
	    width: 100%;
	    bottom: 0;
	    left: 0;
	}
	.iq_uni_title{
		padding: 0;
	}
	.progress-caption,
	.progress-caption .iq_heading_1,
	.about-us-section .iq_heading_1,
	.about-us-section .text{
		text-align: center;
	}
	.about-us-section .text{
		margin: 0 0 30px;
	}
	.progress-caption .iq_heading_1.text-left h4::before,
	.about-us-section .iq_heading_1.text-left h4::before{
		right: 0;
	}
	.video-wrap h1 {
	    font-size: 35px;
	    line-height: normal;
		margin: 0 0 10px;
	}
	.video-wrap h5{
		font-size: 18px;
	}
	.video-wrap a {
	    padding: 20px 0 0;
	}
	.cacher{
		display: none;
	}
	.titre{
		font-size: 16px !important;
		font-weight: 500 !important;
		line-height: 24px !important;
		color: #000 !important;
	}
	.iq_banner{
	    width:100%;
    	position:relative;	
    	background-color:#000;
    	height: 450px;
      	overflow: hidden;
	}
	.iq_banner ul li{
	    width:100%;
		height: 450px;
	}
	.iq_banner ul li img{
		width:100%;
		height: 450px;
		opacity: 1;
		object-fit: cover; 	
	    object-position: top;
	}
	.iner_banner h5{
		font-size:20px;
		color:#fff;
		margin-bottom:18px;
		position:relative;
		display:inline-block;
		z-index:2;
		
	}
	.rufe{
		text-transform: none;
		font-size: 18px;
	}
.article .item {
	background: #fff;
	text-align: left;
	display: flex;
	flex-direction: column;
	margin-bottom: 100px;
	justify-content: space-between; /* Aligne les éléments */
	height: 400px; /* Hauteur uniforme */
}
.article .item img {
	width: 95%;
	height: 300px; /* Taille fixe pour les images */
	object-fit: cover; /* Coupe l'image si elle est trop grande */
	object-position: top;

}
}
/*
=================================================
			FROM 0PX TO 0PX
=================================================
*/