@charset "utf-8";
/* CSS Document */

/************************************/
/***      32. Responsive css      ***/
/************************************/

@media only screen and (max-width: 1880px){
	
	.bg-section{
		width: calc(100% - 40px);
		margin: 0 20px;
	}
	
	.hero{
		margin-top: 20px;
	}

	.our-scrolling-ticker{
		margin-top: 20px;
	}

	.page-header{
		margin-top: 20px;
	}
}

@media only screen and (max-width: 1024px){

	.main-menu ul li{
		margin: 0;
	}	

	.btn-default{
		padding: 15px 45px 15px 20px;
	}

	.btn-default::before{
		right: 20px;
	}

	.hero-btn .btn-default.hero-video-btn{
		padding: 14px 45px 14px 20px;
	}

	.hero-info-list{
		margin-top: 80px;
	}

	.hero-info-video-image, .working-hours-item{
		width: calc(50% - 15px);
	}

	.about-us-images{
		max-width: 600px;
		margin: 0 auto 30px;
	}

	.about-us-content{
		margin-left: 0;
	}

	.contact-us-content{
		margin-bottom: 30px;
	}
.contact-us-content .section-title h3{
		font-size:26px;
	font-weight:700;
	color: var(--primary-color);
	}
	
	.contact-info-list{
		margin-left: 0;
	}

	.contact-form-map{
		gap: 30px;
	}

	.google-map-iframe,
	.contact-us-form{
		width: calc(50% - 15px);
	}
}

@media only screen and (max-width: 991px){

	header.main-header{
		top: 0;
	}

	header.main-header .header-sticky.active{
		border-radius: 0;
		border-left: none;
		border-right: none;
	}

	.navbar{
		padding: 20px 0;
	}

	.responsive-menu,
    .navbar-toggle{
        display: block;
    }

	.slicknav_nav li,
	.slicknav_nav ul{
        display: block;
    }

	.header-btn{
		display: none;
	}

	.bg-section{
		width: 100%;
		border-radius: 0;
		margin: 0;
	}

	.bg-section .container-fluid{
		padding: 0 25px;
	}
	
	.section-row{
		margin-bottom: 40px;
	}

	.section-row .section-title.section-title-center{
		max-width: 100%;
	}

	.section-content-btn .section-btn{
		margin-top: 20px;
	}
	
	.section-title{
		margin-bottom: 30px;
	}

	.section-title h1{
		font-size: 44px;
	}

	.section-title h2{
		font-size: 26px;
	}
	.section-title h3{
		font-size: 22px;
	}
	.section-title p{
		margin-top: 10px;
	}

	.section-title-content{
        margin-top: 10px;
    }

	.section-btn{
        text-align: left;
        margin-top: 15px;
	}

	.hero{
		padding: 150px 0 30px;
		margin-top: 0;
	}

	.working-hours-item{
		padding: 20px;
	}

	.working-hours-header{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.our-scrolling-ticker{
		padding: 20px 0;
	}

	.scrolling-ticker-box{
		--gap: 20px;
	}

	.scrolling-content span{
		font-size: 22px;
	}

	.scrolling-content span img{
		width: 26px;
		margin-right: 20px;
	}

	.about-us{
		padding: 50px 0;
	}

	.about-experience-box h2{
		font-size: 36px;
	}

	.about-us-list ul li{
		margin-bottom: 15px;
	}

	.about-us-btn{
		margin-top: 30px;
	}

	.our-services{
		padding: 50px 0;
	}

	.service-item-content{
		margin-top: 40px;
	}

	.section-footer-text{
		margin-top: 10px;
	}

	.our-features{
		padding: 50px 0;
	}

	.feature-image figure img{
		aspect-ratio: 1 / 1.2;
	}

	.feature-item-body{
		bottom: 20px;
		left: 20px;
		right: 20px;
		padding: 20px;
	}

	.our-programs{
		padding: 50px 0;
	}

	.our-programs-content{
		position: initial;
		margin:  0 0 30px 0;
	}

	.programs-item{
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.our-moments{
		padding: 50px 0;
	}

	.moments-image.img-5 figure img{
		aspect-ratio: 1 / 1.75;
	}

	.moments-image figure,
	.moments-image figure img{
		border-radius: 14px;
	}

	.cta-box-section{
		padding: 50px 0 0;
	}

	.our-pricing{
		padding: 50px 0 20px;
	}

	.pricing-box{
		padding: 30px;
	}

	.pricing-header{
		margin-bottom: 15px;
	}

	.pricing-price h2{
		font-size: 32px;
	}

	.pricing-body{
		margin-top: 20px;
		padding-top: 20px;
	}

	.pricing-body ul li{
		margin-bottom: 10px;
	}

	.pricing-body ul li:before{
		font-size: 16px;
	}

	.pricing-btn{
		margin-top: 30px;
	}

	.pricing-btn .btn-default{
		padding: 15px;
	}

	.intro-video .video-play-button a{
		width: 80px;
		height: 80px;
		font-size: 18px;
	}

	.our-testimonial{
		padding: 50px 0;
	}

	.our-testimonial-content{
		position: initial;
		margin: 0 0 30px 0;
	}

	.testimonial-item{
		padding: 20px;
		margin-bottom: 30px;
	}

	.testimonial-item-body{
		margin-top: 20px;
		padding-top: 20px;
	}

	.our-faqs{
		padding: 50px 0;
	}

	.faqs-content{
		position: initial;
		margin-bottom: 30px;
	}

	.page-cta-content{
		padding: 20px;
	}

	.page-cta-content p{
		margin: 10px 0 0;
	}

	.page-cta-contact-item{
		padding: 15px 20px;
	}

	.faq-accordion .accordion-header .accordion-button{
		padding: 14px 48px 14px 20px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		font-size: 18px;
		right: 20px;
	}

	.faq-accordion .accordion-item .accordion-body{
		padding: 14px 20px;
	}

	.our-blog{
		padding: 50px  0 20px;
	}

	.post-featured-image{
		margin-bottom: 15px;
	}

	.post-item-content{
		margin-bottom: 10px;
	}

	.main-footer{
		padding: 50px 0 0;
		margin: 0;
	}

	.footer-header{
		gap: 20px;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.footer-links h3{
		margin-bottom: 15px;
	}

	.footer-links ul li{
		margin-bottom: 15px;
	}

	.footer-newsletter-box{
		margin: 0 0 40px;
	}

	.footer-newsletter-form{
		margin-top: 20px;
	}

	.footer-contact-item-content h3{
		margin-bottom: 5px;
	}

	.footer-social-links{
		margin-top: 20px;
		padding-top: 20px;
	}

	.footer-social-links ul li{
		margin: 0 15px 0 0;
	}

	.footer-copyright{
		padding: 30px 0;
		margin: 30px 0 0;
	}

	.footer-menu ul{
		gap: 15px;
	}

	.page-header{
		padding: 170px 0 80px;
	}

	.page-header-box h1{
		font-size: 44px;
	}

	.our-approach{
		padding: 50px 0;
	}

	.approach-content{
		margin-bottom: 30px;
	}
	.approach-content ul li{
		position: relative;
	line-height: 1.5em;
	padding-left: 30px;
	margin-bottom: 10px;
	}
	
	
	.approach-body{
		margin-bottom: 30px;
	}

	.approach-image{
		max-width: 80%;
		margin: 0 auto;
	}

	.festival-vibes{
		padding: 50px 0;
	}

	.festival-vibes-content{
		margin-bottom: 30px;
	}

	.festival-vibes-body{
		margin-top: 30px;
		padding-top: 30px;
	}

	.festival-vibes-body-list ul li{
		margin-bottom: 10px;
	}

	.festival-vibes-body-list ul li::before{
		font-size: 16px;
	}

	.festival-vibes-body-content{
		right: 20px;
		bottom: 20px;
		left: 20px;
	}

	.festival-vibes-image{
		margin-left: 0;
	}

	.festival-vibes-image img{
		aspect-ratio: 1 / 0.7;
	}

	.our-team{
		padding: 50px 0 20px;
	}

	.team-image img{
		aspect-ratio: 1 / 1.1;
	}

	.our-facts{
		padding: 50px 0 20px;
	}

	.our-facts:before{
		border-radius: 0;
	}

	.about-facts{
		margin-left: 0;
	}

	.facts-item{
		padding: 20px;
	}

	.facts-item .icon-box{
		margin-bottom: 30px;
	}

	.facts-item-content h2{
		font-size: 26px;
		margin-bottom: 10px;
	}

	.our-scrolling-ticker.facts-ticker{
		margin-top: 80px;
	}

	.our-scrolling-ticker.facts-ticker .scrolling-content span{
		font-size: 70px;
	}

	.our-scrolling-ticker.facts-ticker .scrolling-content span img{
		width: 45px;
	}

	.page-services{
		padding: 50px 0 20px;
	}

	.page-service-single{
		padding: 50px 0;
	}

	.page-single-sidebar{
		position: initial;
		margin: 0 0 30px;
	}

	.page-category-list{
		margin-bottom: 30px;
	}

	.page-category-list h3{
		padding: 15px 20px;
	}
.page-single-sidebar .page-category-list h2{
		padding: 15px 20px;
		font-size:18px;
		color:var(--white-color);
	}
	.page-category-list ul{
		padding: 20px;
	}

	.page-category-list ul li{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.page-category-list ul li a::before{
		width: 18px;
		height: 18px;
	}

	.page-single-image{
		margin-bottom: 30px;
	}

	.service-entry{
		margin-bottom: 10px;
	}

	.service-entry p{
		margin-bottom: 15px;
	}

	.service-entry h2{
		font-size: 28px;
		margin-bottom: 10px;
	}

	.service-entry ul{
		margin-top: 20px;
	}

	.service-entry ul li{
		font-size: 14px;
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.service-entry ul li::before{
		font-size: 16px;
	}

	.service-experience-box,
	.service-work-step-box,
	.service-moments-box{
		margin-top: 10px;
	}
	.service-single-content .service-entry .service-experience-box h2{
		font-size: 28px;
		margin-bottom: 10px;
	}
	.service-experience-image,
	.service-experience-item-list{
		margin-top: 10px;
	}

	.service-work-step-image{
		margin-top: 20px;
	}

	.service-work-step-item{
		padding: 20px;
	}

	.service-moment-item .icon-box{
		width: 60px;
		height: 60px;
	}
	
	.service-moment-item .icon-box img{
		max-width: 30px;
	}

	.service-moment-item-content{
		margin-top: 20px;
		padding-top: 20px;
	}
	.service-moment-item-content p a{
		color:var(--primary-color);
	}
	.page-blog{
		padding: 50px 0;
	}

	.page-pagination{
		margin-top: 10px;
	}

	.page-single-post{
        padding: 50px 0;
    }
    
    .post-image{
        margin-bottom: 20px;
    }
    
    .post-entry h1,
    .post-entry h2,
    .post-entry h3,
    .post-entry h4,
    .post-entry h5,
    .post-entry h6{
        margin: 0 0 0.42em;
    }
    
    .post-entry h2{
        font-size: 36px;
    }
    
    .post-entry p{
        margin-bottom: 15px;
    }
    
    .post-entry ol li,
    .post-entry ul li{
		font-size: 16px;
        margin-bottom: 10px;
    }
    
    .post-entry blockquote{
        background-position: 20px 20px;
        background-size: 40px;
        padding: 20px 20px 20px 70px;
        margin-bottom: 20px;
    }
    
    .post-entry blockquote p{
        font-size: 18px;
    }
    
    .post-tags{
        margin-bottom: 20px;
    }
    
    .post-tags .tag-links a{
        padding: 10px 15px;
    }
    
    .post-social-sharing ul{
        text-align: left;
    }

	.page-team{
		padding: 50px 0 20px;
	}

	.page-team-single{
		padding: 50px 0;
	}	

	.team-member-about-box{
		padding: 20px;
		margin-bottom: 40px;
		align-items: initial;
	}

	.team-single-image{
		width: calc(45% - 15px);
	}

	.team-single-image figure,
	.team-single-image img{
		height: 100%;
	}

	.member-about-content{
		width: calc(55% - 15px);
	}

	.member-about-list ul li{
		margin-bottom: 15px;
	}

	.member-about-list ul li span{
		width: 32%;
	}

	.member-about-social-icons{
		margin-top: 30px;
	}
	
	.member-about-social-icons ul li{
		margin-right: 15px;
	}

	.member-biography-skill-box,
	.team-contact-form.contact-us-form{
		width: 100%;
	}

	.member-biography-counters{
		padding: 30px;
	}

	.biography-counter-item h2{
		font-size: 32px;
	}
	
	.member-skill-box{
		margin-top: 40px;
	}

	.page-pricing{
		padding: 50px 0 20px;
	}

	.page-testimonials{
		padding: 50px 0 20px;
	}

	.page-gallery{
		padding: 50px 0 20px;
	}

	.page-video-gallery{
		padding: 50px 0 20px;
	}

	.page-faqs{
		padding: 50px 0;
	}

	.page-faqs .page-single-faqs{
		margin-bottom: 40px;
	}

	.page-contact-us{
		padding: 50px 0;
	}

	.contact-info-item{
		padding: 20px 30px;
	}

	.contact-info-item .icon-box{
		margin-right: 10px;
	}

	.contact-item-content{
		width: calc(100% - 60px);
	}

	.contact-form-map{
		margin-top: 50px;
	}

	.google-map-iframe,
	.contact-us-form{
		width: 100%;
	}

	.contact-us-form{
		padding: 30px;
	}

	.contact-form form .form-control{
		padding: 13px 15px;
	}

	.contact-form form .btn-default{
		padding: 13px;
	}

	.google-map-iframe iframe{
		height: 450px;
	}

	.error-page{
		padding: 50px 0;
	}
	
	.error-page-image{
		margin-bottom: 20px;
	}

	.error-page-image img{
		max-width: 80%;
	}
}

@media only screen and (max-width: 767px){
.hero-gold{
	position: relative;
	background: url('../images/mobile.png') no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 260px 0;

}

.hero-gold::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(19, 51, 70, 0.30) 0%, rgba(19, 51, 70, 0.30) 100%);
	width: 100%;
	height: 100%;
	z-index: 1;
}
	
	
.section-title p{
		font-size: 20px;
	}
	.section-row{
		margin-bottom: 30px;
	}

	.section-title h1{
		font-size: 28px;
	}

	.section-title h2{
		font-size: 22px;
	}

	.hero-btn{
		gap: 15px;
	}

	.hero-info-list{
		margin-top: 40px;
		gap: 20px;
	}

	.hero-info-video-image,
	.working-hours-item{
		width: 100%;
	}

	.working-hours-header h3{
		font-size: 18px;
	}

	.working-hours-body ul li{
		margin-bottom: 10px;
	}

	.hero-contact-info-item{
		margin-bottom: 15px;
	}

	.our-scrolling-ticker{
		padding: 10px 0;
	}

	.scrolling-content span{
		font-size: 20px;
	}

	.scrolling-content span img{
		width: 22px;
	}

	.about-image-box-1{
		gap: 20px;
	}

	.about-us-img-1{
		width: calc(100% - 160px);
	}

	.about-us-img-2 figure{
		width: 140px;
		height: 140px;
	}

	.about-experience-box{
		max-width: 135px;
		padding: 15px;
	}

	.about-experience-box h2{
		font-size: 26px;
		margin-bottom: 5px;
	}

	.about-experience-box p{
		font-size: 12px;
	}

	.about-us-img-3 figure{
		border-width: 5px;
	}

	.about-us-img-3{
		width: calc(100% - 145px);
		margin-top: -40px;
	}

	.about-us-body{
		gap: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.about-body-item-content h3{
		font-size: 18px;
	}

	.about-us-list{
		width: 100%;
	}

	.about-us-list ul li{
		margin-bottom: 10px;
		padding-left: 25px;
	}

	.about-us-list ul li::before{
		top: 1px;
		font-size: 16px;
	}

	.year-experience-circle img{
		max-width: 100px;
	}

	.service-item{
		padding: 20px;
	}

	.service-item-no h3{
		font-size: 22px;
	}

	.service-image{
		margin: -80px -80px 0 0;
	}

	.service-image a{
		background-size: cover;
    	padding: 20px;
	}

	.service-image figure{
		width: 200px;
		height: 200px;
	}

	.service-item-content{
		margin-top: 20px;
	}

	.service-item-content h3{
		font-size: 18px;
	}

	.feature-item-content h3{
		font-size: 18px;
	}

	.programs-item{
		border-bottom: none;
		padding-bottom: 0;
		gap: 20px;
	}

	.programs-item-image{
		width: 100%;
		max-width: 100%;
	}

	.programs-item-content{
		width: 100%;
	}

	.programs-item-title h3{
		font-size: 18px;
	}

	.programs-item-content-list{
		margin-top: 15px;
		padding-top: 15px;
	}

	.programs-item-content-list ul{
		gap: 15px;
	}

	.programs-item-content-list ul li{
		gap: 5px;
	}

	.our-moments-box-1,
	.our-moments-box-2{
		width: 100%;
	}

	.cta-box-body{
		gap: 20px;
	}

	.cta-box-image{
		margin-top: 30px;
	}

	.pricing-box{
		padding: 20px;
	}

	.pricing-header h3{
		font-size: 18px;
	}

	.pricing-price h2{
		font-size: 24px;
	}

	.pricing-body{
        margin-top: 15px;
        padding-top: 15px;
    }

	.pricing-btn{
		margin-top: 20px;
	}

	.intro-video-image img{
		aspect-ratio: 1 / 0.8;
	}

	.testimonial-item{
		gap: 20px;
	}

	.testimonial-item-image{
		width: 100%;
		max-width: 100%;
	}

	.testimonial-item-content{
		width: 100%;
	}

	.testimonial-header h3{
		font-size: 18px;
	}

	.testimonial-header p{
		margin-top: 10px;
	}

	.testimonial-item-body{
		gap: 10px;
	}

	.testimonial-author-content{
		width: calc(60% - 5px);
	}

	.testimonial-quote{
		width: 40px;
		height: 40px;
	}

	.testimonial-quote img{
		max-width: 20px;
	}

	.testimonial-author-content .author-content{
		width: calc(100% - 50px);
	}

	.testimonial-author-content .author-content p{
		font-size: 14px;
	}

	.testimonial-author-content .author-content h3{
		font-size: 16px;
	}

	.testimonials-rating-box{
		width: calc(40% - 5px);
	}

	.testimonials-company-logo img{
		max-width: 80px;
	}

	.testimonials-rating{
		display: block;
	}

	.faq-accordion .accordion-item{
		border-radius: 14px;
        margin-bottom: 20px;
    }

	.faq-accordion .accordion-header .accordion-button{
		padding: 12px 36px 12px 14px;
		font-size: 16px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
        font-size: 16px;
		right: 14px;
    }

	.faq-accordion .accordion-item .accordion-body{
		padding: 14px;
	}

	.faq-accordion .accordion-item .accordion-body p{
		font-size: 14px;
	}

	.post-item-content h2{
		font-size: 18px;
	}

	.footer-header .section-title{
		max-width: 100%;
	}

	.footer-header{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

	.footer-links{
		margin-bottom: 30px;
	}

	.footer-links h3{
		font-size: 18px;
        margin-bottom: 10px;
    }

	.footer-links ul li{
		margin-bottom: 10px;
	}

	.footer-contact-item-content h3{
		margin-bottom: 5px;
	}

	.footer-social-links{
        margin-top: 15px;
        padding-top: 15px;
    }

	.footer-social-links ul li{
        margin: 0 15px 0 0;
    }

	.footer-copyright{
        padding: 15px 0;
        margin: 0;
    }

	.footer-copyright-box{
		flex-direction: column;
        gap: 10px;
	}

	.footer-menu ul{
		justify-content: center;
    }

	.page-header-box h1{
		font-size: 28px;
	}

	.approach-item{
		width: 100%;
	}

	.approach-item:after{
		top: auto;
		right: 0;
		left: 0;
		height: 1px;
		width: 100%;
		bottom: -15px;
	}

	.approach-item:nth-child(2n + 2):after{
		display: block;
	}

	.approach-item:last-child:after{
		display: none;
	}

	.approach-item-header{
		margin-bottom: 10px;
	}

	.approach-image{
		max-width: 100%;
	}

	.approach-img-box-1,
	.approach-img-box-2{
		width: 100%;
	}

	.approach-img-1 img,
	.approach-img-2 img{
	    aspect-ratio: 1 / 1.04;
	}

	.approach-img-box-1 .review-rating-box{
		margin-top: 20px;
	}

	.festival-vibes-body{
		gap: 20px;
	}

	.festival-vibes-body-list,
	.festival-vibes-body-item{
		width: 100%;
	}

	.festival-vibes-body-content h3{
		font-size: 18px;
	}

	.facts-list{
		gap: 20px;
	}

	.facts-item{
		width: calc(50% - 10px);
	}

	.facts-item .icon-box{
		margin-bottom: 20px;
	}

	.facts-item-content h2{
		font-size: 22px;
	}

	.our-scrolling-ticker.facts-ticker{
		margin-top: 50px;
	}

	.our-scrolling-ticker.facts-ticker .scrolling-content span{
		font-size: 40px;
	}

	.our-scrolling-ticker.facts-ticker .scrolling-content span img{
		width: 30px;
	}

	.page-category-list h3{
		font-size: 18px;
	}

	.page-single-image{
        margin-bottom: 20px;
    }

	.page-single-image img{
		aspect-ratio: 1 / 0.65;
	}

	.service-entry h2{
        font-size: 26px;
    }

	.service-entry h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.service-experience-image img{
		aspect-ratio: 1 / 0.55;
	}

	.service-experience-item{
		width: 100%;
	}

	.service-work-image-box,
	.service-work-step-content{
		width: 100%;
	}

	.service-work-step-item{
        padding: 15px;
    }

	.service-moment-item{
		width: 100%;
	}

	.service-moment-item .icon-box{
		width: 50px;
		height: 50px;
	}
	
	.service-moment-item .icon-box img{
		max-width: 24px;
	}

	.post-single-meta ol li,
	.post-single-meta ol li i{
		font-size: 16px;
	}

	.post-image img{
		aspect-ratio: 1 / 0.7;
	}

	.post-entry blockquote{
		background-position: 15px 15px;
		padding: 60px 15px 15px 15px;
	}

	.post-entry blockquote p{
		font-size: 16px;
	}

	.post-entry h2{
		font-size: 26px;
	}

	.tag-links{
		font-size: 18px;
	}

	.team-single-image,
	.member-about-content{
		width: 100%;
	}

	.team-single-image figure,
	.team-single-image img{
		height: auto;
	}

	.member-about-list ul li span{
		font-size: 18px;
	}

	.member-about-list ul li{
        margin-bottom: 10px;
    }

	.member-about-social-icons ul li{
		margin-right: 10px;
	}

	.member-biography-counters{
        padding: 20px;
		gap: 25px 20px;
    }

	.biography-counter-item{
		width: calc(50% - 10px);
	}

	.biography-counter-item::before{
		right: -10px;
	}

	.biography-counter-item:nth-child(3n + 3)::before,
	.biography-counter-item:last-child:before{
		display: block;
	}

	.biography-counter-item:nth-child(2n + 2)::before,
	.biography-counter-item:last-child:before{
		display: none;
	}

	.biography-counter-item h2{
        font-size: 24px;
    }

	.member-skill-list{
		gap: 20px;
	}

	.member-skill-list .skills-progress-bar{
		width: 100%;
	}

	.skillbar .skill-data{
		margin-bottom: 10px;
	}

	.contact-info-list{
		gap: 20px;
	}

	.contact-info-item{
		width: 100%;
		padding: 15px 20px;
	}

	.contact-item-content h3{
		font-size: 18px;
	}

	.contact-us-form{
		padding: 20px;
	}

	.google-map-iframe iframe{
		height: 350px;
	}
}
@media only screen and (max-width: 767px){
	.hero-body-royal{
		gap: 15px;
	}

	.satisfy-client-box-royal{
		width: 100%;
	}

	.about-us-images-royal{
        max-width: 100%;
    }

	.about-img-1-royal{
		padding-left: 145px;
	}

	.about-img-2-royal{
		max-width: 200px;
		margin-top: -150px;
	}

	.company-experience-circle-royal{
		transform: translate(70%, 50%);
	}

	.company-experience-circle-royal img{
        max-width: 100px;
    }

	.about-experience-list-royal,
	.about-experience-image-royal{
		width: 100%;
	}

	.about-experience-list-royal ul li{
		margin-bottom: 10px;
		padding-left: 25px;
	}

	.about-experience-list-royal ul li::before{
		top: -1px;
		font-size: 18px;
	}

	.about-contact-box-content-royal h3{
		font-size: 18px;
	}
	
	.our-services-box-royal{
		gap: 20px;
	}

	.services-image-royal,
	.services-item-royal{
        width: 100%;
		height: auto;
    }

	.services-item-royal{
        padding: 30px 20px;
    }

	.services-image-royal figure{
		height: auto;
	}

	.cta-content-royal h3{
        font-size: 24px;
    }

	.feature-item-content-royal h3{
		font-size: 18px;
	}

	.feature-item-content-royal p{
		font-size: 14px;
	}

	.intro-video-box-royal{
        padding: 50px 15px;
    }

	.video-play-button-royal a{
		width: 70px;
		height: 70px;
	}

	.why-choose-box-royal{
        gap: 20px;
        margin-top: 50px;
        padding-top: 30px;
    }

	.why-choose-item-royal{
        width: 100%;
    }

	.why-choose-item-content-royal h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.faq-accordion-royal .accordion-item{
		margin-bottom: 20px;
	}

	.faq-accordion-royal .accordion-item .accordion-body p{
		font-size: 14px;
	}

	.pricing-item-royal{
        padding: 20px;
    }

	.pricing-header-royal h3{
        font-size: 18px;
    }

	.pricing-price-royal h2{
        font-size: 26px;
    }

	.pricing-benefit-list-royal ul{
		gap: 10px;
	}

	.pricing-benefit-list-royal ul li{
		font-size: 14px;
	}

	.pricing-benefit-list-royal ul li img{
		max-width: 16px;
		margin-right: 5px;
	}

	.testimonial-content-royal{
        margin-bottom: 20px;
    }

	.testimonial-content-royal p{
        font-size: 16px;
    }

	.author-content-royal h3{
		font-size: 18px;
	}

	.testimonial-pagination-royal{
		position: relative;
		margin-top: 30px;
		justify-content: center;
	}

	.testimonials-counter-list-royal{
        margin-top: 20px;
        padding-top: 20px;
		gap: 20px;
	}
    
	.testimonials-counter-item-royal{
		width: calc(50% - 10px);
		display: block;
	}

	.testimonials-counter-item-royal h2{
		width: 100%;
		font-size: 28px;
		margin-bottom: 5px;
	}

	.testimonials-counter-item-royal p{
		font-size: 14px;
	}

	.post-item-content-royal h2{
		font-size: 18px;
	}

	.footer-header-royal{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

	.footer-newsletter-form-royal,
	.section-title.footer-newsletter-title-royal{
		width: 100%;
	}

	.footer-links-royal{
		width: calc(62% - 10px);
	}

	.footer-links-royal.quick-links-royal{
		width: calc(38% - 10px);
	}

	.footer-links-royal ul li{
		width: 100%;
	}

	.footer-contact-box-royal{
        gap: 25px;
		margin-top: 20px;
    	padding-top: 20px;
    }

	.footer-contact-item-royal{
        width: 100%;
    }

	.footer-contact-item-royal::before{
		display: none;
	}

	.footer-links-royal.footer-contact-item-royal h3{
		margin-bottom: 10px;
	}

	.footer-copyright-royal{
        flex-direction: column;
        gap: 15px;
        padding: 20px 0;
    }

	.footer-privacy-policy-royal ul li{
		margin-right: 5px;
		padding-right: 12px;
	}
}