@media only screen and (min-width: 1201px) and (max-width: 1400px){
header .header-style-two .nav-right .nav-right-hotline{
padding-left: 0;
}
.tour-package-details .package-details-tabs .tab-switchers .nav-item .nav-link{
padding: 8px 15px;
font-size: 18px;
}
}
@media only screen and (max-width: 1200px){
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button .paln-index-circle{
min-width: 64px;
}
}
@media (max-width: 1199px){
.footer-contact-wrapper ul.footer-contact-list li a{
font-size: 16px;
}
.inner-contact-options .contact-box-inner{
padding-left: 6px;
}
header .header-style-one .main-nav-wrapper,header .header-style-two .main-nav-wrapper{
padding: 0;
}
header .header-style-one .main-nav-wrapper ul,header .header-style-two .main-nav-wrapper ul{
padding: 0;
}
header .main-nav-wrapper ul li{
padding: 10px 0;
}
header .header-style-one .main-nav-wrapper ul li a,header .header-style-two .main-nav-wrapper ul li a{
padding: 10px 20px !important;
border-top: 1px solid #eee;
margin-left: -15px;
margin-right: -15px;
}
header .header-style-one .main-nav-wrapper ul li,header .header-style-two .main-nav-wrapper ul li{
padding: 0 !important;
}
header .header-style-one .main-nav-wrapper ul li.menu-item-has-children:after,header .header-style-two .main-nav-wrapper ul li.menu-item-has-children:after{
display: none;
}
header .header-style-one li a.active::before,header .header-style-two li a.active::before{
display: none;
}
header .header-style-one .main-nav-wrapper ul li.menu-item-has-childre i.fl,header .header-style-two .main-nav-wrapper ul li.menu-item-has-childre i.fl{
display: block;
}
header .header-style-one .main-nav-wrapper ul li i.fl,header .header-style-two .main-nav-wrapper ul li i.fl{
display: none;
}
header .header-style-one .main-nav-wrapper ul li.menu-item-has-children i.fl,header .header-style-two .main-nav-wrapper ul li.menu-item-has-children i.fl{
display: block;
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu,header .header-style-two .main-nav-wrapper ul li ul.sub-menu{
margin-left: 20px;
margin-bottom: 10px;
margin-top: 5px;
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu li a,header .header-style-two .main-nav-wrapper ul li ul.sub-menu li a{
font-size: 14px;
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu li a::before,header .header-style-two .main-nav-wrapper ul li ul.sub-menu li a::before{
width: 5px !important;
height: 5px !important;
left: 5px;
top: 48%;
}
header .header-style-one .main-nav-wrapper ul li:last-child a,header .header-style-two .main-nav-wrapper ul li:last-child a{
border-bottom: 1px solid #eee;
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu li i.fl,header .header-style-two .main-nav-wrapper ul li ul.sub-menu li i.fl{
display: none;
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu li.menu-item-has-children > i.fl,header .header-style-two .main-nav-wrapper ul li ul.sub-menu li.menu-item-has-children > i.fl{
display: block;
}
.header-area.header-style-one .container{
max-width: unset;
}
header .header-style-one .hamburger{
display: block !important;
position: relative;
width: 28px !important;
height: 22px !important;
margin: 8px 0;
cursor: pointer;
border: 3px solid transparent !important;
float: right;
}
header .header-style-one .hamburger:focus{
border: 3px solid transparent !important;
}
header .header-style-one .hamburger span{
width: 100%;
height: 2px;
background: #54a15d !important;
display: block;
position: absolute;
right: 0;
transition: all 0.3s;
}
header .header-style-one .hamburger span.h-top{
top: 0;
}
header .header-style-one .hamburger span.h-bottom{
bottom: 0;
width: 100%;
}
header .header-style-one .hamburger span.h-middle{
top: 50%;
transform: translateY(-50%);
width: 100%;
}
header .header-style-one .hamburger.h-active span{
width: 80%;
}
header .header-style-one .hamburger.h-active span.h-top{
transform: rotate(45deg);
top: 50%;
margin-top: -1px;
}
header .header-style-one .hamburger.h-active span.h-middle{
transform: translateX(-30px);
opacity: 0;
}
header .header-style-one .hamburger.h-active span.h-bottom{
transform: rotate(-45deg);
bottom: 50%;
margin-bottom: -1px;
}
header .header-style-one .main-nav ul li ul.sub-menu > li a::before{
position: absolute;
width: 7px !important;
height: 7px;
content: "";
background-color: #54a15d;
opacity: 1;
border-radius: 50%;
top: 50%;
left: 0;
transform: translateY(-50%);
}
header .header-style-one .main-nav{
position: fixed;
top: 0;
left: 0;
width: 260px;
padding: 10px 15px !important;
z-index: 99;
height: 100%;
overflow: auto;
background: #fff;
transform: translateX(-260px);
transition: transform 0.3s ease-in;
}
header .header-style-one .main-nav > ul > li > a{
font-size: 16px !important;
color: #2d373c !important;
line-height: 35px;
margin: 10px 0;
}
header .header-style-one .main-nav ul li a{
}
header .header-style-one .main-nav ul li a::before{
bottom: 0rem !important;
}
header .header-style-one .main-nav ul > li a.active::before{
opacity: 1 !important;
}
header .header-style-one .main-nav ul > li a:hover{
background: transparent;
}
header .header-style-one .main-nav > ul > li.has-child-menu:after{
display: none !important;
}
header .header-style-one .main-nav.slidenav{
transform: translateX(0);
}
header .header-style-one .main-nav > ul{
float: none;
padding: 10px 10px 0px 0;
margin-top: 40px !important;
}
header .header-style-one .main-nav > ul > li{
display: block;
padding: 0;
margin-left: 0;
}
header .header-style-one .main-nav > ul > li.has-child-menu:after,header .header-style-one .main-nav > ul > li > a:after{
content: none;
}
header .header-style-one .main-nav > ul > li a{
font-size: 16px;
color: #fff;
line-height: 35px;
}
header .header-style-one .main-nav ul li .fl{
display: block;
line-height: 35px;
}
header .header-style-one .main-nav ul li .sub-menu{
position: static;
min-width: 200px;
background: transparent;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
}
header .header-style-one .main-nav ul li .sub-menu > li a{
display: block;
padding: 10px 0;
color: #707070;
border: none;
line-height: 0.8;
font-size: 14px;
text-decoration: none;
padding-left: 18px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
transition: all 0.3s;
}
header .header-style-one li a.active{
color: #ddd;
font-weight: 600;
font-size: 1.5rem;
}
header .header-style-one li a.active::before{
position: absolute;
bottom: 3rem;
left: 0;
width: 100%;
height: 2px;
content: "";
background-color: red;
opacity: 0 !important;
transition: all 200ms linear;
}
header .header-style-one .main-nav ul li{
display: block;
position: relative;
padding: 0 20px;
}
header .header-style-one .mobile-menu{
background: #fff;
padding: 0 5px;
margin: 16px 0;
border-radius: 50%;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
}
.mobile-menu{
padding: 0 7px;
margin: 16px 0;
}
header .header-style-two .nav-logo img{
max-width: 110px;
}
header .header-style-two .hamburger{
display: block !important;
position: relative;
width: 35px !important;
height: 26px !important;
margin: 10px 0;
background: transparent;
cursor: pointer;
border: 3px solid transparent !important;
}
header .header-style-two .hamburger:focus{
border: 3px solid transparent !important;
}
header .header-style-two .hamburger span{
width: 100%;
height: 2px;
background: #fff !important;
display: block;
position: absolute;
right: 0;
transition: all 0.3s;
}
header .header-style-two .hamburger span.h-top{
top: 0;
}
header .header-style-two .hamburger span.h-bottom{
bottom: 0;
width: 27px;
}
header .header-style-two .hamburger span.h-middle{
top: 50%;
transform: translateY(-50%);
width: 25px;
}
header .header-style-two .hamburger.h-active span{
width: 80%;
}
header .header-style-two .hamburger.h-active span.h-top{
transform: rotate(45deg);
top: 50%;
margin-top: -1px;
}
header .header-style-two .hamburger.h-active span.h-middle{
transform: translateX(-30px);
opacity: 0;
}
header .header-style-two .hamburger.h-active span.h-bottom{
transform: rotate(-45deg);
bottom: 50%;
margin-bottom: -1px;
}
header .header-style-two .main-nav ul li ul.sub-menu > li a::before{
position: absolute;
width: 7px !important;
height: 7px;
content: "";
background-color: #54a15d;
opacity: 1;
border-radius: 50%;
top: 50%;
left: 0;
transform: translateY(-50%);
}
header .header-style-two .main-nav{
position: fixed;
top: 0;
left: 0;
width: 260px;
padding: 10px 15px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: #fff;
transform: translateX(-260px);
transition: transform 0.3s ease-in;
}
header .header-style-two .main-nav > ul > li > a{
font-size: 16px !important;
color: #2d373c !important;
line-height: 35px;
margin: 10px 0;
}
header .header-style-two .main-nav ul li a{
color: #2d373c !important;
}
header .header-style-two .main-nav ul li a::before{
bottom: 0rem !important;
}
header .header-style-two .main-nav ul > li a.active::before{
opacity: 1 !important;
}
header .header-style-two .main-nav ul > li a:hover{
background: transparent;
}
header .header-style-two .main-nav > ul > li.has-child-menu:after{
display: none !important;
}
header .header-style-two .main-nav.slidenav{
transform: translateX(0);
}
header .header-style-two .main-nav > ul{
float: none;
padding: 25px 10px 25px 0;
margin-top: 40px !important;
}
header .header-style-two .main-nav > ul > li{
display: block;
padding: 0;
margin-left: 0;
}
header .header-style-two .main-nav > ul > li.has-child-menu:after,header .header-style-two .main-nav > ul > li > a:after{
content: none;
}
header .header-style-two .main-nav > ul > li a{
font-size: 16px;
color: #fff;
line-height: 35px;
}
header .header-style-two .main-nav ul li .fl{
display: block;
line-height: 35px;
}
header .header-style-two .main-nav ul li .sub-menu{
position: static;
min-width: 200px;
background: transparent;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
}
header .header-style-two .main-nav ul li .sub-menu > li a{
display: block;
padding: 10px 0;
color: #707070;
border: none;
line-height: 0.8;
font-size: 14px;
text-decoration: none;
padding: 8px 0 8px 18px !important;
transition: all 0.3s;
}
header .header-style-two li a.active{
color: #ddd;
font-weight: 600;
font-size: 1.5rem;
}
header .header-style-two li a.active::before{
position: absolute;
bottom: 3rem;
left: 0;
width: 100%;
height: 2px;
content: "";
background-color: red;
opacity: 0 !important;
transition: all 200ms linear;
}
header .header-style-two .main-nav ul li{
display: block;
position: relative;
padding: 0 20px;
}
.tour-package-details .package-details-tabs .tab-switchers .nav-item .nav-link{
font-size: 16px;
padding: 8px 15px;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px){
.comment-section .comment-list .comment .comment{
margin-top: 0 !important;
}
.comment-section .comment-list li.comment{
padding: 20px;
}
.searchbox-icons{
font-size: 18px;
padding-right: 10px;
}
.searchbox-input label{
position: unset;
margin-left: 0;
}
}
@media only screen and (max-width: 767px){
.package-details-wrapper{
padding-bottom: 80px;
}
.blog-details-wrapper .blog-details .post-header .post-meta{
gap: 15px;
}
}
@media only screen and (max-width: 991px){
.blog-details-wrapper{
padding: 80px 0;
}
.error-content .error-text{
margin-top: 80px;
}
.breadcrumb-style-one{
padding: 120px 0;
}
.footer-area .footer-main-wrapper .footer-widget > h3{
text-align: left;
}
.header-area.header-style-one .container{
max-width: unset;
}
.pt-110{
padding-top: 80px;
}
.mt-110{
margin-top: 80px;
}
.mb-110{
margin-bottom: 80px;
}
.footer-area .footer-contact-wrapper{
justify-content: left;
}
.footer-area .footer-contact-wrapper .footer-contact-list{
justify-content: left;
margin: 0;
padding: 0;
text-align: left;
}
.footer-area .footer-contact-wrapper .footer-contact-list li{
margin: 10px 0px;
width: 100%;
}
.footer-area .footer-contact-wrapper .footer-contact-list li:last-child{
margin-bottom: 0;
}
.footer-area .footer-contact-wrapper h5{
margin-bottom: 5px;
}
.package-sidebar{
margin-top: 0px;
}
.blog-sidebar{
margin-top: 40px;
}
.tour-package-details .pd-header .pd-top .pd-single-info{
display: flex;
justify-content: center;
}
.blog-sidebar{
padding: 80px 0;
}
}
@media only screen and (max-width: 767px){
.copyright-link{
order: 3;
margin: 0 auto;
}
.pt-110{
padding-top: 80px;
}
.footer-area .footer-main-wrapper .footer-widget{
text-align: left;
}
.blog-card-gamma-full .blog-content .blog-title{
font-size: 20px;
line-height: 30px;
}
.blog-card-gamma-full .blog-content{
padding: 25px 25px 22px 25px;
text-align: center;
}
.blog-card-gamma-full .blog-content .blog-body-top a{
font-size: 14px;
}
.blog-details .post-footer .next-post-link{
order: 3;
padding: 0;
margin-top: 20px;
}
.tour-package-details .package-info-tab .package-info-table tr th,.tour-package-details .package-info-tab .package-info-table tr td{
padding: 10px 20px;
font-size: 14px;
}
.tour-package-details .package-details-tabs .tab-switchers{
position: static;
}
.tour-package-details .package-details-tabs .tab-switchers .nav-item .nav-link{
font-size: 14px;
}
.tour-package-details .package-details-tabs .tab-switchers .nav-item .nav-link i{
margin-right: 5px;
}
.tour-package-details .pd-header .header-bottom .pd-lavel .location,.tour-package-details .pd-header .header-bottom .pd-lavel .rating li i{
font-size: 18px;
}
.tour-package-details .tab-pane .d-subtitle{
font-size: 20px;
}
}
@media only screen and (max-width: 455px){
.footer-area .footer-main-wrapper .footer-widget > h4,.footer-area .footer-main-wrapper .footer-widget figure{
margin-bottom: 22px;
}
.tour-package-details .pd-header .pd-top .pd-single-info .info h6{
white-space: nowrap;
}
.breadcrumb .breadcrumb-title{
font-size: 35px;
}
.package-details-tabs #pills-tab{
gap: 10px;
}
}
@media only screen and (max-width: 575.98px){
.comment-section .comment-list li.comment{
padding: 15px;
}
.header-style-one .nav-logo img{
max-width: 110px;
}
header .header-style-one .nav-right .nav-actions li{
margin-right: 20px;
}
.blog-card-gamma-full .blog-content{
padding: 25px 20px 22px 20px;
text-align: center;
}
.blog-card-gamma-full .blog-content .blog-body-top a:last-child{
display: none;
}
.blog-card-gamma-full .blog-thumb .blog-lavel a{
font-size: 10px;
padding: 4px 15px;
}
.error-content .error-text h2{
font-size: 40px;
}
.error-content .error-text .error-btn a{
font-size: 18px;
}
.contact-form-wrap{
padding: 25px;
}
.blog-details .post-header .post-title{
font-size: 24px;
line-height: 38px;
}
.comment-form{
padding-top: 30px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button .paln-index-circle{
font-size: 25px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .plan-info{
padding-left: 10px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button{
padding-right: 10px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button .paln-index-circle{
margin-right: 10px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button .plan-title h5{
font-size: 16px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button .plan-title h6{
font-size: 14px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button::after{
font-size: 15px;
}
.category-sidebar-wrapper.category-active .category-sidebar{
max-width: 100%;
width: 100%;
padding: 30px 20px;
}
.tour-package-details .package-details-tabs .tab-switchers .nav-item .nav-link{
padding: 7px 22px;
}
.tour-package-details .pd-header .header-bottom .pd-lavel .location,.tour-package-details .pd-header .header-bottom .pd-lavel .rating li i{
font-size: 15px;
}
.footer-area .footer-contact-wrapper .footer-contact-list li{
font-size: 16px;
}
}