/*responsive*/
#mobile_loc{display: none;}
.cta { display: none;}
#mobile_h3{ display: none;}
#mobile_p{display: none;}
#mobile_navs{display: none;}


/*modification codes*/
#content .welcome-wrap .welcome-section img{margin: 0px 0px 0px 0px !important;}
#content .welcome-wrap{margin-top: 180px !important}
#location .location-section img{margin: 0px 0px 0px 0px !important;}


@media screen and (max-width: 1024px){
	body { min-width: 320px; width: 100% } 
	

	.callout .row{display: flex; justify-content: flex-start; margin: 0px 0px 0px 0px;}
	#header .callout-section{min-width: 0%;}
	#header .callout-section .callout-section-wrap{font-size: 14px;}
	#header .callout-section span{font-size: 14px;}
	#header .callout-section i{font-size: 35px; margin: 0px 20px 0px 5px;}
	.btn{font-size: 14px;}
	#header .main-header{display: flex; justify-content: flex-start;}
	#header .main-header .header-comp-name h2{font-size: 35px;}
	#header .main-header .header-comp-name h2, #header .main-header .header-comp-name p{font-size: 15px;}
	#header .main-header .header-text-wrap p{font-size: 10px;}
	.facebook-button{margin: 0px 0px 0px 45px;}
	#header nav ul li{padding: 10px 45px 10px 20px}
	#header .navbar{text-align: left;}
	#header .navbar nav{margin: 0px 0px 0px 110px;}
	#banner .banner-caption{float: none; margin: 0px 0px 0px 450px;}
	#banner .banner-caption p{font-size: 40px;}
	#banner .banner-caption a{padding: 20px 40px 20px 40px; font-size: 17px;}
	#banner{background-size: 100% 100%}
	#content .content-wrap{padding: 0px 0px 0px 0px; text-align: left;}
	#content .content-wrap dl{width: 100%; margin: 0px 0px 0px 0px;}
	#content .content-wrap dl dt img{width: 95%;}
	#content .content-wrap dl dd p{font-size: 21px;}
	#content .welcome-wrap{margin: 135px 0px 0px 0px;}
	#content .welcome-wrap .welcome-section img{width: 100%}
	#content .welcome-wrap .welcome-section .btn{right: 90px;}
	#content .welcome-wrap .welcome-wrap-right{margin: 0px 0px 0px 0px; text-align: center;}
	#content .welcome-wrap .welcome-wrap-right p{max-width: 90%; font-size: 16px; margin: 25px 0px 0px 45px;}
	#content .content-wrap{min-height: 0;}
	#why-us{margin: 100px 0px 0px 0px;}
	#why-us h2{margin: 0px 0px 0px 0px;}
	#why-us p{margin: 0px 0px 0px 70px; font-size: 16px;}
	.choose-item-container{text-align: left; padding: 30px 0px 0px 95px; font-size: 10px;}
	#why-us a.btn{margin: 30px 0px 0px 0px; padding: 15px 40px 15px 40px;}
	#call-out .btn-up, .fa-chevron-up::before{display: none;}
	#call-out .caption{margin: 0px 0px 0px 0px; box-sizing: border-box; width: 100%;}
	#call-out .caption p{margin: 0px 0px 0px 100px; width: 80%; font-size: 16px;}
	#call-out{min-height: 0px; padding: 0px 0px 230px 0px;}
	#gallery .btn-up{display: none;}
	#gallery .gallery-section-wrap{display: inline-block;}
	#testimonials .testimonials-wrap{display: flex; flex-direction: column; align-items: flex-start;}
	#testimonials .testimonials-section{margin: 0px 0px 0px 260px;}
	#testimonials .testimonials-right{margin: 30px 0px 0px 260px;}
	#payment-methods{margin: 0px 0px 0px 0px;}
	#location .location-wrap{display: flex; flex-direction: column; align-items: flex-start;}
	#location .location-section{margin: 0px 0px 0px 200px; width: 58%;}
	#location .location-section-right{margin: 0px 0px 0px 200px;}
	#location .location-section .btn{display: none;}
	#web_loc{display: none;}
	#mobile_loc{display: block; width: 100%;}
	#footer .main-footer{float: none;}
	.footer-copy, .copy{float: none;}
	#footer .main-footer{padding: 0px 0px 0px 205px;}
	.footer-copy{float: none; padding: 0px 0px 0px 0px;}
	.services-wrap .row{display: flex; align-items: flex-start;}
	#content .welcome-wrap .row{display: flex; flex-direction: column;}
	#content .welcome-wrap{margin: 40px 0px 0px 0px;}
	#content .welcome-wrap .welcome-section{width: 88%; margin: 0px 0px 0px 65px;}
	#content .content-wrap dl dd{width: 95%;}
	#gallery .gallery-section-right{text-align: center; margin: 0px 0px 0px 0px;}
	#gallery .gallery-section-right h2{margin-bottom: 15px;}



}





@media screen and (max-width: 900px){

	.facebook-button{margin: 0px 0px 0px 0px}
	#header .main-header .header-text-wrap h3{font-size: 20px;}
	#header .main-header .header-text-wrap p{font-size: 9px;}
	#header .navbar nav{margin: 0px 0px 0px 40px;}
	#why-us p{margin: 0px 0px 0px 0px;}
	#gallery .gallery-section-wrap .gallery-image-row img{margin: 10px 10px 10px 10px; width: 30%;}
	#footer .main-footer{padding: 0px 0px 0px 110px;}

}



@media screen and (max-width: 800px){

	    .cta{background: #F23534  url("../images/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;border-top: 2px solid #fff ;border-top-left-radius: 40px;bottom: 1%;display: block;height: 80px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999;}
		#header nav ul li a{font-size: 15px;}
		#banner .banner-caption{margin: 0px 0px 0px 370px;}
		#call-out .caption p{margin: 0px 0px 0px 90px; width: 70%; font-size: 14px;}
		#testimonials .testimonials-section{margin: 0px 0px 0px 60px;}
		#testimonials .testimonials-right{margin: 30px 0px 0px 60px;}
		#payment-methods img{width: 25%;}
		#location .location-section{width: 52%;}
		.choose-item-container{padding: 30px 0px 0px 280px; }
		#why-us .choose-item{display: block; margin: 0px 0px 10px 0px;}
		#testimonials{padding: 20px 0;}
		#testimonials .testimonials-left .advantages .adv-widget{margin-top: 20px;}
		#location .location-section{text-align: center;}
		#location .location-section{width: 70%; margin: 0px 0px 0px 120px;}
		#location .location-section-right .contact-wrap{text-align: center;}
		#location .location-section-right .contact-detail .contact-info { margin-left: 0; }
		#location .location-section-right .contact-detail { flex-direction: column;justify-content:center; }
		
}



@media screen and (max-width: 768px){
	
	#mobile_navs{display:block !important;height:auto; background: #000; width: 100%; margin: 0px 0px 1px 0px; position: absolute; top: 0}
	 #mobile_navs a#pull{display:block !important;background-color:#333333;width:100%;position:relative;text-decoration:none;color:#fff;text-align: left;}
	#mobile_navs a#pull:after{content:"";background:url('../images/nav-icon.png') no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:15px;top:10px;}
	#mobile_navs a#pull strong{line-height:45px;}
	#mobile_navs ul{width:95%;display:none;height:auto; margin: 0px 0px 0px 20px}
	#mobile_navs ul li{display:block !important;padding:5px 0;text-align:left;background-color:#333333;}
	#mobile_navs ul li a{display:block !important;width:100%;height:auto;margin:0;color:#000;text-align:left;}
	#mobile_navs ul li:first-child{padding:5px 20px;}
	#mobile_navs ul li:not(:first-child):not(:last-child){padding:5px 20px;}
	#mobile_navs ul li:last-child{padding:5px 20px;}
	#mobile_navs ul li a.active-menu{color:#B22D00;padding:10px 0;}
	#mobile_navs ul li a:hover{color:#B22D00;padding:0px 0;}
	.caret-down{display: none;}
	#web_navs{display: none;}
	#header .callout .callout-wrapper{display: flex; flex-direction: column; margin: 0px 0px 0px 130px;}
	#header .main-header{flex-direction: column; padding: 25px 0px 0px 305px;}
	.facebook-button{margin: -30px 0px 10px 0px;}
	#header .navbar{padding: 0px 0px 0px 0px;}
	#banner{min-height: 440px;}
	#content .content-wrap dl dt img{width: 100%;}
	#content .content-wrap dl dd{height: 60px; bottom: -55px; width: 100%;}
	#content .content-wrap dl{margin: 0px 0px 75px 0px; width: 80%;}
	#why-us{margin: 0px 0px 0px 0px;}
	#why-us h2{margin: 0px 0px 0px 0px;}
	#why-us p{font-size: 14px; width: 70%; margin: 0px 0px 0px 110px}
	#why-us span{margin-right: 5px;}
	#why-us .choose-item{margin-right: 5px;}
	.gallery-image-row{display: flex; flex-direction: column;}
	#gallery .gallery-section-wrap{flex-direction: column;}
	#gallery .gallery-section-wrap .gallery-image-row img{width: 100%;}
	#gallery{padding: 0px 0px 0px 0px;}
	#gallery .gallery-section-wrap{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 70%;}
	#gallery .gallery-section-right{margin: 0px 0px 0px 0px;}
	#gallery .gallery-section-right h2{margin: 0px 0px 10px 0px}
	#payment-methods .row{display: flex; flex-direction: column;}
	#payment-methods img{margin: 15px 0px 0px 85px; width: 80%;}
	#location .location-section{width: 80%; margin: 0px 0px 0px 75px; box-sizing: border-box;}
	#location .location-section img{margin-left: -175px;}
	#location{margin: 10px 0px 0px 0px;}
	#banner .banner-caption{margin: 0px 0px 0px 355px; padding: 10px 0px 0px 0px;}
	#web_h3{ display: none;}
	#web_p{display: none;}
	#mobile_h3{ display: block; margin: 10px 0px 0px 0px; font-size: 15px}
	#mobile_p{display: block; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px;}
	.services-wrap .row{flex-direction: column; align-items: center;}
	#content .welcome-wrap{margin-top: 20px !important;}
	#content .welcome-wrap .welcome-wrap-right{padding: 0px 0px 20px 0px;}
	#header .callout{margin: 46px 0px 0px 0px;}


}



@media screen and (max-width: 650px){

	#header .main-header{padding: 25px 0px 0px 30px;}
	#header .main-header div{text-align: center;}
	#banner .banner-caption p{font-size: 30px;}
	#banner .banner-caption p span{font-size: 60px;}
	#banner .banner-caption a{padding: 15px 20px 15px 20px; font-size: 14px; margin: -20px 0px 0px 40px;}
	#banner{min-height: 350px;}
	#location .location-section-right h2{margin: 0px 0px 0px -140px;}
	#location .location-section-right h3{margin: 0px 0px 0px -115px;}
	#p_mod{margin: 10px 0px 0px -150px;}
	#h4_mod{margin: 0px 0px 0px -150px;}
	#p2_mod{margin: 10px 0px 0px -120px;}
	#footer .main-footer{padding: 0px 0px 0px 0px;}

}





@media screen and (max-width: 550px){

	
	#header .callout .callout-wrapper{margin: 0px 0px 0px 60px;}
	#banner .banner-caption p{font-size: 23px;}
	#banner .banner-caption p span{font-size: 50px;}
	#banner .banner-caption{margin: 0px 0px 0px 295px;}
	#content .welcome-wrap .welcome-wrap-right{margin: 0px 0px 0px -80px}
	#why-us h2{font-size: 53px}
	#why-us p{margin: 0px 0px 0px 80px;}
	.choose-item-container{padding: 30px 0px 0px 140px;}
	#call-out .caption p{margin: 0px 0px 0px 50px;}
	#location .location-section{margin: 0px 0px 0px 33px;}
	#footer .main-footer ul > li{padding: 0 2px;}
	#location .location-section-right h2{margin: 0px 0px 0px -60px;}
	#location .location-section-right h3{margin: 0px 0px 0px -65px; font-size: 40px;}
	#p_mod{margin: 10px 0px 0px -55px;}
	#h4_mod{margin: 0px 0px 0px -55px;}
	#p2_mod{margin: 10px 0px 0px -55px;}
}



@media screen and (max-width: 500px){

	#banner .banner-caption{margin: 0px 0px 0px 245px;}
	#banner{min-height: 295px;}
	#content .welcome-wrap .welcome-section .btn{right: 30px; top: 130px;}
	#content .welcome-wrap .welcome-wrap-right p{max-width: 85%;}
	#call-out .caption p{margin: 0px 0px 0px 10px; width: 91%;}
	#footer .main-footer ul > li{font-size: 16px;}
	#footer .main-footer ul{margin: 0px 0px 0px -20px;}

}


@media screen and (max-width: 425px){

	#header .callout .callout-wrapper{margin: 0px 0px 0px -5px;}
	#banner .banner-caption p{font-size: 18px;}
	#banner .banner-caption p span{font-size: 45px;}
	#banner .banner-caption a{padding: 11px 15px 11px 15px; margin: -10px 0px 0px 40px; font-size: 12px;}
	#banner .banner-caption{margin: 0px 0px 0px 205px; padding: 25px 0px 0px 0px;}
	#banner{min-height: 250px;}
	#why-us h2{font-size: 45px;}
	.choose-item-container{padding: 30px 0px 0px 90px;}
	#call-out .caption p.contact-call-out .contact{font-size: 15px;}
	#testimonials .testimonials-right .quote{display: none;}
	#testimonials .testimonials-section{width: 80%; margin: 0px 0px 0px 40px;}
	#testimonials .testimonials-right .testimonial .testimonial-text{margin: 35px 0px 0px 20px;}
	#payment-methods img{margin: 15px 0px 0px 35px;}
	#location .location-section-right h2{font-size: 48px;}
	#location .location-section-right h3{margin: 0px 0px 0px -52px; font-size: 33px;}
	#location .location-section-right p.small-text{font-size: 12px; margin: 10px 0px 0px -52px;}
	#location .location-section-right .contact-wrap{width: 100%; margin: 0px 0px 0px -70px; box-sizing: border-box;}
	#footer .main-footer ul > li{font-size: 13px;}
	.footer-copy, .copy{font-size: 12px;}
	#banner{margin: 20px 0px 0px 0px;}
	.inner #content h1{font-size: 65px;}
	

}

@media screen and (max-width: 414px){

	#content .welcome-wrap .welcome-wrap-right p{margin: 25px 0px 0px 33px;}

}


@media screen and (max-width: 384px){

	#banner .banner-caption{margin: 0px 0px 0px 185px;}
	#content .welcome-wrap .welcome-section img{margin: 0px 0px 0px -30px !important;}
	#content .welcome-wrap .welcome-wrap-right p{margin: 25px 0px 0px 30px;}
	#why-us h2{font-size: 40px;}
	#location .location-section-right h2{font-size: 50px;}
	#location .location-section-right h3{font-size: 33px;}
	#footer .main-footer ul > li{font-size: 12px;}


}

@media screen and (max-width: 375px){

	#banner .banner-caption p{font-size: 15px;}
	#banner .banner-caption p span{font-size: 35px;}
	#banner .banner-caption a{margin: -10px 0px 0px 40px; font-size: 10px;}
	#banner .banner-caption{margin: 0px 0px 0px 188px;}
	#banner{min-height: 200px;}
	#why-us p{margin: 0px 0px 0px 55px;}
	.choose-item-container{padding: 30px 0px 0px 55px;}


}


@media screen and (max-width: 360px){

	#footer .main-footer ul > li{font-size: 11px;}

}


@media screen and (max-width: 320px){

	.btn{margin: 10px 0px 0px 0px;}
	#banner .banner-caption{margin: 0px 0px 0px 137px;}
	#content .welcome-wrap .welcome-wrap-right h2{font-size: 55px;}
	#content .welcome-wrap .welcome-section{width: 79%;}
	#gallery .gallery-section-right h2{font-size: 58px;}
	#testimonials .testimonials-right .testimonial .testimonial-text p.name{max-width: 100%}
	#content .welcome-wrap .welcome-section .btn{right: 20px; top: 55px;}
	.choose-item-container{padding: 30px 0px 0px 20px;}
	#call-out .caption h2{margin: 0px 0px 0px -30px;}
	#call-out .caption{padding: 15px 90px;}
	#call-out .caption p{margin: 5px 0px 0px -40px; width: 160%;}
	#gallery .gallery-section-wrap{margin: 0px 0px 0px -15px}
	#gallery .gallery-section-right .small-text{margin: 0px 0px 0px 35px;}
	#gallery .gallery-section-right p{margin: 10px 0px 0px 42px; font-size: 16px}
	#location .location-section-right h2{font-size: 37px; margin: 0px 0px 0px -85px;}
	#location .location-section-right h3{margin: 0px 0px 0px -87px;}
	#p_mod{margin: 10px 0px 0px -90px;}
	#h4_mod{margin: 0px 0px 0px -90px;}
	#p2_mod{margin: 10px 0px 0px -90px !important;}
	#footer .main-footer ul{margin: 0px 0px 0px -30px;}
	#footer .main-footer ul > li{font-size: 10px;}
	.footer-copy, .copy{font-size: 11px;}


}



/*INNER PAGES*/


/*about us*/

@media screen and (max-width: 900px){

	.about-inner-right{margin: 0px 47px 0px 0px;}
	.about-inner-wrapper{width: 100%; box-sizing: border-box;}
	.about-inner-wrapper img{width: 50%;}


}


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

.about-inner-wrapper{display: flex; flex-direction: column; align-items: center; text-align: center !important;} 
.about-inner-right{margin: 0px 0px 0px 0px; width: 90%;}
.about-inner-wrapper img{width: 80%}
.about-inner-right p{text-align: center !important;}

}




/*services*/
@media screen and (max-width: 960px){

	.services-container{width: 85%; margin: 0px 0px 40px 35px;}
}


@media screen and (max-width: 800px){

	.services-container{width: 80%;}

}


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


	.services-container{display: flex; flex-direction: column; align-items: center;}

}


@media screen and (max-width: 600px){

	.services-container{width: 75%;}


}


@media screen and (max-width: 475px){

	
	.services-container{margin: 0px 0px 40px 15px;}
	#content .welcome-wrap .welcome-section{width: 86%}

}


@media screen and (max-width: 375px){


	.services-container{width: 70%;}
	#testimonials .testimonials-right .testimonial .testimonial-text p.name{max-width: 310px;}
	#content .welcome-wrap .welcome-section{width: 83%}
	#content .welcome-wrap .welcome-section .btn{top: 100px;}


}


@media screen and (max-width: 350px){
	
	#testimonials .testimonials-right .testimonial .testimonial-text p.name{max-width: 260px;}
	#content .welcome-wrap .welcome-section{width: 80%}
	#content .welcome-wrap .welcome-wrap-right{margin: 0px 0px 0px -65px;}
	#footer .main-footer ul > li{font-size: 10px;}

}


@media screen and (max-width: 320px){


	.services-container{width: 66%;}
	#content .welcome-wrap .welcome-section{width: 79%;}


}



/*contact us*/


@media screen and (max-width: 960px){

	.ctc-form{width: 90%}

}