
@media(max-width: 1650px){

	.hero-particles.style3 .wrapper .single-img img{
	    width: auto;
	    right: 50px;
	}
}
@media(max-width: 1550px){
	.hero-image.style1{
		overflow: hidden;
	}
	.hero-image.style1 .wrapper {
		height: 450px;
		width: 450px;
		margin: 90px auto 20px;
	}
	.hero-image.style1 .wrapper img {
		height: auto;
		width: 85%;
	}
	.slider-section.style1 .hero-slider .slider-item .shape_one  img {
		height: 690px;
		width: 690px;
	}
	.slider-section.style1 .hero-slider .slider-item .single_img img{
		width: 80%;
	}
	.slider-section.style1 .hero-slider .slider-item .shape_one {
		right: -60px;
	}
	.slider-section.style1 .hero-slider .slider-item .single_img {
		right: -169px;
		bottom: 0;
	}
	.hero-particles.style2 .single-image {
    	right: -110px;
	}

}

/* ---------------------------------------- Laptop Screen : 1366 ---------------------------------------- */

@media(max-width: 1366px){

	/* Hero Slider
	==============*/

	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 64%;
	}
	.slider-section.style1 .hero-slider .slider-item .single_img {
		right: -210px;
		bottom: 0;
	}
	.slider-section.style1 .hero-slider .slider-item .shape_one  img {
		height: 690px;
		width: 690px;
	}
	.slider-section.style1 .hero-slider .slider-item .single_img img{
		width: 80%;
	}
	.slider-section.style1 .hero-slider .slider-item .shape_one {
		right: -60px;
	}
	.hero-particles.style2 .single-image {
    	right: -110px;
	}
	/* Hero Particles
	=================*/

	.hero-particles.style1 {
		height: 900px;
	}
	.hero-particles.style1 .title{
		font-size: 70px;
	}
	
	/* Portfolio List
	=================*/
	
	.portfolio-list.style1{
	    padding: 0 10px;
	}
	.service-box.style3.active {
		position: relative;
		left: 0;
	}
	.service-box.style2 .description p {
    font-size: 16px;
}

}

@media(max-width: 1220px){
    .hero-particles.style2 .single-image {
    	display: none;
	}
    .hero-particles.style3{
        overflow: hidden;
    }
    .slider-section.style1 .hero-slider .slider-item .single_img {
		display: block;
	}
	.elementor-8 .elementor-element.elementor-element-9877909 .section-title {
    	width: 100%!important;
	}
	.service-box.style2 {
		padding: 39px 28px 32px;
	}
	.service-box.style3 {
    	padding: 25px 11px 30px 41px;
	}
	.service-box.style3 .description p {
   	 font-size: 15px;
	}
	.service-box.style2 .description p {
   	 font-size: 14px;
	}
	.hero-particles.style2 .description {
   		 width: 80%;
	}


}



/* ---------------------------------------- Tablet Screen : 1024 ---------------------------------------- */

@media(max-width: 1024px){

	.byte-nav-menu{
		position: relative;
		height: 55px;
		padding: 0 20px;
	}
	.byte-nav-menu .custom-logo-link {
		display: block;
	}
	.byte-nav-menu .byte-menu-wrapper {
		display: none;
		position: absolute;
		background-color: #473BF0;
		top: 55px;
		left: 0;
		width: 100%;
	}
	.byte-nav-menu .menu-ul{
		display: block;
	}
	.byte-nav-menu ul li a{
		position: relative;
		display: block;
		border: 0;
		border-top: 1px solid #564af9;
	}
	.byte-nav-menu ul li.menu-item-has-children a::after{
		position: absolute;
		right: 28px;
	}

	/* Menu Toggle */

	.byte-nav-menu .byte-menu-toggle {
		display: block;
		color: #fff;
		font-size: 30px;
		height: 55px;
		width: 55px;
		line-height: 55px;
		text-align: center;
		cursor: pointer;
	}
	.byte-nav-menu .byte-menu-toggle .bi-x-square{
		display: none;
	}
	.byte-nav-menu .byte-menu-toggle.active .bi-grid-3x3-gap{
		display: none;
	}
	.byte-nav-menu .byte-menu-toggle.active .bi-x-square{
		display: block;
	}

	/* Sub Menu */
	
	.byte-nav-menu ul li .sub-menu{
		display: none;
		position: static;
		opacity: 1;
		width: 100%;
		visibility: visible;
		transition: inherit;
	}
	.byte-nav-menu ul li .sub-menu li a{
		padding: 15px 28px 15px 56px;
	}
	.byte-nav-menu .menu-search{
		display: none;
	}

	/* Hero Slider
	==============*/

	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 76%;
	}
	.service-box.style3.active {
		position: relative;
		left: 30px;
	}
	.slider-section.style1 .hero-slider .slider-item .single_img img{
		width: 70%;
	}
	.service-box.style3 {
		left: 30px;
	}
	.service-box.style2 .description p {
   	 font-size: 16px;
	}

}

/* ---------------------------------------- Tablet Screen : 992 ---------------------------------------- */

@media(max-width: 991px){

	/* Section Title
	================*/
	
	.section-title .title h1{
		font-size: 40px;
	}
	.slider-section.style1 .hero-slider .slider-item .single_img {
    	display: none;
	}
	/* 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
	=================*/

	.hero-particles.style1 {
		height: 890px;
	}
	.hero-particles.style1 .title{
		font-size: 60px;
	}
	
	/* Style Two */
	
	.hero-particles.style2 .title{
		font-size: 60px;
	}
	
	/* Style Three */
	
	.hero-particles.style3 .wrapper{
		height: 800px;
	}
	.hero-particles.style3 .wrapper .content {
    	width: 56%;
    }
    .hero-particles.style3 .title {
    	font-size: 40px;
    	line-height: 1.2;
    }
    .hero-particles.style3 .wrapper .single-img img{
	    width: 40%;
	}

    /* Hero Text
	=============*/

	.hero-text.style1 .title {
		font-size: 48px;
		line-height: 1.25;
	}

	/* 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;
	}
	.about-tabs.style1 .tabs .tab {
   		 margin-right: 16px;
	}
	.section-title.style1 .title {
    	font-size: 32px;
	}

}

/* ---------------------------------------- Mobile Screen : 768 ---------------------------------------- */

@media(max-width: 767px){

	/* Section Title
	================*/
	
	.section-title.t_center{
		width: 100%;
	}
	.section-title.style1 .title {
    	font-size: 23px;
	}

	/* Hero Slider
	==============*/

	.slider-section.style1 .hero-slider .slider-item {
		min-height: 650px;
	}
	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 100%;
	}
	.slider-section.style1 .hero-slider .slider-item .title {
    	font-size: 29px;
    	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;
	}
	.hero-particles.style3 .wrapper .single-img img {
        width: 100%;
    }
	
	/* Style Two */
	
	.hero-particles.style2{
	    min-height: 700px;
	}
	.hero-particles.style2 .title {
    	font-size: 35px;
   	 	line-height: 52px;
	}
	
	/* Style Three */
	
	.hero-particles.style3 .wrapper {
		height: 920px;
    	flex-wrap: wrap;
    	align-content: start;
    }
    .hero-particles.style3 .wrapper .content {
    	width: 100%;
    	flex-shrink: 0;
    	margin: 0 0 50px 0;
    }
    .hero-particles.style3 .title {
    	font-size: 35px;
    }
    .hero-particles.style3 .wrapper .image {
    	width: 100%;
    }
    .hero-particles.style3 .wrapper .shape{
    	display: none;
    }
    .hero-particles.style3 .wrapper .shape img {
    	transform: translate(0px, 0px) scale(1.4);
    }
    .hero-particles.style3 .wrapper .single-img img {
    	position: static;
        display: block;
    	right: 0;
    }
    .hero-particles.style3 .button-set a {
        font-size: 14px;
    	padding: 13px 25px;
    }
	
	/* Hero Text
	=============*/

	.hero-text.style1 .title {
		font-size: 36px;
		line-height: 1.25;
	}
	.hero-text.style1 .btn-set .video-title{
		display: none;
	}

	/* Hero Image
	=============*/
	
    .hero-image.style1 .wrapper {
    	height: 260px;
    	width: 260px;
    	margin: 35px auto 20px;
    }
    
	/* About Tab
	============*/
	
	.about-tabs.style1 .tabs {
		display: block;
	}
	.about-tabs.style1 .tabs .tab {
		margin: 0 0 10px;
	}

	/* Feature Box
	===============*/

	.feature-box.style1 {
		flex-wrap: wrap;
	}
	
	/* Button
	============*/
	
	.single-button.style3 a {
	    font-size: 14px;
    	padding: 14px 25px;
    }
    .single-button.style3 a i {
    	font-size: 12px;
    }

    /* Single Image
	================*/

    .single-image.style1 .img-wrapper {
        height: 380px;
    }

	/* Style Two */

	.single-image.style2 .image::before {
		right: 0;
	}

	/* Style Three */

	.single-image.style3 .image::before {
		display: none;
	}
	.single-image.style3 .image .shape {
		display: none;
	}

	/* Counter
	================*/

	.single-counter.style1 #counter .count,
	.single-counter.style1 #counter .suffix {
		font-size: 36px;
	}


	/* 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;
	}

	/* Play Store
	=============*/
	
	.play-store a, .app-store a {
		padding: 15px 15px 15px;
	}

	.app-download{
		width: 100%;
	}

	/* Price Plan
	=============*/
	
	.pricing-table .table-body .price h1{
		font-size: 36px;
	}

	/* Testimonial Section
	======================*/

	.testimonial.style1 .single-testimonial {
	    display: block;
	}
	.testimonial.style1 .single-testimonial .testi-image{
	    margin: 20px 0 0 0;
	}

	/* Style 2 */
	
	.testimonial.style2 .single-testimonial {
    	padding: 47px 28px 46px;
	}

	/* Portfolio
	============*/
	
	.gallery-grid {
		display: block;
	}
	.gallery-grid.style1 {
		display: block;
	}
	.gallery-grid .gallery-item {
		margin-bottom: 24px;
	}

	.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;
	}

	/* Work Process
	===============*/
	
	.work-process .process-box .icon::after{
		display: none;
	}
	.service-box.style3 {
    	left: 30px;
    	margin-right: 30px;
	}
	.about-tabs.style1 .content .tab_tilte {
    	font-size: 23px;
    	margin: 18px 0 11px;
	}
	.slider-section.style1 .hero-slider .slider-item .single_img {
    	display: none;
	}
	.single-image.style2 .image img {
    	height: 100%;
    	width: 100%;
    	object-fit: cover;
   	 	margin-bottom: 40px;
	}
	.accordion.style2 a {
		font-size: 17px;
		padding: 10px 44px 10px 20px;
	}
	.statistic-section.style1 .statistic_content .subtitle {
    	font-size: 16px;
	}
	.statistic-section.style1 .statistic_content .title {
		font-size: 16px;
	}
	.hero-particles.style2 .description {
		width: 100%;
	}
	.standard-post article .post-thumbnail img {
    	height: inherit!important;
	}





}

@media(max-width: 576px){
    
    .hero-particles.style3 .wrapper .single-image img {
    	transform: scale(3);
    }
}

/* ---------------------------------------- Large Screen : 1600 ---------------------------------------- */

@media(max-width: 1599px){

	.slider-section .hero-slider .owl-nav{
		display: none;
	}
}