@media(max-width: 1690px){
    
    .hero-particles.style3{
        overflow: hidden;
    }
}

@media(max-width: 1400px){
    
	.hero-image.style1 .shape2 {
		right: 0;
	}
}

/* ---------------------------------------- Laptop Screen : 1366 ---------------------------------------- */

@media(max-width: 1366px){

	/* Hero Slider
	==============*/

	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 64%;
	}

	/* Hero Particles
	=================*/
	
	.hero-particles.style3 .wrapper{
	    padding: 0 15px;
	}

	/* Single Image
	================*/

	.single-image .image .shape{
		display: none;
	}
	
	/* Portfolio List
	=================*/
	
	.portfolio-list.style1{
	    padding: 0 10px;
	}

}

/* ---------------------------------------- Tablet Screen : 1024 ---------------------------------------- */

@media(max-width: 1024px){

	.fitab-nav-menu.style2{
		position: relative;
		height: 55px;
		padding: 0 20px;
	}
	.fitab-nav-menu.style2 .custom-logo-link {
		display: block;
	}
	.fitab-nav-menu.style2 .fitab-menu-wrapper {
		display: none;
		position: absolute;
		background-color: #473BF0;
		top: 55px;
		left: 0;
		width: 100%;
	}
	.fitab-nav-menu.style2 .menu-ul{
		display: block;
	}
	.fitab-nav-menu.style2 ul li a{
		position: relative;
		display: block;
		border: 0;
		border-top: 1px solid #564af9;
	}
	.fitab-nav-menu.style2 ul li.menu-item-has-children a::after{
		position: absolute;
		right: 28px;
	}

	/* Menu Toggle */

	.fitab-nav-menu.style2 .fitab-menu-toggle {
		display: block;
		color: #fff;
		font-size: 30px;
		height: 55px;
		width: 55px;
		line-height: 55px;
		text-align: center;
		cursor: pointer;
	}
	.fitab-nav-menu.style2 .fitab-menu-toggle .bi-x-square{
		display: none;
	}
	.fitab-nav-menu.style2 .fitab-menu-toggle.active .bi-grid-3x3-gap{
		display: none;
	}
	.fitab-nav-menu.style2 .fitab-menu-toggle.active .bi-x-square{
		display: block;
	}

	/* Sub Menu */
	
	.fitab-nav-menu.style2 ul li .sub-menu{
		display: none;
		position: static;
		opacity: 1;
		width: 100%;
		visibility: visible;
		transition: inherit;
	}
	.fitab-nav-menu.style2 ul li .sub-menu li a{
		padding: 15px 28px 15px 56px;
	}
	.fitab-nav-menu.style2 .menu-search{
		display: none;
	}

	/* Hero Slider
	==============*/

	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 76%;
	}

	/* Single Image
	================*/

	/* Style Two */

	.single-image.style2 .text-box{
		right: inherit;
		left: 329px;
	}
	.single-image.style2 .shape{
		right: inherit;
		left: 329px;
	}

}

/* ---------------------------------------- Tablet Screen : 992 ---------------------------------------- */

@media(max-width: 991px){

	/* Hero Slider
	==============*/

	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 73%;
	}
	.slider-section .hero-slider .slider-item .button-set a.button2 {
		margin-top: 15px;
	}

	/* Style 2 */
	.slider-section2 .hero-slider .slider-item .text-area {
		position: relative;
		width: 80%;
	}
	.slider-section2 .hero-slider .slider-item .title h1 {
		font-size: 60px;
	}
	.slider-section2 .hero-slider .owl-nav{
		display: none;
	}

	/* Hero Particles
	=================*/
	
	/* Style Two */
	
	.hero-particles.style2 .title{
		font-size: 60px;
	}
	
	/* Style Three */
	
	.hero-particles.style3 .wrapper .content {
    	width: 56%;
    }
	.hero-particles.style3 .wrapper .single-image {
    	width: 44%;
    }
    .hero-particles.style3 .title {
    	font-size: 40px;
    	line-height: 1.2;
    }

    /* Hero Text
	=============*/

	.hero-text.style1 .hero-content .title {
		font-size: 52px;
	}
	.hero-text.style1 .btn-set{
		flex-wrap: wrap;
	}
	.hero-text.style1 .btn-set .btn2{
		margin-top: 30px;
	}
	.hero-image.style1 .shape1 {
		left: 0;
	}
	.hero-image.style1 .shape2 {
		right: 0;
	}

	/* About Section
	================*/
	
	.about-section .wrapper {
		padding-left: 0;
	}
	.about-section .title{
		margin-top: 40px;
	}
	.about-section .title h1 {
		font-size: 40px;
	}
	.about-section .details{
		display: block;
	}
	.about-section .brand-area .brand-wrapper{
		position: static;
		width: 100%;
	}

	/* Feature Box
	===============*/

	.feature-box.style2 {
		display: block;
	}
	.feature-box.style2 .icon {
		margin: 0 0 28px 0;
	}

	/* Portfolio
	============*/

	.portfolio-tab.style1 .portfolio-nav{
		position: static;
		margin-bottom: 30px;
	}
	.portfolio-tab.style1 .portfolio-nav ul{
		justify-content: center;
	}
	
	/* Style Three */
	
	.portfolio-tab.style3 .portfolio-nav{
		position: static;
		margin-bottom: 30px;
	}
	.portfolio-tab.style3 .portfolio-nav ul{
		justify-content: center;
	}

	/* Working Process
	==================*/
	
	.working-process .process__row{
		padding: 0;
	}
	.working-process .process-carousel .slick-prev,
	.working-process .process-carousel .slick-next{
		display: none !important;
	}

	/* Post Gallery
	===============*/
	
	.gallery-grid .gallery-item:nth-child(odd) {
		grid-column: 1/4;
	}
	.gallery-grid .gallery-item:nth-child(even) {
		grid-column: 4/7;
	}

	.gallery-grid.style1 .gallery-item:nth-child(odd) {
		grid-column: 1/4;
	}
	.gallery-grid.style1 .gallery-item:nth-child(even) {
		grid-column: 4/7;
	}

	/* Work process
	===============*/
	
	.none .icon::after{
		display: none;
	}

	/* Blog Post
	===============*/

	.blog-post.style1 .blog-lists {
		flex-wrap: wrap;
	}
	.blog-post.style2 .blog-lists{
		flex-wrap: wrap;
	}
	.blog-post.style2 .blog-box{
		width: calc(50% - 15px);
	}
	.blog-post.style2 .blog-box:last-child{
		width: 100%;
	}

}

/* ---------------------------------------- Mobile Screen : 768 ---------------------------------------- */

@media(max-width: 767px){

	/* Hero Slider
	==============*/

	.slider-section.style1 .hero-slider .slider-item {
		min-height: 540px;
	}
	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 100%;
		padding-left: 20px;
	}
	.slider-section.style1 .hero-slider .slider-item .title {
		font-size: 32px;
		line-height: 1.18;
	}
	.slider-section.style1 .hero-slider .slider-item .button-set a.button2 {
		margin-left: 3px;
	}
	.slider-section.style1 .slider-item .hero-video{
		display: none;
	}

	/* Hero Slider Style 2
	======================*/
	
	.slider-section2 .hero-slider .slider-item .text-area {
		width: 100%;
	}
	.slider-section2 .hero-slider .slider-item .title h1 {
		font-size: 50px;
	}

	/* Hero Particles
	=================*/

	.hero-particles.style1 .subtitle {
		font-size: 13px;
	}
	.hero-particles.style1 .title {
		font-size: 35px;
	}
	.hero-particles.style1 .button-set a {
		padding: 12px 28px;
	}
	.hero-particles.style1 .button-set a.hero-btn1 {
		margin-right: 5px;
	}
	
	/* Style Two */
	
	.hero-particles.style2{
	    min-height: 700px;
	}
	.hero-particles.style2 .title {
		font-size: 35px;
	}
	
	/* Style Three */
	
	.hero-particles.style3 .wrapper {
    	flex-wrap: wrap;
    	align-content: center;
    }
    .hero-particles.style3 .wrapper .content {
    	width: 100%;
    	flex-shrink: 0;
    }
    .hero-particles.style3 .title {
    	font-size: 35px;
    }
    .hero-particles.style3 .wrapper .single-image{
        width: 40%;
    	flex-shrink: 0;
    }
    .hero-particles.style3 .wrapper .single-image img {
    	position: static;
    	margin-top: 100px;
    	transform: scale(2);
    }
    .hero-particles.style3 .button-set a {
        font-size: 14px;
    	padding: 14px 25px;
    }
    .hero-particles.style3 .button-set a.hero-btn1 i {
    	font-size: 12px;
    }
    .hero-particles.style3 .button-set a.hero-btn2 {
        font-size: 14px;
    	margin-left: 35px;
    }
    .hero-particles.style3 .button-set a.hero-btn2::before {
    	left: -47px;
    	height: 31px;
    	width: 45px;
    	background-size: cover;
    }
	
	/* Hero Text
	=============*/

	.hero-text.style1 .hero-content .title {
		font-size: 46px;
	}
	.hero-text.style1 .btn-set .button {
		padding: 14px 19px;
	}
	.hero-text.style1 .btn-set .video-title{
		display: none;
	}
	.hero-text.style1 .hero-tabs .tab-navigation .nav-item:first-child {
		border-top-left-radius: 10px;
	}
	.hero-text.style1 .hero-tabs .tab-navigation{
		flex-wrap: wrap;
	}
	.hero-text.style1 .hero-tabs .tab-navigation .nav-item{
		font-size: 14px;
		padding: 7px 15px;
	}
	.hero-text.style1 .hero-tabs .tab-content .tab-body{
		padding: 40px 30px 40px 30px;
	}
	.hero-text.style1 .hero-tabs .tab-content .tab-body .tracking-form input{
		padding: 13px 30px;
	}
	.hero-text.style1 .hero-tabs .tab-content .tab-body .tracking-form button{
		position: static;
		margin-top: 15px;
		padding: 15px 28px;
	}
	.hero-text.style1 .hero-tabs .tab-content .tab-body .contact-info{
		flex-wrap: wrap;
	}
	.hero-text.style1 .hero-tabs .tab-content .tab-body .contact-info .address-box{
		width: 100%;
	}
	.hero-text.style1 .hero-tabs .tab-content .tab-body .contact-info .address-box:last-child{
		margin-top: 20px;
	}
	.hero-text.style1 .hero-tabs .tab-content .tab-body .contact-info .address-box .icon{
		margin-right: 18px;
	}
	.hero-text.style1 .hero-tabs .tab-content .tab-body .contact-info .address-box .icon i{
		font-size: 16px;
		height: 40px;
		width: 40px;
		line-height: 40px;
	}

	/* Style Two */

	.hero-text.style2 .description{
		width: 100%;
	}
	.hero-text.style2 .btn-set{
		display: block;
	}
	.hero-text.style2 .btn-set .button{
		margin: 0 0 20px;
	}

	/* Hero Image
	=============*/
	
    .hero-image.style1 .wrapper {
    	height: 260px;
    	width: 260px;
    	margin: 35px auto 20px;
    }

	/* Author Card
	===============*/

	.author-card.style2{
		display: block;
	}
	.author-card.style2 .image{
		display: inline-block;
		margin: 0 0 20px;
	}

	/* Feature Box
	===============*/

	.feature-box.style1 {
		flex-wrap: wrap;
	}

	/* Service Box
	===============*/

	.service-box.style1{
		flex-direction: column-reverse;
		align-items: start;
		padding: 40px 30px 35px;
	}
	.service-box.style1 .service-icon{
		margin-bottom: 20px;
	}

	/* Style Four */

	.service-box.style4{
		flex-direction: column-reverse;
		align-items: start;
		padding: 40px 30px 35px;
	}
	.service-box.style4 .service-icon{
		margin-bottom: 20px;
	}
	
	/* Button
	============*/
	
	.single-button.style1 .button {
		font-size: 13px;
		padding: 15px 19px;
	}

	/* Style Three */

	.single-button.style3 a {
	    font-size: 14px;
    	padding: 14px 25px;
    }
    .single-button.style3 a i {
    	font-size: 12px;
    }

    /* Single Image
	================*/

	/* Style Two */

	.single-image.style2 .image2{
		position: static;
		margin-top: 10px;
	}
	.single-image.style2 .image2 img{
		border: 0;
	}
	.single-image.style2 .text-box{
		display: none;
	}
	.single-image.style2 .counter-box{
		top: inherit;
		left: 0;
		bottom: 0px;
	}
	.single-image.style2 .shape{
		display: none;
	}

	/* Counter
	================*/

	.single-counter.style1 #counter .count,
	.single-counter.style1 #counter .suffix {
		font-size: 36px;
	}

	/* Accordion
	================*/

	.accordion.style1 a{
		font-size: 16px;
		padding: 16px 40px 16px 20px;
	}
	.accordion.style1 a::after{
		right: 16px;
	}

	/* Portfolio
	============*/
	
	.portfolio.style1 .portfolio-item .portfolio-content .title {
		font-size: 22px;
	}
	.portfolio.style1 .portfolio-item .portfolio-thumb img {
		height: 480px;
	}
	.portfolio.style1 .portfolio-item .portfolio-content {
		transform: translateY(200px);
	}
	.portfolio.style1 .owl-dots {
		margin-top: 34px;
	}

	/* Style Three */

	.portfolio.style3 .swiper-prev,
	.portfolio.style3 .swiper-next{
		opacity: 0;
		visibility: hidden;
	}
	.portfolio.style3 .swiper-prev{
		left: 0;
	}
	.portfolio.style3 .swiper-next{
		right: 0;
	}
	.portfolio.style3:hover .swiper-prev,
	.portfolio.style3:hover .swiper-next{
		opacity: 1;
		visibility: visible;
	}

	/* Portfolio Tab
	================*/
	
	.portfolio-tab.style1 .portfolio-nav ul{
		display: block;
	}
	.portfolio-tab.style1 .portfolio-nav ul li{
		margin: 0 0 10px;
	}
	
	/* Style Two */
	
	.portfolio-tab.style2 .portfolio-nav ul{
	    display: block;
	}
	.portfolio-tab.style2 .portfolio-nav ul li{
	    margin: 0 0 10px;
	}
	.portfolio-tab.style2 .portfolio-nav ul li::before{
	    display: none;
	}
	.portfolio-tab.style2 .prot_thumb::before{
	    clip-path: polygon(0 180px, 0% 100%, 150% 100%);
	}
	
	/* Style Three */
	
	.portfolio-tab.style3 .portfolio-nav ul{
		display: block;
	}
	.portfolio-tab.style3 .portfolio-nav ul li{
		margin: 0 0 10px;
	}
	
	/* Style Four */
	
	.portfolio-tab.style4 {
    	margin-top: 0;
    }
    .portfolio-tab.style4 .portfolio-nav{
		position: static;
		margin-bottom: 30px;
	}
	.portfolio-tab.style4 .portfolio-nav ul{
		display: inline-flex;
        flex-direction: column;
	}
	.portfolio-tab.style4 .portfolio-nav ul li{
	    display: inline-block;
		margin: 0 0 15px;
	}

	/* Price Plan
	=============*/
	
	.pricing-table .table-body .price h1{
		font-size: 36px;
	}

	/* Team Member
	===============*/

	.team-member.style1 .owl-nav{
		position: static;
		text-align: center;
		margin-top: 40px;
	}

	/* Testimonial Section
	======================*/

	.testimonial.style1 .single-testimonial {
	    display: block;
	}
	.testimonial.style1 .single-testimonial .content {
		display: block;
	}
	.testimonial.style1 .single-testimonial .icon {
		margin: 0 0 10px 0;
	}
	.testimonial.style1 .single-testimonial .testi-image{
	    margin: 20px 0 0 0;
	}

	/* Style 2 */
	
	.testimonial.style2 .owl-dots{
		top: 33px;
	}

	/* Work Process
	===============*/
	
	.work-process .process-box .icon::after{
		display: none;
	}

	/* Contact
	============*/

	.home1-contact .form-wrapper .column-50{
		width: 100%;
	}

	/* Blog Posts
	===============*/

	/* Style Two */

	.blog-post.style2 .blog-box{
		width: 100%;
	}

	/* Newsletter
	===============*/

	.newsletter .email input{
		padding: 10px 20px;
		height: 60px;
	}
	.newsletter .email input[type="submit"]{
		position: static;
		border: 1px solid #fff;
		margin-top: 20px;
		width: 100%;
	}

}

@media(max-width: 406px){
    
    .signature-box.style1 .content {
		border-right: 1px solid transparent;
	}
    .signature-box.style1 .signature{
    	margin-top: 20px;
    }
}

/* ---------------------------------------- Large Screen : 1600 ---------------------------------------- */

@media(max-width: 1599px){

	.slider-section .hero-slider .owl-nav{
		display: none;
	}
}