@media (max-width: 992px) {
    .navbar-brand img {
        width: 170px;
        height: 50px;
    }

    .container {
        max-width: 95%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .btn_one,
    .btn_two {
        padding: 5px 30px;
    }

    .gallery_container figure {
        padding: 0 30px;
        height: 60vh;
    }

    #timing_section {
        padding: 30px 15px 0 15px;
    }

    /*=========Swimmig pool page==========*/
    #pool_herobanner{
        padding: 150px 0 110px;
    }
    
    .we_do_details h2,
    #designprocess h2,
    #accordian h2 {
        font-size: 30px;
    }

    .we_do_buttons .btn-1,
    .we_do_buttons .btn-2 {
        width: 140px;
    }

    #bootom_banner .bottom_contentet h4 {
        font-size: 18px;
    }

    #bootom_banner .bottom_contentet p {
        font-size: 13px;
    }

    .poolgallery_row {
        margin-left: 0;
        margin-right: 0;
    }

    .bottom_content_box {
        width: 109%;
        left: 11%;
    }

    /* =============landscaping page =====================*/
    #lansscaping_why_us {
        padding: 50px 0 25px;
    }

    .why__us h2 {
        font-size: 30px;
        padding-bottom: 0;
    }

    .why__us p {
        font-size: 17px;
    }

    #advice .py-5 {
        padding: 25px 15px 0;
    }

    .content h2 {
        padding-bottom: 0;
    }

    .advice_card .h4 {
        font-weight: 700;
        font-size: 20px;
    }

    #landscapegallery .row {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    /*================portfolio page========*/
    #welcome .welcome_text h2, .page-top .portfolio_heading {
        font-size: 30px;
    }
    /*===========contact us page========*/
    #contactdetail {
        padding: 30px 0;
    }
    .contact__details h2.contact__details_header {
        font-size: 30px;
    }
    .contact__detail_box p a {
        font-size: 20px;
    }
    /*=================blog page==========*/
    #blogs .blogs_heading {
        font-size: 30px;
        font-weight: 700;
        padding-bottom: 0;
    }
    #blogs .blogs_para {
        font-size: 16px;
        text-align: justify;
    }
    #blogs aside .list-group a p{
        font-size: 14px;
    }
    /*================blog details=====================*/
    #full_blog {
        padding: 30px 0px;
    }
    .blog-d-author-meta {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /*=================FAQ page==========*/
    .faqtop_content h2 {
        font-size: 30px;
    }

}


@media (max-width: 991px) {

div#navbarSupportedContent {
    display: block;
    justify-content: end;
}
 ul.num_sec {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    z-index: 454587;
  }
  #mega-menu-wrap-primary .mega-menu-toggle {
    height: 0px!important;
  }
#mega-menu-wrap-primary .mega-menu-toggle {
  position: absolute!important;
  right: 0px!important;
  top: -40px!important;
}
.videobox::before {
  content: "";
  background-color: #00000029;
  opacity: .5;
  width: 100%;
}	
.gallery_container figure img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 10px;
}	
#myBtn {
  width: 40%;
  top: -150px;
  margin: auto;
}	
.gallery_container figure {
    padding: 0px;
    height: auto;
  }
  .footer_bottom p {
    font-size: 15px;
  }	
.modal {
  position: fixed;
  z-index: 4454545;
}	
	
	
}


@media (max-width: 870px) {

#herobanner {
  padding: 150px 0;
  min-height: 50vh;
  margin-top: 5%;
}
.modal-content {
  background-color: #fefefe;
  margin: 6% auto;
  padding: 0px;
  border: 1px solid #888;
  width: 80%;
  position: relative;
}



}





@media (max-width: 768px) {
    body {
        padding: 0;
    }

    .btn_one,
    .btn_two {
        font-size: 18px;
    }

    .getintouch_top p,
    .gallery_container p {
        font-size: 16px;
    }

    .tiny-text {
        font-size: 15px;
    }

    .getintouch_content figure {
        width: 140px;
    }

    .getintouch_content h4 {
        font-size: 22px;
    }

    #gallery {
        padding: 0 0 30px;
    }

    #getintouch {
        padding: 30px 0;
    }

    .gallery_container h2 {
        font-size: 28px
    }

    .gallery_container figure {
        padding: 0;
    }

    .landscape_heading {
        text-align: center;
        padding-bottom: 10px;
        font-size: 28px;
        font-weight: 700;
    }

    #visit_us_header {
        font-size: 28px;
        padding-bottom: 10px;
    }

    #visit_us iframe {
        height: 250px;
    }

    .review_item p {
        font-size: 14px;
    }

    .review_item h4 {
        padding-top: 10px;
    }

    .col_brand figure {
        margin: auto;
    }

    .col_brand p {
        text-align: center;
    }
    .social_icon_group {
        justify-content: center;
    }

    .footer_menu h5,
    .footer_service h5 {
        padding-top: 10px;
    }

    .footer_bottom p {
        font-size: 10px;
    }

    /* ===========swimming pool page====================== */
    #pool_herobanner {
        padding: 150px 0 100px;
    }

    .pool_banner_text h1 {
        font-size: 34px;
    }

    .pool_banner_text h5 span a {
        font-size: 18px;
    }

    .bottom_content_box {
        position: static;
        width: auto;
        height: auto;
        top: auto;
        transform: none;
        left: auto;
        margin-top: 20px;
        box-shadow: none;
        border-left: none;
        border-bottom: none;
        margin-top: 0;
    }

    .what_we_do {
        padding: 30px 0;
    }

    .we_do_image figure {
        height: 250px;
    }

    .we_do_details h5 {
        padding-bottom: 0;
    }

    .we_do_details h2,
    #designprocess h2,
    #accordian h2 {
        font-size: 26px;
        padding-bottom: 0;
    }

    .we_do_details p,
    .design_process p,
    .design_botom_text p {
        font-size: 14px;
        font-weight: 500;
        color: var(--clr-black-2);
    }

    #designprocess {
        padding-bottom: 30px;
    }

    #accordian .btn-link {
        font-size: 16px;
        padding-left: 10px;
    }

    .card-body.accordian_card_body {
        font-size: 16px;
    }

    #bootom_banner .row {
        gap: 20px;
        flex-direction: column-reverse;
    }

    .bottom_image {
        padding-left: 0;
        padding-right: 0;
    }

    #bootom_banner .bottom_image figure {
        width: 100%;
        height: 280px;
        margin: 0;
    }

    /*=============landscaping page==============*/
    #landscaping_herobanner {
        padding: 150px 0 100px;
    }
    .pool_banner_text h1 {
        font-size: 30px;
    }

    .pool_banner_text h5 span a {
        font-size: 16px;
    }

    .pool_banner_text h5 span {
        font-size: 16px;
    }

    #lansscaping_why_us {
        padding: 25px 0 25px;
    }

    .why__us h2 {
        font-size: 26px;
    }

    .why__us p {
        font-size: 14px;
        padding: 0 15px;
    }

    #advice .py-5 {
        padding: 0;
    }

    .content {
        padding: 0 25px;
    }

    .content h2 {
        font-size: 26px;
    }

    #landscapegallery {
        padding: 0;
    }

    #landscapegallery .landscape_gallery_img figure img {
        width: 90%;
        margin: auto;
    }

    #components .components_header {
        font-size: 26px;
        padding-top: 30px;
        padding-bottom: 10px;
    }

    #components .components_para {
        font-size: 14px;
        padding-bottom: 0;
    }

    /*===============portfolio page=============*/
    #welcome .welcome_text h2, .page-top .portfolio_heading {
        font-size: 26px;
        padding-bottom: 10px;
    }
    .welcome_imge {
        padding: 30px 0;
    }
    .welcome_imge h3 {
        font-size: 24px;
    }
    #welcome {
        padding: 30px 0;
    }
    .welcome_imge p {
        font-size: 24px;
    }
    #welcome .welcome_text p {
        font-size: 14px;
    }
    .page-top .portfolio_para {
        font-size: 14px;
        padding-bottom: 30px;
    }
    /*===============ABOUT US PAGE============*/
    #aboutus {
        padding: 30px 0;
    }
    .our-webcoderskull .cnt-block{
        padding: 10px;
    }
    .padding-lg {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .our-webcoderskull .cnt-block figure {
        width: 120px;
        height: 120px;
    }
    .our-webcoderskull .cnt-block img {
        width: 100%;
        height: 100%;
    }
    .equal-hight{
        height: 280px !important;
    }
    #aboutus .about_us_heading, #ourmission h2, .row.heading h2 {
        font-size: 26px;
    }
    #aboutus .aboutus_sub_heading {
        font-size: 15px;
    }
    #aboutus .about_us_para, .about_us_text p, #ourmission p {
        font-size: 14px;
        text-align: justify;
    }
    .aboutus_promise p {
        font-size: 14px;
        height: 40px;
    }
    .about_us_text a {
        align-self: center;
    }
    /*===============contact us page=======*/
    #pool_herobanner {
        padding: 150px 0 80px;
    }
    .contact__details h2.contact__details_header {
        font-size: 28px;
        padding-bottom: 0;
    }
    .contact__details p.contact__details_para {
        font-size: 14px;
        text-align: justify;
    }
    .contact__detail_box h5 {
        font-size: 18px;
        padding: 20px 0 0px;
    }
    .contact__detail_box p a {
        font-size: 18px;
    }
    .col-md-6.col-sm-12.contact__details {
        padding-top: 30px;
    }
    /*===============blog page===========*/
    #blogs {
        padding: 30px 0;
    }
    #blogs .blogs_heading {
        font-size: 28px;
    }
    #blogs .blogs_para {
        font-size: 14px;
    }
    #blogs article header h4 a {
        font-size: 20px;
    }
    #blogs .entry-content figure {
        width: 100%;
        height: 250px;
    }
    #blogs .entry-content p {
        font-size: 14px;
    }
    a.btn.btn-primary {
        font-size: 15px;
    }
    #blogs aside h3 {
        font-size: 26px;
        font-weight: 600;
    }
    #blogs aside .list-group a h4 {
        font-size: 22px;
    }
    #blogs aside .list-group a p {
        margin-bottom: 0;
    }
    #blogs aside .follow_header {
        font-size: 26px;
        font-weight: 600;
    }
    #blogs aside .social a i {
        font-size: 22px;
        width: 35px;
        height: 35px;
    }
    #blogs .blogs_row {
        background-color: var(--clr-bg-4);
        padding: 30px 0px;
    }
    /*====================blog details===============*/
    #full_blog article p{
        font-size: 14px;
    }
    .latest-post-1 .inner {
        padding: 20px;
    }
    .latest-post-1 .inner h4 {
        font-size: 23px;
    }
    .bl-post-box {
        padding: 0px 0;
    }
    .bl-post-box h6 a {
        font-size: 14px;
    }
    .latest-post-1 .inner {
        padding: 10px 20px;
    }
    .sd-contact-cta {
        padding: 20px;
    }
    .sd-contact-cta h2 {
        font-size: 24px;
        line-height: 28px;
    }
    .sd-contact-cta h5 {
        font-size: 16px;
        padding-top: 10px;
    }
    .sd-contact-cta h3 a{
        font-size: 20px;
    }
    .sd-widget {
        width: 80%;
        margin: 30px auto;
    }
    /*===============FAQ page=============*/
    #faqtop {
        padding: 30px 0 20px;
    }
    .faqtop_content h2 {
        font-size: 28px;
    }
    .faq_button {
        padding-bottom: 30px;
    }
    .faqtop_image figure {
        height: 250px;
    }
	.review_item p {
  height: auto!important;
}
	
}



@media (max-width: 767px) {
 #blogs .entry-content figure {
    width: 100%;
    height: auto;
  }
.container .content {
    max-width: 100%;
    padding: 0px;
    height: 70px;
    margin: 0px;
  }
 .bl-post-box img {
    width: 70px;
    height: 70px;
    object-fit: cover;
  }	
 .sd-widget {
    width: 100%;
    margin: 30px auto;
  }
#accordian .accordian_card_header h5 button::before, #accordian .accordian_card_header h5 button.collapsed::before {
  content: "❯";
  width: 25px;
  height: 25px;
  position: absolute;
  top: 25px;
  right: 5px;
}	
.item .item_img__box {
  height: auto!important;
  object-fit: cover;
}	
.fixed-top {
  position: sticky!important;	
}

}

@media (max-width: 575px) {
    #herobanner h1 {
  font-size: 1.4rem;
}
#herobanner {
    padding: 15% 0;
    min-height: 50vh;
    margin-top: 0px;
    min-height: auto;
  }
#herobanner p{
    display: none;
}
 ul.num_sec {
    display: none!important;
    padding-left: 100px;
  }
.hero_btn_group{
  display: none!important;
}



}

@media (max-width: 480px) {
    body {
        padding: 0;
    }
	#full_blog h2{
		font-size: 20px!important;
	}
	#full_blog h3{
		font-size: 18px!important;
	}
.timing ul li {
  font-size: 15px;
}
#aboutus h1 {
    font-size: 20px;
    padding-bottom: 5px;
}
#aboutus h2{
    font-size: 18px;
}
#aboutus h3 {
    font-size: 18px;
}
#aboutus h4 {
    font-size: 17px;
}
#blogs .entry-content figure img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.visit_us_header {
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 10px;
  color: #000;
}
#review .review_header{
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 10px;
  color: #000;
}
.hero_btn_group {
  gap: 10px;
  padding-top: 0px;
}
.footer_menu h5{
    padding-top: 20px;
    margin-bottom: 0px;
  }	
.footer_service h5{
    padding-top: 20px;
    margin-bottom: 0px;
  }	
 .footer_bottom p {
    font-size: 15px;
  }
.footer_service ul li{
		line-height: 23px;
	}		
	.footer_menu ul li{
		line-height: 23px;
	}	
 #herobanner {
    padding: 50px 0;
    min-height: 30vh;
  }
.gallery_container figure img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
  }
  #myBtn {
    width: 70%;
    top: -150px;
    margin: auto;
  }
.what_we_do h2 {
	font-size: 20px;
}
.item .item_img__box img {
  height: 220px;
  width: 100%;
  object-fit: cover;
}
#herobanner .hero_btn_group a {
    display: flex;
    font-size: 13px;
    text-transform: uppercase;
  }
.what_we_do h3 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  padding-bottom: 5px;
}
.container-fluid h2 {
    font-size: 18px;
    line-height: 20px;
  }
.btn_two {
    font-size: 14px;
  }
    #herobanner {
        padding: 100px 0 60px;
    }

    .container-fluid h2 {
        font-size: 22px;
    }

    #herobanner .hero_btn_group {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
	#herobanner .hero_btn_group a{
		display: flex;
	}
    .getintouch_top p,
    .gallery_container p {
        font-size: 14px;
    }

    .getintouch_btn a {
        padding: 8px 18px;
    }

    .getintouch_content figure img {
        width: 75px;
        height: 75px;
    }

    .getintouch_content h4 {
        font-size: 18px;
    }

    .getintouch_content p {
        padding: 0px;
        font-size: 12px;
    }

    .gallery_container h2 {
        font-size: 22px;
    }

    .tiny-text {
        font-size: 12px;
    }

    .cd-clock {
        gap: 0;
    }

    .countdown_content p {
        font-size: 18px;
    }

    .landscape_heading {
        font-size: 22px;
    }

    .review_item p {
        font-size: 16px;
    }

    #review .star_group span i {
        font-size: 16px;
        padding-bottom: 10px;
    }

    #timing_section .timing,
    .calgary_map {
        width: 100%;
    }

    .review_item h4 {
        font-size: 18px;
    }

    .col_timing h4,
    .col_contact h4 {
        font-size: 20px;
    }

    .timing ul li p {
        font-size: 12px;
    }
	.timing ul li span{
		width: 150px;
	}
    .contact_details p {
        font-size: 14px;
    }

    .contact_details h5 {
        font-size: 16px;
    }

    .footer_bottom {
        padding: 10px 0;
    }

    .footer_menu ul li a,
    .footer_service ul li a {
        font-size: 14px;
    }

    .col_brand p {
        font-size: 14px;
    }

    #timing_section .col_contact {
        padding-left: 0;
        padding-right: 0;
    }

    /*===================swimmig pool page =======================*/
    #pool_herobanner {
        padding: 140px 0 60px;
    }

    .pool_banner_text h1 {
        font-size: 28px;
    }

    .pool_banner_text h5 span a {
        font-size: 16px;
    }

    .we_do_image figure {
        height: 200px;
    }

    .we_do_details h2,
    #designprocess h2,
    #accordian h2 {
        font-size: 20px;
        padding-bottom: 0;
    }

    .we_do_details h5 {
        font-size: 14px;
    }

    .we_do_details p,
    .design_process p,
    .design_botom_text p {
        font-size: 12px;
    }

    .we_do_buttons .btn-1 a,
    .we_do_buttons .btn-2 a {
        font-size: 16px;
    }

    .we_do_buttons .btn-1,
    .we_do_buttons .btn-2 {
        width: 120px;
    }

    .we_do_buttons .btn {
        padding: .275rem 0.45rem;
    }

    #poolgallery .pool_gallery_img figure {
        height: 160px;
    }

    #bootom_banner .bottom_image figure {
        height: 200px;
    }

    #accordian .accordian_top_box,
    #accordian .accordian_bottom_box {
        padding-left: 0;
        padding-right: 0;
    }
    .card-header {
        padding: .55rem .7rem;
    }

    .card-body.accordian_card_body {
        font-size: 14px;
    }

    /*==================landscape page==============*/
    #landscaping_herobanner {
        padding: 140px 0 60px;
    }

    .why__us h2 {
        font-size: 24px;
    }

    .why__us p {
        font-size: 12px;
    }

    .why__us a {
        font-size: 14px;
        font-weight: 500;
    }

    .advice_card .far.fa-object-group,
    .fas.fa-cut,
    .fas.fa-people-carry {
        font-size: 25px;
        height: 70px;
        width: 70px;
    }

    .advice_card .h4 {
        font-size: 18px;
    }

    .text-muted {
        font-size: 14px;
    }

    .advice_card {
        width: 90%;
        margin: auto;
    }

    .content h2 {
        font-size: 24px;
    }

    .advice_container {
        padding: 20px 0 20px;
    }

    #landscapegallery .landscape_gallery_img figure {
        height: 160px;
    }

    #components .components_header {
        font-size: 24px;
    }

    .component_card_body p.component_card_text {
        font-size: 14px;
    }

    /*==============portfolio page==================*/
    #pool_herobanner {
        padding: 130px 0 50px;
    }
    #welcome .welcome_text h2, .page-top .portfolio_heading {
        font-size: 22px;
        padding-bottom: 10px;
    }
    #welcome .welcome_text p,.page-top .portfolio_para {
        font-size: 12px;
    } 
    .thumb {
        margin-bottom: 10px;
    }
    /*============about us page===============*/
    .about_us_image figure {
        width: 100%;
        height: 240px;
    }
    #aboutus .about_us_heading, #ourmission h2, .row.heading h2 {
        font-size: 24px;
    }
    .our-webcoderskull .cnt-block figure {
        width: 80px;
        height: 80px;
    }
    .our-webcoderskull .cnt-block h3 {
        font-size: 14px;
    }
    .our-webcoderskull .cnt-block .follow-us li .fa {
        font-size: 20px;
    }
    .equal-hight {
        height: 220px !important;
    }
    .our-webcoderskull .cnt-block {
        margin: 0 auto 10px;
        width: 90%;
    }
    /*=============contact page===============*/
    .col-md-6.col-sm-12.contact__details {
        padding-top: 10px;
    }
    .contact__details h2.contact__details_header {
        font-size: 22px;
        padding-bottom: 0;
    }
    .contact__detail_box h5 {
        font-size: 16px;
        padding: 10px 0 0px;
    }
    .contact__detail_box p a {
        font-size: 15px;
    }
    .contact {
        padding-top: 10px;
    }
    /*================blog page===========*/
    #blogs .blogs_heading {
        font-size: 26px;
    }
    #blogs article header .meta {
        font-size: 14px;
        padding-bottom: 10px;
    }
    #blogs .entry-content figure {
        height: auto;
    }
    #blogs article header h4 a {
        font-size: 18px;
    }
    #blogs aside h3 {
        font-size: 24px;
    }
    .list-group-item {
        padding: .75rem .7rem;
    }
    #blogs aside .list-group a h4 {
        font-size: 18px;
    }
    #blogs aside .list-group a p {
        font-size: 13px;
    }
    #blogs aside .follow_header {
        font-size: 24px;
        font-weight: 600;
    }
    /*==============blog details page===========*/
    .blog-d-image-area .w-img {
        width: 100%;
        height: 190px;
    }
    .blog-d-image-area .date-meta h5 {
        font-size: 18px;
    }
    .blog-d-image-area h3 {
        font-size: 19px;
        font-weight: 500;
    }
    .blog-d-author-meta span {
        font-size: 16px;
    }
    .blog-d-author-meta h5 {
        font-size: 18px;
    }
    #full_blog article p {
        font-size: 13px;
        text-align: justify;
    }
    .small-bd-image .w-img {
        height: 160px;
    }
    .latest-post-1 .inner {
        padding: 10px 0px;
    }
    .content {
        padding: 0;
    }
    .bl-post-box h6 a {
        font-size: 12px;
    }
    .bl-post-box img {
        width: 50px;
        height: 50px;
    }
    .sd-contact-cta {
        padding: 10px;
    }
    .sd-contact-cta h2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .sd-contact-cta .icon-box {
        width: 50px;
        height: 50px;
        font-size: 17px;
    }
    .sd-contact-cta h3 a {
        font-size: 18px;
    }
    /*===================faq page===========*/
    .col_accordian{
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    #accordian .accordian_card_header h5 button:before, #accordian .accordian_card_header h5 button.collapsed:before {
        width: 20px;
        height: 20px;
        line-height: 35px;
        font-size: 14px;
    }
  .pool_banner_text h1 {
    font-size: 20px;
    padding-bottom: 0px;
  }  
.landscapeg_allery .item h4 {
  min-height: auto!important;
  color: #000;
  font-weight: 700;
  font-size: 18px;
  height: auto;
  margin-bottom: 10px;
}
.landscapeg_allery .item p {
  min-height: auto;
  text-align: center;
  font-size: 16px;
  padding: 20px;
  height: auto;
}	
	
}



@media (max-width: 420px) {
.container-fluid h2{
    font-size: 18px;
	line-height: 20px;
 }
 .review_item p {
    font-size: 14px;
  }
.timing ul li {
  font-size: 13px;
}
#myBtn {
  width: 70%;
  padding: 10px 15px;
	font-size: 12px;
}

#myBtn:hover{
  width: 70%;
  padding: 10px 15px;
	font-size: 12px;
}
 #pool_herobanner {
    padding: 150px 0 20px;
  }
	#herobanner .container-fluid{
		padding-top: 30px;
	}	
.nav-item .btn {
  font-size: 12px!important;
}
	
	
}

@media (max-width: 320px) {
    .navbar-brand img {
        width: 110px;
        height: 35px;
    }
    .navbar-toggler-icon {
        display: inline-block;
        width: 1.2em;
        height: 1.5em;
    }
    .navbar-toggler {
        padding: .25rem .55rem;
        font-size: 1rem;
    }
    .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .item h4 {
        height: 75px;
        font-size: 17px;
    }

    .item p {
        height: 140px;
        font-size: 13px;
    }

    .item .item_img__box {
        height: 120px;
        /* object-fit: cover; */
    }

    .visit_us_header {
        font-size: 24px;
        padding-bottom: 0;
    }

    .item p {
        height: 155px;
        font-size: 12px;
    }

    #review .review_header {
        font-size: 24px;
    }

    .testimonial_review .review_item {
        width: 100%;
        padding: 10px;
    }

    #review .review_sub_haeder {
        font-size: 14px;
        padding-bottom: 0;
    }

    .col_brand figure {
        width: 230px;
        height: 80px;
    }
    .col_brand figure {
        width: 180px;
        height: 70px;
    }
    .social_icon_group a i {
        color: var(--clr-para);
        font-size: 16px;
        padding: 5px;
    }

    /*====================swimming pool=====================*/
    .pool_banner_text h5 span {
        font-size: 14px;
    }

    .pool_banner_text h1 {
        font-size: 26px;
    }

    #accordian .btn-link {
        font-size: 14px;
        padding-left: 0px;
    }

    .card-body.accordian_card_body {
        font-size: 13px;
    }
    /*===============portfolio page============*/
    .welcome_text {
        padding-left: 15px;
        padding-right: 15px;
    }
    /*==============blog page====================*/
    #blogs .blogs_para {
        width: 90%;
    }
}