@charset "utf-8";
/* RESPONSIVE CSS
-------------------------------------------------- */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .example {background: red;}
    
.slider-cp
     {
        display: none;
     }   
     .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img
     {
        height: auto;
        position: relative;
        top:0;
     }
    

    .prop-top-part {
    
    display: none;
}

    .sp-res-part
    {
           position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    z-index: 99;
    }

    .sli-text-sec-res
     {
        display: block;
     }
    
    .sli-text-sec-res h2

    {
    width: 100%;
    color: #0432ff;
    letter-spacing: 2px;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 7px;
    text-align: center;
    margin-top: 0;
    padding: 2px;
    font-family: 'Merienda', cursive;
    background: rgba(247, 247, 247, 0.75);
    }


.sl-bx {
    position: relative;
    display: none;
}

.naya-circle
{
    display: block;
    padding: 20px 0;
    background:#fff;
    margin-bottom: 10px; 
}
.naya-circle .cir-part
{
        background: #0432ff;
    padding: 12px;
    text-align: center;
    border: 3px solid #ff0;
    width: 100%;
    margin: 0 auto 20px;

}

.naya-circle .new-cir{
        background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
}

.naya-circle .cir-part h3
{
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    color: yellow;
    margin: 0 0 10px;
    padding: 0;
    font-family: 'Cookie', cursive;
    font-size: 30px;
    text-shadow: 2px 2px 2px #000;
    display: inline-block;
    
}
.naya-circle .cir-part p
{
    font-size: 16px;
    line-height: 28px;
    color: #fff;

}

.control-round .carousel-control {
    top: 30%;
}

.casa {
    font-family: 'Cookie', cursive;
    font-size: 35px;
    padding-left: 10px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}

.ab-prop {
    padding: 40px 0;
}

.ab-prop .ab-prop-inner .head-ab {
    text-align: center;
    padding: 10px 0;
}

.ab-prop .ab-prop-inner h2 {
    font-family: 'Cookie', cursive;
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
    color: yellow;
    letter-spacing: 0px;
    margin: 0 0 0px;
    position: relative;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    padding: 5px 2px 5px 5px;
    display: inline;
}

.ab-prop-inner span {
    font-size: 22px;
}

#dif .ab-prop .ab-prop-inner h2:before {
    background: none;
}

.left-fix{
	display: none;
}

.right-fix{
	display: block;
}



.book-info .book-inner h2 {
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    color: yellow;
    margin: 0 0 20px;
    padding: 0;
    font-family: 'Cookie', cursive;
    font-size: 30px;
    text-shadow: 2px 2px 2px #000;
    background: blue;
    display: inline-block;
    padding: 5px;
}

.book-info .book-inner {
    padding: 0;
    text-align: center;
}

.book-info .book-inner p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 15px;
}

.book-info {
    padding: 40px 0;
}

.video-sec .video-con h2 {
    font-family: 'Cookie', cursive;
    font-size: 30px;
}

.attraction .attr-heading h2 {
    font-family: 'Cookie', cursive;
    font-weight: 600;
    letter-spacing: 0;
    color: yellow;
    text-transform: capitalize;
    margin: 0 0 50px;
    padding: 0;
    text-align: center;
    font-size: 30px;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    padding: 5px;
    display: inline-block;
}

.review-sec h2 {
    font-family: 'Cookie', cursive;
    font-weight: 600;
    letter-spacing: 0;
    color: yellow;
    text-transform: capitalize;
    margin: 0 0 50px;
    padding: 0;
    text-align: center;
    font-size: 30px;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    padding: 5px;
    display: inline-block;
}

.gallery-sec h2 {
	font-size: 30px;
}

.gallery-sec {
    background: #fff;
    padding: 40px 0;
}

.gallery-sec h2 {
	margin: 0 0 30px;
}

.gallery-sec .gallery-inner .gallery-box {
    float: left;
    width: 100%;
    }

    .gallery-sec .gallery-inner .gallery-box .over-lay {
    background: none;
}

.video-sec {
    padding: 40px 0;
}

.attraction .attr-box {
    position: relative;
    margin: 10px 0;
}

.review-sec {
    padding: 40px 0;
}

.owl-nav {
    text-align: center;
    position: static;
    bottom: 198px;
}

.review-sec .review-inner {
    background: rgba(0, 0, 0, 0.51);
    padding: 30px 10px;
    width: 90%;
    margin: 0 auto;
}

.contact-form {
    padding: 40px 0;
}

.contact-form .contact-head h2 {
	margin: 0 0 20px;
	font-size: 30px;
}

footer .footer-menu ul li a {
    display: inline-block;
    padding: 5px 5px;
    color: #f1c607;
    font-size: 16px;
}

footer .social-footer {
    position: relative;
    top: 0;
    background: #000;
}

footer .social-footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
}

footer .social-footer ul li {
    display: inline-block;
    margin: 5px 0;
    width: 100%;
    float: none;
}

footer .social-footer ul li a {
    color: #fff;
    padding: 10px;
    width: 100%;
    display: block;
    text-align: center;
}

footer .footer-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
}

footer .footer-menu ul li {
    display: block;
}

#dif .contact-button ul li {
    background: #0432ff;
    border: 2px solid #2339a7;
    font-weight: 800;
    font-size: 19px;
}


/* About-page-responsive*/


.bread-sec {
    padding: 20px 0;
}

.bread-inner img{
	width: 100%;
}

.bread-sec .bread-inner h1 {
    font-size: 35px;
}

.about-page-sec .about-page-sec-inner h3 {
	font-size: 30px;
}

.about-page-sec-inner{
	padding-bottom: 20px;
}

.about-page-sec {
    padding: 30px 0;
}


.amenities-sec {
    padding: 40px 0;
}

.amenities-sec .amenities-inner-sec h2 {
	font-size: 30px;
}

.amenities-sec .amenities-inner-sec h3 {
    font-size: 25px;
}

.weatherwidget-io{
	height: 200px !important;
}


}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .example {background: green;}
    
    .slider-cp
     {
        display: none;
     }   
     .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img
     {
        height: auto;
        position: relative;
        top:0;
     }
    .sp-res-part
    {
        position: absolute;
    left: 0;
    bottom: 16px;
    width: 100%;
    z-index: 99;
    }
    .sli-text-sec-res
     {
        display: block;
     }

     .sli-text-sec-res h2

    {
    width: 100%;
    color: #0432ff;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 7px;
    text-align: center;
    margin-top: 0;
    padding: 10px;
    font-family: 'Merienda', cursive;
    background: rgba(247, 247, 247, 0.5);
    }

    .prop-top-part {
    
    display: none;
}

.sl-bx {
    position: relative;
    display: none;
}


     .naya-circle
{
    display: block;
    padding: 20px 0;
    background:#fff;
    margin-bottom: 10px; 
}
.naya-circle .cir-part
{
    background:#0432ff;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;

}
.naya-circle .cir-part h3
{
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    color: yellow;
    margin: 0 0 10px;
    padding: 0;
    font-family: 'Cookie', cursive;
    font-size: 30px;
    text-shadow: 2px 2px 2px #000;
    display: inline-block;
    padding: 5px;
}
.naya-circle .cir-part p
{
    font-size: 16px;
    line-height: 28px;
    color: #fff;

}

.right-fix{
	display: block;
}

.left-fix{
	display: none;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}

.ab-prop {
    padding: 40px 0;
}

.ab-prop .ab-prop-inner .head-ab {
    text-align: center;
    padding: 20px 0;
}

.ab-prop .ab-prop-inner h2 {
    font-family: 'Cookie', cursive;
    font-size: 40px;
}

.ab-prop-inner span {
    font-size: 40px;
}

.book-info {
    padding: 40px 0;
}

.book-info .book-inner p {
    padding: 0;
    margin: 0;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 15px;
}

.gallery-sec {
    background: #fff;
    padding: 40px 0;
}

.gallery-sec .gallery-inner .gallery-box img {
    width: 100%;
    height: 150px;
}

.video-sec {
    padding: 40px 0;
}


.book-info .book-inner h2 {
    font-weight: 800;
    text-align: center;
    letter-spacing: 2px;
    color: yellow;
    margin: 0 0 20px;
    padding: 0;
    font-family: 'Cookie', cursive;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
    background: blue;
    display: inline-block;
    padding: 5px;
}

.gallery-sec h2 {
    font-family: 'Cookie', cursive;
    font-weight: 600;
    letter-spacing: 0;
    color: yellow;
    text-transform: capitalize;
    margin: 0 0 50px;
    padding: 5px;
    text-align: center;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    display: inline-block;
}


.video-sec .video-con h2 {
    font-family: 'Cookie', cursive;
    font-size: 40px;
}

.attraction .attr-box {
    position: relative;
    margin: 10px 0;
}

.attraction .attr-heading h2 {
    font-family: 'Cookie', cursive;
    font-weight: 600;
    letter-spacing: 0;
    color: yellow;
    text-transform: capitalize;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    padding: 5px;
    display: inline-block;
}

.review-sec {
    padding: 40px 0;
    }

    .owl-nav {
    text-align: center;
    position: static;
    bottom: 198px;
}



.review-sec h2 {
    font-family: 'Cookie', cursive;
    font-weight: 600;
    letter-spacing: 0;
    color: yellow;
    text-transform: capitalize;
    margin: 0 0 35px;
    padding: 0;
    text-align: center;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    padding: 5px;
    display: inline-block;
}

.contact-form {
    padding: 40px 0;
}

.contact-form .contact-head h2 {
    font-family: 'Cookie', cursive;
    font-weight: 600;
    letter-spacing: 0;
    color: yellow;
    text-transform: capitalize;
    margin: 0 0 25px;
    padding: 0;
    text-align: center;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    padding: 5px;
    display: inline-block;
}

.contact-button ul li {
    background: #0432ff;
    border: 2px solid #2339a7;
    font-weight: 800;
    font-size: 19px;
}




}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .example {background: blue;}
    
       .casa
        {
            font-size: 20px;
            padding-left: 0;
        }
        .nav-bar-sec .nav li a
        {
            font-size: 12px;
        }   

     .slider-cp
     {
        display: none;
     }   
     .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img
     {
        height: auto;
        position: relative;
        top:0;
     }

     .sp-res-part
    {
        position: absolute;
    left: 0;
    bottom: 33px;
    width: 100%;
    z-index: 99;
    }
    .sli-text-sec-res
     {
        display: block;
     }
     .sli-text-sec-res h2

    {
    width: 100%;
    color: #0432ff;
    letter-spacing: 2px;
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 7px;
    text-align: center;
    padding: 10px;
    font-family: 'Merienda', cursive;
    background: rgba(247, 247, 247, 0.5);
    }


        

    .right-fix{
    	display: block;
    }

    .left-fix{
    	display: none;
    }

    .prop-top-part {
  
    display: none;
}

.sl-bx {
    position: relative;
    display: none;
}

    .naya-circle
{
    display: block;
    padding: 20px 0;
    background:#fff;
    margin-bottom: 10px; 
}
.naya-circle .cir-part
{
    background:#0432ff;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;

}
.naya-circle .cir-part h3
{
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    color: yellow;
    margin: 0 0 10px;
    padding: 0;
    font-family: 'Cookie', cursive;
    font-size: 30px;
    text-shadow: 2px 2px 2px #000;
    display: inline-block;
    padding: 5px;
}
.naya-circle .cir-part p
{
    font-size: 16px;
    line-height: 28px;
    color: #fff;

}
        

.ab-prop {
    padding: 40px 0;
}

.ab-prop .ab-prop-inner .head-ab {
    text-align: center;
    padding: 20px 0;
}

.book-info {
    padding: 40px 0;
}

.book-info .book-inner p {
    padding: 0;
    margin: 0;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 15px;
}

.gallery-sec .gallery-inner .gallery-box img {
    width: 100%;
    height: 160px;
}

.gallery-sec {
    background: #fff;
    padding: 40px 0;
}

.video-sec {
    padding: 40px 0;
}

.attraction .attr-box {
    position: relative;
    margin: 10px 0;
}

.review-sec {
    padding: 40px 0;
   }

.owl-nav {
    text-align: center;
    position: static;
    bottom: 198px;
}

.contact-form {
    padding: 40px 0;
}

.contact-button ul li {
   background: #0432ff;
    border: 2px solid #2339a7;
    font-weight: 800;
    font-size: 19px;
}

#dif .contact-button ul li {
    background: #0432ff;
    border: 2px solid #2339a7;
    font-weight: 800;
    font-size: 14px;
}

/* About page */

.bread-sec {
    padding: 30px 0;
    background: #000 url(../images/bread.png) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .example {background: orange;}
       .left-fix {
            display: block;
        }
        
        .right-fix {
            display: block;
        }
        
       .nav-bar-sec .nav li a
        {
            font-size: 15px;
        } 

    .slider-cp
     {
        display: block;
     }   
     .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img
     {
        height: 100%;
        position: absolute;
        top:0;
     }
     .sp-res-part
    {
        position: relative;
    left: 0;
    bottom: 33px;
    width: 100%;
    z-index: 99;
    display: none;
    }
     .sli-text-sec-res
     {
        display: none;
     }


    .prop-top-part {
    height: 100vh;
    background: rgba(13, 16, 22, 0.8);
    padding: 10px 15px;
    display: block;
}
    .sl-bx {
    position: relative;
    display: block;
}

    .naya-circle
{
    display: none;
    
}

	.prop-top-part .prop-bord .logo-part-sec h2
	{
		
	}	

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -20px;
}

.casa {
    font-family: 'Cookie', cursive;
    font-size: 35px;
    padding-left: 15px;
}

.ab-prop .ab-prop-inner h2 {
    font-family: 'Cookie', cursive;
    font-size: 35px;
}

.ab-prop-inner span {
    font-size: 35px;
}

.book-info .book-inner h2 {
    font-weight: 800;
    text-align: center;
    letter-spacing: 2px;
    color: yellow;
    margin: 0 0 20px;
    padding: 0;
    font-family: 'Cookie', cursive;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
    background: blue;
    display: inline-block;
    padding: 5px;
}

.book-info .book-inner p {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 15px;
}

.gallery-sec h2 {
    font-family: 'Cookie', cursive;
    font-weight: 800;
    letter-spacing: 2px;
    color: yellow;
    text-transform: capitalize;
    margin: 0 0 40px;
    padding: 5px;
    text-align: center;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    display: inline-block;
}

.video-sec .video-con h2 {
    font-family: 'Cookie', cursive;
    font-size: 40px;
}

.attraction .attr-heading h2 {
    font-family: 'Cookie', cursive;
    font-weight: 800;
    letter-spacing: 2px;
    color: yellow;
    text-transform: capitalize;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    padding: 5px;
    display: inline-block;
}

.review-sec h2 {
    font-family: 'Cookie', cursive;
    font-weight: 800;
    letter-spacing: 2px;
    color: yellow;
    text-transform: capitalize;
    margin: 0 0 35px;
    padding: 0;
    text-align: center;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    padding: 5px;
    display: inline-block;
}

.contact-form .contact-head h2 {
    font-family: 'Cookie', cursive;
    font-weight: 800;
    letter-spacing: 2px;
    color: yellow;
    text-transform: capitalize;
    margin: 0 0 25px;
    padding: 0;
    text-align: center;
    font-size: 40px;
    text-shadow: 2px 2px 2px #000;
    background: #0432ff;
    padding: 5px;
    display: inline-block;
}




.bread-sec {
    padding: 50px 0;
    background: #000 url(../images/bread.png) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

.area-sec .area-sec-inner .area-sec-con-box {
    background: #eee;
    padding: 15px;
    min-height: 535px;
}

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .example {background: pink;}
    .nav-bar-sec .nav li a
        {
            font-size: 15px;
        }
    .slider-cp
     {
        display: block;
     }   
     .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img
     {
        height: 100%;
        position: absolute;
        top:0;
     }
     .sp-res-part
    {
        position: relative;
    left: 0;
    bottom: 33px;
    width: 100%;
    z-index: 99;
    display: none;
    }
        
     .sli-text-sec-res
     {
        display: none;
     }
    .right-fix {
    display: block;
}

.left-fix {
    display: block;
}

.prop-top-part {
    height: 100vh;
    background: rgba(13, 16, 22, 0.8);
    padding: 10px 15px;
    display: block;
}

.sl-bx {
    position: relative;
    display: block;
}

    .naya-circle
{
    display: none;

}

.gallery-sec .gallery-inner .gallery-box img {
    width: 100%;
    height: 230px;
}

.owl-nav {
    text-align: center;
    position: relative;
    bottom: 198px;
}

.owl-nav {
    text-align: center;
    position: relative;
    bottom: 240px;
}

.area-sec .area-sec-inner .area-sec-con-box {
    background: #eee;
    padding: 15px;
    min-height: 306px;
}



}


@media only screen and (max-width: 1024px) and (orientation: portrait) {
    
    .naya-circle .cir-part{border: 3px solid #ff0;overflow: scroll; height:250px;}
    
}