/* ---------------------------------------------------- Theme Name: Star Travel - HTML & Bootstrap Template Version: 1.0.0 Author: Star Travel ------------------------------------------------------- */ /* ====================================================== TABLE OF CONTENTS ====================================================== */ /** * 1.0 Settings * 1.1 Top Bar * 1.2 Navbar * 1.3 Slider * 1.4 Search Tabs * 1.5 Main Block * 1.6 Hotel Block * 1.7 Tour Block * 1.8 Cruise Block * 1.9 Flight Block * 1.10 Destination Block * 1.11 Vehicle Block * 1.12 Gallery * 1.13 Best Features * 1.14 Luxury Offers * 1.15 Highlights * 1.16 Banners * 1.17 Testimonials * 1.18 Latest Blog * 1.19 Packages * 1.20 Newsletter * 1.21 Contact Form * 1.22 Footer * 1.23 Page Cover * 1.24 Sidebar * 1.25 Grid Block * 1.26 List Block * 1.27 Pagination * 1.28 Detail Pages Tabs * 1.29 Detail Pages Slider * 1.30 Custom Forms * 1.31 Extra Pages **/ /* ----------------------------------------------------- Settings ----------------------------------------------------- */ @media(min-width:991px) and (max-width:1200px){ .page-heading p{ width:75%; } } @media(min-width:992px){ .no-pd-r{ padding-right:0px; } .no-pd-l{ padding-left:0px; } .space-right{ padding-right:30px; } } @media(max-width:991px){ .page-heading p{ width:90%; } .innerpage-heading p{ width:90%; } } @media(max-width:768px){ .btn{ font-size:14px; } .btn-padding{ padding:10px 30px; } .page-heading h2{ font-size:32px; } .page-heading p{ font-size:17px; } .innerpage-heading h1{ font-size:30px; } .innerpage-heading p{ font-size:16px; } .butn .btn{ width:200px; padding:14px 0px; } } @media(max-width:767px){ .view-all{ margin-top:50px; } } @media(max-width:400px){ .page-heading h2{ font-size:27px; } .innerpage-heading h1{ font-size:28px; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 768px) { .col-md-15 { width: 20%; float: left; } } /* ----------------------------------------------------- Top Bar ----------------------------------------------------- */ @media(min-width:768px) and (max-width:991px){ #top-bar.container-header #info li:first-child{ margin-right:5px; } #top-bar.container-header #links > ul > li form{ padding-left:18px; margin-left:10px; } #top-bar.container-header form ul li:last-child{ margin-left:4px; } #top-bar #links > ul > li form{ padding-left:22px; margin-left:15px; } } @media(min-width:992px){ #top-bar #links ul li form{ margin-left:15px; } } @media(max-width:767px){ #top-bar{ text-align:center; } #top-bar #info li:first-child{ margin-right:0px; } #top-bar #info li{ margin:0px 5px 3px; } #top-bar #links{ float:none; text-align:center; } #top-bar #links > ul > li form{ padding-left:18px; margin-left:10px; } #top-bar form ul li:last-child{ margin-left:4px; } } /************* CRUISE HOMEPAGE *************/ @media(min-width:768px) and (max-width:991px){ #cruise-homepage #top-bar #info li:first-child{ margin-right:5px; } #cruise-homepage #top-bar #links > ul > li form{ padding-left:18px; margin-left:10px; } #cruise-homepage #top-bar form ul li:last-child{ margin-left:4px; } } /* ----------------------------------------------------- Navbar ----------------------------------------------------- */ @media(min-width:1200px){ .main-navbar.navbar-custom .navbar-brand{ padding-top: 24px; } .header-search { display: none !important; } .main-navbar.navbar-custom .navbar-nav > li { padding: 22px 0; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; transition: padding 0.3s; margin:0px 1px; } .main-navbar .nav > li > a{ padding-left:0px; padding-right:0px; margin:0px 13px; } .main-navbar .navbar-nav > li:last-child a{ margin-right:0px; } .main-navbar .navbar-nav > li:last-child{ margin-left:12px; } .main-navbar .navbar-search-link > li:last-child{ margin-left:8px; margin-top:6px; } .main-navbar.navbar-custom.affix .navbar-nav > li{ padding: 10px 0; } .main-navbar.navbar-custom.affix .navbar-brand{ padding-top: 12px; } .main-navbar .navbar-nav > li.active::before{ width: 80%; } .main-navbar .mega-dropdown-menu{ min-width:950px; } .main-navbar .mega-dropdown-menu ul li a{ padding-right:15px; } .main-navbar .navbar-right .mega-dropdown-menu.dropdown-menu{ left:auto; right:0px; } } @media(max-width:1199px){ } @media(min-width:768px) and (max-width:1199px){ #mynavbar{ padding:0px; } .main-navbar .header-search{ margin-top:16px; } .main-navbar .navbar-header .header-search .fa{ font-size:18px; } .main-navbar .navbar-header{ padding-top:15px; padding-bottom:15px; } .main-navbar .navbar-collapse{ margin-top:0px; padding-left:0px; padding-right:0px; } .main-navbar .navbar-nav { float: none !important; width:100%; } .main-navbar .navbar-nav>li { float: none; } .main-navbar .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .main-navbar .navbar-toggle{ display:block; margin-top:10px; margin-right:0px; margin-left:15px; padding-right:0px; } .main-navbar.container-header .navbar-toggle{ margin-right:15px; } .main-navbar .navbar-header{ float:none; } .main-navbar .navbar-nav li .dropdown-menu{ width:100%; max-height:300px; overflow:auto; } .main-navbar.navbar-custom .navbar-brand{ padding-top: 3px; } } @media(min-width:768px) and (max-width:991px){ #mynavbar .navbar-brand img{ max-height:46px; margin-top:3px; } } @media(min-width: 768px) { .main-navbar.navbar-custom .navbar-brand { font-size: 2.0em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .main-navbar.navbar-custom .navbar-brand .fa{ font-size: 1.33em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .main-navbar .navbar-right .dropdown-menu { left: 0; right: auto; } .dropdown-submenu > .dropdown-menu.dropdown-sbm.left-sbm{ top:0; right:100%; left:auto; margin-top:-1px; margin-left:-1px; } } @media(max-width:768px){ .main-navbar .navbar-header .header-search .fa{ font-size:18px; } nav.navbar.navbar-custom#mynavbar a.navbar-brand{ font-size: 20px; } nav.navbar.navbar-custom#mynavbar a.navbar-brand .fa{ font-size: 24px; } .main-navbar .navbar-toggler i{ font-size: 22px !important; } nav.navbar#mynavbar { height: 63px; background-color: rgba(0,0,0,0.7); transition: background 0s, height 0.2s; } } @media(max-width:600px){ #close-button{ right:20px; top:40px; } } @media(max-width:767px){ .main-navbar{ z-index:100; } .main-navbar .navbar-brand{ padding-bottom:0px; padding-top:17px; } .main-navbar .navbar-brand .fa{ top:0px; margin-right:6px; } .main-navbar .navbar-nav{ margin-top:0; margin-bottom:0; } .main-navbar .navbar-toggle{ padding:20px; border-radius:0px; margin:0px; } .main-navbar .navbar-nav>li>a { font-size:14px; } .affix ~ section{ top:42px; } .main-navbar .navbar-nav li .dropdown-menu{ width:100%; max-height:148px; overflow:auto; } .main-navbar .navbar-nav li .dropdown-menu li a { font-size: 14px; } } @media(max-width:576px){ } /************* CRUISE HOMEPAGE *************/ @media(min-width:768px) and (max-width:1199px){ #cruise-homepage .main-navbar .navbar-toggle{ margin-right:15px; } } /* ----------------------------------------------------- Slider ----------------------------------------------------- */ @media(max-width:576px){ .flexslider li .meta .highlight-price{ font-size:15px; } } /************* SLIDER-1 *************/ @media(min-width:992px){ #flexslider-container-1, #slider-1 .slides, #slider-1 .flex-viewport { height: 712px; } #slider-1 .slides > li { height: 712px; } #slider-1 { height: 712px; } } @media(max-width:991px){ #flexslider-container-1, #slider-1 .slides, #slider-1 .flex-viewport { height: 800px; } #slider-1 .slides > li { height: 800px; } #slider-1 { height: 800px; } #slider-1 li .meta h1{ font-size:70px; } #slider-1 li .meta h2{ font-size:28px; } } @media(max-width:768px){ #slider-1 li .meta h1{ font-size:60px; } #slider-1 li .meta h2{ font-size:26px; } } @media(max-width:767px){ #flexslider-container-1, #slider-1 .slides, #slider-1 .flex-viewport { height: 830px; } #slider-1 .slides > li { height: 830px; } #slider-1 { height: 830px; } } @media(max-width:576px){ #flexslider-container-1, #slider-1 .slides, #slider-1 .flex-viewport { height: 745px; } #slider-1 .slides > li { height: 745px; } #slider-1 { height: 745px; } #slider-1 li .meta { padding-top:80px; } #slider-1 li .meta h1{ font-size:50px; } #slider-1 li .meta h2{ font-size:24px; margin-bottom:-4px; } } @media(max-width:420px){ #slider-1 li .meta h1{ font-size:40px; } #slider-1 li .meta h2{ font-size:20px; margin-bottom:-4px; } } /************* SLIDER-2 *************/ @media(min-width:1200px){ #flexslider-container-2, #slider-2 .slides, #slider-2 .flex-viewport { height: 618px; } #slider-2 .slides > li { height: 618px; } #slider-2 { height: 618px; } } @media(max-width:1199px){ #flexslider-container-2, #slider-2 .slides, #slider-2 .flex-viewport { height: 688px; } #slider-2 .slides > li { height: 688px; } #slider-2 { height: 688px; } } @media(max-width:991px){ #flexslider-container-2, #slider-2 .slides, #slider-2 .flex-viewport { height: 758px; } #slider-2 .slides > li { height: 758px; } #slider-2 { height: 758px; } #slider-2 li .meta{ padding-top:130px; } } @media(max-width:768px){ #slider-2 li .meta h2{ font-size:50px; } #slider-2 li .meta p{ width:80%; } } @media(max-width:767px){ #slider-2 li .meta{ padding-top:100px; } } @media(max-width:576px){ #flexslider-container-2, #slider-2 .slides, #slider-2 .flex-viewport { height: 722px; } #slider-2 .slides > li { height: 722px; } #slider-2 { height: 722px; } #slider-2 li .meta h2{ font-size:35px; } #slider-2 li .meta p{ width:95%; } } @media(max-width:420px){ #slider-2 li .meta h2{ font-size:30px; } #slider-2 li .meta p{ font-size:14px; } } @media(max-width:360px){ #slider-2 li .meta h2{ font-size:28px; } } /************* SLIDER-3 *************/ @media(min-width:1200px){ #flexslider-container-3, #slider-3 .slides, #slider-3 .flex-viewport { height: 778px; } #slider-3 .slides > li { height: 778px; } #slider-3 { height: 778px; } } @media(max-width:1199px){ #flexslider-container-3, #slider-3 .slides, #slider-3 .flex-viewport { height: 768px; } #slider-3 .slides > li { height: 768px; } #slider-3 { height: 768px; } } @media(max-width:991px){ #flexslider-container-3, #slider-3 .slides, #slider-3 .flex-viewport { height: 768px; } #slider-3 .slides > li { height: 768px; } #slider-3 { height: 768px; } } @media(max-width:767px){ #flexslider-container-3, #slider-3 .slides, #slider-3 .flex-viewport { height: 798px; } #slider-3 .slides > li { height: 798px; } #slider-3 { height: 798px; } } /************* SLIDER-4 *************/ @media(min-width:1200px){ #flexslider-container-4, #slider-4 .slides, #slider-4 .flex-viewport { height: 658px; } #slider-4 .slides > li { height: 658px; } #slider-4 { height: 658px; } } @media(max-width:1199px){ #flexslider-container-4, #slider-4 .slides, #slider-4 .flex-viewport { height: 718px; } #slider-4 .slides > li { height: 718px; } #slider-4 { height: 718px; } } @media(max-width:991px){ #flexslider-container-4, #slider-4 .slides, #slider-4 .flex-viewport { height: 818px; } #slider-4 .slides > li { height: 818px; } #slider-4 { height: 818px; } #slider-4 li .meta{ padding-top:130px; } } @media(max-width:767px){ #flexslider-container-4, #slider-4 .slides, #slider-4 .flex-viewport { height: 800px; } #slider-4 .slides > li { height: 800px; } #slider-4 { height: 800px; } } @media(max-width:576px){ #flexslider-container-4, #slider-4 .slides, #slider-4 .flex-viewport { height: 742px; } #slider-4 .slides > li { height: 742px; } #slider-4 { height: 742px; } #slider-4 li .meta { padding-top:100px; } } @media(max-width:420px){ #flexslider-container-4, #slider-4 .slides, #slider-4 .flex-viewport { height: 712px; } #slider-4 .slides > li { height: 712px; } #slider-4 { height: 712px; } } /************* SLIDER-5 *************/ @media(min-width:1200px){ #flexslider-container-5, #slider-5 .slides, #slider-5 .flex-viewport { height: 778px; } #slider-5 .slides > li { height: 778px; } #slider-5 { height: 778px; } } @media(max-width:1199px){ #flexslider-container-5, #slider-5 .slides, #slider-5 .flex-viewport { height: 768px; } #slider-5 .slides > li { height: 768px; } #slider-5 { height: 768px; } #slider-5 li .meta{ margin-top:-40px; } } @media(max-width:991px){ #flexslider-container-5, #slider-5 .slides, #slider-5 .flex-viewport { height: 868px; } #slider-5 .slides > li { height: 868px; } #slider-5 { height: 868px; } #slider-5 li .meta{ margin-top:-70px; } #slider-5 li .meta h2{ font-size:55px; } #slider-5 li .meta p{ font-size:16px; } } @media(max-width:768px){ #flexslider-container-5, #slider-5 .slides, #slider-5 .flex-viewport { height: 868px; } #slider-5 .slides > li { height: 868px; } #slider-5 { height: 868px; } #slider-5 li .meta{ margin-top:-110px; } #slider-5 li .meta h2{ font-size:45px; } #slider-5 li .meta p{ font-size:15px; } } @media(max-width:576px){ #flexslider-container-5, #slider-5 .slides, #slider-5 .flex-viewport { height: 868px; } #slider-5 .slides > li { height: 868px; } #slider-5 { height: 868px; } #slider-5 li .meta{ margin-top:-90px; } #slider-5 li .meta h2{ font-size:35px; } #slider-5 li .meta p{ font-size:14px; width:90%; } } /************* TOUR-SLIDER *************/ @media(max-width:991px){ .tour-slider li .meta h2{ font-size:55px; } } @media(max-width:768px){ .tour-slider li .meta{ text-align:center; } .tour-slider li .meta h2{ font-size:45px; } .tour-slider li .meta .highlight-price{ font-size:15px; } .tour-slider li .meta p{ margin:0 auto; } } @media(max-width:576px){ .tour-slider li .meta h2{ font-size:40px; } .tour-slider li .meta p{ width:90%; } } @media(max-width:420px){ .tour-slider li .meta h2{ font-size:35px; } } /************* TRAVEL-AGENCY *************/ @media(min-width:1200px){ #travel-agency #flexslider-container-5, #travel-agency #slider-5 .slides, #travel-agency #slider-5 .flex-viewport { height: 720px; } #travel-agency #slider-5 .slides > li { height: 720px; } #travel-agency #slider-5 { height: 720px; } #travel-agency #slider-5 li .meta{ margin-top:30px; } } @media(max-width:1199px){ #travel-agency #flexslider-container-5, #travel-agency #slider-5 .slides, #travel-agency #slider-5 .flex-viewport { height: 700px; } #travel-agency #slider-5 .slides > li { height: 700px; } #travel-agency #slider-5 { height: 700px; } #travel-agency #slider-5 li .meta{ margin-top:30px; } } @media(max-width:991px){ #travel-agency #flexslider-container-5, #travel-agency #slider-5 .slides, #travel-agency #slider-5 .flex-viewport { height: 660px; } #travel-agency #slider-5 .slides > li { height: 660px; } #travel-agency #slider-5 { height: 660px; } } @media(max-width:768px){ #travel-agency #slider-5 li .meta{ margin-top:40px; } } @media(max-width:576px){ #travel-agency #flexslider-container-5, #travel-agency #slider-5 .slides, #travel-agency #slider-5 .flex-viewport { height: 600px; } #travel-agency #slider-5 .slides > li { height: 600px; } #travel-agency #slider-5 { height: 600px; } #travel-agency #slider-5 li .meta{ margin-top:45px; } } /* ----------------------------------------------------- Nav Tabs Display ----------------------------------------------------- */ @media(max-width:767.9px){ .nav.nav-tabs.nav-justified { display: block; } } @media(min-width:768px){ .nav.nav-tabs.nav-justified { display: flex; } } /* ----------------------------------------------------- Search Tabs ----------------------------------------------------- */ @media(max-width:1199px){ .search-tabs .tab-content .tab-pane .search-btn{ text-align:center; } .search-tabs .tab-content .tab-pane .search-btn .btn{ margin-top:10px; } .search-tabs .tab-content .tab-pane{ padding:35px 30px; } } @media(max-width:650px){ .search-tabs .nav-tabs li .st-text{ display:none; } .search-tabs .nav-tabs li .fa{ margin-right:0px; font-size:18px; } .search-tabs .nav-tabs li a{ padding:8px 18px; } .search-tabs .nav-tabs li.active a{ padding:8px 20px 11px; } } @media(min-width:577px){ .search-tabs .tab-content .tab-pane input, .search-tabs .tab-content .tab-pane select, .search-tabs .tab-content .tab-pane .btn{ height:40px; } .search-tabs .tab-content .tab-pane .form-group.left-icon .fa{ top:12px; font-size:15px; } .search-tabs .tab-content .tab-pane .form-group.right-icon .fa{ top:10px; font-size:20px; } } @media(max-width:576px){ .search-tabs .tab-content .tab-pane input, .search-tabs .tab-content .tab-pane select{ font-size:13px; } .search-tabs .tab-content .tab-pane .form-group.left-icon .fa{ top:10px; font-size:14px; } .search-tabs .tab-content .tab-pane .form-group.right-icon .fa{ top:7px; font-size:20px; } } @media(max-width:360px){ .search-tabs .nav-tabs li .fa{ font-size:15px; } } /************* SEARCH-TABS-3 *************/ @media(min-width:992px) and (max-width:1199px){ #search-tabs-3.search-tabs .nav-tabs li{ font-size:12px; } #search-tabs-3 .nav-tabs li a, #search-tabs-3 .nav-tabs li.active a{ padding:10px 13px; } } @media(min-width:769px) and (max-width:1199px){ .welcome-message{ padding:43px 35px; margin-top:37px; } } @media(min-width:577px){ #search-tabs-3 .tab-content .tab-pane .form-group.left-icon .fa{ top:38px; } #search-tabs-3 .tab-content .tab-pane .form-group.right-icon .fa{ top:36px; } } @media(max-width:576px){ #search-tabs-3 .tab-content .tab-pane .form-group.left-icon .fa{ top:35px; } #search-tabs-3 .tab-content .tab-pane .form-group.right-icon .fa{ top:32px; } } /* ----------------------------------------------------- Main Block ----------------------------------------------------- */ /************** OFFER-PRICE-1 *************/ @media(min-width:992px) and (max-width:1199px){ .offer-price-1 li.price{ font-size:17px; } .offer-price-1 li.price .pkg, .offer-price-1 li.rating .fa{ font-size:12px; } .offer-price-1 li.price .pkg, .offer-price-1 li.price .divider{ top:-1px; } } @media(max-width:767px){ .offer-price-1 li.price{ font-size:17px; } .offer-price-1 li.price .pkg, .offer-price-1 li.rating .fa{ font-size:11px; } .offer-price-1 li.price .pkg, .offer-price-1 li.price .divider{ top:-1px; } } @media(max-width:630px){ .offer-price-1 li.price .divider{ margin:0px 5px; } } /************** OFFER-PRICE-2 *************/ /*@media(min-width:992px) and (max-width:1199px){ .offer-price-2 li.price{ font-size:20px; } }*/ @media(max-width:767px){ .offer-price-2 li.price{ font-size:20px; } } /* ----------------------------------------------------- Hotel Block ----------------------------------------------------- */ @media(max-width:420px){ .hotel-info .hotel-title{ font-size:1.38em; } .hotel-title.main-title p{ font-size:13px; } } /* ----------------------------------------------------- Tour Block ----------------------------------------------------- */ @media(max-width:767px){ .tour-info .tour-title a{ font-size:19px; } .tour-info .tour-title p{ font-size:1.07em; } } /* ----------------------------------------------------- Cruise Block ----------------------------------------------------- */ @media(min-width:992px) and (max-width:1199px){ .cruise-block .cruise-img img{ min-height:190px; max-height:190px; } #owl-cruise-offers .cruise-block .cruise-img img{ min-height:215px; max-height:215px; } } @media(max-width:767px){ .cruise-block{ margin-bottom:30px; } } @media(max-width:420px){ .cruise-title a{ font-size:19px; } .cruise-title p{ font-size:13px; } .cruise-title .cruise-price{ font-size:20px; } } @media(max-width:991px){ #owl-cruise-offers .owl-controls .owl-buttons{ top:47%; transform:translateY(-47%); } } /* ----------------------------------------------------- Flight Block ----------------------------------------------------- */ @media(min-width:1200px){ .flight-timing li{ width:50%; float:left; } } @media(max-width:1199px){ .flight-info .offer-price-1 li{ display:inline-block; } .flight-info .offer-price-1 li.rating{ float:right; margin-top:0px; } } @media(min-width:992px) and (max-width:1199px){ .flight-timing li{ float:none; width:100%; } .flight-timing li:first-child{ padding-bottom:0px; } .flight-timing li:nth-child(2){ padding-top:4px; } } @media(max-width:991px){ .flight-timing li{ width:50%; float:left; } } @media(max-width:767px){ .flight-block{ margin-bottom:30px; } .flight-info .offer-price-1 li.price .pkg{ top:-2px; } } @media(max-width:420px){ .flight-info h3 .flight-destination{ font-size:21px; } .flight-info h3 .flight-type{ font-size:13px; } .flight-timing li{ float:none; width:100%; } .flight-timing li:first-child{ padding-bottom:0px; } .flight-timing li:nth-child(2){ padding-top:4px; } } /* ----------------------------------------------------- Destination Block ----------------------------------------------------- */ @media(min-width:992px) and (max-width:1199px){ .destination-img img{ min-height:290px; } } @media(max-width:767px){ .destination-block{ margin-bottom:30px; } } /* ----------------------------------------------------- Vehicle Block ----------------------------------------------------- */ @media(max-width:767px){ .vehicle-block{ margin-bottom:30px; } .vehicle-info .vehicle-title a{ font-size:19px; } .vehicle-info .vehicle-title p{ font-size:15px; } } /************* CAR-OFFER-BLOCK *************/ @media(max-width:767px){ .car-offer-info li .car-offer-price{ font-size:19px; } .car-offer-info li .limit{ font-size:12px; top:-3px; } } @media(max-width:576px){ .car-offer-info{ text-align:center; } .car-offer-info li h4{ display:block; } .car-offer-info li .car-offer-price{ float:none; } } /* ----------------------------------------------------- Gallery ----------------------------------------------------- */ @media(min-width: 1201px) { #masonry{ -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media(min-width: 769px) and (max-width: 1200px){ #masonry{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media(min-width: 576px) and (max-width: 768px){ #masonry{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media(max-width: 576px) { #masonry{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } /* ----------------------------------------------------- Best Features ----------------------------------------------------- */ @media(max-width:991px){ #best-features{ padding-bottom:26px; } .b-feature-block{ margin-bottom:60px; } } @media(max-width:768px){ .b-feature-block .fa{ height:60px; width:55px; padding-top:12px; font-size:30px; } .b-feature-block h3{ font-size:20px; } } /* ----------------------------------------------------- Luxury Offers ----------------------------------------------------- */ @media(max-width:768px){ .luxury-text .btn{ height:42px; } .luxury-text .btn-black{ font-size:18px; padding:7px 25px; } .luxury-text .btn-o-border{ font-size:16px; padding:8px 37px; } } /*************** ROOMS-OFFER ***************/ @media(max-width:1199px){ .luxury-room-text{ text-align:center; } .luxury-room-text p{ width:100%; } } @media(max-width:576px){ .luxury-room-text{ padding:60px 30px; } } @media(max-width:420px){ .luxury-room-imgs{ padding:23px; } } /*************** TOUR-OFFER ****************/ @media(max-width:768px){ .hot-tour-text h3{ font-size:26px; } .hot-tour-text .hot-tour-title{ font-size:40px; } .hot-tour-text p{ font-size:18px; margin-bottom:50px; } .hot-tour-text .btn{ padding:8px 28px; font-size:16px; } .hot-tour-text .btn-details{ padding:8px 28px; } } @media(max-width:576px){ #hot-tour-carousel .carousel-control .glyphicon{ font-size:18px; height:55px; width:55px; padding-top:17px; } #hot-tour-carousel .carousel-control.left{ left:30px; } #hot-tour-carousel .carousel-control.right{ right:30px; } .hot-tour-text h3{ font-size:22px; } .hot-tour-text .hot-tour-title{ font-size:36px; } .hot-tour-text p{ font-size:16px; } } /************** CRUISE-OFFER ***************/ @media(min-width:992px) and (max-width:1199px){ .cruise-offer-text{ padding:65px 0px 0px 50px; } } @media(max-width:991px){ .cruise-offer-text{ padding:40px 0px 0px 30px; } .cruise-offer-text h2{ font-size:38px; } .cruise-offer-text h3{ font-size:22px; } .cruise-offer-text .cruise-offer-dur{ font-size:15px; } .cruise-offer-text .cruise-offer-price{ font-size:28px; margin:25px 0px 35px 0px; } .cruise-offer-text .btn{ font-size:1.2em; padding:14px 40px; } } @media(max-width:767px){ .cruise-offer-text{ padding:40px 10px 50px; text-align:center; } } @media(max-width:576px){ .cruise-offer-text h2{ font-size:35px; } .cruise-offer-text .cruise-offer-price{ font-size:25px; margin:25px 0px 35px 0px; } .cruise-offer-text .btn{ font-size:1.1em; padding:12px 30px; } } /**************** CAR-OFFER ****************/ @media(min-width:1200px){ .luxury-car-text{ margin-top:35px; } } @media(min-width:992px) and (max-width:1199px){ .luxury-car-text{ padding:40px 50px 51px; } .luxury-car-text .btn-black{ font-size:20px; padding:7px 20px; } .luxury-car-text .btn-o-border{ font-size:14px; padding:11px 45px; margin-left:2px; margin-right:0px; } } @media(max-width:991px){ .luxury-car-text{ text-align:center; } .luxury-car-text p{ width:100%; } } @media(max-width:576px){ .luxury-car-text{ padding:60px 30px; } } /* ----------------------------------------------------- Banners ----------------------------------------------------- */ /************** VIDEO-BANNER **************/ @media(max-width:991px){ #video-banner p{ font-size:19px; width:90%; margin:0 auto; } } @media(max-width:768px){ #video-banner h2{ font-size:30px; } #video-banner p{ font-size:15px; } #video-banner #play-button .fa{ font-size:27px; width:90px; height:90px; padding-top:27px; margin-top:40px; } } /************* MESSAGE-BANNER *************/ @media(min-width:1200px){ #message-banner .message-btn{ padding-left:0px; } } @media(max-width:1199px){ #message-banner{ text-align:center; } #message-banner .message-btn .btn{ margin-top:40px; padding:12px 31px; } } @media(max-width:991px){ #message-banner h2{ font-size:32px; } #message-banner .message-btn .btn{ margin-top:40px; padding:12px 31px; font-size:17px; } } @media(max-width:768px){ #message-banner h2{ font-size:26px; } #message-banner p{ font-size:16px; } #message-banner .message-btn .btn{ padding:10px 28px; font-size:16px; } } /************* SEARCH-BANNER *************/ @media(max-width:991px){ #search-banner p:first-child{ font-size:20px; } #search-banner p{ font-size:22px; } #search-banner h2{ font-size:40px; } #search-banner .btn{ margin-top:30px; font-size:18px; padding:11px 27px; } } @media(max-width:768px){ #search-banner{ text-align:center; } #search-banner p:first-child{ font-size:18px; } #search-banner p{ font-size:20px; } #search-banner h2{ font-size:35px; } #search-banner .btn{ margin-top:25px; font-size:16px; padding:11px 25px; } } /* ----------------------------------------------------- Highlights ----------------------------------------------------- */ @media(max-width:991px){ .highlight-box .h-icon{ width:87px; font-size:60px; } .highlight-box .h-icon .fa-ship, .highlight-box .h-icon .fa-taxi{ font-size:55px; } .highlight-box .h-text .numbers{ font-size:45px; } .highlight-box .h-text p{ font-size:15px; } } @media(max-width:767px){ #highlights #boxes{ width:290px; margin:0 auto; } .highlight-box{ margin:15px 0px; } .highlight-box .h-text.cruise, .highlight-box .h-text.taxi{ padding-left:0px; } .highlight-box .h-icon .fa-plane{ margin-top:14px; } } @media(max-width:576px){ #highlights #boxes{ width:255px; margin:0 auto; } .highlight-box .h-icon{ width:77px; font-size:50px; } .highlight-box .h-icon .fa-ship, .highlight-box .h-icon .fa-taxi{ font-size:45px; } .highlight-box .h-text .numbers{ font-size:40px; } .highlight-box .h-text p{ font-size:13px; } } /* ----------------------------------------------------- Testimonials ----------------------------------------------------- */ @media(max-width:768px){ #testimonials .page-heading h2, #testimonials-2 .page-heading h2{ font-size:32px; } } /************* QUOTE-CAROUSEL *************/ @media(max-width:1199px){ #quote-carousel .item blockquote{ padding:0px 100px; } } @media(max-width:991px){ #quote-carousel .item blockquote{ padding:0px 10px; } } @media(max-width:768px){ #quote-carousel .item blockquote{ font-size:15px; } #quote-carousel .item small{ font-size:20px; } } @media(min-width:576px){ #quote-carousel .carousel-indicators{ height:110px; } } @media(max-width:576px){ #quote-carousel .carousel-indicators{ height:70px; } #quote-carousel .carousel-indicators li { width: 40px; height: 40px; } #quote-carousel .carousel-indicators li.active { width: 70px; height: 70px; } } @media(max-width:576px){ #quote-carousel .carousel-indicators{ width:70%; /*left:45%;*/ } } /************* CRUISE HOMEPAGE *************/ @media(max-width:1199px){ #cruise-homepage #quote-carousel .carousel-item blockquote{ padding:0px 50px; } } @media(max-width:991px){ #cruise-homepage #quote-carousel .carousel-item blockquote{ padding:0px 10px; } } @media(max-width:768px){ #cruise-homepage #quote-carousel .carousel-item blockquote{ font-size:15px; } #cruise-homepage #quote-carousel .carousel-item .rating .fa{ font-size:18px; } #cruise-homepage #quote-carousel .carousel-item .position{ font-size:14px; } } /************* OWL-TESTIMONIALS *************/ @media(max-width:991px){ #owl-testimonials .review-block p{ width:100%; margin:0px auto 27px; } } @media(max-width:768px){ #owl-testimonials .review-block p{ font-size:15px; } #owl-testimonials .review-block small{ font-size:20px; } #owl-testimonials .review-block .position{ font-size:15px; } } /* ----------------------------------------------------- Latest Blog ----------------------------------------------------- */ @media(max-width:767px){ .latest-block{ margin-bottom:30px; } } /* ----------------------------------------------------- Packages ----------------------------------------------------- */ @media(min-width:992px){ .package .pkg-features li, .package .btn{ font-size:14px; } } /************* HOTEL-PACKAGES *************/ @media(min-width:992px){ #hotel-package-tables{ margin-top:100px; } .hotel-package.best-package{ margin:0px 4px; } .hotel-package.best-package{ padding:80px 15px 90px; position:relative; top:-40px; } } @media(max-width:991px){ .hotel-package{ margin:15px 0px; } } @media(max-width:420px){ .h-pkg-title{ font-size:23px; } .h-pkg-price{ font-size:34px; height:132px; width:132px; padding-top:34px; } .h-pkg-price span{ margin-top:-15px; font-size:17px; } } /*************** TOUR-PACKAGES *************/ @media(max-width:420px){ .tour-package .t-pkg-title{ font-size:30px; } .tour-package .t-pkg-price{ font-size:20px; } } /* ----------------------------------------------------- Newsletter ----------------------------------------------------- */ /************* NEWSLETTER-1 *************/ @media(max-width:768px){ #newsletter-1 h2{ font-size:31px; } #newsletter-1 p{ font-size:15px; } #newsletter-1 form .form-group{ width:60%; } } @media(max-width:600px){ #newsletter-1 form .form-group{ width:90%; } #newsletter-1 form .input-group-btn .btn{ width:65px; } } /************* NEWSLETTER-2 *************/ @media(min-width:992px) and (max-width:1199px){ #newsletter-2 form .form-group{ margin-top:20px; } } @media(max-width:991px){ #newsletter-2{ text-align:center; } #newsletter-2 h2{ margin-top:0px; margin-bottom:20px; } #newsletter-2 form .form-group{ width:85%; margin:0 auto; } } @media(max-width:768px){ #newsletter-2 h2{ font-size:2.0em; } } /* ----------------------------------------------------- Contact Form ----------------------------------------------------- */ @media(max-width:768px){ #contact-form .page-heading h2{ font-size:32px; } .contact-block .fa{ font-size:30px; } .contact-block p{ font-size:18px; } } @media(max-width:420px){ .contact-block{ margin-top:30px; padding:31px 30px; } } /* ----------------------------------------------------- Footer ----------------------------------------------------- */ @media(min-width:992px){ .ftr-pad-left{ padding-left:55px; } .footer-widget.ftr-our-company p{ padding-right:30px; } } @media(max-width:991px){ .footer-widget{ margin-bottom:50px; } .footer-widget:last-child{ margin-bottom:0px; } } @media(min-width:768px){ #terms{ text-align:right; } } @media(max-width:768px){ .footer-widget .footer-heading{ font-size:23px; } .footer-widget.ftr-about .social-links li a{ font-size:19px; } } @media(max-width:767px){ #footer-bottom{ text-align:center; } #footer-bottom #copyright{ margin-bottom:10px; } } /************* HOTEL HOMEPAGE *************/ @media(min-width:992px){ #hotel-homepage .footer-widget.ftr-our-company{ margin-top:25px; } .footer-widget.ftr-map{ padding-left:53px; } } /************* CRUISE HOMEPAGE *************/ @media(min-width:992px){ #cruise-homepage #footer-top{ padding-bottom:150px; } } /* ----------------------------------------------------- Page Cover ----------------------------------------------------- */ @media(max-width:768px){ .page-cover h1{ font-size:25px; } } /** New **/ @media(max-width:768px){ .cover-navbar-wrapper.pt-164{ padding-top:124px; } } @media(max-width:768px){ .page-cover.p-20, .page-cover.p-20 .breadcrumb{ text-align:center; } .page-cover.p-20 .breadcrumb{ margin-top:0px; } } /*********** PAGE-COVER STYLE2 **********/ @media(max-width:768px){ .page-cover.style2 .page-title{ float:none; margin-bottom:7px; } .page-cover.style2 .breadcrumb{ margin-top:0px; } .page-cover.style2 .breadcrumb, .page-cover.style2 .page-title{ text-align:center; } } /*********** PAGE-COVER STYLE4 **********/ @media(max-width:768px){ .page-cover.style4 .breadcrumb{ float:none; margin-bottom:7px; } .page-cover.style4 .breadcrumb, .page-cover.style4 .page-title{ text-align:center; } } /* ----------------------------------------------------- Sidebar ----------------------------------------------------- */ @media(max-width:991px){ .right-side-bar.side-bar{ margin-top:90px; } .left-side-bar.side-bar{ margin-bottom:90px; } } /******** GRID/LIST PAGES SIDEBAR ********/ @media(min-width:992px){ .support-block{ margin-top:40px; } } @media(max-width:767px){ .support-block{ margin-top:40px; } } /********* DETAIL PAGES SIDEBAR *********/ @media(min-width:1200px){ .booking-form .no-sp-l{ padding-left:5px; } .booking-form .no-sp-r{ padding-right:5px; } } /********* BOOKING PAGES SIDEBAR ********/ @media(max-width:360px){ .side-bar .detail-block .detail-title h4{ font-size:19px; } .side-bar .detail-block .detail-title p{ font-size:13px; } .side-bar .detail-block .detail-title .rating .fa{ font-size:13px; } } /********** BLOG PAGES SIDEBAR **********/ @media(max-width:991px){ .side-bar .instagram li{ width:80px; } } @media(max-width:768px){ .side-bar .follow-us li a{ font-size:25px; } } /* ----------------------------------------------------- Grid Block ----------------------------------------------------- */ @media(max-width:420px){ .block-title{ font-size:19px; } } @media(max-width:768px){ .grid-block .offer-price-1 li.price{ font-size:20px; } .grid-block .offer-price-1 li.price .pkg{ font-size:13px; top:-2px; } .grid-block .offer-price-1 li.price .divider{ margin:0px 8px; top:-3px; } } /* ----------------------------------------------------- List Block ----------------------------------------------------- */ @media(min-width:992px){ .list-info{ -webkit-flex: 1 0 28%; -ms-flex: 1 0 28%; flex: 1 0 28%; } .list-img{ -webkit-flex: 1 0 15%; -ms-flex: 1 0 15%; flex: 1 0 15%; } } @media(min-width:768px) and (max-width:991px){ .list-info{ -webkit-flex: 1 0 28%; -ms-flex: 1 0 28%; flex: 1 0 28%; } .list-img{ -webkit-flex: 1 0 20%; -ms-flex: 1 0 20%; flex: 1 0 20%; } } @media(min-width:768px){ .list-content{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; vertical-align: top; overflow: hidden; } .list-img{ position: relative; overflow: hidden; } .list-img img{ height: 100%; } } @media(max-width:767px){ .list-block .list-info{ padding:21px 21px 28px; } .list-block .list-info .block-title{ font-size:20px; } .list-block .list-info .block-minor{ font-size:13px; } } /*********** FLIGHT-LIST BLOCK **********/ @media(min-width:1200px){ .f-list-img .flight-timing li{ padding:15px 5px; } } @media(max-width:1199px){ .f-list-img .offer-price-1 li{ width:100%; text-align:center; } .f-list-img .offer-price-1 .price{ float:none; margin-top:5px; font-size:17px; } .f-list-img .offer-price-1 .price .divider{ top:-2px; } .f-list-img .offer-price-1 .price .pkg{ font-size:12px; top:-2px; } } @media(min-width:992px){ .f-list-img.list-img{ -webkit-flex: 1 0 14%; -ms-flex: 1 0 14%; flex: 1 0 14%; } } @media(max-width:991px){ .f-list-img.list-img{ -webkit-flex: 1 0 13%; -ms-flex: 1 0 13%; flex: 1 0 13%; } .f-list-img .flight-timing li{ float:none; width:100%; } .f-list-img .flight-timing li:first-child{ padding-bottom:0px; } .f-list-img .flight-timing li:nth-child(2){ padding-top:4px; } } /************ CAR-LIST BLOCK ************/ @media(max-width:1199px){ .cr-list-info .car-features li{ font-size:12px; padding-right:7px; } .cr-list-info .car-features li .fa{ width:45px; height:39px; font-size:15px; padding-top:12px; } } @media(min-width:992px){ .cr-list-img.list-img{ -webkit-flex: 1 0 13%; -ms-flex: 1 0 13%; flex: 1 0 13%; } } @media(max-width:991px){ .cr-list-img .offer-price-1 li.price { font-size: 17px; } .cr-list-img .offer-price-1 li.price .divider { top: -2px; } .cr-list-img .offer-price-1 li.price .pkg{ top:-2px; font-size:11px; } } /* ----------------------------------------------------- Pagination ----------------------------------------------------- */ @media(max-width:576px){ .pages .pagination li a{ font-size:15px; padding:6px 14px; } .pages .pagination li:first-child a, .pages .pagination li:last-child a{ padding:6px 14px; } } /* ----------------------------------------------------- Detail Pages Tabs ----------------------------------------------------- */ @media(min-width:768px) and (max-width:1199px){ .detail-tabs .tab-pane .tab-text{ padding-top:0px; } } @media(max-width:767px){ .available-blocks h2{ font-size:24px; } .detail-tabs .nav-tabs{ margin-bottom:5px; } .detail-tabs .nav-tabs.nav-justified > li > a{ margin-bottom:0px; } .detail-tabs .tab-pane .tab-text p{ width:100%; } } @media(max-width:420px){ .detail-tabs .tab-pane .tab-text h3{ font-size:19px; } } /* ----------------------------------------------------- Detail Pages Slider ----------------------------------------------------- */ @media(max-width:576px){ .detail-slider .features{ top:8px; } .detail-slider .features li{ padding:12px 20px; min-width:140px; } .detail-slider .features li .f-icon{ font-size:21px; width:30px; } .detail-slider .features li .f-text p.f-heading, .detail-slider .features li .f-text p.f-data{ font-size:12px; } .feature-slider-nav .slick-list .slick-slide img{ padding:0px 10px; } } @media(max-width:420px){ .detail-slider .features li{ padding:10px 17px; min-width:130px; } .detail-slider .features li .f-icon{ top:-3px; font-size:17px; width:24px; } .detail-slider .features li .f-text p.f-heading{ display:none; } } /* ----------------------------------------------------- Custom Forms ----------------------------------------------------- */ @media(min-width:992px){ .custom-form-img{ -webkit-flex: 1 0 28%; -ms-flex: 1 0 28%; flex: 1 0 28%; } .custom-form-fields{ -webkit-flex: 1 0 15%; -ms-flex: 1 0 15%; flex: 1 0 15%; } .flex-content{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; vertical-align: top; overflow: hidden; } .flex-content-img{ position: relative; overflow: hidden; } .flex-content-img img{ height: 100%; } } @media(max-width:991px){ .custom-form-img img{ width: 100% !important; height:0%; } } @media(max-width:576px){ .custom-form{ padding:40px 30px 55px; } } @media(max-width:420px){ .custom-form{ padding:35px 25px 50px; } .custom-form h3{ font-size:22px; } } /************ PAGE-SEARCH-FORM ***********/ @media(max-width:768px){ .page-search-form h2{ font-size:34px; } } @media(max-width:500px){ .page-search-form{ padding:30px 30px 45px; } .page-search-form h2{ font-size:30px; } } /************ LG-BOOKING-FORM ***********/ @media(max-width:768px){ .lg-booking-form .lg-booking-form-heading h3{ font-size:21px; } .lg-booking-form .lg-booking-form-heading span{ height:45px; width:45px; display:inline-block; text-align:center; margin-right:15px; padding-top:7px; font-size:21px; } } @media(max-width:576px){ .lg-booking-form .payment-tabs #tab-paypal img{ float:none; margin-bottom:20px; } } /************ FULL PAGE FORMS ************/ @media(max-width:768px){ .full-page-title .company-name{ font-size:40px; } .full-page-title .company-name .fa{ font-size:54px; } .full-page-title p{ width:90%; font-size:15px; } } @media(min-width:650px){ #full-page-form .custom-form{ width:470px; margin:0 auto; } } @media(max-width:419px){ .full-page-title .company-name{ font-size:33px; } .full-page-title .company-name .fa{ font-size:48px; } } /* ----------------------------------------------------- Popup Ad ----------------------------------------------------- */ @media(max-width:767px){ #popup-ad .modal-body{ text-align:center; } #popup-ad .modal-body .popup-ad-img{ margin-top:40px; } #popup-ad .modal-body .popup-ad-text h2{ margin:-7px 0px 1px; font-size:40px; } #popup-ad .modal-body .popup-ad-text h2 span{ font-size:45px; } #popup-ad .modal-body .popup-ad-text .btn{ padding:7px 26px 8px; } } /* ----------------------------------------------------- Extra Pages ----------------------------------------------------- */ /************ ABOUT US PAGE *************/ @media(min-width:992px){ .about-img{ -webkit-flex: 1 0 25%; -ms-flex: 1 0 25%; flex: 1 0 25%; } .about-text{ -webkit-flex: 1 0 28%; -ms-flex: 1 0 28%; flex: 1 0 28%; } } @media(max-width:991px){ #about-content .about-detail{ padding:40px 40px 50px; } } @media(max-width:768px){ #about-content .about-detail h2{ font-size:27px; } #about-content .about-detail p:nth-of-type(1){ font-size:15px; line-height:1.5em; } #about-content .about-detail p:nth-of-type(2){ font-size:14px; } } @media(max-width:575px){ #about-content .about-detail{ padding:30px 30px 40px; } #about-content .about-detail h2{ font-size:24px; } } /*********** ABOUT US 2 PAGE ************/ @media(min-width:992px){ #about-content-2 #abt-cnt-2-text{ padding-left:20px; } } @media(max-width:991px){ #about-content-2 #abt-cnt-2-text, #about-content-2 #abt-cnt-2-img{ text-align:center; } #about-content-2 #abt-cnt-2-img img{ display:inline-block; margin-bottom:50px; } #progress-bars{ margin-top:50px; } } @media(max-width:768px){ #about-content-2 #abt-cnt-2-text h2{ font-size:25px; } #about-content-2 #abt-cnt-2-text h2 > span{ font-size:38px; } #about-content-2 #abt-cnt-2-text p{ font-size:15px; } #about-content-2 .abt-cnt-2-ftr .fa{ font-size:25px; height:55px; width:55px; padding-top:14px; } #about-content-2 .abt-cnt-2-ftr h4{ font-size:16px; } #why-us-tabs .nav-tabs li a{ font-size:15px; padding:8px 20px; } } @media(max-width:767px){ #why-us-tabs .nav-tabs li{ width:100%; margin-bottom:1px; text-align:center; } #why-us-tabs .nav-tabs li:last-child{ margin-bottom:0px; } #why-us-tabs .nav-tabs li a{ margin-right:0px; } #why-us-tabs .tab-content .tab-pane, #company-logos{ text-align:center; } #owl-company-logo{ margin-top:25px; } } /************** ERROR PAGE **************/ @media(max-width:991px){ .company-name{ font-size:34px; } .company-name .fa{ font-size:50px; } #error-text h2{ font-size:276px; margin-bottom:-47px; } #error-text p{ font-size:27px; } #error-text .btn{ font-size:18px; padding:14px 45px; } } @media(max-width:768px){ .company-name{ font-size:30px; } .company-name .fa{ font-size:45px; } #error-text h2{ font-size:226px; margin-bottom:-37px; } #error-text p{ font-size:24px; width:60%; } #error-text .btn{ font-size:17px; padding:14px 37px; } } @media(max-width:576px){ .company-name{ font-size:27px; } .company-name .fa{ font-size:40px; } #error-text h2{ font-size:186px; margin-bottom:-27px; } #error-text p{ font-size:22px; width:75%; } #error-text .btn{ font-size:17px; padding:10px 30px; } } @media(max-width:420px){ .company-name{ font-size:24px; } .company-name .fa{ font-size:35px; } #error-text h2{ font-size:156px; margin-bottom:-20px; } #error-text p{ font-size:20px; width:90%; margin-bottom:50px; } #error-text .btn{ font-size:15px; padding:10px 30px; } } /************** ERROR PAGE 2 *************/ @media(min-width:992px){ .error-page-2-circle h2{ margin-top:140px; } } @media(max-width:991px){ #error-page-2{ text-align:center; } #error-page-2 .full-page-title{ margin-bottom:60px; } .error-page-2-circle h2{ margin-bottom:30px; } } @media(max-width:768px){ .error-page-2-circle h2{ margin-bottom:30px; font-size:58px; height:183px; width:183px; padding-top:48px; } .error-page-2-text h2{ font-size:29px; } .error-page-2-text p{ font-size:16px; } } @media(max-width:419px){ .error-page-2-circle h2{ font-size:53px; height:170px; width:170px; } .error-page-2-text h2{ font-size:26px; } .error-page-2-text p{ font-size:15px; } .error-page-2-text .btn{ font-size:16px; } } /********** COMING SOON PAGE ************/ @media(max-width:991px){ #coming-soon-text h2{ font-size:75px; } #coming-soon-text p{ font-size:27px; } #coming-soon-text .timer li{ height:108px; width:108px; font-size:16px; padding-top:24px; } #coming-soon-text .timer li .digit{ font-size:47px; } } @media(max-width:768px){ #coming-soon-text h2{ font-size:60px; margin-top:73px; } #coming-soon-text p{ font-size:23px; } #coming-soon-text form .form-group{ margin:60px auto 85px; } #coming-soon-text .timer li{ height:98px; width:98px; font-size:16px; padding-top:21px; } #coming-soon-text .timer li .digit{ font-size:43px; margin-bottom:18px; } } @media(max-width:576px){ #coming-soon-text h2{ font-size:50px; margin-top:53px; } #coming-soon-text p{ font-size:20px; } #coming-soon-text form .form-group{ margin:50px auto 75px; } #coming-soon-text .timer li{ height:88px; width:88px; font-size:15px; padding-top:18px; margin:11px 10px; } #coming-soon-text .timer li .digit{ font-size:38px; margin-bottom:15px; } } @media(max-width:500px){ #coming-soon-text .timer li{ width:40%; } } @media(max-width:420px){ #coming-soon-text h2{ font-size:41px; margin-top:43px; } #coming-soon-text p{ font-size:18px; } #coming-soon-text .timer li{ font-size:14px; } #coming-soon-text .timer li .digit{ font-size:34px; margin-bottom:15px; } #coming-soon-text form .form-group{ width:95%; margin:50px auto 60px; } } /********** COMING SOON PAGE 2 ************/ @media(max-width:768px){ #coming-soon-page-2 h2{ font-size:25px; } #coming-soon-page-2 .coming-soon-2-timer ul li .digit{ font-size:35px; margin-bottom:8px; width:100px; height:100px; padding-top:38px; } #coming-soon-page-2-text form .form-group{ width:340px; } #coming-soon-page-2-text form input, #coming-soon-page-2-text form .btn{ height:40px; } } @media(max-width:575px){ #coming-soon-page-2 .full-page-title{ margin-bottom:0px; } #coming-soon-page-2 .full-page-title .company-name{ margin-bottom:20px; } #coming-soon-page-2 h2{ margin-bottom:15px; } #coming-soon-page-2 .coming-soon-2-timer ul{ width:245px; margin:0 auto; } #coming-soon-page-2 .coming-soon-2-timer ul li{ width:49.4%; } #coming-soon-page-2 .coming-soon-2-timer ul li .digit{ display:inline-block; } #coming-soon-page-2 .coming-soon-2-timer ul li span:nth-child(2){ display:block; } #coming-soon-page-2-text form .form-group{ margin:50px auto 45px; } } @media(max-width:419px){ #coming-soon-page-2 h2{ font-size:23px; } #coming-soon-page-2 .coming-soon-2-timer ul{ width:225px; } #coming-soon-page-2 .coming-soon-2-timer ul li .digit{ font-size:30px; margin-bottom:8px; width:90px; height:90px; padding-top:34px; } #coming-soon-page-2-text form .form-group{ width:90%; } #coming-soon-page-2-text form .btn{ font-size:14px; } } /********* BLOG LISTINGS PAGE ***********/ @media(max-width:576px){ .blog-post-img .main-mask{ padding:9px 33px; } .blog-post-img .main-mask .blog-post-info li{ font-size:12px; } .blog-post-img .main-mask .blog-post-info li .fa{ font-size:13px; } .blog-post-img .main-mask .blog-post-info li:nth-child(2){ margin-left:0px; } .blog-post-detail{ padding:30px; } .blog-post-detail .blog-post-title{ font-size:20px; } } /********** BLOG DETAILS PAGE ***********/ @media(min-width:1200px){ .comment-block .user-text p{ width:90%; } .comment-block.reply-block .user-text p{ width:80%; } #comment-form{ width:88%; } } @media(max-width:768px){ .comment-block .user-text ul .user-name{ font-size:17px; } .comment-block .user-text ul .user-name:after{ top:3px; height:17px; } #comment-form .innerpage-heading h1{ font-size:26px; } } @media(max-width:767px){ #comments{ margin-top:120px; width:100%; } #comment-form .form-group{ margin-bottom:15px; } } @media(max-width:550px){ .comment-block .user-img{ float:none; margin-bottom:20px; } .comment-block .user-img img{ max-height:50px; } .reply-block{ padding-left:45px; } } /************** DASHOBARD ***************/ @media(max-width:991px){ .dashboard-nav .nav-tabs{ margin-top:10px; } .dashboard-nav .nav-tabs li a{ font-size:16px; } .dashboard-nav .nav-tabs li.active a{ background:#faa61a; color:white; border-top: 4px solid #000; margin: -4px 0 0 0; } .dashboard-nav .nav-tabs li .fa{ font-size:22px; height:50px; width:50px; padding-top:12px; } .info-stat .stat-block .fa{ font-size:50px; } .dashboard-listing .table-responsive{ margin-bottom:0px; } .dashboard-heading h2{ font-size:40px; } .dashboard-heading p:nth-of-type(1){ font-size:23.24px; } .dashboard-heading p:nth-of-type(2){ font-size:14.76px; } .dash-content-title{ font-size:30px; } .dashboard-listing .dash-listing-heading{ padding:13px 30px 13px 30px; } .dashboard-listing table td.dash-list-icon .fa{ font-size:17px; height:36px; width:36px; padding-top:9px; } .dashboard-listing.recent-activity td.recent-ac-icon{ padding:12px 8px 12px 30px; } .dashboard-listing.recent-activity table td.recent-ac-text{ font-size:16px; padding:18px 8px 12px 8px; } .dashboard-listing.recent-activity td.del-field{ padding:15px 20px 10px 8px; } .dashboard-listing.invoices td.invoice-text{ padding:13px 8px; } .dashboard-listing.invoices td.invoice-icon{ padding:20px 8px 12px 30px; } .invoices td.invoice-text h4{ font-size:16px; margin-bottom:6px; } .invoices td.invoice-text .invoice-info{ font-size:15px; } .invoices td.invoice-text .invoice-info li:after{ top:3px; } .invoices td.dash-list-btn{ padding-top:23px; padding-right:30px; } } @media(min-width:768px){ .dashboard-content{ padding-left:35px; } } @media(max-width:767px){ .dashboard-heading h2{ font-size:35px; } .dashboard-nav .nav-tabs li{ float:left; width:20%; } .dashboard-content{ margin-top:80px; } } @media(max-width:576px){ .dashboard-heading h2{ font-size:30px; margin-bottom:15px; } .dashboard-heading p:nth-of-type(1){ font-size:20.24px; } .dashboard-heading p:nth-of-type(2){ font-size:14px; } .dash-content-title{ font-size:28px; } .dashboard-nav .nav-tabs li a{ font-size:12px; font-weight:400; } .dashboard-nav .nav-tabs li .fa{ font-size:19px; height:44px; width:44px; padding-top:10px; } .dashboard-listing .dash-listing-heading{ padding:13px 30px 13px 20px; } .dashboard-listing.recent-activity td.recent-ac-icon{ padding:12px 8px 12px 20px; } .dashboard-listing.invoices td.invoice-icon{ padding:20px 8px 12px 20px; } .invoices td.dash-list-btn{ padding-top:23px; padding-right:20px; } } @media(max-width:420px){ .page-cover.dashboard .page-title{ display:block; } .page-cover.dashboard .breadcrumb{ float:none; } .dashboard-nav .nav-tabs li a{ font-size:12px; padding:15px 0px; } .dashboard-nav .nav-tabs li .fa{ font-size:17px; height:38px; width:38px; padding-top:9px; } } /*************** DASHBOARD-2 *************/ @media(max-width:991px){ #dashboard-tabs .nav-tabs li a{ font-size:15px; } #dashboard-tabs .nav-tabs li a .fa{ margin-right:15px; font-size:20px; } } @media(max-width:767px){ #dashboard-tabs .nav-tabs li a{ margin-top:2px; } #dashboard-tabs .tab-content .tab-pane .dashboard-content{ margin-top:0px; } } @media(max-width:420px){ #dashboard-tabs .tab-content .tab-pane .dashboard-content{ padding:50px 16px 20px; } } /************** PROFILE PAGE **************/ @media(max-width:991px){ .user-profile . .card-header{ padding:12px 30px; } .user-profile . .card-body{ padding:30px; } .user-profile .card-body .user-detail li{ font-size:15px; } } @media(max-width:767px){ .user-profile .card-body .user-img img{ margin-bottom:30px; } .user-profile .card-body .user-desc{ margin-top:60px; } } /************** BOOKING PAGE ************/ @media(max-width:991px){ .booking-trips .dashboard-listing .dash-listing-heading{ font-size:16px; } .booking-listing td.booking-list-date .b-date{ padding:10px 12px; } .booking-listing td.booking-list-date h3{ font-size:29px; margin-bottom:-6px; } .booking-listing td.booking-list-date p{ font-size:13px; } .booking-listing td.booking-list-detail h3{ font-size:21px; } } @media(max-width:576px){ .dashboard-listing.booking-listing td.booking-list-date, .booking-listing td.booking-list-detail, .booking-listing td.dash-list-btn{ padding:20px 20px 25px; } } /************* WISHLIST PAGE ************/ @media(min-width:1200px){ .wishlist-img.list-img{ -webkit-flex: .55 0 0%; -ms-flex: .55 0 0%; flex: .55 0 0%; } .wishlist-text.list-text{ -webkit-flex: 1 0 28%; -ms-flex: 1 0 28%; flex: 1 0 28%; } } @media(max-width:1199px){ .wishlist-img.list-img{ -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; } .wishlist-text.list-text{ -webkit-flex: 1 0 28%; -ms-flex: 1 0 28%; flex: 1 0 28%; } } @media(min-width:768px) and (max-width:991px){ .wishlist-img.list-img{ -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; } .wishlist-text.list-text{ -webkit-flex: 1 0 28%; -ms-flex: 1 0 28%; flex: 1 0 28%; } } @media(max-width:991px){ .wishlist-text h3{ font-size:22px; } .wishlist-text h3 .rating{ font-size:15px; } } @media(max-width:768px){ .table-responsive>.table>tbody>tr>td{ white-space: nowrap; } } @media(max-width:576px){ .wishlist td.wishlist-text{ padding:20px 20px 30px; } } /************** CARD PAGE **************/ @media(min-width:768px){ .custom-modal .modal-dialog{ width:450px; } } @media(max-width:991px){ .card-block{ padding:20px 30px; } .card-block{ min-height:275px; } .card-block .card-number{ font-size:28px; } .card-block .card-expiry{ font-size:19px; } .card-block h4{ font-size:18px; } .card-block .card-name{ margin-bottom:33px; } .card-block .user-name{ font-size:22px; } .card-block ul li.card-links{ font-size:30px; padding-top:7px; } } @media(max-width:420px){ .card-block{ padding:38px 30px 30px; } .card-block .card-number{ font-size:26px; } .card-block .card-expiry{ font-size:18px; } .card-block h4{ font-size:17px; } .card-block .card-name{ margin-bottom:30px; } .custom-modal .modal-content{ padding:20px 20px 30px; } } /********* BEFORE YOU FLY PAGE **********/ @media(max-width:767px){ .byf-info .nav-tabs li{ width:100%; } } @media(max-width:576px){ .byf-info .nav-tabs li a{ font-size:15px; } .byf-info .tab-pane{ padding:40px 30px; } .byf-info .tab-pane .byf-info-wrap h3{ font-size:21px; } .byf-info .tab-pane .byf-info-wrap img + h3{ margin-top:40px; } } /********* TRAVEL INSURANCE PAGE *********/ @media(max-width:767px){ .tvl-insurance-info .innerpage-heading h1{ font-size:27px; } .in-feature-block .fa{ font-size:35px; width:80px; height:80px; padding-top:22px; margin-bottom:20px; } .in-feature-block h4{ font-size:19px; } .insurance-plan-block a{ font-size:15px; padding:10px 25px; } } /************* HOLIDAYS PAGE *************/ @media(max-width:991px){ .destination-lists{ width:400px; margin:0 auto; } } @media(max-width:768px){ .big-heading h2{ font-size:70px; margin-top:-138px; margin-bottom:60px; } .big-heading:before{ bottom:-50px; font-size:60px; } } @media(max-width:767px){ .destination-lists{ width:200px; margin:0 auto; } } @media(max-width:576px){ .big-heading h2{ font-size:55px; margin-top:-127px; margin-bottom:50px; } } @media(max-width:420px){ .big-heading h2{ font-size:45px; margin-top:-120px; margin-bottom:40px; } } @media(max-width:360px){ .big-heading h2{ font-size:38px; margin-top:-114px; margin-bottom:35px; } } /************ THNAK YOU PAGE *************/ @media(max-width:576px){ .thank-you-note{ padding-left:110px; } .thank-you-note:before{ top:-20px; font-size:100px; } .thank-you-note h3{ font-size:22px; } .payment-method ul li img{ max-width:75px; } } @media(max-width:420px){ .thank-you-note{ padding-left:95px; } .thank-you-note:before{ top:-15px; font-size:85px; } .thank-you-note h3{ font-size:22px; } } /********** PAYMENT-SUCCESS PAGE *********/ @media(max-width:768px){ #payment-success h2{ font-size:35px; } #payment-success .fa-check-circle{ font-size:105px; } #payment-success p:nth-of-type(2){ width:90%; margin:30px auto; } } /************* SERVICES-1 PAGE *************/ @media(max-width:767px){ .service-block-1 .service-icon-1{ width:65px; } .service-block-1 .service-icon-1 .fa{ height:55px; width:55px; padding-top:14px; font-size:25px; } .service-block-1 .service-text-1 h3{ font-size:19px; } } /************* SERVICES-2 PAGE ************/ @media(max-width:991px){ .service-intro-text{ margin-top:60px; text-align:center; } .service-intro-text h2, .service-intro-text p{ width:90%; margin-left:auto; margin-right:auto; } .services-list-img img{ display:inline-block; margin-bottom:30px; } } @media(max-width:768px){ .process-block .fa{ font-size:30px; height:80px; width:80px; padding-top:22px; } .service-intro-text h2{ font-size:38px; } .service-intro-text p{ font-size:18px; margin-bottom:50px; } .service-intro-text .btn{ font-size:18px; padding:10px 27px; } } @media(max-width:768px){ .services-list .service-block-1{ margin-top:30px; } } @media(max-width:576px){ #process-flow{ padding-bottom:30px; } .process li{ float:none; width:100%; margin-bottom:50px; } .service-intro-text h2{ font-size:32px; margin-bottom:20px; } .service-intro-text p{ font-size:16px; margin-bottom:50px; } .service-intro-text .btn{ font-size:16px; padding:10px 27px; } } /************* PRICING PAGES *************/ @media(min-width:992px){ .pricing-table-1 .page-heading{ margin-bottom:100px; } } /*********** TESTIMONIALS PAGES **********/ @media(max-width:768px){ #testimonials-page .page-heading h2{ font-size:32px; } } /**************** FAQ PAGES **************/ @media(max-width:767px){ #faq-page .content-side .faq-heading{ font-size:20px; } #faq-page .content-side .faq-heading::before{ top:9px; } #faq-page .content-side . .panel-title::after{ right:-14px; width:57px; } } /*************** TRAVEL-GUIDE *************/ @media(min-width:768px){ #travel-guide .tv-guide-block.right .tab-text{ text-align:right; } } @media(max-width:767px){ #travel-guide .detail-tabs .nav-tabs li.active{ margin-top:2px; } #travel-guide .tv-guide-block .tab-text h3{ margin-top:25px; } } @media(max-width:419px){ #travel-guide #tv-guide-attractions h3{ font-size:18px; } #travel-guide #tv-guide-attractions .attract-loc{ font-size:16px; } } /* ----------------------------------------------------- Contact Us Pages ----------------------------------------------------- */ @media(max-width:767px){ #contact-form-2{ padding-top:30px; } #contact-us-2 iframe{ height:350px; } .contact-block-2{ margin-bottom:75px; } .contact-form-2-text{ text-align:center; margin-bottom:50px; } .contact-form-2-text .social-links li a{ font-size:23px; margin-right:0px; margin:0px 7px; } }