
@media(max-width: 1650px){
	.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 .single_img {
		right: -75px!important;
		width: 37%;
	}

}

/* ---------------------------------------- Large Screen : 1600 ---------------------------------------- */

@media(max-width: 1599px){

	.slider-section .hero-slider .owl-nav{
		display: none;
	}
}

/* ---------------------------------------- Laptop Screen : 1366 ---------------------------------------- */

@media(max-width: 1366px){

	/* Hero Slider
	==============*/
 .slider-section.style1 .hero-slider .slider-item .text-wrapper {
	width: 63%;
}
.slider-section.style1 .hero-slider .single_img {
	right: -255px !important;
	width: 45%;
}
.slider-section.style1 .hero-slider .slider-item .title {
	font-size: 45px;
}

	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 64%;
	}
	.slider-section.style1 .hero-slider .slider-item .title {
		font-size: 70px;
	}

	/* Hero Particles
	=================*/

	.hero-particles.style1 {
		height: 900px;
	}
	.hero-particles.style1 .title{
		font-size: 70px;
	}
	
	.hero-particles.style3 .wrapper{
	    padding: 0 15px;
	}
	
	/* Portfolio List
	=================*/
	
	.portfolio-list.style1{
	    padding: 0 10px;
	}

}

@media(max-width: 1200px){
    
    .hero-particles.style3{
        overflow: hidden;
    }
.slider-section.style1 .hero-slider .slider-item .text-wrapper {
	width: 62%!important;
}
.slider-section.style1 .hero-slider .single_img {
	right: -201px !important;
	width: 42%;
}
.slider-section.style1 .hero-slider .slider-item .title {
	font-size: 45px;
}
.case-details .row.mt-5 {
    display: block;
}


}

/* ---------------------------------------- Tablet Screen : 1024 ---------------------------------------- */

@media(max-width: 1024px){

	.pixein-nav-menu{
		position: relative;
		height: 55px;
		padding: 0 20px;
	}
	.pixein-nav-menu .custom-logo-link {
		display: block;
	}
	.pixein-nav-menu .pixein-menu-wrapper {
		display: none;
		position: absolute;
		background-color: #473BF0;
		top: 55px;
		left: 0;
		width: 100%;
	}
	.pixein-nav-menu .menu-ul{
		display: block;
	}
	.pixein-nav-menu ul li a{
		position: relative;
		display: block;
		border: 0;
		border-top: 1px solid #564af9;
	}
	.pixein-nav-menu ul li.menu-item-has-children a::after{
		position: absolute;
		right: 28px;
	}

	/* Menu Toggle */

	.pixein-nav-menu .pixein-menu-toggle {
		display: block;
		color: #fff;
		font-size: 30px;
		height: 55px;
		width: 55px;
		line-height: 55px;
		text-align: center;
		cursor: pointer;
	}
	.pixein-nav-menu .pixein-menu-toggle .bi-x-square{
		display: none;
	}
	.pixein-nav-menu .pixein-menu-toggle.active .bi-grid-3x3-gap{
		display: none;
	}
	.pixein-nav-menu .pixein-menu-toggle.active .bi-x-square{
		display: block;
	}

	/* Sub Menu */
	
	.pixein-nav-menu ul li .sub-menu{
		display: none;
		position: static;
		opacity: 1;
		width: 100%;
		visibility: visible;
		transition: inherit;
	}
	.pixein-nav-menu ul li .sub-menu li a{
		padding: 15px 28px 15px 56px;
	}
	.pixein-nav-menu .menu-search{
		display: none;
	}

	/* Hero Slider
	==============*/

	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 76%;
	}
	.single-team.style4 {
	margin-bottom: 112px!important;
}
.case-details .project-info {
    margin-top: 33px;
    margin-right: 0px;
}
.case-details .project-info .title {
    font-size: 24px;
}
.case-details .row.mt-5 {
    display: block;
}

}

/* ---------------------------------------- Tablet Screen : 992 ---------------------------------------- */

@media(max-width: 991px){

	/* Section Title
	================*/
	
	.section-title .title h1{
		font-size: 40px;
	}

	/* Hero Slider
	==============*/

	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 73%;
	}
	.slider-section.style1 .hero-slider .slider-item .title {
		font-size: 60px;
	}
	.slider-section .hero-slider .slider-item .button-set a.button2 {
		margin-top: 15px;
	}
	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 100% !important;
	}
	.slider-section.style1 .hero-slider .single_img {
		display: none;
	}
	/* 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 .content {
    	width: 43%;
    }
	.hero-particles.style3 .wrapper .single-image {
    	width: 57%;
    }
    .hero-particles.style3 .wrapper .single-image img {
		position: static;
		transform: none;
	}
    .hero-particles.style3 .title {
    	font-size: 38px;
    	line-height: 1.2;
    }

	/* 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%;
	}

	/* 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;
	}
	.single-team.style4 {
	margin-bottom: 112px!important;
}
.breadcrumb-area .title h1 {
    font-size: 34px;
}



}

/* ---------------------------------------- Mobile Screen : 768 ---------------------------------------- */

@media(max-width: 767px){

	/* Section Title
	================*/
	
	.section-title.t_center{
		width: 100%;
	}
	.section-title .title h1{
		font-size: 28px!important;
	}
	.section-title.style1 .title {
		font-size: 28px!important;
	}
	/* 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: 35px;
	}
	.slider-section.style1 .hero-slider .slider-item .button-set a.button2 {
		margin-left: 3px;
	}
	.slider-section.style1 .slider-item .hero-video{
		display: none;
	}
	.slider-section.style1 .hero-slider .slider-item .text-wrapper {
		width: 100% !important;
	}
	.slider-section.style1 .hero-slider .slider-item .title {
		font-size: 28px!important;
	}
	.slider-section.style1 .hero-slider .slider-item .button-set a {
		margin-bottom: 40px;
	}

	/* 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-direction: column;
	}
	.hero-particles.style3 .wrapper .content {
		width: 100%;
	}
	.hero-particles.style3 .title {
		font-size: 35px;
	}
	.hero-particles.style3 .wrapper .single-image{
		width: 70%;
	}
	.hero-particles.style3 .wrapper .single-image img {
		position: static;
		transform: none;
	}

	/*service*/
	.service-box.style1 {
		padding: 33px 26px 31px!important;
	}
	
	/* Hero Image
	=============*/
	
    .hero-image.style1 .wrapper {
    	height: 260px;
    	width: 260px;
    	margin: 35px auto 20px;
    }
    
	/* About Tab
	============*/
	
	.about-tabs.style1 .tabs {
		display: block;
		border-top: 1px solid transparent;
	}
	.about-tabs.style1 .tabs .tab.active {
		border-top: 1px solid #c6a47e;
		color: #061738;
	}
	.about-tabs.style1 .tabs .tab {
		border: 1px solid #c6a47e;
		margin: 0 0 10px;
		padding: 20px;
	}
	
	/* Button
	============*/
	
	.single-button.style3 a {
	    font-size: 14px;
    	padding: 14px 25px;
    }
    .single-button.style3 a i {
    	font-size: 12px;
    }

	/* 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;
	}

	/* Appoinment Form
	===================*/
	
	.make-appointment .row{
		margin-left: 0;
		margin-right: 0;
	}

	/* 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: 55px 40px 60px;
	}

	/* 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;
	}
	.testimonial.style2 .single-testimonial {
		padding: 83px 21px 35px!important;
	}
	.testimonial.style2 .single-testimonial .quote-text {
		font-size: 17px!important;
	}
	.section-title.style1.center .description {
		width: 100%!important;
	}
	.service-box.style1 .description p {
		font-size: 15px;
	}
	.pricing.style1 .table-head {
		padding: 49px 22px 0px!important;
	}
	.pricing.style1 .table-body {
		padding: 33px 22px 42px!important;
	}
	.pricing.style1 .pricing_title {
		font-size: 17px!important;
	}


}

@media(max-width: 576px){

	.hero-particles.style3 .wrapper .single-image{
		width: 100%;
		margin-top: 50px;
	}
}