

@media (min-width: 1024px) and (max-width: 1366px) {

	.heading h1{
		font-size: 93px;
	}
}

@media (max-width: 1199px) {
	
	.hero-text .typing h1 {
		font-size: 50px;
	}
}

@media (max-width: 991px) {

	/* Hero Slider */
	.slider .hero-carousel{
		width: 300px;
	}
	.slider .single-image {
		height: 600px;
	}

	/* Section Title */
	.section-title.style-one h1{
		font-size: 52px;
	}
	.section-title.style-two h1{
		font-size: 52px;
	}

	/*----------
	Hero Text
	------------*/
	.hero-text.style2 .subtitle{
		font-size: 90px;
	}
	.hero-text.style2 .animate-text{
		margin-left: 200px;
	}
	.hero-text.style2 p span{
		font-size: 90px;
	}
	.hero-text.style2 .title{
		font-size: 90px;
	}

	/* Portfolio */
	.portfolio-grid .portfolio-item:nth-child(1){
		grid-column: 1/3;
	}
	.portfolio-grid .portfolio-item:nth-child(2){
		grid-column: 3/5;
	}
	.portfolio-grid .portfolio-item:nth-child(3){
		grid-row: 2;
		grid-column: 1/3;
	}
	.portfolio-grid .portfolio-item:nth-child(4){
		grid-row: 2;
		grid-column: 3/5;
	}
	.portfolio-grid .portfolio-item:nth-child(5){
		grid-row: 3;
		grid-column: 1/3;
	}
	.portfolio-grid .portfolio-item:nth-child(6){
		grid-row: 3;
		grid-column: 3/5;
	}

	/* Portfolio Style 3 */
	.portfolio.style3 .accordion .image img {
		height: 325px;
		width: 325px;
	}

	/*----------
	Timeline
	------------*/
	.timeline.style1 #tabs li a {
		font-size: 52px;
	}

	/* Home Two */
	.hero-text .typing h1 {
		font-size: 45px;
	}

}


@media (max-width: 767px) {

	/* Hero Slider */
	.slider .hero-carousel{
		width: 295px;
	}

	/*----------
	Section Title
	------------*/

	.section-title.style-one h1{
		font-size: 36px;
	}
	.section-title.style-one span{
		height: 2px;
	}
	.section-title.style-two h1{
		font-size: 36px;
	}
	.section-title.style-two .title-two::before {
		height: 35px;
	}

	/* Style Three */
	.section-title.style3 .title{
		font-size: 45px;
	}

	/*----------
	Hero Text
	------------*/
	.hero-text.style2{
		position: relative;
	}
	.hero-text.style2::before{
		content: '';
		position: absolute;
		height: 100%;
		width: 100%;
		background: linear-gradient(to top, #181818 0%, rgba(0, 0, 0, 0.01) 100%);
	}
	.hero-text.style2 .subtitle{
		font-size: 60px;
		margin: 0;
	}
	.hero-text.style2 .animate-text{
		margin-left: 80px;
	}
	.hero-text.style2 .animate-text span{
		font-size: 60px;
	}
	.hero-text.style2 .title{
		position: relative;
		font-size: 60px;
	}

	.hero-text.style2 .hero-exp {
		position: relative;
		padding-left: 0;
		margin-top: 50px;
	}

	/* Portfolio */
	.portfolio-grid{
		display: block;
	}

	#portfolio-details{
		display: block;
		height: 100%;
		top: 90px;
		padding-bottom: 90px;
		overflow: scroll;
	}
	#portfolio-details .image {
		width: 100%;
	}

	/* Portfolio Style 3 */

	.portfolio.style3 .accordion .image{
		display: none;
	}
	.portfolio.style3 .accordion .title {
		font-size: 36px;
		padding-right: 80px;
	}
	.portfolio.style3 .accordion li .description {
		width: 100%;
	}

	/*----------
	Testimonials
	------------*/

	.testimonial-carousel .owl-nav{
		display: none;
	}
	.single-testimonial .testimonial-thumb-section {
		margin-bottom: 43px;
	}
	.testimonial-content p {
		font-size: 18px;
	}
	.testimonial-intro h1{
		font-size: 24px;
	}
	.testimonial-intro span{
		font-size: 16px;
	}

	/* Style Two */

	.testimonial.style2 .testimonial-content p{
		font-size: 22px;
	}

	/*----------
	Timeline
	------------*/
	
    .timeline .timeline-item .education_points {
    	left: 0;
    }
    .timeline .timeline-item .education-timline .single-education:nth-child(odd) .education-date {
    	text-align: left;
    	padding-right: 0;
    	padding-left: 40px;
    	margin-bottom: 15px
    }
    .timeline .timeline-item .education-timline .single-education:nth-child(even) .education-date {
    	text-align: left;
    	padding-right: 0;
    	padding-left: 40px;
    	margin-bottom: 15px
    }
    
    .timeline .timeline-item .education-date,
    .timeline .timeline-item .education_text {
    	width: 100%;
    }
    .timeline .timeline-item .education-timline .single-education:nth-child(even) .education_text {
    	text-align: left;
    }

	/* Style One */

	.timeline.style1 #tabs li a {
		font-size: 36px;
	}
	.timeline.style1 .education-timline::before{
		left: 30px;
	}
	.timeline.style1 .education_text {
		padding: 0 20px 0 70px;
	}
	.timeline.style1 .timeline-item .education-timline .single-education .education-icon{
		float: left;
		padding: 0 0 0 70px;
		margin-bottom: 20px;
		text-align: left;
	}

	/* Style Two */

	.timeline.style2 #tabs li a{
		font-size: 45px;
	}
	.timeline.style2 .education-timline::before {
		left: 13px;
	}
	.timeline.style2 .education_text {
		padding: 0 20px 0 40px;
	}

	/* Home Two */
	.hero-text .typing h1 {
		font-size: 38px;
	}

}