@charset "utf-8";
/* CSS Document */

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

	.welcomeimg {
		width: 1000px;
	}

	.welcomcontent_left {
		width: calc(100% - 1050px);
	}

	.welcomeimg img {
		width: 100%
	}


	.clientslider {
		width: calc(100% + 600px);
		margin: 30px -300px 0;
	}

	.clientslider .slick-slide {
		margin: 0 80px 0;
	}

	.whychoose_left {
		width: calc(100% - 730px);
	}


	.whychoose_right {
		width: 600px;
	}

	.whychoose_left {
		width: calc(100% - 680px);
	}

	.homebannerslider .slidediv {
		position: relative;
		left: 0;
	}

	.homebannerslider .bannertext {
		font-size: 56px;
	}

	.slidediv.two .bannertext {
		margin: 60px 0 0 0;
		font-size: 35px;
	}

	.slidediv.one .bannertext {
		margin: 120px 0 0 0;
		font-size: 50px;
	}

	.slidediv.two .bannertext {
		margin: 150px 0 0 0;
		font-size: 30px;
	}



}

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

	.whychoose_right {
		width: 500px;
	}

	.whychoose_left {
		width: calc(100% - 500px);
	}

	.whychoose_rgtimg {
		left: -50px;
	}

	.instalink_left {
		float: left;
		width: 750px;
	}

	.insta_right {
		width: calc(100% - 760px);
	}

	.insta_right img.insta_nandv_logo {
		width: 200px;
		height: 190px;
	}


	.bannerlogo {
		width: 230px
	}

	.bannercontentbox {
		right: 0;
	}


}

@media screen and (max-width:1500px) {
	.serviceboxcarimg img{max-width: 450px;}
	.welcomeimg {
		width: 850px;
	}

	.welcomcontent_left {
		width: calc(100% - 850px);
	}

	.clientslider {
		width: calc(100% + 900px);
		margin: 30px -450px 0;
	}

	.clientslider .slick-slide {
		margin: 0 40px 0;
	}

	.whychoose_right {
		width: 430px;
	}

	.whychoose_left {
		width: calc(100% - 450px);
	}

	.whychoose_left ul li {
		width: 29%;
		display: inline-grid;
	}

	.servicenamebox {
		left: 25px;
	}

	.sec_service .service_right {
		width: calc(100% - 500px);
		float: right;
	}

	.bannerbg {
		max-width: 100%;
	}

	.bannercontentbox {
		right: 5%;
	}

	.slidediv.one .bannertext {
		margin: 0 0 0 0;
	}

	.slidediv.two .bannertext {
		margin: 20px 0 0 0;
		font-size: 30px;
	}



}

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


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


	.welcomeimg {
		width: 650px;
	}

	.welcomeimg .calltoday_cta {
		bottom: -120px;
		left: 0
	}

	.welcomcontent_left {
		width: calc(100% - 680px);
	}

	.clientslider {
		width: calc(100% + 1400px);
		margin: 30px -700px 0;
	}

	.instalink_left {
		float: left;
		width: 550px;
	}

	.insta_right {
		width: calc(100% - 550px);
	}

	.serviceboxcarimg {
		position: relative;
		z-index: 0;
		float: left;
		clear: both;
		width: 100%;
	}

	.serviceboxcarimg img {
		width:55%;
		position: relative;
		z-index: 0;
		left: 50%;
		top: 0;
		margin: 0 0 30px -353px;
		max-width: 100%
	}

	.sec_service .service_left {
		width: 100%;
		float: left;
		text-align: center;
	}

	.sec_service .service_left .sectiontitle {
		text-align: center;
	}

	.sec_service .service_left p {
		text-align: center
	}

	.sec_service .service_left .btnbox a {
		clear: initial;
		margin: 0 20px;
		padding: 8px 30px;
		display: inline-block;
		float: none;
	}

	.serviceboxcarimg img {
		position: relative;
		z-index: 0;
		left: 0;
		top: 0;
		margin: 30px 0 30px 0;
		max-width: 100%;
	}

	.sec_service .service_right {
		width: 100%;
		float: right;
	}

}


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

	.sec_service .service_left {
		width: 100%;
		float: left;
	}

	.sec_service .service_right {
		width: 100%;
		float: right;
		clear: both;
	}


}




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


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

	.whychoose_right {
		width: 380px;
	}

	.whychoose_left {
		width: calc(100% - 380px);
	}

	.whychoose_left p {
		padding: 0 20px;
	}

	.whychoose_rgt_content {
		width: 100%;
		min-height: 579px;
	}

	.bannerlogo {
		width: 150px;
	}

	.bannercontentbox .btnbox {
		margin: 30px 0 30px;
	}


}

@media screen and (max-width:1100px) {
	.homebanner {
		margin: 114px 0 0 0
	}

	.welcomeimg {
		width: 550px;
	}

	.welcomcontent_left {
		width: calc(100% - 600px);
	}

	.whychoose_left ul li p br {
		display: none
	}

	/*    .whychoose_left ul li {display: inline-grid;}*/

	.instalink_left {
		float: none;
		width: 80%;
		margin: 0 auto;
	}

	.insta_sec {
		padding: 50px 0;
	}

	.insta_sec .instasec_bgimg {
		min-height: 100%;
	}

	.insta_right {
		width: 80%;
		text-align: center;
		margin: 0 auto;
		float: none;
	}

	.insta_right img.insta_nandv_logo {
		left: 0
	}

	.insta_right .sectiontitle {
		text-align: center
	}

	.insta_right p {
		padding: 0;
		text-align: center;
	}

	a.followinsta_btn {
		float: none;
	}

	.insta_right span {
		width: 100%;
		text-align: center;
		display: block;
	}

	.insta_right a {
		margin: 0 15px;
	}

	.bannerlogo {
		width: 150px;
		display: none;
	}

	.slidediv.two .bannertext {
		margin: 60px 0 0 0;
		font-size: 30px;
	}

	.slidediv.one .bannertext {
		margin: 60px 0 0 0;
	}





}

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

	.slidediv.two .bannertext {
		margin: 0;
	}


}

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


	.welcomcontent_left {
		width: 100%;
	}

	.welcomeimg {
		width: 100%;
		float: none;
		margin: 0 auto 30px;
		clear: both;
		display: inline-block;
	}

	.welcomeimg .calltoday_cta {
		bottom: -20px;
		left: 205px;
	}


	.sec_testimonial {
		padding: 50px 0 30px;
	}

	.clientslider {
		width: 90%;
		margin: 30px auto 0;
		float: none;
	}

	.clientslider .slick-next.slick-arrow {
		right: -40px;
		top: 50px
	}

	.clientslider .slick-prev.slick-arrow {
		left: -40px;
		top: 50px
	}


	.whychoose_left {
		width: 100%;
	}

	.whychoose_right {
		width: 100%;
		max-width: 698px;
		margin: 20px auto 0;
		float: none;
	}

	.whychoose_rgtimg {
		left: 0;
	}

	.whychoose_rgt_content {
		width: 355px;
	}

	.whychoose_left ul li {
		width: 29%;
		float: initial;
	}


	.slidediv.one .bannertext {
		margin: 60px 0 0 0;
		font-size: 40px;
	}

	.bannercontentbox {
		width: 43%;
	}

	.slidediv.two .bannertext br {
		display: none
	}

	.clientslider .slick-slide {
		background: url('../images/testimonial-center-bg.png')no-repeat 0 0 #222;
		background-size: cover
	}

	.clientslider_container .slick-list {
		overflow: hidden
	}

}


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

	.slidediv.one .bannertext {
		margin: 10px 0 0;
		font-size: 40px;
	}

	.bannercontentbox {
		width: 50%;
		right: 0;
	}

	.slidediv.two .bannertext {
		margin: 30px 0 0 0;
		padding: 0 10px;
		font-size: 25px;
	}

	.slidediv.one .bannertext {
		margin: 10px 0 0;
		font-size: 30px;
	}

	.sec_welcome {
		padding: 100px 0 30px;
	}


}



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


	.welcomeimg .calltoday_cta {
		bottom: -20px;
		left: 20%;
	}

	.clientslider .slick-next.slick-arrow {
		right: 0;
	}

	.clientslider .slick-prev.slick-arrow {
		left: 0;
	}

	.servicelist_container .servicelistbox:first-child {
		margin-top: 0;
	}

	.servicelist_container .servicelistbox {
		width: calc(50% - 32px)
	}

	a.viewserv_btn {
		clear: both;
		position: relative;
		float: left;
		bottom: inherit;
	}

}

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

	.homebannerslider .slidediv {
		position: relative;
		left: 0;
		height: 300px;
		overflow: hidden;
	}

	.bannerbg {
		max-width: 100%;
		position: relative;
		top: -55%;
		left: -100%;
		width: 1920px;
		height: 711px;
		transform: translate(0, 0);
		max-width: inherit;
	}

	.homebannerslider img.bannerbg {
		max-width: inherit;
	}

	.bannercontentbox {
		width: 61%;
	}

	.slidediv.one .bannertext {
		margin: 30px 0 0;
		font-size: 30px;
	}


	.onlyimg {
		position: relative;
		top: 50%;
		left: 44%;
		transform: translate(-50%, -50%);
		width: auto;
		height: 100%;
	}

}




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

	.bannerbg {
		left: -125%;
	}


}

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

	.serviceboxcarimg img {
		width: 100%;}
	.clientslider .slick-slide .quoteimg {
		display: none
	}

	.clientslider .slick-slide {
		padding: 25px;
		margin: 0
	}

	.clientslider .slick-slide.slick-center::before,
	.clientslider .slick-slide.slick-center::after {
		display: none
	}

	.whychoose_left ul li {
		width: 46%;
		float: initial;
	}

	.insta_right img.insta_nandv_logo {
		width: 150px;
		height: 140px;
		opacity: 0.4;
		z-index: -1;
	}

	/*.bannerbg {left: -250%;}*/
	.bannercontentbox {
		width: 100%;
	}

	.onlyimg {
		left: 50%;
		transform: translate(-60%, -50%);
	}

}

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


	.welcomeimg .calltoday_cta {
		bottom: -100px;
		left: 0;
		width: 100%;
	}

	.bannerbg {
		left: -228%;
	}

	.sec_service .service_left .btnbox a {
		margin: 0 20px 10px;
	}

	.onlyimg {
		left: 56%;
		transform: translate(-70%, -50%);
	}

}


@media screen and (max-width:480px) {
	
	.servicelist_container .servicelistbox {
		width: calc(100% - 32px);
	}

}


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

	.bannerbg {
		left: -275%;
	}

	.calltoday_cta a.phonebtn {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
		clear: both;
		float: none;
		margin: 0 auto;
		clear: both;
	}

	.calltoday_cta p {
		float: left;
		text-align: center;
		margin: 0 0 20px;
		width: 100%
	}

	.welcomeimg .calltoday_cta {
		text-align: center;
	}

	.calltoday_cta a.phonebtn {
		clear: both;
		float: none;
		margin: 0 auto;
		clear: both;
		display: inline-block;
	}

	.welcomeimg {
		padding: 0;
	}

	.whychoose_right {
		width: 100%;
		max-width: 698px;
		margin: 20px auto 0;
		float: none;
		display: inline-block;
	}

	.whychoose_rgt_content {
		width: 100%;
	}

	a.followinsta_btn {
		padding: 0 10px;
		margin: 0
	}

	.insta_right span {
		margin: 20px 0 20px 0;
	}

.onlyimg {
		left: 36% ;
		transform: translate(-65%, -50%);
	}

}


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

	.clientslider .slick-next.slick-arrow {
		display: none !important
	}

	.clientslider .slick-prev.slick-arrow {
		display: none !important
	}

	.whychoose_left ul li {
		width: calc(100% - 10px);
		float: initial;
		margin: 30px 10px 0;
	}

	.whychoose_rgt_content {
		width: 100%;
		min-height: 510px;
		padding: 30px;
	}

	.whychoose_right {
		min-height: 510px;
	}

	.bannerbg {
		left: -300%;
	}

	.onlyimg {
		left: 58%;
		transform: translate(-78%, -50%);
	}
}


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



	.whychoose_right,
	.whychoose_rgt_content {
		min-height: 580px;
	}

	.insta_sec {
		padding: 50px 0 70px;
	}

	.bannerbg {
		left: -350%;
	}

	.slidediv.two .bannertext {
		margin: 0;
		padding: 0 10px;
		font-size: 22px;
	}

	.bannercontentbox .btnbox a img {
		display: none
	}

	.onlyimg {
		left: 30%;
		transform: translate(-59%, -50%) scale(0.8);
	}
}