/* ### general ### */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

* {margin:0px; padding:0px;}
*{box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; -o-box-sizing:border-box;}

body {background:#fff;}
img {border:0px; max-width:100%;}
a {outline:none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
.img-auto {max-width:100%;}
.room-des {color:#0A5858; font-size:12px;margin-left:5px;cursor:pointer; font-weight:normal; float:left;}

/*@font-face {
    font-family: 'webfontregular';
    src: url('../fonts/gothic.eot');
    src: url('../fonts/gothic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gothic.woff2') format('woff2'),
    url('../fonts/gothic.woff') format('woff'),
    url('../fonts/gothic.ttf') format('truetype'),
    url('.../fonts/gothic.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
footer ul li a {
    color: #333;
    transition: all ease-out .2s;
}

.menu ul li a { font-weight: normal !important; }


#centerbox { float: none !important; width: 100% !important;}
.container{ width:1140px!important;}
.search-inner-main{ width:100%; }
.offer-button{ background:green; color:#fff; padding:5px 10px; border-radius:4px; font-size:16px; text-decoration:none; border-radius:4px; text-align:center;}
.offer-button:hover{ color:#fff; text-decoration:underline;}
.container {width:1140px; max-width:100%; margin:0 auto;}
#main {width:100%; /*overflow:hidden;*/ height:auto;}
#bg-mainbox {background:url(../newpics/bg.jpg) no-repeat top center; width:100%; background-size:100% 100%;}

#climate-bg {background:url(../images/climate-bg.jpg) no-repeat top center; width:100%; background-size:100% 100%;}
#duty-free-shopping-bg {background:url(../images/duty-free-shopping-bg.jpg) no-repeat top center; width:100%; background-size:100% 100%;}
#eating-out-bg {background:url(../images/eating-out-bg.jpg) no-repeat top center; width:100%; background-size:100% 100%;}
#beaches-bg {background:url(../images/beaches-bg.jpg) no-repeat top center; width:100%; background-size:100% 100%;}
#excursions-bg {background:url(../images/excursions-bg.jpg) no-repeat top center; width:100%; background-size:100% 100%;}
#entertainment-bg {background:url(../images/entertainment-bg.jpg) no-repeat top center; width:100%; background-size:100% 100%;}
#sprots-bg {background:url(../images/sprots-bg.jpg) no-repeat top center; width:100%; background-size:100% 100%;}
#visa-advice-bg {background:url(../images/visa-advice-bg.jpg) no-repeat top center; width:100%; background-size:100% 100%;}

#headerbox {width:100%; /*overflow:hidden;*/}
#topheadbox {width:100%; /*overflow:hidden;*/background:#016db5; /*full color*/ /*background: #016db5b3; transparent color*/}
.top-leftbox {width:40%; float:left; font-size:15px; color:#fff; margin-top:6px;}
.top-centerbox {width:25%; float:left; display:inline-block; font-size:15px; color:#fff; text-align:center; margin-top:6px;}
.top-rightbox {width:35%; float:left; display:inline-block; text-align:right;}
.top-rightbox ul {margin:0px; padding:0px;}

.top-rightbox ul li {list-style:none; display:inline-block; float:none;}
.top-rightbox ul li a {text-decoration:none; display:block; padding:8px 10px; font-size:15px; color:#fff; text-transform:uppercase;}
.top-rightbox ul li a.paybox {background:#fff; color:#f60;}
#lastheadbox {width:100%; background:#fff; box-shadow:0px 0px 8px 0px #484848; border-bottom:1px solid #e1e1e1;}
.logobox { float:left; width:30%; padding:22px 0px;}
.navbox { float:right; width:70%; padding:33px 0px;}


/*.navigationbox ul li:last-child a { background:#f60; border:1px solid #f60; border-radius:5px; color:#fff;}*/


.dropdown {position:relative; display:inline-block; width:100%;}
.dropdown-content {display:none; position:absolute; background-color:#fff; min-width:200px; width:100%; overflow:auto; box-shadow:0px 1px 1px 1px rgba(0,0,0,0.2); z-index:999; right:0; transition:all 0.5s ease;}
.dropdown-content a {color:black; padding:12px 16px; text-decoration:none; display:block; text-align:center; font-size:15px;}
.dropdown-content a:hover {background-color:#f60; color:#fff;}
.show {display:block;}

.gib-menubox {display:none;}
#searchenginebox { width:100%;}

/*===   SEARCH   ENGINE    START   HERE   ===*/

.search-leftbox {width:100%; float:left; margin:75px 0px;}
.tabbox {float:left; width:100%;}
.tabbox ul {width:100%; margin:0px; padding:0px;}
.tabbox ul li {float:left; list-style:none; display:block; margin-right:3px; border-top:10px solid transparent; border-top-left-radius:3px; border-top-right-radius:3px;}
.tabbox ul li a {text-decoration:none !important; display:inline-block; background:#ffffffe6; padding:9px 25px; font-size:15px; font-weight:600; text-transform:uppercase; color:#262f36 !important; cursor:pointer;}
.tabbox ul li.active {border-color:#df4b0fe6;}
.tabbox ul li.active a {color:#fff !important; background:#262f36e6;}
.beach-break-navbox ul li a.active {background:#FE642E; color:#fff;}

/* end*/

.searchbox {padding:12px; /*background:#262f36;*/ float:left; width:100%; }
.destfrom {width:100%; height:41px; border:1px solid #000; padding-left:8px; color:#fff; font-size:14px; font-weight:600; background: url(../images/map-icons.png) #ffffff50 no-repeat 96% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.destfrom optgroup {background-color:#f1f1f1; color:#333;}
.destfrom option { color:#333; font-weight:600;}
.destdate {width:100%; height:41px; border:1px solid #000; padding-left:8px; color:#fff; font-size:14px; font-weight:600; background: url(../images/date-picker.png) #ffffff50 no-repeat 96% 50%;}
.passanger {width:100%; height:41px; border:1px solid #000; padding-left:8px; color:#fff; font-size:14px; font-weight:600; background: url(../images/passanger.png) #ffffff50 no-repeat 96% 50%; position:relative;}
.airline {width:100%; height:41px; border:1px solid #000; padding-left:8px; color:#fff; font-size:14px; font-weight:600; background:url(/images/down-arow.png) #ffffff50 no-repeat 96% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.airline option { color:#333; font-weight:600;}
.searchbtn {background:#df4b0fe6; border:1px solid #d23d01; width:100%; text-align:center; cursor:pointer; font-size:19px; text-transform:uppercase; font-weight:600; color:#fff; height:41px;}

/*.airline::placeholder, .destdate::placeholder, .destfrom::placeholder, .passanger::placeholder {color:#fff; opacity: 1;}*/

.airline option::not-first { color:#000 !important;}

.radio-setbox {width:100%;}
.radio-setbox ul {margin:0px; padding:0px;}
.radio-setbox ul li {list-style:none; display:inline-block;margin-right:12px;}
.search-one { width:24%; float:left; padding-right:14px;}
.search-two { width:24%; float:left; padding-right:14px;}
.search-three { width:13.50%; float:left; padding-right:14px;}
.search-four { width:13.50%; float:left; padding-right:14px;}
.search-five { width:25%; float:left; padding-right:0px; position:relative;}
.search-six { width:24%; float:left; padding-right:14px;}
.search-seven { width:24%; float:left; padding-right:14px;}
.search-checkbox {margin:11px 0px;}
.search-eight { width:18%; float:left; padding-right:14px;}
.search-nine { width:15%; float:left; padding-right:14px;}
.search-ten { width:19%; float:right; padding-right:0px;}

/*===   CUSTOM   CHECK   BOX   START   ===*/

.my-checkbox {display:block; position:relative; padding-left:27px; margin-bottom:0px; cursor:pointer; font-size:14px; -webkit-user-select:none; -moz-user-select:none;    -ms-user-select:none; user-select:none; color:#fff;}
.my-checkbox input {position: absolute; opacity: 0; cursor:pointer;}
.checkmark {position:absolute; top:0; left:0; height:20px; width:20px; border:2px solid #eee; background-color:transparent;}
.my-checkbox:hover input ~ .checkmark {background:transparent; border-color:#fff;}
.my-checkbox input:checked ~ .checkmark {background-color:transparent;}
.checkmark:after {content:""; position:absolute; display:none;}
.my-checkbox input:checked ~ .checkmark:after {display:block;}
.my-checkbox .checkmark::after {left:5px; top:2px; width:6px; height:10px; border:solid white; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

/*===   CUSTOM   CHECK   BOX   END   ===*/
/*===   CUSTOM   RAIDO   BOX   START   ===*/

.my-radiobox {display:block; position:relative; padding-left:27px; margin-bottom:12px; cursor:pointer; font-size:14px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; color:#fff;}
.my-radiobox input {position:absolute; opacity:0; cursor:pointer;}
.radiomark {position:absolute; top:0; left:0; height:20px; width:20px; border:2px solid #eee; background-color:transparent; border-radius:50%;}
.my-radiobox:hover input ~ .radiomark {background:transparent; border-color:#fff;}
.my-radiobox input:checked ~ .radiomark {background-color:transparent;}
.radiomark:after {content:""; position:absolute; display:none;}
.my-radiobox input:checked ~ .radiomark:after {display:block;}
.my-radiobox .radiomark:after {top:4px;left:4px;width:8px;height:8px;	border-radius:50%;	background:white;}

/*===   CUSTOM   RAIDO   BOX   END   ===*/

/*===   ROOMS   PAX   BOX   START   HERE   ===*/

#passanger-openbox {display:none;}
/*.passangerbox {position:absolute;  width:320px; background:#fff; border:1px solid #000; padding:14px 0px; z-index:999; left:0px; top:67px;}*/
.pas-pax-topbox { float:left; width:100%; padding:0px 7px;}
.room-selctbox { width:33.33%; float:left; padding:0px 7px;}
.room-selctbox p {font-size:13px; color:#2e3539; font-weight:600; margin-top:9px;}
.close-btnbox {height:30px; font-size:14px; color:#fff; background:#086900; border:1px solid #075201; padding:0px 15px; margin-top:5px; border-radius:5px; float:right; cursor:pointer;}

.pas-pax-lastbox {width:100%; float:left;}
.pas-pax-last-headbox { width:100%; float:left;padding:2px 14px; background:#e1e1e1; margin:10px 0px;}
.pas-pax-last-headbox span {font-size:13px; color:#333; font-weight:600;}
.pas-pax-last-paxbox { float:left; width:100%; padding:0px 7px;}
.pax-allbox {width:25%; float:left; padding:0px 7px;}
.pax-allbox span {font-size:11px; font-weight:600; color:#2e3539;}
.adult-paxbox {width:100%; /*height:41px;*/height:30px; border:1px solid #ccc; padding-left:5px; color:#333; font-size:14px; font-weight:600; background:url(https://www.myvacations.co.uk/image/down.png) #ffffff50 no-repeat 88% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none; margin-top:5px;}

/*===   ROOMS   PAX   BOX   END   HERE   ===*/

/*===   SEARCH   ENGINE     END    HERE   ===*/

.search-rightbox {float:left; width:50%; padding-left:15px; margin-top:90px;}
#small-bannersbox { width:100%;}
.small-bnr-mainbox { width:100%; float:left; margin:40px 0px;}
.small-bnr-leftbox { float:left; width:50%; padding-right:15px;}
.small-bnr-rightbox {float:right; width:50%; text-align:right;padding-left:15px;}
#greybox {width:100%; padding:40px 0px; background:#f2f2f2;}
.gib-headingbox { background:#ec5517; width:100%;margin-bottom:15px;float:left; padding:6px 15px;}
.gib-heading-leftbox { float:left;}
.gib-heading-leftbox h1 {font-size:28px; text-transform:uppercase; color:#fff;}
.gib-heading-rightbox { float:right;}
.gib-heading-rightbox ul {margin:0px; padding:0px;}
.gib-heading-rightbox ul li {display:inline-block; list-style:none;}
.gib-heading-rightbox ul li a {text-decoration:none; display:inline-block; background:#000; font-size:16px; color:#fff !important; padding:8px 15px; font-weight:400; border-radius:5px; cursor:pointer;}

/*===   FIRST   START   HERE   ===*/

.euro-fstbox { float:left; width:100%;}
.euro-fstbox ul {margin:0px; padding:0px; float:left; width:100%;}
.euro-fstbox ul li {list-style:none; display:block; float:left;}
.euro-fstbox ul li:nth-child(1){ width:40%;}
.euro-fstbox ul li:nth-child(2){ width:20%;}
.euro-fstbox ul li:nth-child(3){ width:20%;}
.euro-fstbox ul li:nth-child(4){ width:20%;}

@-webkit-keyframes hvr-push {
50% {-webkit-transform:scale(0.8); transform:scale(0.8);}
100% {-webkit-transform:scale(1); transform:scale(1);}

}

@keyframes hvr-push {
 50% {-webkit-transform:scale(0.8); transform:scale(0.8);}
 100% {-webkit-transform:scale(1); transform:scale(1);}
}

.euro-mainbox {width:100%; float:left; position:relative; border:1px solid #fff;}
.euro-imgbox {width:100%; position:relative;}
.euro-hoverbox {width:100%; background:rgba(0, 0, 0, 0.32); position:absolute; height:100%; top:0px; text-align:center; padding:25% 0%;
display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale;}
.euro-hoverbox:hover {background:rgba(0, 0, 0, 0.52); -webkit-animation-name:hvr-push; animation-name:hvr-push; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1;}
.euro-hoverbox h5 {font-size:20px; color:#fff; font-weight:600;text-shadow:4px 1px 5px #000;}
.euro-hoverbox p {font-size:16px; color:#fff; font-weight:600;  text-shadow:4px 1px 5px #000; margin-bottom:5px;}
.euro-hoverbox span {font-size:27px; color:#fff; font-weight:700; background:#f60; padding:0px 10px; border-radius:5px; display:inline-block;}
.euro-hoverbox span i {font-size:18px; color:#fff; font-weight:600; font-style:normal;}
#gib-holidaybox { width:100%;}

.gib-holidaybox { width:100%; border:1px solid #f2f2f2; padding:15px; margin-top:30px;}
.gib-holidaybox h2 {font-size:34px; color:#ec5517; font-weight:600; margin:10px 0px 25px 0px;}
.gib-holidaybox p {font-size:14px; font-weight:400; text-align:justify; line-height:26px; margin-bottom:25px;}
.confidence-mainbox { width:100%; float:left; margin-top:40px;}
.confidence-leftbox {width:75%; float:left; padding-right:15px;}
.confidence-left-mainbox {width:100%; float:left; background:#636a6c; padding:10px 0px;}
.confidence-left-mainbox ul {margin:0px; padding:0px; float:left; width:100%;}
.confidence-left-mainbox ul li {list-style:none; display:block; float:left; width:33.33%; padding:10px; text-align:center;}
.confidence-left-mainbox ul li a { text-decoration:none; display:block;}
.confidence-left-mainbox ul li a span {font-size:21px; color:#fff; display:block; margin-top:10px; font-weight:600;}
.confidence-left-mainbox ul li a p {font-size:13px; color:#fff;}
.confidence-rightbox {width:25%; float:left; padding-left:15px; text-align:right;} 

#trustbox {padding:45px 0px; border-top:7px solid #f87927; margin-top:40px;}
#footerbox {width:100%;}
#subscb-mainbox {width:100%; background:#f87927;}
.subscbbox {padding:12px 0px; float:left; width:100%;}
.subscb-leftbox {float:left; width:52%;}
.subscb-leftbox span {font-size:37px; text-transform:uppercase; font-weight:300; color:#fff;}
.subscb-leftbox p {font-size:22px; color:#fff; font-weight:300;}
.subscb-rightbox {float:left; width:48%;}
.subscb-right-mainbox {width:100%; margin-top:24px; position:relative;}
.subscribebox {width:100%; height:46px; border:3px solid #fff; font-size:21px; font-weight:400; border-top-left-radius:25px; border-top-right-radius:25px; border-bottom-left-radius:25px; border-bottom-right-radius:25px; padding-left:25px; position:relative;}
.subscb-rightbox a {cursor:pointer; font-size:21px; text-transform:uppercase; color:#fff !important; background:#f87927; position:absolute; right:3px; top:3px; bottom:3px;border-top-right-radius:25px; border-bottom-right-radius:25px; padding:0px 15px; line-height:40px;}

.fotterlinks-mainbox { margin-top:30px; float:left; width:100%;}
.footerlinksbox {float:left; width:25%;}
.footer-link-headbox {}
.footer-link-headbox h5 {font-size:20px; color:#f87927; font-weight:600;}
.footer-link-decbox {}
.footer-link-decbox ul { margin:0px; padding:0px;}
.footer-link-decbox li { list-style:none; display:block; float:none;}
.footer-link-decbox li a { font-size:15px; color:#000; font-weight:400; margin-top:10px; display:block;}
#footer-main-navbox {width:100%; background:#f87927; margin-top:25px;}
.footer-navbox {float:left; width:100%;}
.footer-navbox ul {margin:0px; padding:0px; float:left; width:100%;}
.footer-navbox ul li {list-style:none; display:block; float:left;}
.footer-navbox ul li a {text-decoration:none; display:block; padding:7px 15px; font-size:14px; color:#fff; font-weight:400;}
 #addressbox {width:100%; padding:15px 0px;}
.last-footer-leftbox {float:left; width:30%;}
.last-footer-leftbox h6 {font-size:18px; font-weight:600; color:#f87927;}
.last-footer-leftbox p {font-size:13px; font-weight:400; color:#000; margin-top:4px;}
.last-footer-leftbox span {font-size:15px; font-weight:500; color:#000; display:block; margin-top:4px; font-weight:600;}
.last-footer-leftbox span i {color:#f87927; font-style:normal;}
.last-footer-centerbox {float:left; width:50%;}
.last-footer-centerbox img {margin-top:30px;}
.last-footer-rightbox {float:left; width:20%; text-align:right;}
.last-footer-rightbox img {margin-top:35px;}

/*// Extra large devices (large desktops, 1200px and up)*/

/*===   BACK   TO   TOP   CSS   START   HERE   ===*/

.backbox a {text-decoration:none;}
.back-to-top {position:fixed; bottom:0px; right:0px; text-decoration:none; color:#fff; font-size:16px; padding:6px 10px; display:none; -webkit-transition:all ease 0.8s;-moz-transition:all ease 0.8s;transition:all ease 0.8s;background:#f87927; border-top-left-radius:4px; border-top-right-radius:4px; border:1px solid #f87927; border-bottom:none;}
.back-to-top:hover, .back-to-top:focus {text-decoration:none; background:#fff; color:#f87927; border:1px solid #f87927; border-bottom:none;}

/*===   BACK   TO   TOP   CSS   END   HERE   ===*/


/*===   HOTEL   ONLY    START   HERE   ===*/

#hotel-only-topbox { width:100%;}
.proud-gibraltarbox { border:1px solid #e1e1e1; position:relative; width:975px; max-width:100%; margin:0 auto; padding:35px 32px 25px; margin-top:50px;}
.proud-gibraltarbox h1 {font-size:27px; color:#ff6600; font-weight:600; position:absolute; top:0px; text-align:center; left:0; right:0; top:-21px;}
.proud-gibraltarbox h1 span { background:#fff; padding:0px 15px;}
.proud-gibraltarbox p { font-size:14px; color:#6e7478; font-weight:400; line-height:26px; text-align:center;}
#hotel-only-lastbox { width:100%; margin:30px 0px;}
.htl-onlybox {border:1px solid #e1e1e1; width:100%; float:left; margin-top:20px; padding:7px;}
.htl-only-leftbox {width:25%; float:left; text-align:center;}
.htl-only-leftbox a {cursor:pointer; display:block;}
.htl-only-leftbox img { width:100%; height:184px;}
.htl-only-leftbox span {font-size:13px; color:#000000; font-weight:600; display:inline-block; margin-top:2px; cursor:pointer; padding:2px 0px; display:block;}
.htl-only-centerbox {width:50%; float:left; padding:0px 15px; position:relative; min-height:209px;}
.htl-only-center-topbox { width:100%;}

.htl-only-center-topbox h2 {font-size:21px; color:#ff6600;}
.htl-only-center-topbox p {font-size:13px; color:#666666; line-height:21px; margin-top:7px;}
.htl-only-center-topbox p a {font-size:14px; color:#ff6600; font-weight:600; cursor:pointer;}
.htl-only-center-lastbox { width:100%; position:absolute; bottom:0;}
.htl-infobox {border:1px solid #eb5f02; background:#ff6600; padding:0px 10px; border-radius:3px; margin-right:10px; font-size:13px; color:#fff; cursor:pointer; font-weight:600;}
.htl-only-rightbox {width:25%; float:left; text-align:center; border-left:1px solid #e1e1e1; position:relative; padding:34px 10px;}
.htl-only-rightbox span {font-size:28px; color:#ff6600;  font-weight:400; display:inline-block; margin-bottom:5px;}
.htl-only-rightbox span i {font-style:normal; color:#ff6600; font-weight:700;}
.htl-only-rightbox p {font-size:13px; color:#666666; margin-bottom:7px;}
.htl-only-rightbox a {border:1px solid #0a7501; background:#0e8c04; color:#fff; font-size:18px; text-transform:uppercase; padding:3px 15px; border-radius:5px; display:inline-block; margin-top:5px; text-decoration:none;}
.htl-only-rightbox a:hover{ color:#fff;}

/*===   ===*/

.htl-decripbox {}
.htl-decripbox span {font-size:24px; color:#f60; font-weight:600;}
.htl-decripbox p {font-size:14px; color:#333; font-weight:400; text-align:justify; margin-top:15px; line-height:22px;}

/* Slider*/

.bclose {position:absolute; right:-12px; top:-12px; border:none; background:#000; font-size:20px; border:3px solid #fff; height:32px; width:32px; line-height:25px; border-radius:50%; cursor:pointer; z-index:1000; color:#fff; font-weight:bold; box-shadow:0px 0px 1px #000;}
.imgsldbtn img {margin:0 auto;}
#imgsliders .modal-content {display:inline-block; text-align:center;}
#imgsliders .modal-dialog {width:100% !important; left:0; right:0; text-align:center;}
.hotel-facilitiesbox { float:left; width:100%;}
.hotel-facilitiesbox span {font-size:24px; color:#333; font-weight:600; display:block; background:#f0efef; padding:2px 15px; margin-bottom:15px;}
.hotel-facilitiesbox ul {float:left; width:50%; margin:0px; padding:0px;}
.hotel-facilitiesbox ul li {font-size:13px; color:#666; font-weight:700; padding:3px 0px; list-style:none; display:block;}

/*===   HOTEL   ONLY     END    HERE   ===*/



/*===   ABOUT   US   PAGE   CSS   START   HERE   ===*/

.about-text-mainbox {}
.about-text-mainbox h1 {font-size:24px; color:#ff6600; padding:10px 0px; text-transform:uppercase; font-weight:600; margin-top:0px; border-bottom:1px solid #e1e1e1;}
.about-text-mainbox p { font-size:14px; color:#666; text-align:justify;}

/*===   ABOUT   US   PAGE   CSS    END    HERE   ===*/



/*===   CONATCT   US   START   HERE   ===*/

.contact-borderbox {border:2px solid #f1f1f1; margin:30px 0px; min-height:200px;}
.contact-addressbox {background:#f1f1f1; padding:15px;  min-height:200px;}
.contact-addressbox strong {font-size:16px; color:#ff6600; font-weight:600;}
.contact-addressbox span {font-size:15px; color:#333; font-weight:400; display:block; margin:3px 0px;}
.contact-addressbox p {margin-bottom:0px;  margin-top:7px;}
.contact-reservationbox {float:left; width:100%; padding:15px;}
.contact-reservationbox strong {font-size:16px; color:#ff6600; font-weight:600;}
.contact-reservationbox ul {margin:0px; padding:0px; float:left; width:100%; padding:3px 0px;}
.contact-reservationbox ul li {float:left; width:50%; font-size:14px; list-style:none; display:block;}
.contact-reservationbox ul li:first-child {font-weight:600; width:30%;}
.contact-reservationbox ul li:last-child {width:70%;}

/*===   CONATCT   US    END    HERE   ===*/


/*===   TRAVEL   LINKS   START   HERE   ===*/

.gib-travel-link { margin-bottom:30px;}
.gib-travel-link ul { margin:0px; padding:0px; border-top:1px solid #f1f1f1;}
.gib-travel-link ul li {list-style:none; display:block; float:none; border:1px solid #f1f1f1; padding:7px 15px; border-top:none;}
.gib-travel-link ul li a {text-decoration:none; font-size:15px; font-weight:600; color:#ce3c00;}
.gib-travel-link ul li p {font-size:14px; color:#333; margin:0px;}
.gib-travel-link ul li p a {text-decoration:none; font-size:15px; font-weight:600; color:#ce3c00;}

/*===   TRAVEL   LINKS    END    HERE   ===*/


/*===   CITY   GUIDE    START   HERE   ===*/

#bg-city-guide-mainbox {background:url(../images/city-guide.jpg) no-repeat top center; width:100%; background-size:100% 100%;}
.cityguide-navbox { background:#ff6600; float:left; width:100%; margin-top:15px;}
.cityguide-navbox ul {margin:0px; padding:0px;}
.cityguide-navbox ul li {list-style:none; display:block; float:left;}
.cityguide-navbox ul li a {text-decoration:none; display:block; padding:15px 13px; font-size:17px; text-transform:uppercase; color:#fff;} 
.cityguide-navbox ul li a.active {background:#000;}
.cityguide-navbox ul li a:hover {background:#000;}
.city-guidebox {}
.city-guidebox h1 {font-size:24px; color:#ff6600; border-bottom:1px solid #e3e3e3; padding:10px; text-transform:uppercase; font-weight:600; margin-top:30px;}
.city-guidebox h2 {font-size:24px; color:#ff6600; border-bottom:1px solid #e3e3e3; padding:10px; text-transform:uppercase; font-weight:600;}
.city-guidebox p {font-size:14px; text-align:justify; line-height:22px;}
.city-guidebox p a { text-decoration:none; font-size:14px; color:#ff6600;}
.gibraltar-weatherbox {border:1px solid #f60;}

/*===   CITY   GUIDE     END    HERE   ===*/

/*===   CLIMATE   PAGE   START   HERE    ===*/

.img-navbox {margin-bottom:20px; float:left; width:100%;}
.img-navbox ul {margin:0px; padding:0px; float:left; width:100%;}
.img-navbox ul li {list-style:none; display:block; float:left; width:12.5%; padding:5px 5px; text-align:center;}
.img-navbox ul li a {display:block; border:1px solid #e1e1e1; padding:3px; text-decoration:none; color:#333;}
.img-navbox ul li a img {width:100%;}
.img-navbox ul li a span { font-size:12px; display:block; font-weight:600;}
.img-navbox ul li a:hover {border-color:#f60; color:#f60;}

/*===   CLIMATE   PAGE    END    HERE    ===*/



/*===   BEACH   BREAKS   START   HERE   ===*/

.beach-headingbox { margin-top:15px;}
.beach-headingbox h2 {font-size:20px; color:#333; text-align:center;}
#beach-breakbox { margin-bottom:25px;}
.beach-break-navbox { margin-top:15px; cursor:pointer;}
.beach-break-navbox ul {margin:0px; padding:0px; text-align:center;}
.beach-break-navbox ul li {list-style:none; display:inline-block;}
.beach-break-navbox ul li a {text-decoration:none; display:block; background:#e1e1e1; border:1px solid #ccc; border-bottom:none; color:#333; padding:5px 15px; border-top-right-radius:5px; border-top-left-radius:5px; font-size:20px;}
.beach-break-navbox ul li a.active {}
.airport-headingbox {border:1px solid #e1e1e1;}
.airport-headingbox h1 {font-size:22px; color:#666666; text-align:center; margin:15px 0px;}
#beach-break {margin-top:0px !important; padding:0px;}
.beachbreakbox thead tr th {padding:7px 10px; vertical-align:middle;}


.beachbreakbox thead tr th p {font-size:13px; font-weight:700; color:#333; margin-bottom:0px;}
.beachbreakbox tbody tr td {padding:7px 10px; vertical-align:middle;}
.beachbreakbox tbody tr td p {font-size:13px; font-weight:600; color:#333; margin-bottom:0px;}
.beachbreakbox tbody tr td strong {font-size:18px; color:#ff6600; display:inline-block;}
.beachbreakbox tbody tr td a {font-size:14px; background:#48a910; color:#fff; padding:2px 7px; border-radius:5px; text-transform:uppercase; display:inline-block; text-decoration:none;}

/*===   BEACH   BREAKS    END    HERE   ===*/


/*===   EXCURSIONS    START   HERE   ===*/

.excursions-headingbox {border:1px solid #e1e1e1; border-bottom:none;}
.excursions-headingbox h1 {font-size:24px; color:#ff6600; padding:10px; text-transform:uppercase; font-weight:600; margin-top:0px; /*text-align:center;*/ margin-bottom:0px;}
#parentdiv {position:relative;}
.excursions-navbox-fixed {position:fixed; top:0px; z-index:999;}
.excursions-navbox-absolute {position:absolute; bottom:0px; z-index:999;}
.excursions-navbox ul { margin:0px; padding:0px; border:1px solid #ef5f00; border-bottom:none; margin-bottom:15px;}
.excursions-navbox ul li {list-style:none; display:block; float:none; border-bottom:1px solid #ef5f00;}
.excursions-navbox ul li a {text-decoration:none; display:block; background:#ff6600; font-size:16px; color:#fff; padding:7px 10px;}
.excursions-navbox ul li a.active {background:#000;}

.excursions-mainbox {border:1px solid #e1e1e1; padding:15px; margin-bottom:15px;}
.excursions-imgbox {border:1px solid #f1f1f1; padding:7px; margin-bottom:15px;}
.excursions-imgbox img {width:100%;}
.excursions-small-headingbox {background:#f1f1f1; padding:3px 15px; margin-bottom:15px;}
.excursions-small-headingbox span {font-size:18px; color:#ff6600; font-weight:600;}
.excursions-small-headingbox i {float:right; font-style:normal; font-weight:600;}
.excursions-textbox {}
.excursions-textbox p {font-size:14px; color:#666; text-align:justify; margin-bottom:0px;}
.excursions-textbox span {font-weight:600; display:block; margin-top:12px; color:#ff6600;}
.excursions-textbox ul {margin:0px; padding:0px; margin-top:12px;}
.excursions-textbox ul li {list-style:none; display:block; float:none; font-size:14px; color:#666;}
.excursions-textbox ul li strong {font-weight:600; display:block; color:#333;}

/*===   EXCURSIONS     END    HERE   ===*/


/*===   WEDDING   PAGE   START   HERE   ===*/

#weddingbox {width:100%;}
#top-flexslidebox li img {height:300;}
.wedding-navbox {}
.wedding-navbox ul { margin:0px; padding:0px; border:1px solid #ef5f00; border-bottom:none; margin-bottom:15px;}
.wedding-navbox ul li {list-style:none; display:block; float:none; border-bottom:1px solid #ef5f00;}
.wedding-navbox ul li a {text-decoration:none; display:block; background:#f57723; font-size:16px; color:#fff; padding:7px 10px;}
.wedding-navbox ul li a.active {background:#000;}
.wedding-navbox ul li a.gib-enquire-openbtn {background:#ef5f00; color:#fff; cursor:pointer;}
.wedding-navbox ul li a.gib-enquire-openbtn:hover {color:#fff;}

#wedding-parentdiv {position:relative;}
.wedding-navbox-fixed {position:fixed; top:0px; z-index:999;}
.wedding-navbox-absolute {position:absolute; bottom:0px; z-index:999;}

.gib-weddingbox {}
.gib-weddingbox h1 {font-size:24px; color:#ff6600; padding:10px 0px; text-transform:uppercase; font-weight:600; margin-top:0px; border-bottom:1px solid #e1e1e1;}
.gib-weddingbox h2 {font-size:24px; color:#ff6600; padding:10px 0px; text-transform:uppercase; font-weight:600; margin-top:0px; border-bottom:1px solid #e1e1e1;}
.gib-weddingbox h3 {font-size:24px; color:#ff6600; padding:10px 0px; text-transform:uppercase; font-weight:600; margin-top:0px; border-bottom:1px solid #e1e1e1;}
.gib-wedding-tittleboox { margin:30px auto; max-width:400px; text-align: center; border:15px solid transparent; -webkit-border-image: url(../images/border-image.png) 30 stretch; /*

 Safari 3.1-5 */ -o-border-image:url(../images/border-image.png) 30 stretch; /* Opera 11-12.1 */ border-image:url(../newpics/border-image.png) 30 stretch; /*border:double #ff6600;*/ padding:5px;}

.gib-wedding-tittleboox h6 { text-align:center; display:block; padding:10px;  margin:0px; font-style:italic;}
.gib-wedding-tittleboox h6 span { font-size:15px; display:block; line-height:28px;}
.gib-wedding-tittleboox h6 p { font-size:15px; display:block; line-height:22px; margin-top:10px; margin-bottom:0px;}
.wedding-textbox { width:100%;}
.wedding-textbox strong {display:block; font-size:15px; font-weight:600; margin-bottom:5px; color:#333;}
.wedding-textbox p {font-size:14px; text-align:justify; line-height:22px;}
.wedding-textbox p a {font-weight:600; color:#ff6600;}
.wedding-textbox i {font-size:14px; color:#333; display:block; font-style:normal; margin-bottom:10px;}
.wedding-textbox span {font-size:14px; color:#333; display:block; margin:10px 0px; /*background:url(https://www.mygibraltar.co.uk/images/tick.png) no-repeat top left;*/ padding-left:20px; position:relative;}
.wedding-textbox span::after {content:"\2713"; color:#009e0b; font-weight:bold; font-size:16px; position:absolute; left:0px; top:0px;}
.weddingtext-imgbox {text-align:center;width:100%;}
.weddingtext-imgbox span {font-size:18px; color:#ff6600; padding:5px 0px; text-transform:uppercase; font-weight:600; margin-top:0px; border-bottom:1px solid #e1e1e1; text-align:left; display:block; margin-bottom:20px;}
.weddingtext-imgbox img {padding:5px; border:1px solid #e1e1e1;}

/*===   WEDDING   PACKAGE   NAV   CSS   START  HERE   ===*/

.gib-wedding-navbox { margin:15px 0px;}
.gib-wedding-navbox ul {margin:0px; padding:0px;}
.gib-wedding-navbox ul li {list-style:none; display:inline-block; float:none;}
.gib-wedding-navbox ul li a {display:block; color:#ffffff; border:1px solid #ef5f00; padding:5px 15px; border-radius:4px; text-decoration:none; font-size:15px; font-weight:600; background:#ff6600;}

/*===   WEDDING   PACKAGE   NAV   CSS    END   HERE   ===*/
/*===   WEDDING   CAKES   START  HERE   CAKES   LIST   ===*/

.cake-optionbox ul li {list-style:none; display:block; float:none; color:#ce3c00; border-bottom:1px solid #efefef; font-size:14px; padding:5px 5px;}

/*===   WEDDING   CAKES    END   HERE   CAKES   LIST  ===*/
/*   WEDDING   FLOWER   START   HERE  */

.wedding-pop-flowerbox {}
.wedding-pop-flowerbox ul {margin:0px; padding:0px;}
.wedding-pop-flowerbox ul li {list-style:none; display:block; float:none; padding-left:20px; position:relative; margin:5px 0px;}
.wedding-pop-flowerbox ul li::after {content:"\2713"; color:#009e0b; font-weight:bold; font-size:16px; position:absolute; left:0px; top:0px;}
.wedding-pop-flowerbox ul li span { font-size:14px; color:#333;}
.wedding-pop-flowerbox ul li span b { font-size:14px; color:#333;}

/*   WEDDING   FLOWER    END    HERE   */
/*===   WEDDING   MUSIC   START   HERE   ===*/

.gib-wedding-tittle-newbox {margin:30px auto; max-width:320px; text-align:center; border:15px solid transparent; -webkit-border-image:url(../images/border-image.png) 30 stretch; 

/* Safari 3.1-5 */ -o-border-image:url(../images/border-image.png) 30 stretch; /* Opera 11-12.1 */ border-image:url(../images/border-image.png) 30 stretch; /*border:double #ff6600;*/ padding:5px;}

.gib-wedding-tittle-newbox p {font-size:28px; font-style:italic; font-weight:300;}
.gib-wedding-tittle-newbox span {display:block; text-align:right; font-size:14px; font-weight:600;}

/*===   WEDDING   MUSIC    END    HERE   ===*/
/*===   WEDDING   PAGE    END    HERE   ===*/
/*===   HOLIDAY   PACKAGE   CSS   START   HERE   ===*/





.search-tabbox { margin-top: 3px !important; margin-bottom: 3px !important; }
.hotel-info-btn { padding:5px; display: block; }
.hotel-info-btn:hover { text-decoration: none !important; }
#holi-packbox { width:100%; margin-bottom:10px;}
.holi-headingbox { margin:30px 0px;}
.holi-headingbox h1 {text-align:center; margin-bottom:20px;}
.holi-headingbox h1 span {font-size:28px; border:4px solid #ffb27f; color:#ff6600; display:inline-block; text-transform:uppercase; padding:6px 20px; font-weight:600;}
.holi-headingbox p { text-align:center; font-size:14px; margin-bottom:5px;}
.holi-headingbox p b {color:#ff6600;}
.hotel-img { height:140px !important;}
.holi-pack-filterbox {border:1px solid #3b4349; background:#3b4349; width:100%; padding:15px;margin-top:1%;}
.holi-pack-depbox { width:100%; border:2px solid #fff; font-size:14px; color:#3b4349; height:42px; padding-left:10px; background:url(/images/down-arrow-new.png) no-repeat 96% 50% #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.holi-pack-depbox:hover { border:2px solid #fff; }
.holi-pack-mainbox {border:1px solid #cecece; width:100%; padding:5px; float:left; margin-top:0px; cursor:pointer; margin-bottom: 10px;}
.holi-pack-leftbox {width:25%; float:left;}
.holi-pack-leftbox img {width:100%; height:146px;}
.holi-pack-centerbox {width:50%; float:left; padding:0px 10px; line-height:23px;}
.holi-pack-centerboxh {width:48%; float:left; padding:0px 10px; line-height:23px;}
.holi-pack-centerbox h5, .holi-pack-centerboxh h5 { font-size:15px; font-weight:700; color:#000000;}
.holi-pack-centerbox span, .holi-pack-centerboxh span {font-size:13px; font-weight:600; color:#333333; display:block;}
.holi-pack-rightbox {width:25%; float:left;}
.holi-pack-rightboxh {width:27%; float:left;}
.holi-pack-right-topbox {border:1px solid #4c4c4c; color:#000!important; cursor:pointer; text-align:center;}
.holi-pack-right-topbox button {border:none; background:#fff; width:100%; font-size:13px; padding:3px 0px; cursor:pointer;}
.holi-pack-right-centerbox {border:1px solid #3b4349; background:#3b4349; padding:9px 0px;}
.holi-pack-right-centerbox p {font-size:14px; color:#fff; margin-bottom:0px; font-weight:600;text-align:center;}
.holi-pack-right-centerbox span {font-size:24px; color:#fff; text-align:center;display:block;}
.holi-pack-right-centerbox span i {font-size:14px; color:#fff; font-weight:600; font-style:normal;}
.holi-pack-right-lastbox  { cursor:pointer; color:#fff;}
.holi-pack-right-lastbox a { background:#f60; color:#fff; display:block; text-align:center; font-size:17px; text-transform:capitalize; text-decoration:none;padding:8px 0px;}


select option:hover,
    select option:focus,
    select option:active {
        background: linear-gradient(#000000, #000000);
        background-color: #000000 !important; /* for IE */
        color: #ffed00 !important;
    }

    select option:checked {
        background: linear-gradient(#d6d6d6, #d6d6d6);
        background-color: #d6d6d6 !important; /* for IE */
        color: #000000 !important;
    }
/*===   HOLIDAY   PACKAGE   CSS    END    HERE   ===*/
/*===   ENQUIRE   NOW   START   HERE   ===*/

.gib-enquirebox {border:1px solid #ff6600; padding:15px;}
.gib-enquirebox h6 {font-size:18px; color:#ff6600; margin:0px; text-align:center;}
.gib-enquirebox p {text-align:center; font-size:14px; color:#333; margin-top:7px;}

.form-mainbox {width:100%;}
.form-mainbox span {font-size:13px; color:#333; display:block; margin-top:10px; margin-bottom:3px;}
.form-mainbox span b {color:#f00;}
.gib-enquire-selectbox {width:100%; height:32px; padding-left:10px; border:1px solid #e1e1e1; color:#333; font-size:14px;}
.gib-enquire-textbox {width:100%; height:32px; padding-left:10px; border:1px solid #e1e1e1; color:#333; font-size:14px;}
.gib-enquire-button {width:100%; height:32px; border:1px solid #ff6600; color:#333; font-size:18px; text-transform:uppercase; background:#ff6600; color:#fff;margin-top:32px;}
.gib-enquire-textbox:hover, .gib-enquire-selectbox:hover {border:1px solid #ccc;}
.gib-enquire-textbox:focus, .gib-enquire-selectbox:focus {border:1px solid #666;}

/*===   ENQUIRE   NOW    END    HERE  ===*/

.excur-outer{ width:100%; border:solid 1px #ffcda9; padding:20px; margin-bottom:10px; border-radius:4px;}
.excur-outer b{ font-weight:bold; text-decoration:none; color:#ff660!important; font-size:16px; border-bottom:solid 1px #ccc;}
.excur-outer p{ font-weight:normal; text-decoration:none; color:#000; font-size:14px; line-height:20px; padding:5px 0 0 0; margin-bottom:0px;}
.excur-outer span{ font-weight:bold; text-decoration:none; color:#000; font-size:14px;}
.excur-outer h3{ font-weight:bold; text-decoration:none; color:#000; font-size:13px;}

	.sunborn-offer-main{ width:100%; height:auto; float:left; border:solid 1px #f57723; margin:20px 0; border-radius:4px; padding:10px;}
	.sunborn-inner-offer{ width:100%; height:auto; float:left;}
	.sunborn-inner-offer h1{ font-size:25px; color:#f57723; text-decoration:none; text-align:left; font-weight:bold;}
    .sunborn-inner-offer h2{ font-size:25px; color:#f57723; text-decoration:none; text-align:left; font-weight:bold;}
	.sunborn-inner-offer p{ font-size:15px; color:#888; text-decoration:none; text-align:left; font-weight:normal; line-height:28px;}
	.sunborn-inner-offer img{ margin-right:30px!important;}
	
.cl {clear:both; margin:0px; padding:0px;}

/*Blog Css starts from here*/

.blog-outer{ width:100%; height:auto; float:left; border:solid 1px #f57723; border-radius:4px; margin:15px 0; padding:10px;}
.blog-outer h1{ font-size:24px; color:#333; text-decoration:none; font-weight:bold; border-bottom:dotted 1px #ccc; text-align:left;padding:10px 0 5px 5px;text-transform:uppercase;}
.weather-box{ width:100%; height:auto; float:left; border:solid 1px #ccc;}
.weather-text{ width:100%; height:auto; float:left;}
.weather-text h2{ font-size:20px; color:#f57723;text-decoration:none;font-weight:bold; border-bottom:dotted 1px #ccc; text-align:left;padding:10px 0 5px 5px;
text-transform:uppercase;}
.weather-text p{ font-size:14px; text-decoration:none; font-weight:normal; color:#000; line-height:24px;}
.weather-social{ width:100%; height:auto; float:left; background:#FFEB6B; border-radius:10px 0; padding:10px;}
.weather-social h3{ font-size:18px; color:#000;text-decoration:none;font-weight:bold;border-bottom:dotted 1px #ccc;text-align:left;padding:10px 0 5px 5px;text-transform:uppercase;}
.weather-text span{ background:#f57723; padding:6px 10px; text-align:center; border-radius:4px; font-size:14px; color:#fff!important;}

.blog-form{ width:100%; height:auto; float:left; border:solid 1px #eee; border-radius:2px;}
.blog-form h5{ width:100%; height:auto; float:left; font-size:22px; margin-bottom:20px; color:#000; padding:10px; text-decoration:none; font-weight:normal; background:#eee; border-bottom:solid 4px #ccc;}
.left-section{ width:100%; height:auto; float:left;}
.form-inner{ width:100%; height:auto; float:left; margin-bottom:10px;}
.blog-textform{ font-size:18px; text-decoration:none; font-weight:normal; color:#000; padding:0 0 0 10px;} 
.input-sec{ width:100%; height:auto; float:left;}
.blog-Inp{ width:94%; height:40px; border-radius:4px; text-decoration:none; text-align:left; border:solid 1px #ccc; padding:6px; font-size:14px; color:#888;}
.blog-button a{ background:#f57723; padding:6px 60px; float:right; margin-right:30px; border-radius:4px; text-align:center; text-decoration:none; color:#fff; font-size:14px; cursor:pointer;}
.blog-button a:hover{ color:#fff;}

/* Group Travel Starts from here */

.group-outer{ width:100%; height:auto; float:left; border:solid 1px #ccc; border-radius:4px; margin-bottom:40px;}
.travel-gp-main{ width:100%; height:auto; float:left; padding:10px; border-right:dotted 2px #ccc;}
.travel-gp-main h2{ color:#fff; font-size:20px; text-decoration:none; font-weight:normal; text-align:left; background:#f57723d4; padding:6px;}
.group-inner-dt{ width:100%; height:auto; float:left; margin-top:20px;}
.group-inner-dt span{ width:100%; height:auto; float:left; background:#eee; color:#000; font-size:14px; border-bottom: solid 4px #ccc; padding:4px;}
.inp-group{ width:100%; height:36px; float:left; border:solid 1px #ccc; font-size:14px; padding:0 0 0 5px; color:#666;}
.inp-group-CL{ width:100%; height:36px; float:left; border:solid 1px #ccc; font-size:14px; color:#666; background:url(../Newpics/calendar-gp.png) 98% 8px no-repeat; padding:0 0 0 5px;}
.group-inner-btn{ width:100%; height:auto; float:left;}
.btn-GP{ width:100%; height:auto; float:left;background:#ce4114; margin-top:20px; color:#fff; border-radius:4px; text-align:center; font-size:24px; text-decoration:none; cursor:pointer; border:none;}
.btn-GP:hover{ background:#000;}

/* Group Travel Ends here */


/* New Hotel CSS Starts from here */

.hotel-heading-main{ width:100%; height:auto; float:left;}
.hotel-heading-main h1{ font-size:15px; color:#000; text-decoration:none; font-weight:bold;}
.hotel-heading-main p{ font-size:14px; color:#000; text-decoration:none; font-weight:normal;}
.modiy-srch{}
.modiy-srch a{ background:green; color:#fff; font-size:16px; text-decoration:none; font-weight:normal; text-align:center; border-radius:4px; padding:5px 70px}
.modiy-srch a:hover{ text-decoration:none; color:#fff;}
.gallery-section{ width:100%; height:auto; float:left; background:#eeeeee5c; border-top:solid 4px #eee; margin-bottom:20px;}
.gallery-inner{ width:98%; height:auto; float:left; margin-left:10px;}

.hotel-aminities{ width:97%; height:auto; float:left; background:#fff; border-radius:4px; padding:10px; margin-bottom:20px;}
.hotel-aminities ul{ margin:0px; padding:0px;}
.hotel-aminities ul li{ display:block; padding:5px 20px; border-bottom:dotted 1px #ccc; cursor:pointer; font-size:14px; background:url(../Newpics/hotel-tick.png) 0px 10px no-repeat;}

.hotel-main-info{ width:100%; height:auto; float:left;}
.hotel-imp-info{ width:100%; height:auto; float:left; background:#dff6e1; border-radius:4px; border:solid 2px #b8e5bc;}
.hotel-imp-info h2{ color:#003580; font-size:18px; font-weight:bold; cursor:pointer; padding:16px 0 0 10px;}
.hotel-imp-info a{ float:right; background:red; color:#fff; font-size:14px; font-weight:bold; cursor:pointer; margin-right:10px; margin-top:-5px; margin-bottom:5px; padding:5px; border-radius:4px;}
.hotel-imp-info a:hover{ color:#fff;}

.room-category{ width:100%; height:auto; float:left; border:solid 2px #eee; border-radius:4px;}
.room-category ul{ width:100%; height:auto; margin:0px; padding:0px;}
.room-category ul li{ width:40%; display:inline-block; list-style:none; font-size:14px; font-weight:bold; text-decoration:none; padding:5px 0 10px 10px;}
.room-category ul li.price{ width:17%; display:inline-block; list-style:none;}
.room-category span{ width:100%; height:auto; float:left; background:#ff7802; color:#fff; font-size:14px; text-align:left; text-decoration:none; padding:4px 0 0 10px;}

.category-deep-details{ width:100%; height:auto; float:left;}
.category-deep-details ul{ width:100%; height:auto; float:left; margin:0px; padding:0px; border-bottom:dotted 1px #ccc;}
.category-deep-details ul li{ width:40%; display:inline-block; list-style:none; font-size:14px; font-weight:normal; text-decoration:none; 
padding:5px 0 10px 10px;}
.category-deep-details ul li.price{ width:17%; display:inline-block; list-style:none; color:#008200; font-size:18px;}

.category-deep-details span{ background:#fff;
    text-align: left;
    padding: 0px;
    font-weight:normal;
    color:#0A5858;
    font-size: 12px;}
    
 #map-canvas{ width:340px;
    height: 350px;
    margin:20px 0px 0 0;
    float: left;
    border-radius:6px; margin-bottom:20px;}  
	
#hbooknow{ background:green; color:#fff; border-radius:4px; text-decoration:none; font-weight:normal; text-align:center; padding:4px 20px; float:right; margin:10px;}	


.room-summary{ width:100%; height:auto; float:left; background:#eeeeee4f; border-radius:4px; border:solid 1px #ccc;}
.room-summary h3{ width:100%; height:auto; float:left; color:#000; font-size:16px; font-weight:bold; text-align:center; padding:10px 0; border-bottom:solid 1px #ccc;}
.room-summary span{ padding:0 0 0 30px; font-size:14px;}

.room-summ{ width:100%; height:auto; float:left;}
.room-summ ul{ width:100%; margin:0px; padding:0px; border-bottom:dotted 1px #ccc;}
.room-summ ul li{ width:48%; display:inline-block; font-size:14px; text-decoration:none; font-weight:normal; padding:6px 0 5px 10px;}

.hotel-text-out{ width:760px; height:auto; float:left;}
.hotel-text-out p{ font-size:14px; line-height:20px; text-align:justify; text-decoration:none; font-weight:normal; padding:0 0 0 20px;}

.hotel-tabs{ width:100%; height:auto; float:left;}
.hotel-tabs ul{ margin:0px; padding:0px;}
.hotel-tabs ul li{ display:inline-block; margin:0 0 0 10px; list-style:none; background:#eaeaea; border-radius:10px 0; padding:2px 10px; text-align:center; color:#000; font-size:14px; text-decoration:none; cursor:pointer; border:solid 1px #ccc;}
.hotel-tabs ul li a{ color:#000;}

.hotel-tabs ul li:hover{background:#f57723; color:#fff!important;}
.include-info{ width:100%; height:auto; float:left; margin-bottom:20px;}
.include-info a{ background:green; color:#fff;border-top-right-radius:25px;border-bottom-left-radius:0px; padding:12px 15px 12px 10px;}
.include-info a:hover{ color:#fff;}

.aminities-section{ width:100%; height:auto; float:left;}
.aminities-section h4{ font-size:16px; color:#000; font-weight:bold; text-transform:uppercase; padding:10px 5px; text-decoration:none; background:#eee; border-bottom:solid 4px #ccc;}
.aminities-section ul{ width:100%; margin:0px; padding:0px; border-bottom:dotted 1px #ccc; padding:4px;}
.aminities-section ul li{ width:60%; display:inline-block; list-style:none; font-weight:normal; text-decoration:none; font-size:14px;}
.aminities-section ul li.first-info{ width:35%; line-height:39px; display:inline-block; list-style:none; font-weight:bold; font-size:16px; color:#666666; text-decoration:none;}

.hotel-mouse-over{width:62%;height:auto;float:left;border:solid 1px orange; border-radius:0 10px; padding:10px;position:absolute;z-index:1070;display:block;top:0px;left:154px; top:80px; background:#fff; display:none;}
.hotel-mouse-over span{ font-size:14px; padding:5px; background:orange; color:#fff; text-decoration:none; font-weight:normal; text-align:left;}
.hotel-mouse-over p{ font-size:12px; padding:5px; color:#000; text-decoration:none; font-weight:normal; margin-bottom:0px;}

.xyz{ cursor:pointer;}
#woww{ font-size:12px;}

/* New Hotel CSS ENDS here */


/*Accomodation list Css starts from here*/


.modal-title{ width:100%; float:left; background:orange; padding:0 10px; text-align:left; text-decoration:none; font-weight:normal; font-size:20px; color:#fff;}

.hotel-outer{ width:100%; height:auto; float:left;}
.hotel-upper-detail{ width:100%; height:auto; float:left; background:#eeeeee69; padding:10px; border:solid 1px #ccc; border-radius:4px;}
.check-in{ width:100%; height:auto; float:left; background:#fff; border-radius:4px; text-align:center; border:solid 1px #000;}
.check-in p{ background:#888; color:#fff; text-align:center; text-decoration:none; font-weight:normal; margin-bottom:0px;}
.check-in span{ padding:10px 0; line-height:40px;}
.adult-info{ width:100%; height:auto; float:left; text-align:center;}
.adult-info p{ margin-bottom:0px;}
.hotel-modify{ width:100%; height:auto; float:left;  margin-top:35px;}
.hotel-modify a{ background:#3BAD00; color:#fff; padding:5px 20px; border-radius:4px; text-align:center; font-size:15px; cursor:pointer;}
.hotel-modify a:hover{ color:#fff;}

.map-view-tabs{ width:100%; height:auto; float:left; margin-bottom:10px;}
.map-view-tabs ul{ margin:0px; padding:0px;}
.map-view-tabs ul li{ display:inline-block; background:#888; border-radius:4px;  padding:4px 20px;border-top-left-radius:5px; border-bottom-left-radius:0px; border-top-right-radius:5px; border-bottom-right-radius:0px;}
.map-view-tabs ul li a{ color:#fff; text-align:center; font-size:15px; text-decoration:none;}

.hotel-inner-section{ width:100%; height:auto; float:left; background:#eeeeee69; padding:10px; margin-bottom:15px; border:dotted 1px #ccc;}
.hotel-pictures{ width:100%; height:auto; float:left;}
.hotel-pictures img{ width:100%; height:auto; float:left; border-radius:0 20px;}

.hotel-middle-info{ width:100%; height:auto; float:left; line-height:24px;}
.hotel-middle-info h1{ font-size:18px; text-decoration:none; font-weight:bold;}
.hotel-middle-info p{ font-size:13px; text-decoration:none; font-weight:normal; margin-bottom:0px; color:#888;}

.area-detail{ width:100%; height:auto; float:left; font-size:12px;}
.read-hotel{ background:#f57723; font-size:14px; padding:5px 16px; color:#fff; cursor:pointer; text-align:center; text-decoration:none; font-weight:normal; border-radius:4px;}
.read-hotel:hover{ color:#fff; text-decoration:underline;}

.change-hotel{ background:#3BAD00; font-size:14px; padding:5px 16px; margin-left:10px;color:#fff; cursor:pointer; text-align:center; text-decoration:none; font-weight:normal; border-radius:4px;}
.change-hotel:hover{ color:#fff; text-decoration:underline;}

.hotel-price-info{ width:100%; height:auto; float:left; background:#fff; text-align:center; padding:5px; box-shadow:2px 2px 2px #ccc; line-height:22px;}
.hotel-price-info span{ font-weight:bold; font-size:14px; color:#000; text-decoration:none;}
.hotel-price-info p{ font-weight:bold; font-size:24px; color:#008200; text-decoration:none; margin-bottom:0px;}

.below-hotel-dt{ width:100%; height:auto; float:left; margin-bottom:6px;}
.below-hotel-dt span{ font-weight:normal; font-size:14px; color:#000; text-decoration:none; color:#888;}
.below-hotel-dt a{ width:100%; float:left; background:#3BAD00; color:#fff; text-decoration:none; font-weight:normal; cursor:pointer; font-size:14px; border-radius:4px; text-align:center;}
.below-hotel-dt a:hover{ color:#fff;}

.hotel-filter{ width:100%; height:auto; float:left; border:solid 1px #ccc; border-radius:4px; padding:10px;}
.hotel-filter h2{ background:#888; color:#fff; text-align:left; font-size:16px; font-weight:bold; text-decoration:none; padding:10px;}

.hotel-FLT-airline{ width:100%; height:auto; float:left; margin-bottom:15px; font-size:15px;}
.hotel-FLT-airline span{ width:100%; float:left; background:#f57723; color:#fff; text-align:left; margin-bottom:10px; font-size:13px; font-weight:bold; text-decoration:none; padding:4px 10px;}
.FLT-prc{ width:100%; height:34px; color:#888; margin-top:10px;}

.rating1{width:33px; height:33px;border:solid 1px #CCCCCC;float:left; margin-right:10px;background:url(https://www.mygibraltar.co.uk/webImages/sprites.png) -24px -41px no-repeat;display:block;}
.rating2{width:33px; height:33px;border:solid 1px #CCCCCC;float:left; margin-right:10px;background:url(https://www.mygibraltar.co.uk/webImages/sprites.png) -52px -41px no-repeat;display:block;}
.rating3{width:33px; height:33px;border:solid 1px #CCCCCC;float:left; margin-right:10px;background:url(https://www.mygibraltar.co.uk/webImages/sprites.png) -94px -41px no-repeat;display:block;}
.rating4{width:33px; height:33px;border:solid 1px #CCCCCC;float:left; margin-right:10px;background:url(https://www.mygibraltar.co.uk/webImages/sprites.png) -135px -41px no-repeat;display:block;}
.rating5{width:33px; height:33px;border:solid 1px #CCCCCC;float:left; margin-right:10px;background:url(https://www.mygibraltar.co.uk/webImages/sprites.png) -176px -41px no-repeat;display:block;}

.package-Outbound{ width:100%; height:auto; float:left; border:solid 1px #ccc; border-radius:0 10px; margin-bottom:10px; padding:10px; background:#fffef5;}
.gatwick-OUT{ width:100%; height:auto; float:left; font-size:14px; text-transform:uppercase; font-weight:bold;}
.gatwick-OUT p{ font-size:12px; font-weight:normal; margin-bottom:0px;}
.package-baggs{ width:100%; height:auto; float:left; font-size:12px; color:#000; font-weight:normal; text-decoration:none; text-align:center;}

.packages-logs{ width:100%; height:auto; float:left;}
.packages-logs span{ font-size:12px; text-decoration:none; font-weight:normal;}

.include-transfer{ width:100%; height:auto; float:left; margin-top:6px;}
.include-transfer span{ font-size:14px; color:#666; font-weight:normal; text-decoration:none; border-bottom:dotted 1px #ccc; cursor:pointer;}


/*holiday footer css starts here*/


.newsletter-inner { max-width: 1140px !important; width:100% !important; padding:15px !important;}
.flt-outer {max-width: 1140px !important; width:100% !important;}
.footer-nav {max-width: 1140px !important; width:100% !important;}
.footer-nav ul { max-width: 1140px !important; width:100% !important; }
.justfy-outer { max-width: 1140px !important; width:100% !important;}
.below-footer-text { max-width: 1140px !important; width:100% !important;}
.lg-bx { max-width: 1140px !important; width:100% !important;}
.simple-pagination { padding-bottom:0px !important; }
.searchbox { padding:0px !important; }
.flight-elevenbox { margin-right:0px !important; }

/*holiday footer css ends here*/







@media (max-width: 1199px) {

}

@media (max-width: 1120px) {

.top-leftbox {width:40%; float:left; font-size:14px; color:#fff; margin-top:6px;}
.top-centerbox {width:25%; float:left; display:inline-block; font-size:14px; color:#fff; text-align:center; margin-top:6px;}
.top-rightbox ul li a {text-decoration:none; display:block; padding:8px 10px; font-size:14px; color:#fff; text-transform:uppercase;}

.gib-heading-rightbox ul li a {text-decoration:none; display:inline-block; background:#000; font-size:14px; color:#fff; padding:4px 9px; font-weight:400; border-radius:5px;margin-top:6px;}

.euro-hoverbox h5 {font-size:18px; color:#fff; font-weight:600; text-shadow:4px 1px 5px #000;}
.euro-hoverbox p {font-size:14px; color:#fff; font-weight:600; text-shadow:4px 1px 5px #000; margin-bottom:5px;}
.euro-hoverbox span {font-size:22px; color:#fff; font-weight:700; background:#f60; padding:0px 10px; border-radius:5px; display:inline-block;}
.subscribebox {width:100%; height:46px; border:3px solid #fff; font-size:18px; font-weight:400; border-top-left-radius:25px; border-top-right-radius:25px;  border-bottom-left-radius:25px; border-bottom-right-radius:25px; padding-left:25px; position:relative;}

}

@media (max-width: 1099px) {

/*===   SEARCH   ENGINE    START   HERE   ===*/

.search-one {width:30%; float:left; padding-right:14px;}
.search-two {width:30%; float:left; padding-right:14px;}
.search-three {width:20%; float:left; padding-right:7px;}
.search-four {width:20%; float:left; padding-left:7px; padding-right:0px;}
.search-five {width:30%; float:left; padding-right:10px; position:relative;}
.search-six {width:30%; float:left; padding-right:14px;}
.search-seven {width:21%; float:left; padding-right:14px;}
.search-eight {width:19%; float:left; padding-right:0px;}
.search-nine { width:19%; float:left; padding-right:14px;}
.search-ten {width:19%; float:right; padding-right:0px;}

/*===   SEARCH   ENGINE     END    HERE   ===*/

/*===   CITY   GUIDE    START   HERE   ===*/

.cityguide-navbox ul li a {text-decoration:none; display:block; padding:15px 12px; font-size:16px; text-transform:uppercase; color:#fff;}

/*===   CITY   GUIDE     END    HERE   ===*/

}

/*// Large devices (desktops, 992px and up)*/

@media (max-width: 991px) {

#map-canvas{ display:none;}
.hotel-text-out{ width:100%; height:auto; float:left;}

#main{ width:100%; height:auto; float:left;}

.top-leftbox {width:56%; float:left; font-size:14px; color:#fff; margin-top:6px;}
.top-centerbox {float:left; width:50%; margin-top:15px; display:none;}
.top-rightbox {width:44%; float:left; display:inline-block; text-align:right;}
.logobox {float:left; width:100%; padding:22px 0px; text-align:center;}

#gib-menu-openbox {display:none;}
.gib-menubox {display:inline; float:right; font-size:28px; color:#fff; background:#ff6600; padding:4px 10px; border:none; cursor:pointer; /*position:absolute; top:0; right:0;*/margin-top:6px;}

.navbox {float:right; width:200px; padding:0px 0px; position:absolute; right:14px; top:99px; background:#fff; border:2px solid #f60; z-index:999;}
.navigationbox ul li {list-style:none; display:block; text-align:center;}

/*.navigationbox ul li:last-child a {background:#f60; border:1px solid #f60; border-radius:0px; color:#fff;}*/

.navigationbox ul li .mydropbtn {background:#f60; border:1px solid #f60; border-radius:0px; color:#fff; display:block; width:100%;}
.dropdown-content {position:inherit; background-color:#fff; min-width:100%; width:100%; overflow:auto; box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2); z-index:999; right:0;}

/*===   SEARCH   ENGINE    START   HERE   ===*/

.search-leftbox {width:100%;float:left; margin:25px 0px; padding-right:0px;}
.search-one {width:50%; float:left; padding-right:7px;}
.search-two {width:50%; float:left; padding-right:0px; padding-left:7px;}
.search-three {width:25%; float:left; padding-right:7px;}
.search-four {width:25%; float:left; padding-left:7px; padding-right:7px;}
.search-five {width:50%; float:left; padding-right:0px; position:relative; padding-left:7px;}
.search-six {width:25%; float:left;  padding-right:7px;}
.search-seven {width:25%; float:left; padding-right:7px; padding-left:7px;}
.search-eight {width:28%; float:left; padding-right:7px; padding-left:7px;}
.search-nine {width:22%; float:left; padding-right:0px;}
.search-ten {width:25%; float:right; padding-right:0px;}
/*.passangerbox {position:absolute; max-width:100%; width:320px; background:#fff; border:1px solid #000; padding:14px 0px; z-index:999; left:7px;  top:48px;}*/

/*===   SEARCH   ENGINE     END    HERE   ===*/

.search-rightbox {float:left; width:100%; padding-left:15px; margin-top:90px; display:none;}
.gib-heading-rightbox {float:right; width:100%; text-align:center;}
.gib-heading-leftbox {float:left; width:100%; text-align:center;}
.subscb-leftbox {float:left; width:100%; text-align:center;}
.subscb-rightbox {float:left; width:100%;}
.euro-fstbox ul li:nth-child(1) {width:50%;}
.euro-fstbox ul li:nth-child(2) {width:25%;}
.euro-fstbox ul li:nth-child(3) {width:25%;}
.euro-fstbox ul li:nth-child(4) {width:100%;}
.setbox {width:50%;}
.footer-navbox ul li a {text-decoration:none; display:block; padding:7px 12px; font-size:14px; color:#fff; font-weight:400;}
.last-footer-leftbox span {font-size:13px; font-weight:500; color:#000; display:block; margin-top:4px; font-weight:600;}


/*===   HOTEL   ONLY    START   HERE   ===*/

.htl-only-center-topbox h2 {font-size:16px; color:#ff6600;}
.htl-only-center-topbox p {font-size:12px; color:#666666; line-height:18px; margin-top:7px;}
.htl-only-rightbox span {font-size:20px; color:#ff6600; font-weight:400; display:inline-block; margin-bottom:5px;}
.htl-only-rightbox p {font-size:12px; color:#666666; margin-bottom:7px;}

/*===   HOTEL   ONLY     END    HERE   ===*/
/*===   CITY   GUIDE    START   HERE   ===*/

.cityguide-navbox ul li a {text-decoration:none; display:block; padding:8px 7px; font-size:13px; text-transform:uppercase; color:#fff;}

/*===   CITY   GUIDE     END    HERE   ===*/
/*===   CLIMATE   PAGE   START   HERE    ===*/

.img-navbox ul li {list-style:none; display:block; float:left; width:25%; padding:5px 5px; text-align:center;}

/*===   CLIMATE   PAGE    END    HERE    ===*/
/*===   EXCURSIONS    START   HERE   ===*/

.excursions-navbox ul li a {text-decoration:none; display:block; background:#ff6600; font-size:14px; color:#fff; padding:7px 10px;}

/*===   EXCURSIONS     END    HERE   ===*/
/*===   WEDDING   PAGE   START   HERE   ===*/

.wedding-navbox ul li a {text-decoration:none; display:block; background:#ff6600; font-size:14px; color:#fff; padding:7px 10px;}

/*===   WEDDING   PAGE    END    HERE   ===*/

}

/*// Medium devices (tablets, 768px and up)*/

@media (max-width: 767px) {
.holi-pack-depbox { margin-top:3px; margin-bottom: 3px; }

.package-baggs{ margin-top:10px;}
.packages-logs{ margin-top:14px;}

.hotel-middle-info{ width:100%; height:auto; float:left; text-align:center;}
.hotel-middle-info h1{ margin-top:10px;}
.read-hotel{ width:100%; height:auto; float:left;}

#map-canvas{ display:none;}
.hotel-text-out{ width:100%; height:auto; float:left;}
.hotel-text-out p{ padding-left:0px;}

#main{ width:100%; height:auto; float:left;}
.beach-break-navbox ul li{ width:100%; height:auto; float:left; margin-bottom:6px;}

.top-leftbox {width:56%; float:left; font-size:14px; color:#fff; margin-top:6px; display:none;}
.top-rightbox {width:100%; float:left; display:inline-block; text-align:right;}
.search-inner-main{ width:100%; height:100%; float:left;}

.small-bnr-leftbox {float:left; width:100%; padding-right:0px;}
.small-bnr-rightbox {float:right; width:100%; text-align:right; padding-left:0px; margin-top:15px;}
.euro-fstbox ul li:nth-child(1) {width:100%;}
.euro-fstbox ul li:nth-child(2) {width:50%;}
.euro-fstbox ul li:nth-child(3) {width:50%;}
.confidence-leftbox {width:100%; float:left; padding-right:0px;}
.confidence-rightbox {width:275px; float:none; padding-left:0px; text-align:center; margin-top:15px; margin:0 auto; max-width:100%; clear:both; padding-top:15px;}
.footerlinksbox {float:left; width:50%; margin-top:15px;}
.last-footer-leftbox {float:left; width:50%;}
.last-footer-centerbox img {margin-top:10px;}
.last-footer-rightbox img {margin-top:10px;}

/*===   SEARCH   ENGINE    START   HERE   ===*/

.search-six {width:50%; float:left; padding-right:7px;}
.search-seven {width:50%; float:left; padding-right:0px; padding-left:7px;}
.search-eight {width:auto; float:left; padding-right:14px; padding-left:0px;}
.search-nine {width:auto; float:left; padding-right:0px;}
.search-ten {width:30%; float:right; padding-right:0px;}

/*===   SEARCH   ENGINE     END    HERE   ===*/
/*===   HOTEL   ONLY    START   HERE   ===*/

.htl-only-center-lastbox {width:100%; position:inherit; bottom:0;}
.htl-infobox {border:1px solid #eb5f02; background:#ff6600; padding:0px 10px; border-radius:3px; margin-right:10px; font-size:13px; color:#fff; cursor:pointer; font-weight: 600; margin:3px 0px;}

/*===   HOTEL   ONLY     END    HERE   ===*/
/*===   CITY   GUIDE    START   HERE   ===*/

.cityguide-navbox ul li {list-style:none; display:block; float:left; width:50%; border:1px solid #fff;}

/*===   CITY   GUIDE     END    HERE   ===*/
/*===   EXCURSIONS    START   HERE   ===*/

.excursions-navbox-fixed {position:inherit; top:0px; z-index:999;}
.excursions-navbox ul { margin:0px; padding:0px; border:none; border-bottom:none; margin-bottom:15px;}
.excursions-navbox ul li {list-style:none; display:block; float:left; border:1px solid #fff; width:50%;}

/*===   EXCURSIONS     END    HERE   ===*/
/*===   WEDDING   PAGE   START   HERE   ===*/

.wedding-navbox-fixed {position:inherit; top:0px; z-index:999; width:100%;}
.wedding-navbox ul li {list-style:none; display:block; float:none; border-bottom:1px solid #ef5f00; float:left; width:50%;}

/*===   WEDDING   PAGE    END    HERE   ===*/

}

@media (max-width: 710px) {

}

/*// Small devices (landscape phones, 576px and up)*/

@media (max-width: 575px) {


.package-baggs{ margin-top:10px;}
.packages-logs{ margin-top:14px;}

.hotel-middle-info{ width:100%; height:auto; float:left; text-align:center;}
.hotel-middle-info h1{ margin-top:10px;}
.read-hotel{ width:100%; height:auto; float:left;}

#map-canvas{ display:none;}
.hotel-text-out{ width:100%; height:auto; float:left;}
.hotel-text-out p{ padding-left:0px;}

#main{ width:100%; height:auto; float:left;}
.excur-outer{ width:100%; height:auto; float:left;}
.excur-outer img{ width:100%; height:auto; float:left;}

.top-rightbox ul li a {text-decoration:none; display:block; padding:8px 10px; font-size:12px; color:#fff; text-transform:uppercase;}
.euro-fstbox ul li:nth-child(2) {width:100%;}
.euro-fstbox ul li:nth-child(3) {width:100%;}
.setbox {width:100%;}

.confidence-left-mainbox ul li {list-style:none; display:block; float:left; width:100%; padding:10px; text-align:center;}
.subscb-leftbox span {font-size:25px; text-transform:uppercase; font-weight:300; color:#fff;}
.subscb-leftbox p {font-size:14px; color:#fff; font-weight:300;}
.gib-holidaybox h2 {font-size:26px; color:#ec5517; font-weight:600; margin:10px 0px 25px 0px;}
.last-footer-leftbox {float:left; width:100%;}
.last-footer-centerbox {float:left; width:100%;}
.last-footer-rightbox {float:left; width:100%; text-align:left;}
.footerlinksbox {float:left; width:100%; margin-top:15px;}
.subscb-right-mainbox {width:100%; margin-top:24px; position:relative; text-align:center;}

.subscribebox {width:100%; height:46px; border:3px solid #fff; font-size:16px; font-weight:400; border-top-left-radius:25px; border-top-right-radius:25px;   border-bottom-left-radius:25px; border-bottom-right-radius:25px; padding-left:18px; position:relative;}
.subscb-rightbox a {cursor:pointer; font-size:21px; text-transform:uppercase; color:#f87927  !important; background:#fff; position:inherit; right:3px; top:3px; bottom:3px;  border-top-right-radius:25px; border-bottom-right-radius:25px; padding:5px 15px; line-height:40px; border-top-left-radius:25px; border-bottom-left-radius:25px;}
.footer-navbox ul li {list-style:none; display:block; float:none;}

/*===   SEARCH   ENGINE    START   HERE   ===*/

.search-one {width:100%; float:left; padding-right:0px;}
.search-two {width:100%; float:left; padding-right:0px; padding-left:0px;}
.search-three {width:50%; float:left; padding-right:7px;}
.search-fo ur {width:50%; float:left; padding-left:7px; padding-right:0px;}
.search-five {width:100%; float:left; padding-right:0px; position:relative; padding-left:0px;}
.search-six {width:100%; float:left; padding-right:0px;}
.search-seven {width:100%; float:left; padding-right:0px; padding-left:0px;}
.search-ten {width:100%; float:right; padding-right:0px;}
.passangerbox {position:absolute; max-width:100%; width:320px; background:#fff; border:1px solid #000; padding:14px 0px; z-index:999; left:0px; top:48px;}

/*===   SEARCH   ENGINE     END    HERE   ===*/
/*===   HOTEL   ONLY    START   HERE   ===*/

.htl-only-leftbox {width:100%; float:left; text-align:center;}
.htl-only-centerbox {width:100%; float:left; padding:0px 15px; position:relative; min-height:auto; text-align:center;}
.htl-only-rightbox {width:100%; float:left; text-align:center; border-left:1px solid #e1e1e1; position:relative; padding:5px 10px;}

/*===   HOTEL   ONLY     END    HERE   ===*/
/*===   EXCURSIONS    START   HERE   ===*/

.excursions-navbox ul li a {text-decoration:none; display:block; background:#ff6600; font-size:13px; color:#fff; padding:7px 10px;}
.excursions-small-headingbox span {font-size:16px; color:#ff6600; font-weight:600;}
.excursions-small-headingbox i {float:none; font-style:normal; font-weight:600; display:block; font-size:14px;}
.excursions-textbox p {font-size:13px; color:#666; text-align:justify; margin-bottom:0px;}
.excursions-textbox ul li {list-style:none; display:block; float:none; font-size:13px; color:#666;}

/*===   EXCURSIONS     END    HERE   ===*/

/*===   WEDDING   PAGE   START   HERE   ===*/ 

.wedding-navbox ul li a {text-decoration:none; display:block; background:#ff6600; font-size:13px; color:#fff; padding:7px 10px;}

/*===   WEDDING   PAGE    END    HERE   ===*/



.aminities-section{ width:100%; height:auto; float:left;}
.aminities-section h4{ font-size:16px; color:#000; font-weight:bold; text-transform:uppercase; padding:10px 5px; text-decoration:none; background:#eee; border-bottom:solid 4px #ccc;}
.aminities-section ul{ width:100%; margin:0px; padding:0px; border-bottom:dotted 1px #ccc; padding:4px;}
.aminities-section ul li{ width:47%; display:inline-block; list-style:none; font-weight:normal; text-decoration:none; font-size:14px;}
.aminities-section ul li.first-info{ width:50%; line-height:39px; display:inline-block; list-style:none; font-weight:bold; font-size:13px; color:#666666; text-decoration:none;}

.category-deep-details ul li.price{ width:19%;}
.category-deep-details ul li{ width:38%; font-size:12px;}

.hotel-tabs{ width:100%; height:auto; float:left;}
.hotel-tabs ul{width:100%; height:auto; float:left;}
.hotel-tabs ul li{width:94%; height:auto; float:left; margin-bottom:10px;}
.modiy-srch a{ width:100%; float:left; margin-bottom:20px;}
.hotel-heading-main{ line-height:27px;}
.hotel-imp-info h2{ font-size:15px;}
.hotel-imp-info a{ width:98%; text-align:center; margin-top:10px; margin-bottom:10px;}
.aminities-section h4{ line-height:21px; font-size:14px;}


}

@media (min-width: 576px) {

/*===   HOTEL   ONLY    START   HERE   ===*/

#imgsliders .modal-dialog {max-width:100% !important; margin:30px auto;}

/*===   HOTEL   ONLY     END    HERE   ===*/

}

@media (max-width: 565px) {

/*===   HOLIDAY   PACKAGE   CSS   START   HERE   ===*/

.holi-pack-leftbox {width:100%; float:left;}
.holi-pack-centerbox {width:100%; float:left; padding:10px 10px; text-align:center;}
.holi-pack-centerboxh {width:100%; float:left; padding:10px 10px; text-align:center;}
.holi-pack-rightbox {width:100%; float:left;}
.holi-pack-rightboxh {width:100%; float:left;}

/*===   HOLIDAY   PACKAGE   CSS    END    HERE   ===*/
/*===   CLIMATE   PAGE   START   HERE    ===*/

.img-navbox ul li {list-style:none; display:block; float:left; width:50%; padding:5px 5px; text-align:center;}

/*===   CLIMATE   PAGE    END    HERE    ===*/
/*===   WEDDING   PAGE   START   HERE   ===*/

.wedding-navbox ul li {list-style:none; display:block; float:none; border-bottom:1px solid #ef5f00; float:left; width:100%;}
.wedding-navbox-x ul li a{ text-decoration:underline; font-weight:normal;}

/*===   WEDDING   PAGE    END    HERE   ===*/

}

@media (max-width: 499px) 
{
    
 #map-canvas{ display:none;}
.hotel-text-out{ width:100%; height:auto; float:left;}
.hotel-text-out p{ padding-left:0px;}

#main{ width:100%; height:auto; float:left;}
.tabbox ul li a {text-decoration:none; display:inline-block; background:#ffffffe6; padding:6px 14px; font-size:11px; font-weight:600; text-transform:uppercase; color:#262f36;}

/*.search-one {width:100%; float:left; padding-right:0px;}
.search-two {width:100%; float:left; padding-left:0px;}
.search-three {width:100%; float:left; padding-right:0px;}
.search-four {width:100%; float:left; padding-left:0px;}
.search-five {width:100%; float:left; padding-right:0px;}
.search-six {width:100%; float:left; padding-left:0px;}
.search-seven {width:100%; float:left; padding-right:0px;}
.search-eight {width:100%; float:left; padding-left:0px;}*/

}

@media (max-width: 400px) {

.logobox img {width:200px; float:left;}
.gib-menubox {display:inline; float:right; font-size:28px; color:#fff; background:#ff6600; padding:4px 10px; border:none; cursor:pointer; margin-top:0px;}
#main{ width:100%; height:auto; float:left;}

}

@media (max-width: 380px) {

#main{ width:100%; height:auto; float:left;}

/*===   EXCURSIONS    START   HERE   ===*/

.excursions-navbox ul li {list-style:none; display:block; float:left; border:1px solid #fff; width:100%;}

/*===   EXCURSIONS     END    HERE   ===*/

}