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


@media only screen and (min-width:1920px)
{
	/*a.wtd{ top:35%;}
	a.ind{ bottom:35%;}*/
}

/*@media only screen and (min-width:1280px)
{
	a.wtd{ top:35%;}
	a.ind{ bottom:35%;}
}*/

@media only screen and (max-width:1220px)
{
	.wrapper{ width:98%;}
	fieldset{ padding:0;}
	.form-left{ width:25%; margin:2% 0 0 1%;}
	.form-right{ width:73%;}	
	
	.box{ width:42%;}
	.box1{ width:32%; margin:0 2%;}
	.box2{ width:20%;}
	
	.sub-heading{ width:100%; padding:0; text-align:center; display:block;}


	.right-form-l{ margin:2% 3% 0 0;}
	.right-form-l .form-div-input input, .right-form-r .form-div-input input{ width:100%; margin:1% 0 0 0;}
	.right-form-l .form-div-input label, .right-form-r .form-div-input label{ width:45%;}
	.right-form-l .form-div-input input.cp{ width:100%; margin:0 0 3% 0;}
	.right-form-l .form-div-input label.pinco{ width:39%; display:block;}
	.right-form-l .form-div-input input.cp1{ width:100%;}
	
	.box{ margin:3% 0 0 1%;}
	.box1{ margin:3% 2%;}
	.box2{ margin:3% 0 0 0;}
	.form-div-badges input{ width:12%; padding:10px;}
	.form-div-badges label{ width:18%; margin:1% 0 0 2%;}
	.form-div-badges span.su{ width:68%; margin:-1% 0 0 0;}
	.formbtn{ text-align:center;}
	.payment-head{ text-align:center;}
	.ifa{ margin:0;}
	.total1{ width:61%;}
	.total{ margin:0 2% 0 1%; width:33%;}
	.total label{ width:78%; text-align:left; margin:0; font-size:18px;}
	.total input{ width:20%; padding:12px 10px;}
	
	
}

/*@media only screen and (max-width:1250px)
{
	a.wtd{ top:15%;}
	a.ind{ bottom:15%;}
}
*/

@media only screen and (max-width:1200px)
{
	section .homePage .hLeft img{ padding:150px 0px 0px;}
	section .homePage .inner-left{ vertical-align:top;}
	
	.wrapper{ width:98%;}
	section.black-bg{ text-align:inherit;}
	.left{ width:39%;}
	.amount-raise{ width:16%; height:auto; margin:28px 15px 0px 15px;}
	.right{ width:41%;}
	.order-badges-bg ul li{ font-size:22px;}
	.order-badges-bg p{ font-size:22px;}
	.footer-logo{ width:25%; margin:0;}
	.footer-logo img{ width:100%;}
	
	.footer-number{ width:30%; margin:22px 40px 0px 70px;}
	.welcome-section{ text-align:center;}
	.welcome-section p{ padding:0; text-align:center;}
	.welcome-section a.read-more{ margin:30px 0 15px 0;}
	
	
	
	.previous-badges-list ul{ padding:0; text-align:center;}
	.previous-badges-list ul li{ width:18%; margin:0 7% 2% 0;}
	.previous-badges-list ul li .circle-img img{ width:100%; height:auto;}
	
	
	.taxin{ width:75%;}
	.head{ width:100%; text-align:center;}

	.bdr .row .col4{ width:15%;}

	
	section .homePage { position:static;}
	/*section .homePage .hRight .inner-left {position: relative; margin: 20px 0 0 0; vertical-align:top;}*/
	section .homePage img {position: static; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
	a.ind{ bottom:	17%;}
	
	section .homePage .inner-left{top: 0px;}
}

@media only screen and (max-width:1142px)
{
	.bdr .row .col5 .col7{ width:41%; font-size:10.5px;}
	
}


@media only screen and (max-width:1116px)
{
	.bdr .row .col{ width:20%; height:auto;}
	.bdr .row .col1{ width:20%; height:auto;}
	.bdr .row .col2{ width:30%;}
	.bdr .row .col3{ width:22%;}
	.cname{ font-size:25px;}
	
	
	.bdr .row .col5{ width:79%;}
	.bdr .row .col5 .col7{ width:38%; height:0; font-size:9.5px;}
	
	
	.bdr .row{ font-size:14px;}
	.bdr .row .col{ width:18%;}
	.bdr .row .col1{ width:18%;}
	.bdr .row .col2{ width:26%;}
	.bdr .row .col3{ width:18%;}
	.bdr .row .col4{ width:13%;}
	.bsb{ font-size:17px;}
	
	section .homePage .wrapper {width: 98%; position: relative; margin: 0 auto;} 
a.wtd , a.ind{left: 0; right: 0; text-align: center;}
	
}

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

}

@media only screen and (max-width:1098px)
{
	.box{ width:64%; margin:3% 0 0 19%;}
	.badges{ text-align:left;}
	.box1{ width:45%; margin:3% 4%;}
	.box2{ width:45%;}
	.bsb{ font-size:18px; line-height:25px;}
	
	.taxin{ width:96%; text-align:center; }
	.thank{ text-align:center; display:block;}
	
}


@media only screen and (max-width:1070px)
{
/*	section .homePage{ background-size:cover;}*/
	section .homePage .wrapper{ width:98%;}	
	section .homePage .hRight{ width:100%; text-align:center; margin:5% 0 0 0;}
	
	section .homePage .hRight img{ width:100%;}
	.welcome-section p{ padding:0; text-align:center;}
	
	
	.total{ width:40%;}
	.total input{ width:22%;}
	.total label{ display:inline-block; width:77%}
	.total1{ width:56%;}
	.total label span.ext{ display:inline-block;}
	
}

@media only screen and (max-width: 1030px){
/*section .homePage .hLeft{height: auto; min-height: 100% !important;}
}*/



@media only screen and (max-width:1024px)
{
	/*a.wtd{ top:125px; left:39%;}
	a.ind{ left:39%; bottom:141px;}*/
	
	section .homePage .hLeft{ width:100%; text-align:center; height:auto; min-height:auto !important}
	section .homePage .inner-left{ position:inherit; height:auto;}
	section .homePage .hLeft img{ padding:0;}
	
	
	a.wtd{ top:16%;}
	
	.left{ width:50%;}
	.amount-raise{ width:45%; text-align:center;}
	.right{ width:100%;}
	.right .make-wash{ width:30%;}
	.right p{ text-align:center;}
	
	.right-form-l .form-div-input label, .right-form-r .form-div-input label{ width:100%;}
	
	
	.total label{ width:73%;}
	/*a.wtd{top:90px;}
	a.ind{ bottom:85px;}*/
	
	
	
	.formbtn a{ float:none; display:block;}
	
	
}
@media only screen and (max-width:1023px){
		section .homePage .hRight{
			position:relative;
			text-align:center;
			width:100%; text-align:center; margin:5% 0 0 0;
		}
		section .homePage .inner-left{
			/*display:block;*/
		}
		
		
a.wtd {
    left: 0;
    margin: auto;
    right: 0;
    text-align: center;
    top: 18%;
}
a.ind{
	 left: 0;
    margin: auto;
    right: 0;
    text-align: center;
    /*bottom: 10%;*/
}
}
@media only screen and (max-width:950px)
{
	a.wtd{ top:19%;}
	a.ind{ bottom:19%;}	
	section .homePage img{ width:100%;}
	
	nav ul li ul li{ font-size:17px;}
	
	
	
	.right-form-r{ width:48%; margin:2% 0 0 0;}
	.right-form-l label, .right-form-r label{ margin:0 0 3% 0;}
	.right-form-l .form-div-input label, .right-form-r .form-div-input label{ width:100%; display:block; margin:0 0 3% 0;}
	
	.form-div-badges label{ font-size:18px;}
	.form-div-badges span.su{ margin:-12px 0 0 0; font-size:18px;}
	fieldset{ display:table-cell;}
	.head{ width:100%; text-align:center;}
	
	.form-div-badges input{ width:15%;}
	
	
	.gst-cont{ height:60px;}
	.tc-cont{ width:100%;}
	.tc-cont .tc, .tc-cont .igst, .tc-cont .bcpp{ text-align:center; margin:0;}
	.cost-cont input.tcinput{ width:65%; margin:1% 0 0 10%;}
	.gst-cont .gst{ margin:0 0 10% 10%;}
	.tc-cont1{ width:10%;}
	.gst-cont .gst span{ font-size:18px;}
	.tc-cont1 .tc{ text-align:left;}
	
	section .homePage { position:absolute !important;}
	
}

@media only screen and (max-width:880px)
{
	section .homePage .hLeft{ width:100%; text-align:center; height:234px; min-height:234px !important;}
	section .homePage img{ width:100%; margin:10px auto;}
	
	section .homePage .hRight .inner-left{margin: 0;}
	section .homePage .hRight img {width: 100%;}

	
	.head{ font-size:40px;}
	.sub-heading{ font-size:25px;}
	.form-left{ width:27%;}
	.form-right{ width:71%;}
	
	
	section .homePage .hRight{ width:100%;}
	
	
	/*section .homePage { position:absolute !important;}*/
}


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

@media only screen and (max-width:830px)
{
	
	.left-form input.dt{ width:28%;}
}

@media only screen and (max-width:768px)
{
	
	nav ul li{ margin: 0 25px;}
	.welcome-section p{ text-align:center;}
	.welcome-section h1{ font-size:35px;}
	.welcome-section p{ font-size:17px;}
	.welcome-section h2{ font-size:35px;}
	.badges-list ul li .heading{ font-size:20px;}
	.badges-list ul li .description{ font-size:17px;}
	.order-badges-bg ul li .btn a{ font-size:25px;}
	.order-badges-bg ul li{ margin:10px 54px;}
	.order-badges-bg p{ font-size:17px;}
	.closed{ margin:10px 0px 0px;}
	
	
	.form-head-div{ width:99%;}
	
	.contact-heading{ font-size:30px;}
	.dj-txt{ font-size:16px; margin:0px 0px 5px;}
	.footer-section{ margin:0; text-align:center;}
	.footer-logo{ width:36%;}
	.footer-number{ width:44%;}
	
	.right .make-wash{ width:48%; margin:0 auto;}
	.order-badges-bg p{ line-height:23px; padding:0;}
	
	.order-badges-bg ul{ margin:10px 0px 10px;}
	
	
	.previous-badges-list ul li{ width:25%; margin:2% 3%;}
	.previous-badges-list ul li:nth-child(4n){ margin:2% 3%;}
	
	
	
	.form-left{ width:40%;}
	.form-right{ width:58%;}
	.form-head-div{ width:99%;}
	.right-form-l, .right-form-r{ width:100%;}
	.right-form-l input{ margin:0 0 3% 0;}
	.form-div-badges input{ width:25%;}
	.form-div-badges label{ width:28%;}
	.form-div-badges span.su{ width:100%;}
	.total{ width:47%;}
	.total1{ width:48%;}
	.tc-cont{ width:100%; padding:0;}

	
	.txt input.tcinput{ width:52%;}
	.tc-cont1{ margin:0 0 0 -4%;}
	.tc-cont1 .tc{ text-align:right;}
	
	
	.box{ width:95%; margin:3% 0 0 4%;}

	.box1{ width:87%; margin:5% 0 0 4%;}
	.box2{ width:87%; margin:5% 0 0 4%;}
	.bsb{ font-size:16px;}
	
	.taxin{ width:96%; text-align:center; margin: 0 0 0 4%;}
	.thank{ display:block; text-align:center; margin:2% 0 0 0;}

	.total1 span.wh-txt{ margin:0;}
	
}

@media only screen and (max-width:710px)
{
	.txt{ width:100%; text-align:center; display:inline-block;}
	.txt input.tcinput{ width:30%; margin:0 auto 4%;}
	.tc-cont1{ width:100%; margin:0; padding:0; vertical-align:top;}
	.tc-cont1 .tc{ text-align:center; margin:0; padding:0; vertical-align:top;}
	.gst-cont{ width:100%; height:auto; text-align:center;}
	.gst-cont .gst{ width:100%; margin:2% auto;}
	.cost-cont input.tcinput{ width:30%; margin:0 auto 3%;}
	.total2 label{ width:100%; margin:0; padding:0; text-align:center;}
	.captcha-number{ display:block; margin:0 auto; width:105px;}
	#captcha_code{ padding:0 8px;}
	
	
	.total2 .form-cap{ width:100%; text-align:center; margin:3% 0 0 0;}
	
	#reload{ margin:3% 0px 0px 4% !important;}
	
	.total2 .form-cap input{ width:30%; display:block; margin:2% auto; padding:11px 7px;}
	.cost-cont{ margin:0;}
	
	.total{ margin:3% 0 0 1%;}
	
}


@media only screen and (max-width:693px)
{
	.welcome-section h1, .welcome-section h2{ font-size:30px; margin:0px 0px 10px;}

	.badges-list ul li .heading{ margin:1px 0px 0px;}
	.badges-list ul li .description{ margin:1px 0px 0px;}
	.order-badges-bg ul li .btn a{ font-size:22px;}
	.input-bg input, .input-bg textarea{ padding:10px 13px;}	
	.left{ width:56%;}
	.amount-raise{ width:42%; margin:30px 0 0 0;}
	.amount-raise img { margin:0 auto;}
}


@media only screen and (max-width:667px)
{
	section .homePage .hLeft{ width:100%; min-height:180px !important; text-align:center;}
	section .homePage .hLeft img{/* width:54%;*/ margin:15px auto;}
	
	/*section .homePage .hRight{ width:70%;}*/
	section .homePage .hRight img{ width:100%;}
	a.wtd, a.ind {font-size: 27px}	
	
	
	
	nav ul li{ margin:0 15px;}
	.welcome-section h1, .welcome-section h2{ margin:10px 0px 10px;}
	
	
	.form-left{ width:100%;}
	.form-right{ margin:5% 0 0 1%;}
	
	.djcreation{ text-align:center;}
	.form-add{ text-align:center;}
	.abn{ text-align:center;}
	.left-form{ text-align:center;}
	.form-right{ width:100%; text-align:center;}
	.right-form-l, .right-form-r{ width:70%; margin:0;}
	.badges{ text-align:center;}
	.form-div-badges input{ width:18%;}
	
	.total input{ width:30%;}
	.total label{ width:68%; font-size:16px;}
	.box{ width:100%; margin:3% 0px 0px 9px;}
	.box1, .box2{ width:100%; margin:5% 0px 0px 1%;}
	
	
}

@media only screen and (max-width:597px)
{
	.footer-number img{ width:100%;}
}


@media only screen and (max-width:567px)
{
	nav ul li{ font-size:16px;}
	section.black-bg{ padding:8px 0px 13px;}
	.welcome-section h1, .welcome-section h2{ font-size:25px;}
	.welcome-section p{ font-size:16px;}
	.order-badges-bg ul li{ font-size:18px;}
	.input-bg button[type="button"]{ font-size:20px;}
	.footer-logo{ width:54%;}
	.footer-logo img{ width:80%; height:85px;}
	.footer-number{ width:73%;}
	.footer-number img{ width:70%; height:67px;}
	.footer-add{  width:51%;}	
	.footer-add img{ width:70%; height:70px;}
	nav ul li ul li{ font-size:15px;}	
	
	
	
	.previous-badges-list ul li{ width:34%; margin:2% 4%;}
	.previous-badges-list ul li .ye{ font-size:28px; margin:10px 0 0 0;}
	.previous-section h1{ font-size:28px; margin:0 0 8px 0;}
	.h-border{ height:3px;}
	.previous-section p{ font-size:20px; padding:0;}
	
	.form-head-div{ width:99%;}
	
	
	.total{ width:97%;}
	.total input{ width:20%;}
	.total1{ width:100%;}
	.head{ font-size:30px; margin:2% 0 0 0;}
	.form-add{ font-size:18px; line-height:28px;}
	.abn{ margin:0;}
	.cost-cont{ margin:0 0 0 1%;}
	input.css-checkbox[type="checkbox"]{ height:25px; width:25px;}
	.taxin{ font-size:18px;}
	.payment-head{ font-size:25px;}
	.cname{ font-size:20px;}
	.bsb{ font-size:15px;}
	.yrre{ font-size:16px;}	
	
}

@media only screen and (max-width:490px)
{
	
	nav ul li{ margin:0 7px; font-size:14px;}
	.order-badges-bg{ padding:10px 0px 20px;}
	.order-badges-bg p{ font-size:15px;}
	
	.left{ width:98%; margin:0 0 0 5px;}
	.amount-raise{ width:99%;}
	
	.right .make-wash{ width:70%;}
	.right .make-wash img{ width:100% !important; height:auto;}
	.dj-txt{ margin:10px 0px 5px;}
	
	nav ul li ul li{ font-size:14px; line-height:25px;}
	
	nav ul li ul{ top:20px; width:188px;}
	
	.order-badges-bg ul li{ margin:10px 0;}
	.contact-heading{ text-align:center;}
	
	
	.cost-cont input.tcinput{ height:45px;}
	
}

@media only screen and (max-width:450px)
{
	
	.bdr .row .col{ width:100%; border-bottom:1px solid #fff;}
	.bdr .row .col5{ width:100%; margin:0 0 2px 0; border-top:1px solid #fff;}
	.bdr .row .col1, .bdr .row .col3{ width:22%;}
	.bdr .row .col2{ width:32%;}
	.bdr .row .col4{ width:15%;}
	
	.form-div-badges input{ width:25%;}
	
	
}

@media only screen and (max-width:420px)
{
	nav ul li ul{ width:170px;}
	.closed{ font-size:22px;}
	.footer-number{ width:70%;}
	
	.input-bg{ width:96%; margin:0 0 4% 2%;}
	.contact-heading{ font-size:25px;}
	.footer-section{ text-align:left;}
	.footer-logo{ margin:0 0 0 5px;}
	
	.footer-number{ width:90%; margin:15px 0 0 5px;}
	
	.dj-txt{ line-height:21px;}	
	
	.order-badges-bg ul li .btn{ width:96%;}
	
	
	
	
	.previous-badges-list ul li{ width:45%;}
	
}


@media only screen and (max-width:392px)
{   
	header {padding: 3px 0;}
	nav ul li{ display:block; margin:9px 7px;}
	
	nav ul li ul{ background:#ff0; z-index:9999;}
	nav ul li.active ul li a, nav ul li ul li a{ color:#f00;}
	
	nav ul li ul li a:hover, nav ul li.active ul li a:hover{ color:#f00;}
	
	a.read-more{ font-size:13px; margin:15px 0 0 10px;}
	.footer-logo{ width:85%;}
	.order-badges-bg ul li{ width:90%;}
	
	
	.previous-section p{ font-size:18px; margin:15px 0 0 0; line-height:21px;}
	
	
	.box{ margin:3% 0px 0px 5px;}
	
	
	.bdr .row .col5 input.cn{ width:18px; font-size:12px; vertical-align:top}
	.bdr .row .col5{ height:47px;}
	
	.bdr .row .col5 .col6{ height:50px;}
	.bdr .row .col5 .col7{ vertical-align:top; line-height:11px;}
	.bdr .row{ font-size:13px;}
	
	.total input{ width:25%;}
	
	.cost-cont input.tcinput{ height:35px;}
	
	
}



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


	.order-badges-bg ul li .btn{ width:90%;}
	.footer-number img{ width:95%;}
	
	a.read-more{ display:block; margin:10px auto; font-size:12px; text-align:center;}
	
	.welcome-section h1, .welcome-section h2{ font-size:20px;}
	
	.order-badges-bg ul li{ width:100%;}
	.order-badges-bg ul li .btn{ width:100%; box-sizing:border-box;}
	.order-badges-bg ul li .btn a{ font-size:16px; padding:10px 0;}
	
	
	.bsb{ font-size:13px; text-align:center;}
	
	
	.head{ font-size:25px;}
	.djcreation{ font-size:20px;}
	.form-add{ font-size:18px;}
	.abn{ font-size:18px;}
	.left-form label{ font-size:15px;}
	.right-form-l label, .right-form-r label, .right-form-l .form-div-input label, .right-form-r .form-div-input label{ font-size:15px;}
	.form-div-badges label, .form-div-badges span.su, .total label, .total1 label, .total1 span.wh-txt ul li, .total1 span.pst ul li span{ font-size:15px;}
	.tc-cont .tc{ font-size:25px;}
	.payment-head{ font-size:20px;}
	.cname{ font-size:18px;}
	.cname span{ font-size:12px;}
	.bdr .row .col5 .col7{ line-height:9px;}
	
	.bdr .row .col1, .bdr .row .col3{ width:97%; margin:2% 0 0 2%; padding:0; height:auto;}
	.bdr .row .col2{ width:97%; margin:0 0 0 2%; padding:0; height:auto;}
	.bdr .row .col4{ width:97%; margin:2% 0 2% 2%; padding:0; border:none; height:auto;}
	.taxin{ width:100%; margin:0; font-size:16px;}
	
	.right-form-l, .right-form-r{ width:93%;}
	
	.form-div-badges input{ width:30%;}	
		
}


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

	.total1 span.pst ul li{ font-size:15px;}
	.form-div-badges label, .form-div-badges span.su, .total label, .total1 label, .total1 span.wh-txt ul li, .total1 span.pst ul li span{ font-size:13px;}
}