@media (min-width: 1701px) and (max-width: 1920px) {
    .promocode { position: absolute; top:420px; right:17%;}
}

@media (min-width:1501px) and (max-width: 1700px) {
    .promocode { position: absolute; top:420px; right:16%;}

}
@media (min-width: 1301px) and (max-width: 1500px) {
    .promocode { position: absolute; top:420px; right:15%;}
}

@media (min-width: 1101px) and (max-width: 1300px) {
    .promocode { position: absolute; top:420px; right:14%;}
}



@media only screen and ( max-width: 1280px ) {
    .promocode { right: 10% !important;}
}
@media only screen and ( max-width: 1024px ) {
    .border-right { padding: 0;}
    .wel-box h6 { font-size: 15px;}
    .bx-wrapper .bx-controls-direction a {    margin-top: 26px !important;}
    .promocode { display: none;}
    .lux-box { margin-bottom: 40px;}
    .check h3 span { width: 65%;}
   .experience h3 { margin-bottom: 0;}
    .exp-box { margin-top: 120px;}
    .box.box-2 { border: 0;}
    .exp-bg img { height: 677px;}
    .box-4 input { width: 80%;}
    .wel-box img { width:40%;}
    .box-3 {    border-right: 0 !important;}
    .footer .box { min-height: 300px;}
    .footer .box1 { border: 0;}
    .photo li { width:32%; margin-left: 1%; margin-bottom: 2%;}
    .photo ul { margin-left: -1%;}
    .big li { width:170px !important; margin-bottom: 20px !important;}
    .big ul { text-align: center;}
    
}
@media only screen and ( max-width: 980px ) {
    .contact-text {text-align: center;}
    .photo ul { text-align: center;}
    .photo li { width:31.7%;}
    .about-main-box { text-align: center;}
    .about-img img { margin-left: 0 !important;}
    .ab-rg { float:none;}
    .ab-lf { float:none;}
    
    .affix {position: inherit !important;}
    .navbar-nav li { padding: 0;}
    .caption { top:80px;}
    .welcome h3 { margin-bottom:10px;}
    .welcome { padding-bottom: 0px;}
    .welcome span.manager { margin-bottom: 20px;}
    .footer .box { border: 0; min-height:inherit; margin-bottom: 30px;}
    .w3-content w3-section {max-width: 100% !important;}
    .wel-slider { margin: 30px auto;}
    .bxslider li { width:350px !important;}
    .exp-bg img { height:637px;}
    .welcome { text-align: center;}
    .bx-wrapper .bx-prev { left:0 !important;}
    .bx-wrapper .bx-next { right: 0 !important;}
    .luxury { text-align: center;}
    .logo { width:160px; margin-right: 10px;}
    .logo img { width:100%;}
    .navbar-default .navbar-nav>li>a { font-size: 15px; padding: 10px;}
}
@media only screen and ( max-width: 800px ) {
    .banner h1 { font-size: 28px;}
    .banner-arrrow { margin-top: 0 !important;}
    .wel-box img { width:30%;}
}
@media only screen and ( max-width: 768px ) {
    .caption { top:140px;}
    .caption h1 { font-size: 50px;}
    .box-2 ul { margin: 0; padding: 0;}
    .carousel-control { width:10%;}
    .border-right{border-right: none; padding-right: 0;}
}
@media only screen and ( max-width: 736px ) {
    .photo li { width:31%;}
    .logo {float: left ; width:200px;}
    .navbar-default .navbar-toggle { margin-top: 20px; background: none; border: 0;}
    .navbar-default .navbar-toggle:hover { margin-top: 20px; background: none; border: 0;}
    .navbar-default .navbar-toggle:active { margin-top: 20px; background: none; border: 0;}
    .navbar-collapse { border-top:0;}
    .navbar-default { display: block !important;}
    .navbar-header{ text-align: center;}
    .navbar-default .navbar-toggle { display: block;}
    .navbar-default .navbar-nav li a { text-align: center;} 
    .navbar-default .navbar-nav li { width:100%;}
    .navbar-nav li.gla { margin-left: 0px;}
    
}
@media only screen and ( max-width: 667px ) {
    .navbar-default .navbar-nav>li>a { text-align: center;}
    .wif { margin-left: 50px;}
    .bxslider li { width:660px !important;}
    .exp-bg img { height: 557px;}
    .navbar-default { display: block !important;}
}
@media only screen and ( max-width: 640px ) {
    .banner h1 { font-size: 25px;}
    
    .bxslider li { width:600px !important;}
    .banner-arrrow { font-size: 40px !important;}
    .check h3 { margin-bottom: 0;}
}
@media only screen and ( max-width: 600px ) {
    .caption { top:90px;}
    .logo { width:180px;}
    .banner-arrrow { font-size: 30px !important;}
    .br { margin:0;}
    .deluxe-arrow { margin-top: 50px !important;}
}
@media only screen and ( max-width: 568px ) {
    .photo li { width: 46%;}
    .bx-wrapper .bx-controls-direction a { margin: 0 !important;}
    .caption { top:80px;}
    .header-line { text-align: center;}
    .head-line-left { float: none !important; display: inline-block; vertical-align: top;}
    .social-icons-top { float: none !important; display: inline-block; vertical-align: top; margin-top: 5px;}
    .social-icons-top ul { margin-left: -40px !important;}
    .exp-box { margin-top: 90px;}
    .banner h1 { font-size: 23px;}
    .exp-bg img { height: 527px;}
    .bxslider li{ width:560px !important;}
    .exp-bg img { height: 548px;}
}
@media only screen and ( max-width: 480px ) {
    .logo-line { margin-top: 45px;}
    .banner h1 { font-size: 20px;}
    .lang { position: absolute; top:80px;}
    .caption { top:60px;}
    .check select{ margin-top: 15px;}
    .check h3 { margin: 0; margin-top: 15px;}
    .bxslider li { width:470px !important;}
    .exp-bg img {height:567px;}
    .logo { width: 70px;}

}
@media only screen and ( max-width: 414px ) {
    .photo li { width:90%;}
    .carousel-control { width:8% !important;}
    .banner-arrrow  { margin-top: -40px !important;}
    .banner h1 { font-size: 16px;}
    .wel-box img { width:50%;}
    .wel-slider { width:375px !important;}
    .bxslider li { width:400px !important;}
    .exp-bg img { height: 587px !important;}
    .about-img img { width:100%;}
    .deluxe-tab p br { display:none;}
    .room-details li p { width:80%;}
    .deluxe-arrow { margin: 0 !important;}
    .wif { margin: 0;}
    .wel-box p { display: none;}
}

@media only screen and ( max-width: 384px ) {
    .welcome h3 { font-size: 22px;}
    .caption h1 { font-size: 30px;}
    .experience h3 { font-size: 25px;}
    .wel-slider { width:335px !important;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { margin-top: -35px !important;}
    .bxslider li { width:380px !important;}
    .exp-bg img { height: 581px !important;}
}
@media only screen and ( max-width: 375px ) {
    .bxslider li { width: 370px !important;}
    .exp-bg img { height: 602px !important;}
    .head-line-left .fa { margin: 0;}
    
}
@media only screen and ( max-width: 360px ) {
    .head-line-left a { margin-right: 0;}
    .carousel-control { width:8% !important;}
    .banner h1 { font-size: 15px;}
    .bxslider li { width:360px !important;}
    .wel-box h6 { font-size: 14px;}
    .fo-nav li {margin-bottom: 5px !important;}
    .fo-nav li:nth-child(5) { border-left: 0 !important; }
    
}
@media only screen and ( max-width: 320px ) {
    .bxslider li { width:320px !important;}
    .exp-bg img { height: 621px !important;}
    .wel-slider { width:285px !important;}
    .logo img { width:90%;}
    .head-line-left { text-align: left; width: 60%; margin-bottom: 5px;}
    .head-line-left a { width:84%; display: inline-block; text-align: center;}
    .banner-arrrow { margin-top: -60px !important;}
    .deluxe-tab li a { font-size: 14px;}
    .header-line p a { display: inline-block; width:85%; margin:5px 0; margin-left: 20px;}
    .about-icons ul li { margin-bottom: 15px;}
}