@media (min-width: 2881px) {
    .gallerycontainer img{ width:100%; height: auto;}
	#slider .gallerycontainer div { bottom: 46%;}
	#slider .gallerycontainer div.shadow { height: 350px; bottom:180px; }
	
}

@media (max-width:2880px) {
    .gallerycontainer img{ width:100%; height: auto;}
    #slider .gallerycontainer div { bottom: 26%;}
    #slider .gallerycontainer div.shadow { height: 300px; }
    .slider-wrap div.pager { right: 31.5%; z-index: 5;}
	.slider-wrap { height: 600px; margin-bottom: -100px;}
	.form_booking_wrap { z-index:5;}
	#slider { overflow: initial;}
	.innnerpage.overlaybg { margin: 16% 0 0; padding: 0; left: 160px;}
	.slider-wrap .gallery { overflow: hidden;}
	#slider .gallerycontainer div { bottom: 35%;}
	#slider .gallerycontainer div.shadow { height: 260px; bottom:140px; }
	/*RJ 3-5-2018*/
	.insidebanner { height: auto; }
	.temp-insidebanner.insidebanner {
	    overflow: initial;
	    margin-top: 200px;
	}
	 nav.temp-nav {
	    position: absolute;
	    z-index: 9999;
	}
	/*********************/
}

@media (max-width:2696px) { 
	#slider .gallerycontainer div { bottom: 35%;}
	#slider .gallerycontainer div.shadow { height: 250px; bottom:140px; }

}

@media (max-width: 2240px) {
    #slider .gallerycontainer div { bottom: 30%;}
    #slider .gallerycontainer div h2, .bannerimg .gallerycontainer div h2, .insidebanner .gallerycontainer div h2 { padding:0; }
    .slider-wrap div.pager { right: 28%;}
    #slider .gallerycontainer div.shadow { height: 225px; bottom:35px; }
	.slider-wrap .gallery { overflow: hidden;}
	#bodycontainer  { top: -30px;}
	
}





@media ( max-width: 2239px ) {
   #slider .gallerycontainer div { bottom: 19%;}
   #slider .gallerycontainer div h2, .bannerimg .gallerycontainer div h2, .insidebanner .gallerycontainer div h2 { padding:0; }
   .slider-wrap div.pager { right: 25%;}
   
  
}

@media (max-width: 1744px){
    .gallerycontainer img {width: auto; height:100%;}
    .slider-wrap div.pager { right: 22%;}
    .slider-wrap div.pager { right: 22%;}
	
	
	

}

@media (max-width: 1441px){
    .slider-wrap div.pager { right: 19%; bottom: 50px;}
	
}

@media (max-width: 1280px){
    .slider-wrap div.pager { right: 12%;}
}

@media (max-width: 1280px){
    .slider-wrap div.pager { right: 13%;}
}

@media (max-width: 770px) {
	.temp-insidebanner.insidebanner { margin-top: 0; }

    .gallerycontainer img { width: auto; height: auto; max-height: 300px; }
    .homepage-slider .gallerycontainer img { max-height: initial; }
    
    header {
        width: auto;
    }

        header .toggle {
            position: absolute;
            bottom: 15px;
            right: 15px;
            width: 34px;
            height: 25px;
            background: url(/images/toggle.png) no-repeat;
        }

        header h1 a img {
            width: 152px !important;
            height: auto;
            margin-left: 3px;
            margin-top: 5px;
            margin-bottom: 15px;
        }

        header .social-icons {
            padding-left: 0;
            margin-top: 5px;
			/*margin-right: 15px;*/
			
        }

    nav {
        position: fixed;
        width: 70%;
        top: 0;
        z-index: 50;
        bottom: 0;
        background: #b6b6b6;
        height: auto;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transform: translatex(-100%);
        -moz-transform: translatex(-100%);
        -o-transform: translatex(-100%);
        -ms-transform: translatex(-100%);
        transform: translatex(-100%);
    }

        nav.in {
            -webkit-transform: translatex(0%);
            -moz-transform: translatex(0%);
            -o-transform: translatex(0%);
            -ms-transform: translatex(0%);
            transform: translatex(0%);
            overflow:hidden;
            z-index:9999;
        }

        nav ul#menu {
            width: auto;
        }

            nav ul#menu > li {
                display: block;
                float: none;
                margin-left: 25px;
                font-size: 18px;
                height: auto;
                padding: 0;
            }

                nav ul#menu > li > a {
                    display: block;
                    padding: 20px 0 0 0;
                }

                    nav ul#menu > li > a:hover {
                        color: #fff;
                    }

                nav ul#menu > li.open span:after {
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

                nav ul#menu > li.open span:before {
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

                nav ul#menu > li span {
                    display: block;
                    position: absolute;
                    pointer-events: none;
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    border: 3px solid white;
                    float: right;
                    right: 15px;
                    top: 15px;
                }

                    nav ul#menu > li span:after, nav ul#menu > li span:before {
                        content: "";
                        width: 13px;
                        -webkit-transition: all .3s ease;
                        -moz-transition: all .3s ease;
                        -ms-transition: all .3s ease;
                        -o-transition: all .3s ease;
                        transition: all .3s ease;
                        height: 3px;
                        background: #fff;
                        position: absolute;
                        left: 9px;
                        top: 13px;
                    }

                    nav ul#menu > li span:after {
                        -webkit-transform: rotate(90deg);
                        -moz-transform: rotate(90deg);
                        -o-transform: rotate(90deg);
                        -ms-transform: rotate(90deg);
                        transform: rotate(90deg);
                    }

                nav ul#menu > li ul {
                    display: block;
                    width: auto;
                    position: relative;
                    background: transparent;
                    overflow: hidden;
                    border: 0;
                    left: auto !important;
                    top: auto !important;
                    margin-left: 0 !important;
                    -webkit-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    -ms-transition: all .3s ease;
                    transition: all .3s ease;
                }

                    nav ul#menu > li ul > li > a {
                        color: #6e6a6a;
                        text-transform: uppercase;
                        margin-left: 20px;
                        border-bottom-color: #6e6a6a;
                        padding-left: 0 !important;
                    }

    #slider .gallerycontainer div {
        width: auto;
        left: 5%;
        margin-left: 0;
        bottom: 15px;
    }
    #slider .gallerycontainer div h2, .bannerimg .gallerycontainer div h2, .insidebanner .gallerycontainer div h2
    {
        width:auto;
        padding-top: 20px;
    }
        #slider .gallerycontainer div.shadow {
            height: 145px;
            bottom:-14px;
        }

    .bannerimg, .insidebanner {
        margin-top: 0;
        top: 0;
    }

    .slider-wrap {
        height: auto;
        width: 100%;
        margin-top:0px;
    }

        .slider-wrap div.pager {
            bottom: auto;
            top: 215px;
        }

        .slider-wrap .gallery, .slider-wrap .gallerycontainer {
             height: 256px!important;
        }

            .slider-wrap .gallery div h2, .slider-wrap .gallerycontainer div h2, .slider-wrap .gallery div p, .slider-wrap .gallerycontainer div p {
                width: 100% !important;
            }

            .slider-wrap .gallery div h2, .slider-wrap .gallerycontainer div h2 {
                font-size: 26px !important;
            }

    .gallery img {
        width: auto;
        height: 110%;
    }

    .form_booking_wrap {
        position: relative;
        margin: 0;
        left: auto;
        width: auto;
    }

        .form_booking_wrap .form_booking {
            position: relative;
            background-color: #004d71;
        }

            .form_booking_wrap .form_booking .form_part1, .form_booking_wrap .form_booking .form_part2 {
                width: 100%;
                float: none;
                overflow: hidden;
            }

                .form_booking_wrap .form_booking .form_part1 .col2_l, .form_booking_wrap .form_booking .form_part2 .col2_l, .form_booking_wrap .form_booking .form_part1 .col2_r, .form_booking_wrap .form_booking .form_part2 .col2_r {
                    width: 49%;
                }

                .form_booking_wrap .form_booking .form_part1 .ctrl_select, .form_booking_wrap .form_booking .form_part2 .ctrl_select {
                    width: 32%;
                }

                .form_booking_wrap .form_booking .form_part1 .form_details, .form_booking_wrap .form_booking .form_part2 .form_details {
                    float: none;
                }

                    .form_booking_wrap .form_booking .form_part1 .form_details .input.select, .form_booking_wrap .form_booking .form_part2 .form_details .input.select {
                        width: 100%;
                    }

                .form_booking_wrap .form_booking .form_part1:not(.open) .title, .form_booking_wrap .form_booking .form_part2:not(.open) .title {
                    position: relative;
                }

                .form_booking_wrap .form_booking .form_part1:not(.open) .bottomborder, .form_booking_wrap .form_booking .form_part2:not(.open) .bottomborder {
                    opacity: 1;
                }

                .form_booking_wrap .form_booking .form_part1:not(.open) .title:after, .form_booking_wrap .form_booking .form_part2:not(.open) .title:after {
                    content: "";
                    position: absolute;
                    right: 15px;
                    width: 23px;
                    height: 19px;
                    top: 10px;
                    background: url("/images/go-arrow.png") no-repeat transparent;
                }

                .form_booking_wrap .form_booking .form_part1 .form_left {
                    float: left;
                    width: 68%;
                }

                    .form_booking_wrap .form_booking .form_part1 .form_left .input.select {
                        width: 47%;
                        margin-left: 3%;
                        float: left;
                    }

    .insidebanner {
        height: auto;
    }

    .innnerpage.overlaybg {
        margin-left: 0 !important;
        padding-left: 0 !important;
        left: auto !important;
        width: 100% !important;
        /*padding-top: 265px;*/
        height: auto !important;
    }

        .innnerpage.overlaybg h2 {
            padding-left: 30px !important;
            width: 100%;
        }

    .room-details #insideslider {
        width: 95%;
        margin: 0 auto;
    }

        .room-details #insideslider .insidegallery {
            width: 100% !important;
            height: 214px !important;
        }

            .room-details #insideslider .insidegallery .gallerycontainer {
                height: 214px !important;
            }

                .room-details #insideslider .insidegallery .gallerycontainer div {
                    width: 100% !important;
                    padding: 0 !important;
                    margin-top: 160px !important;
                }

                    .room-details #insideslider .insidegallery .gallerycontainer div h2 {
                        padding-left: 10px;
                    }

    #bodycontainer {
		margin-top: 70px;
        width: auto;
        top: 0;
        clear: both;
    }

        #bodycontainer .hotspots {
            padding: 0 20px;
        }

            #bodycontainer .hotspots li {
                width: 49%;
                margin-right: 1%;
                margin-bottom: 2%;
            }

                #bodycontainer .hotspots li:nth-child(2n) {
                    margin-left: 1%;
                    margin-right: 0;
                }

                #bodycontainer .hotspots li img {
                    width: 100%;
                    height: auto;
                }

                #bodycontainer .hotspots li div {
                    width: 100%;
                    background-size: 20px 70px;
                    background-repeat: repeat-x;
                }

                    #bodycontainer .hotspots li div h2 {
                        float: left;
                    }
                    
    

    .aboutus .right-container, .rooms .right-container, .room-details .right-container, .mice .right-container, .hotel-facilities .right-container, .contact .right-container, .special-offer .right-container {
        width: 100%;
        margin-top: 50px;
        float: none;
        margin-top: 5px;
    }

        .aboutus .right-container > p, .rooms .right-container > p, .room-details .right-container > p, .mice .right-container > p, .hotel-facilities .right-container > p, .contact .right-container > p, .special-offer .right-container > p {
            padding: 0 10px;
        }

        .room-details .right-container div > img {
            width: 100%;
            height: auto;
        }

    .room-details .col1 {
        width: 100%;
        float: none;
    }

    .room-details .col2 {
        width: 100%;
        float: none;
        margin-top:0px;
    }

    .book, .call {
        width: 90% !important;
        margin: 5px auto 10px !important;
    }

        .book a, .call a {
            background-position: right !important;
        }

    .aboutus tr {
        display: block;
    }

        .aboutus tr td {
            display: block;
            width: 99%;
        }

            .aboutus tr td p {
                padding: 5px;
            }

                .aboutus tr td p img {
                    float: right;
                    position: absolute;
                    top: 0;
                    right: 0;
                }

                .aboutus tr td p:first-child {
                    width: 50%;
                }

    .rooms .right-container ul.rum-box {
        padding: 10px !important;
    }

        .rooms .right-container ul.rum-box li, .special .right-container ul.rum-box li {
            width: 49%;
            margin-right: 1%;
            min-height: 313px;
            margin-bottom: 0;
        }

            .rooms .right-container ul.rum-box li h2, .special .right-container ul.rum-box li h2 {
                font-size: 16px;
            }

            .rooms .right-container ul.rum-box li img, .special .right-container ul.rum-box li img {
                width: 100%;
                height: auto;
            }

            .rooms .right-container ul.rum-box li:nth-child(2n), .special .right-container ul.rum-box li:nth-child(2n) {
                margin-right: 0;
                margin-left: 1%;
            }

    .room-details .right-container > div > img {
        margin: 9px 5%;
        width: 90%;
    }

    .roomspecifications {
        padding: 0px 10px 30px;
    }

    #map_canvas {
        width: 95% !important;
        height: 280px !important;
        margin: 0 auto !important;
        margin-bottom: 20px;
    }

    .left-container {
        display: none;
    }

    footer {
        padding-bottom: 30px;
    }

        footer .sitemap {
            width: auto;
            padding: 20px;
            padding-bottom: 0;
        }
        footer .copyrights {
            width: auto;
            padding-left: 20px;
            padding-bottom: 0;
            padding-top:0px;
        }

            footer .sitemap .col1, footer .copyrights .col1, footer .sitemap .col2, footer .copyrights .col2, footer .sitemap .col3, footer .copyrights .col3, footer .sitemap .col4, footer .copyrights .col4 {
                float: none;
            }

                footer .sitemap .col1 ul li a, footer .sitemap .col2 ul li a, footer .sitemap .col3 ul li a {
                    font-size: 13px;
                }

                footer .sitemap .col1 h2, footer .sitemap .col2 h2, footer .sitemap .col3 h2, footer .sitemap .col4 h2 {
                    font-size: 14px;
                }

            footer .copyrights li {
                padding-top: 3px;
                font-size: 11px;
            }

    #fancybox-close {
        background: url('/images/close.png') no-repeat;
        width: 27px;
        height: 27px;
        background-size: contain;
        top: 21px;
        right: 20px;
    }

    footer .sitemap{
        padding-top:0px;
    }
}

@media (max-width: 480px) {
    #fancybox-wrap {
        width: 100% !important;
        left: 0 !important;
        padding: 0;
    }

    #fancybox-content {
        width: 100% !important;
        border: 0 !important;
        height: 463px !important;
    }

    nav ul#menu > li {
        font-size: 16px;
    }

        nav ul#menu > li > a {
            padding: 15px 0 10px 0;
        }

        nav ul#menu > li span {
            top: 8px;
        }

    nav.indexpage.in ul#menu > li {
        padding: 6px 12px 0px 0px !important;
    }
    nav.in ul#menu > li {
        padding: 6px 12px 0px 0px !important;
    }
    #fancybox-close {
        background: url('/images/close.png') no-repeat;
        width: 27px;
        height: 27px;
        background-size: contain;
        top: 12px;
        right: 10px;
    }
    .innnerpage.overlaybg{
        padding-top:110px;
    }

    .slider-wrap div.pager a {
        height:9px;
        width: 9px;
    }
 }

@media (max-width:770px) {
    .hiden-mob {
        display: none !important;
    }
	
	.form_booking {
		top: -14px;
	}
}

@media (min-width:771px) {
    .visible-not-mob {
        display: none;
    }
}

@media (max-width: 480px) {
	
	header h1 a img {
		margin-bottom: 45px;
	}
	
	.logo img {
		width: 115px!important;
		height: auto!important;
	}
	
    nav ul#menu > li {
        font-size: 12px;
    }

    ul#menu li ul > li > a, ul#menu li ul > li a {
        font-size: 14px;
    }

    #slider .gallerycontainer div {
        bottom: 45px;
    }
	
	#slider .gallerycontainer div.shadow {
		height: 175px;
	}

    .slider-wrap .gallery, .slider-wrap .gallerycontainer {
        height:350px!important;
    }

    .slider-wrap div.pager {
        bottom: auto;
        margin-top: -33px;
        top: initial;
    }
	
	#slider .gallerycontainer div h2, .bannerimg .gallerycontainer div h2, .insidebanner .gallerycontainer div h2 {
		font-size: 18px!important;
	}
}

@media (max-width: 319px) {
  

    #lang {
        margin-top: -10px;
    }
}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
@media (max-width:320px) {
    .insidebanner .gallerycontainer div h2
    {
        width:auto;
        padding-top:5px;
    }
	
	#slider .gallerycontainer div p {
		font-size: 16px!important;
	}
	
	header .social-icons li:nth-child(2), header .social-icons li:nth-child(3) { padding: 12px 4px 0;}
}   

@media (max-width:360px) {
    .innnerpage.overlaybg{
        padding-top:70px;
    }
}
@media (min-width: 320px) and (max-width: 380px) {
    .room-details #insideslider .insidegallery .gallerycontainer div {
        margin-top:120px !important;
        height:94px;
        background: url(/images/overlay-transparent.png) repeat 0 0;
    }
}
@media (max-width: 320px) {
    .room-details #insideslider .insidegallery .gallerycontainer div {
        margin-top:105px !important;
        height:80px;
        background: url(/images/overlay-transparent.png) repeat 0 0;
    }
}