/* responssive  */
@media (max-width: 1150px) {
    header .main_btn {
        font-size: .8rem !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .3rem !important;
        padding-left: .3rem !important;
    }

    .nav-link,
    .dropdown-item {
        font-size: 14px;
    }

    #footer .footer_logo {
        width: 30%;
    }
	.bottom_header img{
		width: 35px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1050px) {
    header .main_btn {
        padding: 12px;
    }

    .navbar .navbar-brand img {
        width: 200px;
    }

    .nav-link,
    .dropdown-item {
        font-size: 13px;
    }
	 
}

@media (max-width: 991px) {
	.navbar-toggler, .navbar-toggler:focus{
		background-color: var(--bg-color-green);
		border: none;
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7), inset 1px 1px 5px rgb(41 41 41 / 38%);
		outline: none;
	}
    .container {
        max-width: 95% !important;
    }
	.bottom_header img{
		width:35px;
	}

    #whyus .whyus_box .whyus_content {
        align-items: self-start;
        flex-direction: column;
    }

    #whyus .whyus_box2 .whyus_content {
        flex-direction: column-reverse;
        align-items: self-end;
    }
/*     .sersec {
  width: 50%;
  margin: auto 10px;
  margin-bottom: 3%!important;
  float: left;
}*/
    #usp .usp_item {
        flex-direction: column;
    }

    #usp .usp_content {
        text-align: center;
    }

    .popular_para img {
        width: 100%;
    }
	#whyus .whyus_img_position {
        display: none;
    }
/* 	abou dropdown */
	.navbar .dropdown-toggle::after {
    	transition: all 0.3s ease;
    	position: absolute;
    	right: 10px;
/* 		border: 1px solid #000; */
	}

/* Move icon to the right when active */
	.navbar .dropdown.active .dropdown-toggle::after {
/*     	right: 0; */
/*     	transform: rotate(180deg);     /* Optional: Rotate icon */ */
	}
	
	.bottom_header a[href^="mailto:"] .bottom_contact span:nth-of-type(2), .bottom_header a[href^="tel:"] .bottom_contact span:nth-of-type(2){
		font-size:14px!important;
	}
	 .copyright p,
    .designed p {
        text-align: center !important;
    }
	.blogs_aside h5 {
		font-size: 2rem !important;
	}
}

@media (max-width: 768px) {
    .bottom_header .row a {
        justify-content: center !important;
    }
	.top-shape{
		justify-content:center !important;
	}
	.top_header h6.py-3, .top-shape{
		padding-block: 8px !important;
	}
	.nav_contact_details.ps-5{
		padding-left: 0!important;
	}
	.bottom_contact .child2
    #testimonial .container .row {
        flex-direction: column-reverse;
    }

    .col-md-4:not(:last-of-type) .usp_item {
        border-right: none;
    }

    #whyus .whyus_img_position {
        display: none;
    }

    #whyus .whyus_box .whyus_content,
    #whyus .whyus_box2 .whyus_content {
        padding: 20px 25px;
    }

    #whyus .whyus_box .whyus_text {
        margin-right: 0%;
    }

    #whyus .whyus_box2 .whyus_text {
        margin-left: 0% !important;
    }

    #footer .footer_logo {
        width: 60%;
    }

    /* pagination */
    .gallery_pagination .pagination li:not(:first-child):not(:last-child) a,
    .gallery_pagination .pagination li a {
        font-size: 14px !important;
    }

    .gallery_pagination .pagination li:first-child,
    .gallery_pagination .pagination li:last-child {
        width: 90px;
    }


    .gallery_pagination .pagination li:not(:first-child):not(:last-child) {
        margin: 0;
    }

    #blogs .pagination a {
        border-radius: 5px;
    }

    .popular_para img {
        width: 40%;
    }
	.popular_para p{
		-webkit-line-clamp: 3;
	}
	
	.aside_img__bx h6{
		padding:10px 0px ;
		-webkit-line-clamp: 1;
	}
	
	
		.bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f1f1f1;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    display: block;
    z-index: 9999;
	}
	.bottom-menu .bottom_menu_btn, .bottom-menu .bottom_menu_btn2{
		flex: 1;
		text-align: center;
		font-size: 1.15rem;
		padding: 10px;
		color: #fff;
		font-weight: 600;
	}
	.bottom-menu .bottom_menu_btn:hover, .bottom-menu .bottom_menu_btn2:hover{
		opacity: .7;
		background: linear-gradient(90deg,rgba(28, 70, 149, 1) 37%, rgba(60, 183, 77, 1) 83%);
 
	}
	.bottom-menu .bottom_menu_btn i{
		color: var(--bs-white-rgb);
	} 
	.bottom-menu .bottom_menu_btn2 i{
		color: var(--bs-white-rgb);
	}
	.bottom-menu .bottom_menu_btn{
		background-color: var(--bg-color-green);
	}
	.bottom-menu .bottom_menu_btn2{
		background-color: var(--bg-color-blue);
	}
/* 	.bottom-menu .bootom_middle_line{
		width: .3px;
		top: 0;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background-color: #fff;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	} */
	.footer_bottom {
		padding-bottom: 35px;
	}
/* 	.aside_img__bx p{
		display: none;
	}
	.popular_post_wrapper {
		flex-direction:row !important;
		flex-wrap: wrap;
  		gap: 10px;
	}
	.popular_post_wrapper a{
	flex: 0 0 calc(48% - 0px);
/*   	padding: 20px; */
/*   	text-align: center; 
	}
	.aside.blogs_aside h6{
		padding: 0px 0px 15px 0px;
	} */
}





@media (max-width: 767px) {
#whyus .whyus_box2 {
  margin-top: 30px;
}
h2 {
  font-size: 1.8rem!important;
}
.heading_part p {
  margin-bottom: 20px;
  text-align: center!important;
}
.blogs_aside h5 {
  font-size: 2rem !important;
}
#footer .footer_logo {
  top: 6%;
}
	.facts-1-section iframe{
		height: 400px;
	}
	#totop{
		bottom: 100px;
	}
}

@media (max-width: 575px) {
   .py-8 {
       	padding-top: 3rem;
    	padding-bottom: 3rem;
	}
 
  #footer .footer_logo {
  top: 15px;
  background: #fff;
  left: -75px;
}
.form-control {
  padding: 8px 10px;
  font-size: 1rem;
}	
#breadcrumbs h1{
	font-size: 1.2rem!important;
}
 h2 {
    font-size: 1.4rem !important;
  }
	.main_btn{
		width: max-content;
		padding: 10px 15px;
		font-weight:500;
	}
	#about .about_imgbx img {
		width:100% !important;
		height:45vh;
	}
    #whyus .whyus_box2,
    #whyus .whyus_box {
        border-radius: 18px;
    }

   .pe-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
 .popular_para img {
    width: 20%;
  }
   .nav-link, .dropdown-item {
    font-size: 16px;
  }
   header .main_btn {
    font-size: 1.3rem !important;
  }
  .sercont {
  height: 85px !important;
  overflow: hidden !important;
}
  .large-image {
  width: 100%;
  height: 50%;
  object-fit: cover;
}
.gallery_img_wrapper img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
  #pageservices .service_box .blog-post .blog-post-content h6 {
  font-size: 1.5rem!important;
}
  .popular_post_wrapper {
  padding: 0px;
}
    .page_blogdetails ul {
        grid-template-columns: 1fr;
        gap: 10px;
    }
.navbar .navbar-brand img {
  width: 260px;
  padding: 15px 0px;
}
#breadcrumbs{
  padding: 50px 0!important;
}
    .servicedetails_img {
        width: 100%;
    }

    .card.shadow.flex-grow-1.p-5.rounded-5 {
        padding: 15px !important;
    }
	#testimonial .owl-nav {
	bottom: -10%;
	}
	#footer .footer_logo {
    top: 5%!important;
		width:60vw;
	}
	#herocarousel .carousel-item img {
		height: 60vh;
	}
	
	.bottom_header a[href^="mailto:"] .bottom_contact span:nth-of-type(2){
		display: none;
	}
	.bottom_header a[href^="mailto:"] .bottom_contact span:nth-of-type(1){
		color:var(--bg-color-green);
		font-size:17px;
		font-weight:600;
	}
		.popular_para p{
		-webkit-line-clamp: 1;
	}
/* 	
	.aside_img__bx h6{
		-webkit-line-clamp: 1;
	} */
.aside_img__bx h6{
	top:3px;
	padding:0px !important;
	display: -webkit-box;
	 -webkit-line-clamp: 1 !important;
	}
}

@media (max-width: 480px) {
	#totop i{
		font-size: 2rem;
	}
    header .top_header {
        display: none;
    }
	
	.bottom_header a[href^="mailto:"] .bottom_contact span:nth-of-type(1){
		font-size:13px;
	}
    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }
/*      .sersec {
  width: 100%;
  margin: auto 10px;
  float: left;
}*/
    nav.navbar.px-5 {
        padding-left: 20px !important;
        padding-right: 15px !important;
    }

    .navbar .navbar-brand img {
        width: 180px;
    }

    .bottom_header a .bottom_contact span:nth-child(2),
    .bottom_header .opening_hour span:nth-child(2) {
        color: var(--bg-color-green);
        font-weight: 600;
        font-size: 14px;
    }
	

    #herocarousel .carousel-item img {
        height: 35vh;
    }
#breadcrumbs {
    background-blend-mode: multiply;
    padding: 45px 0 50px;
}
	h1.bread_heading.mb-5.text-white {
		margin-bottom: .5rem !important;
}
	
#herocarousel .carousel-item .caption_text p {
    color: var(--color-para-2);
    display: none;
}

    #about .button_group {
        flex-direction: column;
    }

    #usp .usp_item .usp_icon img {
        width: 50px;
    }

    #footer .footer_logo {
        top: 4%;
    }
	#footer .blogs_btn{
		justify-content: center;
	}
	#footer .blogs_btn .main_btn{
		width: 90%;
		font-size: 14px;
		
	}

	.bottom-menu .bottom_menu_btn:hover, .bottom-menu .bottom_menu_btn2:hover{
		opacity: .7;
	}

	.bottom-menu .bottom_menu_btn{
		background-color: var(--bg-color-green);
	}
	.bottom-menu .bottom_menu_btn2{
		background-color: var(--bg-color-blue);
	}

	#herocarousel .carousel-caption .main_btn {
		display: none;
	}
	
	.bottom_header a .bottom_location span:nth-child(2), .bottom_header a .bottom_contact span:nth-child(2), .bottom_header .opening_hour span:nth-child(2) {
    color: var(--bg-color-green);
    font-weight: 600;
    font-size: 13px;
}
}

@media (max-width: 400px) {
	.blog-post-content .main_btn {
        overflow: hidden;
        width: 90%;
    }
	.bottom_header span.ms-2.ms-sm-0 {
		margin-left: 0 !important;
}
	.bottom_header a.d-flex.align-items-center.gap-2 {
    gap: 0 !important;
}
	.bottom_header img {
    width: 22px;
}
	.bottom-menu .bottom_menu_btn, .bottom-menu .bottom_menu_btn2 {
        font-size: 4vw;
    }
}

@media (max-width: 320px) {

    /* pagination */
    .gallery_pagination .pagination li:not(:first-child):not(:last-child) a,
    .gallery_pagination .pagination li a {
        font-size: 12px !important;
    }

    #pageservices .service_box .item .main_btn {
        width: 50%;
    }
}