/*------header start-------*/	
.mt30{ margin-top:30px !important;}
.mt15{ margin-top:15px !important;}
.mt0{ margin-top:0px !important;}
.mb20{ margin-bottom:20px;}
.mb15{ margin-bottom:15px;}
.mb10{ margin-bottom:10px !important;}
.mb5{ margin-bottom:5px !important;}
.mb0{ margin-bottom:0px !important;}
.pdr0{ padding-right:0px !important;}
.text-center { text-align: center;}
.coman-container{ min-height:260px;}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.container:after {
  clear: both;
}


.header-section{ width:100%; 

                 background:#F3F3F3;

				 font-family: Arial,Helvetica,sans-serif;

				 padding-bottom:10px;}

				 

.header-area{ margin: auto;

			font-size: 12px;

			width:1020px; 

			}				 

		

.logo img{max-width:100%;}	

 .right_header{ float:right; min-width:250px; margin-top:20px;}
 .right_header h3{ color:#2584a2; margin:0; padding:0; text-align:right; font-size:13px;}
 .right_header span{ text-align:right; float:right;} .right_header span a { text-decoration:none; color:#000;}
 .right_header span a:hover{ color:#F60; text-decoration:underline;}
 .welcomelogin_section{ text-align:center; width:auto; font-size:12px; font-weight:bold;color:#0072bc; }
 
 
/*-------------header end-----------------------*/	

	

.cantainer-section{ width:100%; 
 				 padding-bottom:10px;}
 .cantainer-area{ margin: auto;

			    width:1020px; 

			    }	

.black-clor{ background:#0072bc;}				

.banner-bg-clor{ /*background:url(../images/banner-bg_rp.gif)repeat-x;*/}				

.padd-btm{ padding-bottom:0;}	

.bg-sky{ background:#34ade2;}



.text-cent{ text-align:center;}



/*-----------------*/			

.cler-both{ clear: both;}

.bg-bike-part{ background:#EEE;}

.btm-berd{ border-bottom: 1px solid #DDD;}



.grid-1{width:33.33%; float:left;}







.footer-navi-area{ width:100%;  

				   margin:5px auto;}

		

.provided-div{ padding:15px; float:right;}	   



.contact-us-supp{ padding:15px; float:left;}			
.contact-us-supp a { padding-left:0px !important;}
.social-fgt-div{ padding:10px; float:right; }

.dis-in{ display:inline-block; 

          float:left;

         padding:5px 0;}

		 

.banner-img{width:100%;}		 			 

.banner-img img{max-width:100%;}



.img-old-car{ width:350px; float:left;}

.img-new-car{ width:470px; float:left;}



.img-old-car img{max-width:100%;}

.img-new-car img{max-width:100%}







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

/*------header start-------*/	

.header-area{ width:95%;}

.logo{ width:180px; margin:0 auto;}

/*-----==--header end--======-------*/

.cantainer-area{ margin: auto;  width:auto;  padding:0 15px; }
  .grid-1{ height:auto;}		

/*----===-==--header end--======-------*/

.sld{ width:100%;}

.right_box{float:left; 

           width:100%; 

		   margin:0; 

		   height:auto;

		   position:relative;

		   left:0;

		   margin-top:25px;

		   background:#e4e5e7;

		   border:1px solid #bcc0c3;

		  }

.right_box h2

{margin: 10px auto;	}	  

		  

.right_box .bxt{ width:31%; margin-right:10px;}	
   .container2{ width:100%;}
   .tab_container select{ width:100%;}
 .tab_container input{ width:100%;}
 .text-cent img { max-width:100%;}			   
 #slider{ width:100% !important; }
 .nivo-slice{ width:auto !important;}	
 #slider img{max-width:100%; }	



/*-=====-*/	 

.form_dr{width:100%;}  

.fromdr_left{ width:100%; float:none; margin-top:15px;}

.fromdr_lefta{float:none; width:300px; margin:20px auto;}

.fromdr_leftb{float:none; width:300px; margin:10px auto;}

.category_option{float:none; margin:10px auto;}

/*---<!--=====login======-->---*/

.text2{ width:auto; padding:10px;}



.text{ width:auto; padding:10px;}



/*---------------------------*/

.container4{ width:96%; padding: 2%;}

.formright{ width:100%; margin-left:0; margin-top:15px; min-height:0;}

/*#one input{ width:100%; padding: 0px 10px;}*/

.engine_part textarea{ width:100%;}

/*-=<!--=============footer============================-->-*/	 

.footer-navi-area{ width:100%;  

				   margin:5px auto;}

			   

.footer{width:100%;}	



			   

				   

/*------=======------*/

}

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

	}

	

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

.grid-1{width:320px; margin:10px 0;}

.header-section{ border-bottom: 1px solid #C3C3C3;}



.img-old-car{ width:100%; float:left; margin-left:0;}

.img-new-car{ width:100%; float:left; margin-left:0; margin:10px 0 !important;}

	}

	

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

/*.right_box{left:15%; border-top: 1px solid #e8e8e9;}*/	

.grid-1{width:320px; margin:10px auto; float:none !important;}

	

.form_chose	{ width:100%}

.create_form{ width:100%}

.create_form .int{width:90.5%;}

.create_form .sel_int{ width:93.5%;}	



.right_box .bxt{ width:100%; margin-bottom:5px; margin-right:0px;}

.grid-1{ width:280px;}	

	}

	



	

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

.logo{ width:100%; 

       text-align:center; 

	   margin:0px auto; float:none;}

	   	

.right_header{ width:280px!important; 

               margin:10px auto; 

			   float:none;}	

			   

/*.right_box{left:5%;}*/

.fromdr_left{float: none;

				margin-top: 15px;

				width: 300px;

				margin:0 auto;

				}

				

.login_section {

    float: none;

    width: auto;

    margin-left: 5%;

}				

				

.form_dr{ padding:0;}		

/*===================*/

.copyright-div{ padding:15px 0; 

                width:100%; 

				text-align:center; 

				float:left;}	

						

.provided-div{ padding:15px 0; 

               width:100%; 

			   text-align:center; 

			   float:right;}	   



.contact-us-supp{ padding:15px 0; text-align:center; width:100%; float:left;}			

.social-fgt-div{ padding:10px; float:none; width:100%; margin:5px auto; text-align:center;}	
.social-fgt-div .socis{ float:none !important;}
.banner-bg-clor{ background:none !important;}

#slider   

{       

        

    background-repeat: no-repeat;        

    position: relative !important;        

    width:100% !important;            

    height: 250px !important;       

    margin-left: auto !important;      

    margin-right: auto !important; 

	background-size:contain !important;

   background-position:center !important;      

} 

	

.create_form .int{width:88.5%;}	

.create_form .sel_int{ width:90.5%;}	



.fromdr_leftb{padding-left: 0;}

.fromdr_leftb img{ max-width:100%;}   

	}

	

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

/*	.right_box{left:5.5%; }	*/

	.create_form .int{width:85.5%;}	

	.create_form .sel_int{ width:87.5%;}	

	}	

	

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

	/*.right_box{left:1%; }*/

		

	}

	



.shadow{

box-shadow: inset 3px -2px 10px -4px #ABABAB;

-webkit-box-shadow: inset 3px -2px 10px -4px #ABABAB;

-moz-box-shadow: inset 3px -2px 10px -4px #ABABAB;

-o-box-shadow: inset 3px -2px 10px -4px #ABABAB;

}


/*jaan code*/

.form-group {
    margin-bottom: 15px;
}
.form-control {
  display: block;
  width: 100%;
  height:40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  box-sizing: border-box;
}
.form-control:focus {
  border-color: #007AFF;
  outline: 0;  
}
.form-main{ margin:auto; width:500px; padding:15px;background: #fff;box-shadow: 0 0 3px #c4c4c4;border: 1px solid #ccc;}
.btn-block {
    display: block;
    width: 100%;
}
 
.btn-login{ background:#f58220;  color:#FFF; font-weight:700 !important; padding:10px !important;}
.btn-login:hover{ background:#e97a1a;  color:#FFF; cursor:pointer;}
.forget-pass{ text-align:right; color:#0072bc; text-decoration:none;}
.forget-pass:hover, .createaccount a:hover{ text-decoration:underline;}
.createaccount {text-align:center; }
.createaccount a {color:#0072bc; text-decoration:none;}
.form-main h1{ text-align:center; margin-top:0px; color:#0072bc; font-size:30px; margin-bottom:15px; line-height:35px;} 
.section-tpypespart { margin-bottom:10px;}
.section-tpypespart h3{ font-size:20px; line-height:22px; color:#0072bc; margin-top:0; margin-bottom:10px; padding:0;}
.section-tpypespart ul{ margin:0; padding:0; list-style:none;}
.section-tpypespart ul li{ display:block; width:33.33%; float:left; margin-bottom:5px;}
.section-tpypespart ul li input[type="checkbox"], .check-right input[type="checkbox"], .radio-right input[type="radio"]{ margin-right:8px; }
.tbl-new {
    background-color: #2c3e50;
    border-color: #337ab7; color:#FFF;
}
.sidebar-main { border:1px solid #f58220;}
.sidebar-main h3{ background:#f58220; color:#fff; font-size:20px; margin:0; padding:10px 15px;}
.sidebar-inner { padding:15px;}
.btn2{font-weight: 400;text-align: center;vertical-align: middle;}
.faq-cuj {
    padding: 10px;
    border: 1px solid #ddd;
        border-left-color: rgb(221, 221, 221);
        border-left-style: solid;
        border-left-width: 1px;
    margin-bottom: 6px;
    border-radius: 0px 5px 5px 0px;
    border-left:4px solid #6fc200;
}
.faq-cuj h4 {
    margin-top: 0px !important;
    font-size: 16px !important;
    font-weight: 700;
    margin-bottom: 5px !important;
}
.faq-cuj p {
    margin-bottom: 0px; font-size:16px;
}
.btn {
  display: inline-block;
  padding:5px 10px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight:500;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
}
.active-pagin, .active-pagin:hover{ background:#0072bc !important; color:#FFF;}
 .inp-iconcus input{ position:relative; padding-left:40px; border-radius:0px 4px 4px 0px !important;}
.inp-iconcus, .inp-iconcus input{ position:relative;}
.inp-iconcus .icon { width:30px; text-align:center; position:absolute; left:0; z-index:55;left: 0;top:0px; padding:0px 10px; line-height:34px; height:34px;color: #aaa;transition: 0.3s; background:#0072bc; color:#FFF;}
.commanboxj {border: 1px solid #e1e1e1;  min-height: 100px;background: #fbfbfb; padding:15px; border-radius: 5px;}
.discripprofile .wysiwyg{ width:100% !important;}
.sectionhesdin{ padding:10px 15px; font-size:15px; font-weight:700; margin-bottom:10px; border-bottom: 1px solid #1979b6;color: #333;}
.comman-partcheck ul{ list-style:none; margin:0; padding:0; }
.comman-partcheck ul li{ width:20%; display:inline-block; margin-bottom:6px; float:left;}
.comman-partcheck ul li input[type="checkbox"]{ margin-right:7px !important; width:17px;}
.autosugsuburb .fieldclasselin3{ background: none !important; margin:0px !important; }
.comman-partcheck2 ul{ list-style:none; margin:0; padding:0; }
.comman-partcheck2 ul li{ width:33.33%; display:inline-block; margin-bottom:6px; float:left;position: relative;padding-left: 22px;}
.comman-partcheck2 ul li input[type="checkbox"]{ left: 0; top:3px;position: absolute; width:17px;}
/*csmenu*/
  .customber_nav{ margin:0; width:100%; height:auto;
	 background: #242021;
	/* box-shadow:0 3px 3px #9f9f9f;*/
	 border-radius:0 0 5px 5px;
}
#cssmenu{ min-height:37px;  height:auto; display:block; padding:0; margin: 0 auto;} 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
 #cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
 #cssmenu > ul > li > a{border-right:1px solid #bcbdc0 !important; outline:none; display:block; position:relative; padding:13px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none;  } 
 #cssmenu > ul > li:first-child > a{border-radius:0px 0 0 5px;} 
 /*#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid #134568; height:40px; top:-1px; bottom:-1px; right:-2px; z-index:99; } */
 #cssmenu > ul > li a.ctrk:after{ border-right:none !important;}
 #cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 

#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
 #cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
 #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
 #cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
 #cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
 #cssmenu ul li > ul{width:200px;} 
 #cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
 #cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
#cssmenu > ul > li > a{ color:#fff;} 
#cssmenu > ul > li > a:after{} 
#cssmenu > ul > li > a:hover, .select a, .active a{background:#bcbdc0;} 
.customber_nav ul{ margin:0; padding:0;}

.customber_nav ul li{ list-style:none; margin:0 20px 0 20px; float:left; color:#d8d8d8; font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:30px;}
.customber_nav ul li a{ display:block; text-decoration:none; color:#d8d8d8;} 
.success_msg{ background:#d5e3d2; color:#325407; padding:8px 15px; font-size:16px; margin-bottom:15px;  text-align:center; }
.error_msg{background:#face9d; color:#9f6000; padding:8px 15px; font-size:16px;  margin-bottom:15px;  text-align:center;}
.listsubrlist{position:absolute !important;top:34px;width:100%;box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 5px;z-index:555;background:#FFF;}
.listsubrlist ul{padding:0;list-style:none; margin-bottom:0px;}
.listsubrlist ul li{padding:7px 10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4;color:#212121;font-size:14px;line-height:15px;}
.listsubrlist ul li:hover{background-color:#0072bc; color:#FFF;}
.que-ans-main h3{ margin-bottom:10px !important;}
 .contact-page-j{font-size:22px;line-height:40px;font-weight:300;}
.contact-page-j ul{padding-left:0px; list-style:none;}
.contact-page-j ul li{padding:0 0 0px 48px !important;}
.contact-page-j ul li i{color:#ff6600 !important;width:30px;height:30px;font-size:30px;line-height:40px;text-align:center;left:18px; position:absolute;}
.contact-page-j ul li i::before{margin-left:0px !important;}
.contact-page-j ul li a{color:#333 !important;}
.contact-page-j ul .phone i{ font-size:40px;}




@media only screen and (max-width:940px) {
#cssmenu > ul > li{width: 25%;}	
#cssmenu > ul > li > a{padding: 13px 13px; border-bottom: 1px solid #bcbdc0 !important;}
}

@media only screen and (max-width:900px) {
	.pdr0 {
    padding-right: 15px !important;
}	
}


@media only screen and (max-width:768px) {
.table-responsive {
width:100%;
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll;
border:1px solid #ddd
}	
.comman-partcheck ul li{width:50%;}
#cssmenu > ul > li{width:33.33%;}	
  .validlp .formError{ left:0px !important;}
}
@media only screen and (max-width:560px) {
	 .form-main{ width:100%; box-sizing: border-box;}
	 .section-tpypespart ul li{ width:50%;}
.comman-partcheck ul li, .comman-partcheck2 ul li{ width:50%;}
#cssmenu > ul > li{width:50%;}
}

@media only screen and (max-width:399px) {
.form-main	{ width:100%; box-sizing: border-box;}
.section-tpypespart ul li{ width:100%;}
.comman-partcheck ul li{width:100%;}
 .comman-partcheck ul li, .comman-partcheck2 ul li{ width:100%;}
 #cssmenu > ul > li{width:100%; border-right:0px;}
}