@charset "utf-8";
/*----------
* theme: 
* Author: ANTS Creation
* Url : https://www.ants.lk/
----------------------------
* responsive css file
----------------------------------*/

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

@media (max-width: 575px){
	.page-inner-header, .page-banner-outer {
    	min-height: 220px;
	}
	.about-para h1 {
    	font-size: 1.5rem;
    	text-align: center;
	}
	.about-counter-details {
    	margin: 0 0 12px 0;
    	font-family: font-3;
	}
	.counter-para li {
		width: 100%;
		text-align: center;
		float: none;
		padding: 0 0 20px 0;
	}
	.value-box li {
    	width: 100% !important;
	}
}

@media (max-width: 767px){
	.navbar img {
    	padding: 2px 0;
		max-height: 70px;
	}
	.navbar-toggler-icon i{
		font-size: 1.7rem;
	}
	.section-p-tb {
		padding-top: 20px;
		padding-bottom: 0px;
	}
	.wellcome-section h1 {
		font-size: 1.5rem;
	}
	.wellcome-section h1 span {
    	font-size: 1.8rem;
	}
	.about-section .pop-out h2 {
    	text-align: center;
		padding: 0;
	}
	.mob-center{
		text-align: center;
		margin: 0 0 30px 0;
	}
	.about-section .pop-out img {
    	padding-right: 0;
	}
	.about-section .pop-out p {
    	text-align: center;
	}
	.custom1 {
		padding: 30px 0 !important;
	}
	.custom2 {
		padding: 20px 10px !important;
	}
	.about-section h2 {
		font-size: 1.7rem;
		line-height: 37px;
		padding: 0;
	}
	.width-1 {
		width: 100%;
		padding: 0 0 20px 0;
	}
	.counter-para h1 {
		font-size: 2rem;
		text-align: center;
	}
	.counter-para h2 {
		font-size: 2rem;
		text-align: center;
	}
	.count-value {
		font-size: 2.8rem;
		text-align: center;
	}
	.value-area-bg {
    	padding: 40px 0;
	}
	.contact-detail ul li {
		width: 100%;
		text-align: center;
		border-right: none;
		padding: 0 0 20px 0;
	}
	.contact-detail ul li .contact-box a {
		font-size: 1.3rem !important;
		line-height: 15px !important;
	}
	.service-section.section-p-tb{
		padding: 40px 0;
	}
	.contact-detail .contact-box{
		margin: 0 0 20px !important;
	}
}

@media (max-width: 991px){
	.contact-detail ul li .contact-box a {
		font-size: 0.8rem;
		line-height: 10px;
	}
	.contact-form {
    	padding: 0;
	}
	.value-box li{
		width: 50%;
		height: 205px;
		margin-bottom: 20px;
	}
	.slide-contact{
		padding: 0;
	}
}

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


/*----------------- Custom Breakpoints ------------------*/
@media (min-width:320px) and (max-width: 991.98px){}