
/* ---------------------------------------- Tablet Screen : 992 ---------------------------------------- */

@media(max-width: 991px){

	/* Section Title */
	.section-title .title h1{
		font-size: 40px;
	}

	/* Hero Slider */
	.slider-section .hero-slider .slider-item .title {
		width: 100%;
	}
	.slider-section .hero-slider .slider-item .title h1 {
		font-size: 60px;
	}
	.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;
	}

	/* 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%;
	}

	/* Working Process */
	.working-process .process-carousel .slick-prev,
	.working-process .process-carousel .slick-next{
		display: none !important;
	}
	
	/* Testimonial Section */
	.testimonial-section .single-testimonial .testimonial-content .quote-text h2 {
		font-size: 24px;
	}

	/* 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;
	}


}

/* ---------------------------------------- Mobile Screen : 768 ---------------------------------------- */

@media(max-width: 767px){

	/* Section Title */
	.section-title.t_center{
		width: 100%;
	}
	.section-title .title h1{
		font-size: 36px;
	}

	/*--------- Hero Slider ---------*/
	.slider-section .hero-slider .slider-item {
		min-height: 750px;
	}
	.slider-section .hero-slider .slider-item .title h1 {
		font-size: 50px;
	}

	/*--------- 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;
	}

	/*--------- 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;
	}

	/* 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-section .single-testimonial{
		display: block;
	}
	.testimonial-section .single-testimonial .profile-picture {
		margin-right: 0;
		margin-bottom: 45px;
	}

	/* Testimonial 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;
	}
	
	/*--------- Accordion ---------*/
	
	.accordion a{
	    padding: 9px 20px;
	}
	.accordion a::after{
	    right: 20px;
	}
	.accordion a i{
        display: none;
    }


	/*--------- Work Process ---------*/
	.work-process .process-box .icon::after{
		display: none;
	}

}

/* ---------------------------------------- Large Screen : 1600 ---------------------------------------- */

@media(max-width: 1599px){

	.slider-section .hero-slider .owl-nav{
		display: none;
	}
}