@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@font-face {
    font-family: 'Monotype Corsiva';
    src: url('../fonts/monotype-corsiva.eot');
    src: url('../fonts/monotype-corsiva.eot?#iefix') format('embedded-opentype'),
         url('../fonts/monotype-corsiva.woff2') format('woff2'),
         url('../fonts/monotype-corsiva.woff') format('woff'),
         url('../fonts/monotype-corsiva.ttf') format('truetype'),
         url('../fonts/monotype-corsiva.svg#monotypecorsiva') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*--Resetcss--*/
/*==================box-sizing================*/
*{box-sizing:border-box}
*,
*:before,
*:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,
*:before,
*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
/*====*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#000;outline:none;border:none;text-decoration:none}
a:visited{color:#fff}
a:hover{text-decoration:none;color:#fff}
a:active{color:#fff}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:16px;padding:8px 0;line-height:24px;margin:0;color:#000}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #cacaca;font-size:17px;color:#434343;border-radius:5px;width:100%;min-height:45px;padding:8px 15px}
.form-control::-moz-placeholder{color:#797979;opacity:1}
.form-control:-ms-input-placeholder{color:#797979}
.form-control::-webkit-input-placeholder{color:#797979}
.form-control:focus{box-shadow:none}
.form-control[readonly]{background-color:#f6f7f7;cursor:not-allowed}
select.form-control{-webkit-appearance:;-moz-appearance: none;appearance: none;background:#fff url(../images/downarrow.png) no-repeat 100% 10px;cursor:pointer}

textarea{font:17px "Times New Roman", Times, serif}
textarea.form-control{height:90px}
.block{display:inline-block;width:100%}
a.button{font-family:"Roboto", Arial, sans-serif;display:inline-block;background-color:#e4a853;border:none;box-shadow:none;color:#fff;font-size:16px;font-weight:500;text-transform:uppercase;padding:12px 39px;text-align:center;vertical-align:middle;border-radius:48px;position:relative;z-index:10;overflow:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
a:visited.button{color:#fff}
a[href="tel"]
.button:hover{color:#fff}
.button,.button::after{-webkit-transition:all 0.3s;transition:all 0.3s}
.button::before,.button::after{content:'';position:absolute;z-index:-1}
/*-- Btn-hover effect --*/
.btn-hover{color:#6f6362}
.btn-hover:before, .btn-hover:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.btn-hover:before{right:-50px;border-right:50px solid transparent;border-bottom:80px solid #333239;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.btn-hover:after{left:-50px;border-left:50px solid transparent;border-top:80px solid #333239;-webkit-transform:translateX(100%);transform:translateX(100%)}
.btn-hover:hover{color:#fff}
.btn-hover:hover:before{-webkit-transform:translateX(-49%);transform:translateX(-49%)}
.btn-hover:hover:after{-webkit-transform:translateX(49%);transform:translateX(49%)}
span.error,.alert-error{display:block;color:#d60606;font-size:15px;padding-top:5px;text-align:left}
.alert-success{opacity:1}.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none;margin:0}
.list li{background:url(../images/circle-arrow.png) no-repeat left 9px;color:#515157;font-size:15px;line-height:24px;margin:0 0 10px;padding-left:21px;font-weight:normal}
.list li:last-child{margin-bottom:0}
.list-sm{list-style:none;margin:0}
.list-sm li{background:url(../images/circle.png) no-repeat left 5px;color:#646464;font-size:18px;line-height:24px;margin:0 0 15px;padding-left:28px}
.list-sm li:last-child{margin-bottom:0}
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}
figure{margin-bottom:0}
.service hr{border-bottom:1px solid #c9c9c9;margin:55px 0 13px;opacity:1}
/*-- Body --*/
html{background:#fff;height:100%;font-family:"Times New Roman", Times, serif}
body{background:#fff;font-family:"Times New Roman", Times, serif;font-size:15px;min-height:100%;color:#404040}
/*====----====*/
html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}
.page-body,.page-content{position:relative}
.page-body{min-height:100vh}
.page-content{min-height:100vh;background-color:#fff}
/*====----====*/
.container{margin:0 auto;position:relative;padding:0 15px} 
/*--FetchFonts--*/
h1,h2,h3,h4,h5,h6{font-family:"Roboto", Arial, sans-serif}
.contact-list li,.contact-list li a.button{font-family:"Roboto",Arial,sans-serif}
/*.copyright,.contact,*/.intro .description,.videobtn-play,.our-services p{font-family:"Roboto", Arial, sans-serif;font-weight:400}
.description{font-family:"Times New Roman", Times, serif}
.footer{font-family:"Times New Roman", Arial, sans-serif;font-weight:400}
/*-- Headings --*/
.heading{font-weight:500;font-size:31px;color:#4275a6;margin:0 0 6px;text-transform:none}
.hd-h2{font-family:"Times New Roman", Times, serif;color:#000;font-size:63px;margin:0 0 10px;position:relative;text-transform:none;font-weight:500}
.hd-h3{color:#000;font-size:26px;margin:0 0 35px;text-transform:uppercase}
.hd-title{display:block;font-size:20px;font-weight:600;color:#515151}
.hd-span{font-family:"Roboto", Arial, sans-serif;display:block;font-size:16px;font-weight:600;color:#515151}
.fwt-600{font-weight:600}
/*--Container--*/
html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}
#content{display:inline-block;width:100%;min-height:300px;position:relative}
.zoom-effect{position:relative;max-width:100%;max-height:100%;margin:0 auto;overflow:hidden;background-color:#17819c}
.zoom-effect img{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(1);transform:scale(1)}
.zoom-effect:hover img{-webkit-transform:scale(1.08);transform:scale(1.08)}
/**/
.bg-transparent{position:relative;overflow:hidden}
.bg-transparent::before,.bg-transparent::after{content:"";background:#fff;height:0;width:0;z-index:1;position:absolute;transition-duration:1.3s;z-index:3}
.bg-transparent::before{right:0;opacity:1;top:0}
.bg-transparent::after{bottom:0;opacity:.7;left:0}
.bg-transparent:hover::before{height:100%;width:100%;opacity:0}
.bg-transparent:hover::after{height:100%;width:100%;opacity:0}

/*--Header--*/
.header{position:absolute;top:0;left:0;z-index:1000;width:100%}

/*-- Slider --*/
.slider{/*padding-top:72px*/ padding:0}
.slider .container{position:absolute;top:62px;left:0;right:0}
.video1 .slider-wrap{padding-top:76px}
.video2 .slider-wrap{padding-top:55px}
/*====----HomePage----=====*/
.intro h1,.intro h2{color:#fff;font-family:"Monotype Corsiva", Arial, sans-serif;line-height:initial}
.intro h1 span,.intro h2 span{display:block}
.intro .hd-figure{margin:0 auto 15px}
/*#top{min-height:100%;padding:0 0 33px}*/
.intro .hd-figure img{margin:0 auto}.intro{text-align:center}
.intro .play-button{max-width:40px;height:auto}
.welcome-beraar{background-color:#edebe5;text-align:center;padding:33px 0 58px}
.welcome-beraar span,.welcome-beraar span img{display:block;margin:0 auto}
.welcome-beraar .hd-h2{margin:0 0 6px}
.welcome-beraar .hd-h2 em{display:block;font-size:12px;font-style:normal;font-family:"Times New Roman", Arial, sans-serif;text-transform:uppercase;letter-spacing:5px;font-weight:bold;color:#0c0c0c;margin:0 0 9px}
.welcome-beraar .description{font-size:16px;line-height:27px;padding:0 0 26px;color:#686868}
.welcome-beraar span{margin:0 auto 15px}
.welcome-beraar a.button{font-size:13px;padding:14px 48px}

.rain-animate{background-color:transparent;height:100%;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);box-shadow:0 5px 15px rgba(0, 0, 0, 0.7)}
canvas{height:100%;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
#canvas1{z-index:100}
#canvas2{z-index:10}
#canvas3{z-index:5}
#canvas4{z-index:5}
#canvas5{z-index:10}
#canvas6{z-index:100}

.video-controls{position:absolute;right:12px;top:66px}
.audio-control{font-family:'Droid Sans Regular', Arial, Helvetica;color:#fff;background:#e4a853 url(../images/mute.png) no-repeat center center;/*background-position:12px 12px;*/z-index:10000;/*padding:8px 15px;*/border-radius:4px;cursor:pointer;font-size:0;height:39px;width:39px;display:inline-block}
/*.slider .audio-control.mute{background-position:12px 12px;padding-left:26px}*/
.slider .audio-control.unmute {background-image:url(../images/unmute.png);/*background-position:14px 12px;padding-left:23px*/}

.slider .video1{height:100%;width:100vw}

/*--Play/Pause button--*/
.play-pause-btn{font-family:'Droid Sans Regular', Arial, Helvetica;color:#fff;background:#e4a853 url(../images/btn-play.png) no-repeat center center;/*background-position:12px 12px;*/z-index:10000;/*padding:8px 15px;*/border-radius:4px;cursor:pointer;font-size:0;height:39px;width:39px;display:inline-block}
/*.slider .play-pause-btn.pause{background-position:center center;padding-left:26px}*/
.slider .play-pause-btn.play{background-image:url(../images/btn-pause.png);/*background-position:center center;padding-left:23px*/}

/*-- Play Video Poster--*/
.play-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.video1 .play-video{background:url(../images/video1-poster.jpg) no-repeat center center;background-size:cover}
.video2 .play-video{background:url(../images/video2-poster.jpg) no-repeat center center;background-size:cover}

/*===== Chikhaldara Tour =====*/
.chikaldhara-tour {background:url(../images/visual-tour-chikaldhara.jpg) no-repeat center 0;min-height:495px;padding:120px 0 50px;text-align:center;cursor:pointer}
.chikaldhara-tour h2 {color:#fff;font-size:35px;font-family:'Times New Roman',Arial,sans-serif;font-weight:600;max-width:450px;margin:0 auto}
.chikaldhara-tour h3 {color:#e4a853;font-size:45px;font-family:'Times New Roman',Arial,sans-serif;font-weight:600;padding:4px 0 7px 0}
.chikaldhara-tour img {margin:0 auto;cursor:pointer}

/*-- visual-popup --*/
.visual-popup{position:relative}
#visual-popup ::-webkit-scrollbar{width:20px}
#visual-popup ::-webkit-scrollbar-thumb{background:lightgray;border-radius:5px}
#visual-popup .title{text-align:center;text-transform:uppercase}
#visual-popup .video{width:100%;height:100%;margin:auto;display:block;border:none;max-width:393px}
#visual-popup .close-btn{width:36px;height:36px;display:block;margin:0;cursor:pointer;border:none;background-color:white;position:absolute;right:15px;top:9px;font-size:18px;z-index:10000}
#visual-popup .popup-btn{font-size:inherit;margin:0 auto;cursor:pointer}
#visual-popup.video-popup{display:none;width:100%;height:100vh;margin:auto;position:fixed;top:0;boxshadow:10px 10px 10px 10px black;z-index:10000}
#visual-popup .popup-bg{background:rgba(0, 0, 0, 0.8);width:100%;height:100vh;position:absolute;z-index:1000}
#visual-popup .popup-content{background:black;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:auto;z-index:10000;width:100%}
#visual-popup .popup-title{padding:30px;margin:0 auto;color:red;text-transform:uppercase}
#visual-popup .video,#visual-popup .popup-content{max-width:390px}

/*===== Amenities =====*/
.amenities {background-color:#edebe5;padding-bottom:35px}
.amenities h3 {text-align:center;font-size:45px;font-family:'Times New Roman',Arial,sans-serif;color:#000;padding:24px 0 24px 0}

.sports{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5);margin:0 auto} 
.sports li.column{flex:0 0 auto;width:50%;margin-bottom:20px;padding:0 8px}
.sports li .inn-box{position:absolute;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.33);width:100%;height:auto;padding:6px 0 9px 0;text-align:center;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.sports li a{position:relative;display:block;overflow:hidden}
.sports li img{transform:scale(1);-webkit-transition:all 0.3s linear;transition:all 0.35s linear}
.sports li p{display:none;color:#fff;line-height:20px;padding:5px 10px;transform:scale(2);opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in}
.amenities h4{color:#fff;font-size:16px;font-family:'Times New Roman',Arial,sans-serif;font-weight:600;margin:0}


/*.footer h3{font:34px 'Times New Roman',Arial,sans-serif;color:#fff;text-align:center;padding:30px 0 10px}
.footer-top{text-align:center; margin:0 auto}*/

/*.subscribe .column{padding:21px 10px 0 10px}
.subscribe .form-control{font-size:15px;border:0;border-radius:25px;height:50px;width:100%;max-width:300px;margin:0 auto;padding-left:21px} */

/*-- Modal Enquiery Form --*/
.modal-header{padding:0.9rem;border-bottom:0}
.modal-content{border-radius:.6rem}
.enquiry-form .modal-body{padding:0 43px}
.modal .form-group{padding-bottom:10px}
.modal label{display:block}
.modal h3{font:28px 'Times New Roman',Arial,sans-serif;color:#000}
.modal p{font-size:17px;color:#636363;line-height:22px;padding:2px 15px 20px}
.modal .submit{background-color:rgba(228,168,83,1);font:20px "Roboto", Arial, sans-serif;color:#fff;width:100%;max-width:190px;height:50px;padding:0 15px;margin:10px 0;border-radius:25px;text-transform:uppercase;transition:0.3s}
.modal .submit:hover{background-color:#be8636}
.modal-header .btn-close{position:absolute;top:16px;right:18px;background-color:#eaeaea;background-size:11px auto;border-radius:25px;z-index:10000;opacity:0.8}
.modal-open,.modal.show{padding-right:0!important}

.footer{background-color:#333239;padding:20px 0 90px}
.footer-menu{color:#444;border-bottom:1px solid #48474c}
.footer-menu a,.footer-menu a:focus,.footer-menu a:visited{color:#a7a7a8}
.footer-menu .box {padding-top:30px;text-align:center}
.footer-menu .box.first{grid-column:1 / 3;grid-row:1;padding-top:15px}
.footer-menu .box.first img{margin:0 auto}
.footer-menu-hd{text-transform:uppercase; letter-spacing:5px; color:#ebbc79; font-size:12px; font-weight:700 }
.footer-menu .box p,.footer-menu .box ul{color:#a7a7a8; padding:13px 10px 5px 10px; line-height:30px;font-size:18px}
.footer-menu .box ul{padding-bottom:23px}
.social-media li{display:inline-block; width:32px; height:32px; border-radius:50%; text-align:center}
.social-media li a i{font-size:15px}
.social-media li a{display:inline-block;font-size:15px; color:#fff;transition:.5s linear; background:transparent; width:40px; height:40px; border-radius:50%; padding:5px}
.social-media li a:hover{transform:scale(1);color:#000}
.social-media li a.facebook-icon:hover{background-color:#fff}
.social-media li a.linkedin-icon:hover{background-color:#fff}
.social-media li a.twitter-icon:hover{background-color:#fff}
.social-media li a.youtube-play-icon:hover{background-color:#fff}
.footer-base p{font-size:20px;color:#fff;text-align:center;padding:25px 0}
.scrollTop {position:fixed;right:2%;bottom:60px;background-color:#e4a853;width:45px;height:45px;text-align:center;border-radius:50%;opacity:0;z-index:1000;-webkit-transition:all 0.4s linear;transition:all 0.4s linear}
.scrollTop a {font-size:18px;color:#fff;width:100%;height:100%;display:block;padding-top:9px;border-radius:50%;cursor:pointer}
.scrollTop .fa{color:#fff}
.scrollTop:hover{background-color:#be8636}

/*-- Start:Round wave effect--*/
.arrow-1{display:block;width:65px;height:65px;background:#e4a853;opacity:0.5;border-radius:50%;position:absolute;top:-10px;left:-10px;-webkit-animation:pulse-border 1500ms ease-out infinite;animation:pulse-border 1500ms ease-out infinite;cursor:pointer}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }
  50% {
    opacity: 0.5;
  }  
  100% {
    opacity: 0;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }
  50% {
    opacity: 0.5;
  }  
  100% {
    opacity: 0;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}
/*--End: Round wave effect--*/


/*====Responsive====*/
/*====---- min-width ----====*/
/*====---- max-width - min-width ----====*/
@media only screen and (min-width:200px) and (max-width:767px){
#top{background:url(../images/introtopbg.jpg) no-repeat center 0;min-height:360px/*540px*/;max-height:360px;padding:0 0 100px;position:relative;margin:0 auto;background-size:cover}
.slider-wrap{background:url(../images/introtopbg.jpg) no-repeat center 0;/*background:url(../images/introtopbg-dsk.jpg) no-repeat center 0;*/height:360px/*865px*/}
.slider-wrap.second{background:url(../images/introtopbg-2.jpg) no-repeat center 0/*background:url(../images/introtopbg-2-dsk.jpg) no-repeat center 0*/}
.slider-wrap.third{background:url(../images/introtopbg-3.jpg) no-repeat center 0}
.slider-wrap.forth{background:url(../images/introtopbg-4.jpg) no-repeat center 0}

.logo-responsive,.logo-responsive img{margin:0 auto}.intro{margin:50px auto 0}
.intro .hd-figure{margin:0 auto 31px}
.intro h1,.intro h2{font-size:57px;margin:0}
.intro h1 span,.intro h2 span{display:block}.intro .button{display:none}.heading{font-weight:500;font-size:31px;color:#4275a6;margin:0 0 6px;text-transform:none}
.free-visit{background-color:transparent;position:fixed;left:0;right:0;bottom:0;z-index:100;top:auto;padding-top:24px}
.free-visit .container-fluid{padding:0}
.free-visit [class*="col-"]{padding:0;flex:0 0 auto;width:50%}
.free-visit .row{margin:0}
.free-visit .site-visit{display:block;max-width:386px;margin:0 auto}
.site-visit .button{background:#f8e9d4;color:#a31b1f;position:relative;font-family:"Times New Roman", Times, serif;z-index:-1;display:block;border:none;box-shadow:none;font-size:21px;font-weight:bold;text-transform:uppercase;padding:24px 39px;text-align:center;vertical-align:middle;border-radius:52px;overflow:hidden;bottom:-33px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.site-visit .button span{display:block;position:relative;top:-12px}
.site-visit code:visited.button{color:#a31b1f}
.free-visit .call-visit{background:#a31b1f}
.free-visit .enquiry{background:#e4a853}
.free-visit .call-visit a,.free-visit .enquiry a{display:block;font-size:25px;padding:14px 9px}
a.btn-visit{font-family:"Times New Roman", Times, serif;display:block;background-color:transparent;border:none;box-shadow:none;color:#fff;font-weight:500;text-transform:uppercase;text-align:center;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.welcome-beraar{margin:38px auto 0}
.welcome-beraar a.button{font-family:"Times New Roman", Times, serif}
.welcome-beraar a:visited.button{color:#fff}
.client-feedback{display:block;padding:39px 0 0}
.contact-list,.intro .button{display:none}
.col-none{display:none}
#visual-popup .popup-content{margin-top:-50px}

}
/*====---- min-width ----====*/

@media (min-width:321px){
	
/*body{border:1px solid pink}*/
}
@media (min-width:481px){
#top{min-height:410px;max-height:410px}
.slider-wrap{height:410px}

.welcome-beraar .description{font-size:18px;line-height:30px;padding:0 21px 26px}
.sports li.column{padding:0 15px;margin-bottom:30px}
.chikaldhara-tour h2{font-size:40px}
.chikaldhara-tour h3{font-size:57px}
.sports li .inn-box{height:43px;padding:9px 0 6px 0}.amenities h4{font-size:18px}
/*.subscribe .row{display:flex;flex-wrap:wrap}.subscribe .column{flex:0 0 auto;width:50%}*/
.footer{padding:50px 0 124px}
.footer-menu{display:grid;grid-template-columns:50% 50%}
/*.footer h3{font-size:48px}*/
.footer-menu .box p{padding:23px 10px 23px 10px}
.social-media li{width:40px;height:40px}
.scrollTop{bottom:115px}
#visual-popup .video,#visual-popup .popup-content{max-width:532px}

  
}
@media (min-width:576px){
#top{min-height:440px;max-height:440px}
.slider-wrap{height:440px;background:url(../images/introtopbg-dsk.jpg) no-repeat center center}
.slider-wrap.second{background:url(../images/introtopbg-dsk-2.jpg) no-repeat center center}
.slider-wrap.third{background:url(../images/introtopbg-dsk-3.jpg) no-repeat center center}
.slider-wrap.forth{background:url(../images/introtopbg-dsk-4.jpg) no-repeat center center}

a.btn-visit{font-size:29px;padding:12px 27px}.welcome-beraar span{margin:0 auto 20px}
.free-visit .button span{display:block;position:relative;top:-15px}
.free-visit .button{font-size:21px;padding:24px 52px}
.free-visit .site-visit{max-width:386px}
.welcome-beraar{padding:39px 0 57px}
.intro .hd-figure img{max-width:395px}
.modal h3{font-size:35px}
.enquiry-form .modal-body{padding:0 43px}
.form-control{min-height:51px}
.footer{padding-bottom:120px}
/*body{border:1px solid pink}*/
}

@media (min-width:640px){
/*#top{min-height:552px}*/

/*body{border:1px solid blue}*/
}

@media (min-width:768px) {
/*.video1 .play-video{background-position:center center}
.video2 .play-video{background-position:center center}*/
.client-feedback,.logo-responsive{display:none}.intro .hd-figure{margin:0 0 18px}
#top{/*background:url(../images/introtopbg-dsk.jpg) no-repeat center 0;;background-size:cover*/height:100%;position:relative;margin:0 auto -11px;max-width:1900px;/*padding:0 0 60px;min-height:408px;*/}
#top{min-height:560px;max-height:560px}
.slider-wrap{height:560px}
.video1 .slider-wrap{padding-top:80px}
.video2 .slider-wrap{padding-top:46px}
.logo-responsive,.logo-responsive img,.intro .hd-figure img{margin:0 auto}.intro{text-align:center;margin:50px auto 0}
.intro h1,.intro h2{font-size:75px;margin:0 0 18px}
.intro .hd-figure img{max-width:495px}.intro .play-button{max-width:70px}
.contact-list{text-align:right;position:relative;z-index:1000}
.contact-list li,.contact-list li a{display:inline-block;color:#fff}
.contact-list li a{padding:3px 6px}
.contact-list li a.button{font-family:"Roboto", Arial, sans-serif;padding:8px 21px;background-color:transparent;border:solid 2px #fff;border-radius:0;font-size:16px}
.contact-list li{margin-right:10px}
.contact-list li:last-child{margin-right:0}
.contact-list li a.btn-hover:before{border-bottom:80px solid #e4a853}
.contact-list li a.btn-hover:after{border-top:80px solid #e4a853}
.header{padding:21px 0 0}
.free-visit{display:none}
.video-controls{/*position:absolute;*/right:33px;top:96px}

.chk-hillstation .container-fluid{padding:0}
.chk-hillstation .row{margin:0}
.chk-hillstation [class*="col-"]{padding:0}
.chk-hillstation .description{font-size:20px;line-height:28px;color:#9c9c9c;padding:0 0 60px}
.chk-hillstation{padding:48px 0 0}
.chk-hillstation .hd-h2{margin:0 0 12px;padding:0 0 12px;font-size:42px}
.chk-hillstation .hd-h2:after{content:" ";position:absolute;left:0;bottom:0;height:6px;width:176px;background-color:#e4a853}
.chk-hillstation li figure{cursor:pointer;max-width:475px;max-height:486px}
.logo-brand{margin:0;position:absolute;right:0;bottom:0}
.logo-brand{max-width:210px}
.welcome-beraar .hd-h2{font-size:54px}
.welcome-beraar figure,.welcome-beraar figure img{margin:0 auto}
.welcome-beraar figure{margin:33px auto 0}
#visual-popup .video,#visual-popup .popup-content{max-width:780px}
.chikaldhara-tour{padding-top:127px}

/*-- Anemities Hover --*/
.sports{max-width:590px}
.sports li p{display:block}
.amenities .sports li:hover .inn-box{height:100%;padding-top:30%}
.sports li:hover img{transform:scale(1.3)}
.sports li:hover p{transform:scale(1);opacity:1;visibility:visible}

/*.subscribe{max-width:800px; margin:0 auto}
.subscribe .column{width:33.33%;padding:21px 5px 0 5px}*/
.footer-menu .box p,.footer-menu .box ul{padding:24px 11px 10px 0px}

.footer-menu{padding:10px 0 52px}
.footer-menu .box ul{margin-left:-14px}
.footer{padding-bottom:0}
.scrollTop{bottom:10px;right:2%;width:56px;height:56px}
.scrollTop a{padding-top:14px}
.arrow-1{width:80px;height:80px;top:-12px;left:-12px}

/*body{border:1px solid lightgreen}*/
}
@media (min-width:992px) {
#top{min-height:660px;max-height:660px}
.slider-wrap{height:660px}

.slider .container{top:90px}
.intro .hd-figure{margin:0 0 39px}
a.tel{pointer-events:none;cursor:text}
.welcome-beraar{padding:39px 0 96px}
.welcome-beraar figure,.welcome-beraar figure img{margin:0}
.chk-hillstation .hd-h2{font-size:48px}
#visual-popup .video{max-width:100%}

.chikaldhara-tour {min-height:620px}
.chikaldhara-tour h2 {font-size:67px;max-width:750px}
.chikaldhara-tour h3 {font-size:78px;padding:9px 0 16px 0}
.amenities {background-color:#fff;padding-bottom:105px}
.sports{max-width:1160px}
.sports li.column{width:25%}.amenities h3 {font-size:64px}

/*.subscribe{padding-bottom:30px}*/
.footer-menu .box{text-align:left}
.footer-menu .box.first img{margin:0}
/*.footer-top{padding-bottom:55px}*/
.footer figure{margin-top:10px}
.footer-base p{padding:45px 0}
.footer-menu .a img {margin:0}
.footer-menu{grid-template-columns:20% 20% 20% 20% 20%;padding:0 0 52px}
.footer-menu .box.first {grid-column:1;padding-top:38px}

/*body{border:1px solid red}*/
}

@media (min-width:1200px){
#top{min-height:865px;max-height:none}
/*#top{min-height:864px;min-height:865px}*/
.slider-wrap{height:865px}
/*.video1 .slider-wrap{padding-top:80px}
.video2 .slider-wrap{padding-top:46px}*/
.slider .container{top:114px}
.header{padding:36px 0 0}

.container{max-width:1200px}
.intro .hd-figure{margin:0 0 90px;}.video1 .intro .hd-figure,.video2 .intro .hd-figure{margin-bottom:50px}
.intro .hd-figure img{max-width:100%}.intro h1,.intro h2{font-size:97px;margin:0 0 21px}
.intro a.button{font-size:21px;padding:16px 43px}.welcome-beraar .hd-h2{margin:0 0 34px;font-size:63px}
.welcome-beraar{padding:106px 0}.chk-hillstation{padding:69px 0 0;max-width:1900px;margin:0 auto}
.chk-hillstation .hd-h2{font-size:63px}.logo-brand{max-width:366px}.welcome-beraar .description{padding:0 60px 28px}
.amenities h3 {padding:50px 0 30px 0}
.sports li .inn-box{height:46px}.amenities h4 {font-size:24px}
.video1 .slider-wrap{padding-top:90px}
.video2 .slider-wrap{padding-top:53px}

/*body{border:1px solid #000}*/
}

/*@media (max-width:767px){
.chk-hillstation.content-none{display:none}
.slider .video2 .slider-wrap{padding-top:45px}
}*/

/*@media (max-width:639px){
#top{min-height:421px}

body{border:1px solid blue}
}*/
@media (max-width:575px){
.intro .hd-figure{max-width:75%;margin:0 auto 25px}
.intro h1,.intro h2{font-size:48px}
.intro{text-align:center;margin:24px auto 0}
/*#top{min-height:100%}*/
/*.video1 .slider-wrap{padding-top:33px}
.video2 .slider-wrap{padding-top:51px}*/

/*body{border:1px solid red}*/	
}
@media (max-width:480px){
#top{padding:0 0 24px}.welcome-beraar{padding:39px 0 48px}.hd-h2{font-size:44px}
.free-visit .button span{top:-12px}
.free-visit .button{font-size:18px;padding:18px 52px;margin:0 auto;bottom:-26px}
.free-visit .site-visit{max-width:266px}a.btn-visit{padding:9px 27px;font-size:16px}

.free-visit .call-visit a,.free-visit .enquiry a{font-size:17px;padding:12px 9px 9px}
.footer-base p{font-size:15px;padding:15px 0}

/*body{border:1px solid magenta}*/
}