/* ================= RESPONSIVE CSS ====================*/

@media (max-width: 1350px){

    
}



@media (max-width: 1199px){
    

   
}






@media (max-width: 991px){

    .banner-content h1{font-size: 3rem;}
    .breadcrumb-caption-area{top: 15%; position: relative;}
	.footer-menu-area .col-6 {margin-bottom:30px;}

}




@media (max-width: 767px){

    .header-logo img{max-width: 200px;}
    .main-navbar{height: auto;}
	.social-icons{display:none;}
    .home-banner-section{height: 960px; padding-bottom: 60px; }
	.breadcrumb-caption-area {top: 8%;}
    .banner-content{margin-bottom: 35px;}
    .banner-content h1{font-size: 3rem;}
    .practice-carousel{padding:0;}
    .contact-form-section{padding: 60px 0 60px;}
	

}






@media (max-width: 575px){
	
	.main-navbar{height:auto;}
	.social-icons{display:none;}
    h1{font-size: 40px;}
    .inner-wrapper .container-fluid {padding-right: calc(var(--bs-gutter-x) * .8); padding-left: calc(var(--bs-gutter-x) * .8);}
    #header  .container-fluid .row .col-auto:nth-child(1){flex: 0 0 auto; width: 83.33333333%; text-align: center;}
    .home-banner-section .inner-wrapper{padding-left: 0px;}
    .main-navbar .navbar-toggler{top: 9px;}
    .main-navbar.fix-nav .navbar-toggler {top: -8px;}
    .main-navbar > .navbar {height: 0; padding: 0; background: none;}
    .header-phone small, .header-phone a span{display: none !important;}

    .form-boxed {width: 100%; text-align: center !important;}
    .form-boxed h3 br{display: none;}

}

	@media (max-width: 410px){
		
			#header .container-fluid .row .col-auto:nth-child(1) { width: 75%;}

	}