.blog-main-wrap::before {position: absolute; top: 0; left: 0; width: 100%; height: 570px; content: ""; background: url('/resources/images/breadcrumb-blog-bg.webp') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0.5; } .blog-main-wrap-inner { position: relative; z-index: 3; } .page-ing-breadcrumb { text-align: center; padding: 100px 0; } .page-heading-sp { font-size: 45px; font-weight: 700; } .page-ing-breadcrumb .breadCrumb { color: #1e1e1e; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }.blogcard-img-feature, .content_div div.blogcard-img-feature { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; margin: 0 auto; position: relative; z-index: 2; padding-top: 40%; margin-bottom: 40px; } .feature-img-blog { position: absolute; min-width: 1000%; min-height: 1000%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0.1); -webkit-transform: translateX(-50%) translateY(-50%) scale(0.1); -ms-transform: translateX(-50%) translateY(-50%) scale(0.1); -moz-transform: translateX(-50%) translateY(-50%) scale(0.1); -o-transform: translateX(-50%) translateY(-50%) scale(0.1); max-width: none; width: auto; } .page-ing-breadcrumb .breadCrumb a svg { vertical-align: middle; margin-top: -5px; } .listalg ul, .listalg ol { padding-left: 21px; } .listalg ul li, .listalg ol li { margin-bottom: 8px; }.blogcard-label, .content_div div.blogcard-label{ border-bottom: solid 1px #f1f2f4; margin-bottom: 18px; padding-bottom: 18px; color: #080808; } .blogcard-label ul { list-style: none; padding: 0; margin: 0; font-size: 14px; } .blogcard-label ul svg { vertical-align: middle; margin-right: 3px; margin-top: -2px; fill: #ff6600; stroke: #ff6600; } .blogcard-label ul li { margin-right: 18px; border-right: solid 1px #f1f2f4; padding-right: 20px; display: inline-block; } .blogcard-label ul li:last-child { margin-right: 0; border-right: 0; padding-right: 0; } .destination_details.destination_page.rev .col-xs-12.col-lg-9 { width: 100%; } .destination_details.destination_page.rev { padding-top: 7px; } @media only screen and (max-width:1199px) { .blogcard-label ul { font-size: 14px; } } @media only screen and (max-width:575px) { .blogcard-label ul { font-size: 13px; } } @media (min-width:768px) { .pageing_top_list { margin-top: 84px; } } .content_div .listalg h2, .content_div .listalg h3, .content_div .listalg h4, .content_div .listalg h5, .content_div .listalg h6{ margin-top: 30px; } .content_div .listalg h2:first-child, .content_div .listalg h3:first-child, .content_div .listalg h4:first-child, .content_div .listalg h5:first-child, .content_div .listalg h6:first-child{ margin-top: 0; } /* responsive */ @media only screen and (min-width:1200px) {} @media only screen and (max-width:1299px) { .page-heading-sp{ font-size: 40px; } } @media only screen and (max-width:1199px) { .page-ing-breadcrumb{ padding: 90px 0; } .blogcard-img-feature, .content_div div.blogcard-img-feature{ -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .blog-main-wrap::before{ height: 490px; } .recntPost.rec { margin-top: 40px; } } @media only screen and (max-width:991px) { .page-heading-sp{ font-size: 36px; } .page-ing-breadcrumb{ padding: 80px 0; } .blogcard-img-feature, .content_div div.blogcard-img-feature{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .blog-main-wrap::before { height: 460px; } } @media only screen and (max-width:767px) { .page-heading-sp{ font-size: 32px; } .page-ing-breadcrumb{ padding: 70px 0; } .blogcard-img-feature, .content_div div.blogcard-img-feature{ -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .blog-main-wrap::before { height: 360px; } } @media only screen and (max-width:575px) { .page-heading-sp{ font-size: 26px; } .blogcard-img-feature, .content_div div.blogcard-img-feature{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .blog-main-wrap::before { -webkit-border-radius: 0 0 60% 60% / 12%; -moz-border-radius: 0 0 60% 60% / 12%; border-radius: 0 0 60% 60% / 12%; } .recntPost.rec { padding: 13px 18px; } .blogcard-label, .content_div div.blogcard-label { margin-bottom: 18px; padding-bottom: 14px; } .listalg, .content_div div.listalg { font-size: 14px !important; } } @media only screen and (max-width:425px) { .page-heading-sp{ font-size: 22px; } .recntPost.rec { padding: 9px 13px; } .blogcard-label ul { text-align: center; } }