@charset "utf-8";
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.container {
    padding-left: 15px;
    padding-right: 15px;
}
.btn-1,
body {
    font-size: 14px;
}
.main .sub_head,
.sidebar > li p,
p {
    margin-bottom: 10px;
}
pre{float: left; width: 100%;}
.header_top a,
.main .full_width,
.main_heading,
.review_section .star_review,
[class*="col-"] {
    position: relative;
}
.footer .footer_box .sub_head,
.form-control,
.main .sub_head,
.main-timeline,
.main_heading span label {
    font-family: Poppins, sans-serif;
}
.dropdown-content a,
.sidebar > li > a,
a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.clear,
.clearfix,
.container::after,
.row::after {
    clear: both;
}
a {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}
.form-control {
    width: 100%;
    float: left;
    background-color: #fff;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.container {
    width: 1170px;
    margin: auto;
}
.container::after,
.container::before,
.footer_box .links::before,
.row::after,
.row::before {
    display: table;
    content: "";
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-lg-1 {
    width: 8.3333333333333%;
    float: left;
}
.col-lg-2 {
    width: 16.666666666667%;
    float: left;
}
.col-lg-3 {
    width: 25%;
    float: left;
}
.col-lg-4 {
    width: 33.333333333333%;
    float: left;
}
.col-lg-5 {
    width: 41.666666666667%;
    float: left;
}
.col-lg-6 {
    width: 50%;
    float: left;
}
.col-lg-7 {
    width: 58.333333333333%;
    float: left;
}
.col-lg-8 {
    width: 66.666666666667%;
    float: left;
}
.col-lg-9 {
    width: 75%;
    float: left;
}
.col-lg-10 {
    width: 83.333333333333%;
    float: left;
}
.col-lg-11 {
    width: 91.666666666667%;
    float: left;
}
.col-lg-12,
.contact_info,
.header .logo > img,
.main .full_width,
.main > *,
p {
    width: 100%;
    float: left;
}
.disclaimer .full_width,
.disclaimer .read_more .less,
.disclaimer .read_more.active .more,
.drop-arrow:after,
.dropdown:after,
.hide {
    display: none;
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none;
    }
}
@media (max-width: 1199px) {
    .f-w-md {
        width: 100%;
    }
    .hidden-to-md {
        display: none;
    }
}
@media (min-width: 300px) and (max-width: 460px) {
    .col-vvxs-1,
    .col-vvxs-10,
    .col-vvxs-11,
    .col-vvxs-12,
    .col-vvxs-2,
    .col-vvxs-3,
    .col-vvxs-4,
    .col-vvxs-5,
    .col-vvxs-6,
    .col-vvxs-7,
    .col-vvxs-8,
    .col-vvxs-9 {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-vvxs-1 {
        width: 8.3333333333333%;
    }
    .col-vvxs-2 {
        width: 16.666666666667%;
    }
    .col-vvxs-3 {
        width: 25%;
    }
    .col-vvxs-4 {
        width: 33.333333333333%;
    }
    .col-vvxs-5 {
        width: 41.666666666667%;
    }
    .col-vvxs-6 {
        width: 50%;
    }
    .col-vvxs-7 {
        width: 58.333333333333%;
    }
    .col-vvxs-8 {
        width: 66.666666666667%;
    }
    .col-vvxs-9 {
        width: 75%;
    }
    .col-vvxs-10 {
        width: 83.333333333333%;
    }
    .col-vvxs-11 {
        width: 91.666666666667%;
    }
    .col-vvxs-12 {
        width: 100%;
    }
    .hidden-vvxs {
        display: none;
    }
}
@font-face {
    font-family: regular;
    src: url(../fonts/Aileron-Regular.otf);
}
@font-face {
    font-family: bold;
    src: url(../fonts/Aileron-Bold.otf);
}
@font-face {
    font-family: #000;
    src: url(../fonts/Aileron-Black.otf);
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: regular;
    line-height: 1.7;
    color: #848484;
}
::-webkit-input-placeholder {
    color: #757575;
    opacity: 1;
    font-size: 14px;
}
:-ms-input-placeholder {
    color: #757575;
    opacity: 1;
    font-size: 14px;
}
::placeholder {
    color: #757575;
    opacity: 1;
    font-size: 14px;
}
.text-center {
    text-align: center;
}
.btn-1 {
    padding: 16px 32px;
    transition: 0.3s;
    background: linear-gradient(to right bottom, #fc5b62, #82dbd8);
    color: #fff;
    cursor: pointer;
    border: none;
}
.blog_section .blog_box a.read_more_btn:hover,
.btn-1:active,
.btn-1:focus,
.btn-1:hover {
    box-shadow: 0 10px 18px rgb(0 0 0 / 10%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background: linear-gradient(to right bottom, #82dbd8, #fc5b62);
}
.contact_us_form,
.header.fixed {
    box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
}
.main_heading {
    font-weight: 400;
    margin: 0 0 20px;
    display: inline-block;
    letter-spacing: 1px;
    padding: 0;
}
.main_heading span {
    position: relative;
    z-index: 2;
    padding: 5px 0 10px;
    display: inline-block;
    color: #525252;
    font-size: 28px;
    text-transform: uppercase;
}
.main_heading span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    z-index: 1;
    transform: skew(10deg, 10deg);
    border-radius: 0 10px;
}
.main_heading span label {
    font-weight: 900;
    margin: 0 3px 0 0;
    color: #fc5b62;
    z-index: 2;
}
.main_heading span label i {
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    height: 2px;
    background: #fc5b62;
}
.main_heading span label i:before {
    content: "";
    position: absolute;
    left: -7px;
    top: -3px;
    width: 15px;
    height: 8px;
    background: #fc5b62;
}
.main_heading span label i:after {
    content: "";
    position: absolute;
    right: -7px;
    top: -3px;
    width: 8px;
    height: 8px;
    background: #2f2f2f;
}
.header .navigation_bar > li > a.tfn_area_top {
    background-color: #fc5b62e3;
    color: #ffff;
    font-size: 16px;
    padding: 4px 15px;
    border: 1px solid #f44336;
    border-radius: 0.25rem;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    font-weight: 600;
}
.header .navigation_bar > li > a.tfn_area_top:hover {
    background-color: #333;
    border: 1px solid #333;
    color: #ffff;
}
.about_us .about_us_area ul li {
    margin-left: 20px;
    color: #333;
    margin-bottom: 10px;
    font-size: 16px;
}
.about_us .about_us_area h2 {
    margin-bottom: 15px;
    color: #fc5b62;
}
.about_us .about_us_area p {
    font-size: 16px;
    color: #333;
}
.main_heading.left {
    text-align: left;
}
.top_destination_lotodares {
    background: #f6f6f6;
}
.header_top,
.main .section.grey {
    background: #eef6f7;
}
.top_destination_lotodares .top_destination_img img {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
}
.main .sub_head {
    width: 100%;
    float: left;
    color: #fc5b62;
    font-size: 30px;
    line-height: 1.1;
}
.main {
    width: 100%;
    float: left;
    overflow: hidden;
}
.main .section {
    padding: 80px 0 50px;
}
.lazy[data-src] {
    background: url(../images/loader.gif) center center no-repeat !important;
}
.header_top {
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
}
.header_top a {
    display: inline-block;
    margin-bottom: 11px;
    color: #0c3e72;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
}
.header_top a > span {
    width: auto;
    display: inline-block;
}
.header_top a > span > i {
    height: 16px;
    background-repeat: no-repeat;
    background-image: url(../images/fonts_phone.png);
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.header_top a.icon-mail > span > i {
    width: 24px;
    background-position: -16px 0;
}
.header_top a.icon-phone > span > i {
    width: 12px;
    background-position: 0 0;
}
.header_top .align_right {
    text-align: right;
}
.header {
    padding-top: 15px;
    padding-bottom: 15px;
    backdrop-filter: blur(12px);
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 3px rgb(60 72 88 / 15%);
}
.header.fixed {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 99;
    -webkit-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
}
.dropdown:hover .dropdown-content,
.header.fixed [class*="mob_"] {
    display: block;
}
.header.fixed .navigation_bar {
    margin-right: 15px;
}
.header .logo {
    float: left;
    margin: 12px 0 0;
}
.header .menu,
.header [class*="mob_"] {
    margin-top: 9px;
    display: none;
    float: right;
}
.header .menu {
    width: 40px;
    padding: 7px 7px 2px;
    border: 2px solid #848484;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.header .menu > i {
    width: 100%;
    float: left;
    height: 3px;
    background: #848484;
    margin-bottom: 5px;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}
.header .menu.active,
.header .menu:hover {
    background: linear-gradient(to right bottom, #fc5b62, #ad0505);
    border-color: transparent;
}
.header .menu.active > i,
.header .menu:hover > i {
    background: #fff;
}
.header [class*="mob_"] {
    width: 37px;
    height: 37px;
    background: linear-gradient(to right bottom, #fc5b62, #ad0505);
    margin-left: 15px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    position: relative;
}
.header [class*="mob_"]:hover {
    background: #00a0e3;
}
.header [class*="mob_"]::before {
    content: "";
    background-image: url(../images/fonts.png);
    background-repeat: no-repeat;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.header .mob_email::before {
    background-position: -16px 0;
    width: 24px;
}
.header .mob_phone::before {
    background-position: 0 0;
    width: 12px;
}
.header .navigation_bar {
    width: auto;
    float: right;
    padding: 0;
    margin: 12px 0 0;
}
.header .navigation_bar > li {
    width: auto;
    float: left;
    list-style: none;
    margin-left: 40px;
    position: relative;
}
.header .navigation_bar > li:first-child {
    margin-left: 0;
}
.header .navigation_bar > li > a {
    width: auto;
    float: left;
    color: #212529;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
}
.disclaimer p > strong,
.footer .footer_box .sub_head ~ p a:active,
.footer .footer_box .sub_head ~ p a:focus,
.footer .footer_box .sub_head ~ p a:hover,
.footer .footer_box > .links > li > a:active,
.footer .footer_box > .links > li > a:focus,
.footer .footer_box > .links > li > a:hover,
.header .navigation_bar > li > a:active,
.header .navigation_bar > li > a:focus,
.header .navigation_bar > li > a:hover {
    color: #fc5b62;
}
.banner_home {
    position: relative;
    background: url(../images/bg_1.webp) bottom center/cover no-repeat;
    background-position: inherit;
    height: 520px;
    z-index: -1;
}
.main-timeline {
    padding: 0;
    position: relative;
}
.main-timeline .timeline {
    width: 100%;
    margin: 0;
    padding: 30px 0 0 50px;
    float: left;
    position: relative;
}
.main-timeline .timeline-content {
    color: #333;
    background-color: #fff;
    padding: 0 28px;
    border-radius: 20px;
    display: block;
    position: relative;
}
.main-timeline .timeline-content:before,
.main-timeline .timeline-count {
    background: linear-gradient(to right bottom, #fc5b62, #ad0505);
    position: absolute;
}
.main-timeline .timeline-content:before {
    content: "";
    height: 75px;
    width: 75px;
    border-radius: 10px 0;
    left: -50px;
    top: -20px;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    transform: rotate(-90deg);
}
.main-timeline .timeline-count {
    color: #fff;
    font-size: 27px;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
    height: 50px;
    width: 50px;
    border: 4px solid #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border-radius: 50%;
    left: -38px;
    top: -10px;
}
.main-timeline .title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 17px;
}
.main-timeline:after {
    content: "";
    display: block;
    clear: both;
}
.inner_banner::before,
.sidebar > li > a::before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.main-timeline .timeline-count i.chart {
    float: left;
    background: url(../images/fonts.png) -111px -51px no-repeat;
    height: 35px;
    width: 30px;
    margin: 5px 9px;
}
.main-timeline .timeline-count i.support {
    background-position: -57px -51px;
    width: 22px;
}
.main-timeline .timeline-count i.customer {
    background-position: -80px -51px;
    width: 30px;
}
div.content_area div.last_chlid:last-child {
    border: none;
}
.about_img_area img,
.btn-7 span:hover:after,
.btn-7:hover:after,
.footer .footer_box > .links > li,
.sidebar > li:hover a::before,
div.about_img img {
    width: 100%;
}
.content_area h4,
div.about_content p {
    font-size: 16px;
}
div.about_content a {
    padding: 4px 12px;
    transition: 0.3s;
    background: -webkit-linear-gradient(-30deg, #fc5b62, #00a0e3);
    color: #fff;
    cursor: pointer;
    border: none;
    font-size: 14px;
    border-radius: 30px;
}
.inner_banner {
    position: relative;
    background: url(../images/inner_banner_top.webp) bottom/cover no-repeat;
    height: 210px;
    z-index: -1;
}
.inner_banner::before {
    width: 100%;
    background: linear-gradient(90deg, rgb(34 37 50) 0, rgb(255 255 255 / 2%) 100%);
}
.inner_banner .middle_area {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    text-align: left;
    color: #fff;
    line-height: 1.3;
}
.inner_banner .middle_area span.head {
    width: 100%;
    float: left;
    font-size: 20px;
    text-shadow: 0 0 3px #212529;
    -webkit-text-shadow: 0 0 3px #212529;
    -moz-text-shadow: 0 0 3px #212529;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}
.inner_banner .middle_area .breadcrumbs {
    width: 100%;
    float: left;
    text-transform: capitalize;
}
.inner_banner .middle_area .breadcrumbs > a {
    color: #fff;
    font-family: bold;
}
.inner_banner .middle_area .breadcrumbs > * {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}
.inner_banner .middle_area .breadcrumbs > i {
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 0;
    transform: rotate(-45deg);
    -webkit-border-radius: 0%;
    -moz-border-radius: 0;
    margin-left: 10px;
    margin-right: 10px;
    box-shadow: 0 0 3px #212529;
    -webkit-box-shadow: 0 0 3px #212529;
    -moz-box-shadow: 0 0 3px #212529;
}
.contact_us p.mb-30 {
    margin-bottom: 30px;
}
.contact_us_form {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    -webkit-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    position: relative;
    transition: 0.3s;
    padding: 30px;
}
.blog_recent .blog-item-content,
.sidebar_form_content {
    position: relative;
    box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
}
.contact_us_form .form-control {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.contact_us_form textarea.form-control {
    resize: none;
    height: 125px;
}
.contact_us_form .btn-1 {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-transform: uppercase;
    float: left;
    margin-bottom: 10px;
}
.content_area,
.footer .footer_box {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.why_mobile .content_area .col-lg-3 {
    padding: 0;
}
.content_area h1,
.content_area h2,
.content_area h3,
.content_area h4,
.content_area h5,
.content_area h6 {
    width: 100%;
    float: left;
    font-family: Poppins, sans-serif;
    color: #484848;
    line-height: 1.1;
    margin-bottom: 10px;
    margin-top: 20px;
}
.content_area > :first-child {
    margin-top: 0;
}
.content_area h1 {
    font-size: 32px;
}
.content_area h2 {
    font-size: 24px;
}
.content_area h3 {
    font-size: 18px;
}
.content_area h5 {
    font-size: 13px;
}
.content_area h6 {
    font-size: 10px;
}
.content_area p {
    font-size: 15px;
    font-weight: 400;
    color: #474646;
    text-align: justify;
}
.content_area ol,
.content_area ul {
    width: 100%;
    float: left;
    margin: 0 0 5px;
    padding-left: 30px;
}
.content_area ul > li {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    list-style: disc;
    color: #484848;
}
.content_area ol > li {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    list-style: disc;
    margin-top: 5px;
    color: #000;
    font-size: 15px;
}
.content_area ol > li strong {
    color: #00a0e3;
    font-weight: 700;
    background-color: #eaefff;
    padding: 5px;
    border-radius: 10px;
}
.content_area li::marker {
    color: #00a0e3;
    font-weight: 700;
}
.contact_area {
    padding: 60px 0 0;
    background: #f9f9f9;
}
.sidebar > li:hover a::before,
.sidebar_head {
    background: linear-gradient(to right bottom, #fc5b62, #82dbd8);
}
.contact_img img {
    position: relative;
    bottom: -7px;
}
.sidebar_head {
    color: #fff;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 0;
}
.sidebar {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    border: 1px solid #ccc;
}
.sidebar > li {
    width: 100%;
    float: left;
    list-style: none;
    border-bottom: 1px solid #ccc;
}
.sidebar > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.sidebar > li > a {
    float: left;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    color: #333;
    transition: 0.2s;
}
.Copyright a,
.footer .footer_box .sub_head ~ p,
.footer .footer_box .sub_head ~ p a,
.footer .footer_box > .links > li > a,
.sidebar > li > a:hover {
    color: #fff;
}
.sidebar > li > a::before {
    width: 0;
    transition: 0.2s;
    z-index: -99;
}
.sidebar_form_content {
    padding: 60px;
    min-height: 230px;
    background: #fff;
    text-align: center;
    margin-bottom: 39px;
    transition: 0.3s;
}
.sidebar_form_content h3 {
    font-size: 24px;
    margin-bottom: 7px;
}
.sidebar_form_content a {
    font-size: 20px;
    color: #fc5b62;
    font-weight: 600;
}
.contact_us .sidebar_form_content p {
    color: #fc5b62;
    font-size: 16px;
    font-weight: 600;
}
.blog_recent .blog-item {
    border-radius: 15px;
    background: #fff;
    border-bottom: 1px dotted #d2d2d2;
    margin-bottom: 30px;
    margin-top: 0;
    padding-bottom: 0;
}
.blog_recent .blog-item-content {
    background-color: #fff;
    overflow: inherit;
    padding: 34px 20px 20px;
    text-align: left;
    border-radius: 15px;
}
.blog_section .blog_box,
.blog_section .destination_name {
    box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    transition: 0.3s;
}
.blog_recent .blog-box-icon {
    background: linear-gradient(to right bottom, #fc5b62, #82dbd8);
    border: 4px solid #fff;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 38px;
    margin-top: 20px;
    position: absolute;
    left: 10px;
    text-align: center;
    top: -38px;
    width: 45px;
    z-index: 1;
}
.blog_recent .blog-item .tittle h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #fc5b62;
}
.blog_recent .blog-box-icon i.edit_la {
    background-position: -58px -52px;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-repeat: no-repeat;
    background-image: url(../images/fonts_new.png);
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.btn-7 span,
.btn-7 span:hover:before,
.btn-7:hover:before {
    height: 100%;
}
.top_destination .destination_name {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 30px;
}
.btn-7 span:before,
.btn-7:before {
    width: 2px;
    height: 0%;
}
.btn-7 span:after,
.btn-7:after {
    height: 2px;
    width: 0%;
}
.blog_section .destination_name {
    -webkit-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    position: relative;
    background: url(../images/blog_bg_ss.webp) bottom/cover;
}
.blog_section .destination_name:hover {
    box-shadow: 0 10px 18px rgb(0 0 0 / 10%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.blog_section .destination_name h2 {
    background: #8c1d22;
    background: -webkit-linear-gradient(-30deg, #0a77c7, #000);
    color: #fff;
    padding: 4px 16px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 2px 2px 2px #454545;
}
.btn-7 span:after,
.btn-7 span:before,
.btn-7:after,
.btn-7:before {
    background: #fb4b02;
    box-shadow: -7px -7px 20px 0 rgba(255, 255, 255, 0.9), -4px -4px 5px 0 rgba(255, 255, 255, 0.9), 7px 7px 20px 0 rgba(0, 0, 0, 0.2), 4px 4px 5px 0 rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    position: absolute;
    content: "";
}
.blog_section .destination_name p.paragraph {
    padding: 15px 15px 30px;
    font-size: 16px;
}
.blog_section .destination_name .more-link {
    background: #8c1d22;
    background: -webkit-linear-gradient(-30deg, #0a77c7, #000);
    color: #fff;
    border-radius: 20px;
    padding: 2px 16px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}
.read_more_btn {
    margin: 0 auto;
}
.default-btn {
    width: 100px;
    height: 30px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-weight: 500;
    background: 0 0;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0 rgba(255, 255, 255, 0.5), 7px 7px 20px 0 rgba(0, 0, 0, 0.1), 4px 4px 5px 0 rgba(0, 0, 0, 0.1);
    outline: 0;
}
.btn-7 {
    background: linear-gradient(0deg, rgb(92 21 24) 0, rgb(251 91 98) 100%);
    line-height: 30px;
    padding: 0;
    border: none;
}
.btn-7 span {
    position: relative;
    display: block;
    width: 100%;
}
.btn-7:after,
.btn-7:before {
    right: 0;
    bottom: 0;
}
.btn-7:hover {
    color: #fb4b02;
    background: 0 0;
}
.btn-7 span:after,
.btn-7 span:before {
    left: 0;
    top: 0;
}
.blink_me {
    animation: 1s linear infinite blinker;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.blog_section .blog_box a.read_more_btn {
    padding: 6px 22px;
    transition: 0.3s;
    background: linear-gradient(to right bottom, #fc5b62, #82dbd8);
    color: #fff;
    cursor: pointer;
    border: none;
    font-size: 14px;
    border-radius: 30px;
    width: auto;
    float: left;
}
.blog_section .blog_box {
    -webkit-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    position: relative;
    background: #fff;
    display: flex;
    justify-content: left;
    min-height: 124px;
    align-items: center;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    -moz-border-radius: 15px;
}
.blog_section .blog_box .blog_image {
    line-height: 0;
}
.blog_box .blog_desc {
    padding: 20px;
}
.blog_section .blog_box a.heading_top_blog {
    width: 100%;
    color: #fc5b62;
    display: inline-block;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}
.blog_section .blog_box p {
    color: #333;
    text-align: left;
}
.blog_section .blog_box a {
    float: left;
}
.top_destination .destination_name > img {
    width: 100%;
    float: left;
    height: auto;
}
.top_destination .destination_name > span {
    width: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fe5c24;
    padding: 10px 15px;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    text-align: center;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}
.footer .follow_us > a,
.review_section .star_review i {
    height: 30px;
    background-repeat: no-repeat;
    background-image: url(../images/fonts_new.png);
}
.top_destination .destination_name:active > span,
.top_destination .destination_name:focus > span,
.top_destination .destination_name:hover > span {
    background: #2493e0;
}
.review_section {
    float: left;
    width: 100%;
}
.dropdown,
.footer_box .links > li > a {
    width: auto;
    float: left;
    position: relative;
}
.review_section .review_area_box {
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    -moz-box-shadow: 2px 7px 16px 1px rgb(0 0 0 / 8%);
    position: relative;
    transition: 0.3s;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
}
.review_section .review_area_box h3 {
    color: #fc5b62;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
}
.review_section .review_area_box p {
    text-align: justify;
    min-height: 170px;
}
.review_section .review_area_box h5 {
    font-size: 16px;
    font-weight: 600;
}
.review_section .star_review i {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    background-position: -100px -60px;
    width: 22px;
}
.review_section p.mb-30 {
    font-size: 16px;
    margin-bottom: 30px;
}
.disclaimer {
    background: #3b3b3b;
    color: #fff;
    padding: 15px 0;
}
.Copyright,
.footer_box .links > li > a {
    color: #777;
}
.disclaimer p {
    text-align: justify;
    margin: 0;
}
.disclaimer .read_more {
    cursor: pointer;
    color: #ffc962;
}
.Copyright a,
.Copyright span,
.disclaimer .read_more.active .less,
.footer .footer_box .sub_head ~ p > * {
    display: inline-block;
}
.p-0 {
    padding: 0 !important;
}
.footer_links {
    padding-top: 50px;
    padding-bottom: 20px;
}
.footer_links hr {
    width: 100%;
    float: left;
    height: 1px;
    border: none;
    margin-bottom: 30px;
    background: #ccc;
}
.footer_links .footer_box {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
.footer_links .sub_head {
    font-size: 24px;
    margin-bottom: 15px;
}
.footer_box .links {
    padding: 0;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    clear: both;
}
.footer_box .links::after {
    display: table;
    content: "";
    clear: both;
}
.footer_box .links > li {
    width: 25%;
    float: left;
    margin: 0 0 10px;
    list-style: none;
    padding: 0 15px;
}
.footer_box .links > li > a:active,
.footer_box .links > li > a:focus,
.footer_box .links > li > a:hover {
    color: #fe5c24;
}
.footer {
    background: 50% 50% / cover #303030;
    padding: 50px 0 20px;
}
.footer .footer_box .sub_head {
    color: #fc5b62;
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 600;
}
.footer .footer_box > .links {
    margin-bottom: 0;
}
.footer .footer_box .sub_head ~ p > span {
    color: #fc5b62;
    font-weight: 700;
}
.footer .follow_us {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.footer .follow_us > a.facebook {
    background-position: 0 -21px;
}
.footer .follow_us > a.twitter {
    background-position: -33px -21px;
}
.footer .follow_us > a.instagram {
    background-position: -66px -21px;
}
.footer .follow_us > a.linkedin {
    background-position: -99px -21px;
}
.footer .follow_us > a.youtube {
    background-position: 0 -53px;
}
.footer .follow_us > a {
    width: 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}
.privacy h2,
.privacy h4 {
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    color: #333;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    line-height: 1.6;
}
.privacy h2:before,
.privacy h4:before {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    bottom: 0;
    background: #fc5b62;
    margin: 0;
    width: 40px;
}
.privacy h2:after,
.privacy h4:after {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    background: #000;
    border-radius: 10px;
    margin: 0 45px;
    width: 10px;
    bottom: 0;
}
.privacy h3 {
    color: #333;
    font-size: 18px;
}
.privacy b,
.privacy li,
.privacy p {
    color: #333;
    font-size: 16px;
}
.privacy b {
    font-size: 16px;
    float: left;
    width: 100%;
    margin: 10px auto;
}
.privacy li {
    margin: 10px 30px;
    float: left;
    width: 100%;
}
.Copyright {
    background: #3b3b3b;
    text-align: center;
    padding: 10px 0;
}
a.arrow_top {
    width: 0;
    height: 0;
    position: fixed;
    bottom: 70px;
    right: 15px;
    background: #fc5b62;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 5px grey;
    -webkit-box-shadow: 0 0 5px grey;
    -moz-box-shadow: 0 0 5px grey;
    z-index: 99;
}
a.arrow_top.active {
    width: 40px;
    height: 40px;
    opacity: 1;
    visibility: visible;
}
a.arrow_top::before {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
}
.footer_fixed_num { position: fixed; width: 100%; bottom: 0px; background: #514e4d; z-index: 9; display: none;}
  .footer_fixed_num ul { display: block;}
  .footer_fixed_num ul li {float: left; width: 100%; text-align: center; border-bottom: 1px solid #fff;  list-style: none; padding: 3px;}
  .footer_fixed_num ul li a {color: #fff; font-size: 20px; margin: 10px; padding: 3px 16px;}



/*tfn*/
 .tfn-bottom.callwith-cs {
    position: fixed;
    bottom: 15px;
    right: 20px;
    width: 55px;
    background-color: #fff;
    height: 55px;
    z-index: 9;
    padding: 0;
    text-align: center;
    margin-bottom: 0;
    box-shadow: 0 0.2rem 2rem rgb(0 0 0 / 10%);
    border-radius: 50%;
    cursor: pointer;
    border: solid 1px #ffe0d8;
        transition: none;
        -ms-transition: none;
}
.tfn-bottom.callwith-cs > div:before {
display: none;
}
.tfn-bottom.callwith-cs img.icphone {
    height: 65px; display: block; left: -5px; top: -7px; border-radius: 4px; position: relative; 
} 

.tfn-bottom.callwith-cs img.icphone{
    -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  } 

.callwith-cs{    display: inline-block;
    color: #383838;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;}
    .callwith-body {
    position: fixed;
    border: 0;
    right: 0;
    width: 420px;
    height: auto;
}
.tfn-bottom.callwith-cs .callwith-body {
    position: fixed;
    bottom: 76px;
    right: 2px;
    width: 212px;
    height: auto;
    background-color: #ffedd2;
    z-index: 10;
    border-radius: 12px;
    display: none;
    box-shadow: 0 4px 150px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 4px 150px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 4px 150px 0 rgb(0 0 0 / 20%);
    padding: 8px;
    border: solid 1px #f7f7f7;
    letter-spacing: 0.6px;
}
.tfn-bottom.callwith-cs .callwith-body::after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
border-width: 15px 13px 0 13px;
    border-color: #ffedd2 transparent transparent transparent;
    position: absolute;
    top: 100%;
    right: 10px;
    margin-top: -2px;
}
.callwith-body a {
 display: block;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 8px;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s;
    font-weight: 400;
    background-color: #ffcbcd;
    white-space: nowrap;
    text-align: left;
}
.callwith-body a:last-child{
    margin-bottom: 0;
}
.callwith-body a img {
    position: relative;
    height: auto;
    width: auto;
    vertical-align: middle;
    margin-left: 10px;
    top: 3px;
    float: right;
}
.callwith-body a:hover {
    background-color: #fc6d73;
    color: #fff;
}
.tfn-bottom.callwith-cs.active {
     border-color: #fc6d73;
    background-color: #fc6d73;
}
.tfn-bottom.callwith-cs img.icphone-2 {
    width: 23px;
    height: auto;
    border: none;
    left: 15px;
    top: 15px;
    box-shadow: none;
}
.tfn-bottom.callwith-cs.active img.icphone-1,
.tfn-bottom.callwith-cs img.icphone-2 {
    display: none;
} 
.tfn-bottom.callwith-cs.active img.icphone-2 {
    display: block;
    margin: 0;
    position: relative;
}

@media(min-width: 768px){
    .tfn-bottom.callwith-cs.active{ 
        -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}
}

@media(max-width: 767px) and (min-width: 475px){
    .tfn-bottom.callwith-cs .callwith-body{
        max-width: 320px;
    }
}


@media(max-width: 991px) and (min-width: 768px) {
  .tfn-bottom.callwith-cs {bottom: 45px;}
}


@media(max-width: 767px){
  div.blog-inner-box2 ul.code_location { padding-left:0 !important }
  div.blog-inner-box2 ul.code_location li { list-style:none !important }
  .trps_fltfrom.fullWidth_, .trps_fltto.fullWidth_ { width:50%; }
  div.content_div div.tab-content { border:1px solid gainsboro; margin:10px 0 0; }
  .trvD_hotel_searchI_cl i.fa-map-marker { top: 45px; }
  #trpC_hotels_tab .input_area_desti.fullWidth_ { width:100%; }
  .tfn-bottom.callwith-cs .callwith-body {
    width: 70%;
    padding: 11px 10px;
    bottom: 35px;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 4px 100px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 4px 100px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 4px 100px 0 rgb(0 0 0 / 20%);
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tfn-bottom.callwith-cs .callwith-body::after {
    right: 30px;
}
.tfn-bottom.callwith-cs {
  bottom: 43px;
    box-shadow: 0 0.4rem 1rem rgb(0 0 0 / 20%);
    right: 5px;
    width: auto;
    border-radius: 8px;
    height: auto;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25);
    -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25);
}
.callwith-body a img {
    top: 1px;
    right: -6px;
    width: 21px;
}
.tfn-bottom.callwith-cs.active{
  bottom: 170px;
    right: 5px;
    width: 40px;
    height: 40px;
}
.tfn-bottom.callwith-cs img.icphone.icphone-2 {
    width: 16px;
    height: auto;
    left: 11px;
    top: 11px;
}
.tfn-bottom.callwith-cs img.icphone.icphone-1 {
    left: 0px;
    top: 0px;
    height: 51px;
}
.callwith-body a {
    padding: 4px 20px; margin-bottom: 8px; font-size: 14px; background-color: #e7e7e7;
}
}
/*end of tfn*/




@media (min-width: 992px) {
    .header .navigation_bar {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container {
        width: 992px;
    }
    .col-md-1 {
        width: 8.3333333333333%;
    }
    .col-md-2 {
        width: 16.666666666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.333333333333%;
    }
    .col-md-5 {
        width: 41.666666666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.333333333333%;
    }
    .col-md-8 {
        width: 66.666666666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.333333333333%;
    }
    .col-md-11 {
        width: 91.666666666667%;
    }
    .col-md-12 {
        width: 100%;
    }
    .hidden-md {
        display: none;
    }
    .header .navigation_bar > li {
        margin-left: 30px;
    }
}
@media (max-width: 991px) {
    .f-w-sm {
        width: 100%;
    }
    .hidden-to-sm {
        display: none;
    }
    .header .menu,
    .header_top {
        display: block;
    }
    .header [class*="mob_"] {
        display: block;
        margin-right: 10px;
        margin-left: 0;
    }
    .header.fixed .navigation_bar {
        margin-right: 0;
    }
    .header .navigation_bar {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fafafa;
        z-index: 999;
        margin-top: 15px;
        padding: 15px;
        display: none;
        border: 1px solid #ccc;
    }
    .header .navigation_bar > li {
        width: 100%;
        margin-left: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .header .navigation_bar > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .header .navigation_bar > li .drop_down.right {
        left: 0;
        right: auto;
    }
    .contact_info {
        margin-bottom: 30px;
    }
    .footer_box .links {
        margin-bottom: 0;
    }
    .footer_links {
        padding-bottom: 40px;
    }
    .footer_links hr {
        margin-top: 20px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container {
        width: 768px;
    }
    .col-sm-1 {
        width: 8.3333333333333%;
    }
    .col-sm-2 {
        width: 16.666666666667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.333333333333%;
    }
    .col-sm-5 {
        width: 41.666666666667%;
    }
    .col-sm-6,
    .footer .footer_box > .links > li {
        width: 50%;
    }
    .col-sm-7 {
        width: 58.333333333333%;
    }
    .col-sm-8 {
        width: 66.666666666667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-10 {
        width: 83.333333333333%;
    }
    .col-sm-11 {
        width: 91.666666666667%;
    }
    .col-sm-12 {
        width: 100%;
    }
    .hidden-sm,
    .main .section .container .row [class*="col-"]:nth-child(9) {
        display: none;
    }
    .main_heading {
        font-size: 45px;
    }
    .home_banner {
        height: 300px;
    }
    .inner_banner .middle_area span.head {
        font-size: 22px;
    }
    .footer_box .links > li {
        width: 33.33%;
    }
}
@media (max-width: 767px) {
    .container,
    .f-w-xs {
        width: 100%;
    }
    .main .sub_head,
    .main_heading {
        font-size: 24px;
    }
    .main_heading {
        word-break: break-all;
    }
    .inner_banner {
        height: 200px;
    }
    .inner_banner .middle_area span.head {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .header_top .numbers > a,
    .inner_banner .middle_area .breadcrumbs > * {
        font-size: 16px;
    }
    .header_top .numbers > a > span {
        display: none;
    }
    .social_icons {
        padding-bottom: 25px;
    }
    .social_icons a {
        margin: 0 2px 5px;
        padding: 7px 15px;
        font-size: 14px;
    }
}
@media (min-width: 621px) and (max-width: 767px) {
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xs-1 {
        width: 8.3333333333333%;
    }
    .col-xs-2 {
        width: 16.666666666667%;
    }
    .col-xs-3 {
        width: 25%;
    }
    .col-xs-4 {
        width: 33.333333333333%;
    }
    .col-xs-5 {
        width: 41.666666666667%;
    }
    .col-xs-6,
    .footer_box .links > li {
        width: 50%;
    }
    .col-xs-7 {
        width: 58.333333333333%;
    }
    .col-xs-8 {
        width: 66.666666666667%;
    }
    .col-xs-9 {
        width: 75%;
    }
    .col-xs-10 {
        width: 83.333333333333%;
    }
    .col-xs-11 {
        width: 91.666666666667%;
    }
    .col-xs-12 {
        width: 100%;
    }
    .hidden-xs {
        display: none;
    }
    .home_banner {
        height: 300px;
    }
}
@media (max-width: 620px) {
    .container,
    [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer_box .links,
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .f-w-vxs {
        width: 100%;
    }
    .main .section {
        padding: 60px 0 30px;
    }
    .main .testimonials_area > img {
        margin-bottom: 20px;
    }
    .footer_box .links > li {
        padding: 0 10px;
    }
}
@media (min-width: 461px) and (max-width: 620px) {
    .col-vxs-1,
    .col-vxs-10,
    .col-vxs-11,
    .col-vxs-12,
    .col-vxs-2,
    .col-vxs-3,
    .col-vxs-4,
    .col-vxs-5,
    .col-vxs-6,
    .col-vxs-7,
    .col-vxs-8,
    .col-vxs-9 {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-vxs-1 {
        width: 8.3333333333333%;
    }
    .col-vxs-2 {
        width: 16.666666666667%;
    }
    .col-vxs-3 {
        width: 25%;
    }
    .col-vxs-4 {
        width: 33.333333333333%;
    }
    .col-vxs-5 {
        width: 41.666666666667%;
    }
    .col-vxs-6,
    .footer_box .links > li {
        width: 50%;
    }
    .col-vxs-7 {
        width: 58.333333333333%;
    }
    .col-vxs-8 {
        width: 66.666666666667%;
    }
    .col-vxs-9 {
        width: 75%;
    }
    .col-vxs-10 {
        width: 83.333333333333%;
    }
    .col-vxs-11 {
        width: 91.666666666667%;
    }
    .col-vxs-12 {
        width: 100%;
    }
    .hidden-vxs {
        display: none;
    }
    .home_banner {
        height: 275px;
    }
    .top_destination .destination_name > span {
        bottom: 25px;
        padding: 5px 10px;
        font-size: 14px;
    }
}
@media (max-width: 460px) {
    .header_top,
    .header_top .align_right {
        display: none;
    }
    .home_banner {
        height: 225px;
    }
    .journey span {
        font-size: 28px;
    }
    .footer_box .links > li {
        width: 100%;
    }
    .footer_fixed_num ul li a{font-size: 16px;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .hero_banner {
        height: 230px;
    }
    .why_mobile .content_area .col-sm-12 {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }
    .main-timeline {
        margin-bottom: 30px;
    }
    .logos_area img {
        height: 25px;
    }
    .home_banner .hero_img_area {
        display: none;
    }
    .hero_banner p {
        font-size: 12px;
        color: #fff;
    }
    .blog_section .blog_box {
        display: grid;
        margin-bottom: 30px;
    }
    .home_banner:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background: #000000c2;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .hero_banner h4 {
        font-size: 16px;
        color: #fff;
    }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .hero_banner {
        height: 180px;
    }
    .why_mobile .content_area .col-sm-12 {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }
    .main-timeline {
        margin-bottom: 30px;
    }
    .logos_area img {
        height: 25px;
    }
    .contact_img img,
    .home_banner .hero_img_area {
        display: none;
    }
    .hero_banner p {
        font-size: 11px;
        color: #fff;
    }
    .blog_section .blog_box {
        display: grid;
        margin-bottom: 30px;
    }
    .home_banner:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background: #000000c2;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .hero_banner h4 {
        font-size: 16px;
        color: #fff;
    }
    .banner_home .banner_top_box h1,
    .banner_home .middle_area span.head,
    .sidebar_form_content h3 {
        font-size: 24px;
    }
    .banner_home {
        height: 300px;
    }
    .banner_home .banner_top_box p {
        font-size: 16px;
    }
    .travel_img_area {
        margin-bottom: 20px;
    }
}
.dropbtn {
    background-color: #fc5b62e3;
    color: #ffff;
    padding: 10px 15px;
    border: 1px solid #f44336;
    border-radius: 0.25rem;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    font-weight: 600;
}
.dropdown {
    list-style: none;
    margin-left: 40px;
    margin-bottom: 7px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffff;
    min-width: 150px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
    left: auto;
    right: 0;
    margin-top: 10px;
    width: 310px;
    box-shadow: 0 6px 30px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 6px 30px rgb(0 0 0 / 20%);
    padding: 25px;
    border-radius: 10px;
}
.dropdown-content::after {
    content: "";
    width: 17px;
    height: 17px;
    background: #fff;
    position: absolute;
    top: -9px;
    right: 30px;
    box-shadow: -10px -18px 30px rgb(0 0 0 / 20%);
    -webkit-box-shadow: -10px -18px 30px rgb(0 0 0 / 20%);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.dropdown-content a {
    color: #ffff;
    padding: 10px;
    display: block;
    background: #fc5b62;
    width: 100%;
    border-radius: 3px;
    margin-bottom: 5px;
    text-align: center;
}
.dropdown-content a:hover {
    border-radius: 3px;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    background: #eceff1;
}
.dropdown:hover .dropbtn {
    background-color: transparent;
    color: #000;
}
.dropdown .dropdown-content .a-href-border {
    border-bottom: 1px solid #ffff;
}
.inner_banner .middle_area .breadcrumbs span h5 {
    font-size: 18px;
    font-weight: 500;
}
@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
    .dropdown {
        margin-left: 0;
    }
    .dropdown-content {
        left: 0;
        width: 200px;
    }
    .dropdown-content::after {
        left: 30px;
    }
    .footer_fixed_num{display: block;}
    .footer_fixed_num ul li a{font-size: 16px;}
    .Copyright{margin-bottom: 30px;}
    .hidden-xs{display: none;}
}

@media screen and (max-width: 767px) {
    .top_destination_lotodares .top_destination_img img {
        height: auto;
    }
}
