/*		Table of contents
================================================================
01. Base Styles here
     1.1 theme buttons
     1.2 Pre Loader
02. Header css here / header
03. Slider css here
04. Tab-search-area section
05. Popular packajge section css
06. Counter  section css
12  Subscribe area section css
14  Footer area section css
15  Scrool to top section css

46.Best service area section start
53. blog version 1 section start
54. single Package section start
55. contact section start here

58.Updated CSS
59.Custom Sudip CSS
==============================================*/

/*01. Base Styles here*/
 .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
     z-index: 28 !important;
}
 .pt-100 {
     padding-top: 100px;
}
 .pb-75 {
     padding-bottom: 75px;
}
 .pb-65 {
     padding-bottom: 65px;
}
 .pb-70 {
     padding-bottom: 70px;
}
 .mbt-100 {
     margin-bottom: 45px;
}
 .image-bg-padding-100 {
     padding: 100px 0;
}
 .border-raduis-3 {
     border-radius: 3px;
}
 .bg-f4f4f4 {
     background: #f4f4f4;
}
 html, body {
     height: 100%;
     font-family: 'Poppins', sans-serif;
}
 body {
     position: relative;
}
 .floatleft {
     float: left;
}
 .floatright {
     float: right;
}
 .alignleft {
     float: left;
     margin-right: 15px;
     margin-bottom: 15px;
}
 .alignright {
     float: right;
     margin-left: 15px;
     margin-bottom: 15px;
}
 .aligncenter {
     display: block;
     margin: 0 auto 15px;
}
 a:focus {
     outline: 0px solid;
}
 img {
     max-width: 100%;
     height: auto;
}
 .fix {
     overflow: hidden;
}
 p {
     margin: 0 0 15px;
     font-size: 15px;
     color: #727272;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;
}
 h1, h2, h3, h4, h5, h6 {
     margin: 0 0 10px;
     font-family: 'Poppins', sans-serif;
}
 a {
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
}
 a:active, a:hover {
     outline: 0 none;
}
 ul {
     list-style: outside none none;
     margin: 0;
     padding: 0;
}
 .clear {
     clear: both;
}
 body {
     font-family: 'Roboto', sans-serif;
     color: #252525;
     font-size: 16px;
     font-weight: 400;
}
 ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
}
 ::selection {
     background: #b3d4fc;
     text-shadow: none;
}
 .browserupgrade {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
     padding: 0.2em 0;
}
 .ptb-100 {
     padding: 100px 0;
}
 .boxshadow, .tp-caption.boxshadow {
     box-shadow: none;
}
 .section-paddings {
     padding: 100px 0;
}

/*1.1 theme buttons css goes here*/
 .travel-primary-btn, .travel-primary-btn-sm, .read-more, .quick-shop, .thailan-btn, .travel-primary-btn-2 {
     background: #F9B418;
     display: inline-block;
     padding: 12px 29px !important;
     border-radius: 3px;
     font-size: 15px;
     color: #fff;
     text-transform: uppercase;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     text-decoration: none;
}
 .thailan-btn {
     padding: 10px 35px !important;
}
 .travel-primary-btn-sm {
     padding: 10px 15px !important;
}
 .travel-booking-btn, .travel-booking-btn-lg {
     display: inline-block;
     background: #F9B418;
     padding: 7px 15px;
     color: #fefefe;
     border-radius: 4px;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 12px;
}
 .travel-booking-btn-lg {
     padding: 10px 25px;
     font-size: 14px;
}
 .read-more {
     padding: 12px 40px !important;
}
 .quick-shop {
     padding: 8px 22px !important;
}
 .travel-primary-btn-2 {
     background: #004251;
}

/*1.2 Pre Loader*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fefefe;
  z-index: 9999;
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url("../images/preloader.gif");
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

/*02. header section css goes here*/
 header {
     position: relative;
     z-index: 99;
     width: 100%;
     top: 0;
     left: 0;
}
 .header-top-area {
     background: rgba(34, 67, 74, 0.5);
}
 .header-top-area .header-top-left .header-top-contact li {
     display: inline-block;
     padding: 16px;
     color: #ffffff;
     font-size: 14px;
     font-weight: 300;
}
 .header-top-area .header-top-left .header-top-contact li i {
     margin-right: 10px;
     color: #F9B418;
     font-size: 20px;
}
 .header-top-area-2 {
     background: #2c3035;
}
 .header-top-right .book-btn {
     display: inline-block;
     padding: 16px;
     float: right;
     background: #F9B418;
     transition: all ease-in-out 0.3s;
}
 .header-top-right .book-btn a {
     color: #ffffff;
     font-size: 15px;
     text-transform: capitalize;
     font-weight: 500;
}
 .header-top-right .book-btn:hover {
     background: #004251;
}
 .header-bottom-area {
     transition: all ease-in-out 0.5s;
}
 .header-bottom-area .logo-area {
     padding: 25px 0;
}
 .header-bottom-area .main-menu > li {
     display: inline-block;
     padding: 30px 0 30px 42px;
     position: relative;
}
 .header-bottom-area .main-menu > li > a {
     display: block;
     color: #ffffff;
     font-size: 15px;
     text-transform: uppercase;
     text-decoration: none;
     font-weight: 500;
     position: relative;
}
 .header-bottom-area .main-menu > li > a:before {
     position: absolute;
     width: 100%;
     height: 2px;
     background: #F9B418;
     content: '';
     left: 0;
     right: 0;
     margin: 0 auto;
     bottom: -70%;
     text-align: center;
     opacity: 0;
     visibility: hidden;
}
 .header-bottom-area .main-menu > li > a i {
     margin-left: 6px;
}
 .header-bottom-area .main-menu > li ul.dropdown {
     background: #ffffff repeat scroll 0 0;
     left: 42px;
     position: absolute;
     top: 81% !important;
     width: 200px;
     z-index: 999;
     opacity: 0;
     visibility: hidden;
     transition: all ease-in-out 0.2s;
     transform-origin: 0 0 0;
     position: absolute;
     text-align: left;
     transform: scaleY(0.4);
}
 .header-bottom-area .main-menu > li ul.dropdown li {
     border-bottom: 1px solid #eef0f2;
}
 .header-bottom-area .main-menu > li ul.dropdown li:last-child {
     border-bottom: 0;
}
 .header-bottom-area .main-menu > li ul.dropdown li a {
     font-size: 13px !important;
     text-transform: uppercase;
     font-weight: 500;
     display: block;
     padding: 14px 18px;
     color: #454545;
     transition: all ease-in-out 0.3s;
}
 .header-bottom-area .main-menu > li ul.dropdown li a:hover {
     color: #F9B418;
}
 .header-bottom-area .main-menu > li:hover ul.dropdown {
     opacity: 1;
     visibility: visible;
     top: 100%;
     transform: scaleY(1);
}
 .header-bottom-area .main-menu > li:hover > a {
     color: #F9B418;
}
 .header-bottom-area .main-menu > li:hover a:before {
     opacity: 1;
     visibility: visible;
}
 .header-bottom-area .main-menu > li.active a {
     color: #F9B418;
}
 .header-bottom-area .main-menu > li.active a:before {
     width: 100%;
     opacity: 1;
     visibility: visible;
     bottom: -15px;
}
 .header-bottom-area.sticky {
     position: none;
     top: 0;
     transition: all 0.5s ease-in-out 0s;
     width: 100%;
     z-index: 99;
}
 .mean-container .mean-bar {
     position: relative;
}
 .mean-container .mean-bar:before {
     color: #ffffff;
     content: "menu";
     font-size: 15px;
     left: 10px;
     position: absolute;
     text-transform: uppercase;
     top: 15px;
     font-weight: 700;
}

/*03. slider area section title css goes here*/
.slider-area .image-overlay {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 1;
}
 .slider-area .image-overlay:before, .slider-area .image-overlay:after {
     background: rgba(55, 183, 33, 0.2);
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.69;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=69)";
     position: absolute;
     top: 0;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     width: 100%;
     z-index: -1;
}
 .slider-area .tparrows {
     background: #F9B418 !important;
     transition: all ease-in-out 0.3s !important;
     width: 53px !important;
     height: 53px !important;
     border-radius: 4px !important;
}
 .slider-area .tparrows:before {
     line-height: 53px !important;
     font-size: 20px;
}
 .slider-area .tparrows:hover {
     background: #004251 !important;
}
 .slider-area span {
     font-size: 25px !important;
     font-weight: 500 !important;
}

/*04.section title css goes here*/
 .section-title, .section-title-white, .section-title-white-2 {
     margin-bottom: 60px;
     margin-top: 10px;
}
 .section-title h2, .section-title-white h2, .section-title-white-2 h2 {
     background-color: transparent;
     background-image: url("../images/line.png");
     background-repeat: no-repeat;
     color: #454545;
     font-size: 30px;
     font-weight: 500;
     padding-bottom: 20px;
     position: relative;
     text-transform: uppercase;
     background-position: center bottom;
     z-index: 2;
}
 .section-title h2:before, .section-title h2:after, .section-title-white h2:before, .section-title-white h2:after, .section-title-white-2 h2:before, .section-title-white-2 h2:after {
     background: #454545 none repeat scroll 0 0;
     bottom: 3.8px;
     content: "";
     height: 1px;
     left: -180px;
     margin: 0 auto;
     position: absolute;
     right: 0;
     text-align: center;
     width: 120px;
}
 .section-title h2:after, .section-title-white h2:after, .section-title-white-2 h2:after {
     left: 180px;
}
 .section-title p, .section-title-white p, .section-title-white-2 p {
     color: #727272;
     margin: 0 auto;
     max-width: 700px;
     position: relative;
     z-index: 2;
     line-height: 25px;
}
 .section-title-white h2, .section-title-white-2 h2 {
     color: #ffffff;
}
 .section-title-white h2:before, .section-title-white h2:after, .section-title-white-2 h2:before, .section-title-white-2 h2:after {
     background: #ffffff none repeat scroll 0 0;
}
 .section-title-white p, .section-title-white-2 p {
     color: #ffffff;
}
 .section-title-white-2 h2 {
     background-image: url("../images/line.png") !important;
}
 .section-title-3 {
     z-index: 33;
     position: relative;
     padding-left: 30px;
}
 .section-title-3 h2 {
     background-color: transparent;
     background-color: transparent;
     background-image: url("../images/line.png");
     background-position: left 87px bottom;
     background-repeat: no-repeat;
     color: #454545;
     font-size: 37px;
     font-weight: 500;
     padding-bottom: 20px;
     position: relative;
     text-transform: capitalize;
     z-index: 2;
}
 .section-title-3 h2:before, .section-title-3 h2:after {
     background: #454545 none repeat scroll 0 0;
     bottom: 4.8px;
     content: "";
     height: 1px;
     left: 0;
     position: absolute;
     width: 80px;
}
 .section-title-3 h2:after {
     left: 119px;
}
 .section-title-3 p {
     margin-bottom: 30px;
}
 .section-title-3 h5 {
     color: #323232;
     font-size: 18px;
     font-weight: 400;
     line-height: 30px;
     margin: 30px 0;
}
 .travel-lp {
     padding-left: 30px;
}

/*05.popular packajge section css goes here*/
 .popular-packages .single-package {
     margin-bottom: 30px;
     transition: all ease-in-out 0.5s;
     overflow: hidden;
     position: relative;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
 .popular-packages .single-package img {
     display: block;
     width: 100%;
}
 .popular-packages .single-package .package-content {
     padding: 20px;
}
 .popular-packages .single-package .package-content h3 {
     font-weight: 600px;
     color: #454545;
     font-size: 20px;
     transition: all ease-in-out 0.5s;
}
 .popular-packages .single-package .package-content p {
     color: #727272;
     font-size: 15px;
     font-weight: 500;
}
 .popular-packages .single-package .package-content p span {
     color: #F9B418;
     font-weight: 600;
}
 .popular-packages .single-package .package-calto-action {
     padding: 0 20px 25px;
}
 .popular-packages .single-package .package-calto-action .ct-action li {
     display: inline-block;
}
 .popular-packages .single-package .package-calto-action .ct-action li:first-child a {
     transition: all ease-in-out 0.5s;
     overflow: hidden;
}
 .popular-packages .single-package .package-calto-action .ct-action li:last-child {
     float: right;
     margin-top: 7px;
}
 .popular-packages .single-package .package-calto-action .ct-action li:last-child i {
     font-size: 16px;
     color: #ffef3b;
}
 .popular-packages .single-package:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
 .popular-packages .single-package:hover .ct-action a {
     background: #004251;
}
 .popular-packages .single-package:hover .package-content h3 {
     color: #F9B418;
}

/*06.Counter section css goes here*/
 .count-down-bg {
     background: transparent url("../images/countbg.jpg") repeat scroll 0 0;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
}
 .count-down-bg .count-down-titile {
     text-align: center;
     font-size: 30px;
     font-weight: 600;
     color: #ffffff;
}
 .count-down-bg .count-down-titile h3 {
     line-height: 40px;
     margin-bottom: 20px;
     font-size: 30px;
     font-weight: 600;
}
 .count-down-bg .count-down-titile h3 span.color-one {
     color: #004251;
}
 .count-down-bg .count-down-titile h3 span.color-two {
     color: #F9B418;
}
 .count-down-bg .count-timer .time-wrapper p {
     color: #ffffff;
     font-size: 20px;
     padding-bottom: 20px;
}
 .count-down-bg .count-timer .time-wrapper .timer {
     overflow: hidden;
}
 .count-down-bg .count-timer .time-wrapper .timer li {
     display: inline-block;
     height: 132px;
     width: 117px;
     background: rgba(0, 0, 0, 0.5);
     margin: 0 10px;
     text-align: center;
     color: #ffffff;
     padding: 20px 0px;
     font-size: 45px;
     font-weight: 500;
     border-radius: 4px;
}
 .count-down-bg .count-timer .time-wrapper .timer .day-css {
     color: #ffffff;
     font-weight: 400;
     font-size: 20px;
     margin-top: -2px;
}
 .count-down-bg .buy-now {
     margin-top: 50px;
}

/*12.subscribe area section css goes here*/
 .subscribe-bg {
     background: #F9B418 url("../images/subscribe.jpg") no-repeat scroll center center/cover;
     position: relative;
}
 .subscribe-bg:before {
     position: absolute;
     width: 100%;
     height: 100%;
     content: '';
     left: 0;
     top: 0;
     background: rgba(86, 197, 67, 0.55);
}
 .subscribe-area {
     padding: 150px 0px;
}
 .subscribe-area .subscribe-form .serach-form input {
     background: #ffffff url("../images/message.png") repeat scroll 0 0;
     border: medium none;
     border-radius: 4px;
     color: #727272;
     font-size: 14px;
     height: 57px;
     padding-left: 20px;
     padding-right: 190px;
     position: relative;
     width: 100%;
     background-repeat: no-repeat;
     background-position: center right 147px;
     padding-bottom: 0;
}
 .subscribe-area .subscribe-form .serach-form input:focus {
     outline: none;
}
 .subscribe-area .subscribe-form .search-btn button {
     border: medium none;
     position: absolute;
     right: 15px;
     top: 0;
     background: #004251;
     font-size: 15px;
     padding: 17.7px;
     width: 20%;
     border-radius: 0 4px 4px 0;
     color: #ffffff;
     text-transform: uppercase;
     font-weight: 600;
}

/*14.Footer area section css goes here*/
 .footer-area {
     background: #2f3133 url("../images/footer.jpg") no-repeat scroll 99% center/cover;
     padding-bottom: 10px;
}
 .footer-area .single-footer {
     padding: 80px 0;
}
 .footer-area .single-footer .footer-title {
     font-weight: 600;
     font-size: 20px;
     color: #ffffff;
     padding: 20px 0;
}
 .footer-area .single-footer .footer-left .footer-logo p {
     color: #ffffff;
     font-size: 15px;
     line-height: 25px;
     padding-bottom: 15px;
}
 .footer-area .single-footer .footer-left .footer-contact li {
     color: #ffffff;
     display: block;
     padding: 8px 0;
}
 .footer-area .single-footer .footer-left .footer-contact li img.map {
     margin-right: 15px;
     margin-top: -5px;
}
 .footer-area .single-footer .footer-left .footer-contact i {
    margin-right: 10px;
    color: #F9B418;
}
 .footer-area .single-footer .single-recent-post .recent-post li {
     display: block;
     margin-bottom: 20px;
     width: 100%;
}
 .footer-area .single-footer .single-recent-post .recent-post li a .post-thum {
     float: left;
     margin-right: 15px;
}
 .footer-area .single-footer .single-recent-post .recent-post li a .post-content p {
     color: #ffffff;
     font-size: 15px;
     font-weight: 400;
     line-height: 20px;
     margin: 0;
     text-transform: capitalize;
}
 .footer-area .single-footer .single-recent-post .recent-post li a .post-content span {
     color: #F9B418;
     font-size: 12px;
}
 .footer-area .single-footer .footer-gallery li {
     width: 48%;
     margin-bottom: 4px;
     display: inline-block;
}
 .footer-area .single-footer .footer-gallery li a .image-overlay {
     position: relative;
     overflow: hidden;
}
 .footer-area .single-footer .footer-gallery li a .image-overlay:before {
     position: absolute;
     left: -15px;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     content: '';
     transition: all ease-in-out 0.5s;
     z-index: 1;
     opacity: 0;
     visivility: hidden;
}
 .footer-area .single-footer .footer-gallery li a .image-overlay:after {
     right: 0;
     left: auto;
}
 .footer-area .single-footer .footer-gallery li a .image-overlay:hover:before {
     left: 0;
     opacity: 1;
     visivility: visible;
}
 .footer-area .single-footer .footer-gallery li a .image-overlay:hover .overly-city {
     opacity: 1;
     left: 0;
}
 .footer-area .single-footer .footer-gallery li a .overly-city {
     left: -15px;
     margin: 0 auto;
     position: absolute;
     right: 0;
     text-align: center;
     top: 40%;
     transform: translateY(0);
     opacity: 0;
     z-index: 2;
     transition: all ease-in-out 0.5s;
}
 .footer-area .single-footer .footer-gallery li a .overly-city span {
     color: #fefefe;
     font-size: 20px;
     font-weight: 400;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element {
     position: relative;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li {
     margin-bottom: 25px;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li input {
     background: #444648 none repeat scroll 0 0;
     border: medium none;
     height: 40px;
     width: 100%;
     border-radius: 3px;
     padding: 0 10px;
     color: #c3c3c3;
     transition: all ease-in-out 0.3s;
     font-size: 13px;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li input:focus {
     outline: none;
     border: 1px solid transparent;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li input ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #c3c3c3;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li input ::-moz-placeholder {
    /* Firefox 19+ */
     color: #c3c3c3;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li input :-ms-input-placeholder {
    /* IE 10+ */
     color: #c3c3c3;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li input :-moz-placeholder {
    /* Firefox 18- */
     color: #c3c3c3;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li input:hover {
     background: #7a7c7d;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea {
     background: #444648 none repeat scroll 0 0;
     border: medium none;
     height: 120px;
     width: 100%;
     border-radius: 3px;
     color: #ffffff;
     padding-left: 10px;
     padding-top: 8px;
     transition: all ease-in-out 0.3s;
     font-size: 13px;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea:focus {
     outline: none;
     border: 1px solid transparent;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #ffffff;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea ::-moz-placeholder {
    /* Firefox 19+ */
     color: #ffffff;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea :-ms-input-placeholder {
    /* IE 10+ */
     color: #ffffff;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea :-moz-placeholder {
    /* Firefox 18- */
     color: #ffffff;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea:hover {
     background: #7a7c7d;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element button {
     background: #F9B418 none repeat scroll 0 0;
     border: medium none;
     bottom: 2px;
     color: #ffffff;
     display: block;
     font-size: 15px;
     font-weight: 500;
     padding: 8px 11px;
     right: 0px;
     text-transform: uppercase;
     transition: all 0.3s ease-in-out 0s;
     position: absolute;
}
 .footer-area .single-footer .footer-contact-form form .footer-form-element button:hover {
     background: #004251;
}
 .footer-area .single-footer .footer-social-media .social-footer-title {
     font-weight: 600;
     font-size: 20px;
     color: #ffffff;
}
 .footer-area .single-footer .footer-social-media .footer-social-link li {
     display: inline-block;
}
 .footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(1):hover a {
     color: #3b5998 !important;
}
 .footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(2):hover a {
     color: #0084b4 !important;
}
 .footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(3):hover a {
     color: #0077B5 !important;
}
 .footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(4):hover a {
     color: #d34836 !important;
}
 .footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(5):hover a {
     color: #bb0000 !important;
}
 .footer-area .single-footer .footer-social-media .footer-social-link li a {
     display: block;
     padding-left: 0;
     padding-right: 20px;
     padding-top: 5px;
     padding-bottom: 5px;
     font-size: 15px;
     font-weight: 400;
     color: #ffffff;
     transition: all ease-in-out 0.3s;
}
 .footer-area .footer-bottom {
     position: relative;
}
 .footer-area .footer-bottom:before {
     background: #717273 none repeat scroll 0 0;
     bottom: 0;
     content: "";
     height: 1px;
     position: absolute;
     top: -36px;
     width: 100%;
     z-index: 8;
}
 .footer-area .footer-bottom .copyright p {
     color: #ffffff;
     font-size: 13px;
     font-weight: 400;
}
 .footer-area .footer-bottom .copyright p span {
     color: #F9B418;
     font-size: 13px;
     font-weight: 500;
     text-transform: capitalize;
}
 .footer-area .footer-bottom .provider p {
     color: #ffffff;
     font-size: 13px;
     font-weight: 400;
}
 .footer-area .footer-bottom .provider p a {
     color: #1876b6;
     font-size: 13px;
     font-weight: 500;
}

/*15.Scrool to top section css goes here*/
 .pos-rtive {
     position: relative;
}
 .to-top {
     display: none;
}
 .to-top a {
     background: #004251 none repeat scroll 0 0;
     border-radius: 4px;
     color: #ffffff;
     font-size: 35px;
     height: 40px;
     line-height: 40px;
     position: fixed;
     right: 1%;
     text-align: center;
     top: 91%;
     transition: all 0.5s ease-in-out 0s;
     width: 40px;
     z-index: 999;
}
 .to-top:hover {
     background: #ffff00 none repeat scroll 0 0;
     color: #283754;
}

/*19.welcome section css goes here*/
 .welcome-area .single-welcome-area {
     position: relative;
}
 .welcome-area .single-welcome-area .single-imag .img-thumbnail {
     background-color: #f7f7f7;
     border-radius: 2px;
     padding: 5px;
}
 .welcome-area .single-welcome-area .overlay-image {
     bottom: -40px;
     height: auto;
     position: absolute;
     right: 5px;
     width: 70%;
     max-width: 100%;
}
 .welcome-area .single-welcome-area .overlay-image .img-thumbnail {
     background-color: #f7f7f7;
     border-radius: 2px;
     padding: 3px;
}
 .welcome-area .single-welcome-text .welcome-content p {
     font-size: 15px;
     font-weight: 15px;
     color: #727272;
}
 .welcome-area .single-welcome-text .welcome-content a {
     margin-top: 40px;
}

/*46.Best service area section start here*/
.best-services-area .single-best-services {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
    text-align: center;
    transition: all ease-in-out 0.5s;
}
.best-services-area .single-best-services .services-content h4 {
    color: #454545;
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0;
    margin: 0;
    transition: all ease-in-out 0.5s;
}
.best-services-area .single-best-services .services-content a {
    font-size: 15px;
    font-weight: 400;
    color: #454545;
    transition: all ease-out 0.5s;
}
.best-services-area .single-best-services .services-content a i {
    margin-left: 5px;
}
.best-services-area .single-best-services:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.best-services-area .single-best-services:hover .services-content h4 {
    color: #37b721;
}
.best-services-area .single-best-services:hover .services-content a {
    color: #37b721;
}

/*53.blog version 1 section start here*/
 .single-bredcurms {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     position: relative;
     overflow: hidden;
     padding: 142px 0 92px;
}
 .single-bredcurms:before, .single-bredcurms:after {
     position: absolute;
     width: 100%;
     height: 100%;
     content: '';
     background: rgba(0, 0, 0, 0.4);
     left: 0;
     top: 0;
     z-index: 2;
}
 .single-bredcurms:after {
     background: rgba(241, 123, 55, 0.1);
}
 .single-bredcurms .bredcrums-content {
     padding-top: 150px;
     position: relative;
     z-index: 9;
}
 .single-bredcurms .bredcrums-content h2 {
     color: #ffffff;
     font-size: 42px;
     font-weight: 600;
     text-transform: uppercase;
}
 .single-bredcurms .bredcrums-content ul li {
     display: inline-block;
}
 .single-bredcurms .bredcrums-content ul li a {
     color: #fff;
     font-size: 18px;
     text-transform: capitalize;
     font-weight: 400;
}
 .single-bredcurms .bredcrums-content ul li + li:before {
     color: #fff;
     content: "/";
     padding: 0 5px;
     font-weight: 700;
}
 .blog-contents-version-one .single-travel-blog {
     margin-bottom: 30px;
}
 .blog-contents-version-one .pagination {
     margin: 10px 0;
}
 .blog-contents-version-one .pagination > li > a, .blog-contents-version-one .pagination > li > span {
     margin: 0 10px;
     background: #dddddd;
     border: none;
     color: #ffffff;
     border-radius: 3px;
}
 .blog-contents-version-one .pagination > .active > a, .blog-contents-version-one .pagination > .active > a:focus, .blog-contents-version-one .pagination > .active > a:hover, .blog-contents-version-one .pagination > .active > span, .blog-contents-version-one .pagination > .active > span:focus, .blog-contents-version-one .pagination > .active > span:hover {
     background-color: #F9B418;
     border-color: transparent;
     color: #fff;
     cursor: default;
     z-index: 3;
     border-radius: 3px;
}
 .blog-contents-version-one .pagination > li:hover > a {
     background: #F9B418;
     color: #ffffff;
}
 .blog-contents-version-one .pagination > li:first-child > a, .blog-contents-version-one .pagination > li:first-child > span {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0px;
     margin-left: 0;
     border-radius: 3px;
}
 .blog-contents-version-one .pagination > li:last-child > a, .blog-contents-version-one .pagination > li:last-child > span {
     border-bottom-right-radius: 0px;
     border-top-right-radius: 0px;
     border-radius: 3px;
}
 .section-blog-bg-2 {
     background: none;
}
 .section-blog-bg-2:before, .section-blog-bg-2:after {
     display: none !important;
}
 .single-hotels-2 {
     margin-bottom: 30px;
}

/*54.single Package section start here*/
 .single-package-details .single-package-title h2 {
     font-size: 30px;
     font-weight: 600;
     color: #454545;
     text-transform: capitalize;
}
 .single-package-details .package-content li {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-weight: 500;
     color: #727272;
}
 .single-package-details .package-content li span {
     margin-right: 10px;
}
 .single-package-details .package-content li span i {
     color: #ffef3b;
}
 .single-package-details .package-content li:not(:last-child)::before {
     background: #cccccc none repeat scroll 0 0;
     content: "";
     height: 23px;
     position: absolute;
     width: 1px;
     right: 11px;
     top: 2px;
}
 .single-package-details .package-content li:not(:last-child) {
     margin: 20px 0;
     padding: 0 25px 0 0;
}
 .single-package-details .package-content li:last-child {
     float: right;
     font-size: 30px;
     color: #F9B418;
     font-weight: 500;
     padding: 10px 0;
}
 .single-package-details .package-content li:nth-child(3):before {
     display: none;
}
 .package-tab-menu .package-tab-menu {
     padding: 30px 0;
}
 .package-tab-menu .package-tab-menu li {
     display: inline-block;
}
 .package-tab-menu .package-tab-menu li a {
     color: #454545;
     display: block;
     font-size: 15px;
     font-weight: 500;
     padding: 20px 34.6px;
     text-decoration: none;
     border: 1px solid #ebebeb;
     transition: all ease-out 0.5s;
}
 .package-tab-menu .package-tab-menu li a:hover {
     background: #F9B418;
     color: #ffffff;
}
 .package-tab-menu .package-tab-menu li.active a {
     background: #F9B418;
     color: #ffffff;
}
 .tab-content .tour-description {
     padding-left: 12px;
}
 .tab-content .tour-description h4 {
     font-size: 20px;
     color: #454545;
     font-weight: 500;
     padding: 20px 0;
}
 .tab-content .tour-description p {
     padding-bottom: 20px;
     line-height: 30px;
}
 .tab-content .chosse-packge {
     padding-left: 12px;
}
 .tab-content .chosse-packge h4 {
     font-size: 20px;
     color: #454545;
     font-weight: 500;
     padding: 10px 0;
}
 .tab-content .chosse-packge .packaging-contents li {
     font-size: 15px;
     color: #727272;
     font-weight: 400;
     padding: 5px 0;
}
 .tab-content .chosse-packge .packaging-contents li i {
     color: #F9B418;
     margin-right: 10px;
}
 .tab-content .additional-info {
     position: relative;
}
 .tab-content .additional-info:before {
     background: #cccccc none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: -19px;
     position: absolute;
     width: 1px;
}
 .tab-content .additional-info .info-title h4 {
     font-size: 20px;
     color: #454545;
     font-weight: 500;
     padding: 20px 0;
}
 .tab-content .additional-info .info-list p, .tab-content .additional-info .info-details p {
     line-height: 40px;
}
 .tab-content .additional-info .info-list p span i, .tab-content .additional-info .info-details p span i {
     color: #F9B418;
     margin-right: 15px;
}
 .related-tour {
     padding-bottom: 100px;
}
 .related-tour .single-package {
     margin-bottom: 0 !important;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
 aside {
     border: 1px solid #cccccc;
     border-radius: 3px;
     padding: 30px 20px;
}
 aside .booking-form h2 {
     color: #454545;
     font-size: 30px;
     font-weight: 600;
     text-transform: capitalize;
     padding: 0px 0 30px 0;
}
 aside .booking-form .form-group {
     margin-bottom: 20px !important;
}
 aside .booking-form .form-group input.form-control, aside .booking-form .form-group textarea.form-control {
     border-radius: 3px;
     box-shadow: none;
     color: #727272;
     display: block;
     font-size: 15px;
     height: 43px;
     transition: none;
}
 aside .booking-form .form-group input.form-control:focus, aside .booking-form .form-group textarea.form-control:focus {
     outline: none;
     border-color: #cccccc;
     box-shadow: none;
}
 aside .booking-form .form-group textarea.form-control {
     height: auto;
}
 aside .booking-form .form-group .check-availability, aside .booking-form .form-group .booking-confirm {
     background: transparent none repeat scroll 0 0;
     border: 1px solid #cccccc;
     border-radius: 3px;
     font-size: 15px;
     font-weight: 400;
     color: #454545;
     height: 52px;
     text-transform: capitalize;
     width: 100%;
}
 aside .booking-form .form-group .booking-confirm {
     background: #F9B418;
     color: #ffffff;
     height: 60px;
     font-size: 17px;
     font-weight: 500;
     text-transform: uppercase;
}
 .adding-form {
     margin-top: 50px;
}
 .adding-form .addfor-bg {
     background: #F9B418 url("../images/bgimage/add.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 60px 0;
     position: relative;
}
 .adding-form .addfor-bg:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, 0.6);
     z-index: 1;
}
 .adding-form .addfor-bg .add-content {
     position: relative;
     z-index: 8;
     left: 10%;
}
 .adding-form .addfor-bg .add-content h3 {
     color: #ffffff;
     font-size: 30px;
     font-weight: 600;
}
 .adding-form .addfor-bg .add-content p {
     color: #ffffff;
     line-height: 30px;
}
 .adding-form .addfor-bg .add-content .contact-for-add li {
     display: block;
     color: #ffffff;
     padding: 10px 0;
}
 .adding-form .addfor-bg .add-content .contact-for-add li img {
     margin-right: 10px;
}
 .mapp iframe {
     height: 700px;
     width: 95%;
     border: 0;
}
 .scrolloff {
     pointer-events: none;
}
 .video-bg {
     background: #F9B418 url("../images/bgimage/videotab.jpg") no-repeat scroll center center/cover;
     padding: 250px 0;
     position: relative;
     overflow: hidden;
}
 .video-bg:before {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     content: '';
     background: rgba(0, 0, 0, 0.6);
     z-index: 1;
}
 .video-bg .video-play-btn {
     border: 3px solid #F9B418;
     border-radius: 100%;
     height: 80px;
     line-height: 75px;
     margin: 0 auto;
     position: relative;
     text-align: center;
     width: 80px;
     z-index: 33;
     font-size: 25px;
}
 .video-bg a span i {
     color: #F9B418;
}
 .video-bg a:focus {
     outline: none;
}
 .main-timeline {
     position: relative;
     z-index: 1;
}
 .main-timeline:before {
     content: "";
     width: 2px;
     height: 88%;
     background: #cccccc;
     margin: 0 auto;
     position: absolute;
     top: 0;
     left: 10px;
     z-index: -1;
}
 .main-timeline .timeline {
     margin-bottom: 30px;
     position: relative;
}
 .main-timeline .timeline:before, .main-timeline .timeline:after {
     content: "";
     display: block;
     width: 100%;
     clear: both;
}
 .main-timeline .timeline .timeline-content {
     padding: 0 50px;
     transition: all 0.3s ease 0s;
     width: 100%;
}
 .main-timeline .timeline .timeline-content h4 {
     transition: all ease-in-out 0.5s;
     color: #454545;
     font-size: 18px;
     font-weight: 500;
}
 .main-timeline .timeline .timeline-content .timeline-icon {
     background: #F9B418 none repeat scroll 0 0;
     border-radius: 100%;
     color: #ffffff;
     font-size: 35px;
     font-weight: 500;
     height: 82px;
     left: -30px;
     line-height: 80px;
     position: absolute;
     text-align: center;
     top: 0;
     width: 82px;
     z-index: 1;
     transition: all ease-in-out 0.5s;
}
 .main-timeline .timeline .left {
     margin-left: 40px;
}
 .main-timeline .timeline:hover .timeline-icon {
     background: #004251;
}
 .main-timeline .timeline:hover .timeline-content h4 {
     color: #004251;
}

/*55.contact section start here*/
 #googleMap {
     width: 100%;
     height: 600px;
}
 .contact-title h2 {
     font-size: 25px;
     font-weight: 600;
     color: #454545;
     padding: 20px 0;
     line-height: normal;
}
 .address p {
     line-height: 30px;
}
 .contact-form .form-group {
     position: relative;
}
 .contact-form .form-group:last-child {
     margin-bottom: 0;
}
 .contact-form .form-group input, .contact-form .form-group textarea {
     width: 100%;
     height: 44px;
     border: 1px solid #e9edf0;
     padding: 12px 15px;
     transition: all 0.4s ease;
     border-radius: 3px;
     color: #555555;
     background: #eeeeee none repeat scroll 0 0;
}
 .contact-form .form-group input:focus, .contact-form .form-group textarea:focus {
     outline: none;
}
 .contact-form .form-group textarea {
     height: 210px;
}
 .contact-form .form-group .button {
     width: 135px;
     height: 45px;
     border-radius: 3px;
     border: 0px solid;
     font-size: 14px;
     text-transform: uppercase;
     display: inline-block;
     transition: all 0.4s ease;
     color: #ffffff;
     background: #F9B418;
     font-weight: 500;
}
 .contact-form .form-group .button:hover {
     background: #004251;
}
 .contact-form .form-group .button i {
     position: relative;
     display: inline-block;
     color: #fff;
     margin-right: 10px;
     padding: 0px;
}

/*57.Blog single section start here*/
 .single {
     background: #f5f5f5;
}
 .single .single-blog .blog-head {
     position: relative;
     overflow: hidden;
}
 .single .single-blog .blog-head:before {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, 0.3);
     content: "";
     opacity: 0;
     visibility: hidden;
     transition: all 0.4s ease;
     transform: translateY(-100%);
     z-index: 8;
}
 .single .single-blog .blog-head img {
     display: block;
     width: 100%;
     transition: all 0.4s ease;
     z-index: 3;
}
 .single .single-blog .blog-content {
     padding: 20px 0 0;
}
 .single .single-blog .blog-content h2 {
     margin-bottom: 10px;
     font-size: 30px;
     font-weight: 500;
     color: #454545;
     text-transform: capitalize;
}
 .single .single-blog .blog-content .meta {
     margin-bottom: 20px;
}
 .single .single-blog .blog-content .meta span {
     margin-right: 10px;
     color: #454545;
     font-size: 14px;
}
 .single .single-blog .blog-content .meta span i {
     margin-right: 5px;
}
 .single .single-blog .blog-content p {
     margin-bottom: 20px;
     line-height: 27px;
}
 .single .single-blog .blog-content p:last-child {
     margin: 0;
}
 .single .single-blog:hover .blog-head:before {
     opacity: 1;
     visibility: visible;
     transform: translateY(0%);
}
 .single .single-blog:hover .blog-head img {
     transform: scale(1.2);
}
 .single .blog-comments {
     padding: 30px 15px;
     background: #fff;
     margin-top: 30px;
}
 .single .blog-comments h2 {
     text-transform: capitalize;
     font-size: 20px;
     margin-bottom: 15px;
     padding-bottom: 15px;
     position: relative;
     display: inline-block;
     color: #454545;
}
 .single .blog-comments h2:before {
     position: absolute;
     left: 0;
     bottom: -1px;
     content: "";
     width: 10%;
     height: 2px;
     content: "";
     background: #004251;
     transition: all ease-in-out 0.3s;
}
 .single .blog-comments .single-comments {
     overflow: hidden;
     border-bottom: 1px solid #e2e2e2;
     padding-bottom: 30px;
     margin-bottom: 30px;
     margin-top: 30px;
}
 .single .blog-comments .single-comments:last-child {
     border: 0px;
     margin: 0;
     padding: 0;
}
 .single .blog-comments .single-comments .head {
     float: left;
     margin-right: 20px;
     text-align: center;
     width: 15%;
}
 .single .blog-comments .single-comments .body {
     float: left;
     width: 82%;
     padding: 10px;
     position: relative;
     background: #F9B418;
}
 .single .blog-comments .single-comments .body:before {
     border-right-color: #F9B418 !important;
     position: absolute;
     left: -12px;
     top: -1px;
     content: "";
     border-bottom: 5px solid transparent;
     border-right: 13px solid;
     border-top: 14px solid transparent;
}
 .single .blog-comments .single-comments .body p {
     margin-top: 10px;
     color: #ffffff;
     line-height: 30px;
}
 .single .blog-comments .single-comments img {
     width: 65px;
     height: 65px;
     border-radius: 100%;
}
 .single .blog-comments .single-comments h4 {
     margin: 5px 0 0;
     font-size: 16px;
     text-align: left;
     font-weight: 400;
     color: #454545;
     text-align: center;
}
 .single .blog-comments .single-comments .meta {
     font-size: 14px;
     margin: 0;
     color: #fff;
     font-weight: 500;
}
 .single .blog-comments .single-comments a {
     text-transform: uppercase;
     font-size: 12px;
     color: #fff;
     font-weight: 400;
}
 .single .blog-comments:hover h2:before {
     width: 50%;
}
 .single .comment-respond {
     margin-top: 50px;
}
 .single .comment-respond .comment-reply-title h3 {
     color: #454545;
     display: inline-block;
     font-size: 20px;
     margin-bottom: 15px;
     padding-bottom: 15px;
     position: relative;
     text-transform: capitalize;
}
 .single .comment-respond .comment-reply-title h3:before {
     position: absolute;
     left: 0;
     bottom: -1px;
     content: "";
     width: 50%;
     height: 2px;
     content: "";
     background: #004251;
}
 .single .comment-respond label {
     font-size: 15px;
     color: #454545;
     font-style: italic;
}
 .single .comment-respond input {
     height: 40px;
}
 .single .comment-respond input, .single .comment-respond textarea {
     background-color: #f9f9f9;
     border-radius: 0;
     box-shadow: none;
     font-size: 15px;
     margin: 10px 0;
     padding: 10px 20px;
     outline: none;
}
 .single .comment-respond input:focus, .single .comment-respond textarea:focus {
     border: 1px solid #F9B418;
}
 .single .comment-respond input[type="submit"] {
     background: #F9B418;
     border-radius: 0;
     color: #fff;
     border: none;
     font-size: 15px;
     font-weight: 500;
     margin-top: 20px;
     height: 40px;
     text-transform: uppercase;
}
 .single .blog-sidebar .form .s-button {
     position: absolute;
     right: 0;
     top: 0;
}
 .single .blog-sidebar .form .search {
     position: relative;
}
 .single .blog-sidebar .form .search input[type="text"] {
     border: 0px solid;
     width: 100%;
     height: 50px;
     background: #eeeeee;
     padding-left: 10px;
     color: #454545;
}
 .single .blog-sidebar .form .search input[type="submit"] {
     height: 50px;
     width: 81px;
     border: 0px solid;
     color: #ffffff;
     right: 0;
     transition: all 0.4s ease;
     background: #F9B418;
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 400;
}
 .single .blog-sidebar .form .search input[type="submit"]:hover {
     background: #004251;
}
 .single .blog-sidebar .single-sidebar {
     background: #fff;
     padding: 15px;
     margin-bottom: 30px;
}
 .single .blog-sidebar .single-sidebar h2 {
     text-transform: capitalize;
     font-size: 18px;
     margin-bottom: 15px;
     border-bottom: 1px solid #ddd;
     padding-bottom: 15px;
     display: block;
     color: #454545;
     font-weight: 500;
}
 .single .blog-sidebar .single-sidebar ul li a {
     color: #454545;
     display: block;
     padding: 15px 0;
     transition: all ease-in-out 0.5s;
}
 .single .blog-sidebar .single-sidebar ul li a:hover {
     color: #004251;
     transform: translateX(5px);
}
 .single .blog-sidebar .single-sidebar ul li a i {
     margin-right: 5px;
}
 .single .blog-sidebar .latest .single-post {
     overflow: hidden;
     margin-bottom: 20px;
}
 .single .blog-sidebar .latest .single-post:last-child {
     margin-bottom: 0;
}
 .single .blog-sidebar .latest .single-post .post-info h4 {
     margin: 0;
     font-size: 15px;
     margin-bottom: 5px;
     line-height: 25px;
     font-weight: 500;
}
 .single .blog-sidebar .latest .single-post .post-info h4 a {
     color: #454545;
}
 .single .blog-sidebar .latest .single-post .post-info p {
     margin: 0;
}
 .single .blog-sidebar .tags ul li {
     display: inline-block;
     margin-right: 10px;
     margin-bottom: 10px;
}
 .single .blog-sidebar .tags ul li a {
     color: #ffffff;
     display: block;
     padding: 5px 10px;
     background: #F9B418;
}
 .single .blog-sidebar .tags ul li a:hover {
     color: #ffffff;
     background: #004251;
}
/*# sourceMappingURL=style.css.map */





/*58.Updated CSS*/
.header-bottom-area .main-menu > li > a {
     font-weight: 400;
}
.header-bottom-area-4 .main-menu > li ul.dropdown{
     top: 100% !important;
}
.header-bottom-area .logo-area {
    padding: 24px 0;
}
.single-bredcurms .bredcrums-content ul li a {
    font-size: 15px;
}
.subscribe-area .subscribe-form .serach-form input {
    height: 56px;
}
.header-top-area .header-top-left .header-top-contact li i{
     font-size: 18px;
}
.header-top-right .book-btn {
    padding: 0px;
}
.header-top-area .header-top-left .header-top-contact li {
    padding: 12px;
}
.header-top-right .book-btn a {
    padding: 12px 16px;
    display: block;
}
.section-title h2, .section-title-white h2, .section-title-white-2 h2 {
    font-size: 37px;
    text-transform: capitalize;
}
.single-travel-blog .blog-content .blog-post-content a {
    font-size: 14px;
    text-transform: uppercase;
}

.header-bottom-area .main-menu > li ul.dropdown {
     top: 78% !important;
     border-top: 2px solid #F9B418;
}
.header-bottom-area .main-menu > li ul.dropdown li a:hover {
     color: #F9B418;
     margin-left: 5px;
}

/*59.Custom Sudip CSS*/
.custom-header .header-top-area {
     background: #2c3035;
}
 .custom-header .header-bottom-area {
     background: #ffffff;
     border-bottom: 1px solid #ccc;
}
 .custom-header .header-bottom-area li a {
     color: #004251;
}
 .custom-header .header-bottom-area .main-menu > li ul.dropdown {
     top: 100% !important;
}
.custom-header .main-menu > li > a::before {
     top: 49px;
}
.custom-header .header-bottom-area .main-menu > li ul.dropdown {
     top: 98% !important;
}


.top-padding {
    padding: 40px;
}
/*Tablet Layout: 768px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top-padding {
        padding: 80px;
    }
}
/*Mobile Layout: 320px*/
@media only screen and (max-width: 767px) {
    .top-padding {
        padding: 10px;
    }
    .custom-header .header-top-area {
        background: #fff;
    }
    .header-bottom-area .logo-area {
        padding-top: 37px;
    }
    
}
/*  Wide Mobile Layout: 480px    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .top-padding {
        padding: 10px;
    }
}

.read-more-color {
    color: #F9B418;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}
.flex-row .single-package {
    height: 100%;
    margin-bottom: 0;
}
.flex-row > [class*="col-"] {
  margin-bottom: 30px;
}