/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	/*header start*/
	.navbar-brand{
		width: 70%;
	}
	.logo{
		width: 70%;
	}
	.menu{
		text-align: center;
	}
	.menu li:hover a::after{
	    transform: scaleX(0);
	}
	.log-in{
		margin: auto;
		width: 45%;
	}
	/*header end*/
	/*banner start*/
	.banner{
		background-position: center;
	}
	.banner-overlay{
		padding: 70px 0;
		background: linear-gradient(90deg, rgba(36,0,3,0.9) 44%, rgba(237,11,73,.7) 90%);
	}
	/*banner end*/
	/*about start*/
	.about{
		padding: 40px 0;
	}
	.sec-heading{
		padding-bottom: 20px;
	}
	.about-details{
		padding: 10px 0;
	}
	.about-desc p{
		font-size: 16px;
		padding:0px 0 0 0px;
	}
	/*about end*/
	/*service start*/
	.ser-overlay{
		padding: 40px 0;
	}
	.ser-si-item{
		padding: 35px 30px;
	}
	/*service end*/
	/*contact us start*/
	.contact{
		padding: 70px 0;
	}
	.contact-infor-details{
		text-align: center;
	}
	.icon{
		font-size: 30px;
	}
	.si-info{
		font-size: 16px;
	}
	form{
		margin-top: 20px;
	}
	/*contact us end*/
}

 /*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	/*header start*/
	.menu{
		text-align: center;
	}
	.menu li:hover a::after{
	    transform: scaleX(0);
	}
	.log-in{
		margin: auto;
		width: 25%;
	}
	/*header end*/
	/*banner start*/
	.banner-overlay{
		padding: 100px 0;

	}
	/*banner end*/
	/*about start*/
	.about{
		padding: 40px 0;
	}
	.sec-heading{
		padding-bottom: 20px;
	}
	.about-details{
		padding: 10px 0;
	}
	.about-desc p{
		font-size: 16px;
		padding:0px 0 0 0px;
	}
	/*about end*/
	/*service start*/
	.ser-overlay{
		padding: 40px 0;
	}
	.ser-si-item{
		padding: 25px 20px;
	}
	/*service end*/
	/*contact us start*/
	.contact{
		padding: 70px 0;
	}
	.contact-infor-details{
		text-align: center;
	}
	.icon{
		font-size: 25px;
	}
	.si-info{
		font-size: 16px;
	}
	/*contact us end*/

}

 /*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	/*header start*/
	.menu{
		text-align: center;
	}
	.menu li:hover a::after{
	    transform: scaleX(0);
	}
	.log-in{
		margin: auto;
		width: 25%;
	}
	/*header end*/
	/*banner start*/
	.banner-overlay{
		padding: 130px 0;

	}
	/*banner end*/
	/*about start*/
	.about{
		padding: 50px 0;
	}
	.sec-heading{
		padding-bottom: 30px;
	}
	.about-details{
		padding: 20px 0;
	}
	.about-desc p{
		font-size: 14px;
		padding:0px 0 0 0px;
	}
	/*about end*/
	/*service start*/
	.ser-overlay{
		padding: 50px 0;
	}
	.ser-si-item{
		padding: 25px 20px;
	}
	/*service end*/
	/*contact us start*/
	.contact{
		padding: 70px 0;
	}
	.si-info{
		font-size: 16px;
	}
	/*contact us end*/

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.ser-si-item{
		min-height: 280px;
	}

}
/* custom ex Large devices (desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {


}


 /* custom Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {


}