@media only screen and (min-width:1801px) and (max-width:1920px){

	html{ font-size: 18px; }
	body .container{ max-width: 1640px !important;}
	header .top-bar .social-bar .textwidget a svg{width: 20px;height: 20px;}
	body #content .banner-sec .banner-row .banner-col .banner-txt{padding-left: 110px;}
	body #content .documentary-sec .documentary-row-slider .slick-slide.first-active{transform: scale(0.9) translateX(140px);} 
	body #content .documentary-sec .documentary-row-slider .slick-slide.fifth-active{transform: scale(0.9) translateX(-140px);} 
	body #content .panel .vertical-text{font-size:1.5rem;}
	
}



@media only screen and (min-width:1701px) and (max-width:1800px){

	html{ font-size: 18px; }
	body .container{ max-width: 1540px !important; }

	header .top-bar .social-bar .textwidget a svg{width: 20px;height: 20px;}
	body #content .banner-sec .banner-row .banner-col .banner-txt{padding-left: 110px;}

	body #content .documentary-sec .documentary-row-slider .slick-slide.first-active{transform: scale(0.9) translateX(140px);} 
	body #content .documentary-sec .documentary-row-slider .slick-slide.fifth-active{transform: scale(0.9) translateX(-140px);} 
	body #content .panel .vertical-text{font-size:1.5rem;}
}



@media only screen and (min-width:1601px) and (max-width:1700px){

	body{ font-size: 16px; }
	body .container{ max-width: 1540px !important; }

	header .top-bar .social-bar .textwidget a svg{width: 20px;height: 20px;}
	body #content .banner-sec .banner-row .banner-col .banner-txt{padding-left: 110px;}
	body #content .panel .vertical-text{font-size:1.5rem;}

}



@media only screen and (min-width:1501px) and (max-width:1600px){

	html{ font-size: 16px; }
	body .container{ max-width: 1400px !important; }
	body #content .banner-sec .banner-row .banner-col .banner-txt{padding-left: 110px;}

}



@media only screen and (min-width:1401px) and (max-width:1500px){

	/* body{ font-size: 13.7px; }
	body .container{ max-width: 1300px !important; } */
/* 	html{font-size: 14px;} */

}



@media only screen and (min-width:1301px) and (max-width:1400px){

	html{ font-size: 13.7px; }
	body .container{ max-width: 1200px !important; }
	
	body #content .alexender-sec .swiper-slide-active{height:100% !important;}

}



@media only screen and (min-width:1201px) and (max-width:1300px){

	html{ font-size: 13.5px; }
	body .container{ max-width: 1170px !important; }
	header .logo img{width:100%;}
	
}



@media only screen and (min-width: 1101px) and (max-width: 1200px){

	html{ font-size: 13px; }
	body .container{ max-width: 1080px !important; }
	header .logo img{width:100%;}
	header#masthead.sticky .menu-bar .primary-navigation .menu-main-menu-container ul.menu{gap:1.5rem;}

}



@media only screen and (min-width: 1001px) and (max-width: 1100px){

	html{font-size: 12.5px;}
	body .container{ max-width: 1015px !important ;width: auto;}
	header .logo img{width:100%;}
	header#masthead.sticky .top-bar{gap:0.5rem;}
	header#masthead.sticky .menu-bar .primary-navigation .menu-main-menu-container ul.menu{gap:1.2rem;}
	header .menu-bar .primary-navigation .menu-main-menu-container > ul > li.menu-item-has-children::before{right:-13px;}
	header .top-bar .social-bar .textwidget a svg{width:10px;height:10px;}
	
	

}



@media only screen and (min-width: 768px) and (max-width: 1000px){

	html{ font-size: 12px; }

	body .container{ max-width: initial !important; width: auto; }

    
	/* body .flex-row{ flex-direction: column; } 

	body .flex-row .col-1{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-2{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-3{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-4{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-5{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-6{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-7{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-8{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-9{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-10{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-11{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-12{ flex: 0 0 100%; width: 100%; }  */
	
	/*	mobile menu*/
	   header#masthead.sticky .mob-show {display: block !important;}
	   header#masthead.sticky .menu-bar{display: none;}
	  header .header-bar .social-bar{display:flex;gap:1rem;align-items:center;}
	  header .header-bar .social-bar .asl_w_container{min-width:134px; display:block}
	.wpdreams_asl_results {width:100% !important;left:0px !important}
	

	/*	header*/
	header .menu-bar .primary-navigation .menu-main-menu-container ul#menu-main-menu li a{font-size: 1rem;}

	body #content .banner-sec .banner-row .banner-col .banner-txt p{font-size: 2.125rem;}
	body #content .banner-sec .banner-row .banner-col .banner-txt h2{font-size: 4rem;}

	/*	socumentry*/
	body #content .documentary-sec .documentary-row-slider img{height: 200px;}
	/* 	chairmanin notes */
	body #content .chairmain-sec .chairmain-row .chairmain-col-img .chairmain-name{font-size:1rem;}
	body .pdf-sec{margin-top:5.77rem;}

}



@media (max-width: 767px){

	html{ font-size: 12px; }

	body .container{ max-width: initial !important; width: auto;}

	body .flex-row{ flex-direction: column; }

	body .flex-row .col-1{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-2{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-3{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-4{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-5{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-6{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-7{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-8{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-9{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-10{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-11{ flex: 0 0 100%; width: 100%; }

	body .flex-row .col-12{ flex: 0 0 100%; width: 100%; }

	/*	mobile menu*/
	 body .mob-show {display: block !important;}
	 header .menu-bar{display: none;}
	 header#masthead.sticky .top-bar .social-bar {display:none;}
	header#masthead.sticky .top-bar{flex-direction: row;gap: 1rem;padding-block:1rem;}
	header#masthead.sticky .logo-txt{display:block;}
	header#masthead.sticky .top-bar img{width:90%;}
	
/* 	loader */
	#loader .loader{flex-direction:column;}
	.loader img:last-child {width: 250px; margin-left: 10px;object-fit:contain;}

	/*	header*/
	.heading{font-size: 2rem; margin-bottom: 1.5rem;}
	.mb{margin-bottom: 3rem;}
	header .top-bar{flex-direction: column;gap: 1rem;}
	header .logo-bar img{width: 90%;}
	header .top-bar .logo-bar{gap: 0.5rem;}
	header .header-bar .social-bar{display:flex;gap:1rem;align-items:center;}
	header .header-bar .social-bar .asl_w_container{min-width:134px; display:block}
	.wpdreams_asl_results {width:100% !important;left:0px !important}
	
	body #content .banner-sec .banner-row .banner-col .banner-img img{ object-fit: cover;aspect-ratio: 3 / 3;}
	body #content .banner-sec .banner-row .banner-col .banner-txt{padding: 0;left: 5%;}
	body #content .banner-sec .banner-row .banner-col .banner-txt h2{font-size: 1.7rem;}
	body #content .banner-sec .banner-row .banner-col .banner-txt p{font-size: 1.3rem;}
	body #content .panel .vertical-text{bottom: 20px;font-size:1.4rem !important}


	/*	offices of eft*/
	body #content .vertical-text{transform: none;left: 10px;top: initial;bottom: 5%;font-size: 1.5rem !important;}
	body #content .panel .content h2{font-size: 2rem;}
	body #content .container-main{flex-direction: column;}

	/*	legend*/
	body #content .legend-sec .legend-row .legend-points-row ul{padding-left: 1rem;margin-bottom: 1.5rem;}
	/*	accordion css*/
	body #content .activities-sec .act-accordion-row img{margin-bottom: 1rem;}
	body #content .activities-sec .act-accordion-row .vc_tta-panel-heading h4 a{font-size: 1.8rem;}
	body #content .activities-sec .act-accordion-row .vc_tta-panel-body h3{font-size: 1.2rem;}
	
	body #content .panel .vertical-text {transform: rotate(0);left:0;}

	/*	documentry*/
	body #content .menu-container-row .activities-menu .menu-activities-menu-container ul li a{font-size: 1.6rem;}

	/* 	chairman notes */
	body #content .chairmain-sec .chairmain-row .chairmain-col-img{position:relative;top:0;}
	body #content .chairmain-sec .chairmain-row{padding: 1rem 0;}
	body #content .chairmain-sec .chairmain-row .chairmain-col-img{margin-bottom:2rem;}
	/* 	 */
	/* 	inside hedaer css */
	body #content .page-header .header-banner .page-title h2{font-size:2.5rem;}
	/* 	 */
	/* 	heritage page css */
	body #content .heritage-sec .heritage-row-2 .heritage-row-inner{display:flex;flex-direction:column-reverse;}
	body #content .heritage-sec .heritage-row-2 .heritage-row-inner strong{font-size:1.2rem;}
	body #content .heritage-sec .heritage-row-2 ul.heritage-list li{font-size:1.2rem;display:flex;flex-direction: column;align-items: baseline;gap:1.5rem;margin-bottom:1.5rem;}
/* 	activities of eft */
	body #content .activities-sec .activities-tabs-row .vc_tta-panel-heading .vc_tta-panel-title a {font-size: 1.2rem;color:#fff;}
	body #content .activities-sec .activities-tabs-row .vc_tta-panel-heading {background:#144276;}
	body #content .activities-sec .activities-tabs-row .vc_active .vc_tta-panel-heading {background:#FBB041;}
	body #content .alexender-sec .alexender-tabel-row .shah-jo-rang-row img{aspect-ratio:1;}
	body #content .alexender-sec{height:auto;}
	body #content .alexender-sec .swiper-slide-active{height:100% !important;}
	body #content .alexender-sec .slide-inner{height:100% !important;}
/* 	boardof trustes */
	body #content .board-members-row::before{display:none;}
	body #content .board-members-row{display: grid;grid-template-columns: 1fr 1fr;row-gap: 1rem;}
	body #content .board-members-row > .vc_col-xs-6{width:100%;}
	body .fancybox__content .member-popup{ flex-direction: column;}
/* 	publication page css */
	.publications-table table .title a{justify-content: center;text-align: center;flex-direction:column;}
/* 	alexender conference  */
	body #content .scholar-row.mobile{display:block;}
/* 	alexender conference  slider*/
	body #content .slider-section .wpb_single_image {flex: 0 0 50%;width: 50%;}
	
	
/* 	body #content .scholar-row.desktop{display:none;} */
/* 	product categories */
	body #content .project-category-archive .projects-grid{grid-template-columns:1fr 1fr;}
	body #content .single-layout .flex-row{gap:2rem;}
	body #content .activities-row .activities-grid > .vc_grid > .vc_pageable-slide-wrapper{grid-template-columns:repeat(1,1fr);}
	body #content .woocommerce-content ul.products{    grid-template-columns: repeat(1, 1fr);}

	/* 	 */
	footer .top-footer .flex-row{align-items: start;gap:1rem;}
	footer .bottom-footer{padding-top: 1rem;}
	footer .bottom-footer .flex-row{display: grid;grid-template-columns: 1fr 1fr;row-gap: 1rem;}
	footer .bottom-footer .flex-row section.widget:last-child {grid-column: span 2;}
	footer .bottom-footer .copyright{justify-content: center;}
	

  body #content .project-sec .project-row { max-width: 95%;display: flex;flex-direction: column;margin: 0 auto;}
  body #content .project-sec .project-row .img-col {position: relative;top: auto; height: auto;}
  body #content .project-sec .project-row .img-col .wpb_gallery {position: relative;opacity: 1 !important;border: none;margin-top: 7rem;}
  body #content .project-sec .project-row .img-col .wpb_gallery::before {left: 50% !important; top: -30px !important;transform: translate(-50%, -50%) !important;}
  body #content .project-sec .project-row .txt-col .right .block {height: auto; border: none; padding: 0;font-size: 1.4rem;margin-bottom:2rem;}
	body #content .project-sec .project-row .txt-col .wpb_row:last-child{display:none;}
  body #content .project-sec .project-row .txt-col .right .block p {font-size: 1.4rem;line-height: 1.6;}
  body #content .project-sec .location-row h5 {font-size: 1.6rem;}
body #content .documentary-sec .documentary-slider-1 .home-video-gallery .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_video_widget > .wpb_wrapper > .wpb_video_wrapper iframe{height:300px}
body #content .image-gallery ul {height: auto !important;display: grid;grid-template-columns: 1fr 1fr;}
	body #content .project-sec .project-row{height:auto;}
	body .pdf-row{display:grid;}
	body .pdf-row .wpb_column{width:100%;}
	body .pdf-sec{margin-top:5.77rem;}
	
}

@media (max-width: 435px){
	
	
}
