.safari-inner-page{padding-bottom: 100px; background-color: #fefdf9} .safari-inner-content .safari-hero-wrap{float: left;width: 100%;margin-top: 190px;} .safari-inner-content .safari-hero-wrap .common-wrap { max-width: 1292px; } .safari-inner-content .safari-hero-text{float: left; width: 100%;max-width: 1240px; padding-bottom: 102px; border-bottom: 1px solid #707070;} .safari-inner-content .safari-hero-text h1{color: #262b25; } .safari-inner-content .enquire-wrap{float: left; width: 100%;margin-top: 82px} .safari-inner-content .enquire-wrap .common-wrap{max-width: 1286px;} .safari-inner-content .enquire-details{float: left; width: 100%;} .safari-inner-content .enquire-intro {float: right; width: 78.35%; margin-top: 20px;} .safari-inner-content .about-text-info h5{max-width: 190px;margin-top: 14px;} .enquire-wrap .about-text-info p{font-size: 36px; line-height: 44px; letter-spacing: -1.8px;padding-bottom: 120px;} .safari-inner-content .enquire-intro-thumb {float: right; width: 100%;} .safari-inner-content .ways-to-travel-wrap{float: left;width: 100%;margin-top: 55px;} .safari-inner-content .ways-to-travel-wrap .common-wrap {max-width: 1286px;} .ways-to-travel-details {float: right; width: 100%; max-width: 978px;} .safari-inner-content .ways-to-travel-text{float: left; width: 100%;margin-top: 48px;} .safari-inner-content .ways-to-travel-text .about-text-info h5{max-width: 232px;} .ways-to-travel-text .about-text-info p{font-size: 36px;line-height: 42px; letter-spacing: -1.8px;margin-top: 12px;padding-bottom: 0} .safari-inner-content .ways-to-travel-wrap .call-to-action{float: left; width: 100%; max-width: 981px;margin-top: 82px;padding-bottom: 106px; border-bottom: 1px solid #707070;} .ways-item-wrap{float: left;width: 100%;} .safari-inner-content .ways-to-travel-wrap .call-to-action-item{float: left; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between;} .safari-inner-content .ways-to-travel-wrap .sub-item { float: left; width: 46.98%; padding: 30px 0px 37px 8px; border-top: 1px solid #d4d4d1; } .safari-inner-content .ways-to-travel-wrap .sub-item:nth-child(2n+2){padding-left: 18px;} .safari-inner-content .ways-to-travel-wrap .call-to-action-item:nth-child(1) .sub-item:nth-child(3n+2)span{} .ways-to-travel-wrap .sub-item span{display: block; margin-top: 18px;} .safari-inner-content .tabs-trigger{ width: 43.868597%;} .safari-inner-content .tour-tab-item-wrap { width: 47.1%;margin-left: 7.6%;} .safari-main-content .tab-text-inner {max-width: none;} .see-more-tours{float: left; width: 100%; margin-top: 90px;} .see-more-tours a{background-color: #262b25;width: 140px; height: 140px; text-align: center; padding: 24px; position: relative; font-family: 'nunitosansregular','sans-serif'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 18px; letter-spacing: normal; color: #ffffff; padding: 84px 52px 18px 16px; text-align: left;} .safari-inner-content .trips-features-wrap{margin-top: 92px;} .safari-inner-content .trips-features-item-wrap { float: left; width: 100%; padding-left: 4px; } .safari-inner-content .trips-features-inner h3, .highlights-inner h3{max-width: 370px; line-height: 42px; margin-bottom: 40px;} .tour-itinerary-inner h3 {margin-bottom: 40px;} .safari-inner-content .trips-features-wrap .trips-features-inner h3 { margin-bottom: 20px; } .trips-features-item-image a {width: 100%;} .safari-inner-content .trips-features-item .trips-features-item-image { float: left; width: 47.831%;} .safari-inner-content .trips-features-item figure, .safari-inner-content .trips-features-item figure {position: relative; height: 0; display: block; width: 100%;} .safari-inner-content .trips-features-item picture, .safari-inner-content .trips-features-item img {width: 100%; position: absolute; top: 0; left: 0; height: 100%; display: block;} .safari-inner-content .trips-features-content{ width: 46.8%; margin-top: 41px; margin-left: 5.369%;} .safari-inner-content .trips-features-content h4{line-height: 22px;} .safari-inner-content .trips-features{margin-top: 26px;} .safari-inner-content .trips-features span{padding: 0px 0px 0 0; margin-right:0px; margin-bottom: 10px; font-family: 'poppinsregular';line-height: 16px; letter-spacing: -0.6px;} .safari-inner-content .trips-features-content p{font-family: 'nunitosansregular';max-width: 393px; /*margin-top: 28px;*/} .safari-inner-content .explore-btn{margin-top: 59px; padding-left: 2px;} .safari-inner-content .see-more-tours{ margin-top: 87px; } /*.safari-inner-content .details-wrap-inner {max-width: 989px;}*/ .safari-inner-content .highlights-inner {/*max-width: 989px; */ padding-bottom: 76px; border-bottom: 1px solid #707070;} .safari-inner-content .highlights-wrap .common-wrap {max-width: 1310px;} .safari-inner-content .tabs-trigger ul {margin-top: 38px;} .safari-inner-content .tabs-trigger ul li {padding-bottom: 11px;} .safari-inner-content .tabs-trigger ul li span{margin-top: 2px;} .safari-inner-content .tabs-trigger ul li a {color: #262b2550;} .trip-tab-content{float: left; width: 100%; display: none; padding-bottom: 30px;} .safari-inner-content .tabs-trigger ul li.trip-tab-active a{color: #262b25} .tabs-trigger ul li .trip-tab-content span{color: #262b25} /* ======================================================================================================= ============================================ Responsive style ========================================== */ /* Mobile Layout: 320px and 480px and more but less than or equal to 767px. ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 320px) and (max-width: 767px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} .safari-inner-content .safari-hero-text h1 {font-size: 60px; line-height: 60px; letter-spacing: -1.5px;} .safari-inner-content .safari-hero-wrap{margin-top: 62px;} .safari-inner-content .safari-hero-text{padding-bottom: 0;border-bottom: 0} .safari-inner-content .safari-hero-text h2{letter-spacing: -1.25px; font-size: 50px; line-height: 60px;} .safari-inner-content .enquire-wrap{margin-top: 43px;} .safari-inner-content .enquire-intro-thumb{width: 100%;} .safari-inner-content .enquire-now{display: none;} .safari-inner-content .enquire-intro{width: 100%;margin-top: 25px; } .safari-inner-content .about-text-info{padding-left: 4px;} .safari-inner-content .about-text-info h5 {margin-top: 8px;} .safari-inner-content .enquire-wrap .about-text-info p{font-size: 24px; line-height: 30px;letter-spacing: -1.2px;margin-top: 30px;padding-bottom: 36px;} .safari-inner-content .ways-to-travel-text .about-text-info p{font-size: 24px; line-height: 30px; letter-spacing: -1.2px;margin-top: 37px;} .safari-inner-content .ways-to-travel-text .about-text-info dfn{display: none;} .safari-inner-content .trips-features-item-wrap{padding-left: 0;} .safari-inner-content .trips-features { margin-top: 24px;} .safari-inner-content .trips-features-item .trips-features-item-image, .trips-features-item .trips-features-item-image {width: 100%; max-width: 100%;} .safari-inner-content .trips-features-content{width: 100%;margin-top: 33px;} .see-more-tours a{ width: 111px; height: 111px; font-size: 12px; padding: 60px 43px 13px 10px;} .safari-inner-content .highlights-inner h3{font-size: 36px; line-height: 42px; letter-spacing: -1.8px;} .safari-inner-content .tour-tab-item-wrap{width: 100%;} .safari-inner-content .tabs-trigger{width: 100%;margin-top: 25px;} .safari-inner-content .ways-to-travel-wrap{margin-top: 0} .safari-inner-content .ways-to-travel-wrap .common-wrap{padding: 0 32px 0 36px;} .safari-inner-content .ways-to-travel-text{margin-top: 51px; padding-right: 4px; } .safari-inner-content .ways-to-travel-text .about-text-info{padding-left: 0px; } .safari-inner-content .ways-to-travel-wrap .call-to-action{margin-top: 76px;padding-bottom: 0;} .safari-inner-content .ways-to-travel-wrap .sub-item{padding: 27px 0px 19px 7px;} .safari-inner-content .ways-to-travel-wrap .sub-item:nth-child(3){padding: 28px 0px 29px 7px;} .safari-inner-content .ways-to-travel-wrap .sub-item:nth-child(3) span{margin-top: 18px;} .safari-inner-content .ways-to-travel-wrap .sub-item:nth-child(4){padding: 28px 0px 29px 6px;} .safari-inner-content .ways-to-travel-wrap .sub-item:nth-child(4) span{margin-top: 18px;} .safari-inner-content .ways-to-travel-wrap .sub-item:nth-child(5){padding: 28px 0px 25px 6px;} .safari-inner-content .ways-to-travel-wrap .sub-item:nth-child(5) span{margin-top: 13px;} .safari-inner-content .ways-to-travel-wrap .sub-item:nth-child(6){padding: 28px 0px 37px 7px;} .safari-inner-content .ways-to-travel-wrap .sub-item:nth-child(6) span{margin-top: 11px;} .safari-inner-content .sub-item h3{line-height: 30px} .safari-inner-content .sub-item span{margin-top: 12px;} .safari-inner-content .trips-features-wrap{margin-top: 56px;} .safari-inner-content .trips-features-inner h3, .safari-inner-content .highlights-inner h3{ max-width: 100%; font-size: 36px;line-height: 41px;letter-spacing: -1.8px;} /* .safari-inner-content .trips-features-item:first-child .trips-features span:last-child{padding-left: 5px;}*/ .safari-inner-content .trips-features-content p{padding-left: 2px;margin-top: 37px; max-width: 100%;} .safari-inner-content .explore-btn{margin-top: 30px;} /* .safari-inner-content .trips-features-item:nth-child(2) {margin-top:59px;} .safari-inner-content .trips-features-item:nth-child(2) .trips-features-content { margin-top: 43px; }*/ .safari-inner-content .trips-features-content h4 { line-height: 30px; max-width: 100%; } /* .safari-inner-content .trips-features-item:nth-child(2) .trips-features span:nth-child(3) { padding: 0px 5px 0 18px; } .safari-inner-content .trips-features-item:nth-child(2) .trips-features{margin-top: 15px;} .safari-inner-content .trips-features-item:nth-child(2) .trips-features-content p{ padding-left: 3px; margin-top: 40px; } .trips-features-item:nth-child(2) .explore-btn { margin-top: 34px; } .safari-inner-content .trips-features-item:nth-child(3) { margin-top: 39px; } .safari-inner-content .trips-features-item:nth-child(3) .trips-features-content { margin-top: 32px; } .safari-inner-content .trips-features-item:nth-child(3) .trips-features{margin-top: 23px;} .safari-inner-content .trips-features-item:nth-child(3) .trips-features span:nth-child(3) { padding: 0 10px 0 22px; } .safari-inner-content .trips-features-item:nth-child(3) .trips-features-content p{ padding-left: 3px; margin-top: 28px; } .safari-inner-content .trips-features-item:nth-child(3) .explore-btn { margin-top: 43px; } .safari-inner-content .trips-features-item:nth-child(4) { margin-top: 57px; } .safari-inner-content .trips-features-item:nth-child(4) .trips-features-content { margin-top: 45px; } .safari-inner-content .trips-features-item:nth-child(4) .trips-features { margin-top: 22px;} .safari-inner-content .trips-features-item:nth-child(4) .explore-btn { margin-top: 25px; } .safari-inner-content .trips-features-item:nth-child(5) { margin-top: 57px; } .safari-inner-content .trips-features-item:nth-child(5) .trips-features-content { margin-top: 45px; } .safari-inner-content .trips-features-item:nth-child(5) .trips-features { margin-top: 23px; } .safari-inner-content .trips-features-item:nth-child(5) .trips-features span:nth-child(3) { padding: 0px 10px 0 0px;} .safari-inner-content .trips-features-item:nth-child(5) .explore-btn { margin-top: 42px; } .safari-inner-content .trips-features-item:nth-child(5) .trips-features-content p{ margin-top: 24px; }*/ .safari-inner-content .see-more-tours { margin-top: 70px; } .safari-inner-content .highlights-wrap .common-wrap { padding: 0px 40px 0px 32px; } .safari-inner-content .tabs-trigger ul { margin-top: 35px; } .safari-inner-content .tabs-trigger ul li { padding-bottom: 27px; } .safari-inner-content .trip-tab-active:after{content: '-'} /* .safari-inner-content .tabs-trigger ul li:nth-child(2) { margin-top: 0px; padding-bottom: 41px; }*/ .safari-inner-content .tabs-trigger ul li a { margin-top: 13px;} /* .safari-inner-content .tabs-trigger ul li:nth-child(2) a{ margin-top: 2px;} .safari-inner-content .tabs-trigger ul li:nth-child(3) a{ margin-top: 0px;}*/ .safari-inner-content .tab-thumb { margin-top: 206px; } /* .safari-inner-content .tabs-trigger ul li:nth-child(3) { margin-top: 5px; padding-bottom: 40px;} .safari-inner-content .tabs-trigger ul li:nth-child(4) { margin-top: 5px; padding-bottom: 40px;} .safari-inner-content .tabs-trigger ul li:nth-child(4) a{ margin-top: 0px;} .safari-inner-content .tabs-trigger ul li:nth-child(5) { margin-top: 5px;padding-bottom: 40px;} .safari-inner-content .tabs-trigger ul li:nth-child(5) a{ margin-top: 0px;} .safari-inner-content .tabs-trigger ul li:nth-child(6) { margin-top: 0px;padding-bottom: 45px;} .safari-inner-content .tabs-trigger ul li:nth-child(6) a{ margin-top: 0px;}*/ .trip-tab-active .tab-thumb{display: block !important;} .safari-inner-content .tab-thumb {margin-top: 27px;} .safari-inner-content .sub-item dfn { display: none;} .safari-inner-content .highlights-inner{padding-bottom: 0;border-bottom: 0} .safari-inner-content .ways-to-travel-wrap .sub-item:nth-child(2n+2) {padding-left: 7px; } .safari-inner-content .trips-features-item:nth-child(4) .trips-features span { padding: 0px 10px 0 0; font-family: 'poppinsregular'; line-height: 16px; letter-spacing: -0.6px; margin-top: 5px; } .safari-inner-content .tabs-trigger ul li::after {top: 10px; } } /* Wide Mobile Layout: 480px. ------------------------------------------------------------ */ @media only screen and (min-width: 480px) and (max-width: 767px) { .safari-inner-content .trips-features-item:nth-child(4) .trips-features span {padding: 0px 15px 0 15px;} .safari-inner-content .trips-features-item:nth-child(4) .trips-features span:first-child{padding-left: 0;} .safari-inner-content .trips-features-item:nth-child(4) .trips-features span:nth-child(3) { padding-left: 15px; } .safari-inner-content .trips-features-item:nth-child(5) .trips-features span:nth-child(3) { padding: 0px 15px 0 15px; } } /* Wide Mobile Layout: 480px. ------------------------------------------------------------ */ @media only screen and (min-width: 320px) and (max-width: 374px) { .trips-features span{font-size: 11px} .safari-inner-content .trips-features-item:nth-child(3) .trips-feature{ margin-top: 23px; display: flex; flex-flow: row wrap; justify-content: space-between; } .safari-inner-content .trips-features span { padding: 0px 11px 0 0px;} .safari-inner-content .trips-features-item:nth-child(5) .trips-features span:first-child { padding-right: 9px; } .safari-inner-content .trips-features-item:nth-child(5) .trips-features span:nth-child(3){padding-right: 0; margin-left: 0px;} } @media only screen and (min-width: 375px) and (max-width: 413px) { .safari-inner-content .trips-features-item:nth-child(3) .trips-features span:nth-child(3){margin-left: 10px; padding-right: 0;} } /* Tablet Layout: 768px. ----------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 991px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} .safari-inner-content .enquire-intro{width: 100%;margin-top: 100px;} .safari-inner-content .enquire-now{top: -95px; left: 18px;} .safari-inner-content .safari-hero-text h2{font-size: 70px;line-height: 80px;} .safari-inner-content .trips-features-item:nth-child(4) .trips-features span{padding-left: 0} .safari-inner-content .trips-features-item .trips-features span:last-child{padding-left: 0} .safari-inner-content .trips-features span { padding: 0px 0px; margin-right: 0px;} .safari-inner-content .trips-features-item:nth-child(5) .trips-features span:nth-child(3){padding-left: 0;} .safari-inner-content .trips-features-item:nth-child(2) .trips-features span:nth-child(3){padding-left: 0px} .safari-inner-content .trips-features-item:nth-child(2) .trips-features span:first-child{padding-right: 10px; } } /* Tablet Layout: 1024px. ----------------------------------------------------------------- */ @media only screen and (min-width: 992px) and (max-width: 1024px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} } @media only screen and (min-width: 1025px) and (max-width: 1440px) { } @media only screen and (min-width: 1600px){ }