@media (max-width:1792px) {
    .container-fluid{padding: 0 80px;}
    header .header-main .logo a {height: 40px;}
    header .header-main ul.main-menu li a{font-size: 15px; letter-spacing: 2.2px; padding: 0 14px; line-height: 40px}
    header .header-main ul.main-menu li:last-child a{line-height: 38px}
    .who-we-are-section .inner-area p{font-size: 24px}
    .who-we-are-section .inner-area h3{font-size: 36px}

    .who-we-are-section{padding: 100px 0}
    .main-top-area .search-main-block h1{font-size: 86px; width: 800px; margin: 0 auto 30px auto;}
    .who-we-are-section h2,
    .business-slider-area h2,
    .explore-book h2,
    .all-video-area h2,
    .photo-gallery-area h2{font-size: 100px; line-height: 100px; margin: 0 0 50px 0}
    .who-we-are-section h2 span,
    .business-slider-area h2 span,
    .explore-book h2 span,
    .all-video-area h2 span,
    .photo-gallery-area h2 span{font-size: 14px; line-height: 14px; margin-bottom: 5px;}

    .business-slider-area{padding: 0 0 100px 0}
    .business-slider-area .slider-area{padding-left: 80px}
    .business-slider-area .owl-nav{top: -120px; right: 30px;}
    .business-slider-area .business-block .photo-block{height: 340px}
    .business-slider-area .business-block .business-content h3{font-size: 30px}
    .business-slider-area .business-block .business-content p{font-size: 15px}

    /* .video-area h2{font-size: 90px}
    .video-area h2 span,
    .video-area h2 strong{font-size: 58px} */


    .community-video-area .content-area .inner-content h2{font-size: 60px}
    .community-video-area .content-area .inner-content h3{font-size: 34px}
    .community-video-area .content-area .inner-content{width: 100%}
    .community-video-area .content-area .inner-content p{font-size: 18px}
    .community-video-area .content-area .inner-content .btn-business{font-size: 14px; line-height: 50px}

    .explore-book{padding: 100px 0 60px 0}
    .explore-book ul.cate-list{margin: 0px -20px;}
    .explore-book ul.cate-list li{padding: 0 20px; margin-bottom: 40px;}
    .explore-book ul.cate-list li .cate-block{height: 460px;}
    .explore-book ul.cate-list li .cate-block .content-area h3{font-size: 50px}

    /* .subscribe-area .subscribe-block{max-width: 620px} */
    .subscribe-area h2{font-size: 30px}
    .footer-area .logo{width: 220px}

    .team-section h2{font-size: 80px; line-height: 80px;}
    .team-section .inner-area .rightside{padding: 40px 40px 40px 150px;}
    .team-section .inner-area.second-block .rightside{padding: 40px 150px 40px 40px; }
    
    .photo-gallery-area .slider-area{padding-left: 80px}
    .photo-gallery-area .photo-block a{height: 400px;}

    .subscribe-area .icon-area{position: absolute; top: 50%; right: 80px; margin-top: -221px; width: 500px;}
}

@media (max-width:1460px) {
    .container-fluid{padding: 0 60px;}
    header .header-main .logo a {height: 40px;}
    header .header-main ul.main-menu li a{font-size: 13px; letter-spacing: 2.2px; padding: 0 14px; line-height: 40px}
    header .header-main ul.main-menu li:last-child a{line-height: 38px}
    .who-we-are-section .inner-area p{font-size: 18px}
    .who-we-are-section .inner-area h3{font-size: 36px}

    .who-we-are-section{padding: 100px 0}
    .main-top-area .search-main-block h1{font-size: 78px; width: 800px; margin: 0 auto 30px auto;}
    .who-we-are-section h2,
    .business-slider-area h2,
    .explore-book h2,
    .all-video-area h2,
    .photo-gallery-area h2{font-size: 80px; line-height: 80px; margin: 0 0 50px 0}
    .who-we-are-section h2 span,
    .business-slider-area h2 span,
    .explore-book h2 span,
    .all-video-area h2 span,
    .photo-gallery-area h2 span{font-size: 14px; line-height: 14px; margin-bottom: 5px;}

    .business-slider-area{padding: 0 0 100px 0}
    .business-slider-area .slider-area{padding-left: 60px}
    .business-slider-area .owl-nav{top: -120px; right: 30px;}
    .business-slider-area .business-block .photo-block{height: 340px}
    .business-slider-area .business-block .business-content h3{font-size: 30px}
    .business-slider-area .business-block .business-content p{font-size: 15px}

    /* .video-area h2{font-size: 90px}
    .video-area h2 span,
    .video-area h2 strong{font-size: 58px} */


    .community-video-area .content-area .inner-content h2{font-size: 60px}
    .community-video-area .content-area .inner-content h3{font-size: 34px}
    .community-video-area .content-area .inner-content{width: 100%}
    .community-video-area .content-area .inner-content p{font-size: 18px}
    .community-video-area .content-area .inner-content .btn-business{font-size: 14px; line-height: 50px}

    .explore-book{padding: 100px 0 60px 0}
    .explore-book ul.cate-list{margin: 0px -20px;}
    .explore-book ul.cate-list li{padding: 0 20px; margin-bottom: 40px;}
    .explore-book ul.cate-list li .cate-block{height: 460px;}
    .explore-book ul.cate-list li .cate-block .content-area h3{font-size: 50px}

    .subscribe-area .icon-area{position: absolute; top: 50%; right: 60px; margin-top: -221px; width: 500px;}
    .subscribe-area h2{font-size: 30px}
    .footer-area .logo{width: 220px}

    .team-section h2{font-size: 80px; line-height: 80px;}
    .team-section .inner-area .rightside{padding: 40px 40px 40px 150px;}
    .team-section .inner-area.second-block .rightside{padding: 40px 150px 40px 40px; }
    
    .photo-gallery-area .slider-area{padding-left: 60px}
    .photo-gallery-area .photo-block a{height: 400px;}
}
@media (max-width:1366px) {
    .business-listpage ul.business-list li{width: 33.33%;}
    .featured-business-area .business-content-area{padding: 80px 50px;}
}
@media (min-width: 768px) and (max-width: 1024px){

    .container-fluid{padding: 0 30px;}
    header .header-main,
    header.fixed .header-main{padding: 15px 10px}
    header .header-main ul.main-menu{display: none}
    header .header-main ul.main-menu.active{display: block; position: absolute; top: 86px; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.60); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); padding: 15px}
    header .header-main ul.main-menu li:last-child{margin: 10px 0px 0px 0px}
    header .header-main ul.main-menu li a{display: block; font-size: 14px; line-height: 36px; text-align: center;}
    .btn-menu{display: block;}

    .main-top-area{height: auto; padding: 200px 20px 170px 20px}
    .main-top-area .btn-bottom{bottom: 40px}
    .main-top-area .search-main-block{width: 100%; padding: 0 15px}
    .main-top-area .search-main-block h1{font-size: 46px; max-width: 500px;}
    .main-top-area .search-main-block h1::before {width: 200px; margin-left: -100px}
    .main-top-area .search-main-block h2{font-size: 20px; letter-spacing: 1.5px;}
    .main-top-area .search-main-block .form-control{padding: 0px 20px; line-height: 50px; font-size: 15px}
    .main-top-area .search-main-block .search-block .btn-search{position: absolute; bottom: 0px; right: 0px; width: 50px; height: 50px;}

    .who-we-are-section h2,
    .business-slider-area h2,
    .explore-book h2,
    .all-video-area h2,
    .photo-gallery-area h2{font-size: 40px; line-height: 40px; margin: 0 0 30px 0}
    .who-we-are-section h2 span,
    .business-slider-area h2 span,
    .explore-book h2 span,
    .all-video-area h2 span,
    .photo-gallery-area h2 span{font-size: 14px; line-height: 14px; margin-bottom: 5px;}

    .who-we-are-section{padding: 40px 0}
    .who-we-are-section .inner-area{display: block;}
    .who-we-are-section .inner-area .leftside{width: 100%; min-height: auto}
    .who-we-are-section .inner-area .leftside .photo-block{border-radius: 20px}
    .who-we-are-section .inner-area .leftside .photo-block img{position: relative;}
    .who-we-are-section .inner-area .leftside .photo-block video{position: relative;}
    .who-we-are-section .inner-area .rightside{width: 100%; padding: 20px 0 0 0}
    .who-we-are-section .inner-area h3{font-size: 30px; margin: 0 0 20px 0}
    .who-we-are-section .inner-area p{font-size: 16px; margin: 0 0 20px 0}

    .business-slider-area{padding: 0 0 70px 0}
    .business-slider-area .slider-area{padding-left: 20px}
    .business-slider-area .business-block{border-radius: 20px}
    .business-slider-area .business-block .photo-block{height: 300px;}
    .business-slider-area .business-block .photo-block .btn-book{font-size: 16px; line-height: 36px; bottom: 15px; right: 15px;}
    .business-slider-area .business-block .photo-block .rating{ bottom: 25px; font-size: 14px; left: 15px;}
    .business-slider-area .business-block .business-content{padding: 20px}
    .business-slider-area .business-block .business-content h3{font-size: 30px; margin: 0 0 15px 0}
    .business-slider-area .business-block .business-content .location{font-size: 15px; margin: 0 0 10px 0}
    .business-slider-area .business-block .business-content p{font-size: 14px; line-height: 22px}
    .business-slider-area .owl-nav{position: relative; top: 0; right: 0; margin-top: 20px;}
    .business-slider-area .owl-nav .owl-prev{margin-right: 10px;}
    .business-slider-area .owl-nav .owl-prev, .business-slider-area .owl-nav .owl-next{width: 50px; height: 50px;}
    .business-slider-area .owl-nav .owl-prev svg, .business-slider-area .owl-nav .owl-next svg{width: 100%; height: 100%;}

    .video-area{height: auto;}
    .video-area::after,
    .video-area::before {height: 80px}
    .video-area h2{font-size: 36px; text-align: center; margin: 150px auto; width: 420px}
    .video-area h2 span,
    .video-area h2 strong{font-size: 24px}

    .small-video-area h2{font-size: 36px; padding: 60px 100px 50px 100px;}

    .community-video-area{height: auto;}
    .community-video-area::before,
    .community-video-area::after{height: 80px}
    .community-video-area .content-area{padding: 150px 20px}
    .community-video-area .content-area .inner-content h2{font-size: 36px}
    .community-video-area .content-area .inner-content h3{font-size: 24px; margin: 15px 0}
    .community-video-area .content-area .inner-content p{font-size: 16px}
    .community-video-area .content-area .inner-content .btn-business{font-size: 16px; line-height: 50px; padding: 0 20px}

    .explore-book{padding: 70px 0 50px 0}
    .explore-book ul.cate-list{margin: 0px -10px;}
    .explore-book ul.cate-list li{width: 50%; padding: 0px 10px; margin-bottom: 20px;}
    .explore-book ul.cate-list li .cate-block{height: 340px; border-radius: 20px;}
    .explore-book ul.cate-list li .cate-block::before {height: 80%}
    .explore-book ul.cate-list li .cate-block .content-area{padding: 25px}
    .explore-book ul.cate-list li .cate-block .content-area h3{font-size: 26px; margin: 0 0 10px 0}
    .explore-book ul.cate-list li .cate-block .content-area p{font-size: 14px}

    .supportinglocal-video-area{height: auto;}
    .supportinglocal-video-area::before,
    .supportinglocal-video-area::after{height: 80px}
    .supportinglocal-video-area .content-area{padding: 150px 18px;}
    .supportinglocal-video-area .content-area .inner-content{padding: 25px}
    .supportinglocal-video-area .content-area .inner-content h2{font-size: 30px}
    .supportinglocal-video-area .content-area .inner-content h3{font-size: 20px; letter-spacing: 2px}

    .all-video-area{padding: 70px 0 30px 0}
    /* .all-video-area .owl-stage{padding: 0px 0;}
    .all-video-area .owl-item{transition: all 200ms linear; transform: scale(1) !important; opacity: 1; filter: grayscale(0%);} */
    .all-video-area .owl-item.center{transform: scale(1.5) !important; z-index: 3;}
    .all-video-area .video-block{height: 180px}
    .all-video-area .video-block a{width: 80px; height: 80px; margin: -40px 0 0 -40px; padding: 25px;}
    .all-video-area .video-block a img{width: 100%; height: 100%; position: relative; object-fit: contain;}
    .all-video-area .owl-nav .owl-prev, .all-video-area .owl-nav .owl-next{width: 50px; height: 50px;}
    .all-video-area .owl-nav .owl-prev svg, .all-video-area .owl-nav .owl-next svg{width: 100%; height: 100%;}
    .all-video-area .owl-nav .owl-prev{margin-right: 10px;}
    .all-video-area .owl-nav{width: 112px; position: relative; margin: 15px auto 0 auto; left: auto;}
    .all-video-area .owl-dots{display: none}

    .subscribe-area{padding: 50px 0}
    .subscribe-area h2{font-size: 30px; width: 100%; margin: 0 0 15px 0;}
    .subscribe-area .input-area{width: 100%;}
    .subscribe-area .subscribe-block {width: 100%; display: block;}
    .subscribe-area .input-area .form-control{height: 60px}
    .subscribe-area .input-area .btn-send{width: 50px; height: 50px;}
    .subscribe-area .icon-area{position: absolute; top: 50%; right: 30px; margin-top: -150px; width: 300px;}

    .footer-area::before {width: 250px; height: 132px; top: -128px; background-size: cover;}
    .footer-area .content-row{flex-wrap: wrap; padding: 50px 0 30px 0}
    .footer-area .content-row .small-part:first-child{width: 50%}
    .footer-area .content-row .small-part{width: 25%; margin-bottom: 20px}
    .footer-area .content-row .large-part{width: 100%; padding-left: 50%}
    .footer-area .info{font-size: 12px; line-height: 30px; margin: 0 0 5px 0}
    .footer-area .info .icon{top: 4px}
    .footer-area h2{font-size: 20px; line-height: 30px}
    .footer-area ul.link li a{font-size: 14px; line-height: 28px}
    .footer-area ul.link li a::before {top: 13px}

    .footer-area .copyright p{font-size: 12px; line-height: 20px; }
    .footer-area .copyright .link a{margin-left: 10px;}
    .footer-area .copyright .link a::before {margin-right: 10px;}
    .footer-area .copyright .link{font-size: 12px; line-height: 20px; text-align: center;}

    .business-top-area .photo-area{height: 340px;}
    .business-list-block .business-name{font-size: 26px}
    .business-list-block .tag a{margin: 0 5px 5px 0}
    .business-list-block ul.inner-menu{display: none}

    .business-detail-page .business-information{display: block;}
    .business-detail-page .business-information .content-area{width: 100%}
    .business-detail-page .main-card{margin-bottom: 30px;}
    .business-detail-page .main-card .titlebar{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
    .business-detail-page .main-card .white-main-area.about-content p{font-size: 14px; margin: 0 0 15px 0}
    .location-flex{display: block;}
    .location-flex .map{width: 100%; padding: 0px}
    .location-flex .hours-area{width: 100%}
    .location-flex .hours-area ul.day li{font-size: 14px; line-height: 30px;}
    .business-detail-page .business-information .contect-info-right{width: 100%; padding: 0px}

    .registar-business-area .form-area{margin-bottom: 30px}
    .registar-business-area .form-area h1{font-size: 30px}
    .registar-business-area .form-area p{font-size: 14px}
    .registar-business-area .form-area ul.option-list li{width: 33.33%}

    .innersearch-area .search-main-block{width: 90%; padding: 30px}
    .innersearch-area .search-main-block h2{ letter-spacing: 1.5px; font-size: 36px;}
    .business-list-search .form-control{padding: 0px 20px; line-height: 50px; font-size: 15px}
    .business-list-search .btn-search{position: absolute; bottom: 0px; right: -30px; width: 50px; height: 50px;}
    .business-listpage ul.business-list li{width: 50%;}

    .innertitlebar .photo-area h1{font-size: 50px; line-height: 50px; margin-top: 30px}
    .innertitlebar .photo-area{height: 360px}

    .team-section{padding: 0 0 20px 0}
    .team-section h2{font-size: 40px; line-height: 40px; margin: 0 0 15px 0}
    .team-section .subtitle{font-size: 14px; line-height: 22px; margin: 0 0 30px 0}
    .team-section .inner-area{padding: 0px; margin-bottom: 30px;}
    .team-section .inner-area .rightside{margin: 0px; padding: 20px 20px 10px 20px; border-radius: 15px 70px 15px 15px;}
    .team-section .inner-area h3{font-size: 34px}
    .team-section .inner-area p{font-size: 12px; line-height: 170%; margin: 0 0 8px 0;}
    .team-section .inner-area .photo-block{width: 50%; left: 0; top: 0; position: relative; border-radius: 50px 20px; margin: 0 0 15px 0}
    .team-section .inner-area .photo-block::before,
    .team-section .inner-area .photo-block::after {content: none}
    .team-section .inner-area .photo-block img{border-radius: 15px 60px 15px 15px;}
    .team-section .inner-area.second-block{padding-right: 0px}
    .team-section .inner-area.second-block .rightside{margin: 0px; padding: 20px 20px 10px 100px; border-radius: 15px 70px 15px 15px;}
    .team-section .inner-area.second-block .photo-block{right: 0px; border-radius: 50px 20px; margin: 0 0 15px -80px}
    .team-section .inner-area.second-block .photo-block::before,
    .team-section .inner-area.second-block .photo-block::after {content: none}
    .team-section .inner-area.second-block .photo-block img{border-radius: 15px 60px 15px 15px;}

    .photo-gallery-area{padding: 0 0 40px 0}
    .photo-gallery-area .slider-area{padding-left: 30px}
    .photo-gallery-area .owl-nav{position: relative; top: 0; right: 0; margin-top: 20px;}
    .photo-gallery-area .owl-nav .owl-prev{margin-right: 10px;}
    .photo-gallery-area .owl-nav .owl-prev, .photo-gallery-area .owl-nav .owl-next{width: 50px; height: 50px;}
    .photo-gallery-area .owl-nav .owl-prev svg, .photo-gallery-area .owl-nav .owl-next svg{width: 100%; height: 100%;}
    .photo-gallery-area .photo-block a{height: 320px;display: block;}

    .plan-page ul.plan-list li{width: 50%; margin-bottom: 30px}
    .plan-page ul.plan-list li .plan-block ol li{margin: 0px}

    .featured-business-area{display: block; margin: 50px 0;} 
    .featured-business-area .business-photo{width: 100%;}
    .featured-business-area .business-content-area{width: 100%; padding: 75px 25px 25px 25px;}
    .featured-business-area .business-photo .inner-photo{height: 400px;}
    .featured-business-area .owl-nav{bottom: 20px; left: 20px;}
    .featured-business-area .owl-nav .owl-prev, .featured-business-area .owl-nav .owl-next{width: 50px; height: 50px;}
    .featured-business-area .owl-nav .owl-prev {margin-right: 10px;}
    .featured-business-area .business-content-area h2{font-size: 30px; margin: 0px 0px 15px 0px;}
    .featured-business-area .business-content-area p{-webkit-line-clamp: 5; font-size: 14px;}
    .featured-business-area .business-content-area ul.info-list li{font-size: 14px;}
    .featured-business-area .business-content-area .btn-view{font-size: 14px; line-height: 44px; text-align: center;}
    .featured-business-area .business-content-area .titlesub{transform: rotate(0deg); left: 0; z-index: 1; top: 0; width: 100%; font-size: 24px; line-height: 24px; padding: 11px 0 15px 0;}
    
     .blog-details { padding: 30px 0 60px 0; }
     .blog-details ul.breadcrumb { font-size: 16px !important; margin: 0 0 20px 0 !important; }
    .blog-details h2 { font-size: 30px !important; margin: 0 0 24px 0 !important; line-height: 120% !important; }
    .blog-details p { font-size: 18px !important; line-height: 140% !important; margin: 0 0 20px 0 !important; }
    .blog-details ul { font-size: 18px !important; line-height: 140% !important; }
}

@media (max-width: 767px) {
    .container-fluid{padding: 0 18px;}
    header .header-main,
    header.fixed .header-main{padding: 15px 10px}
    header .header-main ul.main-menu{display: none}
    header .header-main ul.main-menu.active{display: block; position: absolute; top: 86px; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.60); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); padding: 15px}
    header .header-main ul.main-menu li:last-child{margin: 10px 0px 0px 0px}
    header .header-main ul.main-menu li a{display: block; font-size: 14px; line-height: 36px; text-align: center;}
    .btn-menu{display: block;}

    .main-top-area{height: auto; padding: 150px 0px 120px 0px}
    .main-top-area .btn-bottom{bottom: 40px}
    .main-top-area .search-main-block{width: 100%; padding: 0 15px}
    .main-top-area .search-main-block h1{font-size: 36px; width: 100%;}
    .main-top-area .search-main-block h1::before {width: 200px; margin-left: -100px}
    .main-top-area .search-main-block h2{font-size: 20px; letter-spacing: 1.5px;}
    .main-top-area .search-main-block .search-block{display: block; border-radius: 15px}
    .main-top-area .search-main-block .form-control{padding: 0px 20px; line-height: 50px; font-size: 15px}
    .main-top-area .search-main-block .form-control.search-input{width: 100%}
    .main-top-area .search-main-block .form-control.service-input{width: 100%}
    .main-top-area .search-main-block .form-control.location-input{width: 100%}
    .main-top-area .search-main-block .search-block .line{width: 100%; height: 1px}
    .main-top-area .search-main-block .search-block .btn-search{position: absolute; bottom: 0px; right: 0px; width: 50px; height: 50px;}

    .who-we-are-section h2,
    .business-slider-area h2,
    .explore-book h2,
    .all-video-area h2,
    .photo-gallery-area h2{font-size: 40px; line-height: 40px; margin: 0 0 30px 0}
    .who-we-are-section h2 span,
    .business-slider-area h2 span,
    .explore-book h2 span,
    .all-video-area h2 span,
    .photo-gallery-area h2 span{font-size: 14px; line-height: 14px; margin-bottom: 5px;}

    .who-we-are-section{padding: 30px 0}
    .who-we-are-section .inner-area{display: block;}
    .who-we-are-section .inner-area .leftside{width: 100%; min-height: auto}
    .who-we-are-section .inner-area .leftside .photo-block{border-radius: 20px}
    .who-we-are-section .inner-area .leftside .photo-block img{position: relative;}
    .who-we-are-section .inner-area .leftside .photo-block video{position: relative;}
    .who-we-are-section .inner-area .rightside{width: 100%; padding: 20px 0 0 0}
    .who-we-are-section .inner-area h3{font-size: 30px; margin: 0 0 20px 0}
    .who-we-are-section .inner-area p{font-size: 16px; margin: 0 0 20px 0}

    .business-slider-area{padding: 0 0 70px 0}
    .business-slider-area .slider-area{padding-left: 20px}
    .business-slider-area .business-block{border-radius: 20px}
    .business-slider-area .business-block .photo-block{height: 300px;}
    .business-slider-area .business-block .photo-block .btn-book{font-size: 16px; line-height: 36px; bottom: 15px; right: 15px;}
    .business-slider-area .business-block .photo-block .rating{ bottom: 25px; font-size: 14px; left: 15px;}
    .business-slider-area .business-block .business-content{padding: 20px}
    .business-slider-area .business-block .business-content h3{font-size: 30px; margin: 0 0 15px 0}
    .business-slider-area .business-block .business-content .location{font-size: 15px; margin: 0 0 10px 0}
    .business-slider-area .business-block .business-content p{font-size: 14px; line-height: 22px}
    .business-slider-area .owl-nav{position: relative; top: 0; right: 0; margin-top: 20px;}
    .business-slider-area .owl-nav .owl-prev{margin-right: 10px;}
    .business-slider-area .owl-nav .owl-prev, .business-slider-area .owl-nav .owl-next{width: 50px; height: 50px;}
    .business-slider-area .owl-nav .owl-prev svg, .business-slider-area .owl-nav .owl-next svg{width: 100%; height: 100%;}

    .video-area{height: auto; margin-bottom: 0px}
    .video-area::after,
    .video-area::before {height: 80px}
    .video-area h2{font-size: 26px; text-align: center; margin: 120px 0px;}
    .video-area h2 span,
    .video-area h2 strong{font-size: 24px}

    .small-video-area{margin-bottom: 0px;}
    .small-video-area .inner-block{border-radius: 50px;}
    .small-video-area h2{font-size: 30px; padding: 60px 20px; margin: 0px;}

    .community-video-area{height: auto;}
    .community-video-area::before,
    .community-video-area::after{height: 80px}
    .community-video-area .content-area{padding: 100px 20px}
    .community-video-area .content-area .inner-content h2{font-size: 36px}
    .community-video-area .content-area .inner-content h3{font-size: 24px; margin: 15px 0}
    .community-video-area .content-area .inner-content p{font-size: 16px}
    .community-video-area .content-area .inner-content .btn-business{font-size: 16px; line-height: 50px; padding: 0 20px}

    .explore-book{padding: 70px 0 50px 0}
    .explore-book ul.cate-list{margin: 0px;}
    .explore-book ul.cate-list li{width: 100%; padding: 0px; margin-bottom: 20px;}
    .explore-book ul.cate-list li .cate-block{height: 340px; border-radius: 20px;}
    .explore-book ul.cate-list li .cate-block::before {height: 80%}
    .explore-book ul.cate-list li .cate-block .content-area{padding: 25px}
    .explore-book ul.cate-list li .cate-block .content-area h3{font-size: 26px; margin: 0 0 10px 0}
    .explore-book ul.cate-list li .cate-block .content-area p{font-size: 14px}

    .supportinglocal-video-area{height: auto;}
    .supportinglocal-video-area::before,
    .supportinglocal-video-area::after{height: 80px}
    .supportinglocal-video-area .content-area{padding: 150px 18px;}
    .supportinglocal-video-area .content-area .inner-content{padding: 25px}
    .supportinglocal-video-area .content-area .inner-content h2{font-size: 30px}
    .supportinglocal-video-area .content-area .inner-content h3{font-size: 20px; letter-spacing: 2px}

    .all-video-area{padding: 70px 0}
    .all-video-area .owl-stage{padding: 0px 0;}
    .all-video-area .owl-item{transition: all 200ms linear; transform: scale(1) !important; opacity: 1; filter: grayscale(0%);}
    .all-video-area .video-block{height: 240px}
    .all-video-area .video-block a{width: 80px; height: 80px; margin: -40px 0 0 -40px; padding: 25px;}
    .all-video-area .video-block a img{width: 100%; height: 100%; position: relative; object-fit: contain;}
    .all-video-area .owl-nav .owl-prev, .all-video-area .owl-nav .owl-next{width: 50px; height: 50px;}
    .all-video-area .owl-nav .owl-prev svg, .all-video-area .owl-nav .owl-next svg{width: 100%; height: 100%;}
    .all-video-area .owl-nav .owl-prev{margin-right: 10px;}
    .all-video-area .owl-nav{width: 112px; position: relative; margin: 15px auto 0 auto; left: auto;}
    .all-video-area .owl-dots{display: none}

    .subscribe-area{padding: 50px 0}
    .subscribe-area h2{font-size: 24px; margin: 0 0 20px 0; width: 100%;}
    .subscribe-area .input-area{width: 100%;}
    .subscribe-area .input-area .form-control{height: 60px}
    .subscribe-area .input-area .btn-send{width: 50px; height: 50px;}
    .subscribe-area .subscribe-block{width: 100%; padding: 0; display: block;}
    .subscribe-area .icon-area {position: relative; top: 0; right: 0; margin-top: 0; width: 260px; margin: 0 auto;}

    .footer-area::before {width: 250px; height: 132px; top: -128px; background-size: cover;}
    .footer-area .content-row{display: block; padding: 50px 0 10px 0}
    .footer-area .content-row .small-part{width: 100%; margin-bottom: 20px}
    .footer-area .content-row .large-part{width: 100%}
    .footer-area .info{font-size: 12px; line-height: 30px; margin: 0 0 5px 0}
    .footer-area .info .icon{top: 4px}
    .footer-area h2{font-size: 20px; line-height: 30px}
    .footer-area ul.link li a{font-size: 14px; line-height: 28px}
    .footer-area ul.link li a::before {top: 13px}

    .footer-area .copyright{display: block;}
    .footer-area .copyright p{font-size: 14px; text-align: center; line-height: 20px; margin: 0 0 8px 0;}
    .footer-area .copyright .link a{margin-left: 10px;}
    .footer-area .copyright .link a::before {margin-right: 10px;}
    .footer-area .copyright .link{font-size: 12px; line-height: 18px; text-align: center;}

    .business-top-area .photo-area{height: 340px;}
    .business-list-block .business-photo{position: relative; top: 0; left: 0; width: 100%; height: 180px; margin-bottom: 15px}
    .business-list-block .business-photo .inner-photo{width: 100%; height: 180px}
    .business-list-block .first-block{padding: 15px; border: none}
    .business-list-block .btn-review{position: relative; top: 0px; right: 0px; width: 100%; text-align: center;}
    .business-list-block .business-name{font-size: 26px}
    .business-list-block ul.inner-menu{display: none}
    .business-list-block .tag a{margin: 0 5px 5px 0}

    .business-detail-page .business-information{display: block;}
    .business-detail-page .business-information .content-area{width: 100%}
    .business-detail-page .main-card{margin-bottom: 30px;}
    .business-detail-page .main-card .titlebar{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
    .business-detail-page .main-card .white-main-area.about-content p{font-size: 14px; margin: 0 0 15px 0}
    .location-flex{display: block;}
    .location-flex .map{width: 100%; padding: 0px}
    .location-flex .hours-area{width: 100%}
    .location-flex .hours-area ul.day li{font-size: 14px; line-height: 30px;}
    .business-detail-page .business-information .contect-info-right{width: 100%; padding: 0px}

    .registar-business-area .photo-area{height: 300px}
    .registar-business-area .form-area{background: #fff; margin: 0; z-index: 2; position: relative; border-radius: 0; padding: 30px 0; box-shadow: none;}
    .registar-business-area .form-area h1{font-size: 30px; line-height: 120%; margin: 0 0 10px 0}
    .registar-business-area .form-area p{font-size: 13px}
    .registar-business-area .form-area ul.option-list li{width: 100%;}
    .registar-business-area .form-area ul.package-list li{width: 100%; margin-bottom: 5px}
    .registar-business-area .form-area .btn-business{width: 100%; font-size: 13px; padding: 0 25px; line-height: 46px; text-align: center;}

    .contact-page .form-area ul.option-list li{width: 33.33%}
    .contact-page .form-area ul.option-list li{width: 100%;}
    .contact-page .form-area ul.package-list li{width: 100%; margin-bottom: 5px}
    .contact-page .form-area .btn-business{width: 100%; font-size: 13px; padding: 0 25px; line-height: 46px; text-align: center;}
  

    .plan-page{padding: 30px 0}
    .plan-page h1{font-size: 30px; line-height: 120%; margin: 0 0 10px 0}
    .plan-page p{font-size: 13px}
    .plan-page ul.plan-list li{width: 100%; margin-bottom: 15px}
    .plan-page ul.plan-list li .plan-block ol{padding: 20px}
    .plan-page ul.plan-list li .plan-block ol li{margin: 0px; padding: 12px 0px; font-size: 13px; line-height: 20px;}
    .plan-page ul.plan-list li .plan-block .price{font-size: 66px; line-height: 66px; margin-bottom: 18px}
    .plan-page ul.plan-list li .plan-block .price sup{font-size: 20px}
    .plan-page ul.plan-list li .plan-block .price span{font-size: 20px;line-height: 20px;}

    .innersearch-area{height: auto; padding: 0px}
    .innersearch-area::after {height: 450px;}
    .innersearch-area .search-main-block{width: 90%; padding: 15px; margin: 120px 0 100px 0;}
    .innersearch-area .search-main-block h2{font-size: 24px; letter-spacing: 1.5px; margin: 0px 0px 10px 0px}
    .innersearch-area .search-main-block p{font-size: 14px; margin: 0}
    .business-list-search .search-block{display: block; border-radius: 15px}
    .business-list-search .search-block .form-control{padding: 0px 20px; line-height: 50px; font-size: 15px}
    .business-list-search .search-block .form-control.search-input{width: 100%}
    .business-list-search .search-block .form-control.service-input{width: 100%}
    .business-list-search .search-block .form-control.location-input{width: 100%}
    .business-list-search .search-block .line{width: 100%; height: 1px}
    .business-list-search .search-block .btn-search{position: absolute; bottom: 0px; right: 0px; width: 50px; height: 50px;}
    .business-listpage ul.business-list li{width: 100%}
    .business-listpage ul.business-list li .business-block{border-radius: 20px}
    .business-listpage ul.business-list li .business-block .photo-block{height: 300px;}
    .business-listpage ul.business-list li .business-block .photo-block .btn-book{font-size: 16px; line-height: 36px; bottom: 15px; right: 15px;}
    .business-listpage ul.business-list li .business-block .photo-block .rating{ bottom: 25px; font-size: 14px; left: 15px;}
    .business-listpage ul.business-list li .business-block .business-content{padding: 20px}
    .business-listpage ul.business-list li .business-block .business-content h3{font-size: 30px; margin: 0 0 15px 0}
    .business-listpage ul.business-list li .business-block .business-content .location{font-size: 15px; margin: 0 0 10px 0}
    .business-listpage ul.business-list li .business-block .business-content p{font-size: 14px; line-height: 22px}

    .innertitlebar .photo-area h1{font-size: 50px; line-height: 50px; margin-top: 30px}
    .innertitlebar .photo-area{height: 360px}

    .team-section{padding: 0 0 20px 0}
    .team-section h2{font-size: 40px; line-height: 40px; margin: 0 0 15px 0}
    .team-section .subtitle{font-size: 14px; line-height: 22px; }
    .team-section .inner-area{padding: 0px; margin-bottom: 30px;}
    .team-section .inner-area .rightside{margin: 0px; padding: 20px 20px 10px 20px; border-radius: 15px 70px 15px 15px;}
    .team-section .inner-area h3{font-size: 34px}
    .team-section .inner-area p{font-size: 12px; line-height: 170%; margin: 0 0 8px 0;}
    .team-section .inner-area .photo-block{width: 100%; left: 0; top: 0; position: relative; border-radius: 50px 20px; margin: 0 0 15px 0}
    .team-section .inner-area .photo-block::before,
    .team-section .inner-area .photo-block::after {content: none}
    .team-section .inner-area .photo-block img{border-radius: 15px 60px 15px 15px;}
    .team-section .inner-area.second-block{padding-right: 0px}
    .team-section .inner-area.second-block .rightside{margin: 0px; padding: 20px 20px 10px 20px; border-radius: 15px 70px 15px 15px;}
    .team-section .inner-area.second-block .photo-block{right: 0px; border-radius: 50px 20px; margin: 0 0 15px 0}
    .team-section .inner-area.second-block .photo-block::before,
    .team-section .inner-area.second-block .photo-block::after {content: none}
    .team-section .inner-area.second-block .photo-block img{border-radius: 15px 60px 15px 15px;}

    .photo-gallery-area{padding: 0 0 40px 0}
    .photo-gallery-area .slider-area{padding-left: 20px}
    .photo-gallery-area .owl-nav{position: relative; top: 0; right: 0; margin-top: 20px;}
    .photo-gallery-area .owl-nav .owl-prev{margin-right: 10px;}
    .photo-gallery-area .owl-nav .owl-prev, .photo-gallery-area .owl-nav .owl-next{width: 50px; height: 50px;}
    .photo-gallery-area .owl-nav .owl-prev svg, .photo-gallery-area .owl-nav .owl-next svg{width: 100%; height: 100%;}
    .photo-gallery-area .photo-block a{height: 240px;display: block;}

    .contact-page h2{font-size: 40px}
    .contact-page .content-info{width: 100%; display: block; margin: 0 0 25px 0}
    .contact-page .info{width: 100%; margin: 0 0 10px 0; font-size: 12px}
    .contact-page .info strong{font-size: 16px}

    .featured-business-area{display: block; margin: 56px 0;} 
    .featured-business-area .business-photo{width: 100%;}
    .featured-business-area .business-content-area{width: 100%; padding: 75px 25px 25px 25px;}
    .featured-business-area .business-photo .inner-photo{height: 260px;}
    .featured-business-area .owl-nav{bottom: 20px; left: 20px;}
    .featured-business-area .owl-nav .owl-prev, .featured-business-area .owl-nav .owl-next{width: 50px; height: 50px;}
    .featured-business-area .owl-nav .owl-prev {margin-right: 10px;}
    .featured-business-area .business-content-area h2{font-size: 30px; margin: 0px 0px 15px 0px;}
    .featured-business-area .business-content-area p{-webkit-line-clamp: 5; font-size: 14px;}
    .featured-business-area .business-content-area ul.info-list li{font-size: 14px;}
    .featured-business-area .business-content-area .btn-view{width: 100%; font-size: 14px; line-height: 44px; text-align: center;}
    .featured-business-area .business-content-area .titlesub{transform: rotate(0deg); left: 0; z-index: 1; top: 0; width: 100%; font-size: 24px; line-height: 24px; padding: 11px 0 15px 0;}

    .subscribe-popup .modal-body .newsletter-inner-popup{display: block;}
    .subscribe-popup .modal-body .newsletter-inner-popup .leftvideo{height: 340px; width: 100%;}
    .subscribe-popup .modal-body .newsletter-inner-popup .rightside-content{width: 100%; padding: 20px;}
    .subscribe-popup .modal-body .newsletter-inner-popup .rightside-content .main-content-text{font-size: 30px; margin: 0 0 15px 0;}
    .subscribe-popup .modal-body .newsletter-inner-popup .rightside-content p{font-size: 16px; margin: 0 0 15px 0;}
    .subscribe-popup .modal-body .btn-close{z-index: 1;}

    .donate-page{padding: 120px 0 60px 0;}
    .donate-page .form-area{padding: 25px;}
    .donate-page .form-area h1{font-size: 30px; margin: 0 0 15px 0;}
    .donate-page .form-area p{font-size: 13px; line-height: 150%;}
    .donate-page .form-area .content-info{margin: 15px 0 20px 0;}
    .donate-page .form-area .info{display: block; font-size: 12px; padding: 10px; border-radius: 10px;}
    .donate-page .form-area .info svg{display: none;}
    .donate-page .form-area .form-group {margin-bottom: 16px;}
    .donate-page .form-area ul.package-list li {width: 50%;}
    .donate-page .form-area ul.package-list li input[type="radio"].css-radio + label.css-radiobtn{padding: 12px 20px;}
    .donate-page .form-area ul.package-list li input[type="radio"].css-radio + label.css-radiobtn span{font-size: 18px; line-height: 18px;}
    .donate-page .form-area .g-recaptcha {max-width: 300px; margin: 0 auto 0px -31px; transform: scale(0.8);}
    .donate-page .form-area .btn-submit{padding: 0 30px; line-height: 50px; font-size: 16px;}
    
    .blog-details { padding: 30px 0 0px 0; }
    .blog-details ul.breadcrumb { font-size: 16px !important; margin: 0 0 20px 0 !important; }
    .blog-details h2 { font-size: 26px !important; margin: 0 0 14px 0 !important; line-height: 120% !important; }
    .blog-details p { font-size: 16px !important; line-height: 140% !important; margin: 0 0 14px 0 !important; }
    .blog-details ul { font-size: 16px !important; line-height: 140% !important; margin: 0 0 18px 0 !important; }
    

}
#loader-wrapper {
    display: none;
     height: 100%;
     background:rgba(0, 0, 0, 0.80);
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 999999999999 !important;
     opacity: 1 !important
}
.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 11111111111111111111 !important;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }