.navbar img {
    width: 200px
}

.navbar {
    background-color: #c16700 !important
}

.navbar .nav-link {
    font-size: 14px;
    color: #fff !important;
    padding: 8px 0;
    position: relative;
    font-weight: 500
}

.price-chart {
    background-color: rgb(255 255 255 / 20%);
    color: #fff;
    border-radius: 10px;
    width: 750px;
    padding: 15px;
    box-shadow: 0 0 8px rgb(0 0 0 / .5)
}

.price-chart h2 {
    background-color: #e79e1d;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 6px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600
}

.price-chart table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
    font-size: 14px
}

.price-chart tr:nth-child(1) th {
    background-color: #878c8f;
    font-weight: 600
}

.price-chart th,
.price-chart td {
    border: 1px solid #b1b1b1;
    padding: 4px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    background: #30383c
}

.price-chart td {
    background-color: #30383c
}

.price-chart .note {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.6
}

.pricing-calender-sec {
    background-color: #000
}

.ptb-70 {
    padding: 20px 0
}

.common-heading {
    font-size: 18px;
    color: #d48c40;
    line-height: 24px;
    font-weight: 700
}

.common-para {
    color: #000;
    font-size: 14px;
    line-height: 28px
}

.about-card {
    width: 204px;
    border-radius: 0 30px 0 0;
    overflow: hidden
}

.about-card img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    z-index: 1;
    position: relative
}

.about-card .card-footer {
    background-color: #6d3f4b;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    border-radius: 0 0 0 30px;
    top: -23px;
    padding-top: 30px
}

.about-card .card-footer:hover::after {
    margin-left: 10px
}

.about-card i {
    transform: rotate(-45deg);
    margin-left: 13px
}

.safari-details-sec {
    background-color: rgb(146 103 61 / 20%)
}

.safari-details-sec img {
    border-radius: 10px;
    margin-bottom: 24px
}

.geo-details img {
    border-radius: 10px;
    margin-bottom: 24px
}

.park-details img {
    border-radius: 10px;
    margin-bottom: 24px
}

.geo-details-points {
    padding: 0;
    margin-top: 20px
}

.geo-details-points ul {
    padding: 0
}

.geo-details-points li:nth-child(odd) {
    background: #d792406e;
    color: #161616
}

.geo-details-points li:nth-child(even) {
    background: #fff6d9;
    color: #161616
}

.geo-details-points li ul li {
    background: #fff !important;
    padding: 10px;
    margin-top: 10px
}

.geo-details-points li {
    list-style-type: none;
    background: #fff;
    padding: 10px 15px;
    color: #161616
}

.main-heading {
    font-size: 30px;
    font-weight: 700 !important;
    color: #000
}

.tour-card {
    width: 300px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    min-height: 399px
}

.tour-card img {
    width: 100%;
    height: auto;
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-radius: 10px
}

.tour-content {
    padding: 15px
}

.tour-duration {
    font-size: 14px;
    color: #161616;
    margin-bottom: 5px;
    line-height: 1.75em
}

.tour-title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333
}

.tour-description {
    font-size: 14px;
    color: #161616;
    line-height: 1.75em;
    margin-bottom: 10px
}

.read-more {
    font-size: 14px;
    color: #ff4500;
    text-decoration: none;
    font-weight: 500
}

.read-more:hover {
    text-decoration: underline
}

.more-tour-packages {
    background-color: #f1f1f1
}

.latest-blogs .tour-content {
    padding: 15px 0
}

.latest-blogs img {
    border-radius: 30px 30px 0
}

footer h5 {
    position: relative;
    margin-bottom: 8px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 11px
}

footer ul {
    padding: 0;
    padding-top: 15px
}

footer ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px
}

footer ul li {
    list-style: none;
    margin-bottom: 8px
}

footer h5::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    left: 0
}

.copyright {
    background-color: #2e875c;
    color: #fff;
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 15px 10px;
    border-top: 1px solid #fffcfc
}

.copyright a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    margin: 0 5px
}

.copyright a:hover {
    text-decoration: underline
}

.disclaimer {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400
}

.copyright p {
    font-size: 14px;
    margin-top: 10px
}

.navbar .nav-link:hover {
    color: #d28c43
}

.navbar-nav {
    gap: 20px
}

.contact-links a::before {
    display: none !important
}

.banner-sec img {
    height: 500px;
    object-fit: cover
}

.banner-sec h1 {
    color: #fff;
    text-align: center;
    font-size: 55px;
    line-height: 68px
}

.banner-sec h1 span {
    color: #4ecd1b
}

.banner-sec p {
    text-align: center;
    color: #fff;
    font-size: 21px;
    margin-top: 25px;
    margin-bottom: 70px !important
}

.main-btn {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 13px 45px;
    letter-spacing: .05em;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 2px solid #e39344;
    display: block
}

.banner-btns {
    display: flex;
    justify-content: center;
    gap: 20px
}

.main-btn:hover {
    background-color: #e39344
}

.about-sec {
    position: relative
}

.img-fluid {
    width: 100%
}

.heading__pre-title {
    display: inline-block;
    color: #d78e3f;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase
}

.heading__pre-title::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 3px;
    background-image: url(../images/sub-head-vect.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.boat-safari-sec {
    background-image: url(../images/boat-safari-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000000ba;
    background-attachment: fixed;
    padding: 100px 0;
    background-blend-mode: multiply
}

.travel-guide-for-visitors img {
    position: sticky;
    top: 10px
}

.about-sec .main-btn {
    color: #2c9800
}

.about-sec .main-btn:hover {
    color: #fff
}

.payment-form .main-btn {
    color: #ffffff !important;
    width: 100% !important;
    background: #d8903e
}

.payment-form .main-btn:hover {
    color: #fff
}

.tour-packages .main-btn {
    color: #e39344;
    width: max-content
}

.tour-packages .main-btn:hover {
    color: #fff
}

.taboda-online-booking .main-btn {
    color: #2c9800
}

.taboda-online-booking .main-btn:hover {
    color: #fff
}

.about-sec {
    position: relative
}

.about-vec {
    position: absolute;
    right: 0;
    opacity: .5;
    z-index: -1
}

.about-sec p span {
    color: #2c9800;
    font-weight: 600
}

.about-sec .common-para {
    margin-bottom: 10px !important
}

.footer-bottom {
    text-align: center;
    padding: 15px;
    border-top: 1px solid rgb(255 255 255 / .1);
    font-size: 14px;
    color: #fff;
    background-color: #0c330c
}

.footer-bottom p {
    margin-bottom: 5px
}

.service-item {
    margin-bottom: 0;
    border: 1px solid #d8d8d8;
    padding: 28px 14px 25px;
    position: relative;
    margin-top: 20px;
    min-height: 365px
}

.service-item:before {
    position: absolute;
    content: "";
    border: 12px solid #fff0;
    border-top-color: #d8d8d8;
    border-right-color: #d8d8d8;
    right: 8px;
    top: 8px;
    transition: 0.5s ease
}

.service-item .icon-box {
    position: relative;
    height: 80px;
    width: 80px;
    margin: 17px auto 40px;
    line-height: 120px;
    transition: 0.4s ease;
    display: flex;
    justify-content: center;
    align-items: center
}

.service-item .icon-box:before {
    position: absolute;
    content: "";
    border: 1px solid #d8d8d8;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    transform: rotate(45deg);
    left: 0;
    transition: 0.5s ease
}

.service-item h4 {
    font-size: 20px;
    margin-bottom: 10px
}

.service-item:hover {
    border-color: #2c9800;
    transition: 0.5s ease
}

.service-item:hover:before {
    border-top-color: #2c9800;
    border-right-color: #2c9800;
    transition: 0.5s ease
}

.service-item:hover .icon-box:before {
    border-color: #2c9800;
    background: #2c9800;
    transition: 0.5s ease
}

.service-item .icon-box img {
    width: 45px
}

.service-item:hover .icon-box img {
    filter: invert(1)
}

.taboda-online-booking {
    background-color: #e3f1ea
}

.zone-box {
    margin-top: 20px;
    padding: 15px 30px;
    box-shadow: 2px 1px 13px #ddd;
    border: 1px solid #ddd;
    min-height: 347px;
    background: #fbfbfb
}

.zone-box h6 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px
}

.safari-zone-card .img-box {
    position: relative;
    overflow: hidden;
    margin: 0
}

.safari-zone-card img {
    display: block;
    height: 300px;
    object-fit: cover;
    width: 100%
}

.safari-zone-card .img-box .overlay {
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background: rgb(0 0 0 / .7);
    transition: 0.7s cubic-bezier(.34, -.13, .34, 1.1);
    opacity: 0;
    visibility: hidden
}

.safari-zone-card .img-box .overlay .inner-box {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
    text-align: center
}

.safari-zone-card .img-box .overlay .inner-box .content-box {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.thm-btn {
    position: relative;
    background: #8dc63f;
    font-size: 14px;
    line-height: 48px;
    border-radius: 25px;
    color: #fff;
    border: 1px solid #8dc63f;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    padding: 0 38px;
    transition: all 0.5s cubic-bezier(.4, 0, 1, 1)
}

.thm-btn.style-2 {
    background: #fff0;
    color: #8dc63f;
    border-color: #8dc63f
}

.safari-zone-card .content {
    position: relative;
    padding: 20px;
    padding-bottom: 30px;
    border: 1px solid #dfdfdf;
    border-top: 0;
    background: #fff;
    min-height: 255px
}

.safari-zone-card .content p {
    margin-bottom: 18px
}

.safari-zone-card:hover .overlay {
    height: 100%;
    transition: 0.7s cubic-bezier(.34, -.13, .34, 1.1);
    opacity: 1;
    visibility: visible
}

.safari-zone-card a {
    color: #000;
    text-decoration: none
}

.faq-sec .accordion-button:not(.collapsed) {
    background-color: #fff6d9
}

.faq-sec .accordion-button {
    font-size: 14px;
    font-weight: 400;
    border-radius: 0 !important;
    box-shadow: none
}

.faq-sec .accordion-button:focus {
    box-shadow: none
}

.faq-sec .accordion-item {
    border: 1px solid #ffe696;
    margin-bottom: 20px;
    border-radius: 10px
}

.major-safari-zones {
    background: #fff6d9
}

.default-blog-news {
    position: relative;
    transition: 0.5s ease-in-out;
    margin-bottom: 0;
    margin-top: 20px
}

.default-blog-news:hover {
    transition: 0.2s cubic-bezier(.4, 0, 1, 1)
}

.default-blog-news .lower-content {
    position: relative;
    padding: 15px 0 20px;
    border-bottom: 1px solid #cacaca;
    min-height: 140px;
    padding-bottom: 0 !important;
    margin-bottom: 30px
}

.default-blog-news .lower-content:before {
    width: 100%;
    height: 2px;
    position: absolute;
    content: "";
    background: #eaeaea;
    left: 0;
    bottom: 0
}

.default-blog-news .lower-content:after {
    width: 100%;
    height: 2px;
    position: absolute;
    content: "";
    background: #8dc63f;
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    transition: 0.5s ease
}

.default-blog-news .lower-content:hover:after {
    transform: scaleX(1);
    transition: 0.5s ease
}

.default-blog-news .date {
    position: absolute;
    left: 0;
    top: -30px;
    background: #2c9800;
    line-height: 20px;
    padding: 5px 15px;
    z-index: 9;
    color: #fff;
    text-align: center
}

.default-blog-news .lower-content .text p {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: justify
}

.default-blog-news .lower-content h4 {
    color: #222;
    font-weight: 500;
    margin-top: 7px;
    margin-bottom: 12px;
    transition: all 300ms ease;
    font-size: 23px
}

.default-blog-news .lower-content h4:hover {
    color: #8dc63f;
    transition: all 300ms ease
}

.default-blog-news .lower-content .post-meta {
    color: #848484;
    font-size: 14px;
    margin-bottom: 7px
}

.default-blog-news .lower-content a {
    text-decoration: none
}

.default-blog-news img {
    height: 300px;
    object-fit: cover
}

.default-blog-news:hover .img-holder img {
    transform: scale(1.1)
}

.default-blog-news .overlay {
    background-color: rgb(0 0 0 / .5);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 450ms ease-out 0s;
    transform: rotateY(180deg) scale(.5, .5)
}

.default-blog-news:hover .img-holder .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: rotateY(0deg) scale(1, 1)
}

.default-blog-news .overlay .box {
    display: table;
    height: 100%;
    width: 100%
}

.default-blog-news .overlay .box .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.default-blog-news .img-holder {
    position: relative;
    overflow: hidden
}

.default-blog-news .img-holder .overlay .box .content a i {
    background: #2c9800;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 45px;
    line-height: 48px;
    transition: all 500ms ease 0s;
    width: 45px
}

.default-blog-news .img-holder .overlay .box .content a:hover i {
    background: #2c9800
}

.default-blog-news .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%
}

.blog-sec {
    background: #fff6d9
}

.adventure-experience {
    background-image: url(../images/mid-bg-img.jpg);
    background-attachment: fixed;
    background-color: #0009;
    background-blend-mode: multiply;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.plan-trip-card {
    text-align: center;
    padding: 30px;
    background: #88c6a83d;
    border-bottom: 7px solid #2e875c;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    margin-top: 30px
}

.plan-trip-card p {
    font-size: 45px;
    font-weight: 600;
    color: #2e875c
}

.plan-trip-card h6 {
    font-size: 24px;
    line-height: 37px;
    color: #000
}

.about-item {
    padding: 30px;
    box-shadow: 1px 0 12px -5px rgb(0 0 0 / .3);
    -webkit-box-shadow: 1px 0 12px -5px rgb(0 0 0 / .3);
    -moz-box-shadow: 1px 0 12px -5px rgb(0 0 0 / .3);
    border-left: 3px solid #fff0;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: 20px;
    min-height: 300px
}

.about-item.item-2 {
    margin-top: 20px
}

.about-item a {
    text-decoration: none;
    color: #2c9800;
    font-size: 30px;
    display: block;
    margin-bottom: 20px
}

.adventure-experience h2 {
    color: #fff;
    margin-bottom: 30px
}

.why-book-with-us {
    background-image: url(../images/why-book-bg-img.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    color: #fff;
    margin-bottom: 3px
}

.why-book-with-us .item {
    position: relative;
    background: #fbfbfb;
    padding: 17px 0 25px;
    border: 1px solid #f4f4f4;
    text-align: center
}

.why-book-with-us .column .icon {
    font-size: 40px;
    position: relative;
    right: 5px;
    margin-bottom: 5px;
    color: #8dc63f;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease
}

.why-book-with-us .count-outer {
    position: relative;
    font-size: 40px;
    font-weight: 400;
    padding: 0 10px 5px;
    font-family: "Roboto Slab", Sans-serif;
    color: #303030
}

.why-book-with-us .counter-title {
    position: relative;
    font-size: 14px;
    font-weight: 300;
    color: #2c9800;
    text-align: center;
    font-weight: 500
}

.why-book-with-us .item img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px
}

.gallery .mySwiperthumb .swiper-slide {
    width: 60px !important;
    height: 60px !important;
    margin: 0
}

.mySwiperthumb {
    margin: 0 !important
}

.travel-guide-for-visitors p a {
    color: #000;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: 600
}

.travel-guide-for-visitors p span {
    font-size: 14px;
    display: block;
    margin-top: 10px
}

footer p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px
}

footer .main-btn {
    border-color: #fff
}

footer .main-btn:hover {
    background-color: #fff;
    color: #000
}

.internal-banner {
    background-image: url(../images/best-time-banner.jpg);
    padding: 30px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #c88130;
    background-blend-mode: multiply;
    text-align: center;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.flora-banner {
    background-image: url(../images/floea-fauna-banner-img.jpg);
    padding: 100px 0;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #224e2ccc;
    background-blend-mode: multiply;
    text-align: center
}

.best-time-banner {
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #dc903f;
    background-blend-mode: multiply;
    text-align: center
}

.birdwatching-banner {
    padding: 35px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #d8903e;
    background-blend-mode: multiply;
    text-align: center
}

.internal-banner h1 {
    font-size: 38px;
    color: #fff;
    margin-bottom: 6px
}

.tour-packages a {
    text-decoration: none
}

.internal-banner p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0
}

.internal-banner p a {
    color: #fff;
    text-decoration: none
}

.main-heading span {
    color: #d8903e
}

.internal-things-to-do .row .row {
    border: none !important;
    box-shadow: 1px 2px 11px #ddd
}

.internal-flora-fauna ul {
    border-bottom: 2px dashed #cdcdcd
}

.internal-flora-fauna img {
    border-radius: 10px;
    position: sticky;
    top: 20px
}

.internal-flora-fauna h3 {
    font-size: 20px
}

.best-time-visit-card ul {
    border: none !important
}

.best-time-visit-card {
    padding: 20px 0;
    background: #ffbd8745;
    border-radius: 15px;
    margin-top: 30px
}

.birdwatching-gallery {
    background-color: #dbffa959
}

.birdwatching-gallery img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
    border-radius: 15px
}

.about-tadoba img {
    position: static
}

.birdwatching-page img {
    position: static
}

.travel-guide-for-visitors .plan-color-box {
    background: #e3f1ea;
    padding: 10px 20px
}

.plan-color-box ul {
    padding: 0;
    border: none
}

.plan-color-box p {
    padding: 0;
    margin: 15px 0;
    background-color: #fff0
}

.travel-guide-for-visitors ul li {
    color: #000;
    text-decoration: none;
    display: block;
    display: block;
    margin-top: 10px;
    list-style: circle
}

.blog-detail-page img {
    height: 500px;
    object-fit: cover
}

.classic-blog__meta {
    padding: 0
}

.classic-blog__meta li {
    list-style: none;
    font-size: 14px;
    margin-top: 10px;
    display: flex;
    gap: 10px;
    margin-right: 10px;
    color: #757575
}

.classic-blog__meta li a {
    color: #000
}

.blog-detail-page h1 {
    font-size: 35px;
    margin-top: 20px;
    color: #303b16
}

.lil-large-head {
    font-size: 30px;
    font-weight: 600;
    color: #d8903e
}

.payment-form {
    padding: 15px
}

.payment-page h5 {
    font-size: 35px;
    margin-bottom: 20px
}

.payment-form label {
    font-weight: 600
}

.payment-form input {
    border: 1px solid #d48e3e;
    border-radius: 4px;
    padding: 11px 20px;
    font-size: 14px
}

.payment-form Select {
    width: 100%;
    border: 1px solid #d48e3e;
    border-radius: 4px;
    padding: 11px 20px;
    font-size: 14px
}

.payment-form textarea {
    border: 1px solid #d8903e;
    border-radius: 5px;
    padding: 11px 20px
}

.rooms1-single {
    position: relative;
    display: block;
    margin-bottom: 15px
}

.rooms1-img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

.rooms1-img img {
    width: 100%;
    transform: scale(1);
    transition: transform 500ms ease
}

.rooms1-single:hover .rooms1-img img {
    transform: scale(1.05)
}

.rooms1-content {
    position: relative;
    display: block;
    background-color: #fff;
    padding: 30px;
    margin-top: -60px;
    margin-left: 30px;
    margin-right: 30px;
    overflow: hidden;
    transition: all 500ms ease;
    z-index: 2;
    visibility: visible;
    opacity: 0;
    box-shadow: 0 4px 5px #d9d9d9
}

.rooms1-single .rooms1-content.active,
.owl-item.active .rooms1-single .rooms1-content {
    visibility: visible;
    opacity: 1
}

.rooms1-tagline {
    font-size: 14px;
    color: #3b3b3b;
    margin-bottom: 0;
    transition: all 500ms ease
}

.rooms1-title,
.rooms1-title a {
    font-size: 27px;
    margin-bottom: 5px;
    color: #1b1b1b;
    font-weight: 400;
    line-height: 1.2em;
    text-decoration: none;
    transition: all 500ms ease
}

.rooms1-content .book {
    text-align: left;
    margin-top: 3px
}

.rooms1-content .book .butn-dark2 {
    margin: 0
}

.rooms1-content .book>div {
    display: table-cell;
    vertical-align: middle
}

.rooms1-content .book>div:nth-child(2) {
    padding-left: 36px;
    padding-right: 0;
    font-size: 14px;
    line-height: 1.2em
}

.rooms1-content .book>div>span {
    display: block;
    margin-bottom: 0;
    font-size: 14px
}

.rooms1-content .book .price {
    font-family: "Libre Caslon Display", serif;
    font-size: 30px;
    line-height: 1.2em;
    color: #aa8453
}

.rooms1-content i {
    font-size: 14px;
    color: #ffb100
}

.rooms1-single {
    margin-bottom: 20px
}

.availability-form {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 6px
}

.availability-form h2 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #000
}

.availability-form p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 15px
}

.availability-form .form-group {
    margin-bottom: 15px;
    border-bottom: 1px solid #171717
}

.availability-form label {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: #000
}

.availability-form input[type="text"],
.availability-form input[type="date"],
.availability-form select {
    width: 100%;
    padding: 8px;
    border: 1px solid #fff;
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-size: 14px
}

.availability-form input[type="range"] {
    width: 100%;
    margin: 10px 0
}

.availability-form .checkbox-group {
    display: flex;
    align-items: center;
    margin-bottom: 17px;
    color: #fff
}

.availability-form .checkbox-group input {
    margin-right: 8px;
    accent-color: #4d9d39
}

.availability-form .price-label {
    font-size: 14px;
    margin-top: 5px;
    color: #000;
    margin-bottom: 0
}

.availability-form button {
    width: 100%;
    padding: 10px;
    background: #d8903e;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    margin-top: 0
}

.availability-form button:hover {
    background: #a6a6a6;
    color: #fffdfd
}

.mobile-li {
    display: none
}

.availability-form {
    position: sticky;
    top: 20px
}

.hotel-detail-page .mySwiper img {
    border-radius: 10px;
    border: 3px solid #2e5d0b
}

.mySwiper .swiper-button-prev {
    padding: 20px;
    background: #2e5d0b;
    height: 52px;
    width: 50px;
    border-radius: 10px;
    border: 2px solid #fff
}

.mySwiper .swiper-button-prev::after {
    color: #fff;
    font-size: 25px
}

.mySwiper .swiper-button-next {
    padding: 20px;
    background: #2e5d0b;
    height: 52px;
    width: 50px;
    border-radius: 10px;
    border: 2px solid #fff
}

.mySwiper .swiper-button-next::after {
    color: #fff;
    font-size: 25px
}

.meg_aminites_item {
    position: relative;
    padding: 20px 30px;
    background: #f9f9f9;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    font-weight: 500;
    text-align: left;
    border: 1px solid #eee;
    margin: 5px 0
}

.meg_aminites_item i {
    color: #d8903e;
    font-size: 20px;
    margin-right: 20px
}

.meg_aminites_item span {
    position: relative;
    top: -2px
}

.safari-zone-card i {
    color: #ffe600
}

.safari-zone-card {
    margin-bottom: 20px
}

.tour-packages .payment-form {
    position: sticky;
    top: 10px;
    background: #fff3e6
}

.tour-detail .nav-tabs-list {
    border: none;
    gap: 20px;
    display: flex;
    padding: 0
}

.tour-detail .nav-tabs-list li {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    background: #f1f1f1;
    color: #000;
    list-style: none;
    padding: 12px 37px
}

.tour-detail .nav-tabs-list li a {
    text-decoration: none;
    color: #000
}

.tour-detail .nav-tabs-list li.active {
    background: #fff;
    border: 1px solid
}

.near-place-visit img {
    height: 100%;
    object-fit: cover
}

.online-safari-page h1 {
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    font-size: 21px
}

.online-safari-page table {
    width: 100%;
    border-collapse: collapse
}

.online-safari-page th,
.online-safari-page td {
    border: 1px solid #d48c40;
    padding: 14px 15px;
    text-align: left
}

.online-safari-page th {
    background-color: #fff;
    color: #333
}

.online-safari-page .section-title {
    background-color: #fff;
    color: #1b4d2d;
    padding: 10px 15px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 700
}

@media (max-width:600px) {

    .online-safari-page th,
    .online-safari-page td {
        font-size: 14px;
        padding: 10px
    }

    .section-title {
        font-size: 14px
    }
}

.online-safari-box {
    padding: 10px;
    background: #d48c40;
    border-radius: 10px
}

.online-safari-page {
    background-color: #fff3e7
}

.imp-links-div ul {
    padding: 0
}

.imp-links-div ul li {
    background: #ffdaaf;
    border-radius: 12px;
    padding: 11px 20px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgb(255 255 255 / .05)
}

.imp-links-div ul li svg {
    margin-right: 10px
}

.imp-links-div ul li a {
    display: block;
    color: #000;
    text-decoration: none
}

.imp-links-div ul li:hover {
    background-color: #fff6d9
}

.hotels-list-page .main-btn {
    width: max-content;
    display: block !important;
    color: #2c9800;
    padding: 7px 22px;
    border-radius: 11px
}

.hotels-list-page .main-btn:hover {
    color: #fff
}

.safari-link {
    color: #ffffff !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid #fff
}

.online-safari-page .common-heading {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 40px
}

.list-box {
    padding: 20px;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 20px
}

.list-box h6 {
    font-size: 23px;
    color: #d48c40;
    padding-bottom: 20px
}

.list-box li {
    margin-bottom: 15px
}

.list-box li ul {
    padding-left: 0;
    margin-top: 5px
}

.tour-packages .mySwiper .swiper-slide img {
    height: 100px;
    width: 100%;
    object-fit: cover
}

.tour-packages .mySwiper2 .swiper-wrapper {
    height: 200px;
    margin-bottom: 10px
}

.tour-packages .mySwiper2 img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.info {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    color: #000;
    font-size: 15px
}

.info i {
    margin-right: 6px;
    color: #c0392b
}

.description {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px
}

.tour-pack-card {
    padding: 20px;
    margin: 10px;
    margin-bottom: 20px;
    background: #ff9d341f
}

.tour-pack-card h5 {
    font-size: 30px;
    padding-bottom: 0;
    display: inline-block;
    color: #000;
    font-weight: 400
}

.mySwiperthumbpre {
    height: 100%
}

.gallery {
    text-align: center;
    margin-bottom: 10px
}

.preview {
    width: 100%;
    max-width: 700px;
    height: 201px;
    margin: auto;
    margin-bottom: 5px;
    overflow: hidden
}

.preview img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 1px
}

.thumbnails img {
    width: 59px !important;
    height: 39px !important;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
    opacity: .6;
    transition: 0.3s;
    border: 2px solid #fff0
}

.thumbnails img.active,
.thumbnails img:hover {
    opacity: 1;
    border: 2px solid #0078ff
}

.hotel-detail-page .preview {
    margin: 0;
    max-width: 100%;
    height: 300px;
    margin-bottom: 5px
}

.hotel-detail-page .thumbnails img {
    width: 194px;
    height: 119px
}

.recent-posts {
    position: sticky;
    top: 10px
}

.recent-post-card {
    display: flex;
    gap: 20px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    color: #000;
    text-decoration: none;
    margin-bottom: 10px
}

.recent-post-card img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    flex-grow: 0;
    flex-shrink: 0
}

.recent-post-card span {
    font-size: 14px
}

.recent-posts h5 {
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: 0
}

.recent-post-card:hover {
    background-color: #f3f3f3
}

.list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none
}

.search-bar {
    background: #ffe4b5;
    padding: 15px;
    border-radius: 6px;
    gap: 10px;
    align-items: center
}

.travellers-dropdown {
    min-width: 280px
}

.counter {
    display: flex;
    align-items: center;
    gap: 10px
}

.counter button {
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    background: #fff;
    font-weight: 700
}

#checkin {
    width: 100% !important;
    text-align: center;
    color: #000;
    font-size: 14px;
    opacity: 1;
    height: 37px;
    border-radius: 3px;
    border: none
}

.hotels-filters .dropdown-toggle {
    width: 100%;
    background: #fff;
    color: #000
}

.hotels-filters select {
    text-align: center;
    font-size: 14px;
    height: 37px;
    border: none;
    border-radius: 3px
}

.travellers-dropdown .mb-3 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important
}

.travellers-dropdown .mb-3 label {
    font-size: 14px
}

.mobile-filter-toggle {
    display: none
}

.hotels-list-page .availability-form .checkbox-group i {
    font-size: 12px
}

.hotel-card {
    display: flex;
    background: #fff;
    border-radius: 6px;
    color: #000;
    overflow: hidden;
    box-shadow: 0 2px 8px rgb(0 0 0 / 29%);
    margin: auto;
    margin-bottom: 20px;
    text-decoration: none;
    margin: 0
}

.hotel-card img {
    width: 250px;
    height: 100%;
    object-fit: cover
}

.hotel-info {
    flex: 1;
    background: #fff3e5;
    padding: 15px;
    border-right: 1px solid #f0d9a8
}

.hotel-info h3 {
    margin: 0 0 10px;
    font-size: 21px
}

.facilities {
    font-size: 14px;
    color: #444;
    line-height: 1.6
}

.facilities span {
    margin-right: 8px
}

.hotel-price {
    width: 220px;
    padding: 15px;
    text-align: right;
    background: #f4f4f4
}

.rating {
    background: #2e7031;
    color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px
}

.reviews {
    font-size: 14px;
    color: #555;
    margin-bottom: 20px
}

.old-price {
    color: red;
    text-decoration: line-through;
    font-size: 14px;
    margin-bottom: 5px
}

.new-price {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px
}

.charge {
    font-size: 14px;
    color: #333
}

.calendar-day {
    transition: all 0.2s ease;
    background-color: #3d7d4a;
    color: #fff
}

.calendar-day:hover:not(.passed, .selected) {
    background-color: #acf0ac;
    cursor: pointer
}

.hotels-list-page .gallery {
    width: 250px !important;
    margin-bottom: 0
}

.hotels-list-page .thumbnails img {
    width: 100% !important;
    height: 56px !important
}

.hotels-list-page .preview {
    margin-bottom: 0;
    height: 190px
}

.mySwiperthumbpre .swiper-button-next:after {
    color: #000;
    font-size: 23px;
    background: #ffffffa6;
    width: 30px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px
}

.mySwiperthumbpre .swiper-button-prev:after {
    color: #000;
    font-size: 23px;
    background: #ffffffa6;
    width: 30px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px
}

.hotel-info ul {
    display: flex;
    padding: 0;
    gap: 15px;
    margin-top: 15px
}

.hotel-info ul li {
    width: 30px;
    list-style: none;
    flex-grow: 0;
    flex-shrink: 0
}

.hotel-info ul li img {
    width: 30px;
    height: 30px
}

.hotel-info span {
    font-size: 14px;
    display: block
}

.hotel-info i {
    color: #0bda51;
    font-size: 15px
}

.price-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 178px;
    background: #fff3e5;
    padding: 0 10px;
    gap: 30px
}

.price {
    font-size: 26px;
    font-weight: 700;
    color: #d8903e;
    display: block
}

.buttons {
    display: flex;
    gap: 10px;
    flex-direction: column;
    margin-bottom: 10px;
    width: 100%
}

.btn {
    padding: 8px 15px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    background: #d8903e;
    color: #fff
}

.btn-enquire {
    background: #fff;
    color: #e67e22;
    border: 1px solid #e67e22;
    width: 100%;
    display: block
}

.btn-book {
    background: #d8903e;
    color: #fff;
    border: 1px solid #d8903e
}

.price-box small {
    display: block;
    font-size: 13px
}

.taboda-online-booking img {
    position: sticky;
    top: 10px
}

footer {
    background-color: #000000;
    padding: 25px 0%;
    gap: 40px;
    /* background-image: url(../images/best-time-banner.jpg);
    background-blend-mode: multiply;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    padding-bottom: 1%
}

.footer-logo h2 {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #a6ff00;
    margin: 0
}

.footer-logo p {
    line-height: 1.5;
    margin: 15px 0;
    color: #cfcfcf
}

.footer-logo .contact p {
    margin: 5px 0;
    font-size: 14px
}

.footer-logo .contact i {
    margin-right: 8px;
    color: #a6ff00
}

.footer-links h3 {
    font-size: 23px;
    color: #fff;
    border-bottom: 1px solid #fff;
    display: inline;
    padding-bottom: 5px
}

.footer-links ul {
    list-style: none;
    padding: 0;
    margin-top: 30px
}

.footer-links ul li {
    margin: 8px 0
}

.footer-links ul li a {
    text-decoration: none;
    color: #fff;
    transition: 0.3s
}

.footer-links p {
    text-decoration: none;
    color: #fff;
    transition: 0.3s;
    font-weight: 600
}

.footer-links ul li a:hover {
    color: #ffae57
}

.newsletter h3 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff
}

.newsletter p {
    font-size: 14px;
    margin-bottom: 15px;
    color: #cfcfcf
}

.newsletter input {
    width: 100%;
    padding: 12px;
    border: 1px solid #a6ff00;
    border-radius: 30px;
    outline: none;
    background: #fff0;
    color: #fff;
    margin-bottom: 15px
}

.newsletter button {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 30px;
    background: #a6ff00;
    color: #000;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s
}

.newsletter button:hover {
    background: #8dd600
}

.footer-bottom {
    text-align: center;
    padding: 15px;
    font-size: 14px;
    color: #fff;
    background-color: #000000;
}

.footer-bottom p {
    margin-bottom: 5px;
    font-size: 14px
}

.footer-logo .footer-social-links {
    display: flex;
    gap: 20px;
    margin-top: 12px
}

.footer-logo .footer-social-links li {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-logo .footer-social-links li a {
    color: #000
}

.footer-logo .footer-social-links li a i {
    font-size: 20px
}

.footer-bottom a {
    color: #000;
    text-decoration: none
}

.header-top-band {
    padding: 10px 0;
    background: #804710;
    display: none
}

.header-top-band .box {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.header-top-band .box a {
    display: inline-block;
    margin-top: 2px;
    padding: 2px 16px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    color: #fff
}

.header-top-band .tour-btn {
    background-color: #e74c3c
}

.fa-star {
    color: #d4d4d4 !important
}

.header-top-band .safari-btn {
    background-color: #cb853b
}

.color {
    color: #ffc300 !important
}

.online-safari-page h3 {
    text-align: center;
    font-size: 23px;
    color: #d48c40
}

.general-info-box {
    background: #fff6d9;
    padding: 30px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border: 2px solid #fbedbd
}

.general-info-box img {
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.general-info-box ul {
    padding: 0
}

.general-info-box ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    margin-bottom: 11px
}

.general-info-box ul li ul {
    padding-left: 0;
    margin-left: -7px;
    margin-top: 6px
}

.general-info-box ul li ul li {
    list-style: circle;
    padding-left: 0
}

.general-info-box ul li i {
    position: absolute;
    left: 0;
    top: 7px
}

.single-feature-area-three {
    padding: 30px 15px;
    border-radius: 8px;
    transition: all 0.3s ease;
    min-height: 319px;
    margin-top: 20px;
    background: #fff
}

.single-feature-area-three .icon {
    margin-bottom: 15px;
    width: 50px
}

.single-feature-area-three .icon img {
    width: 100%
}

.single-feature-area-three .content .title {
    font-size: 23px;
    color: #137347;
    margin-bottom: 12px
}

.form-group button:hover {
    background: #fff;
    color: #d48c40
}

.single-feature-area-three .content p.disc {
    font-size: 14px;
    color: #717383;
    margin-bottom: 30px
}

.single-feature-area-three:hover {
    border-color: #3c8020;
    transform: scale(1.02) translateY(-2px)
}

.places-gallery-sec .desti-img-card {
    position: relative;
    overflow: hidden
}

.places-gallery-sec .desti-img-card img {
    width: 100%;
    border-radius: 30px;
    height: 450px;
    object-fit: cover;
    border: 3px solid #fff
}

.places-gallery-sec .desti-img-card .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(22 25 33 / .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.places-gallery-sec .desti-img-card .hover-content .icon-btn {
    font-size: 30px;
    color: var(--white-color)
}

.places-gallery-sec .desti-img-card:hover .hover-content {
    visibility: visible;
    opacity: 1
}

.places-gallery-sec .desti-img-card .hover-content i {
    color: #fff;
    font-size: 22px
}

.places-gallery-sec .desti-img-card .hover-content a {
    font-size: 22px;
    color: #fff;
    text-decoration: none
}

.destination-mySwiper {
    padding-bottom: 76px
}

.destination-mySwiper .swiper-button-prev {
    bottom: 0;
    top: auto;
    left: 48%;
    background: #d79240;
    width: 50px;
    height: 50px;
    border-radius: 100px
}

.destination-mySwiper .swiper-button-next {
    bottom: 0;
    top: auto;
    right: 43%;
    background: #d79240;
    width: 50px;
    height: 50px;
    border-radius: 100px
}

.destination-mySwiper .swiper-button-prev::after {
    color: #fff;
    font-size: 22px
}

.destination-mySwiper .swiper-button-next::after {
    color: #fff;
    font-size: 22px
}

.online-safari-page table tr:nth-child(odd) {
    background-color: #ffebd6
}

.online-safari-page table tr:nth-child(even) {
    background-color: #ffdebc
}

.weather-in-satpura {
    background-color: #fff6d9
}

.single-blog-style-one {
    position: relative;
    background: #fff;
    padding: 10px;
    box-shadow: 0 4px 20px rgb(0 0 0 / .05)
}

.br-8 {
    border-radius: 8px
}

.single-blog-style-one .thumbnail-blog {
    display: block;
    overflow: hidden
}

.single-blog-style-one .thumbnail-blog img {
    transition: 0.4s;
    height: 250px
}

.single-blog-style-one .inner-content-blog {
    margin-top: 12px
}

.single-blog-style-one .inner-content-blog span {
    display: block;
    margin-bottom: 20px
}

.single-blog-style-one .inner-content-blog .title {
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 26px
}

.single-blog-style-one .inner-content-blog .btn-line {
    color: #ff7917;
    display: flex;
    align-items: baseline;
    text-decoration: none
}

.single-blog-style-one .inner-content-blog span {
    display: block;
    margin-bottom: 14px
}

.single-blog-style-one:hover img {
    transform: scale(1.1)
}

.single-blog-style-one .inner-content-blog a {
    text-decoration: none;
    color: #000
}

.post-item_media a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.error-message {
    font-size: 14px
}

.form-group button:disabled {
    background-color: #d48c40 !important;
    color: #fff !important
}

.post-item_media a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #272535;
    z-index: 2;
    opacity: 0;
    transition: all 0.2s cubic-bezier(.19, 1, .22, 1) 0ms
}

.buttons button:hover {
    border: 1px solid #000
}

.post-item_media a img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    float: left;
    position: relative;
    z-index: 1;
    background: #272535;
    transform: translateZ(0);
    transition: all 0.3s ease-in-out
}

.post-item_content {
    padding: 20px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #a2a2a2;
    border-top: none;
    background: #fff
}

.post-item_content span {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
    display: block
}

.post-item_content h3 {
    font-size: 1.9em;
    margin-bottom: 15px;
    text-align: left;
    position: relative
}

.post-item_content h3 a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 20px
}

.room-card-details {
    overflow: hidden;
    margin: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0
}

.post-item_media a:hover:before {
    opacity: .7
}

.post-item_wrap {
    padding: 10px;
    background: #fff;
    box-shadow: -2px 1px 24px #ffc78087;
    margin-bottom: 20px
}

.theme-btn.style-two {
    border: 1px solid #ddd;
    padding: 15px 30px;
    line-height: 20px;
    border-radius: 20px;
    color: #000;
    display: block;
    width: max-content;
    text-decoration: none
}

.theme-btn i {
    margin-left: 10px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s
}

.theme-btn.style-two:hover {
    background-color: #d88e36;
    color: #fff;
    border-color: #fff0
}

.theme-btn:hover i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.geo-details-points-new li {
    background-color: transparent !important;
    border: 2px solid #ddd;
    margin-right: 10px
}

.geo-details-points-new ul {
    display: flex !important;
    flex-direction: column !important
}

.mobile-tabs-toggle ul {
    display: block
}

.mobile-tabs-toggle ul li button {
    border: none !important;
    width: 100%;
    text-align: left;
    background: transparent !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0 !important
}

.mobile-tabs-toggle {
    display: none
}

.country {
    position: relative;
    margin: 0 auto
}

.country .select {
    position: relative;
    padding: 0 35px 0 20px;
    line-height: 40px;
    border: 1px solid #a6a6a6;
    background: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    border: 1px solid #d48e3e;
    border-radius: 4px;
    padding: -2px 20px;
    height: 35px;
    display: flex;
    align-items: center
}

.country .select .flagstrap-icon {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 11px;
    background-image: url(../../../raw.githubusercontent.com/blazeworx/flagstrap/master/dist/css/flags.png);
    background-repeat: no-repeat;
    background-color: #e3e5e7
}

.country .select .flagstrap-icon.flagstrap-ad {
    background-position: -16px 0
}

.country .select .flagstrap-icon.flagstrap-ae {
    background-position: -32px 0
}

.country .select .flagstrap-icon.flagstrap-af {
    background-position: -48px 0
}

.country .select .flagstrap-icon.flagstrap-ag {
    background-position: -64px 0
}

.country .select .flagstrap-icon.flagstrap-ai {
    background-position: -80px 0
}

.country .select .flagstrap-icon.flagstrap-al {
    background-position: -96px 0
}

.country .select .flagstrap-icon.flagstrap-am {
    background-position: -112px 0
}

.country .select .flagstrap-icon.flagstrap-an {
    background-position: -128px 0
}

.country .select .flagstrap-icon.flagstrap-ao {
    background-position: -144px 0
}

.country .select .flagstrap-icon.flagstrap-ar {
    background-position: -160px 0
}

.country .select .flagstrap-icon.flagstrap-as {
    background-position: -176px 0
}

.country .select .flagstrap-icon.flagstrap-at {
    background-position: -192px 0
}

.country .select .flagstrap-icon.flagstrap-au {
    background-position: -208px 0
}

.country .select .flagstrap-icon.flagstrap-aw {
    background-position: -224px 0
}

.country .select .flagstrap-icon.flagstrap-az {
    background-position: -240px 0
}

.country .select .flagstrap-icon.flagstrap-ba {
    background-position: 0 -11px
}

.country .select .flagstrap-icon.flagstrap-bb {
    background-position: -16px -11px
}

.country .select .flagstrap-icon.flagstrap-bd {
    background-position: -32px -11px
}

.country .select .flagstrap-icon.flagstrap-be {
    background-position: -48px -11px
}

.country .select .flagstrap-icon.flagstrap-bf {
    background-position: -64px -11px
}

.country .select .flagstrap-icon.flagstrap-bg {
    background-position: -80px -11px
}

.country .select .flagstrap-icon.flagstrap-bh {
    background-position: -96px -11px
}

.country .select .flagstrap-icon.flagstrap-bi {
    background-position: -112px -11px
}

.country .select .flagstrap-icon.flagstrap-bj {
    background-position: -128px -11px
}

.country .select .flagstrap-icon.flagstrap-bm {
    background-position: -144px -11px
}

.country .select .flagstrap-icon.flagstrap-bn {
    background-position: -160px -11px
}

.country .select .flagstrap-icon.flagstrap-bo {
    background-position: -176px -11px
}

.country .select .flagstrap-icon.flagstrap-br {
    background-position: -192px -11px
}

.country .select .flagstrap-icon.flagstrap-bs {
    background-position: -208px -11px
}

.country .select .flagstrap-icon.flagstrap-bt {
    background-position: -224px -11px
}

.country .select .flagstrap-icon.flagstrap-bv {
    background-position: -240px -11px
}

.country .select .flagstrap-icon.flagstrap-bw {
    background-position: 0 -22px
}

.country .select .flagstrap-icon.flagstrap-by {
    background-position: -16px -22px
}

.country .select .flagstrap-icon.flagstrap-bz {
    background-position: -32px -22px
}

.country .select .flagstrap-icon.flagstrap-ca {
    background-position: -48px -22px
}

.country .select .flagstrap-icon.flagstrap-catalonia {
    background-position: -64px -22px
}

.country .select .flagstrap-icon.flagstrap-cd {
    background-position: -80px -22px
}

.country .select .flagstrap-icon.flagstrap-cf {
    background-position: -96px -22px
}

.country .select .flagstrap-icon.flagstrap-cg {
    background-position: -112px -22px
}

.country .select .flagstrap-icon.flagstrap-ch {
    background-position: -128px -22px
}

.country .select .flagstrap-icon.flagstrap-ci {
    background-position: -144px -22px
}

.country .select .flagstrap-icon.flagstrap-ck {
    background-position: -160px -22px
}

.country .select .flagstrap-icon.flagstrap-cl {
    background-position: -176px -22px
}

.country .select .flagstrap-icon.flagstrap-cm {
    background-position: -192px -22px
}

.country .select .flagstrap-icon.flagstrap-cn {
    background-position: -208px -22px
}

.country .select .flagstrap-icon.flagstrap-co {
    background-position: -224px -22px
}

.country .select .flagstrap-icon.flagstrap-cr {
    background-position: -240px -22px
}

.country .select .flagstrap-icon.flagstrap-cu {
    background-position: 0 -33px
}

.country .select .flagstrap-icon.flagstrap-cv {
    background-position: -16px -33px
}

.country .select .flagstrap-icon.flagstrap-cw {
    background-position: -32px -33px
}

.country .select .flagstrap-icon.flagstrap-cy {
    background-position: -48px -33px
}

.country .select .flagstrap-icon.flagstrap-cz {
    background-position: -64px -33px
}

.country .select .flagstrap-icon.flagstrap-de {
    background-position: -80px -33px
}

.country .select .flagstrap-icon.flagstrap-dj {
    background-position: -96px -33px
}

.country .select .flagstrap-icon.flagstrap-dk {
    background-position: -112px -33px
}

.country .select .flagstrap-icon.flagstrap-dm {
    background-position: -128px -33px
}

.country .select .flagstrap-icon.flagstrap-do {
    background-position: -144px -33px
}

.country .select .flagstrap-icon.flagstrap-dz {
    background-position: -160px -33px
}

.country .select .flagstrap-icon.flagstrap-ec {
    background-position: -176px -33px
}

.country .select .flagstrap-icon.flagstrap-ee {
    background-position: -192px -33px
}

.country .select .flagstrap-icon.flagstrap-eg {
    background-position: -208px -33px
}

.country .select .flagstrap-icon.flagstrap-eh {
    background-position: -224px -33px
}

.country .select .flagstrap-icon.flagstrap-england {
    background-position: -240px -33px
}

.country .select .flagstrap-icon.flagstrap-er {
    background-position: 0 -44px
}

.country .select .flagstrap-icon.flagstrap-es {
    background-position: -16px -44px
}

.country .select .flagstrap-icon.flagstrap-et {
    background-position: -32px -44px
}

.country .select .flagstrap-icon.flagstrap-eu {
    background-position: -48px -44px
}

.country .select .flagstrap-icon.flagstrap-fi {
    background-position: -64px -44px
}

.country .select .flagstrap-icon.flagstrap-fj {
    background-position: -80px -44px
}

.country .select .flagstrap-icon.flagstrap-fk {
    background-position: -96px -44px
}

.country .select .flagstrap-icon.flagstrap-fm {
    background-position: -112px -44px
}

.country .select .flagstrap-icon.flagstrap-fo {
    background-position: -128px -44px
}

.country .select .flagstrap-icon.flagstrap-fr {
    background-position: -144px -44px
}

.country .select .flagstrap-icon.flagstrap-ga {
    background-position: -160px -44px
}

.country .select .flagstrap-icon.flagstrap-gb {
    background-position: -176px -44px
}

.country .select .flagstrap-icon.flagstrap-gd {
    background-position: -192px -44px
}

.country .select .flagstrap-icon.flagstrap-ge {
    background-position: -208px -44px
}

.country .select .flagstrap-icon.flagstrap-gf {
    background-position: -224px -44px
}

.country .select .flagstrap-icon.flagstrap-gg {
    background-position: -240px -44px
}

.country .select .flagstrap-icon.flagstrap-gh {
    background-position: 0 -55px
}

.country .select .flagstrap-icon.flagstrap-gi {
    background-position: -16px -55px
}

.country .select .flagstrap-icon.flagstrap-gl {
    background-position: -32px -55px
}

.country .select .flagstrap-icon.flagstrap-gm {
    background-position: -48px -55px
}

.country .select .flagstrap-icon.flagstrap-gn {
    background-position: -64px -55px
}

.country .select .flagstrap-icon.flagstrap-gp {
    background-position: -80px -55px
}

.country .select .flagstrap-icon.flagstrap-gq {
    background-position: -96px -55px
}

.country .select .flagstrap-icon.flagstrap-gr {
    background-position: -112px -55px
}

.country .select .flagstrap-icon.flagstrap-gs {
    background-position: -128px -55px
}

.country .select .flagstrap-icon.flagstrap-gt {
    background-position: -144px -55px
}

.country .select .flagstrap-icon.flagstrap-gu {
    background-position: -160px -55px
}

.country .select .flagstrap-icon.flagstrap-gw {
    background-position: -176px -55px
}

.country .select .flagstrap-icon.flagstrap-gy {
    background-position: -192px -55px
}

.country .select .flagstrap-icon.flagstrap-hk {
    background-position: -208px -55px
}

.country .select .flagstrap-icon.flagstrap-hm {
    background-position: -224px -55px
}

.country .select .flagstrap-icon.flagstrap-hn {
    background-position: -240px -55px
}

.country .select .flagstrap-icon.flagstrap-hr {
    background-position: 0 -66px
}

.country .select .flagstrap-icon.flagstrap-ht {
    background-position: -16px -66px
}

.country .select .flagstrap-icon.flagstrap-hu {
    background-position: -32px -66px
}

.country .select .flagstrap-icon.flagstrap-ic {
    background-position: -48px -66px
}

.country .select .flagstrap-icon.flagstrap-id {
    background-position: -64px -66px
}

.country .select .flagstrap-icon.flagstrap-ie {
    background-position: -80px -66px
}

.country .select .flagstrap-icon.flagstrap-il {
    background-position: -96px -66px
}

.country .select .flagstrap-icon.flagstrap-im {
    background-position: -112px -66px
}

.country .select .flagstrap-icon.flagstrap-in {
    background-position: -128px -66px
}

.country .select .flagstrap-icon.flagstrap-io {
    background-position: -144px -66px
}

.country .select .flagstrap-icon.flagstrap-iq {
    background-position: -160px -66px
}

.country .select .flagstrap-icon.flagstrap-ir {
    background-position: -176px -66px
}

.country .select .flagstrap-icon.flagstrap-is {
    background-position: -192px -66px
}

.country .select .flagstrap-icon.flagstrap-it {
    background-position: -208px -66px
}

.country .select .flagstrap-icon.flagstrap-je {
    background-position: -224px -66px
}

.country .select .flagstrap-icon.flagstrap-jm {
    background-position: -240px -66px
}

.country .select .flagstrap-icon.flagstrap-jo {
    background-position: 0 -77px
}

.country .select .flagstrap-icon.flagstrap-jp {
    background-position: -16px -77px
}

.country .select .flagstrap-icon.flagstrap-ke {
    background-position: -32px -77px
}

.country .select .flagstrap-icon.flagstrap-kg {
    background-position: -48px -77px
}

.country .select .flagstrap-icon.flagstrap-kh {
    background-position: -64px -77px
}

.country .select .flagstrap-icon.flagstrap-ki {
    background-position: -80px -77px
}

.country .select .flagstrap-icon.flagstrap-km {
    background-position: -96px -77px
}

.country .select .flagstrap-icon.flagstrap-kn {
    background-position: -112px -77px
}

.country .select .flagstrap-icon.flagstrap-kp {
    background-position: -128px -77px
}

.country .select .flagstrap-icon.flagstrap-kr {
    background-position: -144px -77px
}

.country .select .flagstrap-icon.flagstrap-kurdistan {
    background-position: -160px -77px
}

.country .select .flagstrap-icon.flagstrap-kw {
    background-position: -176px -77px
}

.country .select .flagstrap-icon.flagstrap-ky {
    background-position: -192px -77px
}

.country .select .flagstrap-icon.flagstrap-kz {
    background-position: -208px -77px
}

.country .select .flagstrap-icon.flagstrap-la {
    background-position: -224px -77px
}

.country .select .flagstrap-icon.flagstrap-lb {
    background-position: -240px -77px
}

.country .select .flagstrap-icon.flagstrap-lc {
    background-position: 0 -88px
}

.country .select .flagstrap-icon.flagstrap-li {
    background-position: -16px -88px
}

.country .select .flagstrap-icon.flagstrap-lk {
    background-position: -32px -88px
}

.country .select .flagstrap-icon.flagstrap-lr {
    background-position: -48px -88px
}

.country .select .flagstrap-icon.flagstrap-ls {
    background-position: -64px -88px
}

.country .select .flagstrap-icon.flagstrap-lt {
    background-position: -80px -88px
}

.country .select .flagstrap-icon.flagstrap-lu {
    background-position: -96px -88px
}

.country .select .flagstrap-icon.flagstrap-lv {
    background-position: -112px -88px
}

.country .select .flagstrap-icon.flagstrap-ly {
    background-position: -128px -88px
}

.country .select .flagstrap-icon.flagstrap-ma {
    background-position: -144px -88px
}

.country .select .flagstrap-icon.flagstrap-mc {
    background-position: -160px -88px
}

.country .select .flagstrap-icon.flagstrap-md {
    background-position: -176px -88px
}

.country .select .flagstrap-icon.flagstrap-me {
    background-position: -192px -88px
}

.country .select .flagstrap-icon.flagstrap-mg {
    background-position: -208px -88px
}

.country .select .flagstrap-icon.flagstrap-mh {
    background-position: -224px -88px
}

.country .select .flagstrap-icon.flagstrap-mk {
    background-position: -240px -88px
}

.country .select .flagstrap-icon.flagstrap-ml {
    background-position: 0 -99px
}

.country .select .flagstrap-icon.flagstrap-mm {
    background-position: -16px -99px
}

.country .select .flagstrap-icon.flagstrap-mn {
    background-position: -32px -99px
}

.country .select .flagstrap-icon.flagstrap-mo {
    background-position: -48px -99px
}

.country .select .flagstrap-icon.flagstrap-mp {
    background-position: -64px -99px
}

.country .select .flagstrap-icon.flagstrap-mq {
    background-position: -80px -99px
}

.country .select .flagstrap-icon.flagstrap-mr {
    background-position: -96px -99px
}

.country .select .flagstrap-icon.flagstrap-ms {
    background-position: -112px -99px
}

.country .select .flagstrap-icon.flagstrap-mt {
    background-position: -128px -99px
}

.country .select .flagstrap-icon.flagstrap-mu {
    background-position: -144px -99px
}

.country .select .flagstrap-icon.flagstrap-mv {
    background-position: -160px -99px
}

.country .select .flagstrap-icon.flagstrap-mw {
    background-position: -176px -99px
}

.country .select .flagstrap-icon.flagstrap-mx {
    background-position: -192px -99px
}

.country .select .flagstrap-icon.flagstrap-my {
    background-position: -208px -99px
}

.country .select .flagstrap-icon.flagstrap-mz {
    background-position: -224px -99px
}

.country .select .flagstrap-icon.flagstrap-na {
    background-position: -240px -99px
}

.country .select .flagstrap-icon.flagstrap-nc {
    background-position: 0 -110px
}

.country .select .flagstrap-icon.flagstrap-ne {
    background-position: -16px -110px
}

.country .select .flagstrap-icon.flagstrap-nf {
    background-position: -32px -110px
}

.country .select .flagstrap-icon.flagstrap-ng {
    background-position: -48px -110px
}

.country .select .flagstrap-icon.flagstrap-ni {
    background-position: -64px -110px
}

.country .select .flagstrap-icon.flagstrap-nl {
    background-position: -80px -110px
}

.country .select .flagstrap-icon.flagstrap-no {
    background-position: -96px -110px
}

.country .select .flagstrap-icon.flagstrap-np {
    background-position: -112px -110px
}

.country .select .flagstrap-icon.flagstrap-nr {
    background-position: -128px -110px
}

.country .select .flagstrap-icon.flagstrap-nu {
    background-position: -144px -110px
}

.country .select .flagstrap-icon.flagstrap-nz {
    background-position: -160px -110px
}

.country .select .flagstrap-icon.flagstrap-om {
    background-position: -176px -110px
}

.country .select .flagstrap-icon.flagstrap-pa {
    background-position: -192px -110px
}

.country .select .flagstrap-icon.flagstrap-pe {
    background-position: -208px -110px
}

.country .select .flagstrap-icon.flagstrap-pf {
    background-position: -224px -110px
}

.country .select .flagstrap-icon.flagstrap-pg {
    background-position: -240px -110px
}

.country .select .flagstrap-icon.flagstrap-ph {
    background-position: 0 -121px
}

.country .select .flagstrap-icon.flagstrap-pk {
    background-position: -16px -121px
}

.country .select .flagstrap-icon.flagstrap-pl {
    background-position: -32px -121px
}

.country .select .flagstrap-icon.flagstrap-pm {
    background-position: -48px -121px
}

.country .select .flagstrap-icon.flagstrap-pn {
    background-position: -64px -121px
}

.country .select .flagstrap-icon.flagstrap-pr {
    background-position: -80px -121px
}

.country .select .flagstrap-icon.flagstrap-ps {
    background-position: -96px -121px
}

.country .select .flagstrap-icon.flagstrap-pt {
    background-position: -112px -121px
}

.country .select .flagstrap-icon.flagstrap-pw {
    background-position: -128px -121px
}

.country .select .flagstrap-icon.flagstrap-py {
    background-position: -144px -121px
}

.country .select .flagstrap-icon.flagstrap-qa {
    background-position: -160px -121px
}

.country .select .flagstrap-icon.flagstrap-re {
    background-position: -176px -121px
}

.country .select .flagstrap-icon.flagstrap-ro {
    background-position: -192px -121px
}

.country .select .flagstrap-icon.flagstrap-rs {
    background-position: -208px -121px
}

.country .select .flagstrap-icon.flagstrap-ru {
    background-position: -224px -121px
}

.country .select .flagstrap-icon.flagstrap-rw {
    background-position: -240px -121px
}

.country .select .flagstrap-icon.flagstrap-sa {
    background-position: 0 -132px
}

.country .select .flagstrap-icon.flagstrap-sb {
    background-position: -16px -132px
}

.country .select .flagstrap-icon.flagstrap-sc {
    background-position: -32px -132px
}

.country .select .flagstrap-icon.flagstrap-scotland {
    background-position: -48px -132px
}

.country .select .flagstrap-icon.flagstrap-sd {
    background-position: -64px -132px
}

.country .select .flagstrap-icon.flagstrap-se {
    background-position: -80px -132px
}

.country .select .flagstrap-icon.flagstrap-sg {
    background-position: -96px -132px
}

.country .select .flagstrap-icon.flagstrap-sh {
    background-position: -112px -132px
}

.country .select .flagstrap-icon.flagstrap-si {
    background-position: -128px -132px
}

.country .select .flagstrap-icon.flagstrap-sk {
    background-position: -144px -132px
}

.country .select .flagstrap-icon.flagstrap-sl {
    background-position: -160px -132px
}

.country .select .flagstrap-icon.flagstrap-sm {
    background-position: -176px -132px
}

.country .select .flagstrap-icon.flagstrap-sn {
    background-position: -192px -132px
}

.country .select .flagstrap-icon.flagstrap-so {
    background-position: -208px -132px
}

.country .select .flagstrap-icon.flagstrap-somaliland {
    background-position: -224px -132px
}

.country .select .flagstrap-icon.flagstrap-sr {
    background-position: -240px -132px
}

.country .select .flagstrap-icon.flagstrap-ss {
    background-position: 0 -143px
}

.country .select .flagstrap-icon.flagstrap-st {
    background-position: -16px -143px
}

.country .select .flagstrap-icon.flagstrap-sv {
    background-position: -32px -143px
}

.country .select .flagstrap-icon.flagstrap-sx {
    background-position: -48px -143px
}

.country .select .flagstrap-icon.flagstrap-sy {
    background-position: -64px -143px
}

.country .select .flagstrap-icon.flagstrap-sz {
    background-position: -80px -143px
}

.country .select .flagstrap-icon.flagstrap-tc {
    background-position: -96px -143px
}

.country .select .flagstrap-icon.flagstrap-td {
    background-position: -112px -143px
}

.country .select .flagstrap-icon.flagstrap-tf {
    background-position: -128px -143px
}

.country .select .flagstrap-icon.flagstrap-tg {
    background-position: -144px -143px
}

.country .select .flagstrap-icon.flagstrap-th {
    background-position: -160px -143px
}

.country .select .flagstrap-icon.flagstrap-tj {
    background-position: -176px -143px
}

.country .select .flagstrap-icon.flagstrap-tk {
    background-position: -192px -143px
}

.country .select .flagstrap-icon.flagstrap-tl {
    background-position: -208px -143px
}

.country .select .flagstrap-icon.flagstrap-tm {
    background-position: -224px -143px
}

.country .select .flagstrap-icon.flagstrap-tn {
    background-position: -240px -143px
}

.country .select .flagstrap-icon.flagstrap-to {
    background-position: 0 -154px
}

.country .select .flagstrap-icon.flagstrap-tr {
    background-position: -16px -154px
}

.country .select .flagstrap-icon.flagstrap-tt {
    background-position: -32px -154px
}

.country .select .flagstrap-icon.flagstrap-tv {
    background-position: -48px -154px
}

.country .select .flagstrap-icon.flagstrap-tw {
    background-position: -64px -154px
}

.country .select .flagstrap-icon.flagstrap-tz {
    background-position: -80px -154px
}

.country .select .flagstrap-icon.flagstrap-ua {
    background-position: -96px -154px
}

.country .select .flagstrap-icon.flagstrap-ug {
    background-position: -112px -154px
}

.country .select .flagstrap-icon.flagstrap-um {
    background-position: -128px -154px
}

.country .select .flagstrap-icon.flagstrap-us {
    background-position: -144px -154px
}

.country .select .flagstrap-icon.flagstrap-uy {
    background-position: -160px -154px
}

.country .select .flagstrap-icon.flagstrap-uz {
    background-position: -176px -154px
}

.country .select .flagstrap-icon.flagstrap-va {
    background-position: -192px -154px
}

.country .select .flagstrap-icon.flagstrap-vc {
    background-position: -208px -154px
}

.country .select .flagstrap-icon.flagstrap-ve {
    background-position: -224px -154px
}

.country .select .flagstrap-icon.flagstrap-vg {
    background-position: -240px -154px
}

.country .select .flagstrap-icon.flagstrap-vi {
    background-position: 0 -165px
}

.country .select .flagstrap-icon.flagstrap-vn {
    background-position: -16px -165px
}

.country .select .flagstrap-icon.flagstrap-vu {
    background-position: -32px -165px
}

.country .select .flagstrap-icon.flagstrap-wales {
    background-position: -48px -165px
}

.country .select .flagstrap-icon.flagstrap-wf {
    background-position: -64px -165px
}

.country .select .flagstrap-icon.flagstrap-ws {
    background-position: -80px -165px
}

.country .select .flagstrap-icon.flagstrap-ye {
    background-position: -96px -165px
}

.country .select .flagstrap-icon.flagstrap-yt {
    background-position: -112px -165px
}

.country .select .flagstrap-icon.flagstrap-za {
    background-position: -128px -165px
}

.country .select .flagstrap-icon.flagstrap-zanzibar {
    background-position: -144px -165px
}

.country .select .flagstrap-icon.flagstrap-zm {
    background-position: -160px -165px
}

.country .select .flagstrap-icon.flagstrap-zw {
    background-position: -176px -165px
}

.country .select:after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 8px;
    height: 5px;
    background: url(https://zinee91.dothome.co.kr/codepen/ico_updown3.png) no-repeat
}

.country .select.open:after {
    background-position: 0 -5px
}

.country .dropdown {
    display: none;
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    height: 225px;
    border: 1px solid #cfcfcf;
    border-top: 1px solid #a6a6a6;
    background: #fff;
    box-shadow: 0 2px 8px rgb(0 0 0 / .2);
    overflow-y: scroll;
    z-index: 1
}

.country .dropdown .flagstrap-icon {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 11px;
    background-image: url(https://raw.githubusercontent.com/blazeworx/flagstrap/master/dist/css/flags.png);
    background-repeat: no-repeat;
    background-color: #e3e5e7
}

.country .dropdown .flagstrap-icon.flagstrap-ad {
    background-position: -16px 0
}

.country .dropdown .flagstrap-icon.flagstrap-ae {
    background-position: -32px 0
}

.country .dropdown .flagstrap-icon.flagstrap-af {
    background-position: -48px 0
}

.country .dropdown .flagstrap-icon.flagstrap-ag {
    background-position: -64px 0
}

.country .dropdown .flagstrap-icon.flagstrap-ai {
    background-position: -80px 0
}

.country .dropdown .flagstrap-icon.flagstrap-al {
    background-position: -96px 0
}

.country .dropdown .flagstrap-icon.flagstrap-am {
    background-position: -112px 0
}

.country .dropdown .flagstrap-icon.flagstrap-an {
    background-position: -128px 0
}

.country .dropdown .flagstrap-icon.flagstrap-ao {
    background-position: -144px 0
}

.country .dropdown .flagstrap-icon.flagstrap-ar {
    background-position: -160px 0
}

.country .dropdown .flagstrap-icon.flagstrap-as {
    background-position: -176px 0
}

.country .dropdown .flagstrap-icon.flagstrap-at {
    background-position: -192px 0
}

.country .dropdown .flagstrap-icon.flagstrap-au {
    background-position: -208px 0
}

.country .dropdown .flagstrap-icon.flagstrap-aw {
    background-position: -224px 0
}

.country .dropdown .flagstrap-icon.flagstrap-az {
    background-position: -240px 0
}

.country .dropdown .flagstrap-icon.flagstrap-ba {
    background-position: 0 -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bb {
    background-position: -16px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bd {
    background-position: -32px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-be {
    background-position: -48px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bf {
    background-position: -64px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bg {
    background-position: -80px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bh {
    background-position: -96px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bi {
    background-position: -112px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bj {
    background-position: -128px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bm {
    background-position: -144px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bn {
    background-position: -160px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bo {
    background-position: -176px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-br {
    background-position: -192px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bs {
    background-position: -208px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bt {
    background-position: -224px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bv {
    background-position: -240px -11px
}

.country .dropdown .flagstrap-icon.flagstrap-bw {
    background-position: 0 -22px
}

.country .dropdown .flagstrap-icon.flagstrap-by {
    background-position: -16px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-bz {
    background-position: -32px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-ca {
    background-position: -48px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-catalonia {
    background-position: -64px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-cd {
    background-position: -80px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-cf {
    background-position: -96px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-cg {
    background-position: -112px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-ch {
    background-position: -128px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-ci {
    background-position: -144px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-ck {
    background-position: -160px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-cl {
    background-position: -176px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-cm {
    background-position: -192px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-cn {
    background-position: -208px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-co {
    background-position: -224px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-cr {
    background-position: -240px -22px
}

.country .dropdown .flagstrap-icon.flagstrap-cu {
    background-position: 0 -33px
}

.country .dropdown .flagstrap-icon.flagstrap-cv {
    background-position: -16px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-cw {
    background-position: -32px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-cy {
    background-position: -48px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-cz {
    background-position: -64px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-de {
    background-position: -80px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-dj {
    background-position: -96px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-dk {
    background-position: -112px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-dm {
    background-position: -128px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-do {
    background-position: -144px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-dz {
    background-position: -160px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-ec {
    background-position: -176px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-ee {
    background-position: -192px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-eg {
    background-position: -208px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-eh {
    background-position: -224px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-england {
    background-position: -240px -33px
}

.country .dropdown .flagstrap-icon.flagstrap-er {
    background-position: 0 -44px
}

.country .dropdown .flagstrap-icon.flagstrap-es {
    background-position: -16px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-et {
    background-position: -32px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-eu {
    background-position: -48px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-fi {
    background-position: -64px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-fj {
    background-position: -80px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-fk {
    background-position: -96px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-fm {
    background-position: -112px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-fo {
    background-position: -128px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-fr {
    background-position: -144px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-ga {
    background-position: -160px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-gb {
    background-position: -176px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-gd {
    background-position: -192px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-ge {
    background-position: -208px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-gf {
    background-position: -224px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-gg {
    background-position: -240px -44px
}

.country .dropdown .flagstrap-icon.flagstrap-gh {
    background-position: 0 -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gi {
    background-position: -16px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gl {
    background-position: -32px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gm {
    background-position: -48px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gn {
    background-position: -64px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gp {
    background-position: -80px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gq {
    background-position: -96px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gr {
    background-position: -112px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gs {
    background-position: -128px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gt {
    background-position: -144px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gu {
    background-position: -160px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gw {
    background-position: -176px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-gy {
    background-position: -192px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-hk {
    background-position: -208px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-hm {
    background-position: -224px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-hn {
    background-position: -240px -55px
}

.country .dropdown .flagstrap-icon.flagstrap-hr {
    background-position: 0 -66px
}

.country .dropdown .flagstrap-icon.flagstrap-ht {
    background-position: -16px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-hu {
    background-position: -32px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-ic {
    background-position: -48px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-id {
    background-position: -64px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-ie {
    background-position: -80px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-il {
    background-position: -96px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-im {
    background-position: -112px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-in {
    background-position: -128px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-io {
    background-position: -144px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-iq {
    background-position: -160px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-ir {
    background-position: -176px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-is {
    background-position: -192px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-it {
    background-position: -208px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-je {
    background-position: -224px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-jm {
    background-position: -240px -66px
}

.country .dropdown .flagstrap-icon.flagstrap-jo {
    background-position: 0 -77px
}

.country .dropdown .flagstrap-icon.flagstrap-jp {
    background-position: -16px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-ke {
    background-position: -32px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-kg {
    background-position: -48px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-kh {
    background-position: -64px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-ki {
    background-position: -80px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-km {
    background-position: -96px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-kn {
    background-position: -112px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-kp {
    background-position: -128px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-kr {
    background-position: -144px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-kurdistan {
    background-position: -160px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-kw {
    background-position: -176px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-ky {
    background-position: -192px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-kz {
    background-position: -208px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-la {
    background-position: -224px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-lb {
    background-position: -240px -77px
}

.country .dropdown .flagstrap-icon.flagstrap-lc {
    background-position: 0 -88px
}

.country .dropdown .flagstrap-icon.flagstrap-li {
    background-position: -16px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-lk {
    background-position: -32px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-lr {
    background-position: -48px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-ls {
    background-position: -64px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-lt {
    background-position: -80px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-lu {
    background-position: -96px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-lv {
    background-position: -112px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-ly {
    background-position: -128px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-ma {
    background-position: -144px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-mc {
    background-position: -160px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-md {
    background-position: -176px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-me {
    background-position: -192px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-mg {
    background-position: -208px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-mh {
    background-position: -224px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-mk {
    background-position: -240px -88px
}

.country .dropdown .flagstrap-icon.flagstrap-ml {
    background-position: 0 -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mm {
    background-position: -16px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mn {
    background-position: -32px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mo {
    background-position: -48px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mp {
    background-position: -64px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mq {
    background-position: -80px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mr {
    background-position: -96px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-ms {
    background-position: -112px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mt {
    background-position: -128px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mu {
    background-position: -144px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mv {
    background-position: -160px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mw {
    background-position: -176px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mx {
    background-position: -192px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-my {
    background-position: -208px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-mz {
    background-position: -224px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-na {
    background-position: -240px -99px
}

.country .dropdown .flagstrap-icon.flagstrap-nc {
    background-position: 0 -110px
}

.country .dropdown .flagstrap-icon.flagstrap-ne {
    background-position: -16px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-nf {
    background-position: -32px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-ng {
    background-position: -48px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-ni {
    background-position: -64px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-nl {
    background-position: -80px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-no {
    background-position: -96px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-np {
    background-position: -112px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-nr {
    background-position: -128px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-nu {
    background-position: -144px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-nz {
    background-position: -160px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-om {
    background-position: -176px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-pa {
    background-position: -192px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-pe {
    background-position: -208px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-pf {
    background-position: -224px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-pg {
    background-position: -240px -110px
}

.country .dropdown .flagstrap-icon.flagstrap-ph {
    background-position: 0 -121px
}

.country .dropdown .flagstrap-icon.flagstrap-pk {
    background-position: -16px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-pl {
    background-position: -32px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-pm {
    background-position: -48px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-pn {
    background-position: -64px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-pr {
    background-position: -80px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-ps {
    background-position: -96px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-pt {
    background-position: -112px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-pw {
    background-position: -128px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-py {
    background-position: -144px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-qa {
    background-position: -160px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-re {
    background-position: -176px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-ro {
    background-position: -192px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-rs {
    background-position: -208px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-ru {
    background-position: -224px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-rw {
    background-position: -240px -121px
}

.country .dropdown .flagstrap-icon.flagstrap-sa {
    background-position: 0 -132px
}

.country .dropdown .flagstrap-icon.flagstrap-sb {
    background-position: -16px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-sc {
    background-position: -32px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-scotland {
    background-position: -48px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-sd {
    background-position: -64px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-se {
    background-position: -80px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-sg {
    background-position: -96px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-sh {
    background-position: -112px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-si {
    background-position: -128px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-sk {
    background-position: -144px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-sl {
    background-position: -160px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-sm {
    background-position: -176px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-sn {
    background-position: -192px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-so {
    background-position: -208px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-somaliland {
    background-position: -224px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-sr {
    background-position: -240px -132px
}

.country .dropdown .flagstrap-icon.flagstrap-ss {
    background-position: 0 -143px
}

.country .dropdown .flagstrap-icon.flagstrap-st {
    background-position: -16px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-sv {
    background-position: -32px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-sx {
    background-position: -48px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-sy {
    background-position: -64px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-sz {
    background-position: -80px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-tc {
    background-position: -96px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-td {
    background-position: -112px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-tf {
    background-position: -128px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-tg {
    background-position: -144px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-th {
    background-position: -160px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-tj {
    background-position: -176px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-tk {
    background-position: -192px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-tl {
    background-position: -208px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-tm {
    background-position: -224px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-tn {
    background-position: -240px -143px
}

.country .dropdown .flagstrap-icon.flagstrap-to {
    background-position: 0 -154px
}

.hotels-filters .btn-success:hover {
    background-color: #efa046 !important
}

.country .dropdown .flagstrap-icon.flagstrap-tr {
    background-position: -16px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-tt {
    background-position: -32px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-tv {
    background-position: -48px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-tw {
    background-position: -64px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-tz {
    background-position: -80px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-ua {
    background-position: -96px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-ug {
    background-position: -112px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-um {
    background-position: -128px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-us {
    background-position: -144px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-uy {
    background-position: -160px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-uz {
    background-position: -176px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-va {
    background-position: -192px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-vc {
    background-position: -208px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-ve {
    background-position: -224px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-vg {
    background-position: -240px -154px
}

.country .dropdown .flagstrap-icon.flagstrap-vi {
    background-position: 0 -165px
}

.country .dropdown .flagstrap-icon.flagstrap-vn {
    background-position: -16px -165px
}

.country .dropdown .flagstrap-icon.flagstrap-vu {
    background-position: -32px -165px
}

.country .dropdown .flagstrap-icon.flagstrap-wales {
    background-position: -48px -165px
}

.country .dropdown .flagstrap-icon.flagstrap-wf {
    background-position: -64px -165px
}

.country .dropdown .flagstrap-icon.flagstrap-ws {
    background-position: -80px -165px
}

.country .dropdown .flagstrap-icon.flagstrap-ye {
    background-position: -96px -165px
}

.country .dropdown .flagstrap-icon.flagstrap-yt {
    background-position: -112px -165px
}

.country .dropdown .flagstrap-icon.flagstrap-za {
    background-position: -128px -165px
}

.country .dropdown .flagstrap-icon.flagstrap-zanzibar {
    background-position: -144px -165px
}

.country .dropdown .flagstrap-icon.flagstrap-zm {
    background-position: -160px -165px
}

.country .dropdown .flagstrap-icon.flagstrap-zw {
    background-position: -176px -165px
}

.country .dropdown .flagstrap-icon {
    vertical-align: middle
}

.country .dropdown li {
    padding: 0 20px;
    line-height: 34px;
    font-size: 14px;
    font-weight: 400;
    list-style: none;
    color: #828282;
    cursor: pointer
}

.country .dropdown li:first-child {
    margin-top: 12px
}

.country .dropdown li:last-child {
    margin-bottom: 12px
}

.country .dropdown li:hover {
    background: #dedede;
    color: #454545
}

.country .dropdown li.open {
    display: block
}

.sub-heading {
    font-size: 19px;
    font-weight: 500
}

.how-to-reach .common-para {
    margin-bottom: 20px !important
}

.how-to-reach ul .common-para {
    margin-bottom: 0 !important
}

.how-to-reach ul {
    padding-bottom: 20px
}

.how-to-reach .sub-heading {
    margin-top: 20px
}

.flora-page .common-para {
    margin-bottom: 20px !important
}

.flora-page ul .common-para {
    margin-bottom: 0 !important
}

.flora-page ul {
    padding-bottom: 20px
}

.flora-page .sub-heading {
    margin-top: 20px
}

.tour-card-vertical {
    background: #fff4e8;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgb(0 0 0 / .15)
}

.tour-card-vertical .tour-image {
    height: 200px
}

.tour-card-vertical .tour-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tour-card-vertical .tour-content {
    padding: 18px
}

.tour-card-vertical .tour-content h2 {
    font-size: 18px;
    color: #222;
    margin-bottom: 6px
}

.tour-card-vertical .rating {
    color: #f4b400;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #fff0
}

.tour-card-vertical .tour-info {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #444;
    margin-bottom: 12px
}

.tour-card-vertical .tour-content p {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 16px
}

.tour-card-vertical .btn {
    display: block;
    text-align: center;
    padding: 10px;
    border: 2px solid #d8903e;
    color: #d8903e;
    text-decoration: none;
    font-weight: 600;
    border-radius: 8px;
    transition: 0.3s;
    background-color: #fff0
}

.tour-card-vertical .btn:hover {
    background: #ff7a18;
    color: #fff
}

@media (max-width:900px) {
    footer {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:600px) {
    footer {
        grid-template-columns: 1fr;
        text-align: center
    }

    .newsletter input,
    .newsletter button {
        max-width: 90%;
        margin: 0 auto 15px;
        display: block
    }
}

@media only screen and (max-width:1750px) {
    .tour-pack-card h5 {
        font-size: 26px
    }

    .description {
        font-size: 14px
    }

    .main-btn {
        font-size: 14px;
        font-weight: 500
    }

    .payment-form input {
        padding: 7px 20px
    }

    .internal-banner h3 {
        font-size: 30px
    }

    .common-para {
        color: #000;
        font-size: 14px
    }
}

@media only screen and (max-width:1600px) {
    .navbar .nav-link {
        font-size: 14px
    }

    .banner-sec h1 {
        font-size: 50px;
        line-height: 62px
    }

    .banner-sec p {
        margin-bottom: 50px !important
    }

    .main-heading {
        font-size: 32px
    }

    .why-book-with-us .item img {
        width: 50px;
        height: 50px
    }

    .internal-banner h3 {
        font-size: 35px;
        margin-bottom: 5px
    }

    .tour-pack-card h5 {
        font-size: 23px
    }

    .payment-form input {
        padding: 7px 20px
    }

    .payment-form select {
        padding: 7px 20px
    }

    .payment-form label {
        font-weight: 400;
        font-size: 14px
    }

    .description {
        font-size: 14px
    }

    .main-btn {
        padding: 8px 24px
    }

    .navbar img {
        width: 160px
    }

    .navbar-nav {
        gap: 11px
    }

    .banner-sec img {
        height: 450px
    }

    .common-para {
        font-size: 14px
    }

    .general-info-box ul li {
        margin-bottom: 9px
    }

    .single-feature-area-three .content .title {
        font-size: 20px
    }

    .single-feature-area-three .content p.disc {
        font-size: 14px
    }

    .single-feature-area-three {
        min-height: 456px
    }

    .destination-mySwiper .swiper-button-next {
        right: 45%
    }

    .places-gallery-sec .desti-img-card img {
        height: 300px;
        border: 2px solid #fff
    }

    .places-gallery-sec .desti-img-card .hover-content a {
        font-size: 20px
    }

    .places-gallery-sec .desti-img-card .hover-content i {
        font-size: 20px
    }

    .single-blog-style-one .thumbnail-blog img {
        height: 250px;
        object-fit: cover
    }

    .faq-sec .accordion-button {
        font-size: 18px
    }

    .faq-sec .accordion-item {
        margin-bottom: 10px
    }

    .theme-btn.style-two {
        padding: 11px 21px;
        font-size: 14px
    }

    .footer-logo .footer-social-links li {
        width: 40px;
        height: 40px
    }

    .footer-logo .footer-social-links li a i {
        font-size: 15px
    }

    .destination-mySwiper {
        padding-bottom: 80px
    }

    .online-safari-page h1 {
        font-size: 17px
    }

    .online-safari-page h3 {
        font-size: 21px
    }

    .online-safari-page .common-heading {
        font-size: 25px
    }

    .tour-pack-card h5 {
        font-size: 23px
    }

    .tour-detail .nav-link {
        font-size: 14px
    }

    .meg_aminites_item {
        font-size: 14px;
        padding: 15px 30px
    }
}

@media only screen and (max-width:1536px) {
    .navbar img {
        width: 180px
    }

    .navbar .nav-link {
        font-size: 14px
    }

    .navbar-nav {
        gap: 4px
    }

    .heading__pre-title {
        font-size: 14px
    }

    .main-heading {
        font-size: 26px
    }

    .common-para {
        font-size: 14px;
        line-height: 24px
    }

    .general-info-box {
        padding: 30px;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px
    }

    .single-feature-area-three {
        border: 1px solid #ffeaa1;
        min-height: 293px
    }

    .single-feature-area-three .icon img {
        width: 70px;
        height: 70px
    }

    .single-feature-area-three .content .title {
        font-size: 15px
    }

    .single-feature-area-three .content p.disc {
        font-size: 14px
    }

    .single-feature-area-three {
        min-height: 293px
    }

    .places-gallery-sec .desti-img-card .hover-content a {
        font-size: 18px
    }

    .places-gallery-sec .desti-img-card .hover-content a i {
        font-size: 18px
    }

    .places-gallery-sec .desti-img-card img {
        height: 300px
    }

    .destination-mySwiper .swiper-button-next {
        right: 45%
    }

    .destination-mySwiper .swiper-button-prev {
        left: 47%
    }

    .online-safari-page th,
    .online-safari-page td {
        padding: 10px 15px
    }

    .online-safari-page th {
        font-size: 14px
    }

    .main-heading {
        font-size: 24px
    }

    .major-safari-zones .main-heading {
        margin-bottom: 10px !important
    }

    .single-blog-style-one .thumbnail-blog img {
        height: 200px
    }

    .single-blog-style-one .inner-content-blog .title {
        font-size: 15px
    }

    .single-blog-style-one .inner-content-blog .btn-line i {
        font-size: 10px
    }

    .faq-sec .accordion-button {
        font-size: 14px
    }

    .faq-sec .accordion-item {
        margin-bottom: 10px
    }

    .post-item_media a img {
        height: 200px
    }

    .post-item_content h3 a {
        font-size: 20px
    }

    .post-item_content p {
        font-size: 14px
    }

    .theme-btn.style-two {
        padding: 8px 17px;
        font-size: 14px
    }

    .imp-links-div ul li {
        list-style: none;
        padding: 6px 10px
    }

    .footer-links h3 {
        font-size: 18px
    }

    .footer-links ul li {
        margin: 3px 0
    }

    .footer-logo .footer-social-links li {
        width: 40px;
        height: 40px
    }

    .footer-logo .footer-social-links li a i {
        font-size: 12px
    }

    .footer-bottom p {
        margin-bottom: 5px;
        font-size: 14px
    }

    .footer-bottom {
        padding: 7px
    }

    .online-safari-page h3 {
        font-size: 17px
    }

    #days div {
        padding: 6px 2px !important
    }

    #calendar #header button {
        padding: 3px 10px !important
    }

    .direct-pay-form .form-control {
        font-size: 14px !important
    }

    .direct-pay-form .form-select {
        font-size: 14px !important
    }

    .form-group button {
        padding: 7px !important;
        font-size: 14px;
        font-weight: 800
    }

    .online-safari-page td {
        font-size: 14px
    }

    .online-safari-page h1 {
        font-size: 17px
    }

    .online-safari-page .common-heading {
        font-size: 21px
    }

    .list-box div {
        min-height: auto
    }
}

@media only screen and (max-width:1500px) {
    .about-item a {
        font-size: 25px
    }

    .about-item {
        min-height: 276px
    }

    .why-book-with-us .counter-title {
        font-size: 16px
    }

    .general-info-box ul li i {
        font-size: 14px
    }

    .single-feature-area-three .icon img {
        width: 50px;
        height: 50px
    }

    .single-feature-area-three .content p.disc {
        font-size: 14px
    }

    .single-feature-area-three {
        min-height: 297px
    }

    .places-gallery-sec .desti-img-card img {
        height: 250px
    }

    .single-blog-style-one {
        min-height: 351px
    }

    .faq-sec .accordion-button {
        font-size: 14px
    }

    .online-safari-page h3 {
        font-size: 17px;
        margin-bottom: 0
    }

    #daysOfWeek div {
        font-weight: 500 !important;
        font-size: 14px !important
    }

    #days div {
        font-size: 14px !important
    }

    .tour-pack-card h5 {
        font-size: 21px
    }

    .main-btn {
        font-size: 14px
    }

    .fa-star {
        font-size: 12px !important
    }

    .sub-heading {
        font-size: 18px;
        margin-bottom: 10px !important
    }
}

@media only screen and (max-width:1366px) {
    .common-para {
        font-size: 14px;
        line-height: 27px
    }

    .service-item h4 {
        font-size: 17px
    }

    .zone-box {
        min-height: 292px
    }

    .about-item {
        min-height: 337px
    }

    .geo-details-points-new li {
        font-size: 14px
    }
}

@media only screen and (max-width:1280px) {
    .navbar img {
        width: 150px
    }

    .navbar .nav-link {
        font-size: 14px
    }

    .navbar-nav {
        gap: 4px
    }

    .heading__pre-title {
        font-size: 14px
    }

    .main-heading {
        font-size: 28px
    }

    .common-para {
        font-size: 14px;
        line-height: 21px
    }

    .general-info-box {
        padding: 30px;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px
    }

    .single-feature-area-three {
        border: 1px solid #ffeaa1;
        min-height: 293px
    }

    .single-feature-area-three .icon img {
        width: 40px;
        height: 40px
    }

    .single-feature-area-three .content .title {
        font-size: 14px
    }

    .single-feature-area-three .content p.disc {
        font-size: 14px
    }

    .single-feature-area-three {
        min-height: 317px
    }

    .places-gallery-sec .desti-img-card .hover-content a {
        font-size: 14px
    }

    .places-gallery-sec .desti-img-card .hover-content a i {
        font-size: 14px
    }

    .places-gallery-sec .desti-img-card img {
        height: 200px
    }

    .destination-mySwiper .swiper-button-next {
        right: 44%
    }

    .destination-mySwiper .swiper-button-prev {
        left: 50%
    }

    .online-safari-page th,
    .online-safari-page td {
        padding: 9px 15px
    }

    .online-safari-page th {
        font-size: 14px
    }

    .main-heading {
        font-size: 24px
    }

    .major-safari-zones .main-heading {
        margin-bottom: 10px !important
    }

    .single-blog-style-one .thumbnail-blog img {
        height: 200px
    }

    .single-blog-style-one .inner-content-blog .title {
        font-size: 15px
    }

    .single-blog-style-one .inner-content-blog .btn-line i {
        font-size: 10px
    }

    .faq-sec .accordion-button {
        font-size: 14px
    }

    .faq-sec .accordion-item {
        margin-bottom: 10px
    }

    .post-item_media a img {
        height: 150px
    }

    .post-item_content h3 a {
        font-size: 14px
    }

    .theme-btn.style-two {
        padding: 8px 17px;
        font-size: 14px
    }

    .sub-heading {
        font-size: 19px;
        margin-bottom: 10px !important
    }

    .imp-links-div ul li {
        list-style: none;
        padding: 10px 10px
    }

    .footer-links h3 {
        font-size: 18px
    }

    .footer-links ul li {
        margin: 3px 0
    }

    .footer-logo .footer-social-links li {
        width: 40px;
        height: 40px
    }

    .footer-logo .footer-social-links li a i {
        font-size: 12px
    }

    .footer-bottom p {
        margin-bottom: 5px;
        font-size: 14px
    }

    .footer-bottom {
        padding: 7px
    }

    #days div {
        padding: 3px 2px !important
    }

    .direct-pay-form .mb-3 {
        margin-bottom: 10px !important;
        font-size: 14px
    }

    .online-safari-page .common-heading {
        font-size: 18px;
        margin: 10px 0px !important;
        margin-top: 0 !important
    }

    .list-box h6 {
        font-size: 19px;
        padding-bottom: 10px
    }

    .list-box div {
        min-height: auto
    }

    .list-box h6 {
        font-size: 16px
    }

    #daysOfWeek div {
        font-weight: 400 !important
    }

    .tour-pack-card h5 {
        font-size: 17px
    }

    .description {
        font-size: 14px;
        margin-bottom: 0
    }

    .info {
        font-size: 14px;
        margin-bottom: 0
    }

    .main-btn {
        padding: 7px 24px;
        font-size: 14px;
        border: 1px solid #e39344
    }

    .preview {
        height: 150px
    }

    .payment-form .mb-3 {
        margin-bottom: 13px !important
    }

    .payment-form input {
        font-size: 14px
    }

    .payment-form select {
        font-size: 14px
    }

    .banner-sec img {
        height: 350px
    }

    .about-sec ul li {
        margin: 0 !important
    }

    .destination-mySwiper .swiper-button-next {
        width: 30px;
        height: 30px
    }

    .destination-mySwiper .swiper-button-next::after {
        font-size: 11px
    }

    .destination-mySwiper .swiper-button-prev {
        width: 30px;
        height: 30px
    }

    .destination-mySwiper .swiper-button-prev::after {
        font-size: 11px
    }

    .destination-mySwiper {
        padding-bottom: 50px
    }

    .internal-banner h1 {
        font-size: 29px
    }

    .fa-star {
        font-size: 10px !important
    }

    .tour-detail .nav-link {
        padding: 11px 25px
    }

    .common-heading {
        font-size: 15px
    }

    .hotels-filters select {
        font-size: 14px
    }

    #checkin {
        font-size: 14px
    }

    .hotels-filters .dropdown-toggle {
        font-size: 14px
    }

    .hotels-filters .btn {
        font-size: 14px
    }

    .hotel-info h3 {
        font-size: 18px
    }

    .hotel-info span {
        font-size: 14px;
        display: block
    }

    .price {
        font-size: 22px
    }

    .tour-detail .nav-tabs-list li {
        padding: 5px 19px
    }

    .tour-detail .nav-tabs-list li a {
        font-size: 14px
    }

    .meg_aminites_item {
        font-size: 10px;
        padding: 15px 16px
    }

    .country .select {
        font-size: 14px;
        color: #000
    }

    .ptb-70 {
        padding: 20px 0
    }

    .best-time-visit-card {
        padding: 10px 0;
        margin-bottom: 10px
    }

    .footer-logo img {
        width: 189px;
        padding: 9px;
        margin-bottom: 0
    }
}

@media only screen and (max-width:1100px) {
    .navbar img {
        width: 78%
    }

    .navbar-nav {
        gap: 14px
    }

    .banner-sec img {
        height: 300px
    }

    .navbar-nav {
        gap: 5px
    }

    .banner-sec h1 {
        font-size: 42px;
        line-height: 51px
    }

    .banner-sec p {
        font-size: 17px
    }

    .aboyt-sec-img {
        position: sticky;
        top: 10px
    }

    .zone-box {
        min-height: 344px
    }

    .zone-box {
        min-height: 344px
    }

    .safari-zone-card .content {
        min-height: 311px
    }

    .about-item {
        min-height: 387px
    }

    .default-blog-news .lower-content h4 {
        font-size: 19px
    }

    .navbar .nav-link {
        font-size: 12px
    }

    .service-item {
        min-height: 404px
    }

    footer .main-btn {
        margin-bottom: 10px;
        display: block !important
    }

    .heading__pre-title {
        font-size: 11px;
        margin-bottom: 0
    }

    .main-heading {
        font-size: 22px
    }

    .common-para {
        font-size: 14px;
        line-height: 25px
    }

    .general-info-box {
        padding: 20px;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px
    }

    .general-info-box ul li {
        font-size: 10px;
        margin-bottom: 0
    }

    .single-feature-area-three .icon img {
        width: 30px;
        height: 30px
    }

    .single-feature-area-three .content .title {
        font-size: 13px;
        color: #137347;
        margin-bottom: 12px
    }

    .single-feature-area-three .content p.disc {
        font-size: 14px
    }

    .single-feature-area-three {
        min-height: 368px;
        margin-top: 30px;
        padding: 20px
    }

    .places-gallery-sec .desti-img-card img {
        height: 300px
    }

    .places-gallery-sec .desti-img-card .hover-content a {
        font-size: 14px
    }

    .places-gallery-sec .desti-img-card .hover-content i {
        font-size: 11px
    }

    .places-gallery-sec .mb-5 {
        margin-bottom: 20px !important
    }

    .places-gallery-sec .desti-img-card img {
        border: 2px solid #c1c1c1;
        height: 150px
    }

    .destination-mySwiper .swiper-button-prev {
        left: 48%;
        width: 30px;
        height: 30px
    }

    .destination-mySwiper .swiper-button-next {
        right: 44%;
        width: 30px;
        height: 30px
    }

    .destination-mySwiper .swiper-button-prev::after {
        font-size: 11px
    }

    .destination-mySwiper .swiper-button-next::after {
        font-size: 11px
    }

    .destination-mySwiper {
        padding-bottom: 54px
    }

    .online-safari-page th,
    .online-safari-page td {
        padding: 8px 10px;
        font-size: 14px
    }

    .online-safari-page td {
        font-size: 14px
    }

    .geo-details-points li {
        font-size: 14px
    }

    .single-blog-style-one .thumbnail-blog img {
        height: 200px
    }

    .single-blog-style-one .inner-content-blog .title {
        font-size: 16px
    }

    .single-blog-style-one .inner-content-blog span {
        font-size: 14px
    }

    .single-blog-style-one .inner-content-blog .btn-line i {
        font-size: 12px
    }

    .faq-sec .accordion-button {
        font-size: 14px
    }

    .faq-sec .accordion-item p {
        margin-bottom: 0
    }

    .post-item_media a img {
        height: 200px
    }

    .post-item_content h3 a {
        font-size: 14px
    }

    .post-item_content {
        padding: 10px
    }

    .theme-btn.style-two {
        padding: 4px 13px;
        font-size: 14px
    }

    .post-item_content p {
        font-size: 14px
    }

    .footer-links ul li a {
        font-size: 14px
    }

    .imp-links-div ul li {
        padding: 8px 10px
    }

    .footer-links p {
        font-size: 14px
    }

    .footer-links ul li {
        margin: -4px 0
    }

    .footer-logo .footer-social-links li {
        width: 30px;
        height: 30px
    }

    .footer-logo .footer-social-links li a i {
        font-size: 10px
    }

    .footer-bottom p {
        font-size: 14px
    }

    .footer-bottom {
        padding: 10px
    }

    .footer-logo img {
        width: 150px !important
    }

    .footer-links h3 {
        font-size: 15px
    }

    .footer-links ul {
        margin-top: 16px
    }

    .online-safari-page h1 {
        font-size: 14px
    }

    #daysOfWeek div {
        font-size: 14px !important
    }

    .online-safari-page h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 0
    }

    #days div {
        font-size: 14px !important
    }

    .direct-pay-form .form-control {
        font-size: 14px !important
    }

    .direct-pay-form .form-select {
        font-size: 14px !important
    }

    .list-box div {
        min-height: auto
    }

    #calendar #header button {
        font-size: 14px !important
    }

    #calendar #header h2 {
        font-size: 16px !important
    }

    .internal-banner h3 {
        font-size: 27px;
        margin-bottom: 1px
    }

    .internal-banner p {
        color: #fff;
        font-size: 14px
    }

    .payment-form label {
        font-weight: 400;
        font-size: 14px
    }

    .payment-form input {
        font-size: 14px
    }

    .payment-form select {
        font-size: 14px
    }

    .tour-pack-card h5 {
        font-size: 14px;
        margin-bottom: 0
    }

    .description {
        font-size: 14px
    }

    .thumbnails img {
        width: 50px !important;
        height: 40px !important
    }

    .preview {
        height: 130px !important
    }

    .description {
        margin-bottom: 0
    }

    .main-btn.mt-4 {
        margin-top: 10px !important
    }

    .info {
        font-size: 14px
    }

    .tour-pack-card p {
        margin-bottom: 10px !important
    }

    .tour-pack-card p i {
        font-size: 12px
    }

    .about-sec ul li {
        font-size: 14px
    }

    .general-info-box ul li i {
        font-size: 14px
    }

    .online-safari-page .common-heading {
        font-size: 15px
    }

    .internal-banner h1 {
        font-size: 26px
    }

    .main-btn {
        font-size: 14px
    }

    .geo-details-points li {
        padding: 8px 10px
    }

    .tour-detail .nav-link {
        padding: 7px 19px
    }

    .tour-detail .nav-link {
        font-size: 14px
    }

    .tab-pane p {
        font-size: 14px
    }

    .availability-form h2 {
        font-size: 14px
    }

    .hotel-info span {
        font-size: 14px
    }

    .hotel-info ul li img {
        width: 15px;
        height: 15px
    }

    .hotel-info ul {
        gap: 0
    }

    .hotel-info p {
        margin-bottom: 2px
    }

    .price {
        font-size: 20px
    }

    .price-box {
        gap: 25px
    }

    .price-box small {
        font-size: 14px
    }

    .hotel-info {
        padding: 8px
    }

    .btn {
        font-size: 14px
    }

    .gallery .mySwiperthumb .swiper-slide {
        height: 40px !important
    }

    .gallery .mySwiperthumb .swiper-slide .gallery {
        height: 100%
    }

    .mySwiperthumbpre .swiper-button-prev:after {
        font-size: 14px
    }

    .mySwiperthumbpre .swiper-button-next::after {
        font-size: 14px
    }

    .meg_aminites_item {
        font-size: 14px;
        padding: 11px 27px
    }

    .meg_aminites_item i {
        color: #d8903e;
        font-size: 14px
    }

    .country .select {
        height: 31px
    }
}

@media only screen and (max-width:1000px) {
    .navbar img {
        width: 12%
    }

    .navbar-toggler {
        float: right
    }

    .ptb-70 {
        padding: 10px 0
    }

    .main-heading {
        font-size: 20px
    }

    .common-para {
        font-size: 14px;
        line-height: 22px
    }

    .general-info-box ul li {
        font-size: 14px;
        line-height: 16px
    }

    .single-feature-area-three .icon img {
        width: 30px;
        height: 30px
    }

    .single-feature-area-three {
        padding: 10px
    }

    .single-feature-area-three .content p.disc {
        font-size: 14px
    }

    .single-feature-area-three .content .title {
        font-size: 14px
    }

    .single-feature-area-three {
        border: 1px solid #fbedbd;
        margin-top: 30px !important;
        min-height: 268px
    }

    .places-gallery-sec .desti-img-card img {
        height: 150px
    }

    .places-gallery-sec .desti-img-card .hover-content a {
        font-size: 14px
    }

    .places-gallery-sec .desti-img-card .hover-content a i {
        font-size: 12px
    }

    .destination-mySwiper .swiper-button-prev {
        width: 30px;
        height: 30px
    }

    .destination-mySwiper .swiper-button-next {
        width: 30px;
        height: 30px
    }

    .online-safari-page td {
        font-size: 14px;
        padding: 5px 10px
    }

    .faq-sec .accordion-button {
        font-size: 14px;
        padding: 10px
    }

    .faq-sec .accordion-item {
        border-radius: 10px
    }

    .mobile-li {
        display: block
    }

    .desktop-li {
        display: none
    }

    .navbar .nav-link {
        font-size: 14px;
        background: #fff0;
        color: #000 !important;
        padding: 3px 0 !important;
        text-decoration: none;
        border: none
    }

    .navbar-nav li {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px
    }

    footer {
        padding: 0
    }

    .navbar-collapse {
        margin-top: 20px
    }

      .navbar-collapse .nav-link {
        color: #000 !important;   /* text black kar diya */
    }

    .navbar-collapse .nav-link:hover {
        color: #d8903e !important;
    }

    .banner-sec img {
        height: 250px
    }

    .geo-details-points li {
        padding: 7px 15px;
        font-size: 14px
    }

    .thumbnails img {
        width: 40px !important;
        height: 27px !important
    }

    .gallery {
        margin-bottom: 0
    }

    .tour-pack-card {
        padding: 10px
    }

    .tour-pack-card h5 {
        font-size: 114px
    }

    .payment-form input {
        padding: 4px 20px;
        font-size: 14px
    }

    .payment-form label {
        font-size: 14px
    }

    .payment-form {
        padding: 7px
    }

    .payment-form select {
        font-size: 14px;
        padding: 4px 20px
    }

    .internal-banner h1 {
        font-size: 17px;
        margin-bottom: 5px
    }

    .imp-links-div {
        margin-top: 10px
    }

    .footer-links ul li a {
        font-size: 14px
    }

    .footer-links p {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .lil-large-head {
        font-size: 20px
    }

    .internal-flora-fauna h3 {
        font-size: 15px
    }

    .tadoba-hostory .row {
        padding: 10px !important
    }

    .tadoba-hostory .mt-5 {
        margin-top: 10px !important
    }

    .birdwatching-page .col-md-12 {
        padding: 10px !important
    }

    .birdwatching-banner {
        background-position: right
    }

    .heading__pre-title {
        font-size: 8px
    }

    .navbar img {
        width: 150px
    }

    .nav-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .navbar .nav-link {
        width: max-content;
        color: #fff !important
    }

    .banner-sec p br {
        display: none
    }

    .main-btn {
        padding: 5px 15px
    }

    .about-sec::before {
        height: 27%;
        width: 31%
    }

    .main-heading {
        font-size: 20px
    }

    .service-item {
        margin-bottom: 20px
    }

    .zone-box {
        min-height: auto
    }

    .safari-zone-card .content {
        min-height: 270px
    }

    .about-item {
        min-height: 329px
    }

    .why-book-with-us .item {
        margin-bottom: 20px
    }

    footer {
        display: block;
        text-align: left;
        padding: 30px 0
    }

    .internal-banner h3 {
        font-size: 40px
    }

    .near-place-visit img {
        height: 300px;
        object-fit: cover
    }

    .hotel-card {
        display: block
    }

    .hotel-card img {
        width: 100%
    }

    .price-box {
        width: 100%;
        align-items: flex-start
    }

    .thumbnails img {
        width: 40px !important
    }

    .meg_aminites_item {
        padding: 20px 9px
    }

    .hotels-list-page .gallery {
        width: 100% !important;
        margin-bottom: 5px
    }

    .meg_aminites_item span {
        font-size: 14px
    }

    .desktop-tabs-list {
        display: none
    }

    .mobile-tabs-toggle {
        display: block
    }

    .mobile-tabs-toggle button:focus {
        background-color: #ffad4f !important
    }

    .tour-detail .nav-link:focus {
        color: #fff
    }

    .payment-form textarea {
        border: 1px solid #d8903e;
        border-radius: 3px;
        margin-bottom: 10px;
        font-size: 14px
    }

    .hotel-info ul {
        margin: 0
    }

    .safarizone-mySwiper {
        padding-bottom: 50px !important
    }

    .accordion-button::after {
        background-size: 12px
    }

    .payment-form .mb-3 {
        margin-bottom: 0px !important
    }

    .country .select {
        font-size: 14px;
        color: #000;
        height: 22px
    }

    .payment-form .main-btn {
        margin-top: 15px;
        padding: 8px 15px
    }

    .payment-page img {
        height: 284px !important
    }

    .payment-form input {
        padding: 3px 20px
    }

    .payment-form select {
        padding: 3px 20px
    }

    .payment-form .main-btn {
        padding: 5px 15px
    }

    .payment-page li .py-3 {
        padding: 9px 15px !important
    }

    #floatingTextarea {
        margin-bottom: 0 !important
    }

    .payment-page h5 {
        font-size: 19px;
        margin-bottom: 6px
    }

    .payment-page .list {
        margin-bottom: 10px
    }

    .header-top-band {
        display: block
    }

    .sub-heading {
        font-size: 17px;
        font-weight: 500
    }

    .common-para {
        line-height: 26px
    }

    .ptb-70 {
        padding: 20px 0
    }

    .single-feature-area-three {
        min-height: 423px
    }
}

@media only screen and (max-width:500px) {
    .banner-sec h1 {
        font-size: 23px;
        line-height: 36px
    }

    .banner-btns {
        flex-wrap: nowrap
    }

    .aboyt-sec-img {
        margin-bottom: 20px
    }

    .service-item {
        margin-bottom: 20px;
        text-align: center;
        min-height: auto
    }

    .about-item {
        min-height: auto
    }

    footer h5 {
        margin-top: 40px
    }

    .internal-banner h3 {
        font-size: 29px
    }

    .main-heading {
        font-size: 24px;
        margin-bottom: 10px !important
    }

    .imp-links-div {
        margin-bottom: 20px;
        padding: 10px;
        box-shadow: 1px 0 11px #ddd;
        margin-top: 20px
    }

    .order {
        order: 2
    }

    .about-sec::before {
        display: none
    }

    .taboda-online-booking img {
        margin-bottom: 20px
    }

    .safari-zone-card .content {
        min-height: 224px
    }

    .online-safari-box {
        margin-top: 20px
    }

    .tour-pack-card h5 {
        font-size: 15px;
        padding-bottom: 10px;
        margin-bottom: 0;
        margin-top: 15px
    }

    .preview {
        height: 250px
    }

    .hotel-detail-page .preview {
        height: 200px
    }

    .tour-detail .nav-tabs {
        display: block
    }

    .tour-detail .nav-tabs li {
        flex-grow: 0;
        flex-shrink: 0;
        width: 100%;
        margin-bottom: 10px
    }

    .hotel-card {
        display: block
    }

    .hotel-card img {
        width: 100%
    }

    .price-box {
        width: 100%;
        align-items: flex-start
    }

    .thumbnails img {
        width: 84px !important
    }

    .meg_aminites_item {
        padding: 14px 15px
    }

    .hotels-list-page .gallery {
        width: 100% !important
    }

    .meg_aminites_item span {
        font-size: 14px
    }

    .internal-flora-fauna img {
        height: 200px !important
    }

    .common-heading {
        font-size: 15px
    }

    .internal-flora-fauna img {
        margin-top: 10px !important
    }

    .safari-zone-page img {
        margin-top: 7px !important;
        margin-bottom: 20px
    }

    .default-blog-news img {
        height: 200px !important
    }

    .default-blog-news .lower-content {
        min-height: auto
    }

    .blog-detail-page img {
        flex-shrink: 0;
        flex-grow: 0
    }

    .blog-detail-page h1 {
        font-size: 28px
    }

    .classic-blog__meta li {
        font-size: 14px
    }

    .recent-post-card h6 {
        line-height: 24px;
        margin-top: 10px
    }

    .internal-banner p {
        color: #fff;
        font-size: 14px
    }

    .faq-sec .accordion-button {
        font-size: 14px
    }

    .banner-sec img {
        height: 300px;
        object-fit: cover
    }

    .navbar-nav .nav-item {
        border-bottom: 1px solid #c5c5c5;
        padding-bottom: 6px
    }

    .navbar .nav-link::before {
        display: none
    }

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none
    }

    .navbar-nav {
        margin-top: 10px
    }

    .header-top-band {
        display: block
    }

    .default-blog-news .lower-content .text p {
        font-size: 14px
    }

    .ptb-70 {
        padding: 20px 0
    }

    .travel-guide-for-visitors .plan-color-box {
        margin-bottom: 20px
    }

    .imp-links-div ul li {
        padding: 6px 10px
    }

    .hotel-info {
        padding: 6px
    }

    .hotel-info p {
        margin-bottom: 0
    }

    .hotel-info ul {
        margin-top: 10px;
        margin-bottom: 0;
        gap: 10px
    }

    .hotel-info ul li {
        width: 20px
    }

    .hotel-info ul li img {
        width: 20px;
        height: 20px
    }

    .price {
        font-size: 26px
    }

    .price-box {
        gap: 10px
    }

    .thumbnails img {
        width: 50px !important;
        height: 50px !important
    }

    .tour-pack-card {
        padding: 5px
    }

    .info {
        margin-bottom: 7px;
        font-size: 14px
    }

    .tour-packages .main-btn {
        margin-top: 10px !important;
        padding: 6px 15px
    }

    .tab-content .row {
        padding: 7px !important
    }

    .tour-pack-card .thumbnails {
        display: none
    }

    .description {
        font-size: 14px
    }

    .tour-pack-card {
        margin: 0 !important;
        margin-top: 20px !important
    }

    .mobile-filter-toggle {
        display: block
    }

    .hotels-list-page .availability-form {
        display: none
    }

    .general-info-box img {
        margin-bottom: 20px;
        border-radius: 10px
    }

    .single-feature-area-three {
        margin-top: 20px !important;
        min-height: auto
    }

    .single-feature-area-three .content p.disc {
        margin-bottom: 0;
        font-size: 14px
    }

    .destination-mySwiper .swiper-button-prev {
        left: 41%
    }

    .destination-mySwiper .swiper-button-next {
        right: 41%
    }

    .navbar .nav-link {
        margin-bottom: 0
    }

    .payment-form input {
        padding: 9px 20px
    }

    .tour-packages .payment-form {
        margin-bottom: 0
    }

    .thumbnails img {
        width: 77px !important;
        height: 60px !important
    }

    .main-btn {
        padding: 3px;
        font-size: 14px
    }

    .navbar img {
        width: 116px
    }

    .general-info-box {
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .general-info-box .main-heading {
        margin-top: 30px
    }

    .general-info-box ul li {
        font-size: 14px;
        line-height: 22px
    }

    .single-feature-area-three .content .title {
        font-size: 14px
    }

    .places-gallery .common-para br {
        display: none
    }

    .faq-sec .accordion-button::after {
        background-size: 15px !important
    }

    .payment-form select {
        font-size: 14px;
        padding: 9px 20px
    }

    .footer-links p {
        font-size: 14px
    }

    .footer-links ul li a {
        font-size: 14px
    }

    .geo-details-points-new ul {
        display: block !important;
        margin-bottom: 0
    }

    .geo-details-points li {
        margin-bottom: 5px
    }

    .payment-form .main-btn {
        padding: 9px
    }

    .hotels-filters select {
        margin-bottom: 5px
    }

    #checkin {
        margin-bottom: 5px
    }

    .hotels-filters .btn {
        margin-bottom: 15px
    }

    .best-time-visit-card {
        margin-top: 7px !important;
        padding-top: 0
    }

    .internal-flora-fauna ul {
        padding-bottom: 10px;
        margin-bottom: 0
    }

    .internal-flora-fauna h3 {
        font-size: 20px;
        margin-top: 0px !important
    }

    .internal-flora-fauna .common-para {
        font-size: 14px
    }

    .onlinebooking-page-para-1 .common-para:nth-child(2) {
        margin-bottom: 0 !important
    }

    .onlinebooking-page-para-1 img {
        margin-bottom: 20px
    }

    .onlinebooking-page-para-2 {
        margin-top: 0 !important
    }

    .onlinebooking-page-para-3 {
        margin-top: 10px !important;
        margin-bottom: 0px !important
    }

    .onlinebooking-page-para-3 ul {
        margin-bottom: 0px !important
    }

    .onlinebooking-page-para-3 ul li {
        margin-bottom: 10px !important
    }

    .onlinebooking-page-para-4 .common-heading {
        margin-bottom: 0 !important
    }

    .onlinebooking-page-para-5 {
        margin-top: 10px !important;
        margin-bottom: 0 !important
    }

    .onlinebooking-page-para-6 {
        margin-top: 0 !important
    }

    .onlinebooking-page-para-7 {
        margin-top: 10px !important;
        margin-bottom: 0 !important
    }

    .tour-packages {
        padding-bottom: 0
    }

    .payment-form label {
        font-size: 14px
    }

    .tour-detail .nav-link {
        width: 100%
    }

    .tour-detail .nav-tabs-list {
        gap: 8px;
        flex-direction: column
    }

    .tour-detail .nav-tabs-list li a {
        font-size: 14px
    }

    .travel-guide-for-visitors p {
        margin-bottom: 10px
    }

    .country .select {
        height: 33px
    }

    .lil-large-head {
        font-size: 22px
    }

    .internal-things-to-do .row .row {
        margin-bottom: 10px !important;
        margin-top: 0px !important
    }

    .preview {
        height: 279px !important
    }

    .gallery .mySwiperthumb .swiper-slide {
        height: 58px !important
    }
}

.error-404 .main-btn {
    background-color: #fe9517;
    width: max-content;
    margin: auto
}