/* Animation Css  */
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeft{
    animation-name: fadeInLeft;
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}
/* Heading Under Line  */
@keyframes heading-move {
  0% {
    transform: translateX(-1px);
  }
  50% {
    transform: translateX(75px);
  }
  100% {
    transform: translateX(-1px);
  }
}
/* Video Icon wave  */
@keyframes ripple-wave {
  0% {
    opacity: 0.8;
    transform: scale(0.9);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}


@keyframes move-up-down{
	0% {
    transform: translate3d(0px, 0px, 0px);
  }

  40% {
    transform: translate3d(0px, 20px, 0px);
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}











/* Responsive */
/* ***	RESPONSIVE	*** */
@media  only screen and (max-width: 1880px) {
	
}
@media  only screen and (max-width: 1780px) {

}

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

}

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

}

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

}

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

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

}

@media  only screen and (max-width: 1200px) {
.container {
    max-width: 1150px;
}
}


@media  only screen and (max-width: 1080px) {
.container {
    max-width: 1000px;
}
	.navbar .nav-item .nav-link { 
    margin-right: 0px; 
    font-size: 14px; 
	}
	.custom-logo-link .custom-logo {
    width: 200px; 
	}
	.theme-btn {
    font-size: 12px;
	}
	.navbar .theme-btn { 
    padding: 10px 16px;
	}
	.nav-right .sidebar-btn .nav-right-link { 
    font-size: 23px; 
    height: 50px;
    width: 50px; 
	}
	.hero-content .hero-title { 
    font-size: 35px; 
    margin: 0 0 10px 0; 
	}
	.hero-content p { 
    font-size: 15px ;
	}
	.hero-arrow {
    width: 50px;
    height: 40px; 
    border-radius: 10px 18px; 
	}
}

@media  only screen and (max-width: 1024px) {
.site-title { 
    font-size: 32px; 
}
	.site-title-tagline { 
    font-size: 13px; 
	}
	.site-title-tagline i { 
    font-size: 16px;
	}
	body { 
    font-size: 15px; 
	}
	.service-rocket-img {
    max-width: 170px; 
	}
	.service-card-img img{
		height: 50px;
    	width: 50px;
	}
	h4 {
    font-size: 17px; 
	}
	.hero-content { 
    width: 760px;
    padding: 25px; 
	}
	.about-experience { 
    top: -100px;
    left: 0px; 
    padding: 9px 10px 9px 10px; 
}
	.about-experience-icon { 
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 62px; 
    border-radius: 10px;
	}
	.project-card img{
	 	height: 200px;
    	width: auto;
	}
	.hm-cta-container {
		justify-content: space-between; 
	}
}

@media  only screen and (max-width: 991px) {
.container {
    max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
		.service-item{
		display: grid;
    	grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		padding: 0 20px;
		}
	.service-card:nth-child(2) {
    margin-top: 0;
	}
	.service-card:nth-child(3) {
    margin-top: 0;
	}
	.service-card:nth-child(4) {
    margin-top: 0;
	}
	.service-card {
    width: 100%; 
	}
	.navbar-brand{
		display: none !important;
	}
	.about-experience {
    top: -42px; 
	}
	.service-title-row {
    padding-bottom: 0px;
	}
	.circle {
    width: 80px;
    height: 80px; 
    font-size: 24px; 
	}
	.custom-nav-item {
    position: relative;
    height: 50px;
    background: #ddd;
    border: 1px solid #aaa;
	padding: 0 15px;
}
	.custom-nav-item:hover > .custom-dropdown { 
    z-index: 99;
    position: relative;
}
	.custom-dropdown .custom-nav-item { 
    background: black;
	}
	.booking-images img {
		width: 99px;
		height: 99px; 
	}
	.booking-images{
		margin-bottom: 10px !important;
	}
	.booking-area .container {
		padding: 16px 20px;
	}
	.container .row{
		row-gap: 20px;
	}
	.service-info .row{
	  row-gap:  0px !important;
	}
	.contact-section input, .contact-section textarea, .contact-section select { 
		margin-bottom: 0;
	}
	.contact-form-section .row{
		 row-gap: 10px;
	}
}

@media  only screen and (max-width: 800px) {
.hero-content {
    width: 630px; 
}
	.row.project-row.mt-lg-4.mt-3 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.project-card {
    	width: 100%;
	}
}

@media  only screen and (max-width: 767px) {
.hero-content {
    width: 580px; 
}
	.service-page-area .service-item { 
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.breadcrumb-wrapper {
		padding: 20px 20px;
	}
	.blog-content h2{
		font-size: 24px;
	}
	.blog-content h3{
		font-size: 20px;
	}
	.our-service-details h2{
		font-size: 24px;
	}
	.card-top-wrap h4 {
   	 font-size: 18px;
	}
	.service-info h3 {
		font-size: 18px; 
		margin-bottom: 10px !important;
	}
	.service-detail-section h2{
		font-size: 26px;
	}
	.nav-right {
    margin-left: 0px;
	}
	.hm-cta-divider{
		display: none;
	}
	.hm-cta-container { 
		flex-direction: column;
	}
	.hm-cta-left {
		width: 100%;
		text-align: center;
	}
	.hm-cta-left h2 {
		font-size: 32px !important;
	}
	.hm-cta-right { 
		justify-content: center;
		width: 100%;
	}
	.hm-cta-container {
    	gap: 10px;
	}
}

@media  only screen and (max-width: 600px) {
.hero-content {
    width: 500px; 
}
	.home .navbar-toggler{
	 margin-right: 20px;
	}
	.custom-logo-link .custom-logo {
    width: 160px;
	}
	
	.service-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 0 20px;
	}
	.container { 
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 !important;
	}
	.hero-content .hero-title {
    font-size: 22px;
    margin: 0 0 10px 0;
	}
	.hero-content p { 
    	line-height: 18px; 
		font-size: 15px !important;
	}
	.hero-content {
    	padding: 20px 10px;
	}
	.hero-slider .slick-prev {
    left: 10px; 
	}
	.hero-slider .slick-next {
    right: 10px !important; 
	}
	.hero-arrow {
    width: 35px;
    height: 33px;
    border-radius: 4px 12px;
	}
	.slider-item {
       height: 479px;
	}
	.slider-item .hero-content .hero-btn { 
    margin-top: 19px; 
	}
	.row.project-row.mt-lg-4.mt-3 {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.single-post .page-title{
		font-size: 18px;
	}
	.breadcrumb-wrapper h1, .custom-breadcrumb, .custom-breadcrumb a {
   	 color: #fff;
		font-size: 26px;
	}
	.cta-section { 
		padding: 30px 20px; 
	}
	.cta-container { 
    	gap: 10px;
	}
	.custom-breadcrumb span, .custom-breadcrumb span a{
	   font-size: 16px;
	}
	.custom-nav-item:hover > .custom-dropdown {
    	width: 350px;
	}
	ul.dropdown-menu.dropdown-submenu.custom-dropdown {
		left: 10px;
		top: 10px;
	}
	.nav-right{
		display: none;
	}
	.about-experience-icon {
    font-size: 26px;
    width: 45px;
    height: 45px;
    line-height: 48px;
    border-radius: 7px;
	}
	.about-experience b{
		font-size: 14px;
	}
	.about-experience {
    top: -70px;
	}
}

@media  only screen and (max-width: 520px) {
.hero-content {
    width: 400px; 
}
	.nav-right{
		display: none;
	}
	.slider-item {
       height: 610px;
	}
	.slider-item .container{
		padding-left: 0;
        padding-right: 0;
	}
	.hero-slider .slick-next {
    right: 20px !important;
	}
	.rocket-img-div{
		display: none;
	}
	.site-title {
    font-size: 26px;
	}
	.service-item { 
    grid-template-columns: repeat(1, 1fr); 
	}
	.process-section-inner{
		display: grid;
   		grid-template-columns: 1fr 1fr;
	}
	.review-slider .custom-prev {
    left: -8px;
	}
	.review-slider .custom-next {
    right: -4px;
	}
	.review-slider .custom-prev, .review-slider .custom-next {
    width: 28px;
    height: 32px; 
}
	.copyright-text{
		text-align: center;
	}
	.footer-social { 
    justify-content: center;
	}
	.copyright { 
    padding: 5px 0; 
}
	.copyright::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0; 
    width: 25%;
    height: 100%;
    clip-path: polygon(41% 1%, 100% 0, 100% 100%, 0% 100%); 
}
.process-item .circle::after {
    display:none;
}
	 .project-card img {
		height: 120px;
		width: auto;
	}
	.project-section .project-row{
	 margin: 0;
     padding: 0;
	}
	.project-section .contauner{
		 padding-left: 10px;
        padding-right: 10px;
	}
	.service-page-area .service-item { 
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}
	.service-page-area .container{
		padding: 0 !important;
	}
	.contact-section  .container{
		padding: 0 !important;
	}
	.contact-section { 
		padding: 0 20px;
	}
	.breadcrumb-wrapper h1, .custom-breadcrumb, .custom-breadcrumb a {
   	 color: #fff;
		font-size: 23px;
	}
	.section-header { 
		margin-bottom: 15px;
	}
	.faq-box { 
		padding: 10px; 
	}
	.hm-cta-left h2 {
    	font-size: 22px !important;
	}
	.hm-cta-btn {
		padding: 10px 50px;
		border-radius: 4px !important;
/* 		font-weight: 600; */
		text-decoration: none;
	}
}

@media  only screen and (max-width: 420px) {
.hero-content {
    width: 100%; 
}
	.slider-item {
    height: 520px;
	}
}

@media  only screen and (max-width: 385px) {
.hero-content {
    width: 100%; 
}
}

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

}

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

}