/*all small devices*/
@media (min-width: 768px){
    .textName li{max-width:30%;}
	.textName li.full{max-width:none;}
}
/*all small devices*/
@media (max-width: 1200px){
    .wrapper { width:100%}
	.homeIcon{width:96%; margin:0px auto;}
	.headPane{margin:0px 2%;}
	.noteTxt{margin:30px 2%;}
}

@media (max-width: 1024px){
	#DisplayImg{display: none}
}

@media (min-width: 1025px){
	#file-nameaof{display: none}
}

/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){
    .leftNav li a{height: 35px;}
    .content .innerContent p span{display: block;margin:0 0 10px;} .textName li{margin-bottom: 15px;display:block;float:none;} .textName li:first-child{padding-left:2%;} .textName li .normals{width: 100% !important;} .content .innerContent input[type=text],.textName li .small{width: 96% !important;max-width:none !important;} .textName li .normals,.textName li .bigs,.select-style,.textName li .big,.textName li .large,.select-style select{width: 100% !important;max-width:none !important;} .content{width: 98%; margin: 0 auto;}
    .forms .textName li{width: 46%;float: left;}
    .content .innerContent> .select-style{width: 96% !important;margin: 0 auto;}
    .content .innerContent p {padding: 0 2%;}
}
/*ipad - both*/
@media (min-width: 768px) and (max-width: 1024px){
	.content .leftContent{ float:none;}
	.content .rightContent{ float:none; width:100%;}
	.homeIcon{width:450px; margin:0px auto;}
	.homeIcon li{width:100%;}
	.headPane{margin:0px 5%;}
	.noteTxt{margin:30px 5%;}
	.fileUp span{width:33%;}
	.fileUp .mar25p{ margin-left:33%;}	
	#files01{position: initial;}
	#files01 .btn-file{padding: 5px 30px;margin-left: 60px;}
	#files01 .fileList{margin-left: 60px;}
}
	
}

/*small tabs*/
@media (min-width: 600px) and (max-width: 767px){
	.fileUp span{width:33%;}
	.fileUp .mar25p{ margin-left:33%;}
    
}
/*mobile*/
@media (max-width: 767px){
    .leftNav{display: none;background: none;}.leftNav li a{height:auto;}.toggleNav{display:block;}
    .content .innerContent p span{display: block;margin:0 0 10px;} .textName li{margin-bottom: 15px;display:block;float:none;} .textName li:first-child{padding-left:2%;} .textName li .normals{width: 100% !important;} .content .innerContent input[type=text],.textName li .small{width: 96% !important;max-width:none !important;} .textName li .normals,.textName li .bigs,.select-style,.textName li .big,.textName li .large,.select-style select{width: 100% !important;max-width:none !important;} .content{width: 98%; margin: 0 auto;}
    .forms .textName li{width: 46%;float: left;}
    .content .innerContent> .select-style{width: 96% !important;margin: 0 auto;}
    .content .innerContent p {padding: 0 2%;text-align: left;margin:15px 0px 0px 0px;} h4{width: 100% !important;margin-bottom:10px;}.bottm-nav{float:none; margin:20px 10px 10px 10px; height: auto;} .bottm-nav a{ display: block;float: none;margin-bottom: 10px; font-size: 12px;} .content .rightContent h3.mainH{font-size: 13px;} .content .innerContent p label::after {content: "";display: block;} .rowTable td{display:block;width:90%;}
    .content .innerContent p label{margin:0 0 10px 3px;}
    .content .innerContent p br{display:none} .progress1{background:none;}
    .leftNav li {margin: 5px 0px;float: none;height: auto;width: auto;}
    .leftNav li:last-child{width: auto;}.content .leftContent{height:auto;}
	#files01{position: initial;}
	#files01 .btn-file{padding: 5px 30px;margin-left: 60px;}
	#files01 .fileList{margin-left: 60px;padding-top: 10px;display: block}
	/*#DisplayImg{display: none}*/
	.upload-aof .custom-upload{padding: 2px 25px;    margin-bottom: 10px;}
}

/*mobile*/
@media (max-width: 580px){
	.content .rightContent{width:100%;}
	.content .innerContent input[type=text]{ width:90%;}
	.textName li .medium{ width:100% !important;}
	.textName li .normal{ width:100% !important;}
	.textName li .bigs{ width:100% !important;}
	.textName li{ width:96% !important; margin-bottom:20px}
	.content .innerContent h5{ clear:both; padding-left:0px !important}
	.innerContent p span{ display:block; clear:both; margin-bottom:10px; }
	.date_box img{position:absolute;top:14px;right:25px;}
	.content .rightContent h3{ clear:both}
	.innerContent em{ display:block; clear:both;}
	.accNo{ margin-left:0px;}
	.homeIcon{width:250px; margin:0px auto;}
	.homeIcon li{width:100%;}
	.headPane{margin:0px 5%;}
	.noteTxt{margin:30px 5%;}
	.headPane ul li{ font-size:13px;}
	.fileUp{ margin:10px 0px; padding:10px 0px;}
	.fileUp span{display:block; width:100%; margin:10px 0px}
	.fileUp .mar25p{ margin-left:0; width:100%;}
	.headPaneN{}
	.headPaneN ul li{ font-size:14px;text-align:center; margin-bottom:20px;}
	.headPaneN ul li i{width:100%; }
	.headPaneN ul li span{  clear:both}
		
}

 @media (max-width: 375px){

          .online-assistance{position: static;width: 98%;}

          header img{margin: 5px 0px 5px 0px;}

          #trackID{margin-right: 10px}

          .myPop{padding: 10px}

          .row.files .checkname{width: 80px;font-size: 14px}

          .row.files, #myRadioGroup .term-cond{width: 295px}

	  #files01 .fileList{margin-right: 10px}
          
          #captchaImage{max-width: 68%}
} 

@media (min-width: 376px) and (max-width: 500px){
	
	#captchaImage{max-width: 68%}
}