
@media screen and (max-width: 991px) {

	.section-title .title {
		font-size: 36px;
	}

	/*=========
	Filter Tab
	===========*/

	.filter-tab #tabs {
		flex-wrap: wrap;
	}
	.filter-tab #tabs li{
		margin-bottom: 30px;
		flex: 0 0 auto;
		width: 50%;
	}
	
	.filter-tab .content {
		padding-top: 50px;
	}
	.filter-tab .content .text img{
		margin-top: 30px;
	}
	.filter-tab .content .text .row{
		margin-left: 0;
		margin-right: 0;
	}

	/* Case Study */

	.case-study.style1 .case-grid .single_case_study:nth-child(1) {
		height: 350px;
	}
	.case-study.style1 .case-grid .single_case_study:nth-child(1) .case-study-thumb img {
		height: 350px
	}
	.case-study.style1 .case-grid .single_case_study:nth-child(2){
		grid-column: 3/5;
	}
	.case-study.style1 .case-grid .single_case_study:nth-child(3){
		grid-column: 1/3;
		grid-row: 2;
	}

}

@media screen and (max-width: 767px) {

	.dreamit-slick-slider .single-slick .content-wrapper {
		top: 50%;
		transform: translateY(-50%);
	}
	.dreamit-slick-slider .hero-text h2 {
		font-size: 58px;
	}
	.dreamit-slick-slider .hero-text h3 {
		font-size: 18px;
	}

	/* Case Study */

	.case-study.style1 .case-grid {
		display: block;
	}
	.case-study.style1 .case-grid .single_case_study {
		margin-bottom: 20px;
	}
	.case-study.style1 .case-grid .single_case_study:nth-child(1) {
		height: 350px
	}
	.case-study.style1 .case-grid .single_case_study:nth-child(1) .case-study-thumb img {
		height: 350px
	}

	.portfolio-filter ul li {
		display: block;
	}
	.portfolio-filter ul li::before {
		top: auto;
		bottom: 0;
	}

	/*=========
	Offer Box
	===========*/

	.offer-box.style1 {
		display: block;
	}
    .offer-box.style1 .content {
    	width: 100%;
    	position: relative;
    }
	.offer-box.style1 .image {
		width: 100%;
		margin-top: 30px;
	}


}

@media screen and (max-width: 600px) {

	.filter-tab #tabs li{
		width: 100%;
	}
	.single-video.style-one .video-icon a, .single-video.style-two .video-icon a {
    top: -15px;
    left: -145px;
}

}