/*  Desktop */
@media all and (min-width: 1601px) and (max-width: 1920px)
{

}
@media (max-width: 1440px)
{	
	.work_bx{padding: 30px 20px;}
	.work_grid{grid-gap: 15px;}
	.work_bx h5{font-size: 16px;}
	.work_bx p{font-size: 14px;}
	.hero_detail h1{font-size: 40px;line-height: 50px;}
	.hero_detail p{font-size: 15px;}
}
/* Laptop */
@media (max-width: 1366px)
{
	
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1280px)
{
	.custom-container{padding: 0 60px !important;}
	.work_grid{grid-gap: 8px;margin: 25px auto 0;}
	.work_grid span svg{width: 50px;height: 10px;}
	.work_bx{padding: 20px 15px;}
	.work_img{margin: 0 auto 10px;}
}
@media (max-width: 1100px){
	main{padding: 114px 0 0;}
}
@media (max-width: 1024px)
{
	/* Home */
	.contact_info{padding: 30px;}
	.contact_info h3{font-size: 30px;}
	.contact_info .form-control{font-size: 14px;padding: 12px 15px;}
	/* Buttons */
	.submit_btn{padding: 12px 20px;font-size: 14px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
	*{line-height: 1.5!important;}
	.row-reverse{flex-direction: column-reverse;}
	/* custom Container */
	.custom-container{padding: 0 50px !important;}
	br{display: none !important;}
	.row-reverse{flex-direction: column-reverse;}
	main{padding: 80px 0 0;}
	/* Home */
	.hero_detail span{font-size: 16px;margin-bottom: 6px;}
	.hero_detail h1{font-size: 30px;}
	/* Buttons */
	.comn_btn, .submit_btn, .contract_btn{padding: 12px 20px !important;font-size: 14px;}
	.map iframe{border-radius: 15px;min-height: 650px;}
	.contact_info h3, .who_txt h3, .comn_title h3, .upload_blog h3, .terms_blog h3{font-size: 22px;}
	.contact_info{padding: 22px;border-radius: 15px;}
	.hero_section{padding: 100px 0 20px;}
	/* General section Padding */
	.who_blog, .work_blog, .about_blog, .faq_blog, .map_blog{padding: 20px 0;}
	.who_txt p, .comn_title p{font-size: 14px;margin-bottom: 10px;}
	.work_grid{grid-gap: 15px;margin: 20px auto 0;}
	.work_grid span{display: none;}
	.about_img{margin: 0 auto 20px;}
	.faq_blog .accordion-body{max-width: 750px;}
	.faq_blog .comn_title{margin-bottom: 10px;}
	.faq_blog .accordion-button, .prevw_head h3{font-size: 15px;}
	/* preview document */
	.preview_blog .upload-section, .white_bx, .prevw_body, .upload_bx, .terms_bx, .modal_bx .modal-content, .upload-area{padding: 20px;}
	.preview_blog .upload-box, .preview_blog .uploaded-preview{padding: 10px 15px;}
	.preview_blog .upload-box span, .file-info span{font-size: 14px;}
	.upload_blog p{font-size: 14px;margin-bottom: 20px;}
	.who_txt ul li span{font-size: 14px;}
	
	

	
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px)
{	
	/* custom Container */
	.custom-container{padding: 0 30px !important;}
	.faq_blog .accordion-body{max-width: 100%;}
	.faq_blog .accordion-button::after{width: 2rem !important; height: 2rem !important;}
	.map_flx{flex-direction: column-reverse;}
	.contact_info{max-width: 100%;margin-right: 0;}
	.map{margin: 0 auto 15px;}
	.map iframe{height: auto;min-height: auto;}
	.hero_detail h1{font-size: 25px;margin-bottom: 10px;}
	.hero_section::after{height: 68vh;}
	.work_grid{display: block;}
	.work_bx{width: 100%;margin-bottom: 15px;background: linear-gradient(0deg, rgba(255, 255, 255, 100) 0%, #FFFFFF 0%);}
	
	
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
	/* custom Container */
	.custom-container{padding: 0 12px !important;}
	.hero_section::after{display: none;}
	.hero_section{padding: 90px 0 20px;}
	.hero_detail span{font-size: 14px;}
	.hero_detail h1{font-size: 22px;}
	.hero_detail p, .sucessful-body p{font-size: 14px;}
	.flx-grps{display: block;}
	.flx-grps .or_txt{flex-direction: unset;}
	.flx-grps .or_txt span{transform: rotate(180deg);display: none;}
	.upload-lft{display: block;}
	.modal_bx .modal-header h5, .sucessful-body h3{font-size: 20px;}
	.modal_bx .btn-close{    margin: 0.2rem 0rem 0rem auto;}
	.pdf_bx{padding: 15px;}
	.form-flx{flex-direction: column;grid-gap: 0;}
}
@media (max-width: 575px) {
.brand_logo img{height:28px;}
.brand_logo{
	display: contents;
}
}
@media (max-width: 475px)
{
	
}
@media (max-width: 375px)
{
	
}