@-ms-viewport {
  width: device-width;
}
@media (min-width: 1921px) and (max-width: 2550px) {
	.top-spray-pic{
		left: 0;
	}
}
@media (min-width: 1441px) and (max-width: 1579px) {
	.navigation ul li a{
		font-size: 21px;
	}
	.top-spray-pic{
		display:none;
	}
	.blog-item{
		width: 31.33%;
		margin: 0 1% 1% 1%;
	}
	.blog-info h4{
		font-size: 25px;
		line-height: 25px;
	}
	.blog-info p{
		font-size: 20px;
	}
	.read-more a{
		font-size: 20px;
	}
	.contact-arrow{
		left: -50px;
	}
	.contact-page-info h2{
		font-size: 70px;
	}
	.contact-page-info p{
		font-size: 32px;
	}
}

@media (min-width: 1221px) and (max-width: 1440px) {

.navigation ul li{
	margin: 0 6px;
}
.navigation ul li a{
	font-size: 18px;
}
.top-spray-pic{
	display:none;
}
.blog-item{
	width: 31.33%;
	margin: 0 1% 1% 1%;
}
.blog-info h4{
	font-size: 25px;
	line-height: 25px;
}
.blog-info p{
	font-size: 20px;
}
.read-more a{
	font-size: 20px;
}
.contact-arrow{
	left: -50px;
}
.contact-page-info h2{
	font-size: 70px;
}
.contact-page-info p{
	font-size: 32px;
}
}

@media (min-width: 1025px) and (max-width: 1220px) {

.header-area{
	padding: 0 0 0 0;
}
.header{
	height: auto;
	padding: 10px 0 10px 0;
}
.contactno a{
    font-size: 25px;
    padding: 10px 55px 10px 55px;
}
.navigation ul li{
	margin: 0 6px;
}
.navigation ul li a{
	font-size: 15px;
}
.home-top-area{
	min-height: 100px;
}
.home-top-info{
	max-width: 100%;
}
.services-area{
	padding: 20px 0 20px 0;
}
.service-item{
	width: 31.33%;
	margin: 0 1% 2% 1%;
}
.blog-item{
	width: 31.33%;
	margin: 0 1% 1% 1%;
}
.blog-info h4{
	font-size: 25px;
	line-height: 25px;
}
.blog-info p{
	font-size: 20px;
}
.read-more a{
	font-size: 20px;
}
.footer-area {
	min-height: 100px;
}
.footer-info {
	padding: 0 0 30px 0;
}
.copyright-info p{
	font-size: 20px;
}

/* for inner page */

.cumbtrail-area{
	padding: 20px 0 20px 0;
}
.top-spray-pic{
	display:none;
}
.cumbtrail-info h1{
	font-size: 35px;
	line-height: 35px;
}
.content-left{
	width: 68%;
}
.content-box{
	padding: 20px;
}
.content-right{
	width: 30%;
}
.widget-title h3{
	font-size: 35px;
	line-height: 35px;
}

/* for area page */

.area-item{
	width: 31.33%;
	margin: 0 1% 3% 1%;
}

/* for recommended page */

.recommends-row{
	padding: 45px 0;
}

/* for contact page */

.contact-page-info h2{
	font-size: 40px;
	line-height: 40px;
}
.contact-page-info p{
	font-size: 22px;
}

}	

@media (min-width: 768px) and (max-width: 1024px) {

.header-area{
	padding: 0 0 0 0;
}
.header{
	height: auto;
	padding: 10px 0 10px 0;
}
.header-left{
	display: none;
}
.phonetxt{
	display: none;
}
.contactno-area{
	display: none;
}
.header-right{
	width: auto;
	float: none;
}
.logo{
	float: left;
}
.logo img{
	max-width: 150px;
}
.menuicon {
	display: block;
}
.navigation{
	display: none;
}
.home-top-area{
	min-height: 100px;
}
.home-top-info{
	max-width: 100%;
}
.services-area{
	padding: 20px 0 20px 0;
}
.service-item{
	width: 31.33%;
	margin: 0 1% 2% 1%;
}
.why-us-info{
	padding: 20px 0 20px 0;
}
.why-us-right{
	width: 50%;
}
.why-us-left{
	width: 48%;
}
.why-us-content h2{
	font-size: 30px;
	line-height: 30px;
}
.featured-area{
	padding: 30px 0 30px 0;
	min-height: 100px;
}
.home-testimonial-area{
	padding: 30px 0 30px 0;
}
.testimonial-box-right{
	width: 35%;
}
.testimonial-box-left{
	width: 60%;
}
.bottom-content-area{
	padding: 30px 0 30px 0;
}
.bottom-content-list{
	padding: 10px 0;
}
.content-list-left{
	width: auto;
	float: none;
	padding: 0 0 20px 0;
}
.content-pic{
	text-align: center;
}
.content-pic img{
	max-width: 600px;
	display: inline-block;
}
.content-list-right{
	width: auto;
	float: none;
}
.right{
	float: none;
}
.left{
	float: none;
}
.blog-area{
	padding: 30px 0 30px 0;
	overflow: hidden;
}
.blog-area h2{
	padding: 0 0 30px 0;
}
.blog-item{
	width: 31.33%;
	margin: 0 1% 1% 1%;
}
.blog-info h4{
	font-size: 25px;
	line-height: 25px;
}
.blog-info p{
	font-size: 20px;
}
.read-more a{
	font-size: 20px;
}
.footer-area {
	min-height: 100px;
}
.footer-info {
	padding: 0 0 30px 0;
}
.copyright-info p{
	font-size: 20px;
}

/* for inner page */

.cumbtrail-area{
	padding: 20px 0 20px 0;
}
.top-spray-pic{
	display:none;
}
.cumbtrail-info h1{
	font-size: 35px;
	line-height: 35px;
}
.content-left{
	width: 68%;
}
.content-box{
	padding: 20px;
}
.content-right{
	width: 30%;
}
.widget-title h3{
	font-size: 35px;
	line-height: 35px;
}

/* for area page */

.area-item{
	width: 47%;
	margin: 0 1.5% 3% 1.5%;
}

/* for recommended page */

.recommends-row{
	padding: 45px 0;
}


/* for contact page */

.contact-left{
	width: auto;
	float: none;
}
.contact-form-right{
	width: auto;
	float: none;
	padding: 30px 0 0 0;
}
.contact-form-list input{
	font-size: 20px;
}
.contact-form-send input{
	font-size: 20px;
	height: 75px;
}
.contact-form-left{
	width: auto;
	float: none;
}
.contact-right{
	width: auto;
	float: none;
	padding: 0 0 0 0;
}
.contact-page-info h2{
	font-size: 40px;
	line-height: 40px;
}
.contact-page-info p{
	font-size: 22px;
}
.contact-arrow{
	display: none;
}

}

@media (min-width: 481px) and (max-width: 767px){

.header-area{
	padding: 0 0 0 0;
}
.header{
	height: auto;
	padding: 10px 0 10px 0;
}
.header-left{
	display: none;
}
.phonetxt{
	display: none;
}
.contactno-area{
	display: none;
}
.header-right{
	width: auto;
	float: none;
}
.logo{
	float: left;
}
.logo img{
	max-width: 150px;
}
.menuicon {
	display: block;
}
.navigation{
	display: none;
}
.home-top-area{
	min-height: 100px;
	padding: 150px 0 10px 0;
	background: url(images/mobile-image.jpg) no-repeat right top;
}
.home-top-info{
	max-width: 100%;
	text-align: left;
}
.home-top-info h1{
	font-size: 50px;
	line-height: 50px;
	letter-spacing: -5px;
	padding: 0 0 20px 0;
}
.home-top-info p{
	font-size: 30px;
	line-height: 30px;
}
.home-top-form-area{
	padding: 20px 0 0 0;
}
.home-top-form-area h4{
	font-size: 25px;
	line-height: 25px;
	padding: 0 0 20px 0;
}
.home-top-form{
	overflow: hidden;
}
.top-form-list{
	width: auto;
	float: none;
	margin: 0 0 10px 0;
}
.top-form-send{
	width: auto;
	float: none;
}
.services-area{
	padding: 20px 0 20px 0;
}
.service-item{
	width: 46%;
	margin: 0 2% 20px 2%;
}
.why-us-info{
	padding: 20px 0 20px 0;
}
.why-us-right{
	width: auto;
	float: none;
}
.why-us-left{
	width: auto;
	float: none;
}
.why-us-content h2{
	font-size: 30px;
	line-height: 30px;
}
.featured-area{
	padding: 30px 0 30px 0;
	min-height: 100px;
}
.featured-item{
	width: 48%;
	margin: 0 1% 20px 1%;
}
.home-testimonial-area{
	padding: 30px 0 30px 0;
}
.testimonial-box-right{
	width: auto;
	float: none;
}
.home-testimonial-title{
	text-align: center;
	background: url(images/quote-icon.png) no-repeat center bottom;
	padding: 210px 0 0 0;
}
.home-testimonial-title h3{
	font-size: 40px;
	line-height: 40px;
}
.home-testimonial-title h4{
	font-size: 30px;
	line-height: 30px;
}
.testimonial-box-left{
	width: auto;
	float: none;
	padding: 30px 0 0 0;
	text-align: center;
}
.home-testimonial .owl-pagination{
	text-align: center;
}
.bottom-content-area{
	padding: 30px 0 30px 0;
}
.bottom-content-list{
	padding: 10px 0;
}
.content-list-left{
	width: auto;
	float: none;
	padding: 0 0 20px 0;
}
.content-pic{
	text-align: center;
}
.content-pic img{
	max-width: 600px;
	display: inline-block;
}
.content-list-right{
	width: auto;
	float: none;
}
.right{
	float: none;
}
.left{
	float: none;
}
.blog-area{
	padding: 30px 0 30px 0;
	overflow: hidden;
}
.blog-area h2{
	padding: 0 0 30px 0;
}
.blog-item{
	width: 48%;
	margin: 0 1% 4% 1%;
}
.blog-info h4{
	font-size: 25px;
	line-height: 25px;
}
.blog-info p{
	font-size: 20px;
}
.read-more a{
	font-size: 20px;
}
.footer-area {
	min-height: 100px;
	padding: 30px 0 30px 0;
	text-align: center;
}
.footer-info {
	padding: 0 0 30px 0;
}
.foioter-right {
	width: auto;
	float: none;
}
.footer-col{
	width: auto;
	float: none;
	margin: 0 0 20px 0;
}
.footer-left {
	width: auto;
	float: none;
}
.footer-logo img {
	max-width: 200px;
}
.copyright-info p{
	font-size: 20px;
}

/* for inner page */

.cumbtrail-area{
	padding: 20px 0 20px 0;
}
.top-spray-pic{
	display:none;
}
.cumbtrail-info h1{
	font-size: 35px;
	line-height: 35px;
}
.content-left{
	width: auto;
	float: none;
}
.content-box{
	padding: 20px;
}
.content-right{
	width: auto;
	float: none;
	padding: 30px 0 0 0;
}
.widget-title h3{
	font-size: 35px;
	line-height: 35px;
}

/* for area page */

.area-item{
	width: 47%;
	margin: 0 1.5% 3% 1.5%;
}

/* for recommended page */

.recommends-row{
	padding: 45px 0;
}
.recommend-item{
	width: 100%;
	margin: 0 0 30px 0;
}

/* for contact page */

.contact-left{
	width: auto;
	float: none;
}
.contact-form-right{
	width: auto;
	float: none;
	padding: 30px 0 0 0;
}
.contact-form-list input{
	font-size: 20px;
}
.contact-form-send input{
	font-size: 20px;
	height: 75px;
}
.contact-form-left{
	width: auto;
	float: none;
}
.contact-right{
	width: auto;
	float: none;
	padding: 0 0 0 0;
}
.contact-page-info h2{
	font-size: 40px;
	line-height: 40px;
}
.contact-page-info p{
	font-size: 22px;
}
.contact-arrow{
	display: none;
}

/* for blog page */

.blog-heading{
	padding: 20px 0 20px 0;
}
.blog-heading h3{
	font-size: 30px;
	line-height: 20px;
}
.blog-heading h2{
	font-size: 40px;
	line-height: 30px;
}
.blog-list{
	width: 48%;
	margin: 0 1% 2% 1%;
}

}
@media (min-width: 321px) and (max-width: 480px){

.header-area{
	padding: 0 0 0 0;
}
.header{
	height: auto;
	padding: 10px 0 10px 0;
}
.header-left{
	width: auto;
	float: none;
}
.phonetxt{
	display: none;
}
.contactno-area{
	display: block;
}
.contactno a{
	display: none;
	text-align: center;
}
.sociallink{
	display: none;
}
.header-right{
	width: auto;
	float: none;
}
.logo{
	float: left;
	margin: 5px 0 0 0;
}
.logo img{
    max-width: 208px;
}
.menuicon {
    display: block;
}
.navigation{
	display: none;
}
.home-top-area{
    min-height: 100px;
	padding: 80px 0 10px 0;
	background: url(images/mobile-image.jpg) no-repeat right top;
	background-size: auto;
	background-size: contain;
}
.home-top-info{
	max-width: 100%;
	text-align: left;
}
.home-top-info h1{
    font-size: 40px;
    line-height: 30px;
    letter-spacing: -5px;
	padding: 5px 0 5px 0;
}
.home-top-info p{
    font-size: 23px;
    line-height: 25px;
}
.home-top-form-area{
    padding: 20px 0 0 0;
}
.home-top-form-area h4{
	display: none;
}
.home-top-form{
	overflow: hidden;
	padding: 30px 0 0 0;
}
.top-form-list{
    width: auto;
    float: none;
    margin: 0 0 10px 0;
}
.top-form-send{
    width: auto;
    float: none;
}
.services-area{
    padding: 20px 0 20px 0;
}
.service-item{
    width: 46%;
    margin: 0 2% 20px 2%;
}
.why-us-info{
    padding: 20px 0 20px 0;
}
.why-us-right{
    width: auto;
    float: none;
}
.why-us-left{
	width: auto;
    float: none;
}
.why-us-content h2{
    font-size: 30px;
    line-height: 30px;
}
.featured-area{
    padding: 30px 0 30px 0;
    min-height: 100px;
}
.featured-item{
    width: 48%;
    margin: 0 1% 20px 1%;
}
.home-testimonial-area{
    padding: 30px 0 30px 0;
}
.testimonial-box-right{
    width: auto;
    float: none;
}
.home-testimonial-title{
	text-align: center;
    background: url(images/quote-icon.png) no-repeat center bottom;
    padding: 210px 0 0 0;
}
.home-testimonial-title h3{
    font-size: 40px;
    line-height: 40px;
}
.home-testimonial-title h4{
    font-size: 30px;
    line-height: 30px;
}
.testimonial-box-left{
	width: auto;
	float: none;
	padding: 30px 0 0 0;
	text-align: center;
}
.home-testimonial .owl-pagination{
    text-align: center;
}
.bottom-content-area{
    padding: 30px 0 30px 0;
}
.bottom-content-list{
    padding: 10px 0;
}
.content-list-left{
	width: auto;
	float: none;
	padding: 0 0 20px 0;
}
.content-list-right{
	width: auto;
	float: none;
}
.right{
    float: none;
}
.left{
	float: none;
}
.blog-area{
    padding: 30px 0 30px 0;
    overflow: hidden;
}
.blog-area h2{
    padding: 0 0 30px 0;
}
.blog-item{
    width: 100%;
    margin: 0 0 20px 0;
}
.blog-info h4{
    font-size: 25px;
    line-height: 25px;
}
.blog-info p{
    font-size: 20px;
}
.read-more a{
    font-size: 20px;
}
.footer-area {
    min-height: 100px;
	padding: 30px 0 30px 0;
	text-align: center;
}
.footer-info {
    padding: 0 0 30px 0;
}
.foioter-right {
	width: auto;
	float: none;
}
.footer-col{
	width: auto;
	float: none;
    margin: 0 0 20px 0;
}
.footer-left {
	width: auto;
	float: none;
}
.footer-logo img {
    max-width: 200px;
}
.copyright-info p{
    font-size: 20px;
}

/* for inner page */

.cumbtrail-area{
    padding: 20px 0 20px 0;
}
.top-spray-pic{
   display:none;
}
.cumbtrail-info h1{
    font-size: 35px;
    line-height: 35px;
}
.content-left{
    width: auto;
	float: none;
}
.content-box{
    padding: 20px;
}
.content-right{
	width: auto;
	float: none;
	padding: 30px 0 0 0;
}
.widget-title h3{
    font-size: 35px;
    line-height: 35px;
}

/* for area page */

.area-item{
    width: 47%;
    margin: 0 1.5% 3% 1.5%;
}

/* for recommended page */

.recommends-row{
    padding: 45px 0;
}
.recommend-item{
    width: 100%;
    margin: 0 0 30px 0;
}

/* for contact page */

.contact-left{
    width: auto;
	float: none;
}
.contact-form-right{
	width: auto;
	float: none;
	padding: 30px 0 0 0;
}
.contact-form-list input{
    font-size: 20px;
}
.contact-form-send input{
    font-size: 20px;
    height: 75px;
}
.contact-form-left{
    width: auto;
	float: none;
}
.contact-right{
    width: auto;
	float: none;
    padding: 0 0 0 0;
}
.contact-page-info h2{
    font-size: 40px;
    line-height: 40px;
}
.contact-page-info p{
    font-size: 22px;
}
.contact-arrow{
	display: none;
}
.stickyPhone{
	width: 100%; 
	position:fixed;
	top:2px;
	left:0;
	z-index:999999999;
}
.stickyPhone a{
	display: block;
}

/* for blog page */

.blog-heading{
	padding: 20px 0 20px 0;
}
.blog-heading h3{
	font-size: 20px;
	line-height: 20px;
}
.blog-heading h2{
	font-size: 30px;
	line-height: 30px;
}
.blog-list{
	width: 100%;
	margin: 0 0 30px 0;
}
.cube-item {
  width: 48%;
  margin: 0 0.5% 1% 0.5%;
}
}

@media (max-width: 320px){
	.header-area{
		padding: 0 0 0 0;
	}
	.header{
		height: auto;
		padding: 10px 0 10px 0;
	}
	.header-left{
		width: auto;
		float: none;
	}
	.phonetxt{
		display: none;
	}
	.contactno-area{
		display: block;
	}
	.contactno a{
		display: none;
		text-align: center;
	}
	.sociallink{
		display: none;
	}
	.header-right{
		width: auto;
		float: none;
	}
	.logo{
		float: left;
		margin: 5px 0 0 0;
	}
	.logo img{
		max-width: 200px;
	}
	.menuicon {
		display: block;
	}
	.navigation{
		display: none;
	}
	.home-top-area{
		min-height: 100px;
		padding: 80px 0 10px 0;
		background: url(images/mobile-image.jpg) no-repeat right top;
		background-size: auto;
		background-size: contain;
	}
	.home-top-info{
		max-width: 100%;
		text-align: left;
	}
	.home-top-info h1{
  font-size: 33px;
  line-height: 30px;
  letter-spacing: -3px;
  padding: 5px 0 5px 0;
	}
	.home-top-info p{
  font-size: 22px;
  line-height: 17px;
	}
	.home-top-form-area{
		padding: 20px 0 0 0;
	}
	.home-top-form-area h4{
		display: none;
	}
	.home-top-form{
		overflow: hidden;
		padding: 30px 0 0 0;
	}
	.top-form-list{
		width: auto;
		float: none;
		margin: 0 0 10px 0;
	}
	.top-form-send{
		width: auto;
		float: none;
	}
	.services-area{
		padding: 20px 0 20px 0;
	}
	.service-item{
		width: 46%;
		margin: 0 2% 20px 2%;
	}
	.why-us-info{
		padding: 20px 0 20px 0;
	}
	.why-us-right{
		width: auto;
		float: none;
	}
	.why-us-left{
		width: auto;
		float: none;
	}
	.why-us-content h2{
		font-size: 30px;
		line-height: 30px;
	}
	.featured-area{
		padding: 30px 0 30px 0;
		min-height: 100px;
	}
	.featured-item{
		width: 48%;
		margin: 0 1% 20px 1%;
	}
	.home-testimonial-area{
		padding: 30px 0 30px 0;
	}
	.testimonial-box-right{
		width: auto;
		float: none;
	}
	.home-testimonial-title{
		text-align: center;
		background: url(images/quote-icon.png) no-repeat center bottom;
		padding: 210px 0 0 0;
	}
	.cube-item {
  width: 48%;
  margin: 0 0.5% 1% 0.5%;
}
	.home-testimonial-title h3{
		font-size: 40px;
		line-height: 40px;
	}
	.home-testimonial-title h4{
		font-size: 30px;
		line-height: 30px;
	}
	.testimonial-box-left{
		width: auto;
		float: none;
		padding: 30px 0 0 0;
		text-align: center;
	}
	.home-testimonial .owl-pagination{
		text-align: center;
	}
	.bottom-content-area{
		padding: 30px 0 30px 0;
	}
	.bottom-content-list{
		padding: 10px 0;
	}
	.content-list-left{
		width: auto;
		float: none;
		padding: 0 0 20px 0;
	}
	.content-list-right{
		width: auto;
		float: none;
	}
	.right{
		float: none;
	}
	.left{
		float: none;
	}
	.blog-area{
		padding: 30px 0 30px 0;
		overflow: hidden;
	}
	.blog-area h2{
		padding: 0 0 30px 0;
	}
	.blog-item{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.blog-info h4{
		font-size: 25px;
		line-height: 25px;
	}
	.blog-info p{
		font-size: 20px;
	}
	.read-more a{
		font-size: 20px;
	}
	.footer-area {
		min-height: 100px;
		padding: 30px 0 30px 0;
		text-align: center;
	}
	.footer-info {
		padding: 0 0 30px 0;
	}
	.foioter-right {
		width: auto;
		float: none;
	}
	.footer-col{
		width: auto;
		float: none;
		margin: 0 0 20px 0;
	}
	.footer-left {
		width: auto;
		float: none;
	}
	.footer-logo img {
		max-width: 200px;
	}
	.copyright-info p{
		font-size: 20px;
	}
	
	/* for inner page */
	
	.cumbtrail-area{
		padding: 20px 0 20px 0;
	}
	.top-spray-pic{
	   display:none;
	}
	.cumbtrail-info h1{
		font-size: 35px;
		line-height: 35px;
	}
	.content-left{
		width: auto;
		float: none;
	}
	.content-box{
		padding: 20px;
	}
	.content-right{
		width: auto;
		float: none;
		padding: 30px 0 0 0;
	}
	.widget-title h3{
		font-size: 35px;
		line-height: 35px;
	}
	
	/* for area page */
	
	.area-item{
		width: 47%;
		margin: 0 1.5% 3% 1.5%;
	}
	
	/* for recommended page */
	
	.recommends-row{
		padding: 45px 0;
	}
	.recommend-item{
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	/* for contact page */
	
	.contact-left{
		width: auto;
		float: none;
	}
	.contact-form-right{
		width: auto;
		float: none;
		padding: 30px 0 0 0;
	}
	.contact-form-list input{
		font-size: 20px;
	}
	.contact-form-send input{
		font-size: 20px;
		height: 75px;
	}
	.contact-form-left{
		width: auto;
		float: none;
	}
	.contact-right{
		width: auto;
		float: none;
		padding: 0 0 0 0;
	}
	.contact-page-info h2{
		font-size: 40px;
		line-height: 40px;
	}
	.contact-page-info p{
		font-size: 22px;
	}
	.contact-arrow{
		display: none;
	}
	.stickyPhone{
		width: 100%; 
		position:fixed;
		top:2px;
		left:0;
		z-index:999999999;
	}
	.stickyPhone a{
		display: block;
		font-size:25px;
	}

	/* for blog page */

	.blog-heading{
		padding: 20px 0 20px 0;
	}
	.blog-heading h3{
		font-size: 20px;
		line-height: 20px;
	}
	.blog-heading h2{
		font-size: 30px;
		line-height: 30px;
	}
	.blog-list{
		width: 100%;
		margin: 0 0 30px 0;
	}

}