/* ---------- 150% Zoom CSS ----------- */
@media screen and (min-width:1280px) and (max-width:1360px) {	
body {font-size: clamp(16px, 1vw, 20px);}		
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:100px!important; padding-right:100px!important;}
	
}
/* ---------- 150% Zoom CSS End/ -----------*/	

@media screen and (min-width: 1600px) {
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:150px!important; padding-right:150px!important;}
	
}

@media screen and (min-width:1600px) and (max-width:1900px){
	
}	

@media screen and (min-width:1440px) and (max-width:1599px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left: 50px!important; padding-right:50px!important;}
	
}	

/* ---------- Laptop Resolution -----------*/
@media screen and (min-width:1361px) and (max-width:1366px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left: 50px!important; padding-right:50px!important;}
	
}
/* ---------- Laptop Resolution End/ -----------*/

@media screen and (min-width:1024px) and (max-width:1280px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:100px!important; padding-right:100px!important;}	
#content .industry-leader .container-fluid { padding-right:0px !important; position: relative; overflow: hidden;}
	
}

@media screen and (min-width:992px) and (max-width:1080px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:50px!important; padding-right:50px!important;}
#content .industry-leader .container-fluid { padding-right:0px !important; position: relative; overflow: hidden;}
	
}


@media screen and (min-width:992px) and (max-width:1024px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:50px!important; padding-right:50px!important;}	

	
}

@media screen and (min-width:992px){
	
}

@media screen and (min-width:768px) and (max-width:991px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:50px!important; padding-right:50px!important;}
	
}

@media screen and (max-width: 767px){

.header {height: 70px;}
.header .logo img {height: 50px; padding: 0px;}	
.header .btn-language{ font-size: 14px; position: absolute; top: 20px; right: 20px;}	
	
/* # Section */
.section{ padding-top:40px; padding-bottom:40px; position: relative;}
.section-bottom-half{ padding-bottom:40px;}

/* # Section Title */	
.section_heading h1, .section_heading h2 { font-size: 2rem;}
.section_sub_heading h2 { font-size:1.5rem;}
.section_heading{ margin-bottom: 1.75rem;}	
	
.btn_default {font-size: 1rem;letter-spacing: .075rem; height: 50px; line-height: 50px; padding: 0px 60px 0px 15px;}
ul.list-default li:before {position: absolute; top:5px;}
	
	
.slider-mobile-banner{display: block!important;}
.slider-desktop-banner{display: none!important;}
.slider{margin-top:0px;}	
	
.owl-carousel-common .owl-prev, .slider-owl .owl-prev{width:30px; height:30px; left:20px; transform: scale(0.8)}  
.owl-carousel-common .owl-next, .slider-owl .owl-next{width:30px; height:30px; right:20px; transform: scale(0.8)}
.owl-carousel-common .owl-prev img, .slider-owl .owl-prev img{ height:15px;}
.owl-carousel-common .owl-next img, .slider-owl .owl-next img{ height:15px;}
.owl-nav-active .owl-next, .owl-nav-active .owl-prev { transform: translate(0%, 0%); }	

#hero, #hero .carousel-item { height: auto; margin-top: 35px;}
#hero .carousel-container { position: absolute;  top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; padding: 1rem; text-align: center;}
#hero h2 {font-size: 35px; margin-bottom: 0px;}
#hero p { margin-bottom: 0px;}		
#hero .carousel-content {text-align: center;}	

.about_us{ margin-bottom: 0px;}	
.about_us .about_us_img { margin-bottom: 0px;}
.about_us .section_heading h1{ font-size: 2rem; text-align: center;}
	
.citizen_services::before{content: none;}
.citizen_services::after{content: none;}
.picture_gallery{padding-top: 40px!important;}	

.service-cards-wrapper{display: flex; flex-direction: column; gap:0px;}	
.service-card{width:100%; max-width: 100%; margin-bottom: 0rem; margin-top: 1rem;}
.tender_notice_owl.owl-carousel .owl-item img {width: 150px; margin: auto;	}
.step_card {display: flex; flex: 0 1 calc(50% - 1.2rem);}
.step_9_ways .section_sub_heading h2{font-size:1.5rem;}	
	
.banner-container{margin-top:70px}
.address_box{padding:1.5rem}
.contact-us .form-control{border:1px solid #6d6d6d; padding:.5rem .75rem; font-size:1rem; margin-bottom: 1rem}	
	
}

 
