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

@media only screen and (min-width:320px) and (max-width:375px)  {
	
.wizard-card .picture-container {
    width: 65%;}
.text-filed {
    min-height: 208px;}
.ol-resp{padding-left: 0px;}
.head-wel{ text-align:center; margin-top: -15px; padding-bottom: 10px;}		
.head-port{padding-top: 10px; padding-left: 10px;}
.head-log {
    float: none;
    padding: 5px;
    text-align: center;
}
.float-lf{ float:none;}
.log-cat {
	float:none;
    }
	.text-filed { padding:0px;}
	.text-filed td { padding:3px; display:block;}
	.wizard-card .wizard-footer {
    padding: 0px 39px;
}
.pull-left {
    text-align: center;
    padding-top: 50px;
	float:none !important;}
.pay-img h3{     clear: both;
    padding: 10px 20px;}
.pay-img img{ margin:0px 60px;}
#payuform{ text-align:center;}
.heading-box{padding:10px 25px;}
.pad-zero{ padding:0px;}
.wizard-card { padding:0px;}
.form-group label {
    font-size: 13px !important;
}
.wizard-card .nav-pills > li {
    margin-bottom: 10px;
}	
.sky-form{ padding:15px 0px 0px 0px;}
.image_container {
    width: 150px;
    height: 200px;
    margin: 0 auto;
}
.wizard-card .picture-src {
    height: auto !important; 
}
.pad-right {
    padding-right: 0px;
}
.pull-right {
    float: none !important; text-align:center;}
.error-marg{ margin-top:-25px;}
.imghide {
    border: none;
    margin-top: -22px;
    background: none;
}
}

@media only screen and (min-width:376px) and (max-width:519px)  {	
	
	.head-wel{ text-align:center; margin-top: -15px; padding-bottom: 10px;}		
.head-port{padding-top: 10px; padding-left: 42px;}
.head-log {
    float: none;
    padding: 5px;
    text-align: center;
}
.wizard-card .picture-container {
    width: 65%;}
	
	}
@media only screen and (min-width:520px) and (max-width:768px)  {	
.wizard-card .picture-container {
    width: 65%;}
.head-log {
    float: right;
    padding: 2px;
}
.head-wel {
    margin-top: -48px;}
.head-port {
    padding-left: 20px;
    margin-top: -20px;
    padding-bottom: 10px;
}
.pay-img h3{margin: 100px 0 10px;}
.heading-box {
    padding: 10px 25px;}
	.heading-box{padding:10px 25px;}
}
@media only screen and (min-width:1025px) and (max-width:1365px)  {	
.head-log {
    float: right;
    padding: 0px;
}
}
@media only screen and (min-width:769px) and (max-width:1024px)  {	
.wizard-card .picture-container {
    width: 65%;}
	
}