/* ==================================================================
   Responsive Css
================================================================== */
@media all and (min-width: 1500px) and (max-width: 1920px){
    .featured-section-3.default-padding {
        padding: 100px 0 85px;
    }
}
@media all and (max-width: 1024px) {
	.left-featured-details {
	    left: 60px;
	    top: 150px;
	}
	.left-featured-details .featured-details-one {
	    padding: 62px 0 0 0;
	}
	.left-featured-details .featured-details-two {
	    padding: 21px 60px 0 0;
	}
	.left-featured-details .featured-details-three {
	    padding: 21px 0 0 0;
	}
	.right-featured-details {
	    right: 60px;
	    top: 150px;
	}
	.right-featured-details .featured-details-one {
	    padding: 62px 0 0 0;
	}
	.right-featured-details .featured-details-two {
	    padding: 21px 0 0  60px;
	}
	.right-featured-details .featured-details-three {
	    padding: 21px 0 0 0;
	}
	.featured-section-3 .featured-left-3,
	.featured-section-3 .featured-right-3 {
		margin-top: 43px;
	}
	.featured-section-3 .thumb-wrap {
		padding: 0 50px;
	}
}

@media all and (max-width: 991px) {
	.row-eq-rs-height {
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	        -ms-flex-wrap: wrap;
	            flex-wrap: wrap;
	    -webkit-justify-content: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	  }
	.mg-bt-0 {
		margin-bottom: 0 !important;
	}

	.featured-details {
		margin-top: 60px;
	}
	.featured-bg {
		display: none;
	}
	.left-featured-details {
		left: 0;
		top: 0;
		position: inherit;
	}
	.left-featured-details .featured-details-one,
	.left-featured-details .featured-details-two,
	.left-featured-details .featured-details-three{
		padding: 0;
	}
	.right-featured-details {
		right: 0;
		top: 0;
		position: inherit;
	}
	.right-featured-details .featured-details-one,
	.right-featured-details .featured-details-two,
	.right-featured-details .featured-details-three{
		padding: 0;
	}
	.left-featured-details .media-left .thumb {
		margin-right: 0;
	}
	.right-featured-details .media-left .thumb {
		margin-left: 0;
	}
	.left-featured-details .media-left {
	    padding-left: 6px;
	}
	.right-featured-details .media-left {
	    padding-right: 6px;
	}

	.bg-first-block {
		background-position: right 0px bottom 310px;
	}
	.intro-section .intro-item {
		margin-bottom: 50px;
	}
	.about-section .thumb {
		display: none;
	}
	.featured-section-3 .thumb-wrap .main-thumb {
		display: none;
	}
	
	.about-section .about-details {
		text-align: center;
	}
	.about-section .about-details .section-title-3 .title:after {
		left: 50%;
		margin-left: -25px;
	}
	.banner .heading {
		margin-top: 0;
	}
	.home2-first-bg {
	    background-position: 50% -300px;
	}
	.intro-section {
		padding-top: 0px;
	}


} 

@media all and (max-width: 767px) {
	.mg-bt-0767 {
		margin-bottom: 0 !important;
	}
	.featured-details {
		margin-bottom: 50px;
		text-align: center;
	}
	.featured-details .subtitle:after {
		left: 50%;
		margin-left: -25px;
	}
	
	.bg-first-block {
	    background-position: right 0px bottom 640px;
	}
	.left-featured-details {
	    transform: rotateY(180deg) !important;
	}
	.left-featured-details .media-body {
	    transform: rotateY(180deg) !important;
	    text-align: left;
	}
	.featured-section {
		text-align: center;
	}
	.featured-section img {
		display: inline-block;
	}
	
	.featured-section-3 .featured-left-3 {
		transform: rotateY(180deg) !important;
	}
	.featured-section-3 .featured-right-3 .media-left {
		margin-top: 0;
	}
	.featured-section-3 .featured-right-3 {
		margin-top: 0;
	}
	.featured-section-3 .featured-left-3 .media-body {
		transform: rotateY(180deg) !important;
		text-align: left;
		padding-right: 0;
	}
	.about-details .btn {
		margin-bottom: 10px;
	}
	.home2-first-bg {
	    background-position: 60% -490px;
	}
	.bg-app {
		background-position: 100%;
	}
	.about-details .btn {
		margin-right: 0;
		margin: 10px 10px 0 10px;
	}
	.right-featured-details .media-left {
	    padding-right: 5px;
	}
	.featured-section-2-details .media-left {
	    padding-left: 9px;
	}

}

@media all and (max-width: 480px) {
	#testimonial-carousel-2 .item .details {
		padding: 0;
	}
}

@media all and (max-width: 415px) {
	.testimonial-slider .item p {
	    margin: 30px 10px 0 10px;
	}
}