/* $Id: $ */
@charset "UTF-8";
/* CSS Document */

/*==================================RESPONSIVE LAYOUTS===============================================*/
@-webkit-viewport {
width:device-width
}
@-moz-viewport {
width:device-width
}
@-ms-viewport {
width:device-width
}
@-o-viewport {
width:device-width
}

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

.backgroundSecBg{ padding:30px 10px;}
.templateWidth, .tyTemplateWidth{
	width:700px;
	margin:0 auto;
	float:none;
	}
	
.topContainer{
	background-size:contain;
	background-position: center bottom;
	}
	
.btmContainer{
	background-size:contain;
	background-position: center top;
	}
	
.tempHeadBdr{
	background-size:contain;
	}
	
.cardOuterWrapper{width:375px;}

.address .tempContDiv span.addOne{ margin-right:0;}

.address .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}
	.zfSelect2CustomCont .small .select2.select2-container.select2-container--default {
    width: 100% !important;
}
.zfSelect2CustomCont .medium .select2.select2-container.select2-container--default {
	width: 100% !important;
}
.namelarge .tempContDiv span {
  margin-bottom: 5px;
}
.subformInlineHead ul.ulNoStyle {
    padding-top: 0;
}

/*.small .crminput_Wrap .ruleDropDown, .medium .crminput_Wrap .ruleDropDown, .large .crminput_Wrap .ruleDropDown{width:98.5%;}*/
/*.crm_iconImg{ margin:auto !important; top:-3px !important}
.crm_searchImg{ margin:auto !important; right:5px !important;left:inherit !important;}
.crm_Deleticon {margin: auto;top: 0;bottom: 0;right: 14px; left:inherit !important;}
.crm_loadeImg{margin:auto !important; right:0px !important;  left:inherit !important;} */
}


@media only screen and (min-width: 480px) and (max-width: 600px) {
	
.templateWidth, .tyTemplateWidth{
	margin:0 auto;
	float:none;
	}
	
	
.topContainer{
	background-size:contain;
	background-position: center bottom;
	}
	
.btmContainer{
	background-size:contain;
	background-position: center top;
	}
	
.tempHeadBdr{
	background-size:contain;
	}
	
.leftAlign li span.symbols{
	color: #444444;
	margin: 0 5px 10px 5px;
	padding: 0;
	display:block;
	}
	
.leftAlign .tempFrmWrapper .labelName {
	float:none;
	width: auto;
	line-height: none;
	margin-right: 0;
	padding-bottom:10px;
	display:block;
	}
		
.leftAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}
		
.rightAlign .tempFrmWrapper .labelName {
	float:none;
	width:auto;
	line-height: none;
	text-align: left;
	margin-right:0;
	padding-bottom:10px;
	display:block;
	}
	
.rightAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}
	
.small .tempContDiv input[type="text"], .small .tempContDiv textarea, .medium .tempContDiv input[type="text"], .medium .tempContDiv textarea, .small .tempContDiv .phCodeWrapper, .medium .tempContDiv .phCodeWrapper {
	width:100%;
	}
		
.small .tempContDiv .form_sBox, .medium .tempContDiv .form_sBox{
	width:100%;
	}			
		
.address .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}
	
.geolocation .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}		
	
.cardOuterWrapper{ 
	width:100% !important;
	}
	
.credCardAccCont .accNo{
	width:100% !important;
	}
	
	.sideBySide .tempContDiv span, .threeColumns .tempContDiv span{ float:none;}
	
	.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:auto;}	
	
/*.small .crminput_Wrap .ruleDropDown, .medium .crminput_Wrap .ruleDropDown, .large .crminput_Wrap .ruleDropDown{width:98.5%;}*/
/*.crm_iconImg{ margin:auto !important; }
.crm_searchImg{ margin:auto !important; right:5px !important;  left:inherit !important;}
.crm_Deleticon {margin: auto;top: 0;bottom: 0;right: 14px; left:inherit !important;}
.crm_loadeImg{margin:auto !important; right:0px !important; top:-2px !important; left:inherit !important;}*/
    
.name .tempContDiv .nameWrapper {width: 100%;}    
.name .tempContDiv span{ width: 100% !important; margin-left: 0 !important; float: none;}
.name .tempContDiv .salutationWrapper .salutation{width: 50% !important;}

/* rtl css */
.rtlWrapper .rightAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .leftAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .rightAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}
.rtlWrapper .leftAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}

.rtlWrapper .name .tempContDiv span{ margin-right: 0 !important;}
.leftAlign .slider .labelName, .rightAlign .slider .labelName{
	padding-bottom: 25px;
}

}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 

.templateWidth, .tyTemplateWidth{
	margin:0 auto;
	float:none;
	
	}

.topContainer{
	background-size:contain;
	background-position: center bottom;
	}
	
.btmContainer{
	background-size:contain;
	background-position: center top;
	}
	
.tempHeadBdr{
	background-size:contain;
	}
	
.leftAlign li span.symbols {
	color: #444444;
	margin: 0 5px 10px 5px;
	padding: 0;
	display:block;
	}
	
.leftAlign .tempFrmWrapper .labelName {
	float:none;
	width: auto;
	line-height: none;
	margin-right: 0;
	padding-bottom:10px;
	display:block;
	}
		
.leftAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}
		
.rightAlign .tempFrmWrapper .labelName {
	float:none;
	width:auto;
	line-height: none;
	text-align: left;
	margin-right:0;
	padding-bottom:10px;
	display:block;
	}
	
.rightAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}	
	
	
.small .tempContDiv input[type="text"], .small .tempContDiv textarea, .medium .tempContDiv input[type="text"], .medium .tempContDiv textarea, .small .tempContDiv .phCodeWrapper, .medium .tempContDiv .phCodeWrapper, .small .tempContDiv .signContainer, .medium .tempContDiv .signContainer, .large .tempContDiv .signContainer{
	width:100%;
	}
	
.small .tempContDiv .form_sBox, .medium .tempContDiv .form_sBox{
	width:100%;
	}
	
.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:100%;}		
		
.address .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}	
		
.geolocation .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}
	
.cardOuterWrapper{ 
	width:100% !important;
	}
			
.credCardAccCont .accNo{
	width:100% !important;
	}
			
/*.credCardAccCont .expDate{ 
	margin-bottom:10px !important;
	}*/
			
/*.credCardAccCont .cvvNo {
	float: left !important;
	}*/
		
.time .tempContDiv .form_sBox{ 
	min-width:55px;
	}

.time .tempContDiv .form_sBox select{ 
	min-width:55px;
	}
		
.verification .captchaOuterWrapper{ 
	width:95% !important;
	}
	
.sideBySide .tempContDiv span, .threeColumns .tempContDiv span{ float:none !important; }
.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:auto;}	


.small .crminput_Wrap .ruleDropDown, .medium .crminput_Wrap .ruleDropDown, .large .crminput_Wrap .ruleDropDown{width:98.5%;}
.crm_iconImg{ margin:auto !important; top:-3px !important;bottom:0;}
.crm_searchImg{ margin:auto !important; right:5px !important; top:-5px !important; left:inherit !important;bottom:0;}
.crm_Deleticon {margin: auto;top: 0;bottom: 0;right: 14px; left:inherit !important;}
.crm_loadeImg{margin:auto !important; right:0px !important; top:-2px !important; left:inherit !important;bottom:0;}

    
.name .tempContDiv .nameWrapper {width: 100%;}    
.name .tempContDiv span{ width: 100% !important; margin-left: 0 !important; float: none;}
.name .tempContDiv .salutationWrapper .salutation{width: 50% !important;}

 /* rtl css */
.rtlWrapper .rightAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .leftAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .rightAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}
.rtlWrapper .leftAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}  

.rtlWrapper .name .tempContDiv span{ margin-right: 0 !important;}

.leftAlign .threeColumns .imgUploadType .imgChoiceWrapper, .rightAlign .threeColumns .imgUploadType .imgChoiceWrapper{ width:47%;}
 
 .zfSelect2CustomCont .small .select2.select2-container.select2-container--default {
    width: 100% !important;
}
.zfSelect2CustomCont .medium .select2.select2-container.select2-container--default {
	width: 100% !important;
}

.leftAlign .slider .labelName, .rightAlign .slider .labelName{
	padding-bottom: 25px;
}

	
}
@media only screen and (min-width:0px) and (max-width:736px) {
.extraWrapper b.inptCont input[type="text"] {
		width: 100%;
}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { 

.templateWidth, .tyTemplateWidth{
	margin:0 auto;
	float:none;
	}

.topContainer{
	background-size:contain;
	background-position: center bottom;
	}
	
.btmContainer{
	background-size:contain;
	background-position: center top;
	}
	
.tempHeadBdr{
	background-size:contain;
	}
	
.leftAlign li span.symbols {
	color: #444444;
	margin: 0 5px 10px 5px;
	padding: 0;
	display:block;
	}
	
.leftAlign .tempFrmWrapper .labelName {
	float:none;
	width: auto;
	line-height: none;
	margin-right: 0;
	padding-bottom:10px;
	display:block;
	}
		
.leftAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}
		
.rightAlign .tempFrmWrapper .labelName {
	float:none;
	width:auto;
	line-height: none;
	text-align: left;
	margin-right:0;
	padding-bottom:10px;
	display:block;
	}
	
.rightAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}	
	
	
.small .tempContDiv input[type="text"], .small .tempContDiv textarea, .medium .tempContDiv input[type="text"], .medium .tempContDiv textarea, .small .tempContDiv .phCodeWrapper, .medium .tempContDiv .phCodeWrapper, .small .tempContDiv .signContainer, .medium .tempContDiv .signContainer, .large .tempContDiv .signContainer{
	width:100%;
	}
	
.small .tempContDiv .form_sBox, .medium .tempContDiv .form_sBox{
	width:100%;
	}
.zfSelect2CustomCont .small .select2.select2-container.select2-container--default {
    width: 100% !important;
}
.zfSelect2CustomCont .medium .select2.select2-container.select2-container--default {
	width: 100% !important;
}
	
.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:100%;}		
		
.address .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}	
		
.geolocation .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}
	
.cardOuterWrapper{ 
	width:100% !important;
	}
			
.credCardAccCont .accNo{
	width:100% !important;
	}
			
/*.credCardAccCont .expDate{ 
	margin-bottom:10px !important;
	}*/
			
/*.credCardAccCont .cvvNo {
	float: left !important;
	}*/
		
.time .tempContDiv .form_sBox{ 
	min-width:55px;
	}

.time .tempContDiv .form_sBox select{ 
	min-width:55px;
	}
		
.verification .captchaOuterWrapper{ 
	width:95% !important;
	}
	
.sideBySide .tempContDiv span, .threeColumns .tempContDiv span{ float:none !important;}
.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:auto;}	

.small .crminput_Wrap .ruleDropDown, .medium .crminput_Wrap .ruleDropDown, .large .crminput_Wrap .ruleDropDown{width:98.5%;}
.crm_iconImg{ margin:auto !important; top:-3px !important;bottom:0;}
.crm_searchImg{ margin:auto !important; right:5px !important; top:-5px !important; left:inherit !important;bottom:0;}
.crm_Deleticon {margin: auto;top: 0;bottom: 0;right: 14px; left:inherit !important;}
.crm_loadeImg{margin:auto !important; right:0px !important; top:-2px !important; left:inherit !important;bottom:0;}

    
.name .tempContDiv .nameWrapper {width: 100%;}    
.name .tempContDiv span{ width: 100% !important; margin-left: 0 !important; float: none;}
.name .tempContDiv .salutationWrapper .salutation{width: 50% !important;}

/* rtl css */
.rtlWrapper .rightAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .leftAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .rightAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}
.rtlWrapper .leftAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}    	

.rtlWrapper .name .tempContDiv span{ margin-right: 0 !important;}

.leftAlign .slider .labelName, .rightAlign .slider .labelName{
	padding-bottom: 25px;
}

}


/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 
.templateWidth, .tyTemplateWidth{
	margin:0 auto;
	float:none;
	}

	
.topContainer{
	background-size:contain;
	background-position: center bottom;
	}
	
.btmContainer{
	background-size:contain;
	background-position: center top;
	}
	
.tempHeadBdr{
	background-size:contain;
	}
	
.leftAlign li span.symbols {
	color: #444444;
	margin: 0 5px 10px 5px;
	padding: 0;
	display:block;
	}
	
.leftAlign .tempFrmWrapper .labelName {
	float:none;
	width: auto;
	line-height: none;
	margin-right: 0;
	padding-bottom:10px;
	display:block;
	}
		
.leftAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}
		
.rightAlign .tempFrmWrapper .labelName {
	float:none;
	width:auto;
	line-height: none;
	text-align: left;
	margin-right:0;
	padding-bottom:10px;
	display:block;
	}
	
.rightAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}	
	
	
.small .tempContDiv input[type="text"], .small .tempContDiv textarea, .medium .tempContDiv input[type="text"], .medium .tempContDiv textarea, .small .tempContDiv .phCodeWrapper, .medium .tempContDiv .phCodeWrapper, .small .tempContDiv .signContainer, .medium .tempContDiv .signContainer, .large .tempContDiv .signContainer{
	width:100%;
	}
	
.small .tempContDiv .form_sBox, .medium .tempContDiv .form_sBox{
	width:100%;
	}
	
.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:100%;}		
		
.address .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}
		
		
.geolocation .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}
	
.cardOuterWrapper{ 
	width:100% !important;
	}
			
.credCardAccCont .accNo{
	width:100% !important;
	}
			
/*.credCardAccCont .expDate{ 
	margin-bottom:10px !important;
	}*/
			
/*.credCardAccCont .cvvNo {
	float: left !important;
	}*/
		
.time .tempContDiv .form_sBox{ 
	min-width:55px;
	}

.time .tempContDiv .form_sBox select{ 
	min-width:55px;
	}
		
.verification .captchaOuterWrapper{ 
	width:95% !important;
	}
	
.sideBySide .tempContDiv span, .threeColumns .tempContDiv span{ float:none !important;}
.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:auto;}	

.small .crminput_Wrap .ruleDropDown, .medium .crminput_Wrap .ruleDropDown, .large .crminput_Wrap .ruleDropDown{width:98.5%;}
.crm_iconImg{ margin:auto !important; top:-3px !important;bottom:0;}
.crm_searchImg{ margin:auto !important; right:5px !important; top:-5px !important; left:inherit !important;bottom:0;}
.crm_Deleticon {margin: auto;top: 0;bottom: 0;right: 14px; left:inherit !important;}
.crm_loadeImg{margin:auto !important; right:0px !important; top:-2px !important; left:inherit !important;bottom:0;}

    
.name .tempContDiv .nameWrapper {width: 100%;}    
.name .tempContDiv span{ width: 100% !important; margin-left: 0 !important; float: none;}
.name .tempContDiv .salutationWrapper .salutation{width: 50% !important;}

/* rtl css */
.rtlWrapper .rightAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .leftAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .rightAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}
.rtlWrapper .leftAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}   

.rtlWrapper .name .tempContDiv span{ margin-right: 0 !important;}

.leftAlign .slider .labelName, .rightAlign .slider .labelName{
	padding-bottom: 25px;
}

}


/*iPhone 6+ landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {  
.templateWidth, .tyTemplateWidth{
	margin:0 auto;
	float:none;
	}

	
.topContainer{
	background-size:contain;
	background-position: center bottom;
	}
	
.btmContainer{
	background-size:contain;
	background-position: center top;
	}
	
.tempHeadBdr{
	background-size:contain;
	}
	
.leftAlign li span.symbols {
	color: #444444;
	margin: 0 5px 10px 5px;
	padding: 0;
	display:block;
	}
	
.leftAlign .tempFrmWrapper .labelName {
	float:none;
	width: auto;
	line-height: none;
	margin-right: 0;
	padding-bottom:10px;
	display:block;
	}
		
.leftAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}
		
.rightAlign .tempFrmWrapper .labelName {
	float:none;
	width:auto;
	line-height: none;
	text-align: left;
	margin-right:0;
	padding-bottom:10px;
	display:block;
	}
	
.rightAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}	
	
	
.small .tempContDiv input[type="text"], .small .tempContDiv textarea, .medium .tempContDiv input[type="text"], .medium .tempContDiv textarea,  .small .tempContDiv .phCodeWrapper, .medium .tempContDiv .phCodeWrapper, .small .tempContDiv .signContainer, .medium .tempContDiv .signContainer, .large .tempContDiv .signContainer{
	width:100%;
	}
	
.small .tempContDiv .form_sBox, .medium .tempContDiv .form_sBox{
	width:100%;
	}
	
.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:100%;}		
		
.address .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}	
		
.geolocation .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}
	
.cardOuterWrapper{ 
	width:100% !important;
	}
			
.credCardAccCont .accNo{
	width:100% !important;
	}
			
/*.credCardAccCont .expDate{ 
	margin-bottom:10px !important;
	}*/
			
/*.credCardAccCont .cvvNo {
	float: left !important;
	}*/
		
.time .tempContDiv .form_sBox{ 
	min-width:55px;
	}

.time .tempContDiv .form_sBox select{ 
	min-width:55px;
	}
		
.verification .captchaOuterWrapper{ 
	width:95% !important;
	}
	
.sideBySide .tempContDiv span, .threeColumns .tempContDiv span{ float:none;}
.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:auto;}	

.small .crminput_Wrap .ruleDropDown, .medium .crminput_Wrap .ruleDropDown, .large .crminput_Wrap .ruleDropDown{width:98.5%;}
.crm_iconImg{ margin:auto !important; top:-3px !important;bottom:0;}
.crm_searchImg{ margin:auto !important; right:5px !important; top:-5px !important;bottom:0; left:inherit !important;}
.crm_Deleticon {margin: auto;top: 0;bottom: 0;right: 14px; left:inherit !important;}
.crm_loadeImg{margin:auto !important; right:0px !important; top:-2px !important; bottom:0;left:inherit !important;}

/*.namesmall .nameWrapper{ width: 100% !important;}
.namemedium .nameWrapper{ width: 100%;}
.namesmall .tempContDiv span, .namemedium .tempContDiv span, .namelarge .tempContDiv span { width: 100% !important; float: none;}
.topAlign  .name .tempContDiv span{ margin-right: 0; margin-left: 0 !important }
.topAlign  .namesmall .tempContDiv span{ width: 100%; margin-left: 0 !important;}
.topAlign  .namemedium .tempContDiv span{ width: 100%; margin-left: 0 !important; }
.topAlign  .namelarge .tempContDiv span{ width: 100%;  margin-left: 0 !important; margin-bottom: 15px;}
.topAlign .namelarge .twoType .salutationWrapper .salutation, .topAlign .namelarge .twoType .salutationWrapper span{width:100% !important;}
.topAlign .namelarge .threeType .salutationWrapper .salutation, .topAlign .namelarge .threeType .salutationWrapper span{width:100% !important;}
.topAlign .namesmall .oneType .salutationWrapper .salutation {width: 50%;} */  
    
.name .tempContDiv .nameWrapper {width: 100%;}    
.name .tempContDiv span{ width: 100% !important; margin-left: 0 !important; float: none;}
.name .tempContDiv .salutationWrapper .salutation{width: 50% !important;}

 /* rtl css */
.rtlWrapper .rightAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .leftAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .rightAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}
.rtlWrapper .leftAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}

.rtlWrapper .name .tempContDiv span{ margin-right: 0 !important;}

.leftAlign .slider .labelName, .rightAlign .slider .labelName{
	padding-bottom: 25px;
}

}




@media only screen and (max-width: 375px) {
	
.templateWidth, .tyTemplateWidth{
	margin:0 auto;
	float:none;
	}

	
.topContainer{
	background-size:contain;
	background-position: center bottom;
	}
	
.btmContainer{
	background-size:contain;
	background-position: center top;
	}
	
.tempHeadBdr{
	background-size:contain;
	}
	
.leftAlign li span.symbols {
	color: #444444;
	margin: 0 5px 10px 5px;
	padding: 0;
	display:block;
	}
	
.leftAlign .tempFrmWrapper .labelName {
	float:none;
	width: auto;
	line-height: none;
	margin-right: 0;
	padding-bottom:10px;
	display:block;
	}
		
.leftAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}
		
.rightAlign .tempFrmWrapper .labelName {
	float:none;
	width:auto;
	line-height: none;
	text-align: left;
	margin-right:0;
	padding-bottom:10px;
	display:block;
	}
	
.rightAlign .tempFrmWrapper .tempContDiv {
	width: auto;
	float: none;
	margin-left:0;
	}	
	
	
.small .tempContDiv input[type="text"], .small .tempContDiv textarea, .medium .tempContDiv input[type="text"], .medium .tempContDiv textarea, .small .tempContDiv .phCodeWrapper, .medium .tempContDiv .phCodeWrapper, .small .tempContDiv .signContainer, .medium .tempContDiv .signContainer, .large .tempContDiv .signContainer{
	width:100%;
	}
	
.small .tempContDiv .form_sBox, .medium .tempContDiv .form_sBox{
	width:100%;
	}
	
.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:100%;}		
		
.address .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}	
		
.geolocation .tempContDiv span.addtwo{ 
	width:100%; 
	float: none !important;
	}
	
.cardOuterWrapper{ 
	width:100% !important;
	}
			
.credCardAccCont .accNo{
	width:100% !important;
	}
			
/*.credCardAccCont .expDate{ 
	margin-bottom:10px !important;
	}*/
			
/*.credCardAccCont .cvvNo {
	float: left !important;
	}*/
		
.time .tempContDiv .form_sBox{ 
	min-width:55px;
	}

.time .tempContDiv .form_sBox select{ 
	min-width:55px;
	}
		
.verification .captchaOuterWrapper{ 
	width:95% !important;
	}
	
.sideBySide .tempContDiv span, .tshreeColumns .tempContDiv span{ float:none;}
.medium .tempContDiv .sliderCont	, .small .tempContDiv .sliderCont{ width:auto;}	

.small .crminput_Wrap .ruleDropDown, .medium .crminput_Wrap .ruleDropDown, .large .crminput_Wrap .ruleDropDown{width:98.5%;}
.crm_iconImg{ margin:auto !important; top:-3px !important; bottom:0;}
.crm_searchImg{ margin:auto !important; right:5px !important; top:-5px !important; left:inherit !important;bottom:0;}
.crm_Deleticon {margin: auto;top: 0;bottom: 0;right: 14px; left:inherit !important; }
.crm_loadeImg{margin:auto !important; right:0px !important; top:-2px !important; left:inherit !important;bottom:0;}

   
.name .tempContDiv .nameWrapper {width: 100%;}    
.name .tempContDiv span{ width: 100% !important; margin-left: 0 !important; float: none;}
.name .tempContDiv .salutationWrapper .salutation{width: 50% !important;}

 /* rtl css */
.rtlWrapper .rightAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .leftAlign .tempFrmWrapper .labelName{ float:none; text-align:right;}
.rtlWrapper .rightAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}
.rtlWrapper .leftAlign .tempFrmWrapper .tempContDiv{ margin-right:0px;}    

.rtlWrapper .name .tempContDiv span{ margin-right: 0 !important;}

.leftAlign .threeColumns .imgUploadType .imgChoiceWrapper, .rightAlign .threeColumns .imgUploadType .imgChoiceWrapper{ width:47%;}

.leftAlign .slider .labelName, .rightAlign .slider .labelName{
	padding-bottom: 25px;
}

}
@media (max-width: 500px) {
	.form_selectBox, .form_sBox {
		width: auto !important;
	}
}

@media only screen and (min-width:0px) and (max-width:420px) {  

.threeColumns .tempContDiv .customRadioBtn span, .twoColumns .tempContDiv .customRadioBtn span, 
.threeColumns .tempContDiv .customCheckBox span, .twoColumns .tempContDiv .customCheckBox span{
    width:100% !important;
}
}

@media only screen and (min-device-width:0px) and (max-device-width:736px)  and (orientation : portrait) {   
	.searchDivCont b.inptCont {
		display: block;
		position: relative;
	}
	.extraWrapper b.inptCont input[type="text"] {
		width: 100%;
	}
	b.inptCont  {
	position: relative;
	display: block;
}
}
@media only screen and (min-device-width:0px) and (max-device-width:736px)  and (orientation : landscape) {   
	.searchDivCont b.inptCont {
		display: block;
		position: relative;
	}
	.extraWrapper b.inptCont input[type="text"] {
		width: 100%;
	}
	b.inptCont  {
	position: relative;
	display: block;
}
}
/*Translation media*/
@media only screen and (min-width:0px) and (max-width:399px) {
 .popUpOuterliveTrans{
        width: 88% !important;
        margin: 0 auto;
    }
}