/*Added by MRD*/

.text-separator li {
    border-right: 1px solid #ccc;
    display: inline-block;
    padding: 0 .7em;
    line-height: 1;
}

.text-separator li:last-child {
    border: none
}

.alertMessage,
.confirmMessage {
    font-size: 1.2rem;
    text-align: center;
}

.screen-reader:focus {
    outline: none
}


/*Local Tab*/

.local--tab {
    margin: 4rem 0 0;
    border-radius: 45px;
    border: 1px solid #dadada;
    overflow: hidden;
}

.local--tab a {
    padding: .5rem 2rem;
    border-right: 1px solid #dadada;
    text-transform: uppercase;
    font-size: .9rem
}

.local--tab a:last-child {
    border: none
}

.local--tab a span {
    margin-right: .5rem;
    font-size: 1.2rem;
    color: #8e8e8e
}

.local--tab a.active,
.local--tab a:hover,
.local--tab a:focus {
    transition: .2s;
    background-color: #f9461d;
    color: #fff
}

.local--tab a.active span,
.local--tab a:hover span,
.local--tab a:focus span {
    color: #fff
}


/*Parallax Banner - rath yatra*/

.rath-yatra {
    background: #fff !important;
    position: relative;
    z-index: 2;
}

.parallax-banner {
    display: block;
    height: 90vh;
}

.parallax-banner div {
    position: fixed;
    transform: translateY(0px);
    height: 90vh;
    width: 100%;
}

.parallax-banner .layer1 {
    top: 0;
    background-position: top;
}

.parallax-banner .layer2 {
    top: 0;
    background-position: center;
}

.parallax-banner .layer3 {
    top: 0;
    background-position: bottom;
}

.parallax-banner .layer4 {
    bottom: -6%;
    background-position: center;
    background-size: 100%;
}

.parallax-banner .layer5 {
    bottom: 0;
    background-position: bottom;
}

.parallax-banner .layer6 {
    bottom: 0;
    background-position: bottom;
}

.parallax-banner .layer7 {
    bottom: 0;
    background-position: bottom;
}

.layer1 {
    background: url(../images/rath-yatra-banner/sky.png);
    background-repeat: no-repeat;
}

.layer2 {
    background: url(../images/rath-yatra-banner/temple-bg.png);
    background-repeat: no-repeat;
}

.layer3 {
    background: url(../images/rath-yatra-banner/three-rath.png);
    background-repeat: no-repeat;
}

.layer4 {
    background: url(../images/rath-yatra-banner/smoke2.png);
    background-repeat: no-repeat;
}

.layer5 {
    background: url(../images/rath-yatra-banner/people1.png);
    background-repeat: no-repeat;
}

.layer6 {
    background: url(../images/rath-yatra-banner/people2.png);
    background-repeat: no-repeat;
}

.layer7 {
    background: url(../images/rath-yatra-banner/smoke1.png);
    background-repeat: no-repeat;
}


/*ends*/


/*Booking Widget*/


/*Range calandar*/

.t-check-in,
.t-check-out {
    border-color: #ededed
}

.t-check-in {
    border-right-color: #e8e8e8
}

.t-date-title {
    color: #e91e63
}

.t-special-day:before {
    border-color: #e91e63 #e91e63 transparent transparent
}

.t-datepicker-day {
    border-color: #ededed;
    background: #fff;
    color: #6f6f6f;
}

.t-day,
.t-disabled,
.t-end,
.t-range,
.t-start {
    /* background:#fafafa; */
    border-color: #fff;
}

.t-disabled {
    background: 0 0
}

.t-highlighted {
    color: #3d7983
}

.t-highlighted.t-disabled {
    background: #fafafa;
}

.t-end,
.t-end-limit,
.t-start {
    color: #fff;
    background: #3d7983;
}

.t-range,
.t-range-limit {
    color: #000;
}

.t-range {
    background: #d6edf1;
}

.t-range-limit {
    background: #d1f0fc
}

.t-range-limit.t-end,
.t-range-limit.t-start {
    color: #fff;
    background: #89d9f8
}

.t-check-in .t-end,
.t-check-out .t-start,
.t-check-out tr~.t-end {
    color: #fff;
    background: #3d7983;
}

.t-hover-day,
.t-hover-day-content,
.t-hover-day:hover {
    color: #fff;
    background: #3d7983
}

.t-hover-day::after {
    border-color: #3d7983 transparent transparent
}

.t-today,
.t-today .t-hover-day-content {
    background: #3d7983;
}

.t-today::after {
    border-top-color: #aeaeae
}

.t-today:hover,
.t-today:hover .t-hover-day-content {
    background: #3d7983
}

.t-today:hover::after {
    border-top-color: #3d7983
}

.t-end.t-today,
.t-start.t-today {
    color: #fff
}

.t-end.t-today,
.t-end.t-today .t-hover-day-content,
.t-start.t-today,
.t-start.t-today .t-hover-day-content {
    background: #11b3f1
}

.t-end.t-today::after,
.t-start.t-today::after {
    border-top-color: #11b3f1
}

.booking-widget {
    background-color: #356397;
    padding: 5rem 0;
    margin: 0 0 2rem 0;
}

.widget__container {
    align-items: center;
    height: 80px;
    background-color: #fff;
    border: 3px solid #ccc;
    border-radius: 5px;
    width: 75%;
    margin: auto;
    padding: 0 1rem;
}

.widget__container .form-control {
    border: none;
    padding-left: 0;
    background: transparent;
}

.widget__container .form-control:focus {
    box-shadow: none
}

.widget__item {
    border-right: 1px solid #e0e0e0;
    padding-right: 1rem;
    position: relative;
}

.widget__item>label {
    font-size: .9rem;
    color: #aaa;
    margin: 0
}

.widget__container .search-input {
    height: 65px;
    position: relative;
    z-index: 1;
    background: transparent;
    padding: 2rem .5rem .3rem 0;
    border: none;
}

.widget__container .search-label {
    font-size: .9rem;
    color: #aaa;
    transition: .5s;
    position: absolute;
    bottom: 20px;
    left: 2px;
    z-index: 0;
}

.widget__container .search-label.shrink {
    transition: .3s;
    bottom: 37px;
}

.search-values {
    position: absolute;
    top: 69px;
    left: -15px;
    background-color: #fdfdfd;
    color: #333;
    min-height: 40px;
    max-height: 200px;
    width: 100%;
    overflow-y: scroll;
    z-index: 2;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
    border-top: none;
}

.search-values li {
    border-bottom: 1px solid #e6e6e6;
    display: block;
    padding: .8rem 1rem;
    cursor: pointer;
}

.search-values li span {
    margin-right: .8rem;
    color: #8aaba8;
    font-size: .9rem;
}

.search-values li:hover {
    background-color: #f6f6f6;
}


/*Room and Guest*/

.room-guest-dropdown {
    position: absolute;
    z-index: 2;
    width: 270px;
    left: -14px;
    top: 68px;
    background-color: #fdfdfd;
    color: #333;
    max-height: 375px;
    overflow-y: auto;
    display: none;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
    border-top: none;
}

.room-guest-dropdown.show {
    display: block;
}

.room-guest-item {
    border-bottom: 1px dashed #e4e4e4;
    padding: 1rem;
    text-align: center;
}


/*.room-guest-item:last-child{border-bottom: none}*/

.manage-guest,
.room-guest-count {
    display: inline-block;
    vertical-align: top;
}

.manage-guest {
    border: 1px solid #dadada;
    box-shadow: 0px 1px 4px #d2d2d2;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 1.5rem;
    border-radius: 50%;
}

.room-guest-count {
    margin: 0 2.5rem;
    text-align: center;
}

.room-guest-count span {}

.room-guest-count span:first-child {
    color: #989898;
    font-size: .8rem;
    display: block;
}

.manage-room,
.room-guest-action {
    padding: .6rem 1rem;
}

.manage-room a,
.room-guest-action a {
    display: inline-flex;
    width: calc(100%/2 - 3px);
    justify-content: center;
    padding: .4rem;
    font-size: .9rem;
    border-right: 1px solid #e2e2e2;
}

.manage-room a:last-child,
.room-guest-action a:last-child {
    border: none;
}

.manage-room a:hover,
.manage-room a:focus {}

.manage-room a.disable {
    opacity: .5;
    pointer-events: none;
}

.room-guest-action {
    background-color: #f6f6f6;
}

.item__dropdown--icon {
    transform: rotate(-90deg);
    font-size: 1rem;
    position: absolute;
    right: 15px;
    bottom: 7px;
    color: #aaa
}

.widget__search-btn {
    padding: .5rem 4rem;
    font-size: 1.2rem;
}


/*Custom scroolbar*/

.room-guest-dropdown::-webkit-scrollbar,
.search-values::-webkit-scrollbar {
    width: 7px;
}

.room-guest-dropdown::-webkit-scrollbar-track,
.search-values::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.room-guest-dropdown::-webkit-scrollbar-thumb,
.search-values::-webkit-scrollbar-thumb {
    background: #6b898c;
}

.room-guest-dropdown::-webkit-scrollbar-thumb:hover,
.search-values::-webkit-scrollbar-thumb:hover {
    background: #436469;
}


/*Override CSS*/

.widget__container .t-check-in,
.widget__container .t-check-out {
    width: 40%;
    border: none
}

.widget__container .t-dates {
    background-color: transparent;
    padding: 0;
}

.t-check-in .t-date-info-title,
.t-check-out .t-date-info-title {
    color: #333;
}

.widget__container .t-dates {
    height: 30px
}


/*Booking Widget ends*/


/*Added BY Lalatendu 14.03.2019*/

.citybox {
    height: 175px;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.citybox img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s;
}

.citybox:hover img {
    transform: scale(1.2);
}

.citybox .cmask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    transition: .5s;
}

.citybox:hover .cmask {
    background: rgba(0, 0, 0, 0.2);
}

.citybox .cmask a {
    display: block;
    color: #fff;
}

.citybox .cmask h3 {
    color: #fff;
    line-height: 2em;
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin-top: 40px;
}


/*Added BY Lalatendu 14.03.2019*/


/*Added BY Sabyasachi 26.02.2018*/

.notetxt {
    font-weight: 400;
    color: #000;
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
}


/*Added BY Sabyasachi 28.02.2018*/

#travelexp .hover img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#travelexp .hover,
#travelexp .hover .overlay {
    height: auto;
}

#travelexp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#travelexp .insta {
    height: 198px;
    overflow: hidden;
    margin-bottom: 30px;
}

#travelexp .insta img,
#travelexp .bigimg img {
    transition: .5s ease-in-out;
}

#travelexp .insta:hover img,
#travelexp .bigimg:hover img {
    transform: scale(1.1);
    cursor: default;
}

#travelexp .insta span {
    font-size: 27px;
    color: #fff;
    position: absolute;
    right: 24px;
    bottom: 13%;
    transition: 0.5s;
}

#travelexp .insta span a {
    color: #fff;
}

#travelexp .insta:hover span {}

.btn-red {
    background: #f6461d;
    color: #fff;
}

#travelexp .btn {
    margin: 40px 0px 0px 0px;
}

#travelexp .btnbox {
    text-align: center;
    width: 100%;
}

#travelexp .bigimg .hover .overlay {
    cursor: default;
}

#travelexp .bigimg {
    overflow: hidden;
    padding-bottom: 30px;
}

#travelexp .bigimg span {
    font-size: 27px;
    color: #fff;
    position: absolute;
    right: 26px;
    bottom: 7%;
    transition: 0.5s;
}

#travelexp .bigimg span a {
    color: #fff;
}

#travelexp .carousel-indicators {
    display: none;
}

.mt-40 {
    margin-top: 40px;
}

#html5-lightbox-box {
    margin-top: 100px!important;
}

.html5-elem-box {
    height: auto!important;
}


/*Autocomplete*/

.autocomplete {
    position: relative;
    display: inline-block;
}

.filter__item {
    position: relative;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    /* border-bottom: none; */
    border-top: none;
    z-index: 100;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
    position: relative;
}


/*when hovering an item:*/

.autocomplete-items div:hover {
    background-color: #e9e9e9;
}


/*when navigating through the items using the arrow keys:*/

.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.span-align-right {
    color: #ffffff;
    font-size: .7rem;
    position: absolute;
    right: 2px;
    top: 13px;
    background-color: var(--web-color4);
    padding: 0 3px;
    border-radius: 2px;
}

span.span-align-left {
    font-size: .9rem;
    display: block;
    width: 80%;
}


/*Social Icons Start*/


/*Contact Div Start*/

.contact-box {
    margin-top: 20px;
}

.contact-box ul li {
    float: left;
    margin-right: 6px;
    margin-top: 10px;
}

.contact-box ul li i {
    color: #757e88;
    border-radius: 50%;
    text-align: center;
    padding-top: 7px;
    font-size: 2em;
}

.contact-box h3 {
    font-size: 1.2em;
    text-transform: uppercase;
}

.contact-box .border-left {
    border-left: 1px dashed #ccc !important;
}

.location {
    margin-top: 60px;
}

.location h2 {
    font-size: 1.4em;
    text-transform: uppercase;
}

.any-help {
    margin-bottom: 20px;
}

.margin-t-b-120 {
    margin: 120px 0px;
}

.m-b-120 {
    margin-bottom: 120px;
}

.contactinformation {
    background: #103f6e;
    color: #fff;
    padding: 50px;
}

.contactinformation li {
    margin-bottom: 15px;
}

.contactinformation li i {
    font-size: 20px;
    margin-right: 15px;
}

.contactdiv h3 {
    font-weight: 300;
    font-size: 1.4em;
    margin: 0px 0px 20px 0px;
}

.contactreading {
    color: #fff;
    margin-bottom: 25px;
}

.contactreading h2 {
    font-size: 2.5em;
    margin: 0 0 10px 0;
    padding: 0;
}

#contact {
    position: relative;
}

.formdiv label {
    color: #a7a7a7;
}

.formdiv input[type="text"] {}

.formdiv txtarea {
    min-height: 200px;
}

.contactdiv {
    background: #fff;
    border: 1px solid #dee2e6;
}

.contactform {
    background: #fff;
    padding: 50px 40px 28px 40px;
}

.contactinformation h3 {}


/*Contact Div End*/


/* Wrapper */

.icon-button1 {
    background-color: white;
    display: grid;
    align-items: center;
    font-size: 1.3rem;
    margin: 0 .5em;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50px;
    height: 50px;
    border-radius: 45px;
    border: 2px solid #d76c34;
    background-position: initial;
    margin-right: -1px;
}

.icon-button1:first-child {
    /* border-left: 1px solid #e1e1e1; */
}


/* Circle */

.icon-button1 span {
    border-radius: 0;
    display: block;
    height: 0;
    /* left: 50%; */
    margin: 0;
    position: absolute;
    top: 0%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
}


/* .icon-button1:hover span {
    width: 100%; 
     height: 50px; 
    margin: -2.8rem;
} */


/* .twitter span {
    background-color: #4099ff;
}
.facebook span {
    background-color: #3B5998;
}
.google-plus span {
    background-color: #db5a3c;
}
.youtube span {
    background-color: #f00;
} */

.instagram span {
    background-image: -webkit-linear-gradient(left, #d55ba4 0%, #9a6ed0 100%), -webkit-linear-gradient(left, #d55ba4 0%, #9a6ed0 100%) !important;
}


/* .pinterest span {
    background-color: #cb2027;
}

.whatsapp span {
    background-color: #35b084;
} */


/* Icons */

.icon-button1 i {
    background: none;
    color: #d76c34;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#footer {
    margin: 30px 0 0 0;
}


/*Footer Section End*/


/*Inner Page Start*/

h1 {
    font-size: 36px;
    font-weight: 300;
    color: #6f6f6f;
    margin: 0px 0px 50px 0px;
    padding: 0px;
    line-height: 0
}

.h1:after {
    content: '';
    width: 70px;
    height: 3px;
    background: #f84525;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

#inner-banner {
    width: 100%;
    position: relative;
    height: 700px;
    overflow: hidden;
    background: #636363;
}

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

#inner-banner .logo img {
    height: 130px;
    transition: 0.5s;
    width: auto;
}

#welcome .ehover13:hover .overlay h3 {
    font-size: 2.2em;
    color: #00ffad;
    margin: 128px 0px 10px 0px;
    padding: 0px;
}

#welcome .ehover13:hover .overlay h2 {
    font-size: 4em;
    padding: 0;
    margin: 0px 0px 20px 0px;
}

.m-b-150 {
    margin-bottom: 150px;
}

#innercontent section {
    padding: 0px;
    position: relative;
    background: #fff;
}

#culturedetail .btn {
    padding: 5px 30px;
}

#innercontent.att h2 {
    margin: 35px 0px 20px 0px;
    font-weight: 300;
    color: #545353;
}


/*Fact File Scroll Start*/

#factfileslide {
    position: relative;
}

#factfile .carousel-control-prev,
#factfile .carousel-control-next {
    top: 58%;
    opacity: 1 !important;
    color: #ccc;
}


/*Fact File Scroll End*/

.heading-section {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.heading-section {
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
}

.heading-section h1 {
    font-weight: 300;
    margin-top: 60px;
    font-size: 2em;
}

.heading-section .heading {
    font-weight: 300;
    margin-top: 60px;
    font-size: 2em;
}

.heading-section .heading:after {
    content: '';
    width: 70px;
    height: 3px;
    background: #f84525;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.heading-section .btn {
    margin: 20px 0px;
}

.heading-section p {
    margin: 35px 150px 30px 150px;
}

.fileimg {
    height: 434px;
    overflow: hidden;
    /*margin-bottom: 30px;*/
    width: 100%;
    position: relative;
    border-radius: 4px;
}

.fileimg1 img {
    height: 100%;
}

.fileimg .ehover4 .info,
.ehover42 button.info {
    margin: -84px;
}

.fileimg .hover h2 {
    color: #fff !important;
    bottom: -67%;
    background: transparent;
    border-radius: 4px;
    padding-bottom: 80px;
}

.fileimg .hover h2:after,
.fileimg .hover h2:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.66) 100%, rgba(0, 0, 0, 0.11) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.66) 100%, rgba(0, 0, 0, 0.11) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.66) 100%, rgba(0, 0, 0, 0.11) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .77) 77%, rgba(0, 0, 0, .88) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.66) 100%, rgba(0, 0, 0, 0.11) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.66) 100%, rgba(0, 0, 0, 0.11) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c4000000', GradientType=0);
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 350%;
    z-index: -1;
}

.fileimg .hover h2 p {
    text-transform: initial;
    font-weight: 300;
    margin-bottom: .8em;
}

.fileimg .ehover4:hover .info p {
    display: block !important;
    font-weight: 300;
}

.fileimg .ehover4 .overlay {
    background-color: transparent !important;
    border-radius: 4px;
}

.fileimg .ehover4:hover .overlay {
    background-color: rgba(0, 0, 0, .5) !important;
}

.fileimg:hover .hover h2:after,
.fileimg .hover h2:before {
    background: transparent !important;
}

.fileimg .ehover4 .info,
.fileimg .ehover42 .info {
    text-transform: initial;
    width: 90%;
    padding: 20px 20px;
    border: 0;
}

.fileimg:hover .ehover4 {
    background: rgba(0, 0, 0, 0.5) !important;
}

.fileimg .overlay .btn {
    display: table;
    margin: 0 auto;
    margin-top: 30px;
}

.fileimg .hover .info:hover {
    box-shadow: none;
}

.cultureimg {
    width: 20%;
    height: 90px;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
    left: 0;
    float: left;
}

.culture li .btn {
    display: inline-block;
    padding: 3px 20px;
}

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

.culturecontent {
    display: inline-block;
    float: left;
}

.culture li p {
    margin-bottom: 5px;
}

.culture li {
    display: inline-block;
    margin: 0px 20px 15px 0px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    padding: 0px 0px 15px 0px;
    width: 100%;
}

.culture li:last-child {
    margin: 0;
    border: 0;
    padding-bottom: 0;
}

.cultureright {
    height: 420px;
    overflow: hidden;
    border-radius: 4px;
}

.cultureright img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.cultureright .ehover13:hover button,
.ehover13:hover h2 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin-top: 55px;
    font-size: 1.5em;
    line-height: 1.4em;
}

.culturecontent {
    display: inline-block;
    float: left;
    width: 75%;
}

.art-craft li a {
    display: block;
}

.artcraftimg {
    width: 111px;
    height: 160px;
    overflow: hidden;
}

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

.artcraftcontent {}

.art-craft li {
    margin: 0px 0px 35px 0px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 35px;
}

.art-craft li:last-child {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.artcraftright {
    height: 415px;
}

.artcraftright img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.artcraftcontent h3,
.about-culturediv h3 {
    font-size: 1.4em;
    color: #343434;
    font-weight: 400;
}

.artcraftright .ehover1 p {
    color: #fff;
}

#boyanika {
    background-image: url(../images/boyanikabg.png);
    margin: 80px 0px 0px 0px;
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-position: 100%;
    color: #fff;
}

#boyanika h1 {
    font-family: 'Rochester', cursive;
    font-size: 7.3em;
    font-weight: bolder;
    color: #fff;
    position: absolute;
    right: 182px;
    top: 148px;
}

#boyanika h1:after {
    display: none;
}

#boyanika span {
    position: absolute;
    right: 178px;
    top: 272px;
    font-size: 1.4em;
    font-weight: 400;
}

#boyanika .btn {
    position: absolute;
    right: 281px;
    top: 353px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

#boyanika .btn:hover {
    background: #fff;
    color: #000;
}

#cuisineinner img {
    width: 90%;
}

#cuisineinner h2 {
    color: #D00;
    font-size: 2em;
    font-weight: 300;
    margin-top: 64px;
}

#cuisineinner .btn {
    margin-top: 25px;
}

#inner-banner {
    position: relative;
}

#inner-banner:after {
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, .6), transparent);
    background: -ms-linear-gradient(180deg, rgba(0, 0, 0, .6), transparent);
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, .6), transparent);
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
}

#inner-banner .top-attractionheading {
    position: absolute;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 45%;
    color: #fff;
    text-align: center;
}

#inner-banner .top-attractionheading .bottomline img {
    width: 26%;
}

#inner-banner .top-attractionheading p {
    font-size: 1.8em;
    line-height: 132%;
    margin-top: 20px;
}

#inner-banner h3,
#inner-banner h4,
#inner-banner h2 {
    text-shadow: 2px 2px 2px #6b6464;
}

#inner-banner h2 {
    font-weight: 600;
    font-size: 2.8rem;
}

#inner-banner h3 {
    line-height: 105%;
    text-transform: capitalize;
    font-family: var(--heading-font);
    font-size: 2.5rem;
    letter-spacing: 2px;
}

#inner-banner h4 {
    margin: 0px;
    font-weight: 600;
    text-transform: uppercase;
}


/*Inner Page End*/


/*Inner menu Start*/

#inner-menu {
    display: none;
    padding: 10px 0px 76px 0px;
    border-top: 1px solid #7d7d7d;
    margin-top: -66px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    z-index: 9;
}

#inner-menu .dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition!important;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

#inner-menu .mainmenu a,
.navbar-default .navbar-nav>li>a,
.mainmenu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 1em;
    text-transform: capitalize;
    padding: 6px 12px;
    font-family: var(--text-font);
    display: block;
}

#inner-menu .mainmenu .collapse ul li ul li a {
    padding: 6px 8px;
}

#inner-menu .mainmenu .navbar-nav li a:hover {
    color: #000;
}

#inner-menu .mainmenu ul ul:hover li a {
    color: #000;
}

#inner-menu .mainmenu ul li ul li a:hover {
    color: #000 !important;
}

#inner-menu .mainmenu ul li a {
    border-radius: 30px;
    background: #fff;
    color: #000;
    position: relative;
}

#inner-menu .mainmenu ul li ul li a {
    border-radius: 0px;
    background: transparent;
}

#inner-menu .mainmenu ul li ul li a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#inner-menu .mainmenu .navbar-nav li {
    position: static;
    margin-right: 10px;
}

#inner-menu .mainmenu .navbar-nav li:hover a {
    color: #000;
}

#inner-menu .mainmenu .navbar-nav li:hover ul li a {
    color: #000;
}


/*==========Sub Menu=v==========*/

#inner-menu .mainmenu .collapse ul>li>li:hover>a {
    background: #4CAF50;
}

#inner-menu .mainmenu .collapse ul ul ul>li:hover>a {
    background: #4CAF50;
}

#inner-menu .mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
    background: none;
    display: block;
    top: 65px;
    /* padding-top: 30px; */
}

#inner-menu .mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
    background: #1E88E5
}

#inner-menu .mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
    background: #64B5F6
}

.bannerbottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.bannerbottom img {
    width: 100%;
    height: auto;
}

#inner-menu .dropdown-toggle::after {
    display: none;
}

#inner-menu .active .dropdown-toggle::after {
    display: inline-block !important;
    width: 0;
    height: 0;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    top: 36px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    left: 50%;
    margin-left: -15px;
}

#inner-menu .mainmenu .navbar-nav li ul li a:hover,
#inner-menu .mainmenu .navbar-nav li ul li a.active {
    color: #f00 !important;
}

#inner-menu .mainmenu .navbar-nav ul li a {
    position: relative;
}

#inner-menu .mainmenu .navbar-nav ul li a:after {
    content: '';
    width: 1px;
    background: #e1e1e1;
    height: 13px;
    position: absolute;
    right: -4px;
    top: 11px;
}

.fixedinnermenu .mainmenu .navbar-nav ul li a:after {
    top: 7px !important;
    content: '';
    width: 1px;
    background: #e1e1e1;
    height: 13px;
    position: absolute;
    right: 0px;
}

#inner-menu .mainmenu .collapse ul ul li:last-child a:after {
    display: none;
}


/******************************Drop-down menu work on hover**********************************/

#inner-menu .mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
}

#inner-menu .mainmenu .navbar-nav .ab:after {
    content: '';
    width: 40px;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fad211;
    top: 34px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
}

#inner-menu .mainmenu .navbar-nav .ab:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/*Inner menu End*/


/*FAQ Start*/

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f077";
    float: right;
}

.accordion .card-header.collapsed:after {
    content: "\f078";
}

.faq .card {
    background: none;
    border: 0px;
}

.faq .card-body {
    padding: 0px;
}

.faq .collapsed {
    background: #f7f7f7 !important;
    color: #000 !important;
}

.faq .card-header {
    margin-bottom: 5px;
    cursor: pointer;
    padding: 8px 16px;
    background: #7c6edc;
    color: #fff;
}

.faq .accordion .collapsed span {
    background: #c1c1c1;
    color: #000;
}


/*FAQ End*/


/*Navigatin Start*/

.accordion .card-header.collapsed:after {
    content: "\f078";
    background: #ccc;
    padding: 0px 5px;
}

*/ .faq .accordion .card-title span {
    display: inline-block;
    text-align: center;
    padding-top: 2px;
    margin-right: 10px;
    background: #f84525;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 0px 9px;
    position: relative;
}

.faq .accordion .card-title span::after {
    display: inline-block !important;
    width: 0;
    height: 0;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    top: 5px;
    width: 0;
    height: 0;
    right: -13px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #ffffff;
}

.faq .accordion .collapsed span::after {
    display: none !important;
}

.faq .card {
    background: none;
    border: 0px;
}

.faq .card-body {
    padding: 0px;
}

.faq .collapsed {
    background: #f7f7f7 !important;
    color: #000 !important;
}

.faq .card-header {
    margin-bottom: 5px;
    cursor: pointer;
    padding: 8px 16px;
    background: #f84525;
    color: #fff;
}

.faq .accordion .collapsed span {
    background: #c1c1c1;
    color: #fff;
    border: 1px solid #a9a8a8;
}


/*FAQ End*/


/*Navigatin Start*/

.breadcrumbdiv {
    width: 100%;
    position: relative;
    padding: 10px 0px;
    border-bottom: 1px solid #f5f5f5;
    background: #fff
}

.navigator .container {
    position: relative;
}

.navigator .breadcrumb {
    background: transparent;
    margin: 0;
    padding: 0;
    background: #e1e1e1;
    padding: 8px 10px;
    border-radius: 0;
    color: #151111;
}

.navigator .navigationcontent {
    position: absolute;
    bottom: -44px;
    left: 0;
    width: 100%;
}

.navigationcontent {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
    border-radius: 0;
}

.navigationcontent h1 {
    padding: 0px;
    color: #fff;
    font-size: 2em;
    margin: 0px 0px 30px 0px;
    text-align: left;
}

.navigationcontent h1:after {
    display: none;
}

.navigator .breadcrumb li a {
    margin-right: 5px;
    color: #03a7d8;
    font-size: 1.6em;
}

.navigator .breadcrumb li a:hover {
    color: #fff;
}

.breadcrumbdiv .breadcrumb {
    border-radius: 0;
    background: transparent;
    padding: 0;
    margin: 0;
}

.breadcrumbdiv .breadcrumb li:after {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #868e96;
    content: "/";
}

.breadcrumbdiv .breadcrumb li:last-child:after {
    display: none;
}

.breadcrumbdiv .breadcrumb li a {
    color: #b1b1b1;
    font-weight: 500;
}

.breadcrumbdiv .breadcrumb li a:hover {
    color: #8e8d8d;
}

.breadcrumbdiv .breadcrumb li:last-child {
    color: #000;
    font-weight: 500;
}

.breadcrumbdiv .breadcrumb li {
    font-weight: 500;
    color: #b1b1b1;
}


/* back btn */

.br-backbtn {
    color: #000;
    font-size: 1em;
    float: right;
    margin-left: 30px;
}

.br-backbtn i {
    color: #f84525;
    margin-right: 5px
}


/*Navigatin End*/


/*Front Back Button Inner Banner Start*/

.next-back {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px 0px;
    border-top: 1px solid #525252;
    background: rgba(0, 0, 0, 0.35);
}

.next-back,
.next-back a {
    color: #fff;
}

.next-back .previous:before {
    position: absolute;
    content: '';
}

.next-back i {
    color: #fff;
    top: -3px;
    position: relative;
    transition: 0.5s;
    font-size: 0.4em;
}

.next-back .next i {
    right: -10px;
}

.next-back .previous i {
    left: -10px;
}

.next-back .next:hover i {
    right: -20px;
}

.next-back .previous:hover i {
    left: -20px;
}

.next-back .next:hover i,
.next-back .previous:hover i,
.next-back .next:hover a,
.next-back .previous:hover a {
    color: #fad211;
}


/*Front Back Button Inner Banner End*/


/*Tender Start*/

.tender ul li {
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    margin-bottom: 15px;
    border-radius: 3px;
}

.tender ul li a i {}

.tender ul li h4 {
    color: #000;
}

.tender ul li .tdate {
    color: #636363;
    font-size: .9em;
    float: left;
    margin-right: 30px;
    margin: 10px 20px 0px 0px;
}

.tender ul li .tdate i {
    color: #f84525;
    margin-right: 5px;
}

.tender ul li .tdate span {
    font-weight: 500;
}

.tender ul li .tdate p {}

.divcounter {
    left: 0;
    color: #a1a1a1;
    width: 57px;
    font-weight: 600;
    font-size: 1.2em;
    padding: 14px 15px;
    margin-right: 0;
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 4px 0 0 4px;
    vertical-align: middle;
    text-align: center;
}

.divcounter span {
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    color: #000;
    border: 1px solid #d7d7d7;
}

.tenderdiv {
    padding-left: 56px;
    position: relative;
    border-color: #ededed;
    box-shadow: none;
}

.tenderdiv .tenderno {
    color: #636363;
    margin-bottom: 10px;
}

.tenderdiv h4 {
    color: #000;
    font-size: 1.3em;
    margin-bottom: 6px;
    margin-top: 20px;
}

.tenderdiv .tenderdate {
    color: #636363;
    font-size: .9em;
    margin-bottom: 15px;
    float: left;
    margin-right: 30px;
}

.tenderdate i {
    margin-right: 5px;
}

.tender h3 {
    margin: 20px 0px;
    font-size: 1.5em;
}

.tender .nav-tabs li {
    background: transparent;
    border: 0;
    margin: 0 0 6px 0;
}

.tender .nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
    background: #efefef;
}

.tender .nav-tabs>li>a {
    padding: 10px 20px;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.tender .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.tendercontent {
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.tendercontent.archive:before {
    content: 'Archived';
    background: #d7d7d7;
}

.tendercontent.active:before {
    content: 'Active';
    background: #f84525;
    color: #fff;
}

.tendertxt {
    padding: 0 0px 15px;
}

.downloadlist a {
    color: #ffbcb0;
    font-size: 1.3em;
    display: inline-block;
    margin-left: 5px;
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    float: left;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 6px 12px;
    border: 1px solid #f84525;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 10px;
    font-weight: 600;
    background: #ff6246;
    color: #fff;
}

.downloadlist.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ef3d1e;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
    color: white;
}

.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.tendercontent:before {
    position: absolute;
    font-weight: 600;
    padding: 0 25px;
    transform: rotate(45deg);
    right: -30px;
    z-index: 9;
}

.tendercontent:before {
    text-align: center;
    top: 20px;
    width: 120px;
}

.page-link:hover {
    z-index: 2;
    color: #f84525;
    text-decoration: none;
    background-color: #ffedea;
    border-color: #f84525;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #f84525;
    background-color: #fff;
    border: 1px solid #ffcbc2;
}

.page-item.active .page-link {
    background-color: #f84525;
    border-color: #f84525;
}

.page-item.disabled .page-link {
    background-color: #fff;
    border: 1px solid #ffcbc2;
}

.readmore {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: .3s;
    border-radius: 30px;
    border: 1px solid #c73014;
    background: #f84525;
}

.greybtn,
.readmore {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 20px;
    font-size: 1em;
}

.readmore,
.readmore:active,
.readmore:focus,
.readmore:hover {
    color: #fff;
}

.readmore,
body {
    /* position: relative; */
}

.greybtn {
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    color: #000;
    border-radius: 30px;
    border: 1px solid #d8d8d8;
    background: #fff;
}

.greybtn,
.readmore {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 20px;
    font-size: 1em;
    margin: 4px 2px;
}

.tendersearch {
    margin: 20px 0px;
}


/*Tender End*/


/* Trail Tours Section Start*/

#trailrours {
    background-image: linear-gradient(#477fa4, #4981a6);
    /* position: relative; */
    z-index: 2;
    /* padding-bottom: 30px; */
    background: #4981a6 url(../images/trailtours.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.tourdetails {
    position: relative;
}

.roadbg {
    background-image: url(../images/roadbg.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    margin-top: 40px;
    height: 119px;
    width: 100%;
}

.roadbg .locationname {
    display: block;
    margin-bottom: 6px;
    color: #fff;
}

.tourpoint1 {
    position: relative;
    top: 52px;
    left: -1px;
}

.tourpoint1 .locationname {
    margin-left: -20px;
}

.tourpoint1spot {
    width: 35px;
    height: 35px;
    background: #fb72f4;
    border: 5px solid #fff;
    border-radius: 50%;
    position: relative;
    transition: 0.5s;
}

.tourpoint1spot:hover {
    background: #fff;
    border-color: #fb72f4;
}

#trailrours .selectbox {
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 9;
}

#trailrours .selectbox select {
    width: 100%;
    padding: 7px 32px 7px 0px;
    outline: none;
    border: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border-radius: 0;
    background: transparent;
    border-bottom: 0.5px solid #fff !important;
    /* font-weight: 100 !important; */
    color: #fff !important;
    overflow: hidden;
}

#trailrours .custom-select {
    padding: 0;
    border: 0;
    border-radius: 30px;
    background: none
}

.custom-dropdownhome::after {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    height: 16px;
    font-size: 1.5em;
    line-height: 1;
    right: 20px;
    top: 37%;
    margin-top: -8px;
    width: 16px;
    color: #fff;
    z-index: -1
}

.custom-dropdownhome option {
    background: #ffffff !important;
    color: #000 !important;
}

#trailrours .custom-select select {
    display: none;
    /*hide original SELECT element:*/
    border-radius: 30px;
    width: 78% !important;
    overflow: hidden !important;
}

#trailrours .select-selected {
    background-image: linear-gradient(to right, #96bc95 60%, #5aafc3);
    border-radius: 30px;
}


/*style the arrow inside the select element:*/

#trailrours .select-selected:after {
    position: absolute;
    content: "";
    background-image: url(../images/select-down-white.png);
    height: 16px;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -8px;
    width: 16px;
}


/*point the arrow upwards when the select box is open (active):*/

#trailrours .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
}


/*style the items (options), including the selected item:*/

#trailrours .select-items div,
.select-selected {
    color: #ffffff;
    padding: 6px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

#trailrours .select-items {
    position: absolute;
    background-image: linear-gradient(to right, #96bc95 60%, #5aafc3);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

#trailrours .select-hide {
    display: none;
}

#trailrours .select-items div:hover,
#trailrours .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.tourpoint3 {
    position: absolute;
    top: 84px;
    left: 296px;
}

.tourpoint3spot {
    width: 35px;
    height: 35px;
    background: #7869bc;
    border: 5px solid #fff;
    border-radius: 50%;
    transition: 0.5s;
}

.tourpoint3spot:hover {
    background: #fff;
    border-color: #7869bc;
}

.tourpoint3spot.active,
.keonjharspot.active:hover {
    background: #fff;
    border-color: #7869bc;
}

.tourpoint5 {
    position: absolute;
    top: 17px;
    right: 513px;
}

.tourpoint5 .locationname {
    margin-left: -9px;
}

.tourpoint5spot {
    width: 35px;
    height: 35px;
    background: #ff7372;
    border: 5px solid #fff;
    border-radius: 50%;
    transition: 0.5s;
}

.tourpoint5spot:hover {
    background: #fff;
    border-color: #ff7372;
}

.tourpoint6 {
    position: absolute;
    left: 150px;
    top: 72px;
}

.tourpoint6 .locationname {
    margin-left: -9px;
}

.tourpoint6spot {
    width: 35px;
    height: 35px;
    background: #e8c207;
    border: 5px solid #fff;
    border-radius: 50%;
    transition: 0.5s;
}

.tourpoint6spot:hover {
    background: #fff;
    border-color: #e8c207;
}

.tourpoint7 {
    position: absolute;
    right: 385px;
    top: 75px;
}

.tourpoint7spot {
    width: 35px;
    height: 35px;
    background: #07c9e8;
    border: 5px solid #fff;
    border-radius: 50%;
    transition: 0.5s;
}

.tourpoint7spot:hover {
    background: #fff;
    border-color: 07c9e8;
}

.tourpoint4 {
    position: absolute;
    top: 20px;
    right: 203px;
}

.tourpoint4spot {
    width: 35px;
    height: 35px;
    background: #f78e57;
    border: 5px solid #fff;
    border-radius: 50%;
    transition: 0.5s;
}

.tourpoint4spot:hover {
    background: #fff;
    border-color: #f78e57;
}

.tourpoint2 {
    position: absolute;
    top: 45px;
    right: 0px;
    z-index: 9;
}

.tourpoint2spot {
    width: 35px;
    height: 35px;
    background: #13a773;
    border: 5px solid #fff;
    border-radius: 50%;
    transition: 0.5s;
}

.tourpoint2spot:hover {
    background: #fff;
    border-color: #13a773;
}

.locationdiv {
    background: #fff;
    padding: 32px 30px 30px 30px;
    border-radius: 10px;
    position: absolute;
    width: 900px;
    display: none;
}

.locationdiv h2 {
    font-weight: 400;
    font-size: 1.5em;
}

.locationdiv:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    top: -15px;
}

.locationdiv h3 {}

.active .locationdiv {
    display: block !important;
}

.locationdivimg {
    height: 200px;
    overflow: hidden;
}

.locationdivimg img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.tourpoint1 .locationdiv {
    top: 100px;
}

.tourpoint3 .locationdiv {
    top: 110px;
    left: -50px;
}

.tourpoint5 .locationdiv {
    top: 170px;
    left: auto;
    right: -440px;
}

.tourpoint6 .locationdiv {
    top: 112px;
    left: -46px;
}

.tourpoint7 .locationdiv {
    top: 106px;
    right: -222px;
}

.tourpoint7 .locationdiv:after {
    right: 232px;
}

.tourpoint5 .locationdiv:after {
    right: 450px
}

.tourpoint4 .locationdiv {
    top: 153px;
    left: auto;
    right: -26px;
}

.tourpoint4 .locationdiv:after {
    right: 20px
}

.tourpoint2spot .locationdiv {
    top: 135px;
    left: auto;
    right: 0px;
}

.tourpoint2spot .locationdiv:after {
    right: 20px
}

.tourpoint3 .locationdiv:after {
    left: 52px;
}

.tourpoint6 .locationdiv:after {
    left: 49px;
}

.tour-distance {
    color: #fff;
    position: absolute;
    width: 70px;
    left: -100px;
    font-size: 0.8em;
    top: -18px;
}

.tourpoint1 .tour-distance {
    left: 38px;
    top: 7px;
}

.tourpoint3 .tour-distance {
    left: -72px;
    top: 16px;
}

.tourpoint4 .tour-distance {
    left: -100px;
    top: 19px;
}

.tourpoint5 .tour-distance {
    left: -131px;
    top: 45px;
}

.tourpoint6 .tour-distance {
    left: -80px;
    top: -3px;
}

.tourpoint7 .tour-distance {
    left: -61px;
    top: -41px;
}


/* Trail Tours Section End*/

.fixedinnermenu {
    background: #fff !important;
    position: fixed !important;
    width: 100%;
    top: 130px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
    padding: 15px 0px !important;
    border-top: 0 !important;
}

.fixedinnermenu .dropdown a {
    color: #000 !important;
}

.fixedinnermenu .dropdown-menu a {
    color: #000 !important;
}

.fixedinnermenu .num {
    display: none !important;
}

.fixedinnermenu #inner-menu .mainmenu a,
.fixedinnermenu .navbar-default .navbar-nav>li>a,
.fixedinnermenu .mainmenu ul li a {
    display: none;
    padding: 0px 6px !important;
}

.fixedinnermenu #inner-menu .mainmenu .collapse ul ul,
.fixedinnermenu .mainmenu .collapse ul ul.dropdown-menu {
    top: 0px !important
}


/*Detail Culture Section Start*/

.cultureimgdiv {
    padding-right: 50px;
}

.cultureimgdiv span {
    font-size: 1.2em;
    line-height: 135%;
    font-weight: 400;
    display: block;
    color: #000;
}

.cultureimgdiv li::before {
    content: "\2022";
    color: var(--web-color3);
    display: inline-block;
    font-size: 2em;
    position: absolute;
    margin-left: -22px;
    top: 0;
}

.cultureimgdiv img {
    width: auto;
}

.culturelink {}

.culturelink li {
    /* margin: 0px 0px 35px 0px; */
}

.culturelink li:after {
    /* right: 45px;
    content: '';
    position: absolute;
    width: 1px;
    top: 20px;
    bottom: 0px;
    background: #e2e2e2; */
}

.culturelink li.noBorder:after {
    /* right: 45px;
    content: '';
    position: absolute;
    width: 1px;
    top: 20px;
    bottom: 0px;
    background: #fff; */
}

.keynoteUpdateSoon {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    /* text-shadow: 2px 3px 4px #ddd; */
    background: #f2f2f2;
    padding: 40px 0px 20px;
    border-radius: 4px;
}

.knowMore:hover{
    background: #7670b3;
    transition: .3s;
}


/* .note {
    margin-bottom: 3rem;
} */

.note strong {
    color: #ad67c2;
}

.note span {
    font-size: 12px;
    color: #d55ba4
}

.ageGroup {
    margin-top: -10px;
    margin-left: 15px;
}

.regHeading::after {
    content: '';
    width: 60px;
    height: 1.5px;
    background: #d55ba4;
    position: relative;
    display: block;
    /* margin: 0 auto; */
    /* margin-top: 10px; */
}

.packageof{
    position: relative;
    color: #fff;
    margin-left: 2px;
    font-size: 15px;
    width: fit-content;
    font-weight: bold;
    padding: 5px 24px 3px 8px;
    line-height: 100%;
    background: #9e6cce;
    border-radius: 5px 0px 0px 5px;
} 

.packageof::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 15px solid #fff;
    top: 0;
    right: -1px;
}

.lineStyle small {
    line-height: 1.5;
}

.borderRight {
    border-right: 1px solid #ddd;
}  

.package {} 

.package p:first-child {
    color: #ad67c2;
    font-weight: bold;
    letter-spacing: 0.5;
    word-wrap: break-word;
}

.orangeShade{
    background: #f58220;
}

.blueShade{
    background: #249dd6
}

.package ul li:last-child {
    margin-bottom: 0px;
}

.cultureimgdiv i {
    font-size: 2em;
    color: var(--web-color3);
}

.culturelink li:nth-child(3n):after {
    display: none;
}

.culturelink ul li:after {
    width: 0px;
}

.culturelink li li a {
    color: #3a3a3a;
}

.culturelink li li a:hover {
    color: #f00;
}

.culturelink li li {
    padding: 0 20px;
    margin: 5px 0px 10px 0px;
    position: relative;
    line-height: 135%;
}

.inclusion-bg {
    background: #f2f2f2;
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: 2rem;
}

.essential-content {
    padding: 40px 40px 0px 40px;
}

.printdiv a {
    display: inline-block;
}

.printdiv a.print {
    color: #000;
}

.printdiv a.email {
    color: #1e41eacc;
}

.printdiv a.pdf {
    color: #f00;
}

.printdiv .btn {
    padding: 5px 30px;
}

[class^="hvr-"] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}


/*Detail Culture Section End*/


/*Comment Section End*/


/*#comment{margin: 100px 0px 0px 0px;}*/

#comment li span {
    background: #f0f1f3;
    display: block;
    position: relative;
    border-radius: 10px;
    padding: 20px 25px;
}

#comment li span:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #f0f1f3;
    left: -15px;
}

#comment li p {
    margin: 0px;
}

#comment li {
    width: 100%;
    font-size: 0.9em;
    line-height: 152%;
}

#comment li input[type="text"] {
    width: 100%;
    border-radius: 30px;
    border: 1px solid #ccc;
    padding: 10px 20px;
    background: #f0f1f3;
    outline: none;
}

#comment li input::placeholder {
    opacity: 0.7;
    font-size: 1.2em;
}

#comment li h6 {
    color: #2978ba;
    font-weight: 400;
}

.personnamebox {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    padding-top: 9px;
    font-weight: 400;
    font-size: 1.2em;
}

.commmentresult {
    position: relative;
}

.commmentresult a,
.commmentresult span {
    color: #a6bfbb;
}

.commmentresult a:hover {
    color: #638e87;
}

.commentdiv {
    display: none;
    font-size: 0.9em
}

.blog-comments:hover .commentdiv {
    padding: 20px;
    display: block;
    position: absolute;
    background: #f3f3f3;
    padding: 20px;
    border-radius: 2px;
    border: 1px solid #e0dede;
    width: 100%;
    top: 50px;
    z-index: 99;
}

.commentdiv:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #f3f3f3;
    top: -15px;
    position: absolute;
    left: 50%;
    margin-left: -80px;
}

.commentdiv li h6 {
    color: #2978ba;
    font-weight: 400;
    margin-bottom: 0.2em;
}

.commentdiv li p {
    margin: 0px;
    line-height: 140%;
}

.commentdiv li {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.commentdiv li:last-child {
    margin: 0px;
    border: 0px;
}

.commentdiv img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.commentboxdiv {
    position: absolute;
    width: 100%;
    top: -152px;
    display: none;
    z-index: 9;
}

.commnetboxhead {
    position: relative;
}

.commentboxdiv input {
    background: #fff !important;
    width: 100%;
    height: 160px;
    border-radius: 5px !important;
    border: 1px solid #e1e1e1 !important;
    padding: 20px !important;
}

.commentboxdiv input::placeholder {
    color: red;
    opacity: 1;
    position: absolute;
    top: 20px;
    left: 20px;
}


/*Comment Section End*/


/*Blog Page Section End*/

.blogmonth {
    font-size: 1.4em;
    font-weight: 400;
}

.blogyear {
    font-size: 1.2em;
    font-weight: 300;
    position: relative;
    margin-bottom: 15px;
}

.blogyear:after {
    position: absolute;
    content: '';
    height: 3px;
    background: #e4e4e4;
    width: 42px;
    bottom: -4px;
    left: 0;
}

.blogdate {
    font-size: 2.2em;
    font-weight: 400;
}

.blog-img {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    height: 300px;
}

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

.theme-img {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    height: 350px;
}

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

.blogdiv a {
    color: #0873ce;
}

.blog-img {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    height: 300px;
}

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

#blog h5 {
    font-size: 1.5em;
    font-weight: 300;
}

#blog .blogger-name {
    margin-bottom: 1em;
}

#blog .blog-readmore {
    text-align: right;
}


/*Blog Page Section End*/


/*Tour Section Start*/

.toursearch select {
    border-radius: 30px;
    border: 1px solid #ccc;
    outline: 0;
    padding: 20px;
}


/* Custom dropdown */

.custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    /* demo only */
    width: 100%;
    /* border-radius: 30px; */
    /* overflow: hidden; */
}

.custom-dropdown select,
.filterdiv input[type="text"] {
    font-size: inherit;
    padding: 0.3em 0.3em 0.3em 1.3em;
    border: 1px solid;
    height: 36px;
    margin: 0;
    -webkit-appearance: button;
    /* hide default arrow in chrome OSX */
    width: 100%;
    border-color: #d55ba4 #9a6ed0 #d55ba4 #9a6ed0;
    border-radius: 5px !important;
    color: #616161;
    background-color: #fff;
}

.custom-dropdown::before,
.custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.custom-dropdown::after {
    /*  Custom dropdown arrow */
    content: "\f107";
    height: 16px;
    font-size: 1.2em;
    line-height: 1.5;
    right: 12px;
    top: 14%;
    width: 16px;
    position: absolute;
    font-family: 'FontAwesome';
    color: #af67c1;
}

.custom-dropdown::before {
    /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0px 22px 22px 0px;
}

.custom-dropdown select[disabled] {
    color: rgba(0, 0, 0, .3);
}

.custom-dropdown select[disabled]::after {
    color: rgba(0, 0, 0, .1);
}


/*added by MRD*/


/*Overriding Choosen.css*/

.chosen-container-multi .chosen-choices,
.chosen-container-single .chosen-single {
    height: 36px !important;
    border-color: #d55ba4 #9a6ed0 #d55ba4 #9a6ed0 !important;
    border-radius: 5px !important;
    padding: .3rem 0 .4rem 1rem !important;
    font-size: 1rem;
    color: #616161 !important;
}


/*End*/

.searchwhere span,
.searchwhere span a {
    font-size: 1.1em;
    font-weight: 500;
    color: #f84525;
}

.visithour.bg-secondary {
    background: #ebebeb !important;
    border-radius: 5px;
}

.visithour p {
    margin-bottom: 0px;
}

.btn-gradient {
    background-image: -webkit-linear-gradient(left, #d55ba4 0%, #9a6ed0 100%), -webkit-linear-gradient(left, #d55ba4 0%, #9a6ed0 100%) !important;
    color: #fff;
}

.btn-gradient:focus {
    color: #fff;
}

.btn-gradient-border {
    border-color: #dc3545;
    border-top: 1px solid #9a6ed0;
    border-top: 1px solid #d55ba4;
    border-radius: 30px;
    border-top: 1px solid #d55ba4;
    border-bottom: 1px solid #9a6ed0;
    background-image: linear-gradient(#d55ba4, #d55ba4), linear-gradient(#d55ba4, #9a6ed0);
    background-size: 1px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.btn-gradient-border:hover,
.btn-gradient-border:focus {
    color: #fff;
}

.btn-gradient-border.hvr-rectangle-out:before {
    background-image: -webkit-linear-gradient(left, #9a6ed0 0%, #d55ba4 100%), -webkit-linear-gradient(left, #9a6ed0 0%, #d55ba4 100%) !important;
}

.btn-gradient.hvr-rectangle-out:before {
    background-image: -webkit-linear-gradient(left, #9a6ed0 0%, #d55ba4 100%), -webkit-linear-gradient(left, #9a6ed0 0%, #d55ba4 100%) !important;
}

#tour .hvr-rectangle-out:hover {
    color: #fff !important;
}


/*Tour Section End*/


/*Events Section Start*/

#events .card-body {
    padding: 0;
}

#events .card {
    border-radius: 0px;
}

#events .card img {
    border-radius: .25rem;
}


/*Events Section Start*/


/*Tour Activities Start*/

#touractivities li {}

.buttontab .btnbggradient h5 {
    font-weight: 400;
    font-size: 1em;
    padding: 0;
    margin: 0px;
}

.buttontab .btnbggradient img {
    display: block;
    width: auto;
    margin: 0 auto;
    margin-bottom: 15px;
}

.buttontab .btnbggradient a {
    color: #fff;
    background-color: #d55ba4;
    background-image: linear-gradient(to bottom right, #d55ba4 40%, #9b6dd0 100%) !important;
    padding: 25px 15px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    display: block;
}

.icon-know-more .path3:before,
.icon-know-more .path1:before,
.icon-know-more .path2:before {
    color: #fff !important;
}

.buttontab .btnbggradient a:hover {
    background: #fff !important;
    color: #000;
}

.buttontab .btnbggradient a:hover:after {
    content: '';
    height: 3px;
    background-image: linear-gradient(to right, #d55ba4 40%, #9b6dd0 100%) !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    border-radius: 0px 0px 4px 4px;
}

.grborderbtn {
    border-top: 1px solid #FFFF00;
    border-top: 1px solid #d55ba4;
    border-radius: 30px;
    border-top: 1px solid #d55ba4;
    border-bottom: 1px solid #9a6ed0;
    padding: 7px 20px;
    background-image: linear-gradient(#d55ba4, #d55ba4), linear-gradient(#d55ba4, #9a6ed0);
    background-size: 1px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.grborderbtn:hover {
    background-image: -webkit-linear-gradient(left, #d55ba4 0%, #9a6ed0 100%), -webkit-linear-gradient(left, #d55ba4 0%, #9a6ed0 100%) !important;
    background: #9a6ed0;
    color: #fff;
}


/*Tour Activities End*/

#BtnLInk .buttontab .btnbggradient a {
    padding: 15px 15px;
}


/*Testimonial Start*/

#testimonial .card {
    position: relative;
    border-radius: 4px 60px 60px 60px;
    padding: 30px 60px 30px 60px;
}

#testimonial .carousel-control-prev,
#testimonial .carousel-control-next {
    opacity: 0.3;
    color: #000;
    width: max-content;
    position: absolute;
    font-size: 3em;
    top: 145px;
}

#testimonial .carousel-control-next {
    right: 47%;
}

#testimonial .carousel-control-prev {
    left: 47%;
}

#testimonial .blockquote-footer {
    display: block;
    font-size: 80%;
    color: #ff0000;
    position: absolute;
    right: 0%;
    bottom: -23px;
}


/*Blog Search Filter Start*/

.filterdiv {
    display: none;
}

.ShowFilter a {
    position: relative;
    padding: 10px 40px 10px 20px;
    border: 1px solid #e1e1e1;
    color: #f6461d;
    display: inline-block;
    border-bottom: 0;
}

.ShowFilter a:after {
    content: '\f13a';
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    font-size: 1.2em;
}

.showsearch.arwup:after {
    content: '\f139';
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
}

.filterdiv {
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding: 20px;
    border-top: 0;
}

.filterdiv .input-group-addon {
    position: absolute;
    right: 13px;
    top: 7px;
    z-index: 9;
    color: #c166c1;
}

.filterdiv .border-radius {
    border-radius: 30px !important;
}

.filterdiv .border-radius,
.filterdiv .custom-dropdown {
    margin-bottom: 0;
}


/*Added by MRD*/

.sortby {
    margin: 15px 0px;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 10px;
}

.sortby li {
    margin: 0 .2rem .5rem 0;
    display: inline-block;
}

.sortby li:first-child {
    border: none;
    font-weight: bold;
}

.sortby li a {
    border: 1px solid #ccc;
    border-radius: 45px;
    padding: .3rem 1.5rem;
    display: block;
    font-size: .9rem
}

.sortby li a:hover,
.sortby li a:focus {
    border-color: #f6461d;
    color: #f6461d
}

.sortby li a.active {
    color: #fff;
    background: #f6461d;
    border-color: #f6461d;
}


/*Ends*/

.ShowFilter {
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    z-index: 1;
}

.filterdiv select {
    border-radius: 30px;
}

.filterdiv select:focus,
.filterdiv input[type="text"] {
    box-shadow: none;
    outline: none;
}

.mt-30 {
    margin-top: 30px;
}


/*Blog Search Filter Start*/


/*.card {margin: 0 auto;}
.card .carousel-item {height: 140px;}
.card .carousel-caption {
padding: 0;
right: 0;
left: 0;
color: #3d3d3d;}
.card .carousel-caption h3 {
color: #3d3d3d;
}
.card .carousel-caption p {
line-height: 30px;
padding: 0px 31px;
}*/

.navi a {
    text-decoration: none;
}

a>.ico {
    background-color: grey;
    padding: 10px;
}

.card .carousel-caption p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    right: 0;
    margin-right: 10px;
    position: absolute;
    bottom: 13px;
    font-size: 2em;
    color: #eaeaea;
}

.card .carousel-caption p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 0;
    font-size: 2em;
    color: #eaeaea;
}


/*Testimonial End*/

.toursearch .btn {
    padding: 8px 30px;
}


/* Social Wall */

#socialwall .media-con {
    height: auto;
    position: relative;
}

.instaicon {
    font-size: 27px;
    color: #fff;
    position: absolute;
    right: 25px;
    bottom: 10px;
    transition: 0.5s;
}

.instauser>img {
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 10px 0 0;
}

.instauser small {
    display: block;
    line-height: 10px;
}

.insta-textbg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.54);
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: all .2s linear;
}

.insta-textbg i {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40px;
    font-size: 2rem;
}

#socialwall .media-con:hover .insta-textbg {
    opacity: 1;
}


/* Social Wall end*/

.snext {
    position: absolute;
    right: -70px;
}

.sprev {
    position: absolute;
    left: -70px;
}

.snext,
.sprev {
    top: 40%;
}

.sprev i:hover,
.snext i:hover {
    color: #000 !important;
}

.sprev i,
.snext i {
    color: #7b7b7b !important;
    font-size: 3em;
    cursor: pointer;
}

#logoscroll img {
    border-right: 1px solid #ccc;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.implinks1 {
    border: 2px solid #01bff3;
    border-radius: 42px;
    width: 100%;
    text-align: center;
}

.btnbggradient i {
    font-size: 3em;
    margin-bottom: 15px;
    display: block;
}

.btnbggradient:hover i {
    background: linear-gradient(to right, #d55ba4 0%, #9a6ed0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*Eco Tour Blog Start*/

.ecotourblog {
    box-shadow: 0px 0px 4px #ccc;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.ecotourblog ul li {
    display: inline-block;
}

.ecotourblog h5 {
    font-weight: 400;
    font-size: 1em;
}

.ecotourblog.redheading h5 {
    color: #f6461d;
}

.ecotourblog .blogimglink {
    padding: 5px 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 15;
}

.ecotourblog.redheading .blogimglink {
    background: #f6461d;
}

.ecotourblog.redheading .blogimglink:hover {
    background: #ce0202;
}

.ecotourblog.redheading li a:hover {
    color: #f6461d;
}

.ecotourblog.blueheading h5 {
    color: #2778ba;
}

.ecotourblog.blueheading li a:hover {
    color: #2778ba;
}

.ecotourblog.blueheading .blogimglink {
    background: #2778ba;
}

.ecotourblog.blueheading .blogimglink:hover {
    background: #1b65a0;
}

.ecotourblog ul li ul li {
    display: block;
}

.ecotourblog .quicklink li a {
    text-decoration: underline !important;
}

.tourblogimg {
    height: 190px;
    overflow: hidden;
}


/*Eco Tour Blog Start*/


/*Lalatendu Sarangi*/

.list2 {
    text-align: center;
}

.list2 li {
    display: inline-block;
    width: 25%;
}

.list2 li:before {
    display: none!important;
}

.list2 li a {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 10px;
    height: 120px
}

.list2 li a>img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.list2 li a>label {
    display: block;
    transition: .2s;
    background: #333333;
    color: #fff;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.list2 li a:hover>label {
    background: #f84525;
    color: #fff;
}


/*Lalatendu Sarangi*/

.list li {
    margin-bottom: 8px;
}

.list li a {
    color: #d814c0;
}

.list li ul {
    padding-left: 30px;
}

.list li:before {
    display: inline-block;
    font-family: FontAwesome;
    content: "\f105";
    margin-right: 10px;
    line-height: 89%;
    color: #000;
    font-size: 1.3em;
}

.list1 li {
    margin-bottom: 8px;
}

.list1 li a {
    color: #d814c0;
}

.list1 li a:hover {
    text-decoration: underline !important;
}

.list1 li ul {
    padding-left: 30px;
}

.list1 li:before {
    display: inline-block;
    font-family: FontAwesome;
    content: "\f105";
    margin-right: 10px;
    background: linear-gradient(to right, #bf0b77 0%, #5f1bb1 100%)!important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-size: 1.3em;
}

.h2 {
    font-size: 2.2em;
    font-weight: 300;
    border-left: 3px solid #000;
    padding-left: 23px;
    color: #000;
    line-height: 114%;
    margin: 25px 0px 15px 0px;
}

.h2 strong,
.h3 strong,
.h4 strong {
    font-weight: 900;
}

.h3 {
    font-size: 1.5em;
    font-weight: 500;
    /* border-left: 3px solid #000; */
    /* padding-left: 23px; */
    color: #383838;
    line-height: 114%;
    margin: 25px 0px 15px 0px;
}

.h4 {
    font-size: 1.4em;
    font-weight: 300;
    color: #000;
    line-height: 114%;
    margin: 25px 0px 15px 0px;
}

.h5 {
    font-size: 1.4em;
    font-weight: 300;
    border-left: 3px solid #000;
    padding-left: 23px;
    color: #000;
    line-height: 114%;
    margin: 25px 0px 15px 0px;
}

.h2,
.h3,
.h4,
.h5 {
    display: -webkit-box;
}

.w-40 {
    width: 40px;
}

.pdf a i {
    background: linear-gradient(to right, #bf0b77 0%, #5f1bb1 100%)!important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 1.2em;
}

.pdf a:hover i {
    color: #000 !important;
}

.highlight {
    /* background: #f9f9f9; */
    font-size: 1.2em;
    margin: 20px 0px;
    /* display: -webkit-box; */
    /* text-align: justify; */
    /* border-left: 3px solid #a332c1; */
    /* padding: 20px; */
    font-weight: 400;
    /* line-height: 150%; */
    /* font-style: italic; */
    color: #383838;
}

.ehover13 {
    height: 530px;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 20px;
}

.ehover13 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* border-radius: 6px; */
}

.quicklink a {
    color: #307dd8 !important;
}

.quicklink a:hover {
    color: #054998 !important;
}

.map-div {
    height: 400px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 12px;
}

.location-link>li a {
    padding: 7px 0;
    display: block;
    color: #333;
}

.location-link>li a:after {
    content: '';
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    right: 15;
    font-size: 1.2em;
    color: #b7b7b7;
    background: #fff;
    padding: 0px 5px;
    line-height: 100%;
}

.location-link>li:hover a:after {
    color: #000;
}

.location-link>li a .media>img {
    width: 60px;
}

.location-blogbg {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 0px 6px 6px 6px;
}

.ecotourbox h5 {
    background: #f5f5f5;
    width: -wrebkit-fit-content;
    width: -moz-fit-content;
    width: -0-fit-content;
    width: -ms-fit-content;
    width: fit-content;
    padding: 15px 20px 10px 20px;
    border-radius: 6px 6px 0px 0px;
    margin: 0;
    font-size: 1.5em;
    font-weight: 800;
}

.neardestination {
    color: #000;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    display: block;
}

.neardestination i {
    margin-right: 6px;
}

.location-blogbg i {
    font-size: 0.8em;
}

.location-blogbg h4 {
    color: #000;
}


/*Bikash Ecotour Stay*/

.location-details {
    background: #ffffff;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    border: #e6e6e6 1px solid;
}

.location-details .image-div {
    position: relative;
    height: 220px;
    overflow: hidden;
    border-radius: 3px 0px 0px 3px;
}

.location-details .image-div img {}

.location-details .image-div span {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: inline-block;
    background: #f6461d;
    padding: 10px 15px;
    color: #fff;
}

.location-details h4 {
    color: #727272;
    font-size: 1em;
}

.location-details ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.location-details ul li {
    display: block;
}

.location-details ul.list-1 {}

.location-details ul.list-1 li {
    padding: 4px 4px 4px 15px;
    position: relative;
}

.location-details ul.list-1 li:before {
    content: '';
    position: absolute;
    height: 6px;
    width: 6px;
    top: 11px;
    background: #f49e85;
    border-radius: 50%;
    left: 0px;
}

.location-details ul.list-2 li a {
    text-decoration: underline;
    display: block;
    padding: 0px 2px 5px;
    color: #878787;
}

.location-details ul.list-2 li a:hover,
.location-details ul.list-2 li a:focus {
    color: #f6461d;
    text-decoration: none;
}

.location-content {
    padding: 20px;
    word-break: break-word;
    ;
}

.location-content h3 {
    color: #565c7d;
    font-weight: 600;
    font-size: 1.4rem;
}

.highligtbox h5,
.location-content h5 {
    font-weight: 600;
    color: #565c7d;
}

.location-content span {
    color: #565c7d;
}

.highligtbox {
    position: relative
}

.highligtbox:after,
.highligtbox:before {
    content: '';
    position: absolute;
    width: 1px;
    top: 20px;
    bottom: 20px;
    /*background: #e2e2e2;*/
}

.highligtbox:after {
    right: -20px
}

.highligtbox:before {
    left: -20px
}

.location-details .image-div img {
    height: 100%;
    object-fit: cover;
}


/*Bikash Ecotour Stay*/

.modal-data h3 {
    font-size: 1.3em;
    background: linear-gradient(to right, #bf0b77 0%, #5f1bb1 47%)!important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.modal-data h4 {
    font-size: 1.2rem;
    display: inline-block;
}

.modal-data h5 {
    display: inline-block;
    font-size: 1em;
}

.modal-data .modal-header {
    padding: 6px 12px;
}

.modal-data .modal-header .close {
    padding: 0;
    margin: 6px 10px;
}

.modal-data .modal-title {
    font-size: 1.4em !important;
}

.redlink {
    color: #e80b0b;
}

.ecoimglogo {
    margin: 15px 0px -28px 0px;
}

.ecoimglogo ul li {
    float: left;
    display: inline-block;
    width: 50%;
    padding: 0px 20px;
    margin-top: 20px;
}

.ecoimglogo ul li:after {
    content: '';
    position: absolute;
    width: 1px;
    top: 20px;
    bottom: 20px;
    background: #e2e2e2;
    display: none;
}

.ecoimglogo img:after {
    content: '';
    position: absolute;
    width: 1px;
    background: #ccc;
    left: -15;
}

#inner-menu .navbar-light .navbar-toggler-icon {
    background-image: none;
}

#inner-menu .navbar-toggler-icon {
    display: inline-block;
    width: auto;
    height: auto;
}

.aboutfactfile .sprev,
.aboutfactfile .snext {
    display: none;
}

.travelexpinner {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.travelexpinner:after {
    background: none !important;
}

.innersliderbox {
    height: 400px;
    overflow: hidden;
}

.innersliderbox img {
    width: 100%;
    height: auto;
}

.hotelspagination .pagination {
    float: right;
}

.iframemap {
    height: 350px;
    overflow: hidden;
    width: 100%;
}

#mob-slide .carousel-control-prev,
#mob-slide .carousel-control-next {
    top: 50% !important;
    color: #fff !important;
    opacity: .7 !important;
    font-size: 1.8em;
}

.locationname {
    position: absolute;
    margin-top: -25px;
    width: -moz-max-content;
    width: -o-max-content;
    width: -webkit-max-content;
    width: max-content;
}

#trailrours .btn {
    display: -inline-block;
    text-align: center;
    margin-top: -20px;
}

#eventshomebanner {
    margin-top: 30px;
}

#eventshomebanner .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}

#eventshomebanner .carousel-indicators li.active {
    background: #ffed00;
    opacity: 1;
}

#eventshomebanner .carousel-indicators {
    bottom: 27px;
    right: auto;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

#eventshomebanner .hvr-rectangle-out:before {
    background: #ffed00;
}

#eventshomebanner .eventsmore {
    position: relative;
    top: 10px;
    padding: 2px 9px;
    background: transparent;
    border: 1px solid #ccc;
    font-size: 0.8em;
    z-index: 10;
}

#eventshomebanner .eventsmore:hover {
    color: #000 !important;
    border: 1px solid #ffed00;
}

#about-odisha .carousel-control-next,
#about-odisha .carousel-control-prev {
    display: none;
}

.ehover1 {
    color: #fff;
}

.searchbox {
    border-bottom: #ededed 1px solid;
    padding: 15px 0 5px 0;
}

.searchbox h5 {
    text-decoration: underline;
}

.searchurl {
    font-size: .9em;
}


/*Newly Designed by Sabyasachi 19.03.2019*/

.fileimg {
    position: relative;
}

.fileimg .overlay-snippet {
    opacity: 1;
    transition: 0.5s;
    margin-top: 0;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    padding-bottom: 20px;
    transition: 0.5s;
    left: 0;
    z-index: 1;
    right: 0;
    width: 100%;
}

.fileimg:hover .overlay-snippet {
    opacity: 0;
    padding-bottom: 80px;
}

.fileimg .overlay-snippet p {
    margin: 0 0 5px 0;
}

.fileimg .overlay-snippet h6 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.fileimg .info-details {
    height: max-content;
    opacity: 0;
    transition: 0.5s;
    padding: 20px;
    transform: scale(0);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    z-index: 1;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
}

.fileimg:hover .info-details {
    opacity: 1;
    transform: scale(1);
}

.fileimg:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.66) 100%, rgba(0, 0, 0, 0.11) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c4000000', GradientType=0);
    transition: 0.5s;
}

.fileimg:hover:after {
    background: rgba(0, 0, 0, 0.5);
}


/*Newly Designed by Sabyasachi 19.03.2019*/


/*Fact File Scroll Starts*/


/*Fact File Scroll Ends*/


/*lightbox Start*/

.art-craft li a {
    display: inline-block;
}

.demo-gallery>ul {
    margin-bottom: 0;
}

.demo-gallery>ul>li {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 200px;
}

.demo-gallery>ul>li a {
    border: 3px solid #FFF;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
}

.demo-gallery>ul>li a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery>ul>li a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
    opacity: 1;
}

.demo-gallery>ul>li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery>ul>li a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery>ul>li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery>a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery>a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
    opacity: 1;
}

.demo-gallery .justified-gallery>a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark>ul>li a {
    border: 3px solid #04070a;
}


/*lightbox End*/


/****Floating Logo Begins***/

.home-btn {
    position: fixed;
    right: 2%;
    bottom: 5%;
    width: 85px;
    z-index: 99;
    height: 85px;
    padding: 5px;
    box-shadow: -1px 0px 3px 2px #d9d9d9;
    border-radius: 50%;
    background: white;
}

.home-btn .imageLogo {
    /* width: 100%;  */
    /* height: 100%; */
    object-fit: cover;
}

@media (max-width: 630px) {
    .home-btn {
        width: 70px;
        height: 70px;
    }
    .home-btn {
        right: 5%;
    }
}


/*****Floating Logo Ends****/

.padding-tb-40 {
    padding: 40px 0px !important;
}

.imgdivevent {
    border-radius: 4px;
    height: 350px;
    overflow: hidden;
}

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

.festheading h1 {
    font-weight: 300;
    margin-top: 60px;
    font-size: 2.1em;
    margin: 10px 0px 20px 0px;
}

.festheading h1 span {
    padding: 0px 12px;
    margin-right: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 4px;
}

.eventfood .btn {
    padding: 2px 20px;
    color: #000;
}

.festheading .bg-warning {
    background: #f7b64e !important;
}

.festheading .bg-danger {
    background: #ee353a !important;
}

.festheading .bg-success {
    background: #97ca54 !important;
}

.festheading .bg-primary {
    background: #1e80bf !important;
}

.headingfest {
    text-align: center;
}

.headingfest p {
    margin: 25px 150px 10px 150px;
}

.festimgdiv {
    margin-top: 35px;
}

.headingfest h1 {
    margin-top: 60px;
}

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

.border-radius4 {
    border-radius: 4px;
}

.festimg-entertain1 {
    height: 230px;
    overflow: hidden;
    margin-top: 80px;
    margin-bottom: 15px;
}

.festimg-entertain2 {
    height: 350px;
    overflow: hidden;
}

.festimg-entertain3 {
    height: 230px;
    overflow: hidden;
    margin-bottom: 15px;
}

.festimg-entertain4 {
    height: 260px;
    overflow: hidden;
    margin-bottom: 15px;
}

.festeventpg .bg-primary {
    color: #fff !important;
}

.festeventpg .bg-primary:hover {
    background: #007bff !important;
}

.bg-primary.hvr-rectangle-out:before {
    background: #055ab5 !important;
}

.festeventpg .btn {
    margin-top: 30px;
    padding: 8px 30px;
    margin-right: 10px
}

.festimg-stories1 {
    overflow: hidden;
    height: 350px;
}

.festimg-stories2 {
    overflow: hidden;
    height: 245px;
    margin-bottom: 15px;
}

.festimg-stories3 {
    overflow: hidden;
    height: 315px;
}

.festtories p {
    margin-top: 30px;
    padding-right: 50px;
}

.sndartev .btn,
.templemonument .btn {
    margin: 30px;
    width: 150px;
    z-index: 1;
    position: relative;
}

.eventfood .btn {
    margin: 10px 0px 15px 0px !important;
    box-shadow: 0px 0px 5px #7b7676;
}

.festimg-trails {
    height: 580px;
    overflow: hidden;
}

.festeventpg .festtrails .btn {
    margin-top: 15px !important;
    ;
}

.eventfood {
    background-image: url(../images/festbg-food.png);
    background-repeat: repeat;
    background-size: cover;
    padding: 20px 0px 50px 0px !important
}

.entertainment {
    background-image: url(../images/festbg-entertainment.png);
    background-repeat: repeat;
    background-size: cover;
    padding: 20px 0px 50px 0px !important
}

.festtories {
    background-image: url(../images/festbg-stories.png);
    background-repeat: repeat;
    background-size: cover;
    padding: 20px 0px 50px 0px !important
}

.festtrails {
    background-image: url(../images/festbg-trails.png);
    background-repeat: repeat;
    background-size: cover;
    padding: 20px 0px 50px 0px !important
}


/*Social Icon Body Start*/

.body-socialfix {
    position: fixed;
    top: 45vh;
    left: 0;
    z-index: 11;
}

.plus-minus {
    background: #fff;
    border-radius: 0 30px 30px 0;
    text-align: right;
    border: 1px solid #e1e1e1;
    box-shadow: 2px -1px 8px rgba(35, 35, 35, 0.8);
}

.plus-minus a {
    height: 52px;
    width: 57px;
    /* background: #fad211; */
    color: #1d5c7d;
    /* text-align: center; */
    /* border-radius: 50%; */
    cursor: pointer;
    font-size: 1.5em;
    padding: 4px 6px;
    /* margin-right: 6px; */
    /* margin-top: 3px; */
    transition: .5s;
    display: grid;
    align-items: center;
    text-align: center;
}

.social-minus {
    display: none;
}

.socialbody ul {
    -ms-transform: translate(-270px, 0);
    -o-transform: translate(-270px, 0);
    */ position: absolute;
    top: 56px;
    height: 0;
    overflow: hidden;
    right: -12px;
    transition: .8s;
    padding: 0 1em;
    border-radius: 0 0 50% 50%;
}

.body-socialfix.showSocial .socialbody ul {
    height: 360px;
    padding: 1em;
}

.socialbody ul li {
    margin: 0 0 .5em 0;
    display: block;
}

.socialbody ul li a {
    width: 50px;
    height: 50px;
    display: grid;
    align-items: center;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 45px;
    background-color: #fff;
    transition: .5s;
    box-shadow: -4px 0px 12px rgba(4, 4, 4, 0.47);
}

.socialbody ul li:first-child a {
    background: #4099ff;
    color: #fff
}

.socialbody ul li:nth-child(2) a {
    background: #3B5998;
    color: #fff
}

.socialbody ul li:nth-child(3) a {
    background: #f00;
    color: #fff
}

.socialbody ul li:nth-child(4) a {
    background-image: -webkit-linear-gradient(left, #d55ba4 0%, #9a6ed0 100%), -webkit-linear-gradient(left, #d55ba4 0%, #9a6ed0 100%) !important;
    color: #ffffff
}

.socialbody ul li:nth-child(5) a {
    background: #cb2027;
    color: #fff
}

.socialbody ul li i {
    -moz-border-radius: 50%;
    font-size: 1.2em;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}


/*Social Icon Body End*/

.btn-tour {
    margin-right: 20px;
}

.txtleft {
    text-align: left;
}

#about-odisha .top-attractionheading h3 {
    margin: 0;
    line-height: 100%;
    padding: 0;
}

#about-odisha .top-attractionheading {
    width: 300px;
    left: 50%;
    margin-left: -150px;
}

.carousel-control-next,
.carousel-control-prev {
    display: block;
}

.cultureright p,
.artcraftright p {
    padding: 20px;
}


/*About text read more for attractions(Inner Page)*/

#allContent {
    display: none;
}

#showMoreLess {
    color: orangered;
    cursor: pointer;
}

.notification-message {
    color: red;
    height: 1rem;
    position: relative;
    top: -3px;
}

.notification-message-2 {
    color: red;
    height: 1rem;
    position: absolute;
    top: 5px;
    left: 40%;
}


/*added by Yasmin*/

.pageicon3 {
    float: right;
}

.pageicon3 li {
    display: inline-block;
    padding: 0 10px 0 0px;
    border-right: #ccc 1px solid;
}

.pageicon3 li:last-child {
    border-right: 0px;
}

.pageicon3 li a {
    display: block;
    padding: 0px 5px;
}

.pageicon3 li a.active,
.pageicon3 li a:focus {
    color: #f84525;
}

.sharing1 {
    display: none;
    position: absolute;
    width: 200px;
    margin: 20px 0 0 -80px;
    left: 0;
    float: left;
    background: #ececec;
    padding: 10px;
    z-index: 9;
}

.sharing1:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ececec;
    top: -15px;
    left: 45%;
}

.page-shareicon {
    position: relative;
}

.jssocials-share {
    float: left;
    padding: 0 2px;
}

.jssocials-share a i {
    font-size: 1.1em;
}

.jssocials-share:hover a i {
    color: #f84525 !important;
}


/*Media Queries*/

.top-attractionheading h2:after {
    content: "";
    background: url(../images/white-after.png) no-repeat;
    background-size: 100%;
    height: 25px;
    width: 100px;
    position: absolute;
    bottom: -31px;
    left: 50%;
    margin-left: -50px;
}

.mandatory-star {
    position: absolute;
    right: 15px;
    color: #f00;
    top: 10px;
}

#travelistmodal .form-control {
    padding: .375rem 1.55rem .375rem 0.75rem;
}

#divWeather {
    background: url(../images/weatherBackground.jpg);
    background-size: cover;
}


/*Page Navigation Start*/

#innercontent .sticky-top {
    top: 87px;
    border: 0;
    background: #f0f0f0;
    z-index: 10;
}

.innermenunav-div {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 8px 0px 0px 0px;
}

.sticky-menu-showhide {
    height: 33px;
    overflow: hidden;
    position: relative;
}

.sticky-menu {
    position: relative;
}

.click-icon {
    position: relative;
}

.sticky-menu ul li {
    display: inline-block;
    margin-bottom: 15px;
    border-right: 1px solid #e1e1e1;
}

.sticky-menu ul li a.active {
    color: #f00 !important;
    border-bottom: 2px solid #f00;
    padding: 0px 15px 10px 15px;
}

.sticky-menu ul li a {
    padding: 0px 15px;
    /* border-right: 1px solid #e1e1e1; */
    font-size: 0.9em;
}

.sticky-menu ul li:last-child {
    border-right: 0px;
}

.innermenunav .navbar-nav .nav-item:last-child a {
    border: 0;
}

.innermenunav {
    position: relative;
}

#innercontent .sticky-top .clickmore {
    background: #f0f0f0;
    /* padding: 0px 6px; */
    top: -9px;
    position: absolute;
    left: 50%;
    height: 18px;
    width: 18px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    line-height: 100%;
    border-radius: 50%;
    color: #8e8b8b;
    margin-left: -9px;
    font-size: 1.1em;
    border: 1px solid #ccc;
}

.pb-40 {
    padding-bottom: 40px;
}


/*Page Navigation End*/


/******************************Drop-down menu work on hover**********************************/

.iframemap {
    height: 350px;
    overflow: hidden;
    width: 100%;
}

.seetobelieveimg {
    height: 532px;
    overflow: hidden;
    border-radius: 4px;
}

#seetobelieve .carousel-control-next,
#seetobelieve .carousel-control-prev {
    tansition: 0.5s;
    width: auto;
    height: min-content;
    top: 46%;
    padding: 6px 10px;
    color: #777;
    font-size: 2.5em;
    line-height: 0;
    border-radius: 4px;
}

#seetobelieve .carousel-control-prev {
    left: -60px;
}

#seetobelieve .carousel-control-next {
    right: -60px;
}

.insiderimg {
    height: 210px;
    overflow: hidden;
}

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

.insiderimg1 {
    max-height: 130px;
    overflow: hidden;
}

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

.insiderstories h4 {
    font-weight: 500;
    font-size: 1.3em;
    /* background: linear-gradient(to right,#d55ba4 0%,#9a6ed0 60%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
}

.insiderstories {
    margin-bottom: 40px;
}

.insiderstories h3 {
    color: #000;
    font-size: 1.4em;
    font-weight: 600;
}

.expand-content {
    height: 0px;
    overflow: hidden;
}

.lesscontent {
    display: none;
}

.mt-30-minus {
    margin-top: -30px;
    margin-bottom: 40px;
}

.att .heading-section {
    margin-bottom: 0;
}

.virtual-tour {
    margin: 40px 0px;
    height: 350px;
    overflow: hidden;
    background: #e1e1e1;
    border-radius: 4px;
}

.morelink1 {
    position: relative;
    color: #f84525;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.morelink1:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -30px;
    top: 0;
    height: 100%;
    width: 40px;
    transition: all 0.2s linear 0s;
    color: #f84525;
}

.morelink1:focus {
    color: #f84525;
}

.morelink1:hover,
.morelink1:hover:after {
    color: #000;
}

.morelink1.less:after {
    content: "\f106";
}

.trailimgbox {
    width: 100%;
    height: 320px;
    overflow: hidden;
}

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

#inner-menu {
    margin-top: 20px;
}

.fullcontent-icon a {
    padding: 0px 20px;
    font-size: 1.1em;
}


/*New Destination Start*/

#inner-menu.dest-menu {
    padding: 15px 0px 50px 0px !important;
}

#inner-menu.dest-menu.fixedinnermenu .mainmenu .collapse ul ul li {
    margin-top: 4px;
}


/*New Destination End*/


/*Stay Tab Start*/

.stay-tabs {
    text-align: center;
}

.stay .tab-content {
    padding: 30px 0px 20px 0px;
}

.stay .nav-pills .nav-link.active,
.stay .nav-pills .show>.nav-link {
    background-color: #565656;
}


/*Stay Tab End*/


/*Insider's Stories Read more Start*/

.button-effect {
    position: relative;
    width: max-content;
    display: block;
}

.effect.effect-1 {
    transition: all 0.2s linear 0s;
    color: #f84525;
}

.effect.effect-1:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -30px;
    top: 0;
    height: 100%;
    width: 40px;
    transition: all 0.2s linear 0s;
    color: #f84525;
}

.effect.effect-1:hover {
    text-indent: -20px;
    color: #000;
}

.effect.effect-1:hover:before {
    opacity: 1;
    text-indent: 0px;
    color: #000;
    padding-left: 5px;
}


/*Insider's StoriesRead more End*/

.morecontent span {
    display: none;
}

.morelink {
    position: relative;
    color: #f00;
    font-weight: 700;
}

.morelink:hover {
    color: #f00;
}

.morelink:after {
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    right: -18px;
    font-size: 1.3em;
    font-weight: 700;
    color: #f00;
}

.morelink.less:after {
    content: '\f106';
    font-family: 'FontAwesome';
    position: absolute;
    right: -18px;
    font-size: 1.3em;
    font-weight: 700;
    color: #f00;
}

.stay-tabs .nav-tabs {
    border-color: #e2e2e2
}

.stay-tabs .nav-tabs .nav-item:first-child {
    margin-left: 35px;
}

.stay-tabs .nav-tabs .nav-link {
    font-weight: 700;
    color: #676767;
    border-radius: 0;
    padding: .75rem 1.5rem;
}

.stay-tabs .nav-tabs .nav-item.show .nav-link,
.stay-tabs .nav-tabs .nav-link.active {
    border-top: 2px solid var(--web-color5);
    border-color: var(--web-color5) #e2e2e2 #fff #e2e2e2;
    color: #333;
}

.sticky-menu ul {
    text-align: center;
}

#seetobelieve .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#booktrails .carousel-control-prev,
#booktrails .carousel-control-next {
    top: 38%;
    font-size: 3.5em;
}

.essential {
    padding: 30px;
}


/*Top Experience Start*/

.insiderimg {
    height: 140px;
    overflow: hidden;
}

.more-places-to-see .insiderimg {
    height: 130px;
    background-color: #e0e0e0;
}

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


/*.insiderstories h4{font-weight: 500;font-size: 1.3em; -webkit-text-fill-color: transparent;}*/

.insiderstories {
    margin-bottom: 40px;
}


/*.insider-content{overflow: auto;position: relative;margin-right: 10px;height: 170px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*/

.insider-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgb(54, 101, 185);
}

.insider-content .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgb(54, 101, 185);
}

.insider-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}


/*Top Experience Start*/

.glimpese-welcomebanner {
    margin-top: 60px;
}

.glimpese-welcomebanner .ehover13:hover img {
    filter: brightness(1);
    -webkit-filter: brightness(1);
}

#seetobelieve .carousel-caption {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 4em 0 1em 0;
    background: linear-gradient(rgba(0, 0, 0, 0.0), #000);
}

#seetobelieve .carousel-caption p {
    /* background: rgba(0,0,0,0.5); */
    /* padding: 5px 15px; */
    /* border-radius: 4px; */
}

.bloguserdiv img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    background: #ededed;
    position: relative;
    margin-right: 10px;
}

.blogusername {
    display: inline-block;
    font-style: italic;
    color: #929292;
}

.insider-contentdiv {
    margin-bottom: 20px;
}

.card .offerbtn {
    background: #fff;
    padding: 2px 5px 4px 25px;
    border-radius: 0 5px 0 0;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 9;
}

.card .offerbtn label {
    position: relative;
    background: #1e508b;
    width: fit-content;
    padding: 1px 10px;
    color: #fff;
    font-size: 12px;
    padding-left: 30px;
    border-radius: 3px;
    left: 0;
    z-index: 99;
    margin: 0;
}

.card .offerbtn label:after {
    position: absolute;
    top: 0;
    left: 5px;
    content: url(../images/offericon.png);
}

#booktrails .card {
    background: transparent;
    border: none;
    font-weight: 300;
}

.card .pkgdetail {
    margin-bottom: 10px;
}

.card .pkgdetail p {
    /* font-size: .8em; */
    margin-bottom: 3px;
}

.card .pkgdetail p>label {
    display: block;
    margin-bottom: 0;
    color: #1e508b;
    font-weight: bold;
}

.card .pkgdetail p>.morecount {
    background: #b8d2e3;
    color: #333;
    padding: 3px 5px;
    margin-left: 7px;
    font-size: .9em;
    border-radius: 3px;
}


/*Trails Covering Card Start*/

#booktrails {
    color: #fff;
    background-image: url(../images/trails-coveringbg.jpg);
    background-repeat: no-repeat;
    background-position: 100%;
    position: relative;
    padding: 30px 0px !important;
    background-size: cover;
}

#booktrails:before {
    position: absolute;
    background: rgba(77, 155, 177, 0.88);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
}

#booktrails .trailssection {
    min-height: 385px;
}

#booktrails h3 {
    color: #fff;
    margin: 32px 0 0px 0;
    font-weight: 300;
    font-size: 1.8rem
}

#booktrails h5 {
    color: #fff;
    margin: 0 0 15px 0;
    font-weight: normal;
    font-size: 1.5rem;
}

#booktrails .carousel-item a.btn {
    width: fit-content;
    margin: 10px 0px;
}

#booktrails .card .offerbtn {
    background: transparent;
    padding: 0px;
}

#booktrails .duration {
    font-size: 100%;
    margin-bottom: 10px;
}

#booktrails .pkgdetail label {
    margin-bottom: 0;
}

#booktrails .card .pkgdetail p {
    margin-bottom: 1em;
}

#booktrails .card .pkgdetail p>label {
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
}

#booktrails .card h6 {
    color: red;
    background: #fff;
    width: fit-content;
    padding: 3px 10px;
    line-height: 100%;
    font-weight: 400;
    border-radius: 4px;
    margin-bottom: 10px;
}

#booktrails .card .pkgdetail p>.morecount {
    background: rgba(14, 74, 113, 0.5);
    color: #fff;
}


/*Trails Covering Card End*/


/*Styles from internal css*/

.comment-tag {
    padding: 15px;
    background: #dadada;
    border-radius: 50%;
    width: 100%;
    color: #f0494f;
    font-weight: bold;
    font-size: 20px;
}

@media (max-width :1920px) {
    .tourdetails {
        min-height: 520px;
    }
    #boyanika {
        height: 500px;
    }
    #boyanika h1 {
        top: 74px;
    }
    #boyanika span {
        top: 202px;
    }
    #boyanika .btn {
        top: 267px;
    }
}

@media (max-width :1600px) {
    .location-blogbg .mt-5 {
        margin-top: 1.32em !important;
    }
    .tourdetails {
        min-height: 500px;
    }
    .menuimgdiv {
        width: 215px;
    }
    #boyanika {
        height: 500px;
    }
    #boyanika h1 {
        top: 81px;
        right: 127px;
    }
    #boyanika span {
        top: 209px;
        right: 130px;
    }
    #boyanika .btn {
        top: 267px;
        right: 235px;
    }
    .video {
        margin-top: -71px;
    }
    .blog-right h4 {
        font-size: 1em;
    }
    .blog-img {
        margin-top: 10px;
    }
}

@media (max-width :1440px) {
    .buttontab .btnbggradient a {
        padding: 15px 20px;
    }
    .menuimgdiv {
        width: 190px;
    }
    #boyanika {
        height: 500px;
    }
    #boyanika h1 {
        top: 105px;
        right: 128px;
        font-size: 6.3em;
    }
    #boyanika span {
        top: 218px;
        right: 100px;
    }
    #boyanika .btn {
        top: 283px;
        right: 200px;
    }
}

@media (max-width :1366px) {
    .body-socialfix {
        top: 39%;
    }
    .socialbody ul {
        top: 50px
    }
    .plus-minus a {
        height: 45px;
        width: 50px;
    }
    .plus-minus a img {
        width: 25px;
        margin: auto;
    }
    .socialbody ul li a {
        width: 40px;
        height: 40px;
    }
    .addtop-btn {
        width: 94%;
    }
    #events .card-body h4 {
        font-size: 1.2rem;
    }
    .wsmenu>.wsmenu-list>li {
        margin-left: 20px;
    }
    .wsmenu>.wsmenu-list>li>a {
        padding: 0px 5px;
    }
    #innercontent .sticky-top {
        top: 85px;
    }
    #booktrails .carousel-control-prev {
        left: -20px
    }
    #booktrails .carousel-control-next {
        right: -20px;
    }
    .widget__container {
        width: 90%
    }
    /*Rath yatra*/
    .parallax-banner .layer1,
    .parallax-banner .layer2,
    .parallax-banner .layer4,
    .parallax-banner .layer5 {
        background-size: 100%;
    }
    .parallax-banner .layer3 {
        background-size: 109%;
    }
    .parallax-banner .layer4 {
        bottom: -10%;
    }
    .parallax-banner .layer6 {
        background-size: 54%;
    }
}

@media (max-width :1152px) {
    .place-content p {
        height: 72px;
        overflow: hidden;
    }
    .contactinformation {
        padding: 50px 20px;
    }
    .fileimg {
        height: 367px;
    }
    .fileimg .hover h2 {
        bottom: -65%;
    }
    .about-veriety img {
        width: 100%;
    }
    .about-veriety ul li span {
        height: 62px;
        overflow: hidden;
        display: block;
    }
    .locationdiv {
        width: 700px;
    }
    .locationdiv p {
        height: auto;
        overflow: hidden;
    }
    .bhubaneswartour {
        top: 39px;
        left: -4px;
    }
    .keonjhartour {
        top: 66px;
        left: 215px;
    }
    .tourpoint1 {
        top: 72px;
    }
    .tourpoint3 {
        top: 72px;
        left: 272px;
    }
    .tourpoint6 {
        top: 88px;
    }
    .tourpoint1 .tour-distance {
        top: -8px;
    }
    .tourpoint3 .tour-distance {
        top: 10px;
    }
    .tourpoint5 .tour-distance {
        left: -44px;
    }
    .tourpoint6 .tour-distance {
        top: 18px;
    }
    .innermenunav-div {
        padding: 6px 0px 0px 0px;
    }
    .sticky-menu ul li a {
        padding: 0px 5px;
    }
    .sticky-menu ul li a.active {
        padding: 0px 5px 10px 5px;
    }
    #innercontent .sticky-top {
        top: 70px;
    }
}

@media (max-width :1024px) {
    .tooltip-inner,
    .tooltip .arrow {
        display: none !important;
    }
    #trailrours .btn {
        margin: 30px 0px;
    }
    .addtop-btn {
        width: 88%;
    }
    .exoticimg {
        height: 380px;
    }
    .bottomline img {
        width: 49%;
        margin-left: 41px;
    }
    .tourdetails {
        min-height: 400px;
    }
    .carousel-control-next {
        right: 0;
    }
    .sprev {
        left: -20px;
    }
    .snext {
        right: -20px;
    }
    #inner-menu .mainmenu .collapse ul li ul li a {
        padding: 6px 2px;
    }
    #inner-menu .mainmenu .navbar-nav ul li a:after {
        right: -6px;
    }
    .fixedinnermenu #inner-menu .mainmenu a,
    .fixedinnermenu .navbar-default .navbar-nav>li>a,
    .fixedinnermenu .mainmenu ul li a {
        padding: 0px 3px !important
    }
    .locationdiv {
        padding: 20px;
    }
    #inner-banner .top-attractionheading h4 {
        font-size: 2em;
    }
    #inner-banner h3 {
        font-size: 4em;
    }
    .locationdiv p {
        height: 122px;
    }
    .hlogo {
        width: 150px;
        margin: 0px 0 0px;
    }
    .mtb-35 {
        margin: 35px 0px;
    }
    #seetobelieve .carousel-control-prev {
        left: -45px;
    }
    #seetobelieve .carousel-control-next {
        right: -45px;
    }
    .factfileslide .owl-nav {
        left: -4%;
        width: 107%;
    }
    #booktrails .carousel-control-prev,
    #booktrails .carousel-control-next {
        font-size: 2.5em;
    }
    #booktrails .carousel-control-prev {
        left: -50px
    }
    #booktrails .carousel-control-next {
        right: -50px;
    }
    /*Rath yatra*/
    .parallax-banner .layer1 {
        background-size: 140%;
    }
    .parallax-banner .layer2,
    .parallax-banner .layer4,
    .parallax-banner .layer5 {
        background-size: 100%;
    }
    .parallax-banner .layer3 {
        background-size: 109%;
    }
    .parallax-banner .layer4 {
        bottom: -8%;
    }
    .parallax-banner .layer6 {
        background-size: 54%;
    }
}

@media (max-width :992px) {
    .sprev i:hover,
    .snext i:hover {
        color: #fff !important;
    }
    #inner-banner h3 {
        font-size: 3em;
    }
    .buttontab .btnbggradient a {
        min-height: 132px;
    }
    .weatherclimate .innerbannerimg {
        height: 1200px !important;
    }
    .weatherbg {
        margin-top: 10px;
    }
    #inner-banner {
        overflow: initial !important;
    }
    #inner-banner {
        height: 330px;
    }
    .innerbannerimg {
        height: 100%;
    }
    .weatherclimate #inner-banner {
        height: auto !important
    }
    #inner-menu {
        display: none;
    }
    .fixed .searchbtn {
        margin-top: 0px;
    }
    .artcraftcontent p {
        height: 92px;
        overflow: hidden;
    }
}

@media (max-width :768px) {
    #divWeather .top-container {
        padding: 20px 0 !important;
    }
    #travelexp .bigimg,
    #travelexp .insta {
        margin-bottom: 15px;
    }
    .cfbutton {
        margin: 10px 0px !important;
    }
    .btnbggradient {
        margin-bottom: 20px;
    }
    #inner-banner:after {
        display: none;
    }
    .headingfest p {
        margin: 25px 60px 10px 60px;
    }
    .festeventpg .btn {
        padding: 5px 9px;
        margin-right: 0;
        margin-top: 10px;
    }
    .festtories p {
        padding-right: 0;
    }
    .eventsimgscroll {
        width: 100%;
    }
    .eventsimgscroll:before,
    .eventsimgscroll:after {
        display: none;
    }
    .location-content h5 {
        font-size: 1.2rem;
    }
    .culturelink li:after {
        display: none;
    }
    .tour-distance {
        left: -51px;
        top: 7px;
    }
    .tourpoint1 .tour-distance {
        top: 10px;
        left: 40px;
    }
    .tourpoint4 .tour-distance {
        left: 38px;
        top: 2px;
    }
    .breadcrumbdiv .breadcrumb li {
        font-weight: 300;
    }
    #inner-menu .navbar-nav .show .dropdown-menu .dropdown-menu>li>a {
        padding: 16px 15px 16px 35px
    }
    #inner-menu .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
        padding: 16px 15px 16px 45px
    }
    #cuisineinner {
        border: 0;
    }
    .locationdiv p {
        height: 70px;
    }
    .steppingstage h1 {
        font-size: 2.5em;
        margin: 3.5em 0 0.3em 0;
    }
    .steppingstage .eventbig .eventdetail-list {
        padding: 500px 20px 20px 20px;
    }
    .steppingstage .eventbig.ehover10:hover .eventdetail-list {
        padding: 430px 20px 20px 20px;
    }
    .steppingstage .eventsmall .eventdetail-list {
        padding: 130px 20px 20px 20px;
    }
    .steppingstage .eventsmall.ehover10:hover .eventdetail-list {
        padding: 80px 20px 20px 20px;
    }
    .steppingstage .eventbig .btn,
    .steppingstage .eventsmall .btn {
        padding: 3px 13px;
        font-size: 0.9em;
    }
    .konarkfactfile .eventdetail-list {
        padding: 180px 20px 20px 100px;
    }
    .konarkfactfile .ehover10:hover .eventdetail-list {
        padding: 130px 20px 20px 100px;
    }
    /* .culture li p {height: 46px;overflow: hidden;line-height: 139%;} don't write this type of css*/
    .location-blogbg h4 {
        font-size: 1.1em;
    }
    #inner-menu {
        display: none;
    }
    .aboutfactfile .sprev,
    .aboutfactfile .snext {
        display: block;
    }
    .snext,
    .sprev {
        top: 44%;
    }
    .sprev i,
    .snext i {
        font-size: 2em;
        color: #ffffff !important;
    }
    .snext {
        right: 5%;
    }
    .sprev {
        left: 5%;
    }
    .heading-section p {
        margin: 50px 50px 30px 50px;
    }
    .keynoteUpdateSoon {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        /* text-shadow: 2px 3px 4px #ddd; */
    }
    .fixed .searchbtn {
        margin-top: 8px;
    }
    .menufooter {
        height: 1px;
        border-radius: 0px;
        background: rgba(0, 0, 0, 0.13);
    }
    .paddingmenu {
        padding: 30px 20px;
    }
    .fixed .searchbtn {
        margin-top: 8px;
    }
    .menufooter {
        height: 1px;
        border-radius: 0px;
        background: rgba(0, 0, 0, 0.13);
    }
    .paddingmenu {
        padding: 0px 20px;
        margin-left: 0;
    }
    #logo-menudiv .border-bottom {
        padding-bottom: 15px;
    }
    #fixed .border-bottom {
        padding-bottom: 0px;
    }
    .about-veriety {
        padding-left: 0px;
    }
    .about-veriety li {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .about-veriety ul li span {
        height: 38px;
    }
    .fixed .wsdownmenu-animated-arrow {
        top: -37px;
        right: 65px;
        padding: 15px 16px;
    }
    .icon-button,
    .icon-button i {
        width: 90px;
    }
    #welcome .ehover13:hover .overlay h3 {
        margin: 60px 0px 10px 0px;
    }
    #welcome .ehover13:hover .overlay h2 {
        margin: 0px;
    }
    #welcome .ehover13:hover .overlay h2 {
        font-size: 2.5em;
    }
    .fixedinnermenu {
        top: 50px;
        padding: 8px 0px !important;
    }
    .fixedinnermenu .num {
        display: block !important;
    }
    .fileimg .hover h2 {
        bottom: -49%;
    }
    .fileimg .ehover4 .info,
    .fileimg .ehover42 button.info {
        margin-top: -96px;
    }
    .fileimg .hover .overlay .info p {
        height: 134px;
        overflow: hidden;
    }
    .fileimg .hover:hover .overlay h2 {
        opacity: 0;
    }
    .cultureright .ehover13:hover button,
    .ehover13:hover h2 {
        margin-top: 12px;
        font-size: 1em;
    }
    .cultureright {
        height: 460px;
    }
    .artcraftright {
        height: 280px;
    }
    .artcraftright .ehover1 h2 {
        margin-top: 0px;
    }
    .art-craft li {
        margin: 0px 0px 20px 0px;
        padding-bottom: 10px;
    }
    /* .art-craft .artcraftcontent p{height: 49px;overflow: hidden;} not write this type of css*/
    .artcraftimg {
        height: 113px;
        overflow: hidden;
    }
    .heading-section {
        margin-top: 70px;
    }
    #boyanika {
        margin: 70px 0px 0px 0px;
    }
    .heading-section {
        width: 100%;
    }
    #eventshomebanner .eventsmore {
        top: 15px;
    }
    .tourpoint1 {
        top: 94px;
    }
    #trailrours .btn {
        margin-top: 263px;
    }
    .tourpoint3 {
        top: 61px;
        left: 343px;
    }
    .tourpoint4 {
        top: -11px;
        right: 115px;
    }
    .tourpoint6 {
        top: 70px;
        left: 232px;
    }
    .tourpoint7 {
        right: 222px;
        top: 28px;
    }
    .tourpoint7 .locationdiv {
        top: 148px;
    }
    .tourpoint3 .locationdiv {
        left: auto;
        right: -307px;
    }
    .tourpoint3 .locationdiv:after {
        left: 49%;
    }
    .tourpoint1 .locationdiv:after {
        left: 3%;
    }
    .tourpoint5 .locationdiv {
        top: 160px;
        right: -536px;
    }
    .tourpoint5 .locationdiv:after {
        left: 18%;
    }
    .tourpoint6 .locationdiv {
        top: 110px;
        left: auto;
        right: -409px;
    }
    .tourpoint5 .locationdiv:after {
        left: 18%;
    }
    .tourpoint6 .locationdiv:after {
        left: 34%;
    }
    .tourpoint2spot .locationdiv {
        top: 140px;
    }
    .tourpoint4 .locationdiv {
        top: 190px;
        right: -125px;
    }
    .tourpoint4 .locationdiv:after {
        right: 21%;
    }
    .trailroursimg {
        min-height: 603px;
    }
    .tourdetails {
        height: auto;
        min-height: auto;
    }
    .place-content {
        margin-top: 20px;
    }
    .top-attractionheading h4 {
        font-size: 1.5em;
        line-height: 100%;
    }
    .bottomline img {
        width: 38%;
        margin-left: 10px;
    }
    .wsmenu {
        top: 74px;
    }
    .wsdownmenu-animated-arrow {
        top: -46px;
        right: 62px;
    }
    .ehover13 {
        height: 315px;
    }
    #inner-menu {
        padding: 10px 0px;
        margin-top: 0px;
        display: none;
    }
    .navbar-toggler {
        padding: 4px 8px;
        font-size: 1.2em;
        background-color: #f84525;
        color: #fff !important;
    }
    #inner-menu .mainmenu ul li a {
        padding: 0px 20px;
        margin: 10px 0px;
        background: #ffc800;
        border-radius: 0;
        width: fit-content;
    }
    #inner-menu .mainmenu .collapse ul li ul li a {
        padding: 3px 2px !important;
        margin: 0;
    }
    #inner-menu .mainmenu .collapse ul ul li {
        float: left;
        display: block;
        margin-right: 4%;
        width: 45%;
    }
    #inner-menu .mainmenu .navbar-nav ul li a:after {
        left: 200;
        content: "\f105";
        font-family: FontAwesome;
        width: auto;
        background: none;
        height: auto;
        position: absolute;
        top: 1px;
    }
    #inner-menu .mainmenu .collapse ul ul li:last-child a:after {
        display: block;
    }
    #touractivities .buttontab .btnbggradient a {
        min-height: auto;
    }
    .innersld .carousel-control-next,
    .innersld .carousel-control-prev {
        top: 49%;
    }
    .exoticimg {
        height: 270px;
    }
    #artcraft {
        padding: 0px 0px 0px 0px !important;
    }
    #inner-banner h3 {
        font-size: 3em;
    }
    .innersld img {
        height: auto;
    }
    #inner-banner .top-attractionheading {
        top: 35%;
    }
    .bottomline img {
        margin-top: 0px;
    }
    .weatherbg {
        min-height: 215px;
    }
    .weatherclimate .innerbannerimg {
        height: 667px !important;
    }
    .plus-minus a {
        height: 45px;
        width: 45px;
        font-size: 1.2em;
    }
    #inner-banner .top-attractionheading h3,
    #inner-banner .bottomline {
        font-size: 1.5rem;
        line-height: 130%;
    }
    #inner-banner .bottomline {
        margin: 0;
    }
    .seetobelieveimg {
        height: 350px;
    }
    .sticky-menu-showhide {
        overflow: scroll;
    }
    .sticky-menu ul {
        text-align: left;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: -o-max-content;
        width: max-content;
        overflow-x: scroll;
    }
    #innercontent .sticky-top {
        top: 76px;
    }
    .innernavigation .heading-section {
        margin-top: 0px;
    }
    #booktrails .carousel-control-prev {
        left: 82%;
    }
    #booktrails .carousel-control-prev,
    #booktrails .carousel-control-next {
        top: 8px;
        font-size: 1.5em;
    }
    #booktrails .carousel-control-next {
        right: 0%;
    }
    .pb-40 {
        padding-bottom: 0;
    }
    #booktrails h3 {
        font-size: 1.5rem;
    }
    #booktrails h5 {
        font-size: 1.3rem;
    }
    .essential {
        padding: 20px;
    }
    .insider-content {
        height: auto;
    }
    .glimpese-welcomebanner {
        margin-top: 30px;
    }
    /*added by MRD*/
    .location-content {
        padding: 0;
        margin: 0 0 1em 0;
    }
    .location-details {
        padding: 1.5rem
    }
    /*Rath yatra*/
    .parallax-banner,
    .parallax-banner div {
        height: 600px;
    }
    .parallax-banner .layer1 {
        background-size: 150%;
    }
    .parallax-banner .layer2 {
        background-size: 141%;
        background-position: right;
    }
    .parallax-banner .layer3 {
        background-size: 109%;
    }
    .parallax-banner .layer4 {
        background-size: 100%;
        bottom: -8%;
    }
    .parallax-banner .layer5 {
        background-position: center;
        bottom: -5%;
    }
    .parallax-banner .layer6 {
        bottom: -6%;
        background-position: center;
        background-size: 54%;
    }
}

@media (max-width :740px) {
    .trailimgbox {
        margin: 20px 0px;
    }
    .insiderimg {
        height: 150px;
    }
}

@media (max-width :660px) {
    #cuisineinner h2 {
        font-size: 1.5em;
        margin-top: 20px;
    }
    #eventshomebanner .eventsmore {
        top: 0px !important;
    }
    #mob-slide .carousel-indicators {
        bottom: 210px !important;
    }
    .userview {
        margin: 60px 0px 40px 0px;
    }
    .eventsmall {
        height: 200px !important;
    }
    .templemonument .eventbig.hover button.info {
        padding: 0;
        margin: 0px 0 0;
    }
    .templemonument .eventsmall.hover button.info {
        margin: -142px 0 0 0 !important;
    }
    .templemonument .overlay h2 p:after {
        bottom: 60px;
    }
    .waveWrapper {
        display: none;
    }
    .steppingstage h1 {
        font-size: 1.5em;
        line-height: 130%;
    }
    .eventsbody {
        padding-bottom: 40px;
    }
    .eventsbootomsection {
        padding-bottom: 40px !important;
        padding-top: 40px;
    }
    #weatherloader {
        position: relative;
    }
    .forcast {
        display: block;
        margin: 0px 20px;
    }
    .box-section {
        height: max-content;
    }
    .weatherbg {
        margin-top: 20px;
    }
    .forcast .forecasttype {
        min-height: auto;
    }
    .weatherclimate .innerbannerimg {
        height: 1121px!important;
    }
    /*    .culturecontent{width: 100%;}*/
    .art-craft li {
        margin-bottom: 25px;
        padding-bottom: 35px;
    }
    .cultureright,
    .artcraftright {
        display: none;
    }
    .cardslider__card {
        height: 150px;
    }
    .location-blogbg h4 {
        font-size: 0.8em;
    }
    .innersld {
        margin-top: 20px;
    }
    #inner-banner h3 {
        font-size: 2em;
    }
    .locationdiv {
        height: auto;
    }
    #inner-banner .top-attractionheading .bottomline img {
        width: 16%;
        margin-top: 0px;
        margin-left: 12px;
    }
    .snext,
    .sprev {
        top: 49%;
    }
    .blog-img {
        height: 250px;
    }
    .snext {
        right: 5%;
    }
    .sprev {
        left: 5%;
    }
    .ehover13 {
        height: 160px;
        margin-bottom: 15px;
    }
    #destiination .nav-item .col {}
    #blog h4 {
        font-size: 1.2em;
    }
    .place-content {
        margin-top: 14px;
    }
    .place-content h4 {
        font-size: 1.2rem;
    }
    .heading-section p {
        margin: 10px 0px;
    }
    .heading-section {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .fileimg {
        margin-bottom: 5px;
    }
    .about {
        padding-right: 0;
        margin-bottom: 15px;
    }
    .about .btn {
        margin: 20px 0px;
    }
    .about-veriety {
        padding-left: 15px;
        margin-top: 10px;
    }
    .icon-button,
    .icon-button i {
        width: 75px;
    }
    #welcome .ehover13:hover .overlay h3 {
        margin: 45px 0px 10px 0px;
    }
    #welcome .ehover13:hover .overlay h2 {
        margin: 0px;
    }
    #welcome .ehover13:hover .overlay h2 {
        font-size: 2em;
    }
    .fileimg .hover h2 {
        bottom: -52%;
        font-size: 14px;
    }
    .fileimg .ehover4 .info,
    .fileimg .ehover42 button.info {
        margin-top: -72px;
        padding: 5px;
    }
    .fileimg .hover .overlay .info p {
        height: 104px;
        overflow: hidden;
    }
    .fileimg .hover:hover .overlay h2 {
        opacity: 0;
    }
    .culture li {
        padding: 0px 0px 12px 0px;
        margin-bottom: 25px;
    }
    .cultureimg {
        position: relative;
        width: 27%;
    }
    .culturecontent {
        width: 60%;
    }
    .cultureright .ehover13:hover button,
    .ehover13:hover h2 {
        margin-top: 12px;
        font-size: 1em;
    }
    .cultureright {
        height: 208px;
    }
    .artcraftright {
        height: 268px;
    }
    .artcraftright .ehover1 h2 {
        margin-top: 0px;
    }
    .art-craft li,
    .art-craft li:last-child {}
    /* .art-craft .artcraftcontent p{height: 38px;overflow: hidden;line-height: 122%;} not write this type of css*/
    .artcraftimg {
        height: 86px;
        overflow: hidden;
        width: 68px;
    }
    /*    .cultureimg{width: 100%;height: 150px;}*/
    .culture {
        height: auto;
        overflow: hidden;
    }
    .cultureright .ehover13:hover button,
    .ehover13:hover h2 {
        font-size: .7em;
        margin-top: 33px;
    }
    .cultureright .btn {
        padding: 2px 12px;
    }
    .cultureright .hover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .cultureright .ehover13 .overlay {
        height: 83%;
    }
    .artcraftcontent h3 {
        font-size: 1em;
        font-weight: bold;
    }
    .artcraftright .ehover1 p {
        height: 81px;
        overflow: hidden;
        line-height: 127%;
    }
    .artcraftright .hover h2 {
        font-size: 13px;
    }
    /* .culturecontent {display: block;float: none;margin: 15px 0px 0px 0px;text-align: left;border-bottom: 1px solid #e1e1e1; }
    .cultureimg {display: block;float: none;}*/
    #boyanika {
        background-position: 100%;
        background-size: cover;
        height: 200px;
        margin: 20px 0px 0px 0px;
    }
    #boyanika h1 {
        right: 63px;
        top: 43px;
        font-size: 2.2em;
    }
    #boyanika span {
        right: 51px;
        top: 89px;
        font-size: 0.8em;
        line-height: 15px;
    }
    #boyanika .btn {
        right: 89px;
        top: 125px;
        padding: 0px 5px;
        font-size: 0.8em;
    }
    .trailroursimg {
        min-height: 526px;
        padding-top: 50px;
    }
    .tourpoint1 {
        top: 74px;
        left: -5px;
    }
    .tourpoint3 {
        top: 54px;
    }
    .locationdiv {
        width: 520px;
    }
    .about {
        padding-right: 15px;
    }
    .tourpoint1 .locationdiv {
        top: 100px;
    }
    .exoticimg {
        background-position: 100%;
        height: auto;
        padding: 0px 0px 70px 0px;
    }
    .buttontab .btnbggradient a {
        padding: 15px 28px;
        margin-bottom: 20px;
        min-height: 132px !important;
    }
    .tourpoint6 .locationdiv {
        right: -394px;
    }
    .tourpoint6 .locationdiv:after {
        left: 18%;
    }
    .tourpoint3 .locationdiv {
        right: -320px;
    }
    .tourpoint3 .locationdiv:after {
        left: 32%;
    }
    .tourpoint5 .locationdiv {
        top: 142px;
    }
    .tourpoint5 .locationdiv:after {
        left: 56%;
    }
    .tourpoint4 .locationdiv:after {
        right: 25%;
    }
    #welcome .heading-section h1 {
        margin-top: 30px;
    }
    #innercontent .sticky-top .clickmore {
        display: none !important;
    }
    /*added by mrd*/
    .more-places-to-see .insiderimg {
        min-height: 100px;
        height: auto;
    }
    .heading-section h1 {
        margin-top: 15px;
        font-size: 1.5em;
    }
    .heading-section .heading {
        margin-top: 15px;
        font-size: 1.5em;
    }
    .sortby {
        margin: 10px 0px;
    }
    #inner-banner h2 {
        font-weight: 600;
        font-size: 1.5rem;
    }
}

@media (max-width :640px) {
    .cultureimgdiv {
        padding-right: 0px;
    }
    .ecoimglogo {
        margin: auto;
    }
    .mt-40 {
        margin-top: 20px;
    }
    #innercontent .sticky-top {
        top: 85px;
    }
    .list2 li {
        width: 49%;
    }
    .br-backbtn {
        display: none;
    }
}

@media (max-width :576px) {
    /* .screen-reader {
        display: none;
    } */
    .advisory {
        display: none;
    }
    #touractivities .buttontab .btnbggradient a {
        min-height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .chilika-image {
        height: 200px;
    }
    .chilika-image img {
        height: 100%;
        width: 100%;
    }
    h5.lineStyle b {
        font-size: 15px;
    }
    .lineStyle small {
        font-size: 13px;
    }
    .ecoimglogo ul li:after {
        display: none;
    }
    .next-back,
    .next-back a {
        font-size: 0.8em;
    }
    .footer-linktop {
        display: none;
    }
    #weatherloader {
        position: relative;
    }
    .forcast {
        display: block;
        margin: 0px 20px;
    }
    .box-section {
        height: max-content;
    }
    .weatherbg {
        margin-top: 20px;
    }
    .forcast .max {
        font-size: 0.7em;
    }
    .forcast .forecasttype {
        min-height: auto;
    }
    .weatherclimate .innerbannerimg {
        height: 1200px !important;
    }
    .forcast .min {
        font-size: .5em;
    }
    .hlogo {
        width: 90px;
        margin: 0px 0 0px;
    }
    #eventshomebanner .eventsmore {
        right: 30px;
    }
    #inner-banner .top-attractionheading h4 {
        margin-top: 30px;
    }
    .wsdownmenu-animated-arrow {
        top: -35px;
    }
    .tourpoint6 {
        top: -8px;
        left: 260px;
    }
    .tourpoint6 .locationdiv {
        right: -215px;
        top: 142px;
    }
    .tourpoint6 .locationdiv:after {
        right: 43%;
    }
    /* css added by yasmin */
    .about-veriety li h5 {
        font-weight: 400;
    }
    #eventshomebanner .eventsmore {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100px;
        margin: auto;
    }
    .about-veriety li span a {
        color: #f8dbca;
    }
    .roadbg {
        height: 119px;
        width: 50px;
        border-left: #fff 6px solid;
        height: 400px;
        background-image: none;
        margin: 0 0 30px 50px !important;
    }
    .tourpoint1 {
        top: -35px;
        left: -16px;
    }
    .tourpoint2 {
        top: inherit;
        left: 40px;
        bottom: 0;
    }
    .tourpoint3 {
        left: 40px;
        top: 25%;
    }
    .tourpoint4 {
        left: 40px;
        top: 70%;
    }
    .tourpoint5 {
        left: 40px;
        top: 40%;
    }
    .tourpoint6 {
        left: 40px;
        top: 12%;
    }
    .tourpoint7 {
        left: 40px;
        top: 55%;
    }
    .tourpoint1 .locationdiv {
        top: 0;
    }
    .locationdiv:after {
        left: 20px !important;
        right: inherit !important
    }
    .locationname {
        margin-left: 50px !important;
        position: relative;
        top: 31px;
        ;
        font-size: 1em;
        font-weight: 400;
    }
    .locationdiv {
        right: auto !important;
        max-width: 400px !important;
        left: 50px !important;
    }
    .tourpoint1spot,
    .tourpoint2spot,
    .tourpoint3spot,
    .tourpoint4spot,
    .tourpoint5spot,
    .tourpoint6spot,
    .tourpoint7spot {
        width: 25px;
        height: 25px;
        border: 3px solid #fff;
    }
    .tourpoint1 .locationdiv,
    .tourpoint2 .locationdiv,
    .tourpoint3 .locationdiv,
    .tourpoint4 .locationdiv,
    .tourpoint5 .locationdiv,
    .tourpoint6 .locationdiv,
    .tourpoint7 .locationdiv {
        top: 0px !important;
        display: none !important;
    }
    #trailrours .top-attractionheading h3 {
        margin: 0px;
    }
    #trailrours .selectbox {
        width: 100%;
        top: 85px;
        right: 15px;
    }
    .tourdetails {
        margin-top: 100px;
    }
    .tourpoint1,
    .tourpoint2,
    .tourpoint3,
    .tourpoint4,
    .tourpoint5,
    .tourpoint6,
    .tourpoint7 {
        right: 0px !important;
    }
    .dest-short-content p {
        font-size: 1em;
    }
    .eventfood,
    .entertainment,
    .festtories,
    .festtrails {
        padding: 0px !important;
    }
    .tourpoint1 .tour-distance,
    .tourpoint2 .tour-distance,
    .tourpoint3 .tour-distance,
    .tourpoint4 .tour-distance,
    .tourpoint5 .tour-distance,
    .tourpoint6 .tour-distance .tourpoint7 .tour-distance,
    .tour-distance {
        left: 26px !important;
    }
    .tourpoint1 .tour-distance {
        top: -25px;
    }
    .tourpoint2 .tour-distance {
        top: -41px;
    }
    .tourpoint3 .tour-distance {
        top: -19px;
    }
    .tourpoint4 .tour-distance {
        top: -25px;
    }
    .tourpoint5 .tour-distance {
        top: -25px;
    }
    .tourpoint6 .tour-distance {
        top: -23px;
    }
    .tourpoint7 .tour-distance {
        top: -25px;
    }
    .h3 {
        font-size: 1.5em;
    }
    .h4 {
        font-size: 1.2em;
    }
    .h5 {
        font-size: 1.2em;
    }
    /*.h3, .h4, .h5{padding-left: 10px;}*/
    .addtop-btn {
        width: 84%;
    }
    .steppingstage .eventbig,
    .steppingstage .eventsmall,
    .templemonument .eventbig,
    .templemonument .eventsmall {
        height: 300px !important;
        margin-bottom: 15px;
    }
    .userview .viewcircle {
        width: 120px;
        height: 120px;
        margin: 0px 6px;
    }
    .userview {
        margin: 40px 0px 20px 0px;
    }
    .eventsbody {
        padding-bottom: 20px;
    }
    .steppingstage .eventsmall .eventdetail-list {
        padding: 210px 20px 20px 20px;
    }
    .eventbook {
        width: 400px;
    }
    .eventbook .btn-blue {
        margin-left: 10px;
    }
    .eventbook .btn {
        width: 170px;
        padding: 6px 12px !important;
    }
    .steppingstage .eventbig .eventdetail-list {
        padding: 210px 20px 20px 20px;
    }
    .steppingstage .eventbig.ehover10:hover .eventdetail-list {
        padding: 160px 20px 20px 20px;
    }
    .steppingstage .eventsmall.ehover10:hover .eventdetail-list {
        padding: 160px 20px 20px 20px;
    }
    .templemonument .overlay h2 p:after {
        bottom: 38px;
    }
    .templemonument .eventbig.hover button.info {
        margin: -50px 0 0 0;
    }
    .templemonument .eventsmall.hover button.info {
        margin: -50px 0 0 0 !important;
    }
    .steppingstage .eventbig img,
    .steppingstage .eventsmall img,
    .templemonument .eventbig img,
    .templemonument .eventsmall img {
        height: auto !important;
        margin-top: -38px;
    }
    .steppingstage {
        margin-top: 15px;
    }
    .highligtbox:after,
    .highligtbox:before {
        display: none;
    }
    .location-blogbg h4 {
        font-size: 1.2em;
    }
    .ecotourbox h5 {
        font-size: 1.2em;
        font-weight: 600;
    }
    #destination .nav-item a {
        padding: 15px 10px;
        min-height: auto;
    }
    .aboutimgdiv,
    .eventsimgdiv {
        height: auto;
    }
    .media-con {
        height: auto !important;
    }
    #events .card img {
        height: auto;
        object-fit: inherit;
    }
    .hotelspagination .pagination {
        float: none;
    }
    .dataTables_info {
        margin-bottom: 20px;
    }
    .custom-dropdown,
    .filterdiv .custom-dropdown,
    .filterdiv input[type="text"] {
        margin-bottom: 15px;
    }
    .toursearch .btn {
        padding: 8px 30px;
        margin: 0 auto;
        display: block;
    }
    .location-details .image-div {
        border-radius: 3px 0px 0px 0px;
        margin-bottom: 15px;
    }
    /*    .location-content {
        padding: 5px 20px 5px 20px;}*/
    .wsdownmenu-animated-arrow {
        top: -34px;
    }
    .fixed .wsdownmenu-animated-arrow {
        right: 45px;
    }
    .about {
        margin-bottom: 15px;
    }
    .about .btn {
        margin: 15px 0px 0px 0px;
    }
    #welcome .ehover13:hover .overlay h3 {
        font-size: 1.5em;
    }
    .fileimg .ehover4 .info,
    .fileimg .ehover42 button.info {
        margin-top: -50px;
        padding: 20px;
    }
    .fileimg .hover .overlay .info p {
        height: 64px;
        overflow: hidden;
    }
    .culture ul {
        display: inline-block;
    }
    .culture li {
        float: none;
        margin: 0;
        border: 1px solid #e1e1e1;
        padding: 10px;
        margin-bottom: 10px;
    }
    .culture li:last-child {
        border: 1px solid #e1e1e1;
    }
    .cultureright .ehover13:hover button,
    .ehover13:hover h2 {
        font-size: 1.5em;
        margin-top: 4px;
        line-height: 1.3em;
    }
    .font-16 {
        font-size: 16px!important;
    }
    .font-16 span {
        font-size: 16px;
        color: grey;
        font-weight: bold;
    }
    .wsdownmenu-animated-arrow,
    .fixed .wsdownmenu-animated-arrow {
        right: 20px;
    }
    .artcraftright,
    .cultureright {
        display: none;
    }
    .art-craft li,
    .art-craft li:last-child {
        margin: 0px 0px 20px 0px;
        padding: 15px;
        border: 1px solid #e1e1e1;
    }
    .headingfest h1,
    .festheading h1 {
        margin-top: 40px;
        text-align: center;
    }
    .eventfood p {
        padding-right: 0px;
    }
    .headingfest p {
        margin: 0px 0px 1rem 0px;
    }
    .festimgdiv {
        margin-top: 0px;
    }
    .festtories p {
        padding-right: 0px;
        margin-top: 15px;
    }
    .festeventpg {
        text-align: center;
    }
    .festimg-entertain1 {
        margin-top: 0px;
    }
    .festimg-entertain1,
    .festimg-entertain2,
    .festimg-entertain3,
    .festimg-entertain4,
    .festimg-trails,
    .festimg-stories1,
    .festimg-stories2,
    .festimg-stories3,
    .imgdivevent {
        height: 250px;
    }
    .festimg-entertain2 {
        margin-bottom: 20px;
    }
    .festeventpg .btn {
        margin-top: 10px;
    }
    /*By Yasmin*/
    .pageicon3 {
        text-align: center;
        margin: 10px 0 0 0;
    }
    .pageicon3 {
        float: inherit;
    }
    .sortby li a {
        padding: .1rem .5rem;
    }
    .sortby li a {
        font-size: .8rem;
    }
    .ShowFilter a {
        padding: 6px 35px 6px 10px;
    }
    .seetobelieveimg {
        height: 250px;
    }
    #booktrails .carousel-control-next,
    #booktrails .carousel-control-prev {
        font-size: 2em;
        padding: 0px;
        height: min-content;
        top: -4%;
        width: auto;
    }
    #booktrails .carousel-control-prev {
        left: 89%;
    }
    .trailimgbox {
        margin: 20px 0px;
    }
    #booktrails .carousel-control-next {
        right: 15px;
    }
    #booktrails h3 {
        font-size: 1.5em;
    }
    #booktrails h5 {
        font-size: 1.2em;
    }
    #booktrails .carousel-control-prev {
        left: 88%;
    }
    .trailimgbox {
        height: 185px;
    }
    .trailimgbox img {
        height: 100%;
        object-fit: cover;
    }
    .insiderstories h4 {
        /*margin-top: 20px;*/
        font-size: 1.3em;
    }
    #seetobelieve .carousel-control-prev {
        left: 0;
    }
    #seetobelieve .carousel-control-next {
        right: 0;
    }
    .att .heading-section {
        margin: 20px 0px;
    }
    .virtual-tour {
        margin: 20px 0px 0px 0px;
        height: 200px;
    }
    .sticky-menu ul li {
        margin-bottom: 0;
    }
    .filterdiv {
        padding: 10px;
    }
    .citybox .cmask h3 {
        font-size: 1.5em;
        margin-top: 50px;
    }
    .citybox {
        height: 140px;
        margin-bottom: 15px;
    }
    .citybox .cmask h3 {
        border-bottom: 0px;
        margin-bottom: 0;
    }
    .citybox .cmask a {
        width: fit-content;
        margin: 0 auto;
        border: 1px solid #696969;
        padding: 2px 10px;
    }
    .location-content span {
        font-size: 1rem;
    }
    /*By MRD*/
    .insiderstories {
        margin-bottom: 20px;
    }
    .culturelink li {
        margin: 0px 0px 20px 0px;
    }
    .cultureimgdiv i {
        font-size: 1.5em;
    }
    .culturelink li li {
        padding: 0 20px 0 30px;
    }
    .cultureimgdiv li::before {
        margin-left: -15px;
    }
    .stay-tabs .nav-tabs .nav-item:first-child {
        margin-left: 0;
    }
    .stay-tabs .nav-tabs .nav-link {
        padding: .75rem 1rem;
    }
    .essential-content {
        padding: 1.7rem;
    }
}

@media (max-width :480px) {
    .konarkfactfile .eventdetail-list {
        padding: 180px 20px 20px 65px;
    }
    .konarkfactfile .ehover10:hover .eventdetail-list {
        padding: 130px 20px 20px 65px;
    }
    .wsdownmenu-animated-arrow {
        top: -40px;
    }
    #welcome .ehover13:hover .overlay h3 {
        font-size: 1.5em;
    }
    .icon-button,
    .icon-button i {
        width: 60px;
    }
    .art-craft li:last-child {
        margin: 0px 0px 20px 0px;
    }
    .artcraftright .ehover1 p {
        padding-top: 15px;
    }
    #boyanika {
        background-position: 91%;
    }
    #boyanika h1 {
        right: 49px;
        top: 45px;
    }
    #boyanika span {
        right: 44px;
        top: 88px;
    }
    #boyanika .btn {
        right: 73px;
        top: 124px;
    }
    .tab-content .btn {
        margin-top: -10px;
    }
    .place-content {
        margin-top: 7px;
    }
    .tourpoint2spot .locationdiv:after {
        right: 15px;
    }
    .fixed .wsdownmenu-animated-arrow {
        top: -39px;
    }
    .buttontab .btnbggradient a {
        padding: 15px 20px;
    }
    #innercontent .sticky-top {
        top: 82px;
    }
    .location-details {
        padding: 1rem;
    }
    .theme-img {
        height: auto
    }
    /*Rath yatra*/
    .parallax-banner,
    .parallax-banner div {
        height: 400px;
    }
    .parallax-banner .layer1 {
        background-size: 150%;
    }
    .parallax-banner .layer2 {
        background-size: 141%;
        background-position: right;
    }
    .parallax-banner .layer3 {
        background-size: 109%;
        top: -3%;
    }
    .parallax-banner .layer4 {
        display: none;
    }
    .parallax-banner .layer5 {
        background-position: center;
        bottom: 27%;
        background-size: 110%;
    }
    .parallax-banner .layer6 {
        bottom: 27%;
        background-position: center;
        background-size: 54%;
    }
}

@media (max-width :430px) {
    .konarkfactfile .ehover10:hover .eventdetail-list {
        padding: 90px 20px 20px 65px;
    }
    .wsmenu {
        top: 63px;
    }
    #inner-banner h3 {
        font-size: 1.6em;
    }
    .commmentresult {
        font-size: 0.8em;
    }
    .fixed .wsdownmenu-animated-arrow {
        top: -40px;
    }
    .fixed .wsmenu {
        top: 48px;
    }
    .locationdiv {
        width: 400px;
    }
    .icon-button,
    .icon-button i {
        width: 50px;
    }
    .wsdownmenu-animated-arrow {
        top: -43px;
    }
    #boyanika h1 {
        right: 42px;
        top: 41;
        font-size: 2.2em;
    }
    #boyanika span {
        right: 44px;
        top: 88px;
    }
    #boyanika .btn {
        right: 65px;
        top: 124px;
    }
    .fileimg .ehover4 .info,
    .fileimg .ehover42 button.info {
        margin-top: -39px;
    }
    /*.tab-content .btn{padding: 0px 15px;margin-top: -4px;}*/
    .wsdownmenu-animated-arrow {
        top: -52px;
    }
    .fixed .searchbtn {
        margin-top: 7px;
    }
    .icon-button1 {
        font-size: 1rem;
        width: 40px;
        height: 40px;
    }
    .steppingstage .eventbig img,
    .steppingstage .eventsmall img,
    .templemonument .eventbig img,
    .templemonument .eventsmall img {
        height: 100% !important;
        margin-top: 0;
    }
    .eventbook .btn {
        width: 100%;
        padding: 6px 12px !important;
    }
    .eventbook .btn-blue {
        margin-left: 0px !important;
        margin-top: 15px;
    }
    .ecotourbox h5 {
        font-weight: 500;
    }
    .eventbook {
        width: auto;
    }
    #touractivities .buttontab .btnbggradient a {
        min-height: 150px;
    }
    .fileimg {
        height: 400px;
    }
    /*.btn{    padding: 2px 12px !important;}*/
    .fixed .wsmenu {
        left: 0px;
    }
    #boyanika {
        background-position: 88%;
    }
    .fileimg .hover .overlay .info p {
        height: auto;
    }
    .icon-button,
    .icon-button i {
        width: 50px;
    }
    .wsdownmenu-animated-arrow {
        top: -43px;
    }
    #boyanika h1 {
        right: 42;
        top: 41;
    }
    #boyanika span {
        right: 26px;
    }
    #boyanika .btn {
        right: 53px;
    }
    .fileimg .ehover4 .info,
    .fileimg .ehover42 button.info {
        margin-top: -39px;
    }
    .blogdivBlg h5,
    #blog h4 {
        font-size: 1em !important;
    }
    .fileimg .hover h2 {
        bottom: -57%;
    }
    #innercontent .sticky-top {
        top: 76px;
    }
    #booktrails .carousel-control-prev {
        left: 86%;
    }
    .more-places-to-see .insiderimg {
        height: 110px;
    }
    /*By MRD*/
    .insiderstories h4 {
        margin-top: 10px;
    }
    .stay-tabs .nav-tabs .nav-link {
        padding: .5rem;
    }
    .stay-tabs .nav-tabs .nav-link {
        font-weight: normal;
        color: #000
    }
    /*Rath yatra*/
    .parallax-banner,
    .parallax-banner div {
        height: 350px;
    }
    .parallax-banner .layer1 {
        background-size: 150%;
    }
    .parallax-banner .layer2 {
        background-size: 141%;
        background-position: right;
    }
    .parallax-banner .layer3 {
        background-size: 109%;
        top: -3%;
    }
    .parallax-banner .layer4 {
        display: none;
    }
    .parallax-banner .layer5 {
        background-position: center;
        bottom: 37%;
        background-size: 110%;
    }
    .parallax-banner .layer6 {
        bottom: 35%;
        background-position: center;
        background-size: 54%;
    }
}

@media (max-width: 375px) {
    .konarkfactfile .eventdetail-list {
        padding: 158px 20px 20px 65px;
    }
    .wsdownmenu-animated-arrow,
    .fixed .wsdownmenu-animated-arrow {
        right: 20px;
    }
    .fixed .searchbtn {
        margin-top: 10px;
    }
    #inner-banner h3 {
        font-size: 1.4em;
    }
    .buttontab .btnbggradient a {
        padding: 15px 5px;
    }
    .wsdownmenu-animated-arrow {
        top: -50px;
    }
    .fixed .wsdownmenu-animated-arrow {
        top: -40px;
    }
    #boyanika h1 {
        right: 25px;
    }
    .place-content h4 {
        font-size: 1em;
        margin-top: 5px;
    }
    .konarkfactfile .eventdetail-list {
        padding: 148px 20px 20px 65px;
    }
    .konarkfactfile .ehover10:hover .eventdetail-list {
        padding: 68px 20px 20px 65px;
    }
    .wdate,
    .wday,
    .forcast .forecasttype {
        font-size: 0.8em;
    }
    .forcast .min {
        font-size: 0.5em;
    }
    .weatherbg img,
    .weatherbg object,
    .weatherbg svg {
        height: 35px;
    }
    .ecotourbox h5 {
        font-size: 1em;
    }
    .fileimg .ehover4 .info,
    .fileimg .ehover42 button.info {
        margin-top: -94px;
    }
    .fileimg {
        height: 340px;
    }
    .innersld .carousel-control-prev {
        left: 0%;
    }
    #logo-menudiv .border-bottom {
        padding-bottom: 8px;
    }
    .icon-button,
    .icon-button i {
        width: 43px;
        font-size: 1.1em !important;
    }
    #booktrails .carousel-control-prev {
        left: 82%;
    }
    #innercontent .sticky-top {
        top: 71px;
    }
    /*By MRD*/
    .more-places-to-see .insiderimg {
        min-height: auto;
        height: 90px;
    }
    .insiderstories h4 {
        margin-top: 0;
    }
}

@media (max-width: 320px) {
    .location-blogbg h4 {
        font-size: 1em;
    }
    .fileimg {
        height: 350px;
    }
    .fileimg .ehover4 .info,
    .fileimg .ehover42 button.info {
        margin-top: -140px;
    }
    #inner-banner h3 {
        font-size: 1.4em;
        font-weight: 400;
    }
    #boyanika .btn {
        right: 48px;
    }
    #touractivities .buttontab .btnbggradient a {
        min-height: 170px;
    }
}

.alert-message-footer {
    width: 100px;
    margin-top: 30px;
    color: white;
}

.confirm-button-footer {
    width: 100px;
    margin-top: 30px;
}