/*# sourceMappingURL=media.css.map */

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1230px;
    }
    .hostJoinSection .container {
        max-width: 1200px;
    } 
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1470px;
        width: 95%;
    }
}


@media (max-width: 1399px) {
    .actOverlayBox {width: 475px;height: 475px;}
}
@media (max-width: 1599px) {
    .meetImageList img {        
        max-height: 225px;
    }
}
@media (max-width: 1366px) {
    .meetImageList img {max-height: 200px;}
}
@media (max-width: 1199px) {
    .banner {height: 700px;}
    .meetBg {margin-top: 100px;}
    .meetImageList img {max-height: 135px;}
    .meetCardBg {padding: 70px 0 50px;}
    .findListing {padding: 0 20px;}

    .knowSection .mainTitle {}
    .act-friend-box {max-width: 400px;}
    .actOverlayBox {width: 400px;height: 400px;padding-top: 65px;}
    .actOverlayBox h4 {font-size: 30px;}

   

}
@media (max-width: 991px) {
    /*body {font-size: 16px;}*/
    h2, .h2 {font-size: 45px;}
    h3, .h3 {font-size: 30px;}
    h4, .h4 {font-size: 25px;}
    .section {padding: 60px 0;}
    .banner {height: 500px;}
    .bannerBox h1 {margin-bottom: 20px;font-size: 50px;}
    .bannerBox p {font-size: 20px;}
    .mainTitle {margin-bottom: 50px;}
    .mainTitle.mb-4 {margin-bottom: 20px !important;}
    .mainTitle h2 ~ p {margin-top: 15px;font-size: 16px;max-width: 600px;}


    .image-order {order: 3;}

    .meetBg {margin-top: 50px;}
    .meetCardBg {padding: 50px 0 50px;}
    .meetImageList {gap: 10px;margin-top: -40px;}
    .meetImageList img:nth-child(odd) {margin-top: -30px;}
    .meetImageList img {max-height: 120px;}
    .btn-light-black {font-size: 20px;border-radius: 5px;padding: 12px 30px 10px 30px;margin: 0 auto 40px;}
    .findListing {gap: 10px;}
    
    .hostJoinSection h2 {font-size: 30px;}
    .cardCatBox:not(.meetSlide .cardCatBox) {gap: 5px;height: 45px;}
    .cardCatBox h5:not(.meetSlide .cardCatBox h5) {font-size: 15px;}
    .cardCatBox img:not(.meetSlide .cardCatBox img) {height: 20px;}
}

@media (max-width: 767px) {
    body {font-size: 16px;}
    h2, .h2 {font-size: 30px;}
    h3, .h3 {font-size: 22px;}
    h4, .h4 {font-size: 18px;}
    h5, .h5 {font-size: 16px;}
    h6, .h6 {font-size: 15px;}
    p {margin-bottom: 10px;}

    .section {padding: 40px 0;}
    .banner {background: linear-gradient(108.04deg, #0B0F5F 0.32%, #5C067C 98.16%);height: auto !important;text-align: center;}
    .banner .bannerImage {display: table !important;margin: 40px auto 0;max-width: 200px;}
    
    .banner.banner-bg1 {padding-bottom: 0 !important;}
    .banner.banner-bg1 .bannerImage {max-width: 300px;margin: -30px auto 0;}

    .bannerBox h1 {font-size: 40px;margin-bottom: 8px;}
    .bannerBox p {max-width:200px;margin: 0 auto 25px;font-size: 16px;}
    .bannerBox .logo {margin-bottom: 30px;}
    
    .mainTitle {margin-bottom: 20px;}
    .mainTitle.mb-4 {margin-bottom: 10px !important;}
    .mainTitle h2 ~ p {font-size: 16px;}

    .know-Block {margin-bottom: 20px;}
    
    .act-friend-box {margin-top: 20px;max-width: 270px;}
    .actOverlayBox {width: 270px;height: 270px;padding-top: 40px;}
    .actOverlayBox h4 {font-size: 25px;}

    .gift-img {margin: 0px auto 20px;display: table;}
    .appViewList {max-width: 250px;}
    .appViewList h3 {font-size: 35px;}
    .appViewList p {font-size: 16px;margin: 0;}
    .appViewList li:nth-of-type(n) {padding-bottom: 15px;}
    .appViewList li:nth-of-type(2n) {padding-bottom: 15px;padding-left: 20px;}
    .appViewList li:nth-of-type(3n) {padding-top: 15px;padding-bottom: 0;}
    .appViewList li:nth-of-type(4n) {padding-top: 15px;padding-left: 20px;padding-bottom: 0;}          


    .meetCardBg {padding: 40px 0 40px;}
    .meetBg {margin-top: 20px;}
    .meetImageList {margin-top: -25px;}
    .meetImageList img:nth-child(odd) {margin-top: -15px;}
    .meetImageList img {max-height: 75px;border-radius: 10px;}
    .btn-light-black {font-size: 16px;border-radius: 5px;padding: 10px 20px 8px 20px;margin: 0 auto 35px;}
    .findListing {gap: 5px;}

    .footerBg {padding: 40px 0 40px;}
    .footerCopyright {justify-content: center;margin-top: 20px;}
    .footerLogoIcon {width: 75px;height: 75px;}
    .footerLogoIcon img {max-width: 50px;}

    .cardCatBox:not(.meetSlide .cardCatBox) {height: 32px;padding: 3px 10px 5px 10px;}
    .cardCatBox h5:not(.meetSlide .cardCatBox h5) {font-size: 14px;}

}

@media (max-width: 567px) {  
    /* .bannerBox .logo {margin-bottom: 15px;max-height: 55px;}
    .banner {height: 200px;}  
    .bannerBox h1 {font-size: 25px;} */

    .meetImageList img {max-height: 60px;border-radius: 10px;}
}