	@media screen and (max-width:2580px){
	    .sunflower {		width: 33%;		position: absolute;		margin-top: 95px;		right: -310px;	}
    .Sky-shape {		width: 26%;		position: absolute;		margin-top: 30px;		left: -200px;		}
    .Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
    .msg {		width: 19%;		position: absolute;		margin-top: 35px;		left: -35px;	}
    .YellowRound {	width: 20%;	position: absolute;	margin-top: -80px;	left: -90px;	}
    .filesvg {		width: 17%;		position: absolute;	margin-top: 23px;	z-index: 1;	right: 5px;	}
    .blue-line {width: 33%;position: absolute;margin-top: -40px; left: -235px;}
    .pink-circle {  width: 30%;  position: absolute;  margin-top: -22px;right: -210px;}
    .orange-round {	width: 27%;	position: absolute;	margin-top: -65px;	right: -170px;}
    .orange {	width: 30%;	position: absolute;	margin-top: -35px;	left: -200px;	}
    .design {		width: 8%;		position: absolute;		right: 250px;  top: 52px;}
    .welcome-hero-txt h1 {font-size: 102px;  font-weight: 700;}
	.logopipaani {  width: 250px;} 
	    
	    
	    
	        .brush{max-width: 1.7%;position: absolute;margin-top: -100px;}
	    		.twist {		position: absolute;	    width: 25%;    right: 15px;}
	    		.welcome-hero-txt p {padding-top: 40px;padding-bottom: 35px;font-size: 33px;} 
    .welcome-btn {margin-top: 25px;}
}/*max-width:2080px*/



	@media screen and (max-width:2080px){
	    .sunflower {		width: 33%;		position: absolute;		margin-top: 95px;		right: -310px;	}
    .Sky-shape {		width: 26%;		position: absolute;		margin-top: 30px;		left: -200px;		}
    .Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
    .msg {		width: 19%;		position: absolute;		margin-top: 35px;		left: -35px;	}
    .YellowRound {	width: 20%;	position: absolute;	margin-top: -80px;	left: -90px;	}
    .filesvg {		width: 17%;		position: absolute;	margin-top: 23px;	z-index: 1;	right: 5px;	}
    .blue-line {width: 33%;position: absolute;margin-top: -40px; left: -235px;}
    .pink-circle {  width: 30%;  position: absolute;  margin-top: -22px;right: -210px;}
    .orange-round {	width: 27%;	position: absolute;	margin-top: -65px;	right: -170px;}
    .orange {	width: 30%;	position: absolute;	margin-top: -35px;	left: -200px;	}
    .design {		width: 8%;		position: absolute;		right: 250px;  top: 52px;}
    .welcome-hero-txt h1 {font-size: 102px;  font-weight: 700;}
	.logopipaani {  width: 250px;} 
	    
	    
	    
	        .brush{max-width: 1.7%;position: absolute;margin-top: -100px;}
	    		.twist {		position: absolute;	    width: 25%;    right: 15px;}
	    		.welcome-hero-txt p {padding-top: 40px;padding-bottom: 35px;font-size: 33px;} 
    .welcome-btn {margin-top: 25px;}
}/*max-width:2080px*/
	@media screen and (max-width:1880px){
	    .sunflower {		width: 33%;		position: absolute;		margin-top: 95px;		right: -270px;	}
    .Sky-shape {		width: 26%;		position: absolute;		margin-top: 30px;		left: -180px;		}
    .Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
    .msg {		width: 19%;		position: absolute;		margin-top: 35px;		left: -35px;	}
    .YellowRound {	width: 20%;	position: absolute;	margin-top: -80px;	left: -90px;	}
    .filesvg {		width: 17%;		position: absolute;	margin-top: 23px;	z-index: 1;	right: 5px;	}
    .blue-line {width: 33%;position: absolute;margin-top: -40px; left: -235px;}
    .pink-circle {  width: 30%;  position: absolute;  margin-top: -22px;right: -210px;}
    .orange-round {	width: 27%;	position: absolute;	margin-top: -65px;	right: -170px;}
    .orange {	width: 30%;	position: absolute;	margin-top: -35px;	left: -200px;	}
    .design {		width: 8%;		position: absolute;		right: 250px;  top: 52px;}
    .welcome-hero-txt h1 {font-size: 95px;  font-weight: 700;}
	.logopipaani {  width: 250px;} 
	    
	        .brush{max-width: 1.9%;position: absolute;margin-top: -100px;}
	    		.twist {		position: absolute;	    width: 24%;    right: 50px;}
	    		.welcome-hero-txt p {padding-top: 40px;padding-bottom: 35px;font-size: 32px;} 
    .welcome-btn {margin-top: 25px;}
}/*max-width:1880px 80%*/
	@media screen and (max-width:1680px){
	        .sunflower {		width: 32%;		position: absolute;		margin-top: 70px;		right: -235px;	}
    .Sky-shape {		width: 24%;		position: absolute;		margin-top: 30px;		left: -145px;		}
    .Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
    .msg {		width: 19%;		position: absolute;		margin-top: 35px;		left: -35px;	}
    .YellowRound {	width: 20%;	position: absolute;	margin-top: -80px;	left: -90px;	}
    .filesvg {		width: 17%;		position: absolute;	margin-top: 23px;	z-index: 1;	right: 5px;	}
    .blue-line {width: 33%;position: absolute;margin-top: -40px; left: -235px;}
    .pink-circle {  width: 30%;  position: absolute;  margin-top: -22px;right: -210px;}
    .orange-round {	width: 27%;	position: absolute;	margin-top: -65px;	right: -170px;}
    .orange {	width: 30%;	position: absolute;	margin-top: -35px;	left: -200px;	}
    .design {		width: 8%;		position: absolute;		right: 200px;  top: 75px;}
    .welcome-hero-txt h1 {font-size: 85px;  font-weight: 700;}
	    
	    
	    .brush{max-width: 2.1%;position: absolute;margin-top: -100px;}
	    		.twist {		position: absolute;	    width: 23%;    right: 100px;}
	    		.welcome-hero-txt p {padding-top: 40px;padding-bottom: 35px;font-size: 29px;} 
    .welcome-btn {margin-top: 25px;}
}/*max-width:1680px 90%*/
@media screen and (max-width:1440px){
    .sunflower {		width: 32%;		position: absolute;		margin-top: 70px;		right: -210px;	}
    .Sky-shape {		width: 24%;		position: absolute;		margin-top: 30px;		left: -145px;		}
    .Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
    .msg {		width: 19%;		position: absolute;		margin-top: 35px;		left: -35px;	}
    .YellowRound {	width: 20%;	position: absolute;	margin-top: -80px;	left: -90px;	}
    .filesvg {		width: 17%;		position: absolute;	margin-top: 23px;	z-index: 1;	right: 5px;	}
    .blue-line {width: 33%;position: absolute;margin-top: -40px; left: -235px;}
    .pink-circle {  width: 30%;  position: absolute;  margin-top: -22px;right: -210px;}
    .orange-round {	width: 27%;	position: absolute;	margin-top: -65px;	right: -170px;}
    .orange {	width: 30%;	position: absolute;	margin-top: -35px;	left: -200px;	}
    .design {		width: 8%;		position: absolute;		right: 140px;  top: 52px;}
    .welcome-hero-txt h1 {font-size: 80px;  font-weight: 700;}
    
    
    
    .brush{max-width: 2.2%;position: absolute;margin-top: -100px; }
    
    .welcome-hero-txt p {padding-top: 20px;padding-bottom: 20px;font-size: 27px;} 
    .welcome-btn {margin-top: 25px;}
	.welcome-hero-txt {padding: 40px 130px 50px;}
	.model-search-content {position: relative;bottom: 0;top: 20px;}
	.twist {		position: absolute;	    width: 26%;    right: 0px;}
}/*max-width:1440px*/

@media screen and (max-width:1200px){
		/* images back*/
.orange-round {	width: 30%;	position: absolute;	margin-top: -55px;	right: -200px;}
.orange {	width: 30%;	position: absolute;	margin-top: -35px;	left: -200px;	}
.pink-circle {	width: 33%;	position: absolute;	margin-top: -30px;	right: -215px;}
.blue-line {   width: 34%;   position: absolute;   margin-top: 100px;   left: -215px;}
.YellowRound {	width: 20%;	position: absolute;	margin-top: -80px;	left: -90px;	}
.filesvg {		width: 16%;		position: absolute;	margin-top: 90px;	z-index: 1;	right: 35px;	}
.Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
.msg {		width: 19%;		position: absolute;		margin-top: 35px;		left: -35px;	}
.pens-bot {		width: 390px;	}
.sunflower {		width: 32%;		position: absolute;		margin-top: 70px;		right: -210px;	}
.Sky-shape {		width: 24%;		position: absolute;		margin-top: 30px;		left: -145px;		}
.design {		width: 8%;		position: absolute;		right: 140px;  top: 52px;}
.twist {		position: absolute;	    width: 20%;    right: 150px;}
.logopipaani {width: 155px;	}
.welcome-hero-txt p {
    padding-top: 30px;
    padding-bottom: 20px;
}
.blueback {  font-size: 25px;	margin: 5px;	padding: 7px 7px 7px 7px;	line-height: 57px;}
    .single-service-icon2 img {    height: 60px;}
	.single-service-item2 {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}
	.service {padding: 0px 0 70px;}
	.brush {max-width: 2.5%;margin-top: -75px;    margin-left: -15px;}
	.single-service-item {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}
	.welcome-hero-txt h1 {line-height: 75px;font-size: 65px;}
	.welcome-hero-txt-2 h2 {line-height: 55px;
		font-size: 52px;
		padding-top: 5px;}
	.welcome-hero-txt-3 h2 {line-height: 55px;
		font-size: 52px;
		padding-top: 5px;}
	.welcome-hero-txt {padding: 50px 0px 40px;}
	nav.navbar.bootsnav {background-color: #212121;
  border-bottom: transparent;
	}
	nav.navbar.bootsnav .navbar-nav {background-color:  #212121;
	}

	.header-area{position: fixed;
    top:85%;
    /* left:0;  */
    width: 100%;
    z-index: 99;
    justify-content: center;
    display: flex;
	    
	}

	.model-search-content .col-sm-12 {padding: 0 40px;}
	.single-model-search:last-child {margin-bottom: 30px;}
	.welcome-btn.model-search-btn {margin: 0;}

	.single-new-cars-item {max-width: 450px; margin: 0 auto;}
	.new-cars-txt {margin: 30px 0;}
	.welcome-hero-txt h1{font-size: 70px;}
	.welcome-btn.model-search-btn {
		/* margin-left: 28px; */
	}
	.featured-cars-img {padding: 0 10px;}
}/*max-width:1200px*/

@media screen and (max-width:1150px){
    .twist {		position: absolute;	    width: 20%;    right: 90px;}
	.design {
		right: 110px;
	}
}/*max-width:1024px*/

@media screen and (max-width:1100px){
    .twist {		position: absolute;	    width: 20%;    right: 130px;}
    .welcome-hero-txt h1 {
    font-size: 60px;
  }
	.design {
		right: 110px;
	}
}/*max-width:1024px*/

@media screen and (max-width:1008px){
	.twist {		position: absolute;		width: 22%;		right: 95px;	}
	.welcome-hero-txt h1 {
		font-size: 65px;
	}
	.design {
		width: 8%;
		position: absolute;
		right: 95px;
		top: 52px;
	}
}/*max-width:1008px*/



@media screen and (max-width:991px){
	/* images back*/
.orange-round {	width: 30%;	position: absolute;	margin-top: -45px;	right: -165px;}
.orange {	width: 30%;	position: absolute;	margin-top: -35px;	left: -165px;	}
.pink-circle {	width: 33%;	position: absolute;	margin-top: -18px;	right: -185px;}
.blue-line {   width: 38%;   position: absolute;   margin-top: 100px;   left: -195px;}
.YellowRound {	width: 20%;	position: absolute;	margin-top: -80px;	left: -90px;	}
.filesvg {		width: 16%;		position: absolute;	margin-top: 90px;	z-index: 1;	right: 35px;	}
.Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
.msg {		width: 19%;		position: absolute;		margin-top: 20px;		left: -35px;	}
.pens-bot {		width: 340px;	}
.sunflower {		width: 32%;		position: absolute;		margin-top: 70px;		right: -170px;	}
.Sky-shape {		width: 24%;		position: absolute;		margin-top: 30px;		left: -120px;		}
.design {		width: 8%;		position: absolute;		right: 85px;		top: 70px;	}
.twist {		position: absolute;		width: 27%;		right: 10px;	}
.logopipaani {width: 155px;	}
.welcome-hero-txt p {
    padding-top: 30px;
    padding-bottom: 20px;
}
.blueback {  font-size: 25px;	margin: 5px;	padding: 7px 7px 7px 7px;	line-height: 57px;}
    .single-service-icon2 img {    height: 60px;}
	.single-service-item2 {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}
	.service {padding: 0px 0 70px;}
	.brush {max-width: 2.5%;margin-top: -75px;    margin-left: -15px;}
	.single-service-item {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}
	.welcome-hero-txt h1 {line-height: 75px;font-size: 65px;}
	.welcome-hero-txt {padding: 50px 0px 40px;}
	nav.navbar.bootsnav {background-color: transparent;border-bottom: transparent;
	}
	nav.navbar.bootsnav .navbar-nav {background-color: #000;
	}

	.header-area{position: fixed;top:0%;left:0;width: 100%;z-index: 99;display: block;}

	.model-search-content .col-sm-12 {padding: 0 40px;}
	.single-model-search:last-child {margin-bottom: 30px;}
	.welcome-btn.model-search-btn {margin: 0;}

	.single-new-cars-item {max-width: 450px; margin: 0 auto;}
	.new-cars-txt {margin: 30px 0;}
	   /* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/ 
}/*max-width:991px*/

@media screen and (max-width:880px){
	/* images back*/
.orange-round {	width: 30%;	position: absolute;	margin-top: -45px;	right: -145px;}
.orange {	width: 30%;	position: absolute;	margin-top: -30px;	left: -145px;	}
.pink-circle {	width: 35%;	position: absolute;	margin-top: -18px;	right: -165px;}
.blue-line {   width: 38%;   position: absolute;   margin-top: 100px;   left: -175px;}
.YellowRound {	width: 20%;	position: absolute;	margin-top: -60px;	left: -70px;	}
.filesvg {		width: 19%;		position: absolute;	margin-top: 70px;	z-index: 1;	right: 10px;	}
.Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
.msg {		width: 19%;		position: absolute;		margin-top: 35px;		left: -35px;	}
.pens-bot {		width: 280px;	}
.sunflower {		width: 32%;		position: absolute;		margin-top: 70px;		right: -150px;	}
.Sky-shape {		width: 24%;		position: absolute;		margin-top: 30px;		left: -92px;	}
.design {		width: 8%;		position: absolute;		right: 85px;		top: 70px;	}
.twist {		position: absolute;		width: 23%;		right: 43px;	}
.logopipaani {width: 155px;	}
/* images back end*/
.welcome-hero-txt-2 h2 {font-size: 45px;    padding-top: 3px;line-height: 47px;}
.logos-slide img {height: 60px;margin: 0 3px;}
	.logos {padding: 30px;}
.single-service-icon2 img {    height: 60px;}
.welcome-hero-txt {padding: 45px 10px 20px;}
	.welcome-hero-txt p {    margin-top: 15px;}
	.model-search-content {position: relative;bottom: 0;top: 13px;} 
	.welcome-hero-txt h1 {line-height: 60px;font-size: 57px;}  
	.brush {max-width: 3.5%;margin-top: -85px;    margin-left: -15px;}
	.single-service-item {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}
	.service {padding: 0px 0 70px;}
	.welcome-hero-txt-3 h2 {font-size: 45px;line-height: 47px;padding-top: 3px;}
	nav.navbar.bootsnav {background-color: transparent;border-bottom: transparent;
	}
	nav.navbar.bootsnav .navbar-nav {background-color: #000;
	}

	.header-area{position: fixed;top:0%;left:0;width: 100%;z-index: 99;display: block;}
	.blueback {font-size: 24px;margin: 5px;line-height: 58px;padding: 10px 10px 10px 10px;}
       /* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/ 
}/*max-width:880px*/
@media screen and (max-width:800px){
   /* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/  
}
@media screen and (max-width:780px){
	/* images back*/
.orange-round {	width: 30%;	position: absolute;	margin-top: -45px;	right: -135px;}
.orange {	width: 30%;	position: absolute;	margin-top: -30px;	left: -127px;	}
.pink-circle {	width: 35%;	position: absolute;	margin-top: -18px;	right: -150px;}
.blue-line {   width: 38%;   position: absolute;   margin-top: 100px;   left: -155px;}
.YellowRound {	width: 20%;	position: absolute;	margin-top: -60px;	left: -70px;	}
.filesvg {		width: 16%;		position: absolute;	margin-top: 120px;	z-index: 1;	right: 10px;	}
.Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
.msg {		width: 19%;		position: absolute;		margin-top: 22px;		left: -35px;	}
.pens-bot {		width: 250px;	}
.sunflower {		width: 30%;		position: absolute;		margin-top: 70px;		right: -130px;	}
.Sky-shape {		width: 22%;		position: absolute;		margin-top: 30px;		left: -75px;	}
.design {		width: 8%;		position: absolute;		right: 50px;		top: 70px;	}
.twist {		position: absolute;		width: 22%;		right: 66px;	}
.logopipaani {width: 155px;	}
/* images back end*/
.welcome-hero-txt-2 h2 {font-size: 43px;
    padding-top: 3px;
    line-height: 45px;}
.logos-slide img {height: 60px;margin: 0 3px;}
	.logos {padding: 30px;}
.single-service-icon2 img {    height: 60px;}
.welcome-hero-txt {padding: 45px 10px 20px;}
	.welcome-hero-txt p {    margin-top: 15px;}
	.model-search-content {position: relative;bottom: 0;top: 13px;} 
	.welcome-hero-txt h1 {line-height: 60px;font-size: 53px;}  
	.brush {max-width: 3.5%;margin-top: -85px;    margin-left: -15px;}
	.single-service-item {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}
	.service {padding: 0px 0 70px;}
	.welcome-hero-txt-3 h2 {font-size: 43px;
		padding-top: 3px;
		line-height: 45px;}
	nav.navbar.bootsnav {background-color: transparent;border-bottom: transparent;
	}
	nav.navbar.bootsnav .navbar-nav {background-color: #000;
	}

	.header-area{position: fixed;top:0%;left:0;width: 100%;z-index: 99;display: block;}
	.blueback {font-size: 22px;margin: 5px;line-height: 50px;padding: 10px 10px 10px 10px;}
    /* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/
}/*max-width:768px*/

@media screen and (max-width:767px){
	.single-service-item {max-width: 350px;margin: 30px auto;}
	.single-featured-cars {max-width: 350px;margin: 0 auto;}
	.footer-social {text-align: left;}
	.footer-social a i {margin-right: 16px;margin-left: 0;}
	.hm-foot-email {max-width: 300px;}
}/*max-width:767px*/

@media screen and (max-width: 680px){
/* images back*/
.orange-round {	width: 30%;	position: absolute;	margin-top: -45px;	right: -125px;}
.orange {	width: 30%;	position: absolute;	margin-top: -25px;	left: -115px;	}
.pink-circle {	width: 35%;	position: absolute;	margin-top: -18px;	right: -130px;}
.blue-line {   width: 38%;   position: absolute;   margin-top: 100px;   left: -120px;}
.YellowRound {	width: 20%;	position: absolute;	margin-top: -45px;	left: -60px;	}
.filesvg {		width: 17%;		position: absolute;	margin-top: 87px;	z-index: 1;	right: 10px;	}
.Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
.msg {		width: 19%;		position: absolute;		margin-top: 25px;		left: -25px;	}
.pens-bot {		width: 250px;	}
.sunflower {		width: 30%;		position: absolute;		margin-top: 70px;		right: -115px;	}
.Sky-shape {		width: 22%;		position: absolute;		margin-top: 30px;		left: -75px;	}
.design {		width: 8%;		position: absolute;		right: 50px;		top: 70px;	}
.twist {		position: absolute;		width: 22%;		right: 55px;	}
.logopipaani {width: 155px;	}
/* images back end*/
.accordion-item .accordion-title h3 {    font-size: 19px;}	
.welcome-btn {
    margin-top: 5px;    width: 185px;    height: 50px;    margin-bottom: 20px;    font-size: 23px;}
    .single-service-icon2 img {    height: 60px;}
	.model-select-icon {
		margin-top: 7px;
	}
	.model-select-icon .form-control {height: 33px;}
	.blueback {  font-size: 23px;	margin: 5px;	padding: 7px 7px 7px 7px;	line-height: 57px;}
	.welcome-hero-txt-3 h2 {font-size: 38px;
		line-height: 40px;}
	.welcome-hero-txt h1 {    line-height: 50px;font-size: 45px;}
	.logos-slide img {height: 55px;margin: 0 3px;}
	.logos {padding: 25px;}
	.logos-slide1 img {height: 273px;margin: 15px 5px 15px 5px;}
	.service {padding: 0px 0 70px;}
	.single-service-item {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}

	.welcome-hero-txt-2 h2 {font-size: 38px;    padding-top: 7px;    line-height: 40px;}
	.brush {max-width: 4.5%;margin-top: -75px;    margin-left: -15px;
	}
	/* .wrap-sticky nav.navbar.bootsnav{position: absolute;width: 25%;left: 0;top: 0;margin: auto;
	} */
	nav.navbar.bootsnav {background-color: transparent;border-bottom: transparent;
	}
	nav.navbar.bootsnav .navbar-nav {background-color: #000;
	}

	.header-area{position: fixed;top:0%;left:0;width: 100%;z-index: 99;display: block;}
	.welcome-hero-txt {padding: 45px 10px 20px;}
	.welcome-hero-txt p {font-size: 20px;margin-top: 3px;line-height: 28px;}
	.welcome-hero-txt-2 p{font-size: 20px;margin-top: 20px;line-height: 28px;    padding-top: 0px;}
	.service-content .col-md-12,.service-content .col-sm-12,.service-content .col-lg-12{padding-right: 1px; padding-left: 1px;}
	.colortxt-servic5 {font-size: 35px;}
	.single-service-item2 h2 a {font-size: 20px;margin: 15px 0 25px;}
	.welcome-hero-txt-3 {padding: 70px 0 5px;}
	.single-service-item2 {	padding: 20px 0px 0px;}
	.single-service-item h2 a {font-size: 18px;}
	.testimonial-carousel .col-sm-3, .testimonial-carousel .col-xs-12 {width: 260px;}
	.single-service-item h2 a {line-height: 1.5;}
	.section-header h2 {font-size: 30px;}
/* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/
}/*max-width:660px*/

@media screen and (max-width: 640px){
	.single-testimonial-box {max-width: 350px;margin: 0 auto;}
	/* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/
}/*max-width:640px*/

@media screen and (max-width: 580px){
	/* images back*/
	.orange-round {	width: 30%;	position: absolute;	margin-top: -45px;	right: -105px;}
	.orange {	width: 30%;	position: absolute;	margin-top: -25px;	left: -95px;	}
	.pink-circle {	width: 35%;	position: absolute;	margin-top: -15px;	right: -115px;}
	.blue-line {   width: 38%;   position: absolute;   margin-top: 100px;   left: -120px;}
	.YellowRound {	width: 20%;	position: absolute;	margin-top: -45px;	left: -45px;	}
	.filesvg {		width: 19%;		position: absolute;	margin-top: 97px;	z-index: 1;	right: 3px;	}
	.Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -2px;		right: -47px;	}
	.msg {		width: 18%;
		position: absolute;
		margin-top: 8px;
		left: -16px;}
	.pens-bot {		width: 250px;	}
	.sunflower {		width: 30%;		position: absolute;		margin-top: 70px;		right: -95px;	}
	.Sky-shape {		width: 22%;		position: absolute;		margin-top: 17px;		left: -55px;	}
	.design {		width: 8%;		position: absolute;		right: 50px;		top: 70px;	}
	.twist {		position: absolute;		width: 20%;		right: 55px;	}
	.logopipaani {width: 155px;	}
/* images back end*/
.accordion-item .accordion-title h3 {    font-size: 19px;}	
.welcome-btn {
    margin-top: 5px;    width: 185px;    height: 50px;    margin-bottom: 20px;    font-size: 23px;}
    .single-service-icon2 img {    height: 60px;}
	.model-select-icon {
		margin-top: 7px;
	}
	.model-select-icon .form-control {height: 33px;}
	.blueback {  font-size: 23px;	margin: 5px;	padding: 7px 7px 7px 7px;	line-height: 57px;}
	.welcome-hero-txt-3 h2 {    font-size: 35px;
		line-height: 37px;}
	.welcome-hero-txt h1 {    line-height: 47px;font-size: 36px;}
	.logos-slide img {height: 55px;margin: 0 3px;}
	.logos {padding: 25px;}
	.logos-slide1 img {height: 273px;margin: 15px 5px 15px 5px;}
	.service {padding: 0px 0 70px;}
	.single-service-item {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}

	.welcome-hero-txt-2 h2 {font-size: 35px;    padding-top: 0px;line-height: 42px;}
	.brush {max-width: 4.5%;margin-top: -75px;    margin-left: -15px;
	}
	/* .wrap-sticky nav.navbar.bootsnav{position: absolute;width: 25%;left: 0;top: 0;margin: auto;
	} */
	nav.navbar.bootsnav {background-color: transparent;border-bottom: transparent;
	}
	nav.navbar.bootsnav .navbar-nav {background-color: #000;
	}

	.header-area{position: fixed;top:0%;left:0;width: 100%;z-index: 99;display: block;}
	.welcome-hero-txt {padding: 45px 10px 20px;}
	.welcome-hero-txt p {font-size: 20px;margin-top: 3px;line-height: 28px;}
	.welcome-hero-txt-2 p{font-size: 20px;margin-top: 20px;line-height: 28px;    padding-top: 0px;}
	.service-content .col-md-12,.service-content .col-sm-12,.service-content .col-lg-12{padding-right: 1px; padding-left: 1px;}
	.colortxt-servic5 {font-size: 35px;}
	.single-service-item2 h2 a {font-size: 20px;margin: 15px 0 25px;}
	.welcome-hero-txt-3 {padding: 70px 0 5px;}
	.single-service-item2 {	padding: 20px 0px 0px;}
	.single-service-item h2 a {font-size: 18px;}
	.testimonial-carousel .col-sm-3, .testimonial-carousel .col-xs-12 {width: 260px;}
	.single-service-item h2 a {line-height: 1.5;}
	.section-header h2 {font-size: 30px;}
/* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/

}/*max-width:580px*/

@media screen and (max-width: 540px){
/* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/
}/*max-width:540px*/

@media screen and (max-width: 480px){
	/* images back*/
	.orange-round {	width: 30%;	position: absolute;	margin-top: -45px;	right: -80px;}
	.orange {	width: 30%;	position: absolute;	margin-top: -25px;	left: -78px;	}
	.pink-circle {	width: 35%;	position: absolute;	margin-top: -15px;	right: -100px;}
	.blue-line {   width: 38%;   position: absolute;   margin-top: 100px;   left: -110px;}
	.YellowRound {	width: 20%;	position: absolute;	margin-top: -45px;	left: -45px;	}
	.filesvg {		width: 17%;		position: absolute;	margin-top: 120px;	z-index: 1;	right: 3px;	}
	.Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -3px;		right: -25px;	}
	.msg {		    width: 20%;
		position: absolute;
		margin-top: 3px;
		left: 10px;	}
	.pens-bot {		width: 240px;	}
	.sunflower {		width: 30%;		position: absolute;		margin-top: 70px;		right: -85px;	}
	.Sky-shape {		width: 22%;		position: absolute;		margin-top: 17px;		left: -55px;	}
	.design {		width: 8%;		position: absolute;		right: 50px;		top: 70px;	}
	.twist {		position: absolute;		width: 22%;		right: 20px;	}
	.logopipaani {width: 155px;	}
/* images back end*/
	.model-select-icon {
		margin-top: 7px;
	}
	.model-select-icon .form-control {height: 33px;}
	.welcome-hero h2 {font-size: 30px;line-height: 35px;}
	.single-model-search h2 {font-size:14px;}
	.blueback {    font-size: 25px;margin: 5px;    padding: 10px 10px 10px 10px;line-height: 65px;}
	.welcome-hero-txt-3 h2 {font-size: 30px;line-height: 32px;}
	.logos-slide img {height: 60px;margin: 0 3px;}
	.logos {padding: 30px;}
	.logos-slide1 img {height: 273px;margin: 15px 5px 15px 5px;}
	.service {padding: 0px 0 70px;}
	.single-service-item {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}

	.welcome-hero-txt-2 h2 {font-size: 30px;padding-top: 5px;line-height: 32px;
		z-index: 1;
		position: relative;}
	.brush {max-width: 5.5%;margin-top: -75px;    margin-left: -17px;
	}
	/* .wrap-sticky nav.navbar.bootsnav{position: absolute;width: 25%;left: 0;top: 0;margin: auto;
	} */
	nav.navbar.bootsnav {background-color: transparent;border-bottom: transparent;
	}
	nav.navbar.bootsnav .navbar-nav {background-color: #000;
	}

	.header-area{position: fixed;top:0%;left:0;width: 100%;z-index: 99;display: block;}
	.welcome-hero-txt {padding: 30px 10px 20px;}
	.welcome-hero-txt p {font-size: 17px;margin-top: 5px;line-height: 25px;}
	.welcome-hero-txt-2 p{font-size: 17px;margin-top: 20px;line-height: 25px;    padding-top: 0px;}
	.service-content .col-md-12,.service-content .col-sm-12,.service-content .col-lg-12{padding-right: 1px; padding-left: 1px;}
	.colortxt-servic5 {font-size: 35px;}
	.single-service-item2 h2 a {font-size: 17px;margin: 5px 0 25px;}
	.welcome-hero-txt-3 {padding: 70px 0 5px;}
	.single-service-item2 {	padding: 20px 0px 0px;}
	.single-service-icon2 img {    height: 65px;}
	.single-service-item h2 a {font-size: 17px;}
	.testimonial-carousel .col-sm-3, .testimonial-carousel .col-xs-12 {width: 260px;}
	.single-service-item h2 a {line-height: 1.5;}
	.section-header h2 {font-size: 30px;}
/* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/
}/*max-width:480px*/







@media screen and (max-width: 440px){
		/* images back*/
		.orange-round {	width: 30%;	position: absolute;	margin-top: -35px;	right: -65px;}
		.orange {	width: 30%;	position: absolute;	margin-top: -20px;	left: -65px;	}
		.pink-circle {	width: 32%;	position: absolute;	margin-top: -11px;	right: -72px;}
		.blue-line {   width: 38%;   position: absolute;   margin-top: 115px;   left: -90px;}
		.YellowRound {	width:24%;	position: absolute;	margin-top: -45px;	left: -45px;	}
		.filesvg {		width: 20%;		position: absolute;	margin-top: 112px;	z-index: 1;	right: 3px;	}
		.Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -3px;		right: -25px;	}
		.msg {		width: 24%;		position: absolute;		margin-top: 2px;		left: -9px;	}
		.pens-bot {		width: 180px;	} 	
		.sunflower {		width: 30%;		position: absolute;		margin-top: 50px;		right: -66px;	}
		.Sky-shape {		width: 22%;		position: absolute;		margin-top: 10px;		left: -42px;	}
		.design {		width: 8%;		position: absolute;		right: 18px;		top: 75px;	}
		.twist {		position: absolute;		width: 22%;		right: 30px;	}
		.logopipaani {width: 133px;	}
	/* images back end*/
	.accordion-item .accordion-title h3 {font-size: 17px;}
	.accordion-item .accordion-content p {font-size: 16px;}
	.welcome-btn {
		margin-top: 20px;
		width: 170px;
		height: 45px;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.welcome-hero-txt h1{font-size: 28px;line-height: 33px;}
	.blueback {       font-size: 19px;	margin: 6px;	padding: 5px 5px 5px 5px;	line-height: 50px;}
	.welcome-hero-txt-3 h2 {font-size: 28px;    line-height: 30px;}
	.logos-slide img {height: 53px;margin: 0 3px;}
	.logos {padding: 17px;}
	.logos-slide1 img {height: 273px;margin: 15px 5px 15px 5px;}
	.service {padding: 0px 0 70px;}
	.single-service-item {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}

	.welcome-hero-txt-2 h2 {font-size: 28px;padding-top: 5px;line-height: 30px;position: relative;		z-index: 1;}
	.brush {max-width: 5.5%;margin-top: -66px;
	}
	/* .wrap-sticky nav.navbar.bootsnav{position: absolute;width: 25%;left: 0;top: 0;margin: auto;
	} */
	nav.navbar.bootsnav {background-color: transparent;border-bottom: transparent;
	}
	nav.navbar.bootsnav .navbar-nav {background-color: #000;
	}

	.header-area{position: fixed;top:0%;left:0;width: 100%;z-index: 99;display: block;}
	.welcome-hero-txt {padding: 30px 10px 20px;}
	.welcome-hero-txt p {font-size: 15px;margin-top: 0px;line-height: 25px;}
	.welcome-hero-txt-2 p{font-size: 15px;margin-top: 20px;line-height: 25px;    padding-top: 0px;}
	.service-content .col-md-12,.service-content .col-sm-12,.service-content .col-lg-12{padding-right: 1px; padding-left: 1px;}
	.colortxt-servic5 {font-size: 30px;}
	.single-service-item2 h2 a {font-size: 16px;margin: 5px 0 25px;}
	.welcome-hero-txt-3 {padding: 70px 0 5px;}
	.single-service-item2 {	padding: 20px 0px 0px;}
	.single-service-item h2 a {font-size: 17px;}
	.testimonial-carousel .col-sm-3, .testimonial-carousel .col-xs-12 {width: 260px;}
	.single-service-item h2 a {line-height: 1.5;}
	.section-header h2 {font-size: 30px;}
	
	.reg-hed{font-size: 25px;}
	/* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/
}/*max-width:440px*/

@media screen and (max-width: 399px){
		/* images back*/
		.orange-round {	width: 30%;	position: absolute;	margin-top: -35px;	right: -65px;}
		.orange {	width: 30%;	position: absolute;	margin-top: -20px;	left: -65px;	}
		.pink-circle {	width: 32%;	position: absolute;	margin-top: -11px;	right: -72px;}
		.blue-line {   width: 38%;   position: absolute;   margin-top: 115px;   left: -90px;}
		.YellowRound {	width: 22%;	position: absolute;	margin-top: -45px;	left: -45px;	}
		.filesvg {		width: 16%;		position: absolute;	margin-top: 112px;	z-index: 1;	right: 3px;	}
		.Pink-Half-round {		width: 17%;		position: absolute;		margin-top: -3px;		right: -25px;	}
		.msg {		width: 19%;		position: absolute;		margin-top: 215px;		left: 10px;	}
		.pens-bot {		width: 180px;	}
		.sunflower {		width: 30%;		position: absolute;		margin-top: 50px;		right: -66px;	}
		.Sky-shape {		width: 22%;		position: absolute;		margin-top: 10px;		left: -42px;	}
		.design {		width: 8%;		position: absolute;		right: 18px;		top: 75px;	}
		.twist {		position: absolute;		width: 26%;		right: 10px;	}
		.logopipaani {width: 133px;	}
	/* images back end*/
	.accordion-item .accordion-title h3 {font-size: 17px;}
	.accordion-item .accordion-content p {font-size: 16px;}
	.welcome-btn {
		margin-top: 20px;
		width: 170px;
		height: 45px;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.welcome-hero-txt h1{font-size: 28px;line-height: 33px;}
	.blueback {       font-size: 19px;	margin: 6px;	padding: 5px 5px 5px 5px;	line-height: 50px;}
	.welcome-hero-txt-3 h2 {font-size: 28px;}
	.logos-slide img {height: 53px;margin: 0 3px;}
	.logos {padding: 17px;}
	.logos-slide1 img {height: 273px;margin: 15px 5px 15px 5px;}
	.service {padding: 0px 0 70px;}
	.single-service-item {max-width: 350px;margin: 0px auto;    padding: 20px 15px 10px;}

	.welcome-hero-txt-2 h2 {font-size: 28px;padding-top: 5px;}
	.brush {max-width: 5.5%;margin-top: -66px;
	}
	/* .wrap-sticky nav.navbar.bootsnav{position: absolute;width: 25%;left: 0;top: 0;margin: auto;
	} */
	nav.navbar.bootsnav {background-color: transparent;border-bottom: transparent;
	}
	nav.navbar.bootsnav .navbar-nav {background-color: #000;
	}

	.header-area{position: fixed;top:0%;left:0;width: 100%;z-index: 99;display: block;}
	.welcome-hero-txt {padding: 30px 10px 20px;}
	.welcome-hero-txt p {font-size: 15px;margin-top: 0px;line-height: 25px;}
	.welcome-hero-txt-2 p{font-size: 15px;margin-top: 20px;line-height: 25px;    padding-top: 0px;}
	.service-content .col-md-12,.service-content .col-sm-12,.service-content .col-lg-12{padding-right: 1px; padding-left: 1px;}
	.colortxt-servic5 {font-size: 30px;}
	.single-service-item2 h2 a {font-size: 16px;margin: 5px 0 25px;}
	.welcome-hero-txt-3 {padding: 70px 0 5px;}
	.single-service-item2 {	padding: 20px 0px 0px;}
	.single-service-item h2 a {font-size: 17px;}
	.testimonial-carousel .col-sm-3, .testimonial-carousel .col-xs-12 {width: 260px;}
	.single-service-item h2 a {line-height: 1.5;}
	.section-header h2 {font-size: 30px;}
	
	 /* css for responsive prise chart*/
	.prc-flex {
  display: block;
}
	/* css for responsive prise chart end*/
	
}/*max-width:399px*/

@media screen and (max-width:350px){
	nav.navbar.bootsnav .navbar-toggle {margin-right: -25px;left:-10px;}
	nav.navbar.bootsnav .navbar-brand {padding:25px 0;font-size: 20px;}
	.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand, .wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:hover,.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:focus {padding: 25px 0px;}
}/*max-width:350px*/

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

