/* Desktop Screen (large desktops, 1200px and up) */ 
@media (min-width: 1200px) {
}

/* Desktop Screen (Mediam Desktops, 992px and up) */ 
@media (min-width: 992px) {	
}
 
/*Tablets Screen(tablets, 768px and up)*/
@media (min-width: 768px) {	
}

/* Mobile Screen(landscape phones, 576px and up) */
@media (min-width: 576px) {
}


/* All Screen (Opt.) */ 
@media (max-width: 1200px) {
} 

@media (max-width: 1100px) {
	.service-page .rw2-service-details,
	.portfolio-page .rw2-portfolio-wrap,
	.contact-page .rw3-map-wrap {padding-bottom: 70px;}
}

@media (max-width: 1024px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
	.slide-area .slider-content .content-block {
		padding: 80px;
		font-size: 26px;
		line-height: 44px;
		letter-spacing: 2px;
	}
}

@media (max-width: 991px) {
	.slide-area .slick-prev {
	    right: 30px;
	    left: auto;
	}
	.slide-area .slick-next {
    	right: 10px;
	}
	.slide-area .slick-prev, .slide-area .slick-next {top:40px;}
	#header .nav-opener {top: 56%;}
	
	.slide-area .slider-content .content-block {
		padding: 80px;
		font-size: 22px;
		line-height: 40px;
		letter-spacing: 2px;
	}

	.contact-page .rw2-contact-details .details-left,
	.contact-page .rw2-contact-details .details-right {
		float: none;
		margin: 0 auto;
	}
	
	.service-page .rw2-service-details .container {max-width: 98%;}

	.portfolio-page .rw2-portfolio-wrap.w-100.section.pt-160 {
		padding-top: 50px;
	}
	
}


@media (max-width: 767px) {
	#header {height: 70px;}
	#header .site-logo a>img {width: 170px;}
	.slide-area .slick-prev, .slide-area .slick-next {top:20px;}
	.slide-area .slider-content {
    	width: 100%;
    	height: calc(100vh - 70px);
    	margin-top: 70px;
	}
	.display-2 {font-size: 1.5rem;}

	.sidenav a {text-align:center;}

	.contact-page .rw1-masthead, .portfolio-page .rw1-masthead, .service-page .rw1-masthead {padding-top:70px;}
	.service-page .rw2-service-details h1,
	.service-page .rw2-service-details p {text-align:center;}
	.service-page .rw2-service-details .serv-block {padding:130px 30px 30px; text-align: center;}
	.service-page .rw2-service-details .serv-block .img-wrap {
		top: 10%;
		left: 50%;
		transform: translate(-50%, -10%);
		width: 80px;
		height: auto;
	}

	.portfolio-page .rw2-portfolio-wrap {padding-top:100px;}
	.portfolio-page .rw2-portfolio-wrap.section {padding-top:30px;}
	.portfolio-page .portfolio-item {margin-bottom: 20px;}
	.portfolio-page .rw-breadcrumb.w-100.album {margin-top:70px;}
	.portfolio-page .rw2-portfolio-wrap.w-100.section.pt-160 {padding-top:50px;} 

	#gallery {z-index: 0;}

}
@media (max-width: 630px) {
	.service-page .rw2-service-details h1 {font-size: 1.5rem;}
	.service-page .rw2-service-details .serv-block {padding-top: 100px;}
	.service-page .rw2-service-details .serv-block .img-wrap {top:8%; width: 60px;}	
}
@media (max-width: 576px) {
	.slide-area .slider-content .content-block {
		padding: 40px;
		font-size: 15px;
		line-height: 1.5;
		letter-spacing: 2px;
	}
	.contact-page .rw1-masthead .masthead-content, 
	.portfolio-page .rw1-masthead .masthead-content, 
	.service-page .rw1-masthead .masthead-content {
		width: 100%;
		padding: 15px;
	}
}
@media (max-width: 375px) {
	#header .site-logo img {width:180px;}
	#header .nav-opener {left:20px;}
	.slide-area .slider-content .content-block {
		padding: 20px;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 1px;
	}

	.service-page .rw2-service-details .serv-block {
		padding-top: 100px;}
	.service-page .rw2-service-details .serv-block .img-wrap {
		top:5%;
		width: 50px;
	}

	.contact-page .rw2-contact-details .details-left ul > li > a {
		font-size: 14px;
	}
}



/* For Max-Hight Device */
@media (min-height: 320px) and (max-height: 480px) {
	.slide-area .slider-content .content-block {
		font-size: 18px;
	}
	.slide-area .slider-content .content-block {
		height: 100%;
		overflow: auto;
	}

}
@media (max-height: 400px) {
	.sidenav {padding-top: 70px;}
}
@media (max-height: 370px) {
	.sidenav a {
		display:block;
		padding: 0 15px;
		line-height: 36px;
	}
}