/* ======== Widgets ======== */
.widget-item ul{
    list-style:disc;
    padding-left:20px;
	max-height:320px;
	overflow:auto;
	overflow-x:hidden;
	padding-right:10px;
}
.widget-item ul::-webkit-scrollbar{
	width:4px;
	height:4px;
}
.widget-item li{
    padding:10px 0;
    border-bottom:1px solid #cad7ee;
}
.widget-item li:nth-child(1){
    padding-top:0;
}
.widget-item li:nth-last-child(1){
    padding-bottom: 0;
    border-bottom:none;
}
.widget-item li a{
	font-size:0.9rem;
	font-weight:400;
    transition:color 0.2s ease-in-out
}
.widget-item li a:hover{
    color:#000
}
/*--- Widget Img ---*/
.widget-img-item ul{
	list-style:none;
	padding-left:0;
}
.widget-img-item ul li img{
	width:80px;
	height:70px;
}
/*--- Widget Gallery ---*/
.widget-gallery-item img{
	
}


.custom-badge, .widget-item li .badge {
    background: #eee;
    border: none;
    //padding: 2px 6px;
    font-weight: 600;
    color: #000 !important;
    border-radius: 100px;
    margin-left: 4px;
    transition: background 0.2s ease-in-out
}

/* ======== Contact ======== */
.sp-contact-icon{
	width:38px;
    height:38px;
	background:linear-gradient(45deg, #3d5514, #a6db47);
}


/* ======== Header ======== */
.sp-header-top{
    padding:10px 0;
}

.sp-header-wrap .sp-contact-text a{
	padding:3px 12px;
}

.navbar-brand img{
    width: 150px;
}

.navbar-toggler, .navbar-toggler:focus{
    box-shadow: none
}

.navbar-toggler-icon{
    width: 1.3em;
    height: 1.3em
}
 
/*--- Header Nav ul ---*/ 
.sp-header-nav-inner{
	padding:0 16px;
}
.sp-header-nav-ul li{
    margin:0 0 0 20px;
}

.sp-header-nav-ul li:nth-child(1){
	margin-left:0 !important; 
}

.sp-header-nav-ul li .nav-link{
    padding: 12px 0 !important;
    color: rgb(0 0 0 / 65%) !important;
}

.sp-header-nav-ul li .nav-link:hover, 
.sp-header-nav-ul li.active .nav-link{
    color: #000 !important;
}

.sp-header-nav-ul li a.anchor-text{
	position: relative;
}

.sp-header-nav-ul li a.anchor-text:before{
    bottom: 0
}

.sp-header-nav-ul li:hover a.anchor-text:before{
	width:100%;
	z-index:1;
}

.sp-header-nav-ul li.dropdown a.anchor-text:before{
	display:none;
}

.sp-header-nav-ul .dropdown{
	position:static;
}

.sp-header-nav-ul li.dropdown a{
	padding-right:20px !important;
}

.sp-header-nav-ul li.dropdown a:after{
	content:'';
	width:10px;
	height:10px;
	border:none;
	position:absolute;
    top:20px;
	background:url('../../assets/images/arrow-down.svg') center no-repeat;
	background-size:18px;
	margin-left:8px;
	//filter:invert(1) brightness(2) contrast(1);
}

/*--- Dropdown Menu ---*/ 
.dropdown-menu{
	border-radius:0.475rem;
	border-top-left-radius:0;
	border-top-right-radius:0;
	padding:0;
	width:max-content;
	border:0;
	box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.sp-header-nav-ul li.dropdown:hover .dropdown-menu{
    display: block
}

.dropdown-menu:before{
    content: '';
    position: absolute;
    border: solid #fff0;
    height: 0;
    width: 0;
    border-color: #fff #fff0 #fff0;
    border-width: 8px;
    left:35px;
	top:-16px;
    margin: auto;
    transform: rotate(180deg);
}

.dropdown-menu li{
    border-bottom-left-radius:0.475rem;
    border-bottom-right-radius:0.475rem;
    box-shadow: 0 0.12rem 0.20rem rgba(0, 0, 0, 0.065);
	margin-left:0;
	transition:color .15s ease-in-out,background-color .15s ease-in-out;
}

.dropdown-menu li:nth-last-child(1){
	border-bottom:none;
}

.dropdown-menu li:hover, .dropdown-menu li:focus {
    //background: #f7f6bb;
}

.sp-header-nav-ul li .dropdown-menu .nav-link{
	padding:11px 20px !important;
	width: 100%;
	background:none;
	transition:inherit;
	color:rgba(0, 0, 0, 0.65) !important;
	font-weight:500;
}

.dropdown-menu li:nth-last-child(1) a{
	border-bottom:none;
}

.sp-header-nav-ul .dropdown-menu li:hover a, 
.sp-header-nav-ul .dropdown-menu li:focus a{
	color:#344CB7 !important;
}

.dropdown-menu li a:after{
	display:none;
}

.sticky {
    position: fixed !important;
    top: -1px;
    left: 0;
    width: 100%;
    //box-shadow: 0 0 30px -3px rgb(0 0 0 / .15);
    z-index: 1500;
    transform-origin: top;
    animation: go-sticky 1s forwards
}

@keyframes go-sticky {
    0% {
        transform: translateY(-30px)
    }
    100% {
        transform: translateY(0)
    }
}


/* ======== Mobile - Nav Offcanvas ======== */
.sp-nav-mob-offcanvas{
	width:280px !important;	
}
.sp-mob-menu-wrap{
	max-height:60vh;
}
.sp-mob-menu-wrap .nav-link{
	padding-top:.6rem;
	padding-bottom:.6rem;
}
.sp-mob-menu-wrap .nav-link:hover, 
.sp-mob-menu-wrap .nav-link.accordion-button[aria-expanded="true"]{
	background:#f9f9f9 !important;
	//color:#ff7837;
	color:#000;
	border-left:2px solid #ff7837;
}
.sp-mob-menu-wrap .nav-link:hover svg,
.sp-mob-menu-wrap .nav-link.accordion-button[aria-expanded="true"] svg{
	fill:#ff7837;
}
.sp-sub-mob-menu li{
	margin-bottom:.4rem;
}


/* ======== Scroll To Top ======== */
.sp-go-to-home{
    opacity: 0;
    visibility: hidden;
    right: 20px;
    bottom: 30px;
    z-index: 1100;
    width: 45px;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    background: rgb(0 0 0 / .6);
    transition: all 0.3s ease-in-out
}

.sp-go-to-home:hover{
    background: rgb(0 0 0 / .75)
}

.sp-go-to-home.active{
    animation:goUp 600ms forwards;
}


/* ======== Page Title ======== */
.sp-page-title-section h1.heading-lg{
    font-size: 46px !important
}


/* ======== Search Input ======== */
.sp-search-input{
	max-width:360px;
	transition:max-width 0.3s ease-in-out;
}
.sp-search-full .sp-search-input{
	max-width:-webkit-fill-available;
}
.sp-search-input:hover{
	max-width:100%;
}
.sp-search-form input[type='text'].form-control{
	height:60px;
	padding-right:70px !important;
}
.sp-search-input button{
    top: 5px;
    right: 5px;
    //height: 50px;
}

.sp-search-col .sp-search-input{
	max-width:100%;
}


/* ======== Categories ======== */
.sp-categories a{
	margin-right:.6rem;
	transition:background 0.2s ease-in-out;
}
.sp-categories a:hover .custom-badge,
.sp-categories a.active .custom-badge,
.widget-item li:hover .badge{
	background:#ffeb00 !important;

}


/* ======== Banner ======== */
.sp-banner-section{
	padding-top:140px;
	padding-bottom:20px;
	background:url('https://www.japjitravel.com/jap/media/uploads/urbania-picture.jpg') center no-repeat;
	background-size:cover;
}
.sp-banner-section.overlayBefore:before{
	background:-webkit-linear-gradient(top, transparent, transparent, rgb(0 0 0 / 35%), rgb(0 0 0 / 65%))
}


/* ======== Banner Post ======== */
.sp-banner-post-wrap{
	mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent);
	margin-top:120px;
}
.sp-banner-post-item{
	background:rgba(255,255,255,0.20);
	backdrop-filter:blur(10px);
	border-color:rgba(255,255,255,0.10) !important;
	width:300px;
}
.sp-banner-post-item:hover{
	background:rgba(255,255,255,0.30);
	border-color:rgba(255,255,255,0.30) !important;
}

/* animations */
.sp-bp-row-1 .sp-banner-post-track{
	animation:marqueeLeft 35s linear infinite;
}
.sp-bp-row-2 .sp-banner-post-track{
	animation:marqueeRight 35s linear infinite;
}

/* pause on hover */
.sp-banner-post-row:hover .sp-banner-post-track{
	animation-play-state:paused;
}
@keyframes marqueeLeft{
	0%{transform:translateX(0);}
	100%{transform:translateX(-50%);}
}
@keyframes marqueeRight{
	0%{transform:translateX(-50%);}
	100%{transform:translateX(0);}
}


/* ======== Video ======== */
.sp-video-poster img{
	height:350px;
}
.sp-video-poster .overlay.position-absolute{
	background:-webkit-linear-gradient(top, transparent 0%, rgb(0 0 0 / 15%) 55%, rgb(0 0 0 / 40%) 100%);
}
.sp-video-icon-btn{
	background:linear-gradient(45deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 30%));
}
.sp-video-icon-btn:hover{
	background:linear-gradient(45deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 50%));
}
.sp-video-icon-btn img{
	transition:transform 0.2s ease-in-out;
}
.sp-video-icon-btn:hover img{
	transform:scale(0.96);
}


/* ======== Features ======== */
.sp-feature-row{
	max-width:1000px;
}
.sp-feature-item.position-relative:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	width:10%;
	height:2px;
	background:linear-gradient(10deg, #FFEB00, #fff9b3);
	transition:.3s;
}
.sp-feature-item.position-relative:hover:before{
	width:100%;
}


/* ======== Sticky Posts ======== */
.sp-sticky-post img{
	height:235px;
}
.sp-sticky-post-lg img{
	height:486px;
}


/* ======== Gallery ======== */
.sp-gallery-grid{
	column-count:5;
	column-gap:.6rem;
}
.sp-gallery-item{
	break-inside:avoid;
	margin-bottom:.6rem;
}

/* GALLERY IN CONTENT */
.sp-gallery-content-grid{
	column-count:3;
}

/* GALLERY MODAL */
.sp-gallery-modal .modal-content{
	background:rgb(0 0 0 / 85%);
}
.sp-gallery-main-wrap, .sp-gallery-main-img{
	max-height:72vh;
}
.sp-gallery-main-wrap{
	cursor:zoom-in;
}
.sp-gallery-main-img{
	width:100%;
	transition:transform .15s linear;
	will-change:transform;
	cursor:zoom-in;
}

/* THUMBNAILS */
.sp-gallery-thumbs.mobile-slider > *{
	flex:1 0 0%;
}
.sp-gallery-thumb.active{
	border-color:#fff !important;
}

/* ARROWS */
.sp-gallery-prev, .sp-gallery-next{
	background:rgb(255 255 255 / 10%);
	border-color:rgb(255 255 255 / 20%) !important;
}
.sp-gallery-prev:hover, .sp-gallery-next:hover{
	background:rgb(255 255 255 / 18%);
}
.sp-gallery-prev{
	left:20px;
}
.sp-gallery-next{
	right:20px;
}

.sp-gallery-thumbs-slider .mobile-slide-prev,
.sp-gallery-thumbs-slider .mobile-slide-next{
	top:30%;
	width:23px;
	height:23px;
	line-height:20px;
}

.gallery-video-frame{
	width:900px;
	height:70vh;
}


/* ======== Post ======== */
.sp-post-overlay.overlay{
	background:-webkit-linear-gradient(top, transparent 20%, rgb(52 76 183 / 65%) 50%, rgb(87 123 193 / 85%) 100%)
}


/* ======== Whatsapp Form ======== */
.sp-whatsapp-form{
	bottom:160px;
	left:88px;
	width:280px;
	background:linear-gradient(to bottom, #ffffff, #ccff91);
	opacity:0;
	visibility:hidden;
	transform:translateX(-130%);
	transition:transform 0.4s cubic-bezier(0.65, -0.01, 0.16, 0.99), opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}
.sp-whatsapp-form.sp-active{
	opacity:1;
	visibility:visible;
	transform:translateX(0);
}
.sp-whatsapp-form form.scroll{
	max-height:340px;
	margin-right:-10px;
}


/* ======== Pagination ======== */
.pagination{
	padding:0 1rem;
	margin-top:3rem;
	display:flex;
	align-items:center;
}
.pagination .screen-reader-text{
	font-size:16px;
	font-weight:600;
}
.pagination .nav-links{
	width:100%;
    flex:1;
    margin-left:1rem;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}
.pagination .nav-links::-webkit-scrollbar{
	width:4px;
	height:4px;
}
.pagination .page-numbers{
	border:1px solid #3E1E68;
	background:rgb(62 30 104 / 8%);
	border-radius:0.475rem;
	padding:4px 12px;
	font-size:14px;
	margin-right:6px;
	margin-bottom:8px;
	display:inline-block;
}
.pagination .page-numbers:nth-last-child(1){
	margin-right:0;
}
.pagination .page-numbers:hover{
	background:rgb(62 30 104 / 24%);
}
.pagination .page-numbers.current{
	background:#3E1E68 !important;
	color:#fff !important;
}


/* ======== Category ======== */
.sp-category-item img{
	transition:transform 0.4s ease-in-out;
}
.sp-category-item:hover .sp-category-head img{
	transform:scale(1.1);
}
.sp-category-mobile-arrows .mobile-slide-prev, 
.sp-category-mobile-arrows .mobile-slide-next{
	top:28%;
}


/* ======== (Prev - Next) Img ======== */
.sp-prev-img, .sp-next-img{
	margin: 0 10px;
}
.sp-prev-img, .sp-next-img,
.sp-prev-img img, .sp-next-img img{
	width: 40px;
    height: 40px;
}


/* ======== Comments ======== */
#respond h3 {
    font-size: 1.25rem;
    margin-bottom: 10px;
	color:#000957;
}
#respond a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color:#577BC1
}
#respond p {
    margin-bottom: 1.5rem
}
#respond p,
#respond a {
    font-size: 14px
}
#respond .comment-form p{
	margin-bottom:1rem;
}
#respond input[type="text"], #respond input[type="email"], #respond input[type="url"], #respond textarea{
	width: 100%;
    border-radius:0.475rem;
    border:1px solid #a8bce2;
	padding: .4rem .75rem;
	background:linear-gradient(45deg, #eef3fb, #ffffff);
	outline:none;
}
#respond textarea {
    resize: vertical;
    min-height: 120px;
}
#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond input[type="url"]:focus,
#respond textarea:focus {
    border-color:#98afdb !important;
    box-shadow: 0 0 0 .10rem #98afdb;
}
#respond input[type="submit"]{
	padding: 0.8rem 1.5rem;
    color: #000;
	font-size: 15px;
	border-radius:0.475rem;
	font-weight:500;
	background:linear-gradient(10deg, #FFEB00, #fff9b3) !important;
	border:1px solid #efdd03;
}
#respond .form-submit {
    margin-bottom: 0
}
.sp-comment-box {
    padding: 22px;
}
.sp-comment-author {
    line-height: 1.2;
}
.sp-comment-item .children {
    padding-left: 40px
}

.comment-form .comment-form-cookies-consent{
	display:flex;
	align-items: center;
}
.comment-form .comment-form-cookies-consent label{
	margin-bottom:0;
	margin-left:.5rem;
}


/* ======== CTA - Bottom links ======== */
.sp-cta-bottom-links{
	bottom:260px;
    left:19px;
	transition:transform 0.3s ease-in-out;
}
.sp-cta-bottom-links.active{
	visibility:hidden;
}

.sp-cta-bottom-btn{
	opacity:0;
	visibility:hidden;
	transform:translateY(10px);
	transition:transform 0.2s ease-in-out;
}
.sp-cta-bottom-btn:hover{
	transform:scale(1.1) !important;
}
.sp-cta-bottom-btn:nth-child(1){
	bottom:36px;
	transform:translateY(56px);
	transition:all 0.9s cubic-bezier(0.42, 0, 0, 1.03);
}
.sp-cta-bottom-btn:nth-child(2){
	bottom:24px;
	transform:translateY(44px);
	transition:all 0.6s cubic-bezier(0.42, 0, 0, 1.03);
}
.sp-cta-bottom-btn:nth-child(3){
	bottom:12px;
	transform:translateY(32px);
	transition:all 0.4s cubic-bezier(0.42, 0, 0, 1.03);
}
.sp-cta-bottom-btn:nth-child(4){
	bottom:0;
	transform:translateY(20px);
	transition:all 0.2s cubic-bezier(0.42, 0, 0, 1.03);
}
.sp-cta-bottom-btn.active{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

.sp-cta-bottom-close{
	bottom:200px;
    left:26px;
	width:36px;
	height:36px;
}


/* ======== Share links ======== */
.sp-share-links-mob-wrap{
	right:1rem;
    top:180px;
    width:32px;
	border-radius:160px;
    padding:10px 0;
    width:34px;
    height:max-content;
    box-shadow:0 0 15px -3px rgb(0 0 0 / .15);
	opacity: 0;
    visibility: hidden;
}
.sp-share-links-mob-wrap.active{
    animation:goUp 600ms forwards;
}
.sp-share-links-mob-wrap p{
    transform:rotate(-90deg);
    position:relative;
    top:16px;
    left:0;
    right:0;
    font-size:14px;
}
.sp-share-links-mob{
	padding-top:35px;
}


/* ======== Modal - Enquiry Form ======== */
.sp-enquiry-modal-form .eqf-form-btn{
	letter-spacing:0.05rem;
}


/* ======== Share links ======== */
.sp-sl-item{
	margin-bottom:.5rem;
}
.sp-post-shares .sp-sl-item{
	margin-bottom:.6rem;
}


/* ======== 404 Error ======== */
.sp-error-content h1{
	font-size:14rem;
	line-height:1;
}


/* ======== Footer ======== */ 
.sp-footer-section {
	padding-bottom:20px;
}
.sp-footer-col li {
    margin-bottom:.3rem;
}
.sp-footer-col li a, 
.sp-footer-ul li a,
.sp-footer-col .sp-contact-text,
.sp-footer-col .sp-contact-text a {
	font-size:0.85rem;
	color:rgb(255 255 255 / 70%);
	font-weight:400;
    transition: color 0.2s ease-in-out;
}
.sp-footer-col .sp-contact-text a{
	//color:rgb(254 251 229 / 80%);
}
.sp-footer-col li a:hover,
.sp-footer-ul li a:hover,
.sp-footer-col .sp-contact-text a:hover,
.sp-footer-col li a:focus,
.sp-footer-ul li a:focus,
.sp-footer-col .sp-contact-text:focus,
.sp-copyrights a {
    color:rgb(254 251 229 / 100%) !important
}
.sp-footer-col .badge{
	color:#d8e5ff;
	font-size:0.86rem;
	font-weight:500;
	padding:0;
	border:none;
}
.sp-footer-col .sp-contact-text svg{
	fill:#d8e5ff;
}
.sp-footer-wrap hr{
    border-color: rgb(255 255 255 / .10);
}
.sp-footer-bottom{
	padding:22px 0;
	//background:#011a12;
}


/* ======== Newsletter ======== */ 
.sp-newsletter-wrap h4{
	bottom:-8px;
}
.sp-emailer-form .form-control,
.sp-emailer-form .btn{
	padding-top:.65rem;
	padding-bottom:.65rem;
}


/* ======== Ad Popup ======== */ 
.sp-ad-card{
  bottom:80px;
  right:20px;
  width:180px;
  background:linear-gradient(104deg,#636363,#181818);
  animation:fadeIn 0.5s ease-in-out;
}
.sp-ad-title{
  margin-bottom:5px;
}
.sp-ad-price{
  margin-bottom:8px;
}
.sp-ad-desc{
	padding-right:10px;
    margin-right:-10px;
    max-height:80px;
}
.sp-ad-close-btn{
  top:4px;
  right:4px;
  width:22px;
  height:22px;
  line-height:20px;
}
/*--- Ad List (Style) ---*/
.sp-ad-list{
	width:380px;
}
.sp-ad-list .sp-ad-close-btn{
	left:4px;
	right:auto;
}
/*--- Ad Popup - small ---*/
.sp-ad-card.sm{
	width:160px;
}
.sp-ad-card.sm img{
	height:100px;
}
.sp-ad-card.sm .sp-ad-content.p-15{
	padding:12px;
}
.sp-ad-card.sm .sp-ad-title.fs-15,
.sp-ad-card.sm .sp-ad-price.fs-15{
	font-size:14px;
}

@keyframes fadeIn{
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}


/* ======== Ad Content ======== */
.cam-ad-container{
	background:linear-gradient(-45deg, #e2edff, #fff) !important;
	border:1px solid #cad7ee !important;
	transition:transform 0.1s ease-in-out;
}
.cam-ad-container:hover{
	transform:scale(1.01);
}
.cam-ad-img-wrap{
	width:270px !important;
}
img.cam-ad-image{
	border-radius:0 !important;
}
.cam-ad-label{
	background:rgb(0 0 0 / 50%) !important;
	font-size:9px !important;
	border-radius:4px !important;
}
.cam-ad-price{
	color:#000957;
}
.cam-ad-content .btn{
	padding:.6rem 1.3rem;
	background:linear-gradient(10deg, #FFEB00, #fff9b3) !important;
    border:1px solid #efdd03 !important;
    border-radius:0.475rem !important;
}
.cam-ad-content .btn:hover{
	background:linear-gradient(40deg, #FFEB00, #fff9b3) !important;
}


/*=== --- Media-Queries --- ===*/
@media(max-width:1199px){
	
	.sp-header-nav-ul li a.anchor-text:before{
		bottom:-1px;
	}
	
	.sp-gallery-grid{
		column-count:4;
	}
	
}


@media(max-width:991px){
	
	.sp-header-inner{
		background:#fff !important;
	}
	.sp-header-nav-inner{
		padding:0 12px;
	}
	.sp-header-nav-ul{
		margin-bottom:16px;
	}
	.sp-header-wrap .sp-contact-text a{
		padding:3px 10px;
	}
	
	.sp-header-nav-ul li .nav-link{
		padding:12px 0 8px 0 !important;
		color:#191919 !important;
	}
	.sp-header-nav-ul li .nav-link:hover, 
	.sp-header-nav-ul li.active .nav-link{
		color:#344cb7 !important;
	}
	.sp-header-nav-ul li{
		margin-left:0;
	}
	.sp-header-nav-ul li a{
		display:inline-block;
	}
	.sp-header-nav-ul li a.anchor-text:before{
		bottom:0;
	}
	.sp-header-nav-ul li.dropdown a:after{
		top:20px;
		margin-left:10px;
	}
	.dropdown-menu{
		width:100%;
		position:relative !important;
		background:linear-gradient(-45deg, #ffffff, #e8eef9) !important;
	}
	.dropdown-menu:before{
		border-color:#dce4f4 #fff0 #fff0;
	}
	.sp-header-nav-ul{
		max-height:380px;
		overflow: auto;
		overflow-x: hidden;
		padding-right:10px;
	}
	.sp-header-nav-ul::-webkit-scrollbar{
		width:4px;
		height:4px;
	}
	.sp-header-nav-ul li:nth-last-child(1){
		border:none;
	}
	.dropdown-menu li:hover a{
		color:#191919;
	}
	.dropdown-menu li a:hover{
		background:#f0d8ff;
	}
	
	.sp-banner-image-section{
		padding-top:220px;
	}
	
	.pagination{
		flex-direction:column;
		align-items:start;
	}
	.pagination .nav-links{
		margin-top:1rem;
		margin-left:0;
	}
	
	.sp-gallery-grid{
		column-count:3;
	}
	
	.gallery-video-frame{
		height:60vh;
	}

}


@media(max-width:767px){
	
	.sp-gallery-grid{
		column-count:2;
	}
	
	.sp-single-post-section{
		padding-top:30px;
	}
	.sp-banner-post-wrap{
		margin-top:100px;
	}
	
	.sp-go-to-home{
        right: 15px;
        width: 42px;
        height: 42px;
        line-height: 42px
    }
    .sp-go-to-home svg{
        width: 18px;
        height: 18px
    }
	
	.sp-banner-image-section{
		padding:130px 0 240px;
	}
	
	.sp-video-poster img{
		height:250px;
	}
	
	.sp-post-shares{
		padding:0.75rem !important;
	}
	.sp-post-shares .sp-sl-item{
		margin-bottom:0.8rem;
	}
	.sp-sl-item svg{
		width:20px;
		height:20px;
	}
	
	#galleryThumbs_Slider{
        width:400px;
    }
	
	.gallery-video-frame{
		height:40vh;
	}
	
	.sp-cta-bottom-links{
		left:15px;
	}
	.sp-cta-bottom-btn{
		width:44px !important;
		height:44px !important;
	}
	.sp-cta-bottom-btn svg{
		width:22px;
		height:22px;
	}
	.sp-cta-bottom-close{
		width:34px;
		height:34px;
		left:20px;
	}
	.sp-cta-bottom-close svg{
		width:18px;
		height:18px;
	}
	.sp-cta-bottom-close svg.bi-list{
		width:20px;
		height:20px;
	}
	
	.sp-error-content h1{
		font-size:10rem;
	}

}


@media screen and (max-width:768px){
	
	.cam-ad-img-wrap{
		width:100% !important;
	}
	
}


@media(max-width:575px){
	
	.sp-banner-section{
		padding-top:70px;
	}
	
	.sp-feature-item img{
		width:56px;
		height:56px;
	}
	
	.sp-page-title-section h1.heading-lg{
		font-size:38px !important;
	}
	
	.sp-gallery-img figcaption a svg{
		width:15px;
		height:15px;
	}
	
	.footer-social-ul .social-links svg{
		width:34px;
		height:34px;
	}
	
	.sp-whatsapp-form{
		left:68px;
		width:238px;
	}
	
	.sp-error-content h1{
		font-size:8rem;
	}
	
	.sp-ad-list{
		width:170px;
	}
	
	.sp-ad-card.sm{
		width:130px;
	}
	.sp-ad-close-btn{
		width:20px;
		height:20px;
		line-height:19px;
	}
	.sp-ad-card.sm img{
		height:90px;
	}
	.sp-ad-card.sm .sp-ad-title.fs-15, .sp-ad-card.sm .sp-ad-price.fs-15{
		font-size:13px;
	}
	.sp-ad-card.sm button.btn-sm{
		padding:10px 6px;
		font-size:13px !important;
	}
	
	#galleryThumbs_Slider{
		width:250px;
	}
	
	#galleryThumbs_Slider .mobile-slide-prev,
	#galleryThumbs_Slider .mobile-slide-next{
		width:20px;
		height:20px;
		line-height:14px;
	}
	#galleryThumbs_Slider .mobile-slide-prev svg,
	#galleryThumbs_Slider .mobile-slide-next svg{
		width:14px;
		height:14px;
	}

}


@media(min-width:576px){
	
	.sp-enquiry-modal-form .modal-dialog{
		max-width:450px;
		margin-left:auto;
		margin-right:auto;
	}
	
}