/*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');
  body{ overflow-x: hidden; font-family: 'Montserrat', sans-serif; outline: none;}
  /* new */
  .sub_nav {
    position: relative;
    outline: none;
  }
  .bott-m {
    position: relative !important;
    margin: 0 auto;
    display: inherit;
    text-align: center;
	padding-bottom:40px;
}

.sub_page{ margin-left:25px;}

  .slider-img{ margin:20px 0; text-align: -moz-center; text-align:-webkit-center; margin: 0 auto; padding:0; }

  .head-resolution{text-align: center; outline: none; color: rgb(241, 80, 26); font-family: 'Montserrat', sans-serif;}
  
  .sub_nav .main_nav {
    top: 0;
    left: 100%;
    margin-top: -1px;
    outline: none;
  }
  .top-bottom{ padding:15px !important;}
  
  .blog-content2 a{ color:#fff; }
  .footer h3:before{ position: absolute; outline: none; width:50px; height: 0.5px;  content: ""; top: 65px; left:18px; border: 1px dashed #fff; }
  .headl{text-align: center;color: rgb(241, 80, 26); font-family: 'Montserrat', sans-serif;}
  .nm{text-align:center; font-size: large;}
  /* new close */

  /* #header {
    height: 100px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0;
    background: #fff;
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
  /* } */

  #header {
    height: 100px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0px;
    background: #fff;
    margin:0px 0px 10px 10px; 
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
    padding-top: 25px;
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin-left: 0px;
    outline: none;
  }
 #sp2 p{color:#000;}
  #header.header-scrolled,
  #header.header-pages {
    /* height: 60px; */
    padding: 10px 0;
  }
  
  .wrapper {
        width: 100%;
        overflow: hidden;
		margin-left:100px;
    }
    .photobanner {
        position: relative;
        height: 233px;
        margin-bottom: 30px;
       display:flex;
        width: 100%;
		
    }
	.blog-content2 a.readmore {
    text-decoration: underline;
    color: #fff;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 99;
}

	.blog-content2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    background: rgb(241, 80, 26);
    visibility: hidden;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.blog-wrap2:hover .blog-content2 {
    visibility: visible;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}



.blog-content2 span {
    display: block;
    color: #e40ef0;
    margin-bottom: 5px;
    font-style: italic;
    margin-top: -30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.blog-wrap2:hover::before {
    -webkit-animation: animate3 .6s linear forwards;
    animation: animate3 .6s linear forwards;
}
.next-prev-style .owl-item.active .line::before, .blog-wrap2:hover::before {
    -webkit-animation: animate 1s linear forwards;
    animation: animate 1s linear forwards;
}
.blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 0 solid transparent;
    content: "";
    z-index: 9;
}
.blog-wrap2 {
    position: relative;
    margin-bottom: 30px;
    z-index: 9;
}
.line::before, .line::after, .blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: px solid transparent;
    content: "";
    z-index: -9;
}
.blog-content2 p {
    margin-bottom: 20px;
    color: #f1f1f1;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    line-height: 29px;
}

.blog-wrap2:hover .blog-content2 h4 {
    margin-left: 0;
}


.blog-content2 h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    margin-left: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
	color:#fff;
}

.blog-content2 h4  a{ color:#fff;}
	
	

    .photobanner img {
        margin: 0px 30px;
        box-shadow: 2px 2px 8px #8a8a8a;
		
    }
	
	

    .photobanner {
        animation: bannermove 30s linear infinite alternate-reverse;
    }

    @keyframes bannermove {
        from {
            left: 0px;
			
			

        }
        to {
            left: -2700px;
			
        }
    }
	
	<!---section end-->

  .title_box{ color:#f12711 !important; outline: none;  }
  
  #header .logo h1 {
    font-size: 36px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    outline: none;
  }
  
  #header .logo h1 a,
  #header .logo h1 a:hover {
    color: #00366f;
    text-decoration: none;
  }
  
  /* #header .logo img {
    padding: 0;
    margin: -20px 128px;
    max-height: 100px;
  } */
  

  #header .logo img {
    padding: 0;
    margin: -20px -4px;
    max-height: 100px;
    outline: none;
  }


  .main-pages {
    margin-top: 60px;
  }

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
    width: 100%;
    position: relative;
    /* background: url("../img/intro-bg.png") center bottom no-repeat; */
    background-size: cover;
    padding: 80px 0 0px 0;
    outline: none;
  }
  
  #intro .intro-img {
    width: 100%;
    float: right;
    outline: none;
  }
  
  #intro .intro-info {
    width: 50%;
    float: left;
  }
  
  #intro .intro-info h2 {
    color: #fff;
    margin-bottom: 40px;
    font-size: 48px;
    font-weight: 700;
  }
  
  #intro .intro-info h2 span {
    color: #74b5fc;
    text-decoration: underline;
  }
  
  #intro .intro-info .btn-get-started,
  #intro .intro-info .btn-services {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 32px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 0 20px 20px 0;
    color: #fff;
  }
  
  #intro .intro-info .btn-get-started {
    background: #007bff;
    border: 2px solid #007bff;
    color: #fff;
  }
  
  #intro .intro-info .btn-get-started:hover {
    background: none;
    border-color: #fff;
    color: #fff;
  }
  
  #intro .intro-info .btn-services {
    border: 2px solid #fff;
  }
  
  #intro .intro-info .btn-services:hover {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
  }
  
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  
  /* Desktop Navigation */
  
  .main-nav {
    /* Drop Down */
    /* Deep Drop Down */
  }
 
  .main-nav,
  .main-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .main-nav > ul > li {
    position: relative;
    white-space: nowrap;
    float: left;
  }
  
  .main-nav a {
    display: block;
    position: relative;
    color: #FFD700  !important;
    padding: 10px 12px;
    transition: 0.3s;
    font-size: 15px;
    /* font-family: "Montserrat", sans-serif; */
    font-family: 'Nunito', sans-serif;
    font-weight: 500;


  }
  
  .main-nav a:hover,
  .main-nav .active > a,
  .main-nav li:hover > a {
    color: white !important;
    text-decoration: none;
    
  }
  
  .main-nav .drop-down ul {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: ease all 0.3s;
  }
  
  .main-nav .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  
  .main-nav .drop-down li {
    min-width: 180px;
    position: relative;
  }
  
  .main-nav .drop-down ul a {
    padding: 10px 20px;
    font-size: 13px;
    color: #004289;
  }
  
  .main-nav .drop-down ul a:hover,
  .main-nav .drop-down ul .active > a,
  .main-nav .drop-down ul li:hover > a {
    color: #007bff;
  }
  
  .main-nav .drop-down > a:after {
    content: "\f107";
    font-family: FontAwesome;
    padding-left: 10px;
  }
  
  .main-nav .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
  }
  
  .main-nav .drop-down .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
  }
  
  .main-nav .drop-down .drop-down > a {
    padding-right: 35px;
  }
  
  .main-nav .drop-down .drop-down > a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
  }
  
  /* Mobile Navigation */
  
  .mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: rgba(19, 39, 57, 0.8);
    transition: 0.4s;
  }
  
  .mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .mobile-nav a {
    display: block;
    position: relative;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
  }
  
  .mobile-nav a:hover,
  .mobile-nav .active > a,
  .mobile-nav li:hover > a {
    color: white;
    text-decoration: none;
  }
  
  .mobile-nav .drop-down > a:after {
    content: "\f078";
    font-family: FontAwesome;
    padding-left: 10px;
    position: absolute;
    right: 15px;
  }
  
  .mobile-nav .active.drop-down > a:after {
    content: "\f077";
  }
  
  .mobile-nav .drop-down > a {
    padding-right: 35px;
  }
  
  .mobile-nav .drop-down ul {
    display: none;
    overflow: hidden;
  }
  
  .mobile-nav .drop-down li {
    padding-left: 20px;
  }
  
  .mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
  }
  
  .mobile-nav-toggle i {
    margin: 18px 18px 0 0;
    color: #004289;
  }
  
  .mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(19, 39, 57, 0.8);
    overflow: hidden;
    display: none;
  }
  
  .mobile-nav-active {
    overflow: hidden;
  }
  
  .mobile-nav-active .mobile-nav {
    left: 0;
  }
  
  .mobile-nav-active .mobile-nav-toggle i {
    color: #fff;
  }
   
  






  /* diffrent pagecode */
  * {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Slab', serif;
	
}


.bg_bg {
    background-image: url(../img/body_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    padding-bottom: 100px;
}


ul {
    margin: 0 !important;
}

a {
    display: inline-block
}

a:hover {
    text-decoration: none !important;
    cursor: pointer;
}

.my_nav {
    border-bottom: 1px solid rgb(241,80,26);
    background: #444543
}

.my_nav li a {
    display: block;
    padding: 20px;
    color:  rgb(255,255,255) !important;
}

.my_nav li a:hover {
    background:  rgb(241,80,26);
    color: #444543;
    transition-duration: .5s
}

.online_srviceses a {
    display: block;
    background-color: #ffcc00;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 1.3em
}

.new {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(254, 153, 9, 0.8);
    height: auto;
}

.bg {
    background: #ffcc00;
    color: #ffffff;
    margin-bottom: 30px;
    height: 100px;
    padding: 10px;
}

.daily_programme {
    background: #ffcc00;
    color: #ffffff;
    padding: 30px 0
}

.daily_programme .col-sm-2 {
    border-right: 5px solid #fff
}

.daily_programme h3 {
    color: #fff !important;
}

.fest_img {
    background-image: url(../img/festivel.jpg);
    background-size: cover;
    background-position: center;
    height: 100px;
}

.footer {
    /* background: #000000; */
    /* background: linear-gradient(130deg, rgba(255, 134, 0, 1) 0%, rgba(226, 83, 76, 1) 100%); */
  background: #f12711;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */  
  background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* padding: 50px; */
    /* height: 50vh; */
}
.footer h3{
  color:black !important;
}

#top_bg {
    background-color: #333;
    width: 100%;
    display: block;
    transition: top 0.3s;
    height: 200px;
    background-image: url(../img/jejuri_gad.jpg);
    background-size: cover;
    background-position: top
}

h3 {
    color: #ffcc00 !important;
}

.read_more {
    color: #ffcc00;
    font-weight: 600;
    text-align: center !important;
    display: block;
    padding: 20px 0
}

hr.clr {
    border: 1px solid #ffcc00;
    margin-top: 30px;
}

hr.clr1 {
    border: 1px solid #ffcc00;
    margin-top: 30px;
}

.margin_top_bottom {
    margin: 30px auto;
}


/* Slider */

.slick-slide {
    margin: 0px 10px;
}

.slick-slide img {
    width: 107%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin:30px 0px;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.carousel-control.left {

  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;

}

.carousel-control.right {

  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;

}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.footer ul li a {
    display: block;
    margin: 15px auto;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 1px dotted #fff;
    font-family: 'Montserrat', sans-serif;
}

.footer h3 {
    margin-bottom: 50px;
    font-family: 'Montserrat', sans-serif;
    color:#fff !important;
    font-size: 20px;
}

.footer p {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.header {
    height: 100px;
    background-color: rgb(241,80,26) ;
    position: relative;
}

h1 {
    color: #fff !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

.header p {
    color: #fff;
    font-size: 1.1em
}

.header img {
    position: absolute;
    bottom: 0px;
    left: 100px;
    border: 5px solid #fff;
    /* border-bottom: none */
}
.smg{
  position: absolute !important;
  bottom: 0px !important;
  left: 1000px !important;
  border: 5px solid #fff !important;
}

.malhar_name img {
    margin-top: 26px
}

.log_in li a {
    display: block;
    margin-top: 40px;
    color: rgb(241,80,26);
    padding-right: 20px;
}
 
.log_in li a:nth-child(1) {
    border-right: 1px solid rgb(241,80,26);
}
.title {
    /* width: 100%; */
    background-image: url(../img/title_img1.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Montserrat', sans-serif;
    color: rgb(241, 80, 26);
    font-weight: 500;
    font-size: 30px;
    padding-top: 40px;
    padding-bottom: 0px;
    text-align: center;
    margin-bottom: 31px;
}

.com_new h2 {
    background-color: #ffcc00;
    padding: 15px;
    color: #444543;
    font-weight: 600;
    margin: 0;
    border: #444543 1px solid;
    border-bottom: none
}

.com_new div {
    height: 300px;
    border: 1px solid #444543;
    width: 100%;
    padding: 5px;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.com_new marquee {
    padding: 10px
}

.com_new marquee a {
    display: block;
    color: #444543;
    padding: 10px;
    font-size: 1.5em
}


.my_contain p {
    text-align: justify;
    font-size: 13px;
    font-weight: 100;
}


.daily_program {
    margin-bottom: 30px;
}

.daily_program p {
    color: #444543 !important;
    text-align: center
}

.daily_program h3 {
    color: #444543 !important;
    text-align: center
}

.margin-b {
    margin: 30px auto;
    color: rgb(241,80,26);
}

.mb_30 {
    margin-bottom: 30px;
}

.contact h3 {
    color: #444543 !important
}

.more {
    display: block;
    text-align: right;
    margin-top: 15px;
}

.media_bg h2 {
    color: #777;
    font-weight: 600;
}

.media_bg a {
    color: #ffcc00 !important;
    font-weight: 600
}

.media_gallery {
   // background-image: url(../img/festivel.jpg);
    height: 200px;
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
    display: block;
}

.room_booking_table {
    width: 100%
}

.Search {
    padding: 20px !important;
    width: 100% !important;
    background-color: #ffcc00 !important;
}

input[type=date] {
    line-height: 12px !important;
}

.sub_nav {
    position: absolute;
    text-align: left;
    z-index: 1;
    background: #444543;
    display: none;
/* new */
  right: 0;
}

.sub_nav li a {
    padding: 10px 20px 10px 20px;
    min-width: 170px;
}

.hover:hover .sub_nav {
    display: block;
}

.my_contain .img-thumbnail span {
    font-size: 1.5em
}

.aarti {
    color: #444543 !important;
    margin-bottom: 20px;
}

.book {
    color: #444543;
    margin-bottom: 20px;
}

.book p {
    padding: 20px;
    display: block;
}

.log_in_page {
    padding-top: 100px;
    padding-bottom: 50px;
    margin: 100px auto;
    background: rgba(0, 0, 0, 0.5);
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #777;
    margin-bottom: 0;
}



.log_in_page img {
    margin-top: -180px;
    border: 5px solid #fff
}

.log_in_page a {
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.log_in_page a:hover {
    color: #ffcc00
}

.log_in_page button {
    background-color: #ffcc00;
    padding-left: 50px;
    padding-right: 50px;
    border: none;
}

.log_in_page button:hover {
    background-color: #000;
    color: #ffcc00;
    transition-duration: 0.6s
}





.flip-card6 {
  background-color: transparent;
  width: 275px !important;
  height: 275px !important;
  perspective: 1000px;
 
}

.flip-card-inner6 {
  position: relative;
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card6:hover .flip-card-inner6 {
  transform: rotateY(180deg);
}

.flip-card-front6, .flip-card-back6 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front6 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back6 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
  width:171px;
  height:180px;
}


.flip-card1 {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
  margin-bottom: 10px;
}

.flip-card-inner1 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card1:hover .flip-card-inner1 {
  transform: rotateY(180deg);
}

.flip-card-front1, .flip-card-back1 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front1 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back1 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}


































/* flipdirectory */
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
  
}

.flip-card7 {
  background-color: transparent;
  width: 300px;
  height: 175px;
  perspective: 1000px;
}

.flip-card-inner7 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card7:hover .flip-card-inner7 {
  transform: rotateY(180deg);
}

.flip-card-front7, .flip-card-back7 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front7 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back7 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}


.flip-card1 {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
  margin-bottom: 10px;
}

.flip-card-inner1 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card1:hover .flip-card-inner1 {
  transform: rotateY(180deg);
}

.flip-card-front1, .flip-card-back1 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front1 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back1 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}



/* flipdirectoryclose */

/* slider index page */

.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        /* transition: 500ms ease-in-out all; */
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}


/* body{
  background: #333;
  color: #ddd;
} */
h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  /* text-shadow: 0px 2px 0px rgba(0, 0, 0, 1); */
}

/* slider index page close */


/* new3 */

.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }

.well{
  background-color: rgb(241,80,26,0.2) !important;
  border:none !important;
}

/* new3 close */


/* popupaarti */

.aarti {
  color: #444543 !important;
  margin-bottom: 20px;
}


/* popupaarticlose */


   /* directory,live,donation  */

   .tflip1{
    width:100%;
     margin-top: 20px; 
     margin-bottom: 20px;
  }
  .tflip2{
    border-right: 10px solid white;
    height:200px;
    margin-top:15px;
  }
  .tflip3{
    font-size: 40px;
    text-align: center;
    padding: 10px;
  }
  .tflip4 h2{
    font-size:30px;
  }
  .tflip4{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip5{
    font-size: 20px;text-align: center;padding: 10px;
  }
  .tflip6{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 35px;
  } 
  .tflip7{
    border-right: 10px solid white;height:200px;margin-top: 15px;
  }
  .tflip8{
    font-size: 40px;text-align: center;padding: 10px;
  }
  .tflip9 h2{
    font-size:30px;
  }
  .tflip9{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip10{
    font-size: 20px;text-align: center;padding: 10px;
  }
  .tflip11{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 35px;
  }

  .tflip22{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 10px; font-weight: 800;font-size: 35px;
  }
  .tflip12{
    height:200px;margin-top: 15px;
  }
  .tflip13{
    font-size: 40px;text-align: center;padding: 10px;
  }
  .tflip14 h2{
    font-size:30;
  }
  .tflip14{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip15{
    font-size: 20px;text-align: center;padding: 10px;
  }
  

 /* directory,live,donation end  */
 .thdb1{
  font-size: 26px;
}
.thdb2{
 font-size: 26px;
}
.thdb3{
 font-size: 26px;
}
.thdb4{
 font-size:25px;
}
  /* recent festive */


.trfestive{
  margin-left: 0px;padding-left:-1px;padding-right:20px; margin-top: 20px;font-size: large;margin-bottom: 0px;text-align: center;
}
.trfestive2{
  width: 90%;padding-top:5px;text-align: justify;
}
.rmg{
  height: 220px;width:90%;
}
/* recent festive close */
/* media */

#mdi{
  display: block;
}
#mdre{
  display: none;
  margin-top:40px;
  margin-bottom:40px;
  background-color: rgb(241,80,26);
  padding-bottom:20px;
}
/* media close */


.strong_titl{ font-weight: 100; font-size: 16px;}


.hmgg{
  height: 90px;
}
.hname{
  color: rgb(255, 255, 255);font-size: 20px;margin-left: -6px;margin-top:10px;
  font-family: 'Barlow', sans-serif;
  
}
.hcarou{
  margin-top:25px;
}
#resnav{
  display:none !important;
}
.hevents{
  text-align: center;
  color: rgb(241, 80, 26);
 margin-top:110px
}
.edtl{
    margin-top:50px;
    margin-bottom: 10px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}
.edtl2{
    text-align:center;
    border:1px solid grey;
     border-radius:0px 5px 0px 5px;
     width:90%;
     margin-left:20px;
}
.hcarouadd{
  margin-top:75px;
} 

/* new advertisement */
/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}

.flip-card2 {
  background-color: transparent;
  width: 300px !important;
  height: 200px !important;
  perspective: 1000px;
  margin-bottom: 10px;
}

.flip-card-inner2 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card2:hover .flip-card-inner2 {
  transform: rotateY(180deg);
}

.flip-card-front2, .flip-card-back2 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front2 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back2 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */
/* end ad vertisement*/

@media screen and (min-device-width: 0px) and (max-device-width: 319px) and (orientation: portrait)

{
   /* directory,live,donation  */
   .thdb1{
     font-size: 26px;
   }
   .flip-card1 {
    background-color: transparent;
    width: 300px;
    height: 360px;
    perspective: 1000px;
    margin-bottom: 10px;
  }
  .top-bottom{ padding:15px !important;}
   .thdb2{
    font-size: 26px;
   }
   .thdb3{
    font-size: 26px;
   }
   .thdb4{
    font-size:25px;
  }
    .tflip1{
      width:100%;
       margin-top: 20px; 
       margin-bottom: 20px;
    }
    .tflip2{
      border-right: 10px solid white;
      height:175px !important;
      width:80% !important;
      margin-left: 34px;
    }
    .tflip3{
      font-size: 30px;
      text-align: center;
      padding: 10px;
    }
    .tflip4 h2{
      font-size: 24px;
    }
    .tflip4{
      font-size: 30px;text-align: center;padding: 10px;
    }
    .tflip5{
      font-size: 20px;text-align: center;padding: 10px;
    }
    .tflip6{
      text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
    } 
    .tflip7{
      border-right: 10px solid white;height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
    }
    .tflip8{
      font-size: 30px;text-align: center;padding: 10px;
    }
    .tflip9 h2{
      font-size: 24px;
    }
    .tflip9{
      font-size: 30px;text-align: center;padding: 10px;
    }
    .tflip10{
      font-size: 20px;text-align: center;padding: 10px;
    }
    .tflip11{
      text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
    }
    .tflip12{
      height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
    }
    .tflip13{
      font-size: 30px;text-align: center;padding: 10px;
    }
    .tflip14 h2{
      font-size: 24px;
    }
    .tflip14{
      font-size: 30px;text-align: center;padding: 10px;
    }
    .tflip15{
      font-size: 20px;text-align: center;padding: 10px;
    }
    

   /* directory,live,donation end  */

    /* recent festive */
  .finner{
    width: 100% !important;
  }

  .trfestive{
    margin-left: 0px !important; margin-top: 20px;font-size: large;margin-bottom: 0px;text-align: center;
  }
  .trfestive2{
    width: 100%;padding-top:5px;text-align: justify;
  }
  .rmg{
    height: 250px;width:100%;
  }
  /* recent festive close */

  /* media */

  #mdi{
    display: none;
  }
  #mdre{
    display: block;
    margin-top:40px;
    margin-bottom:40px;
  }
  /* media close */


 .edtl{
    margin-top:50px !important;
    margin-bottom: 1px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
} 
.edtl23{
    text-align:center;
    border:1px solid grey;
    border-radius:0px 5px 0px 5px;
    width:90%;
    margin-left:20px;
}
  .hmgg{
    height:70px;
  }
  .hname{
    color: rgb(255, 255, 255);
    font-size: 18px;
    margin-left: 8px;
    margin-top: 0px;
  }
  #header {
    height: 75px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0px;
    background: #fff;
    margin:0px 0px 10px 10px; 
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
    padding-top: 25px;
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin-left: 0px;
  }
  .fixed-top {
    position: fixed;
    top: 0;
    right: 0px;
    left: 0;
    /* z-index: 1030; */
}
  .hcarou{
    margin-top:0px;
  } 
  .hsimage{
    height:150px !important;
  } 
  /* .d-none{
    display: block !important;
  } */
  #resnav{
    display: block !important;
    margin-top: -58px !important; 
    /* margin-right: -12px; */
  }

  .dropdown-container{
    position: absolute;
    right: 93%;
    display: none ;
  }
 
  .hover:hover .sub_nav{
    display: block;
  }
 
.sub_nav li a{
  min-width: 150px;
}
.nicn {
  background-color:  !important;
   font-size: 25px !important;
   margin-right:-12px;
   margin-top: -9px;
   text-align:right;
  color:white !important;
}
.hevents{
  text-align: center;
  color: rgb(241, 80, 26);
 margin-top:20px !important;
}
.hcarouadd{
  margin-top:75px;
}

  /* navtry */

  
  .topnav {
    overflow: hidden;
    -webkit-overflow: hidden;
    -webkit-background-color: #333;
    background-color: #333;
    /* background-color: #f12711; */
  }
   
  .topnav a {
    float: left;
    -webkit-float: left;
    display: block;
    -webkit-display: block;
    color: #ffcc00;
    -webkit-color: #ffcc00;
    text-align: center;
    -webkit-text-align: center;
    padding: 14px 16px;
    -webkit-padding: 14px 16px;
    text-decoration: none;
    -webkit-text-decoration: none;
    font-size: 17px;
    -webkit-font-size: 17px;
    /* background-color: #333; */
  }
  
  .active {
    background-color: lightslategray;
    -webkit-background-color: lightslategray;
    color: white;
    -webkit-color: white;
  }
  
  .topnav .icon {
    display: none ;
    -webkit-display:none;
  }
  
  .dropdown {
    float: left;
    -webkit-float: left;
    overflow: hidden;
    -webkit-overflow: hidden;
  }
  
  .dropdown .dropbtn {
    font-size: 17px;    
    -webkit-font-size: 17px;
    border: none;
    -webkit-border: none;
    outline: none;
    -webkit-outline: none;
    color: #ffcc00;
    -webkit-color: #ffcc00;
    padding: 14px 16px;
    -webkit-padding: 14px 16px;
    background-color: inherit;
    -webkit-background-color: inherit;
    font-family: inherit;
    -webkit-font-family: inherit;
    margin: 0;
    -webkit-margin: 0;
  }
  
  .dropdown-content {
    display: none;
    -webkit-display: none;
    position: absolute;
    -webkit-position: absolute;
    background-color: black;
    -webkit-background-color: black;
    min-width: 160px;
    -webkit-min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    -webkit-z-index: 1;
  }
  
  .dropdown-content a {
    float: none;
    -webkit-float: none;
    color: black;
    -webkit-color: black;
    padding: 12px 16px;
    -webkit-padding: 12px 16px;
    text-decoration: none;
    -webkit-text-decoration: none;
    display: block;
    -webkit-display: block;
    text-align: left;
    -webkit-text-align: left;
  }
  
  .topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    -webkit-background-color: #555;
    color: white;
    -webkit-color: white;
  }
  
  .dropdown-content a:hover {
    background-color: #555;
    -webkit-background-color: #555;
    color: black;
    -webkit-color: black;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
    -webkit-display: block;
  }
  
/* navtry   */


/* flipdirectory */
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
  margin-bottom: 10px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}

.flip-card7 {
  background-color: transparent;
  width: 300px;
  height: 175px;
  perspective: 1000px;
}

.flip-card-inner7 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card7:hover .flip-card-inner7 {
  transform: rotateY(180deg);
}

.flip-card-front7, .flip-card-back7 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front7 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back7 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}

.flip-card2 {
  background-color: transparent;
  width: 300px;
  height: 360px !important;
  perspective: 1000px;
  margin-bottom: 10px;
}

.flip-card-inner2 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card2:hover .flip-card-inner2 {
  transform: rotateY(180deg);
}

.flip-card-front2, .flip-card-back2 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front2 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back2 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}

/* flipdirectoryclose */

  }

  @media screen and (min-device-width: 320px) and (max-device-width: 360px) and (orientation: portrait)
  {
    .thdb1{
      font-size: 26px;
    }
    .float-left {
      float: none !important;
  }
  .contact h3 {
    color: #444543 !important;
    font-size: 15px !important;
}
.contact h2{ color: #444543 !important;
    font-size: 15px !important;}
  
  .top-bottom{ padding:15px !important;}
  .blog-content2 a{ color:#fff; }
    .flip-card2 {
      background-color: transparent;
      width: 300px;
      height: 247px !important;
      perspective: 1000px;
      margin-bottom: 10px;
    }
    .contd{font-size: 18px !important; width: 100% !important;margin-top: 0px !important; margin-left: 0px !important; padding: 16px !important;padding-left: 0px !important;} 
    .flip-card6{ background-color:transparent; perspective:1000px; height:100px !important; width:100px !important;}

.flip-card-back6 {

    background-color: rgb(241, 80, 26) !important;
    color: rgb(255,204,0) !important;
    transform: rotateY(180deg) !important;
    width: 107px !important;
    height: 107px !important;

}

.wrapper {
        width: 100%;
        overflow: hidden;
    }
    .photobanner {
        position: relative;
        height: 233px;
        margin-bottom: 30px;
       display:flex;
        width: 100%;
		
    }
	.blog-content2 a.readmore {
    text-decoration: underline;
    color: #fff;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 99;
}
	.blog-content2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    background: rgb(241, 80, 26);
    visibility: hidden;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.blog-wrap2:hover .blog-content2 {
    visibility: visible;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.blog-content2 span {
    display: block;
    color: #e40ef0;
    margin-bottom: 5px;
    font-style: italic;
    margin-top: -30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.blog-wrap2:hover::before {
    -webkit-animation: animate3 .6s linear forwards;
    animation: animate3 .6s linear forwards;
}
.next-prev-style .owl-item.active .line::before, .blog-wrap2:hover::before {
    -webkit-animation: animate 1s linear forwards;
    animation: animate 1s linear forwards;
}
.blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 0 solid transparent;
    content: "";
    z-index: 9;
}
.blog-wrap2 {
    position: relative;
    margin-bottom: 30px;
    z-index: 9;
	left:0;
}
.line::before, .line::after, .blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: px solid transparent;
    content: "";
    z-index: -9;
}
.blog-content2 p {
    margin-bottom: 20px;
    color: #f1f1f1;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    line-height: 29px;
}

.blog-wrap2:hover .blog-content2 h4 {
    margin-left: 0;
}
.blog-content2 h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    margin-left: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
	color:#fff;
}

.blog-content2 h4  a{ color:#fff;}
	
	

    .photobanner img {
        margin: 0px 30px;
        box-shadow: 2px 2px 8px #8a8a8a;
    }
	
	

    .photobanner {
        animation: bannermove 30s linear infinite alternate-reverse;
    }

    @keyframes bannermove {
        from {
            left: 0px;
        }
        to {
            left: -2700px;
        }
    }
	
	<!---section end-->

.tflip22{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 10px; font-weight: 800;font-size: 18px;
  }




    .flip-card1 {
      background-color: transparent;
      width: 300px;
      height: 300px !important;
      perspective: 1000px;
      margin-bottom: 10px;
    }
    .contd{font-size: 18px; width: 100%;margin-top: 41px; margin-left: 33px; padding: 16px;padding-left: 35px;} 
    .contet{font-size: 17px !important; padding: 16px !important; display: contents; padding-left: 0px !important; margin-left:0px !important; margin-top:25px !important; position: fixed !important;}
    .thdb2{
     font-size: 18px;
    }
    .thdb3{
     font-size: 26px;
    }
    .thdb4{
     font-size:25px;
   }
     .tflip1{
       width:100%;
        margin-top: 20px; 
        margin-bottom: 20px;
     }
     .tflip2{
       border-right: 10px solid white;
       height:175px !important;
       width:80% !important;
       margin-left: 34px;
     }
     .tflip3{
       font-size: 30px;
       text-align: center;
       padding: 10px;
     }
     .tflip4 h2{
       font-size: 24px;
     }
     .tflip4{
       font-size: 30px;text-align: center;padding: 10px;
     }
     .tflip5{
       font-size: 20px;text-align: center;padding: 10px;
     }
     .tflip6{
       text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
     } 
     .tflip7{
       border-right: 10px solid white;height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
     }
     .tflip8{
       font-size: 30px;text-align: center;padding: 10px;
     }
     .tflip9 h2{
       font-size: 24px;
     }
     .tflip9{
       font-size: 30px;text-align: center;padding: 10px;
     }
     .tflip10{
       font-size: 20px;text-align: center;padding: 10px;
     }
     .tflip11{
       text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
     }
     .tflip12{
       height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
     }
     .tflip13{
       font-size: 30px;text-align: center;padding: 10px;
     }
     .tflip14 h2{
       font-size: 24px;
     }
     .tflip14{
       font-size: 30px;text-align: center;padding: 10px;
     }
     .tflip15{
       font-size: 20px;text-align: center;padding: 10px;
     }
     
 
    /* directory,live,donation end  */
 
     /* recent festive */
   .finner{
     width: 100% !important;
   }
 
   .trfestive{
     margin-left: 0px !important; margin-top: 20px;font-size: large;margin-bottom: 0px;text-align: center;
   }
   .trfestive2{
     width: 100%;padding-top:5px;text-align: justify;
   }
   .rmg{
     height: 250px;width:100%;
   }
   /* recent festive close */
 
   /* media */
 
   #mdi{
     display: none;
   }
   #mdre{
     display: block;
     margin-top:40px;
     margin-bottom:40px;
   }
   /* media close */
 
 
  .edtl{
     margin-top:50px !important;
     margin-bottom: 1px;
     margin-left:0px;
     margin-right:0px;
     padding:0px;
 } 
 .edtl23{
     text-align:center;
     border:1px solid grey;
     border-radius:0px 5px 0px 5px;
     width:90%;
     margin-left:20px;
 }
   .hmgg{
     height:70px;
   }
   .hname{
     color: rgb(255, 255, 255);
     font-size: 18px;
     margin-left: 8px;
     margin-top: 0px;
   }
   #header {
     height: 75px;
     transition: all 0.5s;
     z-index: 997;
     transition: all 0.5s;
     padding: 20px 0px;
     background: #fff;
     margin:0px 0px 10px 10px; 
     /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
     padding-top: 25px;
     background: #f12711;  /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     margin-left: 0px;
   }

   .topnav.responsive {
    position: relative !important;
    -webkit-position: relative !important;
    top: 0px !important;
    left:0px !important;
    height: 900px !important;
	overflow-y:scroll;
	
}
   .fixed-top {
     position: fixed;
     top: 0;
     right: 0px;
     left: 0;
     /* z-index: 1030; */
 }
   .hcarou{
     margin-top:0px;
   } 
   .hsimage{
     height:150px !important;
   } 
   /* .d-none{
     display: block !important;
   } */
   #resnav{
     display: block !important;
     margin-top: -58px !important; 
     /* margin-right: -12px; */
   }
 
   .dropdown-container{
     position: absolute;
     right: 93%;
     display: none ;
   }
  
   .hover:hover .sub_nav{
     display: block;
   }
  
 .sub_nav li a{
   min-width: 150px;
 }
 .nicn {
   background-color:  !important;
    font-size: 25px !important;
    margin-right:-12px;
    margin-top: -9px;
    text-align:right;
   color:white !important;
 }
 .hevents{
   text-align: center;
   color: rgb(241, 80, 26);
  margin-top:20px !important;
 }
 .hcarouadd{
   margin-top:75px;
 }
 
   /* navtry */
 
   
   .topnav {
     overflow: hidden;
     -webkit-overflow: hidden;
     -webkit-background-color: #333;
     background-color: #333;
     /* background-color: #f12711; */
   }
    
   .topnav a {
     float: left;
     -webkit-float: left;
     display: block;
     -webkit-display: block;
     color: #ffcc00;
     -webkit-color: #ffcc00;
     text-align: center;
     -webkit-text-align: center;
     padding: 14px 16px;
     -webkit-padding: 14px 16px;
     text-decoration: none;
     -webkit-text-decoration: none;
     font-size: 17px;
     -webkit-font-size: 17px;
     /* background-color: #333; */
   }
   
   .active {
     background-color: lightslategray;
     -webkit-background-color: lightslategray;
     color: white;
     -webkit-color: white;
   }
   
   .topnav .icon {
     display: none ;
     -webkit-display:none;
   }

   .main-nav a {
    display: block;
    position: relative;
    color: #FFD700 !important;
    padding: 10px 12px;
    transition: 0.3s;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    margin-top:11px;
    
}
   
   .dropdown {
     float: left;
     -webkit-float: left;
     overflow: hidden;
     -webkit-overflow: hidden;
   }
   
   .dropdown .dropbtn {
     font-size: 17px;    
     -webkit-font-size: 17px;
     border: none;
     -webkit-border: none;
     outline: none;
     -webkit-outline: none;
     color: #ffcc00;
     -webkit-color: #ffcc00;
     padding: 14px 16px;
     -webkit-padding: 14px 16px;
     background-color: inherit;
     -webkit-background-color: inherit;
     font-family: inherit;
     -webkit-font-family: inherit;
     margin: 0;
     -webkit-margin: 0;
   }
   
   .dropdown-content {
     display: none;
     -webkit-display: none;
     position: absolute;
     -webkit-position: absolute;
     background-color: black;
     -webkit-background-color: black;
     min-width: 160px;
     -webkit-min-width: 160px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
     -webkit-z-index: 1;
   }
   
   .dropdown-content a {
     float: none;
     -webkit-float: none;
     color: black;
     -webkit-color: black;
     padding: 12px 16px;
     -webkit-padding: 12px 16px;
     text-decoration: none;
     -webkit-text-decoration: none;
     display: block;
     -webkit-display: block;
     text-align: left;
     -webkit-text-align: left;
   }
   
   .topnav a:hover, .dropdown:hover .dropbtn {
     background-color: #555;
     -webkit-background-color: #555;
     color: white;
     -webkit-color: white;
   }
   
   .dropdown-content a:hover {
     background-color: #555;
     -webkit-background-color: #555;
     color: black;
     -webkit-color: black;
   }
   
   .dropdown:hover .dropdown-content {
     display: block;
     -webkit-display: block;
   }
   
 /* navtry   */
 
 
 /* flipdirectory */
 .flip-card {
   background-color: transparent;
   width: 300px;
   height: 300px;
   perspective: 1000px;
   margin-bottom: 10px;
 }
 
 .flip-card-inner {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   transition: transform 0.6s;
   transform-style: preserve-3d;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
 }
 
 .flip-card:hover .flip-card-inner {
   transform: rotateY(180deg);
 }
 
 .flip-card-front, .flip-card-back {
   position: absolute;
   width: 100%;
   height: 100%;
   backface-visibility: hidden;
 }
 
 .flip-card-front {
   background-color: #DCDCDC;
   color: black;
 }
 
 .flip-card-back {
   background-color: rgb(241, 80, 26);
   color: rgb(255,204,0);
   transform: rotateY(180deg);
 }
 .flip-card7 {
  background-color: transparent;
  width: 300px;
  height: 175px;
  perspective: 1000px;
}

.flip-card-inner7 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card7:hover .flip-card-inner7 {
  transform: rotateY(180deg);
}

.flip-card-front7, .flip-card-back7 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front7 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back7 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}
 .topnav.responsive {position: relative;-webkit-position: relative;    height: 900px; overflow-y:scroll;}
    

  }

  @media screen and (max-device-width: 360px) and (min-device-width: 320px) and (orientation: landscape)
  {
    .flip-card2 {
      background-color: transparent;
      width: 300px;
      height: 320px !important;
      perspective: 1000px;
      margin-bottom: 10px;
    }
	.contact h2{ color: #444543 !important;
    font-size: 15px !important;}
	.contact h3 {
    color: #444543 !important;
    font-size: 15px !important;
}
	.top-bottom{ padding:15px !important;}
	.blog-content2 a{ color:#fff; }
	.wrapper {
        width: 100%;
        overflow: hidden;
    }
    .photobanner {
        position: relative;
        height: 233px;
        margin-bottom: 30px;
       display:flex;
        width: 100%;
		
    }
	.blog-content2 a.readmore {
    text-decoration: underline;
    color: #fff;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 99;
}
	.blog-content2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    background: rgb(241, 80, 26);
    visibility: hidden;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.blog-wrap2:hover .blog-content2 {
    visibility: visible;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.blog-content2 span {
    display: block;
    color: #e40ef0;
    margin-bottom: 5px;
    font-style: italic;
    margin-top: -30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.blog-wrap2:hover::before {
    -webkit-animation: animate3 .6s linear forwards;
    animation: animate3 .6s linear forwards;
}
.next-prev-style .owl-item.active .line::before, .blog-wrap2:hover::before {
    -webkit-animation: animate 1s linear forwards;
    animation: animate 1s linear forwards;
}
.blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 0 solid transparent;
    content: "";
    z-index: 9;
}
.blog-wrap2 {
    position: relative;
    margin-bottom: 30px;
    z-index: 9;
}
.line::before, .line::after, .blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: px solid transparent;
    content: "";
    z-index: -9;
}
.blog-content2 p {
    margin-bottom: 20px;
    color: #f1f1f1;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    line-height: 29px;
}

.blog-wrap2:hover .blog-content2 h4 {
    margin-left: 0;
}
.blog-content2 h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    margin-left: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
	color:#fff;
}

.blog-content2 h4  a{ color:#fff;}
	
	

    .photobanner img {
        margin: 0px 30px;
        box-shadow: 2px 2px 8px #8a8a8a;
    }
	
	

    .photobanner {
        animation: bannermove 30s linear infinite alternate-reverse;
    }

    @keyframes bannermove {
        from {
            left: 0px;
        }
        to {
            left: -2700px;
        }
    }
	
	<!---section end-->
	
	
	.flip-card6{ background-color:transparent; perspective:1000px; height:100px !important; width:100px !important;}

.flip-card-back6 {

    background-color: rgb(241, 80, 26) !important;
    color: rgb(255,204,0) !important;
    transform: rotateY(180deg) !important;
    width: 107px !important;
    height: 107px !important;

}

.tflip22{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 10px; font-weight: 800;font-size: 18px;
  }
	.thdb2{
     font-size: 18px;
    }
    .topnav.responsive {
      position: relative !important;
      -webkit-position: relative !important;
      top: 0px !important;
      left:0px !important;
      height: 900px; overflow-y:scroll;
  }

  .thdb1{
    font-size: 26px;
  }
  .float-left {
    float: none !important;
}
 
  
  

  .flip-card1 {
    background-color: transparent;
    width: 300px;
    height: 300px !important;
    perspective: 1000px;
    margin-bottom: 10px;
  }
  .contd{font-size: 18px; width: 100%;margin-top: 41px; margin-left: 33px; padding: 16px;padding-left: 35px;} 
  .contet{font-size: 17px !important; padding: 16px !important; display: contents; padding-left: 0px !important; margin-left:0px !important; margin-top:25px !important; position: fixed !important;}
  .thdb2{
   font-size: 26px;
  }
  .thdb3{
   font-size: 26px;
  }
  .thdb4{
   font-size:25px;
 }
   .tflip1{
     width:100%;
      margin-top: 20px; 
      margin-bottom: 20px;
   }
   .tflip2{
     border-right: 10px solid white;
     height:175px !important;
     width:80% !important;
     margin-left: 34px;
   }
   .tflip3{
     font-size: 30px;
     text-align: center;
     padding: 10px;
   }
   .tflip4 h2{
     font-size: 24px;
   }
   .tflip4{
     font-size: 30px;text-align: center;padding: 10px;
   }
   .tflip5{
     font-size: 20px;text-align: center;padding: 10px;
   }
   .tflip6{
     text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
   } 
   .tflip7{
     border-right: 10px solid white;height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
   }
   .tflip8{
     font-size: 30px;text-align: center;padding: 10px;
   }
   .tflip9 h2{
     font-size: 24px;
   }
   .tflip9{
     font-size: 30px;text-align: center;padding: 10px;
   }
   .tflip10{
     font-size: 20px;text-align: center;padding: 10px;
   }
   .tflip11{
     text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
   }
   .tflip12{
     height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
   }
   .tflip13{
     font-size: 30px;text-align: center;padding: 10px;
   }
   .tflip14 h2{
     font-size: 24px;
   }
   .tflip14{
     font-size: 30px;text-align: center;padding: 10px;
   }
   .tflip15{
     font-size: 20px;text-align: center;padding: 10px;
   }
   

  /* directory,live,donation end  */

   /* recent festive */
 .finner{
   width: 100% !important;
 }

 .trfestive{
   margin-left: 0px !important; margin-top: 20px;font-size: large;margin-bottom: 0px;text-align: center;
 }
 .trfestive2{
   width: 100%;padding-top:5px;text-align: justify;
 }
 .rmg{
   height: 250px;width:100%;
 }
 /* recent festive close */

 /* media */

 #mdi{
   display: none;
 }
 #mdre{
   display: block;
   margin-top:40px;
   margin-bottom:40px;
 }
 /* media close */


.edtl{
   margin-top:50px !important;
   margin-bottom: 1px;
   margin-left:0px;
   margin-right:0px;
   padding:0px;
} 
.edtl23{
   text-align:center;
   border:1px solid grey;
   border-radius:0px 5px 0px 5px;
   width:90%;
   margin-left:20px;
}
 .hmgg{
   height:70px;
 }
 .hname{
   color: rgb(255, 255, 255);
   font-size: 18px;
   margin-left: 8px;
   margin-top: 0px;
 }
 #header {
   height: 75px;
   transition: all 0.5s;
   z-index: 997;
   transition: all 0.5s;
   padding: 20px 0px;
   background: #fff;
   margin:0px 0px 10px 10px; 
   /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
   padding-top: 25px;
   background: #f12711;  /* fallback for old browsers */
   background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   margin-left: 0px;
 }

 .topnav.responsive {
  position: relative !important;
  -webkit-position: relative !important;
  top: 0px !important;
  left:0px !important;
  height: 900px; overflow-y:scroll;
}
 .fixed-top {
   position: fixed;
   top: 0;
   right: 0px;
   left: 0;
   /* z-index: 1030; */
}
 .hcarou{
   margin-top:0px;
 } 
 .hsimage{
   height:150px !important;
 } 
 /* .d-none{
   display: block !important;
 } */
 #resnav{
   display: block !important;
   margin-top: -58px !important; 
   /* margin-right: -12px; */
 }

 .dropdown-container{
   position: absolute;
   right: 93%;
   display: none ;
 }

 .hover:hover .sub_nav{
   display: block;
 }

.sub_nav li a{
 min-width: 150px;
}
.nicn {
 background-color:  !important;
  font-size: 25px !important;
  margin-right:-4px;
  margin-top: -9px;
  text-align:right;
 color:white !important;
}
.hevents{
 text-align: center;
 color: rgb(241, 80, 26);
margin-top:20px !important;
}
.hcarouadd{
 margin-top:75px;
}

 /* navtry */

 
 .topnav {
   overflow: hidden;
   -webkit-overflow: hidden;
   -webkit-background-color: #333;
   background-color: #333;
   /* background-color: #f12711; */
 }
  
 .topnav a {
   float: left;
   -webkit-float: left;
   display: block;
   -webkit-display: block;
   color: #ffcc00;
   -webkit-color: #ffcc00;
   text-align: center;
   -webkit-text-align: center;
   padding: 14px 16px;
   -webkit-padding: 14px 16px;
   text-decoration: none;
   -webkit-text-decoration: none;
   font-size: 17px;
   -webkit-font-size: 17px;
   /* background-color: #333; */
 }
 
 .active {
   background-color: lightslategray;
   -webkit-background-color: lightslategray;
   color: white;
   -webkit-color: white;
 }
 
 .topnav .icon {
   display: none ;
   -webkit-display:none;
 }

 .main-nav a {
  display: block;
  position: relative;
  color: #FFD700 !important;
  padding: 10px 12px;
  transition: 0.3s;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-family: 'Nunito', sans-serif;
  font-weight: 500;
  margin-top:11px;
  
}
 
 .dropdown {
   float: left;
   -webkit-float: left;
   overflow: hidden;
   -webkit-overflow: hidden;
 }
 
 .dropdown .dropbtn {
   font-size: 17px;    
   -webkit-font-size: 17px;
   border: none;
   -webkit-border: none;
   outline: none;
   -webkit-outline: none;
   color: #ffcc00;
   -webkit-color: #ffcc00;
   padding: 14px 16px;
   -webkit-padding: 14px 16px;
   background-color: inherit;
   -webkit-background-color: inherit;
   font-family: inherit;
   -webkit-font-family: inherit;
   margin: 0;
   -webkit-margin: 0;
 }
 
 .dropdown-content {
   display: none;
   -webkit-display: none;
   position: absolute;
   -webkit-position: absolute;
   background-color: black;
   -webkit-background-color: black;
   min-width: 160px;
   -webkit-min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
   -webkit-z-index: 1;
 }
 
 .dropdown-content a {
   float: none;
   -webkit-float: none;
   color: black;
   -webkit-color: black;
   padding: 12px 16px;
   -webkit-padding: 12px 16px;
   text-decoration: none;
   -webkit-text-decoration: none;
   display: block;
   -webkit-display: block;
   text-align: left;
   -webkit-text-align: left;
 }
 
 .topnav a:hover, .dropdown:hover .dropbtn {
   background-color: #555;
   -webkit-background-color: #555;
   color: white;
   -webkit-color: white;
 }
 
 .dropdown-content a:hover {
   background-color: #555;
   -webkit-background-color: #555;
   color: black;
   -webkit-color: black;
 }
 
 .dropdown:hover .dropdown-content {
   display: block;
   -webkit-display: block;
 }
 
/* navtry   */


/* flipdirectory */
.flip-card {
 background-color: transparent;
 width: 300px;
 height: 300px;
 perspective: 1000px;
 margin-bottom: 10px;
}

.flip-card-inner {
 position: relative;
 width: 100%;
 height: 100%;
 text-align: center;
 transition: transform 0.6s;
 transform-style: preserve-3d;
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
 transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
 position: absolute;
 width: 100%;
 height: 100%;
 backface-visibility: hidden;
}

.flip-card-front {
 background-color: #DCDCDC;
 color: black;
}

.flip-card-back {
 background-color: rgb(241, 80, 26);
 color: rgb(255,204,0);
 transform: rotateY(180deg);
}

.flip-card7 {
  background-color: transparent;
  width: 300px;
  height: 175px;
  perspective: 1000px;
}

.flip-card-inner7 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card7:hover .flip-card-inner7 {
  transform: rotateY(180deg);
}

.flip-card-front7, .flip-card-back7 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front7 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back7 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}
.topnav.responsive {position: relative;-webkit-position: relative;    height: 900px; overflow-y:scroll;}

    
    .contd{font-size: 18px !important; width: 100% !important;margin-top: 0px !important; margin-left: 0px !important; padding: 16px !important;padding-left: 0px !important;} 

  }

  @media screen and (min-device-width: 361px) and (max-device-width: 640px) and (orientation: portrait)
{
  /* directory,live,donation  */
  .thdb1{
    font-size: 26px;
  }
  .contact h2{ color: #444543 !important;
    font-size: 15px !important;}
  .flip-card2 {
  background-color: transparent;
  width: 300px !important;
  height: 250px !important;
  perspective: 1000px;
  margin-bottom: 10px;
}

.flip-card-inner2 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card2:hover .flip-card-inner2 {
  transform: rotateY(180deg);
}

.flip-card-front2, .flip-card-back2 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front2 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back2 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}
.flip-card6{ background-color:transparent; perspective:1000px; height:100px !important; width:100px !important;}

.flip-card-back6 {

    background-color: rgb(241, 80, 26) !important;
    color: rgb(255,204,0) !important;
    transform: rotateY(180deg) !important;
    width: 107px !important;
    height: 107px !important;

}
  .blog-content2 a{ color:#fff; }
  .flip-card6{ background-color:transparent; perspective:1000px; height:100px !important; width:100px !important;}
  

.flip-card-back6 {

    background-color: rgb(241, 80, 26) !important;
    color: rgb(255,204,0) !important;
    transform: rotateY(180deg) !important;
    width: 107px !important;
    height: 107px !important;

}

.wrapper {
        width: 100%;
        overflow: hidden;
    }
    .photobanner {
        position: relative;
        height: 233px;
        margin-bottom: 30px;
       display:flex;
        width: 100%;
		
    }
	.blog-content2 a.readmore {
    text-decoration: underline;
    color: #fff;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 99;
}
	.blog-content2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    background: rgb(241, 80, 26);
    visibility: hidden;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.blog-wrap2:hover .blog-content2 {
    visibility: visible;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.blog-content2 span {
    display: block;
    color: #e40ef0;
    margin-bottom: 5px;
    font-style: italic;
    margin-top: -30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.blog-wrap2:hover::before {
    -webkit-animation: animate3 .6s linear forwards;
    animation: animate3 .6s linear forwards;
}
.next-prev-style .owl-item.active .line::before, .blog-wrap2:hover::before {
    -webkit-animation: animate 1s linear forwards;
    animation: animate 1s linear forwards;
}
.blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 0 solid transparent;
    content: "";
    z-index: 9;
}
.blog-wrap2 {
    position: relative;
    margin-bottom: 30px;
    z-index: 9;
}
.line::before, .line::after, .blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: px solid transparent;
    content: "";
    z-index: -9;
}
.blog-content2 p {
    margin-bottom: 20px;
    color: #f1f1f1;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    line-height: 29px;
}

.blog-wrap2:hover .blog-content2 h4 {
    margin-left: 0;
}
.blog-content2 h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    margin-left: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
	color:#fff;
}

.blog-content2 h4  a{ color:#fff;}
	
	

    .photobanner img {
        margin: 0px 30px;
        box-shadow: 2px 2px 8px #8a8a8a;
    }
	
	

    .photobanner {
        animation: bannermove 30s linear infinite alternate-reverse;
    }

    @keyframes bannermove {
        from {
            left: 0px;
        }
        to {
            left: -2700px;
        }
    }
	
	<!---section end-->

.tflip22{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 10px; font-weight: 800;font-size: 18px;
  }
.nicn {
  background-color:  !important;
   font-size: 25px !important;
   margin-right:-14px;
   margin-top: 9px;
  color:white !important;
}
  .float-left {
    float: none !important;
}
  .flip-card1 {
    background-color: transparent;
    width: 300px;
    height: 360px;
    perspective: 1000px;
    margin-bottom: 10px;
  }
  .contet{font-size: 17px !important; padding: 16px !important; display: contents; padding-left: 0px !important; margin-left:0px !important; margin-top:25px !important; position: fixed !important;}
  .thdb2{
    font-size: 26px;
   }
   .flip-card2 {
    background-color: transparent;
    width: 300px;
    height: 247px !important;
    perspective: 1000px;
    margin-bottom: 10px;
  }
  .contd{font-size: 18px !important; width: 100% !important;margin-top: 0px !important; margin-left: 0px !important; padding: 16px !important;padding-left: 0px !important;} 
   .topnav.responsive {position: relative;-webkit-position: relative;  height: 900px; overflow-y:scroll;}
   .main-nav a {
    display: block;
    position: relative;
    color: #FFD700 !important;
    padding: 10px 12px;
    transition: 0.3s;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    float:right;
   
}
   .thdb3{
    font-size: 26px;
   }
   .thdb4{
    font-size:25px;
  }
  .tflip1{
    width:100%;
     margin-top: 20px; 
     margin-bottom: 20px;
  }
  .flip-card1 {
    background-color: transparent;
    width: 300px;
    height: 280px !important;
    perspective: 1000px;
  }
  .tflip2{
    border-right: 10px solid white;
    height:175px !important;
    width:80% !important;
    margin-left: 34px;
  }
  .tflip3{
    font-size: 30px;
    text-align: center;
    padding: 10px;
  }
  .tflip4 h2{
    font-size: 24px;
  }
  .tflip4{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip5{
    font-size: 20px;text-align: center;padding: 10px;
  }
  .tflip6{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
  } 
  .tflip7{
    border-right: 10px solid white;height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
  }
  .tflip8{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip9 h2{
    font-size: 24px;
  }
  .tflip9{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip10{
    font-size: 20px;text-align: center;padding: 10px;
  }
  .tflip11{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
  }
  .tflip12{
    height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
  }
  .tflip13{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip14 h2{
    font-size: 24px;
  }
  .tflip14{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip15{
    font-size: 20px;text-align: center;padding: 10px;
  }
  

 /* directory,live,donation end  */

  /* recent festive */
.finner{
  width: 100% !important;
}

.trfestive{
  margin-left: 0px !important; margin-top: 20px;font-size: large;margin-bottom: 0px;text-align: center;
}
.trfestive2{
  width: 100%;padding-top:5px;text-align: justify;
}
.rmg{
  height: 250px;width:100%;
}
/* recent festive close */

  /* media */

  #mdi{
    display: none;
  }
  #mdre{
    display: block;
    margin-top:40px;
    margin-bottom:40px;
  }
  /* media close */



    .edtl{
    margin-top:90px !important;
    margin-bottom: 0px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}
.edtl23{
    text-align:center;border:1px solid grey; border-radius:0px 5px 0px 5px;width:90%;margin-left:20px;
}
  .hmgg{
    height:70px;
  }
  .hname{
    color: rgb(255, 255, 255);
    font-size: 18px;
    margin-left: -3px;
    margin-top: 0px;
  }
  #header {
    height: 75px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0px;
    background: #fff;
    margin:0px 0px 10px 10px; 
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
    padding-top: 25px;
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin-left: 0px;
  }
  .hcarou{
    margin-top:0px;
  } 
  .hcarouadd{
    margin-top:75px;
  }
  .hsimage{
    height:150px !important;
  } 
  /* .d-none{
    display: block !important;
  } */
  #resnav{
    display: block !important;
    margin-top: -58px !important; 
    margin-right: -12px;
  }

  .dropdown-container{
    position: absolute;
    right: 93%;
    display: none ;
  }
 
  .hover:hover .sub_nav{
    display: block;
  }
 
.sub_nav li a{
  min-width: 150px;
}

.nicn {
  background-color:  !important;
   font-size: 25px !important;
   margin-right:-14px;
   margin-top: 9px;
  color:white !important;
}

  }
  



  @media screen and (max-device-width: 640px) and (min-device-width: 361px) and (orientation: landscape)
{
 /* directory,live,donation  */
 .thdb1{
  font-size: 26px;
}
.contact h2{ color: #444543 !important;
    font-size: 15px !important;}
.contact h3 {
    color: #444543 !important;
    font-size: 15px !important;
}
.flip-card2 {
  background-color: transparent;
  width: 300px !important;
  height: 250px !important;
  perspective: 1000px;
  margin-bottom: 10px;
}

.flip-card-inner2 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card2:hover .flip-card-inner2 {
  transform: rotateY(180deg);
}

.flip-card-front2, .flip-card-back2 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front2 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back2 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}
.flip-card6{ background-color:transparent; perspective:1000px; height:100px !important; width:100px !important;}

.flip-card-back6 {

    background-color: rgb(241, 80, 26) !important;
    color: rgb(255,204,0) !important;
    transform: rotateY(180deg) !important;
    width: 107px !important;
    height: 107px !important;

}
.blog-content2 a{ color:#fff; }
.wrapper {
        width: 100%;
        overflow: hidden;
    }
    .photobanner {
        position: relative;
        height: 233px;
        margin-bottom: 30px;
       display:flex;
        width: 100%;
		
    }
	.blog-content2 a.readmore {
    text-decoration: underline;
    color: #fff;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 99;
}
	.blog-content2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    background: rgb(241, 80, 26);
    visibility: hidden;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.blog-wrap2:hover .blog-content2 {
    visibility: visible;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.blog-content2 span {
    display: block;
    color: #e40ef0;
    margin-bottom: 5px;
    font-style: italic;
    margin-top: -30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.blog-wrap2:hover::before {
    -webkit-animation: animate3 .6s linear forwards;
    animation: animate3 .6s linear forwards;
}
.next-prev-style .owl-item.active .line::before, .blog-wrap2:hover::before {
    -webkit-animation: animate 1s linear forwards;
    animation: animate 1s linear forwards;
}
.blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 0 solid transparent;
    content: "";
    z-index: 9;
}
.blog-wrap2 {
    position: relative;
    margin-bottom: 30px;
    z-index: 9;
}
.line::before, .line::after, .blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: px solid transparent;
    content: "";
    z-index: -9;
}
.blog-content2 p {
    margin-bottom: 20px;
    color: #f1f1f1;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    line-height: 29px;
}

.blog-wrap2:hover .blog-content2 h4 {
    margin-left: 0;
}
.blog-content2 h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    margin-left: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
	color:#fff;
}

.blog-content2 h4  a{ color:#fff;}
	
	

    .photobanner img {
        margin: 0px 30px;
        box-shadow: 2px 2px 8px #8a8a8a;
    }
	
	

    .photobanner {
        animation: bannermove 30s linear infinite alternate-reverse;
    }

    @keyframes bannermove {
        from {
            left: 0px;
        }
        to {
            left: -2700px;
        }
    }
	
	<!---section end-->
.tflip22{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 10px; font-weight: 800;font-size: 18px;
  }

.main-nav a {
  display: block;
  position: relative;
  color: #FFD700 !important;
  padding: 10px 12px;
  transition: 0.3s;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-family: 'Nunito', sans-serif;
  font-weight: 500;
  float:right;
 
}

.float-left {
  float: none !important;
}

.nicn {
  background-color:  !important;
   font-size: 24px !important;
   margin-right:-14px;
   margin-top: 13px;
  color:white !important;
}

.flip-card2 {
  background-color: transparent;
  width: 300px;
  height: 320px !important;
  perspective: 1000px;
  margin-bottom: 10px;
}
.img-news{heght:170px; width:160px; position: relative !important; right:13px !important;}
.contd{font-size: 18px !important; width: 100% !important;margin-top: 0px !important; margin-left: 0px !important; padding: 16px !important;padding-left: 0px !important;} 

.topnav.responsive {position: relative;-webkit-position: top:61px; left:37px; relative; height: 900px; overflow-y:scroll;}
.thdb2{
  font-size: 26px;
 }
 .thdb3{
  font-size: 26px;
 }
 .contet{font-size: 17px !important; padding: 16px !important; display: contents; padding-left: 0px !important; margin-left:0px !important; margin-top:25px !important; position: fixed !important;}
 .thdb4{
  font-size:25px;
}
.tflip1{
  width:100%;
   margin-top: 20px; 
   margin-bottom: 20px;
}
.tflip2{
  border-right: 10px solid white;
  height:175px !important;
  width:80% !important;
  margin-left: 34px;
}
.tflip3{
  font-size: 30px;
  text-align: center;
  padding: 10px;
}
.tflip4 h2{
  font-size: 24px;
}
.tflip4{
  font-size: 30px;text-align: center;padding: 10px;
}
.tflip5{
  font-size: 20px;text-align: center;padding: 10px;
}
.tflip6{
  text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
} 
.tflip7{
  border-right: 10px solid white;height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
}
.tflip8{
  font-size: 30px;text-align: center;padding: 10px;
}
.tflip9 h2{
  font-size: 24px;
}
.tflip9{
  font-size: 30px;text-align: center;padding: 10px;
}
.tflip10{
  font-size: 20px;text-align: center;padding: 10px;
}
.tflip11{
  text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
}
.tflip12{
  height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
}
.tflip13{
  font-size: 30px;text-align: center;padding: 10px;
}
.tflip14 h2{
  font-size: 24px;
}
.tflip14{
  font-size: 30px;text-align: center;padding: 10px;
}
.tflip15{
  font-size: 20px;text-align: center;padding: 10px;
}


/* directory,live,donation end  */

/* recent festive */
.finner{
width: 100% !important;
}
.flip-card1 {
  background-color: transparent;
  width: 300px;
  height: 360px !important;
  perspective: 1000px;
}

.trfestive{
margin-left: 0px !important; margin-top: 20px;font-size: large;margin-bottom: 0px;text-align: center;
}
.trfestive2{
width: 100%;padding-top:5px;text-align: justify;
}
.rmg{
height: 250px;width:100%;
}
/* recent festive close */

/* media */

#mdi{
  display: none;
}
#mdre{
  display: block;
  margin-top:40px;
  margin-bottom:40px;
}
/* media close */



  .edtl{
  margin-top:90px !important;
  margin-bottom: 0px;
  margin-left:0px;
  margin-right:0px;
  padding:0px;
}
.edtl23{
  text-align:center;border:1px solid grey; border-radius:0px 5px 0px 5px;width:90%;margin-left:20px;
}
.hmgg{
  height:70px;
}
.hname{
  color: rgb(255, 255, 255);
  font-size: 18px;
  margin-left: -3px;
  margin-top: 0px;
}
#header {
  height: 75px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  padding: 20px 0px;
  background: #fff;
  margin:0px 0px 10px 10px; 
  /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
  padding-top: 25px;
  background: #f12711;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  margin-left: 0px;
}
.hcarou{
  margin-top:0px;
} 
.hcarouadd{
  margin-top:75px;
}
.hsimage{
  height:150px !important;
} 
/* .d-none{
  display: block !important;
} */
#resnav{
  display: block !important;
  margin-top: -58px !important; 
  margin-right: 11px;
}

.dropdown-container{
  position: absolute;
  right: 93%;
  display: none ;
}

.hover:hover .sub_nav{
  display: block;
}

.sub_nav li a{
min-width: 150px;
}

.nicn {
background-color:  !important;
 font-size: 25px !important;
 margin-right:-14px;
 margin-top: 9px;
color:white !important;
}

}
  @media screen and (min-device-width: 641px) and (max-device-width: 767px) and (orientation: portrait)
{
    /* directory,live,donation  */
    .thdb1{
      font-size: 26px;
    }
	.contact h2{ color: #444543 !important;
    font-size: 15px !important;}
	.contact h3 {
    color: #444543 !important;
    font-size: 15px !important;
}
	.flip-card2 {
  background-color: transparent;
  width: 300px !important;
  height: 250px !important;
  perspective: 1000px;
  margin-bottom: 10px;
}

.flip-card-inner2 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card2:hover .flip-card-inner2 {
  transform: rotateY(180deg);
}

.flip-card-front2, .flip-card-back2 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front2 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back2 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}
.flip-card6{ background-color:transparent; perspective:1000px; height:100px !important; width:100px !important;}

.flip-card-back6 {

    background-color: rgb(241, 80, 26) !important;
    color: rgb(255,204,0) !important;
    transform: rotateY(180deg) !important;
    width: 107px !important;
    height: 107px !important;

}
    .flip-card2 {
      background-color: transparent;
      width: 300px;
      height: 320px !important;
      perspective: 1000px;
      margin-bottom: 10px;
    }
	.flip-card2 {
  background-color: transparent;
  width: 300px !important;
  height: 272px !important;
  perspective: 1000px;
  margin-bottom: 10px;
}

.flip-card-inner2 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card2:hover .flip-card-inner2 {
  transform: rotateY(180deg);
}

.flip-card-front2, .flip-card-back2 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front2 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back2 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}
    .float-left {
      float: none !important;
    }
	
	.wrapper {
        width: 100%;
        overflow: hidden;
    }
    .photobanner {
        position: relative;
        height: 233px;
        margin-bottom: 30px;
       display:flex;
        width: 100%;
		
    }
	.blog-content2 a.readmore {
    text-decoration: underline;
    color: #fff;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 99;
}
	.blog-content2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    background: rgb(241, 80, 26);
    visibility: hidden;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.blog-wrap2:hover .blog-content2 {
    visibility: visible;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.blog-content2 span {
    display: block;
    color: #e40ef0;
    margin-bottom: 5px;
    font-style: italic;
    margin-top: -30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.blog-wrap2:hover::before {
    -webkit-animation: animate3 .6s linear forwards;
    animation: animate3 .6s linear forwards;
}
.next-prev-style .owl-item.active .line::before, .blog-wrap2:hover::before {
    -webkit-animation: animate 1s linear forwards;
    animation: animate 1s linear forwards;
}
.blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 0 solid transparent;
    content: "";
    z-index: 9;
}
.blog-wrap2 {
    position: relative;
    margin-bottom: 30px;
    z-index: 9;
}
.line::before, .line::after, .blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: px solid transparent;
    content: "";
    z-index: -9;
}
.blog-content2 p {
    margin-bottom: 20px;
    color: #f1f1f1;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    line-height: 29px;
}

.blog-wrap2:hover .blog-content2 h4 {
    margin-left: 0;
}
.blog-content2 h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    margin-left: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
	color:#fff;
}

.blog-content2 h4  a{ color:#fff;}
	
	

    .photobanner img {
        margin: 0px 30px;
        box-shadow: 2px 2px 8px #8a8a8a;
    }
	
	

    .photobanner {
        animation: bannermove 30s linear infinite alternate-reverse;
    }

    @keyframes bannermove {
        from {
            left: 0px;
        }
        to {
            left: -2700px;
        }
    }
	
	<!---section end-->
    .topnav.responsive {position: relative;-webkit-position: top:61px; left:37px; relative; height: 900px; overflow-y:scroll;}

    .nicn {
      background-color:  !important;
       font-size: 25px !important;
       margin-right:-14px;
       margin-top: 9px;
      color:white !important;
    }
    .img-news{height:170px; width:160px; position: relative !important; right:13px !important;}
    .contd{font-size: 18px !important; width: 100% !important;margin-top: 0px !important; margin-left: 0px !important; padding: 16px !important;padding-left: 0px !important;} 
    .contet{font-size: 17px !important; padding: 16px !important; display: contents; padding-left: 0px !important; margin-left:0px !important; margin-top:25px !important; position: fixed !important;}

    .topnav.responsive {position: relative;-webkit-position: relative; top:61px; left:37px;  height: 900px; overflow-y:scroll;}
    .thdb2{
      font-size: 26px;
     }
     .thdb3{
      font-size: 26px;
     }

     .thdb4{
       font-size:25px;
     }
    .tflip1{
      width:100%;
       margin-top: 20px; 
       margin-bottom: 20px;
    }
    .tflip2{
      border-right: 10px solid white;
      height:175px !important;
      width:80% !important;
      margin-left: 34px;
    }
    .tflip3{
      font-size: 35px;
      text-align: center;
      padding: 10px;
    }
    .tflip4 h2{
      font-size: 28px;
    }
    .tflip4{
      font-size: 30px;text-align: center;padding: 10px;
    }
    .tflip5{
      font-size: 20px;text-align: center;padding: 10px;
    }
    .tflip6{
      text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
    } 
    .tflip7{
      border-right: 10px solid white;height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
    }
    .tflip8{
      font-size: 35px;text-align: center;padding: 10px;
    }
    .tflip9 h2{
      font-size: 28px;
    }
    .tflip9{
      font-size: 30px;text-align: center;padding: 10px;
    }
    .tflip10{
      font-size: 20px;text-align: center;padding: 10px;
    }
    .tflip11{
      text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
    }
    .tflip12{
      height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
    }
    .tflip13{
      font-size: 35px;text-align: center;padding: 10px;
    }
    .tflip14 h2{
      font-size: 28px;
    }
    .tflip14{
      font-size: 30px;text-align: center;padding: 10px;
    }
    .tflip15{
      font-size: 20px;text-align: center;padding: 10px;
    }
    

   /* directory,live,donation end  */

    /* recent festive */
  .finner{
    width: 100% !important;
  }

  .trfestive{
    margin-left: 0px !important; margin-top: 20px;font-size: large;margin-bottom: 0px;text-align: center;
  }
  .trfestive2{
    width: 100%;padding-top:5px;text-align: justify;
  }
  .rmg{
    height: 250px;width:100%;
  }
  /* recent festive close */
  
  /* media */

  #mdi{
    display: none;
  }
  #mdre{
    display: block;
    margin-top:40px;
    margin-bottom:40px;
  }
  .flip-card1 {
    background-color: transparent;
    width: 300px;
    height: 278px !important;
    perspective: 1000px;
  }
  /* media close */


      .edtl{
    margin-top:90px !important;
    margin-bottom: 1px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}

.main-nav a {
  display: block;
  position: relative;
  color: #FFD700 !important;
  padding: 10px 12px;
  transition: 0.3s;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-family: 'Nunito', sans-serif;
  font-weight: 500;
  float:right;
 
}
.edtl23{
    text-align:center;border:1px solid grey; border-radius:0px 5px 0px 5px;width:90%;margin-left:20px;
}
    .hmgg{
      height:70px;
    }
    .hname{
      color: rgb(255, 255, 255);
      font-size: 18px;
      margin-left: 4px;
      margin-top: 0px;
    }
    #header {
      height: 75px;
      transition: all 0.5s;
      z-index: 997;
      transition: all 0.5s;
      padding: 20px 0px;
      background: #fff;
      margin:0px 0px 10px 10px; 
      /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
      padding-top: 25px;
      background: #f12711;  /* fallback for old browsers */
      background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
      margin-left: 0px;
    }
    .hcarou{
      margin-top:0px;
    } 
    .hsimage{
      height:150px !important;
    } 
    /* .d-none{
      display: block !important;
    } */
    #resnav{
      display: block !important;
      margin-top: -58px !important; 
      margin-right: -12px;
    }
  
    .dropdown-container{
      position: absolute;
      right: 93%;
      display: none ;
    }
   
    .hover:hover .sub_nav{
      display: block;
    }
   
  .sub_nav li a{
    min-width: 150px;
  }
  
  .nicn {
    background-color:  !important;
     font-size: 30px !important;
     margin-right:10px;
     margin-top: 36px;
    color:white !important;
  }
  
    }

    @media (min-width:427px) and (max-width:769px)
    {
     
  /* media */

  #mdi{
    display: block;
  }
  #mdre{
    display: none;
    margin-top:40px;
    margin-bottom:40px;
  }
  /* media close */


        .edtl{
    margin-top:110px !important;
    margin-bottom: 1px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}
.edtl23{
    text-align:center;border:1px solid grey; border-radius:0px 5px 0px 5px;width:90%;margin-left:20px;
}
      .hmgg{
        height:70px;
      }
      .hname{
        color: rgb(255, 255, 255);
        font-size: 18px;
        margin-left: 4px;
        margin-top: 0px;
      }
      #header {
        height: 75px;
        transition: all 0.5s;
        z-index: 997;
        transition: all 0.5s;
        padding: 20px 0px;
        background: #fff;
        margin:0px 0px 10px 10px; 
        /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
        padding-top: 25px;
        background: #f12711;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        margin-left: 0px;
      }
      .hcarou{
        margin-top:0px;
      } 
      .hcarouadd{
        margin-top:75px;
      }
      .hsimage{
        height:210px !important;
        width:100%;
      } 
      /* .d-none{
        display: block !important;
      } */
      #resnav{
        display: BLOCK !important;
        margin-top: -58px !important; 
        margin-right: -15px;
      }
    
      .dropdown-container{
        position: absolute;
        right: 93%;
        display: none ;
      }
     
      .hover:hover .sub_nav{
        display: block;
      }
     
    .sub_nav li a{
      min-width: 150px;
    }
    
    .nicn {
      background-color:  !important;
       font-size: 30px !important;
       margin-right:20px;
       margin-top: 9px;
      color:white !important;
    }
    
    /* .main-nav a {
      display: block;
      position: relative;
      color: #FFD700  !important;
      padding: 10px 6px;
      transition: 0.3s;
      font-size: 12px;
      /* font-family: "Montserrat", sans-serif; */
      /* font-family: 'Nunito', sans-serif;
      font-weight: 500;
    } */ */




    
      }


      @media screen and (max-device-width: 767px) and (min-device-width: 641px) and (orientation: landscape)
      {
          /* directory,live,donation  */
          .thdb1{
            font-size: 26px;
          }
          .flip-card2 {
            background-color: transparent;
            width: 300px;
            height: 320px !important;
            perspective: 1000px;
            margin-bottom: 10px;
          }
          .float-left {
            float: none !important;
          }
		  .flip-card2 {
  background-color: transparent;
  width: 300px !important;
  height: 250px !important;
  perspective: 1000px;
  margin-bottom: 10px;
}

.flip-card-inner2 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card2:hover .flip-card-inner2 {
  transform: rotateY(180deg);
}

.flip-card-front2, .flip-card-back2 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front2 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back2 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}
.flip-card6{ background-color:transparent; perspective:1000px; height:100px !important; width:100px !important;}

.flip-card-back6 {

    background-color: rgb(241, 80, 26) !important;
    color: rgb(255,204,0) !important;
    transform: rotateY(180deg) !important;
    width: 107px !important;
    height: 107px !important;

}
		  
		  .wrapper {
        width: 100%;
        overflow: hidden;
    }
    .photobanner {
        position: relative;
        height: 233px;
        margin-bottom: 30px;
       display:flex;
        width: 100%;
		
    }
	.blog-content2 a.readmore {
    text-decoration: underline;
    color: #fff;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 99;
}
	.blog-content2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    background: rgb(241, 80, 26);
    visibility: hidden;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.blog-wrap2:hover .blog-content2 {
    visibility: visible;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.blog-content2 span {
    display: block;
    color: #e40ef0;
    margin-bottom: 5px;
    font-style: italic;
    margin-top: -30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.blog-wrap2:hover::before {
    -webkit-animation: animate3 .6s linear forwards;
    animation: animate3 .6s linear forwards;
}
.next-prev-style .owl-item.active .line::before, .blog-wrap2:hover::before {
    -webkit-animation: animate 1s linear forwards;
    animation: animate 1s linear forwards;
}
.blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 0 solid transparent;
    content: "";
    z-index: 9;
}
.blog-wrap2 {
    position: relative;
    margin-bottom: 30px;
    z-index: 9;
}
.line::before, .line::after, .blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: px solid transparent;
    content: "";
    z-index: -9;
}
.blog-content2 p {
    margin-bottom: 20px;
    color: #f1f1f1;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    line-height: 29px;
}

.blog-wrap2:hover .blog-content2 h4 {
    margin-left: 0;
}
.blog-content2 h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    margin-left: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
	color:#fff;
}

.blog-content2 h4  a{ color:#fff;}
	
	

    .photobanner img {
        margin: 0px 30px;
        box-shadow: 2px 2px 8px #8a8a8a;
    }
	
	

    .photobanner {
        animation: bannermove 30s linear infinite alternate-reverse;
    }

    @keyframes bannermove {
        from {
            left: 0px;
        }
        to {
            left: -2700px;
        }
    }
	
	<!---section end-->
          .topnav.responsive {position: relative;-webkit-position: top:61px; left:37px; relative; height: 900px; overflow-y:scroll;}
      
          .nicn {
            background-color:  !important;
             font-size: 25px !important;
             margin-right:-14px;
             margin-top: 9px;
            color:white !important;
          }
          .img-news{height:170px; width:160px; position: relative !important; right:13px !important;}
          .contd{font-size: 18px !important; width: 100% !important;margin-top: 0px !important; margin-left: -15px !important; padding: 16px !important;padding-left: 0px !important;} 
          .contet{font-size: 17px !important; padding: 16px !important; display: contents; padding-left: 0px !important; margin-left:0px !important; margin-top:25px !important; position: fixed !important;}
      
          .topnav.responsive {position: relative;-webkit-position: relative; top:61px; left:37px;  height: 900px; overflow-y:scroll;}
          .thdb2{
            font-size: 26px;
           }
           .thdb3{
            font-size: 26px;
           }
      
           .thdb4{
             font-size:25px;
           }
          .tflip1{
            width:100%;
             margin-top: 20px; 
             margin-bottom: 20px;
          }
          .tflip2{
            border-right: 10px solid white;
            height:175px !important;
            width:80% !important;
            margin-left: 34px;
          }
          .tflip3{
            font-size: 35px;
            text-align: center;
            padding: 10px;
          }
          .tflip4 h2{
            font-size: 28px;
          }
          .tflip4{
            font-size: 30px;text-align: center;padding: 10px;
          }
          .tflip5{
            font-size: 20px;text-align: center;padding: 10px;
          }
          .tflip6{
            text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
          } 
          .tflip7{
            border-right: 10px solid white;height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
          }
          .tflip8{
            font-size: 35px;text-align: center;padding: 10px;
          }
          .tflip9 h2{
            font-size: 28px;
          }
          .tflip9{
            font-size: 30px;text-align: center;padding: 10px;
          }
          .tflip10{
            font-size: 20px;text-align: center;padding: 10px;
          }
          .tflip11{
            text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 25px;
          }
          .tflip12{
            height:175px !important;margin-top: 15px;width:80% !important;margin-left:34px;
          }
          .tflip13{
            font-size: 35px;text-align: center;padding: 10px;
          }
          .tflip14 h2{
            font-size: 28px;
          }
          .tflip14{
            font-size: 30px;text-align: center;padding: 10px;
          }
          .tflip15{
            font-size: 20px;text-align: center;padding: 10px;
          }
          
      
         /* directory,live,donation end  */
      
          /* recent festive */
        .finner{
          width: 100% !important;
        }
      
        .trfestive{
          margin-left: 0px !important; margin-top: 20px;font-size: large;margin-bottom: 0px;text-align: center;
        }
        .trfestive2{
          width: 100%;padding-top:5px;text-align: justify;
        }
        .rmg{
          height: 250px;width:100%;
        }
        /* recent festive close */
        
        /* media */
      
        #mdi{
          display: none;
        }
        #mdre{
          display: block;
          margin-top:40px;
          margin-bottom:40px;
        }
        .flip-card1 {
          background-color: transparent;
          width: 300px;
          height: 360px !important;
          perspective: 1000px;
		   
        }
		.flip-card-front1 img{margin-left: 22px;}
        /* media close */
      
      
            .edtl{
          margin-top:90px !important;
          margin-bottom: 1px;
          margin-left:0px;
          margin-right:0px;
          padding:0px;
      }
      
      .main-nav a {
        display: block;
        position: relative;
        color: #FFD700 !important;
        padding: 10px 12px;
        transition: 0.3s;
        font-size: 15px;
        font-family: "Montserrat", sans-serif;
        font-family: 'Nunito', sans-serif;
        font-weight: 500;
        float:right;
       
      }
      .edtl23{
          text-align:center;border:1px solid grey; border-radius:0px 5px 0px 5px;width:90%;margin-left:20px;
      }
          .hmgg{
            height:70px;
          }
          .hname{
            color: rgb(255, 255, 255);
            font-size: 18px;
            margin-left: 4px;
            margin-top: 0px;
          }
          #header {
            height: 75px;
            transition: all 0.5s;
            z-index: 997;
            transition: all 0.5s;
            padding: 20px 0px;
            background: #fff;
            margin:0px 0px 10px 10px; 
            /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
            padding-top: 25px;
            background: #f12711;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            margin-left: 0px;
          }
          .hcarou{
            margin-top:0px;
          } 
          .hsimage{
            height:150px !important;
          } 
          /* .d-none{
            display: block !important;
          } */
          #resnav{
            display: block !important;
            margin-top: -58px !important; 
            margin-right: -12px;
          }
        
          .dropdown-container{
            position: absolute;
            right: 93%;
            display: none ;
          }
         
          .hover:hover .sub_nav{
            display: block;
          }
         
        .sub_nav li a{
          min-width: 150px;
        }
        
        .nicn {
          background-color:  !important;
           font-size: 30px !important;
           margin-right:10px;
           margin-top: 36px;
          color:white !important;
        }
        
          }
      
          @media (min-width:427px) and (max-width:769px)
          {
           
        /* media */
      
        #mdi{
          display: block;
        }
        #mdre{
          display: none;
          margin-top:40px;
          margin-bottom:40px;
        }
        /* media close */
      
      
              .edtl{
          margin-top:110px !important;
          margin-bottom: 1px;
          margin-left:0px;
          margin-right:0px;
          padding:0px;
      }
      .edtl23{
          text-align:center;border:1px solid grey; border-radius:0px 5px 0px 5px;width:90%;margin-left:20px;
      }
            .hmgg{
              height:70px;
            }
            .hname{
              color: rgb(255, 255, 255);
              font-size: 18px;
              margin-left: 4px;
              margin-top: 0px;
            }
            #header {
              height: 75px;
              transition: all 0.5s;
              z-index: 997;
              transition: all 0.5s;
              padding: 20px 0px;
              background: #fff;
              margin:0px 0px 10px 10px; 
              /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
              padding-top: 25px;
              background: #f12711;  /* fallback for old browsers */
              background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
              background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
              margin-left: 0px;
            }
            .hcarou{
              margin-top:0px;
            } 
            .hcarouadd{
              margin-top:75px;
            }
            .hsimage{
              height:210px !important;
              width:100%;
            } 
            /* .d-none{
              display: block !important;
            } */
            #resnav{
              display: BLOCK !important;
              margin-top: -58px !important; 
              margin-right: -4px;
            }
          
            .dropdown-container{
              position: absolute;
              right: 93%;
              display: none ;
            }
           
            .hover:hover .sub_nav{
              display: block;
            }
           
          .sub_nav li a{
            min-width: 150px;
          }
          
          .nicn {
            background-color:  !important;
             font-size: 24px !important;
             margin-right:20px;
             margin-top: 13px;
            color:white !important;
          }
          
          /* .main-nav a {
            display: block;
            position: relative;
            color: #FFD700  !important;
            padding: 10px 6px;
            transition: 0.3s;
            font-size: 12px;
            /* font-family: "Montserrat", sans-serif; */
            /* font-family: 'Nunito', sans-serif;
            font-weight: 500;
          } */ */
      
      
      
      
          
            }


      @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
      {

              
   /* directory,live,donation  */



   .tflip1{
    width:100%;
     margin-top: 20px; 
     margin-bottom: 20px;
  }
  
  
  .d-none
  {
	display:block !important;  
  }

  .contet{font-size: 13px !important; padding: 16px !important; display: contents; padding-left: 0px !important; margin-left:16px !important; margin-top:105px !important; position: fixed !important;margin-top: 105px !important;
position: fixed !important;
top: 82px;
display: block;}

  .flip-card1 {
    background-color: transparent;
    width: 300px;
    height: 260px !important;
    perspective: 1000px;
  }
  .tflip2{
    border-right: 10px solid white;
    height:250px;
    margin-top:15px ;
  }
  .wrapper {
        width: 100%;
        overflow: hidden;
    }
    .photobanner {
        position: relative;
        height: 233px;
        margin-bottom: 30px;
       display:flex;
        width: 100%;
		
    }
	.blog-content2 a.readmore {
    text-decoration: underline;
    color: #fff;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 99;
}
	.blog-content2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    background: rgb(241, 80, 26);
    visibility: hidden;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.blog-wrap2:hover .blog-content2 {
    visibility: visible;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.blog-content2 span {
    display: block;
    color: #e40ef0;
    margin-bottom: 5px;
    font-style: italic;
    margin-top: -30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.blog-wrap2:hover::before {
    -webkit-animation: animate3 .6s linear forwards;
    animation: animate3 .6s linear forwards;
}
.next-prev-style .owl-item.active .line::before, .blog-wrap2:hover::before {
    -webkit-animation: animate 1s linear forwards;
    animation: animate 1s linear forwards;
}
.blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 0 solid transparent;
    content: "";
    z-index: 9;
}
.blog-wrap2 {
    position: relative;
    margin-bottom: 30px;
    z-index: 9;
}
.line::before, .line::after, .blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: px solid transparent;
    content: "";
    z-index: -9;
}
.blog-content2 p {
    margin-bottom: 20px;
    color: #f1f1f1;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    line-height: 29px;
}

.blog-wrap2:hover .blog-content2 h4 {
    margin-left: 0;
}
.blog-content2 h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    margin-left: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
	color:#fff;
}

.blog-content2 h4  a{ color:#fff;}
	
	

    .photobanner img {
        margin: 0px 30px;
        box-shadow: 2px 2px 8px #8a8a8a;
    }
	
	

    .photobanner {
        animation: bannermove 30s linear infinite alternate-reverse;
    }

    @keyframes bannermove {
        from {
            left: 0px;
        }
        to {
            left: -2700px;
        }
    }
	
	<!---section end-->
  .tflip3{
    font-size: 50px;
    text-align: center;
    padding: 10px;
  }
  .tflip4{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip5{
    font-size: 20px;text-align: center;padding: 10px;
  }
  .tflip6{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 35px;
  } 
  .tflip7{
    border-right: 10px solid white;height:250px;margin-top: 15px;
  }
  .tflip8{
    font-size: 50px;text-align: center;padding: 10px;
  }
  .tflip9{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip10{
    font-size: 20px;text-align: center;padding: 10px;
  }
  .tflip11{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 35px;
  }
  .tflip12{
    height:250px;margin-top: 15px;
  }
  .tflip13{
    font-size: 50px;text-align: center;padding: 10px;
  }
  .tflip14{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip15{
    font-size: 20px;text-align: center;padding: 10px;
  }
  

 /* directory,live,donation end  */

  /* recent festive */


.trfestive{
  margin-left: 0px;margin-top: 20px;font-size: large;margin-bottom: 0px;text-align: center;
}
.trfestive2{
  width: 90%;padding-top:5px;text-align: justify;
}
.rmg{
  height: 215px;width:100%;
}
/* recent festive close */
/* media */

#mdi{
  display: block;
}
#mdre{
  display: none;
  margin-top:40px;
  margin-bottom:40px;
}
/* media close */

          .edtl{
    margin-top:115px !important;
    margin-bottom: 10px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
                }
        .edtl23{
                    text-align:center;border:1px solid grey; border-radius:0px 5px 0px 5px;width:90%;margin-left:20px;
                }
        .hcarouadd{
          margin-top:75px;
        }
        /* .hmgg{
          height:70px;
        }
        .hname{
          color: rgb(255, 255, 255);
          font-size: 24px;
          margin-left: 20px;
          margin-top: 0px;
        }
        #header {
          height: 75px;
          transition: all 0.5s;
          z-index: 997;
          transition: all 0.5s;
          padding: 20px 0px;
          background: #fff;
          margin:0px 0px 10px 10px;  */
          /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
          /* padding-top: 25px;
        }
        .hcarou{
          margin-top:0px;
        } 
        .hsimage{
          height:150px !important;
        } 
        .d-none{
          display: block !important;
          margin-top: -3px !important;
        } */
        /* #resnav{
          display: BLOCK !important;
          margin-top: -58px !important; 
          margin-right: -15px;
        } */
      
        /* .dropdown-container{
          position: absolute;
          right: 93%;
          display: none ;
        }
       
        .hover:hover .sub_nav{
          display: block;
        }
       
      .sub_nav li a{
        min-width: 150px;
      }
      
      .nicn {
        background-color:  !important;
         font-size: 30px !important;
         margin-right:20px;
         margin-top: 36px;
        color:white !important;
      }
      
       .main-nav a {
        display: block;
        position: relative;
        color: #FFD700  !important;
        padding: 10px 8px;
        transition: 0.3s;
        font-size: 15px;
        font-family: "Montserrat", sans-serif;
        font-family: 'Nunito', sans-serif;
        font-weight: 500;
      }
      */
  
  
        /* newtry */

         /* new */
  .sub_nav {
    position: relative;
  }
  
  .sub_nav .main_nav {
    top: 0;
    left: 100%;
    margin-top: -1px;
  }
 
  /* new close */

  /* #header {
    height: 100px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0;
    background: #fff;
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
  /* } */

  #header {
    height: 100px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0px;
    background: #fff;
    margin:0px 0px 10px 10px; 
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
    padding-top: 25px;
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin-left: 0px;
  }
  
  #header.header-scrolled,
  #header.header-pages {
    /* height: 60px; */
    padding: 10px 0;
  }
  
  #header .logo h1 {
    font-size: 36px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
  }
  
  #header .logo h1 a,
  #header .logo h1 a:hover {
    color: #00366f;
    text-decoration: none;
  }
  
  /* #header .logo img {
    padding: 0;
    margin: -20px 128px;
    max-height: 100px;
  } */
  

  #header .logo img {
    padding: 0;
    margin: -21px -4px;
    max-height: 100px;
  }


  .main-pages {
    margin-top: 60px;
  }

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
    width: 100%;
    position: relative;
    /* background: url("../img/intro-bg.png") center bottom no-repeat; */
    background-size: cover;
    padding: 80px 0 0px 0;
  }
  
  #intro .intro-img {
    width: 100%;
    float: right;
  }
  
  #intro .intro-info {
    width: 50%;
    float: left;
  }
  
  #intro .intro-info h2 {
    color: #fff;
    margin-bottom: 40px;
    font-size: 48px;
    font-weight: 700;
  }
  
  #intro .intro-info h2 span {
    color: #74b5fc;
    text-decoration: underline;
  }
  
  #intro .intro-info .btn-get-started,
  #intro .intro-info .btn-services {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 32px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 0 20px 20px 0;
    color: #fff;
  }
  
  #intro .intro-info .btn-get-started {
    background: #007bff;
    border: 2px solid #007bff;
    color: #fff;
  }
  
  #intro .intro-info .btn-get-started:hover {
    background: none;
    border-color: #fff;
    color: #fff;
  }
  
  #intro .intro-info .btn-services {
    border: 2px solid #fff;
  }
  
  #intro .intro-info .btn-services:hover {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
  }
  
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  
  /* Desktop Navigation */
  
  .main-nav {
    /* Drop Down */
    /* Deep Drop Down */
  }
 
  .main-nav,
  .main-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .main-nav > ul > li {
    position: relative;
    white-space: nowrap;
    float: left;
  }
  
  .main-nav a {
    display: block;
    position: relative;
    color: #FFD700  !important;
    padding: 10px 7px;
    transition: 0.3s;
    font-size: 13px;
    /* font-family: "Montserrat", sans-serif; */
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    float:right:
  }
  
  .main-nav a:hover,
  .main-nav .active > a,
  .main-nav li:hover > a {
    color: white !important;
    text-decoration: none;
    font-weight: 100;
  }
  
  .main-nav .drop-down ul {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: ease all 0.3s;
  }
  
  .main-nav .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  
  .main-nav .drop-down li {
    min-width: 180px;
    position: relative;
  }
  
  .main-nav .drop-down ul a {
    padding: 10px 20px;
    font-size: 13px;
    color: #004289;
  }
  
  .main-nav .drop-down ul a:hover,
  .main-nav .drop-down ul .active > a,
  .main-nav .drop-down ul li:hover > a {
    color: #007bff;
  }
  
  .main-nav .drop-down > a:after {
    content: "\f107";
    font-family: FontAwesome;
    padding-left: 10px;
  }
  
  .main-nav .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
  }
  
  .main-nav .drop-down .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
  }
  
  .main-nav .drop-down .drop-down > a {
    padding-right: 35px;
  }
  
  .main-nav .drop-down .drop-down > a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
  }
  
  /* Mobile Navigation */
  
  .mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: rgba(19, 39, 57, 0.8);
    transition: 0.4s;
  }
  
  .mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .mobile-nav a {
    display: block;
    position: relative;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
  }
  
  .mobile-nav a:hover,
  .mobile-nav .active > a,
  .mobile-nav li:hover > a {
    color: white;
    text-decoration: none;
  }
  
  .mobile-nav .drop-down > a:after {
    content: "\f078";
    font-family: FontAwesome;
    padding-left: 10px;
    position: absolute;
    right: 15px;
  }
  
  .mobile-nav .active.drop-down > a:after {
    content: "\f077";
  }
  
  .mobile-nav .drop-down > a {
    padding-right: 35px;
  }
  
  .mobile-nav .drop-down ul {
    display: none;
    overflow: hidden;
  }
  
  .mobile-nav .drop-down li {
    padding-left: 20px;
  }
  
  .mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
  }
  
  .mobile-nav-toggle i {
    margin: 18px 18px 0 0;
    color: #004289;
  }
  
  .mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(19, 39, 57, 0.8);
    overflow: hidden;
    display: none;
  }
  
  .mobile-nav-active {
    overflow: hidden;
  }
  
  .mobile-nav-active .mobile-nav {
    left: 0;
  }
  
  .mobile-nav-active .mobile-nav-toggle i {
    color: #fff;
  }
   
  






  /* diffrent pagecode */
  * {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Slab', serif;
}


.bg_bg {
    background-image: url(../img/body_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    padding-bottom: 100px;
}


ul {
    margin: 0 !important;
}

a {
    display: inline-block
}

a:hover {
    text-decoration: none !important;
    cursor: pointer;
}

.my_nav {
    border-bottom: 1px solid rgb(241,80,26);
    background: #444543
}

.my_nav li a {
    display: block;
    padding: 20px;
    color:  rgb(255,255,255) !important;
}

.my_nav li a:hover {
    background:  rgb(241,80,26);
    color: #444543;
    transition-duration: .5s
}

.online_srviceses a {
    display: block;
    background-color: #ffcc00;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 1.3em
}

.new {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(254, 153, 9, 0.8);
    height: auto;
}

.bg {
    background: #ffcc00;
    color: #ffffff;
    margin-bottom: 30px;
    height: 100px;
    padding: 10px;
}

.daily_programme {
    background: #ffcc00;
    color: #ffffff;
    padding: 30px 0
}

.daily_programme .col-sm-2 {
    border-right: 5px solid #fff
}

.daily_programme h3 {
    color: #fff !important;
}

.fest_img {
    background-image: url(../img/festivel.jpg);
    background-size: cover;
    background-position: center;
    height: 100px;
}

.footer {
    /* background: #000000; */
    /* background: linear-gradient(130deg, rgba(255, 134, 0, 1) 0%, rgba(226, 83, 76, 1) 100%); */
  background: #f12711;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */  
  background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* padding: 50px; */
    /* height: 50vh; */
}
.footer h3{
  color:black !important;
}

#top_bg {
    background-color: #333;
    width: 100%;
    display: block;
    transition: top 0.3s;
    height: 200px;
    background-image: url(../img/jejuri_gad.jpg);
    background-size: cover;
    background-position: top
}

h3 {
    color: #ffcc00 !important;
}

.read_more {
    color: #ffcc00;
    font-weight: 600;
    text-align: center !important;
    display: block;
    padding: 20px 0
}

hr.clr {
    border: 1px solid #ffcc00;
    margin-top: 30px;
}

hr.clr1 {
    border: 1px solid #ffcc00;
    margin-top: 30px;
}

.margin_top_bottom {
    margin: 30px auto;
}


/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 70%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.footer ul li a {
    display: block;
    margin: 15px auto;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 1px dotted #fff
}

.footer h3 {
    margin-bottom: 50px;
}

.footer p {
    color: #fff
}

.header {
    height: 100px;
    background-color: rgb(241,80,26) ;
    position: relative;
}

h1 {
    color: #fff !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

.header p {
    color: #fff;
    font-size: 1.1em
}

.header img {
    position: absolute;
    bottom: 0px;
    left: 100px;
    border: 5px solid #fff;
    /* border-bottom: none */
}
.smg{
  position: absolute !important;
  bottom: 0px !important;
  left: 1000px !important;
  border: 5px solid #fff !important;
}

.malhar_name img {
    margin-top: 26px
}

.log_in li a {
    display: block;
    margin-top: 40px;
    color: rgb(241,80,26);
    padding-right: 20px;
}
 
.log_in li a:nth-child(1) {
    border-right: 1px solid rgb(241,80,26);
}
.title {
    /* width: 100%; */
    background-image: url(../img/title_img1.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    color: rgb(241, 80, 26);
    font-weight: 600;
    font-size: 3em;
    text-align: cenetr;
    padding-top: 70px;
    padding-bottom: 50px;
}

.com_new h2 {
    background-color: #ffcc00;
    padding: 15px;
    color: #444543;
    font-weight: 600;
    margin: 0;
    border: #444543 1px solid;
    border-bottom: none
}

.com_new div {
    height: 300px;
    border: 1px solid #444543;
    width: 100%;
    padding: 5px;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.com_new marquee {
    padding: 10px
}

.com_new marquee a {
    display: block;
    color: #444543;
    padding: 10px;
    font-size: 1.5em
}


.my_contain p {
    text-align: justify;
    font-size: 1.2em;
    font-weight: 600;
}


.daily_program {
    margin-bottom: 30px;
}

.daily_program p {
    color: #444543 !important;
    text-align: center
}

.daily_program h3 {
    color: #444543 !important;
    text-align: center
}

.margin-b {
    margin: 30px auto;
    color: rgb(241,80,26);
}

.mb_30 {
    margin-bottom: 30px;
}

.contact h3 {
    color: #444543 !important
}

.more {
    display: block;
    text-align: right;
    margin-top: 15px;
}

.media_bg h2 {
    color: #777;
    font-weight: 600;
}

.media_bg a {
    color: #ffcc00 !important;
    font-weight: 600
}

.media_gallery {
   // background-image: url(../img/festivel.jpg);
    height: 200px;
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
    display: block;
}

.room_booking_table {
    width: 100%
}

.Search {
    padding: 20px !important;
    width: 100% !important;
    background-color: #ffcc00 !important;
}

input[type=date] {
    line-height: 12px !important;
}

.sub_nav {
    position: absolute;
    text-align: left;
    z-index: 1;
    background: #444543;
    display: none;
/* new */
  right: 0;
}

.sub_nav li a {
    padding: 10px 20px 10px 20px;
    min-width: 170px;
}

.hover:hover .sub_nav {
    display: block;
}

.my_contain .img-thumbnail span {
    font-size: 1.5em
}

.aarti {
    color: #444543 !important;
    margin-bottom: 20px;
}

.book {
    color: #444543;
    margin-bottom: 20px;
}

.book p {
    padding: 20px;
    display: block;
}

.log_in_page {
    padding-top: 100px;
    padding-bottom: 50px;
    margin: 100px auto;
    background: rgba(0, 0, 0, 0.5);
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #777;
    margin-bottom: 0;
}

.log_in_page img {
    margin-top: -180px;
    border: 5px solid #fff
}

.log_in_page a {
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.log_in_page a:hover {
    color: #ffcc00
}

.log_in_page button {
    background-color: #ffcc00;
    padding-left: 50px;
    padding-right: 50px;
    border: none;
}

.log_in_page button:hover {
    background-color: #000;
    color: #ffcc00;
    transition-duration: 0.6s
}

/* flipdirectory */
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}

/* flipdirectoryclose */
.flip-card7 {
  background-color: transparent;
  width: 300px;
  height: 175px;
  perspective: 1000px;
}

.flip-card-inner7 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card7:hover .flip-card-inner7 {
  transform: rotateY(180deg);
}

.flip-card-front7, .flip-card-back7 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front7 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back7 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}
/* slider index page */

.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        /* transition: 500ms ease-in-out all; */
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}


/* body{
  background: #333;
  color: #ddd;
} */
h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  /* text-shadow: 0px 2px 0px rgba(0, 0, 0, 1); */
}

/* slider index page close */


/* new3 */

.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }

.well{
  background-color: rgb(241,80,26) !important;
}

/* new3 close */


/* popupaarti */

.aarti {
  color: #444543 !important;
  margin-bottom: 20px;
}


/* popupaarticlose */


.hmgg{
  height: 90px;
}
.hname{
  color: rgb(255, 255, 255);font-size: 17px;margin-left: -9px;margin-top:10px;
}
.hcarou{
  margin-top:25px;
}
#resnav{
  display:none !important;
}

        /* new try end */
  
      


      }


      @media (min-width:1026px) and (max-width:1441px)
      {
        /* media */

  #mdi{
    display: block;
  }
  #mdre{
    display: none;
    margin-top:40px;
    margin-bottom:40px;
  }
  /* media close */

             .edtl{
    margin-top:140px;
    margin-bottom: 10px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}
.edtl23{
    text-align:center;border:1px solid grey; border-radius:0px 5px 0px 5px;width:90%;margin-left:20px;
}
.hcarouadd{
  margin-top:75px;
}
        /* .hmgg{
          height:70px;
        }
        .hname{
          color: rgb(255, 255, 255);
          font-size: 24px;
          margin-left: 20px;
          margin-top: 0px;
        }
        #header {
          height: 75px;
          transition: all 0.5s;
          z-index: 997;
          transition: all 0.5s;
          padding: 20px 0px;
          background: #fff;
          margin:0px 0px 10px 10px;  */
          /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
          /* padding-top: 25px;
        }
        .hcarou{
          margin-top:0px;
        } 
        .hsimage{
          height:150px !important;
        } 
        .d-none{
          display: block !important;
          margin-top: -3px !important;
        } */
        /* #resnav{
          display: BLOCK !important;
          margin-top: -58px !important; 
          margin-right: -15px;
        } */
      
        /* .dropdown-container{
          position: absolute;
          right: 93%;
          display: none ;
        }
       
        .hover:hover .sub_nav{
          display: block;
        }
       
      .sub_nav li a{
        min-width: 150px;
      }
      
      .nicn {
        background-color:  !important;
         font-size: 30px !important;
         margin-right:20px;
         margin-top: 36px;
        color:white !important;
      }
      
       .main-nav a {
        display: block;
        position: relative;
        color: #FFD700  !important;
        padding: 10px 8px;
        transition: 0.3s;
        font-size: 15px;
        font-family: "Montserrat", sans-serif;
        font-family: 'Nunito', sans-serif;
        font-weight: 500;
      }
      */
  
  
        /* newtry */

         /* new */
  .sub_nav {
    position: relative;
  }
  
  .sub_nav .main_nav {
    top: 0;
    left: 100%;
    margin-top: -1px;
  }
 
  /* new close */

  /* #header {
    height: 100px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0;
    background: #fff;
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
  /* } */

  #header {
    height: 100px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0px;
    background: #fff;
    margin:0px 0px 10px 10px; 
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
    padding-top: 25px;
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin-left: 0px;
  }
  
  #header.header-scrolled,
  #header.header-pages {
    /* height: 60px; */
    padding: 10px 0;
  }
  
  #header .logo h1 {
    font-size: 36px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
  }
  
  #header .logo h1 a,
  #header .logo h1 a:hover {
    color: #00366f;
    text-decoration: none;
  }
  
  /* #header .logo img {
    padding: 0;
    margin: -20px 128px;
    max-height: 100px;
  } */
  

  #header .logo img {
    padding: 0;
    margin: -20px -4px;
    max-height: 100px;
  }


  .main-pages {
    margin-top: 60px;
  }

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
    width: 100%;
    position: relative;
    /* background: url("../img/intro-bg.png") center bottom no-repeat; */
    background-size: cover;
    padding: 80px 0 0px 0;
  }
  
  #intro .intro-img {
    width: 100%;
    float: right;
  }
  
  #intro .intro-info {
    width: 50%;
    float: left;
  }
  
  #intro .intro-info h2 {
    color: #fff;
    margin-bottom: 40px;
    font-size: 48px;
    font-weight: 700;
  }
  
  #intro .intro-info h2 span {
    color: #74b5fc;
    text-decoration: underline;
  }
  
  #intro .intro-info .btn-get-started,
  #intro .intro-info .btn-services {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 32px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 0 20px 20px 0;
    color: #fff;
  }
  
  #intro .intro-info .btn-get-started {
    background: #007bff;
    border: 2px solid #007bff;
    color: #fff;
  }
  
  #intro .intro-info .btn-get-started:hover {
    background: none;
    border-color: #fff;
    color: #fff;
  }
  
  #intro .intro-info .btn-services {
    border: 2px solid #fff;
  }
  
  #intro .intro-info .btn-services:hover {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
  }
  
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  
  /* Desktop Navigation */
  
  .main-nav {
    /* Drop Down */
    /* Deep Drop Down */
  }
 
  .main-nav,
  .main-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .main-nav > ul > li {
    position: relative;
    white-space: nowrap;
    float: left;
  }
  
  .main-nav a {
    display: block;
    position: relative;
    color: #FFD700  !important;
    padding: 10px 12px;
    transition: 0.3s;
    font-size: 15px;
    /* font-family: "Montserrat", sans-serif; */
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    float:right;
  }
  
  .main-nav a:hover,
  .main-nav .active > a,
  .main-nav li:hover > a {
    color: white !important;
    text-decoration: none;
    font-weight: 600;
  }
  
  .main-nav .drop-down ul {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: ease all 0.3s;
  }
  
  .main-nav .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  
  .main-nav .drop-down li {
    min-width: 180px;
    position: relative;
  }
  
  .main-nav .drop-down ul a {
    padding: 10px 20px;
    font-size: 13px;
    color: #004289;
  }
  
  .main-nav .drop-down ul a:hover,
  .main-nav .drop-down ul .active > a,
  .main-nav .drop-down ul li:hover > a {
    color: #007bff;
  }
  
  .main-nav .drop-down > a:after {
    content: "\f107";
    font-family: FontAwesome;
    padding-left: 10px;
  }
  
  .main-nav .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
  }
  
  .main-nav .drop-down .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
  }
  
  .main-nav .drop-down .drop-down > a {
    padding-right: 35px;
  }
  
  .main-nav .drop-down .drop-down > a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
  }
  
  /* Mobile Navigation */
  
  .mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: rgba(19, 39, 57, 0.8);
    transition: 0.4s;
  }
  
  .mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .mobile-nav a {
    display: block;
    position: relative;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
  }
  
  .mobile-nav a:hover,
  .mobile-nav .active > a,
  .mobile-nav li:hover > a {
    color: white;
    text-decoration: none;
  }
  
  .mobile-nav .drop-down > a:after {
    content: "\f078";
    font-family: FontAwesome;
    padding-left: 10px;
    position: absolute;
    right: 15px;
  }
  
  .mobile-nav .active.drop-down > a:after {
    content: "\f077";
  }
  
  .mobile-nav .drop-down > a {
    padding-right: 35px;
  }
  
  .mobile-nav .drop-down ul {
    display: none;
    overflow: hidden;
  }
  
  .mobile-nav .drop-down li {
    padding-left: 20px;
  }
  
  .mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
  }
  
  .mobile-nav-toggle i {
    margin: 18px 18px 0 0;
    color: #004289;
  }
  
  .mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(19, 39, 57, 0.8);
    overflow: hidden;
    display: none;
  }
  
  .mobile-nav-active {
    overflow: hidden;
  }
  
  .mobile-nav-active .mobile-nav {
    left: 0;
  }
  
  .mobile-nav-active .mobile-nav-toggle i {
    color: #fff;
  }
   
  






  /* diffrent pagecode */
  * {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Slab', serif;
}


.bg_bg {
    background-image: url(../img/body_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    padding-bottom: 100px;
}

.blog-content2 a{ color:#fff; }


ul {
    margin: 0 !important;
}

a {
    display: inline-block
}

a:hover {
    text-decoration: none !important;
    cursor: pointer;
}

.my_nav {
    border-bottom: 1px solid rgb(241,80,26);
    background: #444543
}

.my_nav li a {
    display: block;
    padding: 20px;
    color:  rgb(255,255,255) !important;
}

.my_nav li a:hover {
    background:  rgb(241,80,26);
    color: #444543;
    transition-duration: .5s
}

.online_srviceses a {
    display: block;
    background-color: #ffcc00;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 1.3em
}

.new {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(254, 153, 9, 0.8);
    height: auto;
}

.bg {
    background: #ffcc00;
    color: #ffffff;
    margin-bottom: 30px;
    height: 100px;
    padding: 10px;
}

.daily_programme {
    background: #ffcc00;
    color: #ffffff;
    padding: 30px 0
}

.daily_programme .col-sm-2 {
    border-right: 5px solid #fff
}

.daily_programme h3 {
    color: #fff !important;
}

.fest_img {
    background-image: url(../img/festivel.jpg);
    background-size: cover;
    background-position: center;
    height: 100px;
}

.footer {
    /* background: #000000; */
    /* background: linear-gradient(130deg, rgba(255, 134, 0, 1) 0%, rgba(226, 83, 76, 1) 100%); */
  background: #f12711;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */  
  background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* padding: 50px; */
    /* height: 50vh; */
}
.footer h3{
  color:black !important;
}

#top_bg {
    background-color: #333;
    width: 100%;
    display: block;
    transition: top 0.3s;
    height: 200px;
    background-image: url(../img/jejuri_gad.jpg);
    background-size: cover;
    background-position: top
}

h3 {
    color: #ffcc00 !important;
}

.read_more {
    color: #ffcc00;
    font-weight: 600;
    text-align: center !important;
    display: block;
    padding: 20px 0
}

hr.clr {
    border: 1px solid #ffcc00;
    margin-top: 30px;
}

hr.clr1 {
    border: 1px solid #ffcc00;
    margin-top: 30px;
}

.margin_top_bottom {
    margin: 30px auto;
}


/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 70%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.footer ul li a {
    display: block;
    margin: 15px auto;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 1px dotted #fff
}

.footer h3 {
    margin-bottom: 50px;
}

.footer p {
    color: #fff
}

.header {
    height: 100px;
    background-color: rgb(241,80,26) ;
    position: relative;
}

h1 {
    color: #fff !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

.header p {
    color: #fff;
    font-size: 1.1em
}

.header img {
    position: absolute;
    bottom: 0px;
    left: 100px;
    border: 5px solid #fff;
    /* border-bottom: none */
}
.smg{
  position: absolute !important;
  bottom: 0px !important;
  left: 1000px !important;
  border: 5px solid #fff !important;
}

.malhar_name img {
    margin-top: 26px
}

.log_in li a {
    display: block;
    margin-top: 40px;
    color: rgb(241,80,26);
    padding-right: 20px;
}
 
.log_in li a:nth-child(1) {
    border-right: 1px solid rgb(241,80,26);
}
.title {
    /* width: 100%; */
    background-image: url(../img/title_img1.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    color: rgb(241, 80, 26);
    font-weight: 600;
    font-size: 3em;
    text-align: cenetr;
    padding-top: 70px;
    padding-bottom: 50px;
}

.com_new h2 {
    background-color: #ffcc00;
    padding: 15px;
    color: #444543;
    font-weight: 600;
    margin: 0;
    border: #444543 1px solid;
    border-bottom: none
}

.com_new div {
    height: 300px;
    border: 1px solid #444543;
    width: 100%;
    padding: 5px;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.com_new marquee {
    padding: 10px
}

.com_new marquee a {
    display: block;
    color: #444543;
    padding: 10px;
    font-size: 1.5em
}


.my_contain p {
    text-align: justify;
    font-size: 1.2em;
    font-weight: 600;
}


.daily_program {
    margin-bottom: 30px;
}

.daily_program p {
    color: #444543 !important;
    text-align: center
}

.daily_program h3 {
    color: #444543 !important;
    text-align: center
}

.margin-b {
    margin: 30px auto;
    color: rgb(241,80,26);
}

.mb_30 {
    margin-bottom: 30px;
}

.contact h3 {
    color: #444543 !important
}

.more {
    display: block;
    text-align: right;
    margin-top: 15px;
}

.media_bg h2 {
    color: #777;
    font-weight: 600;
}

.media_bg a {
    color: #ffcc00 !important;
    font-weight: 600
}

.media_gallery {
   // background-image: url(../img/festivel.jpg);
    height: 200px;
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
    display: block;
}

.room_booking_table {
    width: 100%
}

.Search {
    padding: 20px !important;
    width: 100% !important;
    background-color: #ffcc00 !important;
}

input[type=date] {
    line-height: 12px !important;
}

.sub_nav {
    position: absolute;
    text-align: left;
    z-index: 1;
    background: #444543;
    display: none;
/* new */
  right: 0;
}

.sub_nav li a {
    padding: 10px 20px 10px 20px;
    min-width: 170px;
}

.hover:hover .sub_nav {
    display: block;
}

.my_contain .img-thumbnail span {
    font-size: 1.5em
}

.aarti {
    color: #444543 !important;
    margin-bottom: 20px;
}

.book {
    color: #444543;
    margin-bottom: 20px;
}

.book p {
    padding: 20px;
    display: block;
}

.log_in_page {
    padding-top: 100px;
    padding-bottom: 50px;
    margin: 100px auto;
    background: rgba(0, 0, 0, 0.5);
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #777;
    margin-bottom: 0;
}

.log_in_page img {
    margin-top: -180px;
    border: 5px solid #fff
}

.log_in_page a {
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.log_in_page a:hover {
    color: #ffcc00
}

.log_in_page button {
    background-color: #ffcc00;
    padding-left: 50px;
    padding-right: 50px;
    border: none;
}

.log_in_page button:hover {
    background-color: #000;
    color: #ffcc00;
    transition-duration: 0.6s
}

/* flipdirectory */
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}

/* flipdirectoryclose */
.flip-card7 {
  background-color: transparent;
  width: 300px;
  height: 175px;
  perspective: 1000px;
}

.flip-card-inner7 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card7:hover .flip-card-inner7 {
  transform: rotateY(180deg);
}

.flip-card-front7, .flip-card-back7 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front7 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back7 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}

/* slider index page */

.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        /* transition: 500ms ease-in-out all; */
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}


/* body{
  background: #333;
  color: #ddd;
} */
h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  /* text-shadow: 0px 2px 0px rgba(0, 0, 0, 1); */
}

/* slider index page close */


/* new3 */

.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }

.well{
  background-color: rgb(241,80,26) !important;
}

/* new3 close */


/* popupaarti */

.aarti {
  color: #444543 !important;
  margin-bottom: 20px;
}


/* popupaarticlose */


.hmgg{
  height: 90px;
}
.hname{
  color: rgb(255, 255, 255);font-size: 28px;margin-left: 40px;margin-top:10px;
}
.hcarou{
  margin-top:25px;
}
#resnav{
  display:none !important;
}

        /* new try end */
  
      
        } 





  /* navtry */

  .topnav {
    overflow: hidden;
    -webkit-overflow: hidden;
    -webkit-background-color: #333;
    background-color: #333;
    /* background-color: #f12711; */
  }
   
  .topnav a {
    float: left;
    -webkit-float: left;
    display: block;
    -webkit-display: block;
    color: #ffcc00;
    -webkit-color: #ffcc00;
    text-align: center;
    -webkit-text-align: center;
    padding: 14px 16px;
    -webkit-padding: 14px 16px;
    text-decoration: none;
    -webkit-text-decoration: none;
    font-size: 17px;
    -webkit-font-size: 17px;
    /* background-color: #333; */
  }
  
  .active1 {
    background-color: lightslategray;
    -webkit-background-color: lightslategray;
    color: white;
    -webkit-color: white;
  }
  
  .topnav .icon {
    display: none ;
    -webkit-display:none;
  }
  
  .dropdown {
    float: left;
    -webkit-float: left;
    overflow: hidden;
    -webkit-overflow: hidden;
  }
  
  .dropdown .dropbtn {
    font-size: 17px;    
    -webkit-font-size: 17px;
    border: none;
    -webkit-border: none;
    outline: none;
    -webkit-outline: none;
    color: #ffcc00;
    -webkit-color: #ffcc00;
    padding: 14px 16px;
    -webkit-padding: 14px 16px;
    background-color: inherit;
    -webkit-background-color: inherit;
    font-family: inherit;
    -webkit-font-family: inherit;
    margin: 0;
    -webkit-margin: 0;
  }
  
  .dropdown-content {
    display: none;
    -webkit-display: none;
    position: absolute;
    -webkit-position: absolute;
    background-color: black;
    -webkit-background-color: black;
    min-width: 160px;
    -webkit-min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    -webkit-z-index: 1;
  }
  
  .dropdown-content a {
    float: none;
    -webkit-float: none;
    color: black;
    -webkit-color: black;
    padding: 12px 16px;
    -webkit-padding: 12px 16px;
    text-decoration: none;
    -webkit-text-decoration: none;
    display: block;
    -webkit-display: block;
    text-align: left;
    -webkit-text-align: left;
  }
  
  .topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    -webkit-background-color: #555;
    color: white;
    -webkit-color: white;
  }
  
  .dropdown-content a:hover {
    background-color: #555;
    -webkit-background-color: #555;
    color: black;
    -webkit-color: black;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
    -webkit-display: block;
  }

@media screen and (max-width: 769px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
    -webkit-display: none;
  }
  .topnav a.icon {
    float: right;
    -webkit-float: right;
    display: block;
    -webkit-display: block;
  }
}

@media screen and (max-width: 769px) {
  .topnav.responsive {position: relative;-webkit-position: relative; top:61px; left:37px; height: 900px; overflow-y:scroll;}
  .topnav.responsive .icon {
    position: absolute;
    -webkit-position: absolute;
    right: 0;
    -webkit-right: 0;
    top: 0;
    -webkit-top: 0;

  }
  .topnav.responsive a {
    float: none;
    -webkit-float: none;
    display: block;
    -webkit-display: block;
    text-align: left;
    -webkit-text-align: left;
  }
  .topnav.responsive .dropdown {float: none;-webkit-float: none; }
  .topnav.responsive .dropdown-content {position: relative;-webkit-position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    -webkit-display: block;
    width: 100%;
    -webkit-width: 100%;
    text-align: left;
    -webkit-text-align: left;
  }
}


  /* navtry */
  




  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css'>
<style class="cp-pen-styles">#carousel3d .carousel-3d-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
#carousel3d .carousel-3d-slide.current {
  background-color: #333;
  color: #fff;
}
#carousel3d .carousel-3d-slide.current span {
  font-size: 20px;
  font-weight: 500;
}

@media screen and (max-device-width: 768px) and (min-device-width: 1024px) and (orientation: landscape)
{

   /* directory,live,donation  */



   .tflip1{
    width:100%;
     margin-top: 20px; 
     margin-bottom: 20px;
  }
  .tflip2{
    border-right: 10px solid white;
    height:250px;
    margin-top:15px ;
  }
  .tflip3{
    font-size: 50px;
    text-align: center;
    padding: 10px;
  }
  .tflip4{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip5{
    font-size: 20px;text-align: center;padding: 10px;
  }
  .tflip6{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 35px;
  } 
  .tflip7{
    border-right: 10px solid white;height:250px;margin-top: 15px;
  }
  .tflip8{
    font-size: 50px;text-align: center;padding: 10px;
  }
  .tflip9{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip10{
    font-size: 20px;text-align: center;padding: 10px;
  }
  .tflip11{
    text-decoration: none; border:none; background-color: rgb(241, 80, 26); color: #f5af19;margin-top: 50px; font-weight: 800;font-size: 35px;
  }
  .tflip12{
    height:250px;margin-top: 15px;
  }
  .tflip13{
    font-size: 50px;text-align: center;padding: 10px;
  }
  .tflip14{
    font-size: 30px;text-align: center;padding: 10px;
  }
  .tflip15{
    font-size: 20px;text-align: center;padding: 10px;
  }
  

 /* directory,live,donation end  */

  /* recent festive */


.trfestive{
  margin-left: 0px;margin-top: 20px;font-size: large;margin-bottom: 0px;text-align: center;
}
.trfestive2{
  width: 90%;padding-top:5px;text-align: justify;
}
.rmg{
  height: 215px;width:100%;
}
/* recent festive close */
/* media */

#mdi{
  display: block;
}
#mdre{
  display: none;
  margin-top:40px;
  margin-bottom:40px;
}
/* media close */

          .edtl{
    margin-top:115px !important;
    margin-bottom: 10px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
                }
        .edtl23{
                    text-align:center;border:1px solid grey; border-radius:0px 5px 0px 5px;width:90%;margin-left:20px;
                }
        .hcarouadd{
          margin-top:75px;
        }
        /* .hmgg{
          height:70px;
        }
        .hname{
          color: rgb(255, 255, 255);
          font-size: 24px;
          margin-left: 20px;
          margin-top: 0px;
        }
        #header {
          height: 75px;
          transition: all 0.5s;
          z-index: 997;
          transition: all 0.5s;
          padding: 20px 0px;
          background: #fff;
          margin:0px 0px 10px 10px;  */
          /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
          /* padding-top: 25px;
        }
        .hcarou{
          margin-top:0px;
        } 
        .hsimage{
          height:150px !important;
        } 
        .d-none{
          display: block !important;
          margin-top: -3px !important;
        } */
        /* #resnav{
          display: BLOCK !important;
          margin-top: -58px !important; 
          margin-right: -15px;
        } */
      
        /* .dropdown-container{
          position: absolute;
          right: 93%;
          display: none ;
        }
       
        .hover:hover .sub_nav{
          display: block;
        }
       
      .sub_nav li a{
        min-width: 150px;
      }
      
      .nicn {
        background-color:  !important;
         font-size: 30px !important;
         margin-right:20px;
         margin-top: 36px;
        color:white !important;
      }
      
       .main-nav a {
        display: block;
        position: relative;
        color: #FFD700  !important;
        padding: 10px 8px;
        transition: 0.3s;
        font-size: 15px;
        font-family: "Montserrat", sans-serif;
        font-family: 'Nunito', sans-serif;
        font-weight: 500;
      }
      */
  
  
        /* newtry */

         /* new */
  .sub_nav {
    position: relative;
  }
  
  .sub_nav .main_nav {
    top: 0;
    left: 100%;
    margin-top: -1px;
  }
 
  /* new close */

  /* #header {
    height: 100px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0;
    background: #fff;
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
  /* } */

  #header {
    height: 100px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0px;
    background: #fff;
    margin:0px 0px 10px 10px; 
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
    padding-top: 25px;
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin-left: 0px;
  }
  
  #header.header-scrolled,
  #header.header-pages {
    /* height: 60px; */
    padding: 10px 0;
  }
  
  #header .logo h1 {
    font-size: 36px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
  }
  
  #header .logo h1 a,
  #header .logo h1 a:hover {
    color: #00366f;
    text-decoration: none;
  }
  
  /* #header .logo img {
    padding: 0;
    margin: -20px 128px;
    max-height: 100px;
  } */
  

  #header .logo img {
    padding: 0;
    margin: -20px -4px;
    max-height: 100px;
  }


  .main-pages {
    margin-top: 60px;
  }

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
    width: 100%;
    position: relative;
    /* background: url("../img/intro-bg.png") center bottom no-repeat; */
    background-size: cover;
    padding: 80px 0 0px 0;
  }
  
  #intro .intro-img {
    width: 100%;
    float: right;
  }
  
  #intro .intro-info {
    width: 50%;
    float: left;
  }
  
  #intro .intro-info h2 {
    color: #fff;
    margin-bottom: 40px;
    font-size: 48px;
    font-weight: 700;
  }
  
  #intro .intro-info h2 span {
    color: #74b5fc;
    text-decoration: underline;
  }
  
  #intro .intro-info .btn-get-started,
  #intro .intro-info .btn-services {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 32px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 0 20px 20px 0;
    color: #fff;
  }
  
  #intro .intro-info .btn-get-started {
    background: #007bff;
    border: 2px solid #007bff;
    color: #fff;
  }
  
  #intro .intro-info .btn-get-started:hover {
    background: none;
    border-color: #fff;
    color: #fff;
  }
  
  #intro .intro-info .btn-services {
    border: 2px solid #fff;
  }
  
  #intro .intro-info .btn-services:hover {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
  }
  
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  
  /* Desktop Navigation */
  
  .main-nav {
    /* Drop Down */
    /* Deep Drop Down */
  }
 
  .main-nav,
  .main-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .main-nav > ul > li {
    position: relative;
    white-space: nowrap;
    float: left;
  }
  
  .main-nav a {
    display: block;
    position: relative;
    color: #FFD700  !important;
    padding: 10px 12px;
    transition: 0.3s;
    font-size: 15px;
    /* font-family: "Montserrat", sans-serif; */
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    float:right;
  }
  
  .main-nav a:hover,
  .main-nav .active > a,
  .main-nav li:hover > a {
    color: white !important;
    text-decoration: none;
    font-weight: 600;
  }
  
  .main-nav .drop-down ul {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: ease all 0.3s;
  }
  
  .main-nav .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  
  .main-nav .drop-down li {
    min-width: 180px;
    position: relative;
  }
  
  .main-nav .drop-down ul a {
    padding: 10px 20px;
    font-size: 13px;
    color: #004289;
  }
  
  .main-nav .drop-down ul a:hover,
  .main-nav .drop-down ul .active > a,
  .main-nav .drop-down ul li:hover > a {
    color: #007bff;
  }
  
  .main-nav .drop-down > a:after {
    content: "\f107";
    font-family: FontAwesome;
    padding-left: 10px;
  }
  
  .main-nav .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
  }
  
  .main-nav .drop-down .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
  }
  
  .main-nav .drop-down .drop-down > a {
    padding-right: 35px;
  }
  
  .main-nav .drop-down .drop-down > a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
  }
  
  /* Mobile Navigation */
  
  .mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: rgba(19, 39, 57, 0.8);
    transition: 0.4s;
  }
  
  .mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .mobile-nav a {
    display: block;
    position: relative;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
  }
  
  .mobile-nav a:hover,
  .mobile-nav .active > a,
  .mobile-nav li:hover > a {
    color: white;
    text-decoration: none;
  }
  
  .mobile-nav .drop-down > a:after {
    content: "\f078";
    font-family: FontAwesome;
    padding-left: 10px;
    position: absolute;
    right: 15px;
  }
  
  .mobile-nav .active.drop-down > a:after {
    content: "\f077";
  }
  
  .mobile-nav .drop-down > a {
    padding-right: 35px;
  }
  
  .mobile-nav .drop-down ul {
    display: none;
    overflow: hidden;
  }
  
  .mobile-nav .drop-down li {
    padding-left: 20px;
  }
  
  .mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
  }
  
  .mobile-nav-toggle i {
    margin: 18px 18px 0 0;
    color: #004289;
  }
  
  .mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(19, 39, 57, 0.8);
    overflow: hidden;
    display: none;
  }
  
  .mobile-nav-active {
    overflow: hidden;
  }
  
  .mobile-nav-active .mobile-nav {
    left: 0;
  }
  
  .mobile-nav-active .mobile-nav-toggle i {
    color: #fff;
  }
   
  






  /* diffrent pagecode */
  * {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Slab', serif;
}


.bg_bg {
    background-image: url(../img/body_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    padding-bottom: 100px;
}


ul {
    margin: 0 !important;
}

a {
    display: inline-block
}

a:hover {
    text-decoration: none !important;
    cursor: pointer;
}

.my_nav {
    border-bottom: 1px solid rgb(241,80,26);
    background: #444543
}

.my_nav li a {
    display: block;
    padding: 20px;
    color:  rgb(255,255,255) !important;
}

.my_nav li a:hover {
    background:  rgb(241,80,26);
    color: #444543;
    transition-duration: .5s
}

.online_srviceses a {
    display: block;
    background-color: #ffcc00;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 1.3em
}

.new {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(254, 153, 9, 0.8);
    height: auto;
}

.bg {
    background: #ffcc00;
    color: #ffffff;
    margin-bottom: 30px;
    height: 100px;
    padding: 10px;
}

.daily_programme {
    background: #ffcc00;
    color: #ffffff;
    padding: 30px 0
}

.daily_programme .col-sm-2 {
    border-right: 5px solid #fff
}

.daily_programme h3 {
    color: #fff !important;
}

.fest_img {
    background-image: url(../img/festivel.jpg);
    background-size: cover;
    background-position: center;
    height: 100px;
}

.footer {
    /* background: #000000; */
    /* background: linear-gradient(130deg, rgba(255, 134, 0, 1) 0%, rgba(226, 83, 76, 1) 100%); */
  background: #f12711;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */  
  background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* padding: 50px; */
    /* height: 50vh; */
}
.footer h3{
  color:black !important;
}

#top_bg {
    background-color: #333;
    width: 100%;
    display: block;
    transition: top 0.3s;
    height: 200px;
    background-image: url(../img/jejuri_gad.jpg);
    background-size: cover;
    background-position: top
}

h3 {
    color: #ffcc00 !important;
}

.read_more {
    color: #ffcc00;
    font-weight: 600;
    text-align: center !important;
    display: block;
    padding: 20px 0
}

hr.clr {
    border: 1px solid #ffcc00;
    margin-top: 30px;
}

hr.clr1 {
    border: 1px solid #ffcc00;
    margin-top: 30px;
}

.margin_top_bottom {
    margin: 30px auto;
}


/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 70%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.footer ul li a {
    display: block;
    margin: 15px auto;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 1px dotted #fff
}

.footer h3 {
    margin-bottom: 50px;
}

.footer p {
    color: #fff
}

.header {
    height: 100px;
    background-color: rgb(241,80,26) ;
    position: relative;
}

h1 {
    color: #fff !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

.header p {
    color: #fff;
    font-size: 1.1em
}

.header img {
    position: absolute;
    bottom: 0px;
    left: 100px;
    border: 5px solid #fff;
    /* border-bottom: none */
}
.smg{
  position: absolute !important;
  bottom: 0px !important;
  left: 1000px !important;
  border: 5px solid #fff !important;
}

.malhar_name img {
    margin-top: 26px
}

.log_in li a {
    display: block;
    margin-top: 40px;
    color: rgb(241,80,26);
    padding-right: 20px;
}
 
.log_in li a:nth-child(1) {
    border-right: 1px solid rgb(241,80,26);
}
.title {
    /* width: 100%; */
    background-image: url(../img/title_img1.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    color: rgb(241, 80, 26);
    font-weight: 600;
    font-size: 3em;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 50px;
}

.com_new h2 {
    background-color: #ffcc00;
    padding: 15px;
    color: #444543;
    font-weight: 600;
    margin: 0;
    border: #444543 1px solid;
    border-bottom: none
}

.com_new div {
    height: 300px;
    border: 1px solid #444543;
    width: 100%;
    padding: 5px;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.com_new marquee {
    padding: 10px
}

.com_new marquee a {
    display: block;
    color: #444543;
    padding: 10px;
    font-size: 1.5em
}


.my_contain p {
    text-align: justify;
    font-size: 1.2em;
    font-weight: 600;
}


.daily_program {
    margin-bottom: 30px;
}

.daily_program p {
    color: #444543 !important;
    text-align: center
}

.daily_program h3 {
    color: #444543 !important;
    text-align: center
}

.margin-b {
    margin: 30px auto;
    color: rgb(241,80,26);
}

.mb_30 {
    margin-bottom: 30px;
}

.contact h3 {
    color: #444543 !important
}

.more {
    display: block;
    text-align: right;
    margin-top: 15px;
}

.media_bg h2 {
    color: #777;
    font-weight: 600;
}

.media_bg a {
    color: #ffcc00 !important;
    font-weight: 600
}

.media_gallery {
   // background-image: url(../img/festivel.jpg);
    height: 200px;
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
    display: block;
}

.room_booking_table {
    width: 100%
}

.Search {
    padding: 20px !important;
    width: 100% !important;
    background-color: #ffcc00 !important;
}

input[type=date] {
    line-height: 12px !important;
}

.sub_nav {
    position: absolute;
    text-align: left;
    z-index: 1;
    background: #444543;
    display: none;
/* new */
  right: 0;
}

.sub_nav li a {
    padding: 10px 20px 10px 20px;
    min-width: 170px;
}

.hover:hover .sub_nav {
    display: block;
}

.my_contain .img-thumbnail span {
    font-size: 1.5em
}

.aarti {
    color: #444543 !important;
    margin-bottom: 20px;
}

.book {
    color: #444543;
    margin-bottom: 20px;
}

.book p {
    padding: 20px;
    display: block;
}

.log_in_page {
    padding-top: 100px;
    padding-bottom: 50px;
    margin: 100px auto;
    background: rgba(0, 0, 0, 0.5);
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #777;
    margin-bottom: 0;
}

.log_in_page img {
    margin-top: -180px;
    border: 5px solid #fff
}

.log_in_page a {
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.log_in_page a:hover {
    color: #ffcc00
}

.log_in_page button {
    background-color: #ffcc00;
    padding-left: 50px;
    padding-right: 50px;
    border: none;
}

.log_in_page button:hover {
    background-color: #000;
    color: #ffcc00;
    transition-duration: 0.6s
}

/* flipdirectory */
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}

.flip-card7 {
  background-color: transparent;
  width: 300px;
  height: 175px;
  perspective: 1000px;
}

.flip-card-inner7 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card7:hover .flip-card-inner7 {
  transform: rotateY(180deg);
}

.flip-card-front7, .flip-card-back7 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front7 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back7 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}

/* flipdirectoryclose */

/* slider index page */

.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        /* transition: 500ms ease-in-out all; */
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}


/* body{
  background: #333;
  color: #ddd;
} */
h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  /* text-shadow: 0px 2px 0px rgba(0, 0, 0, 1); */
}

/* slider index page close */


/* new3 */

.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }

.well{
  background-color: rgb(241,80,26) !important;
}

/* new3 close */


/* popupaarti */

.aarti {
  color: #444543 !important;
  margin-bottom: 20px;
}


/* popupaarticlose */


.hmgg{
  height: 90px;
}
.hname{
  color: rgb(255, 255, 255);font-size: 28px;margin-left: 40px;margin-top:10px;
}
.hcarou{
  margin-top:25px;
}
#resnav{
  display:none !important;
}

        /* new try end */
  
      


      }


      @media (min-width:1026px) and (max-width:1441px)
      {
        /* media */

  #mdi{
    display: block;
  }
  #mdre{
    display: none;
    margin-top:40px;
    margin-bottom:40px;
  }
  /* media close */

             .edtl{
    margin-top:140px;
    margin-bottom: 10px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}
.edtl23{
    text-align:center;border:1px solid grey; border-radius:0px 5px 0px 5px;width:90%;margin-left:20px;
}
.hcarouadd{
  margin-top:75px;
}
        /* .hmgg{
          height:70px;
        }
        .hname{
          color: rgb(255, 255, 255);
          font-size: 24px;
          margin-left: 20px;
          margin-top: 0px;
        }
        #header {
          height: 75px;
          transition: all 0.5s;
          z-index: 997;
          transition: all 0.5s;
          padding: 20px 0px;
          background: #fff;
          margin:0px 0px 10px 10px;  */
          /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
          /* padding-top: 25px;
        }
        .hcarou{
          margin-top:0px;
        } 
        .hsimage{
          height:150px !important;
        } 
        .d-none{
          display: block !important;
          margin-top: -3px !important;
        } */
        /* #resnav{
          display: BLOCK !important;
          margin-top: -58px !important; 
          margin-right: -15px;
        } */
      
        /* .dropdown-container{
          position: absolute;
          right: 93%;
          display: none ;
        }
       
        .hover:hover .sub_nav{
          display: block;
        }
       
      .sub_nav li a{
        min-width: 150px;
      }
      
      .nicn {
        background-color:  !important;
         font-size: 30px !important;
         margin-right:20px;
         margin-top: 36px;
        color:white !important;
      }
      
       .main-nav a {
        display: block;
        position: relative;
        color: #FFD700  !important;
        padding: 10px 8px;
        transition: 0.3s;
        font-size: 15px;
        font-family: "Montserrat", sans-serif;
        font-family: 'Nunito', sans-serif;
        font-weight: 500;
      }
      */
  
  
        /* newtry */

         /* new */
  .sub_nav {
    position: relative;
  }
  
  .sub_nav .main_nav {
    top: 0;
    left: 100%;
    margin-top: -1px;
  }
 
  /* new close */

  /* #header {
    height: 100px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0;
    background: #fff;
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
  /* } */

  #header {
    height: 100px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0px;
    background: #fff;
    margin:0px 0px 10px 10px; 
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */
    padding-top: 25px;
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin-left: 0px;
  }
  
  #header.header-scrolled,
  #header.header-pages {
    /* height: 60px; */
    padding: 10px 0;
  }
  
  #header .logo h1 {
    font-size: 36px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
  }
  
  #header .logo h1 a,
  #header .logo h1 a:hover {
    color: #00366f;
    text-decoration: none;
  }
  
  /* #header .logo img {
    padding: 0;
    margin: -20px 128px;
    max-height: 100px;
  } */
  

  #header .logo img {
    padding: 0;
    margin: -20px -4px;
    max-height: 100px;
  }


  .main-pages {
    margin-top: 60px;
  }

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
    width: 100%;
    position: relative;
    /* background: url("../img/intro-bg.png") center bottom no-repeat; */
    background-size: cover;
    padding: 80px 0 0px 0;
  }
  
  #intro .intro-img {
    width: 100%;
    float: right;
  }
  
  #intro .intro-info {
    width: 50%;
    float: left;
  }
  
  #intro .intro-info h2 {
    color: #fff;
    margin-bottom: 40px;
    font-size: 48px;
    font-weight: 700;
  }
  
  #intro .intro-info h2 span {
    color: #74b5fc;
    text-decoration: underline;
  }
  
  #intro .intro-info .btn-get-started,
  #intro .intro-info .btn-services {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 32px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 0 20px 20px 0;
    color: #fff;
  }
  
  #intro .intro-info .btn-get-started {
    background: #007bff;
    border: 2px solid #007bff;
    color: #fff;
  }
  
  #intro .intro-info .btn-get-started:hover {
    background: none;
    border-color: #fff;
    color: #fff;
  }
  
  #intro .intro-info .btn-services {
    border: 2px solid #fff;
  }
  
  #intro .intro-info .btn-services:hover {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
  }
  
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  
  /* Desktop Navigation */
  
  .main-nav {
    /* Drop Down */
    /* Deep Drop Down */
  }
 
  .main-nav,
  .main-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .main-nav > ul > li {
    position: relative;
    white-space: nowrap;
    float: left;
  }
  
  .main-nav a {
    display: block;
    position: relative;
    color: #FFD700  !important;
    padding: 10px 12px;
    transition: 0.3s;
    font-size: 15px;
    /* font-family: "Montserrat", sans-serif; */
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    float:right;
  }
  
  .main-nav a:hover,
  .main-nav .active > a,
  .main-nav li:hover > a {
    color: white !important;
    text-decoration: none;
    font-weight: 100;
    font-size:15px;
  }
  
  
  
  .main-nav .drop-down ul {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: ease all 0.3s;
  }
  
  .main-nav .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  
  .main-nav .drop-down li {
    min-width: 180px;
    position: relative;
  }
  
  .main-nav .drop-down ul a {
    padding: 10px 20px;
    font-size: 13px;
    color: #004289;
  }
  
  .main-nav .drop-down ul a:hover,
  .main-nav .drop-down ul .active > a,
  .main-nav .drop-down ul li:hover > a {
    color: #007bff;
  }
  
  .main-nav .drop-down > a:after {
    content: "\f107";
    font-family: FontAwesome;
    padding-left: 10px;
  }
  
  .main-nav .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
  }
  
  .main-nav .drop-down .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
  }
  
  .main-nav .drop-down .drop-down > a {
    padding-right: 35px;
  }
  
  .main-nav .drop-down .drop-down > a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
  }
  
  /* Mobile Navigation */
  
  .mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: rgba(19, 39, 57, 0.8);
    transition: 0.4s;
  }
  
  .mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .mobile-nav a {
    display: block;
    position: relative;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
  }
  
  .mobile-nav a:hover,
  .mobile-nav .active > a,
  .mobile-nav li:hover > a {
    color: white;
    text-decoration: none;
  }
  
  .mobile-nav .drop-down > a:after {
    content: "\f078";
    font-family: FontAwesome;
    padding-left: 10px;
    position: absolute;
    right: 15px;
  }
  
  .mobile-nav .active.drop-down > a:after {
    content: "\f077";
  }
  
  .mobile-nav .drop-down > a {
    padding-right: 35px;
  }
  
  .mobile-nav .drop-down ul {
    display: none;
    overflow: hidden;
  }
  
  .mobile-nav .drop-down li {
    padding-left: 20px;
  }
  
  .mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
  }
  
  .mobile-nav-toggle i {
    margin: 18px 18px 0 0;
    color: #004289;
  }
  
  .mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(19, 39, 57, 0.8);
    overflow: hidden;
    display: none;
  }
  
  .mobile-nav-active {
    overflow: hidden;
  }
  
  .mobile-nav-active .mobile-nav {
    left: 0;
  }
  
  .mobile-nav-active .mobile-nav-toggle i {
    color: #fff;
  }
   
  <!---section---->
  
   .wrapper {
        width: 100%;
        overflow: hidden;
    }
    .photobanner {
        position: relative;
        height: 233px;
        margin-bottom: 30px;
       display:flex;
        width: 100%;
		
    }
	.blog-content2 a.readmore {
    text-decoration: underline;
    color: #fff;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 99;
}
	.blog-content2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    background: rgb(241, 80, 26);
    visibility: hidden;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.blog-wrap2:hover .blog-content2 {
    visibility: visible;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.blog-content2 span {
    display: block;
    color: #e40ef0;
    margin-bottom: 5px;
    font-style: italic;
    margin-top: -30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.blog-wrap2:hover::before {
    -webkit-animation: animate3 .6s linear forwards;
    animation: animate3 .6s linear forwards;
}
.next-prev-style .owl-item.active .line::before, .blog-wrap2:hover::before {
    -webkit-animation: animate 1s linear forwards;
    animation: animate 1s linear forwards;
}
.blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 0 solid transparent;
    content: "";
    z-index: 9;
}
.blog-wrap2 {
    position: relative;
    margin-bottom: 30px;
    z-index: 9;
	left:700px;
}
.line::before, .line::after, .blog-wrap2::before, .blog-wrap2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: px solid transparent;
    content: "";
    z-index: -9;
}
.blog-content2 p {
    margin-bottom: 20px;
    color: #f1f1f1;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    line-height: 29px;
}

.blog-wrap2:hover .blog-content2 h4 {
    margin-left: 0;
}
.blog-content2 h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    margin-left: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
	color:#fff;
}

.blog-content2 h4  a{ color:#fff;}
	
	

    .photobanner img {
        margin: 0px 30px;
        box-shadow: 2px 2px 8px #8a8a8a;
		
    }
	
	

    .photobanner {
        animation: bannermove 10s linear infinite alternate-reverse;
    }

    @keyframes bannermove {
        from {
            left: 0px;
        }
        to {
            left: -2700px;
        }
    }
	
	<!---section end-->






  /* diffrent pagecode */
  * {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Slab', serif;
}


.bg_bg {
    background-image: url(../img/body_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    padding-bottom: 100px;
}


ul {
    margin: 0 !important;
}

a {
    display: inline-block
}

a:hover {
    text-decoration: none !important;
    cursor: pointer;
}

.my_nav {
    border-bottom: 1px solid rgb(241,80,26);
    background: #444543
}

.my_nav li a {
    display: block;
    padding: 20px;
    color:  rgb(255,255,255) !important;
}

.my_nav li a:hover {
    background:  rgb(241,80,26);
    color: #444543;
    transition-duration: .5s
}

.online_srviceses a {
    display: block;
    background-color: #ffcc00;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 1.3em
}

.new {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(254, 153, 9, 0.8);
    height: auto;
}

.bg {
    background: #ffcc00;
    color: #ffffff;
    margin-bottom: 30px;
    height: 100px;
    padding: 10px;
}

.daily_programme {
    background: #ffcc00;
    color: #ffffff;
    padding: 30px 0
}

.daily_programme .col-sm-2 {
    border-right: 5px solid #fff
}

.daily_programme h3 {
    color: #fff !important;
}

.fest_img {
    background-image: url(../img/festivel.jpg);
    background-size: cover;
    background-position: center;
    height: 100px;
}

.footer {
    /* background: #000000; */
    /* background: linear-gradient(130deg, rgba(255, 134, 0, 1) 0%, rgba(226, 83, 76, 1) 100%); */
  background: #f12711;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */  
  background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* padding: 50px; */
    /* height: 50vh; */
}
.footer h3{
  color:black !important;
}

#top_bg {
    background-color: #333;
    width: 100%;
    display: block;
    transition: top 0.3s;
    height: 200px;
    background-image: url(../img/jejuri_gad.jpg);
    background-size: cover;
    background-position: top
}

h3 {
    color: #ffcc00 !important;
}

.read_more {
    color: #ffcc00;
    font-weight: 600;
    text-align: center !important;
    display: block;
    padding: 20px 0
}

hr.clr {
    border: 1px solid #ffcc00;
    margin-top: 30px;
}

hr.clr1 {
    border: 1px solid #ffcc00;
    margin-top: 30px;
}

.margin_top_bottom {
    margin: 30px auto;
}


/* Slider */

.slick-slide {
    margin: 0px 10px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.footer ul li a {
    display: block;
    margin: 15px auto;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 1px dotted #fff
}

.footer h3 {
    margin-bottom: 50px;
    color:#fff !important;
}

.footer p {
    color: #fff
}

.header {
    height: 100px;
    background-color: rgb(241,80,26) ;
    position: relative;
}

h1 {
    color: #fff !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

.header p {
    color: #fff;
    font-size: 1.1em
}

.header img {
    position: absolute;
    bottom: 0px;
    left: 100px;
    border: 5px solid #fff;
    /* border-bottom: none */
}
.smg{
  position: absolute !important;
  bottom: 0px !important;
  left: 1000px !important;
  border: 5px solid #fff !important;
}

.malhar_name img {
    margin-top: 26px
}

.log_in li a {
    display: block;
    margin-top: 40px;
    color: rgb(241,80,26);
    padding-right: 20px;
}
 
.log_in li a:nth-child(1) {
    border-right: 1px solid rgb(241,80,26);
}
.title {
    /* width: 100%; */
    background-image: url(../img/title_img1.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    color: rgb(241, 80, 26);
    font-weight: 600;
    font-size: 30px;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 0px;
}

.com_new h2 {
    background-color: #ffcc00;
    padding: 15px;
    color: #444543;
    font-weight: 600;
    margin: 0;
    border: #444543 1px solid;
    border-bottom: none
}

.com_new div {
    height: 300px;
    border: 1px solid #444543;
    width: 100%;
    padding: 5px;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.com_new marquee {
    padding: 10px
}

.com_new marquee a {
    display: block;
    color: #444543;
    padding: 10px;
    font-size: 1.5em
}


.my_contain p {
    text-align: justify;
    font-size: 1em;
    font-weight: 100;
}


.daily_program {
    margin-bottom: 30px;
}

.daily_program p {
    color: #444543 !important;
    text-align: center
}

.daily_program h3 {
    color: #444543 !important;
    text-align: center
}

.margin-b {
    margin: 30px auto;
    color: rgb(241,80,26);
}

.mb_30 {
    margin-bottom: 30px;
}

.contact h3 {
    color: #444543 !important
}

.more {
    display: block;
    text-align: right;
    margin-top: 15px;
}

.media_bg h2 {
    color: #777;
    font-weight: 600;
}

.media_bg a {
    color: #ffcc00 !important;
    font-weight: 600
}

.media_gallery {
   // background-image: url(../img/festivel.jpg);
    height: 200px;
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
    display: block;
}

.room_booking_table {
    width: 100%
}

.Search {
    padding: 20px !important;
    width: 100% !important;
    background-color: #ffcc00 !important;
}

input[type=date] {
    line-height: 12px !important;
}

.sub_nav {
    position: absolute;
    text-align: left;
    z-index: 1;
    background: #444543;
    display: none;
/* new */
  right: 0;
  top:41px;
}

.sub_nav li a {
    padding: 10px 20px 10px 20px;
    min-width: 170px;
}

.hover:hover .sub_nav {
    display: block;
}

.my_contain .img-thumbnail span {
    font-size: 1.5em
}

.aarti {
    color: #444543 !important;
    margin-bottom: 20px;
}

.book {
    color: #444543;
    margin-bottom: 20px;
}

.book p {
    padding: 20px;
    display: block;
}

.log_in_page {
    padding-top: 100px;
    padding-bottom: 50px;
    margin: 100px auto;
    background: rgba(0, 0, 0, 0.5);
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #777;
    margin-bottom: 0;
}

.log_in_page img {
    margin-top: -180px;
    border: 5px solid #fff
}

.log_in_page a {
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.log_in_page a:hover {
    color: #ffcc00
}

.log_in_page button {
    background-color: #ffcc00;
    padding-left: 50px;
    padding-right: 50px;
    border: none;
}

.log_in_page button:hover {
    background-color: #000;
    color: #ffcc00;
    transition-duration: 0.6s
}

/* flipdirectory */
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}









.flip-card7 {
  background-color: transparent;
  width: 300px;
  height: 175px;
  perspective: 1000px;
}

.flip-card-inner7 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card7:hover .flip-card-inner7 {
  transform: rotateY(180deg);
}

.flip-card-front7, .flip-card-back7 {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front7 {
  background-color: #DCDCDC;
  color: black;
}

.flip-card-back7 {
  background-color: rgb(241, 80, 26);
  color: rgb(255,204,0);
  transform: rotateY(180deg);
}

/* flipdirectoryclose */

/* slider index page */

.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        /* transition: 500ms ease-in-out all; */
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}


/* body{
  background: #333;
  color: #ddd;
} */
h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  /* text-shadow: 0px 2px 0px rgba(0, 0, 0, 1); */
}

/* slider index page close */


/* new3 */

.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }

.well{
  background-color: rgb(241,80,26,0.2) !important;
}

/* new3 close */


/* popupaarti */

.aarti {
  color: #444543 !important;
  margin-bottom: 20px;
}


/* popupaarticlose */


.hmgg{
  height: 90px;
}


.hname{
  color: rgb(255, 255, 255);font-size: 25px;margin-left: 0px;margin-top:6px;
}
.hcarou{
  margin-top:25px;
}
#resnav{
  display:none !important;
}

        /* new try end */
  
      
        } 





  /* navtry */

  .topnav {
    overflow: hidden;
    -webkit-overflow: hidden;
    -webkit-background-color: #333;
    background-color: #333;
    /* background-color: #f12711; */
  }
   
  .topnav a {
    float: left;
    -webkit-float: left;
    display: block;
    -webkit-display: block;
    color: #ffcc00;
    -webkit-color: #ffcc00;
    text-align: center;
    -webkit-text-align: center;
    padding: 14px 16px;
    -webkit-padding: 14px 16px;
    text-decoration: none;
    -webkit-text-decoration: none;
    font-size: 17px;
    -webkit-font-size: 17px;
    /* background-color: #333; */
  }
  
  .active1 {
    background-color: lightslategray;
    -webkit-background-color: lightslategray;
    color: white;
    -webkit-color: white;
  }
  
  .topnav .icon {
    display: none ;
    -webkit-display:none;
  }
  
  .dropdown {
    float: left;
    -webkit-float: left;
    overflow: hidden;
    -webkit-overflow: hidden;
  }
  
  .dropdown .dropbtn {
    font-size: 17px;    
    -webkit-font-size: 17px;
    border: none;
    -webkit-border: none;
    outline: none;
    -webkit-outline: none;
    color: #ffcc00;
    -webkit-color: #ffcc00;
    padding: 14px 16px;
    -webkit-padding: 14px 16px;
    background-color: inherit;
    -webkit-background-color: inherit;
    font-family: inherit;
    -webkit-font-family: inherit;
    margin: 0;
    -webkit-margin: 0;
  }
  
  .dropdown-content {
    display: none;
    -webkit-display: none;
    position: absolute;
    -webkit-position: absolute;
    background-color: black;
    -webkit-background-color: black;
    min-width: 160px;
    -webkit-min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    -webkit-z-index: 1;
  }
  
  .dropdown-content a {
    float: none;
    -webkit-float: none;
    color: black;
    -webkit-color: black;
    padding: 12px 16px;
    -webkit-padding: 12px 16px;
    text-decoration: none;
    -webkit-text-decoration: none;
    display: block;
    -webkit-display: block;
    text-align: left;
    -webkit-text-align: left;
  }
  
  .topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    -webkit-background-color: #555;
    color: white;
    -webkit-color: white;
  }
  
  .dropdown-content a:hover {
    background-color: #555;
    -webkit-background-color: #555;
    color: black;
    -webkit-color: black;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
    -webkit-display: block;
  }

@media screen and (max-width: 769px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
    -webkit-display: none;
  }
  .topnav a.icon {
    float: right;
    -webkit-float: right;
    display: block;
    -webkit-display: block;
  }
}

@media screen and (max-width: 769px) {
  .topnav.responsive {position: relative;-webkit-position: relative;top: 61px;
    left: 37px; overflow-y:scroll; height: 900px;}
  .topnav.responsive .icon {
    position: absolute;
    -webkit-position: absolute;
    right: 0;
    -webkit-right: 0;
    top: 0;
    -webkit-top: 0;
  }
  .topnav.responsive a {
    float: none;
    -webkit-float: none;
    display: block;
    -webkit-display: block;
    text-align: left;
    -webkit-text-align: left;
  }
  .topnav.responsive .dropdown {float: none;-webkit-float: none;}
  .topnav.responsive .dropdown-content {position: relative;-webkit-position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    -webkit-display: block;
    width: 100%;
    -webkit-width: 100%;
    text-align: left;
    -webkit-text-align: left;
  }
}


  /* navtry */
  




  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css'>
<style class="cp-pen-styles">#carousel3d .carousel-3d-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
#carousel3d .carousel-3d-slide.current {
  background-color: #333;
  color: #fff;
}
#carousel3d .carousel-3d-slide.current span {
  font-size: 20px;
  font-weight: 500;
}


}