@media(min-width: 1600px){
	.container{
		max-width: 1440px;
	}
}
@media(max-width: 1399.98px){
	.banner-content{
		padding: 180px 0 100px;
	}
	.banner-content h1{
		font-size: 5rem;
		line-height: 52px;
	}
	.contact-detail ul{
		gap: 14px;
	}
	/*=========option2==========*/
	#form-modal h2{
		font-size: 4rem;
    	line-height: 50px;
	}
	#form-modal .modal-content{
		padding: 100px 0 50px;
	}
	#form-modal .modal-close{
		top: 50px;
		right: 100px;
	}
}
@media(max-width: 1199.98px){
	.contact-detail-wrap{
		display: block;
	}
	.contact-detail ul {
    	gap: 40px;
  	}
	.contact-detail p{
		margin-top: 25px;
	}
}
@media (max-width: 991.98px) {
	.container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-area{
		padding: 25px 0;
	}
	.header-area img{
		width: 180px;
	}
	.banner-content {
        padding: 100px 0 50px;
    }
    .banner-content p{
    	max-width: 580px;
    	margin-bottom: 40px;
    }
    .banner-content h1 {
        font-size: 3.2rem;
        line-height: 34px;
    }
    .common-btn{
    	padding: 6px 0;
    	max-width: 190px;
    }
    .contact-detail ul {
        gap: 25px;
    }
    /*=========option2==========*/
    #form-modal .modal-dialog{
		max-width: 540px;
    	width: 94%;
    	margin: 5px auto;
	}
	#form-modal h2{
		font-size: 2.6rem;
    	line-height: 36px;
	}
	#form-modal .modal-content{
		padding: 50px 0;
	}
	.form-wrap{
		margin-top: 40px;
	}
	#form-modal .form-group {
	    margin-bottom: 20px;
	}
	#form-modal .modal-close{
		top: 15px;
        right: 15px;
        width: 35px;
        height: 35px;
	}
	#form-modal .modal-close img{
		width: 24px;
	}
}
@media (max-width: 767.98px) {
    .banner-content h1 {
        font-size: 2.6rem;
        line-height: 28px;
    }
    .contact-detail ul{
    	flex-wrap: wrap;
    	flex-direction: column;
    	align-items: start;
    }
}