/* Large */
@media only screen and (min-width : 1200px) {
#search-list .search-table {width: 100%;}
}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.cst_dailog{width:auto}
	
	.container-980-wrp,.container-1200-wrp{ width: 100%;}
		.row{ margin: 0px;}
	p.big-dws{ font-size: 46px;
    line-height: 42px;}
.logo { margin-left:0px; }
.navbar-default .navbar-nav>li>a {padding: 29px 5px;}
.login-left-pic{display: none;}
.login-form{width:90%}

}


/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
	.container-980-wrp,.container-1200-wrp{ width: 100%;}
		.row{ margin: 0px;}
		.login-left-pic{display:none;}
		.login-form{width:90%}
/*	#forex-main-wrp{ height: auto !important;}*/
	
	.red-bg{ position: relative; margin-top: 30px}
		
		p.left-big-txt{ padding-right:35%; }	
		
		.logo { margin-left:0px; }

.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
 
.navbar-toggle { position:absolute; right:-10px; top:-50px;}	
.navbar { min-height:0px; }
.navbar-nav { text-align:center; margin:0px;}
.navbar-collapse { padding-right:0px; }
.nav>li {border-bottom: solid 1px #e4e4e4;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top: 30px;}
#top {background-color: rgba(0,0,0,0.8);}
.navbar-default .navbar-toggle .icon-bar {background-color: #888;}
.navbar-nav { float:none; }
.login-con { background-image:none; margin-top:10px; }	
.login-con h2 { float:left; width:49% }
#form-container { margin-top:10px; }
.steps .no { margin-left:0px; }
.left-side { background-image:none; background-position: left bottom;}
.prev-bt, .next-bt {width: inherit; background-image:none;} 

.mobile-number { width:226px;}
.pad-right-left { padding-left:0px; padding-right:0px; }
.navbar-collapse { padding-left:0px;position: absolute; width:100%; background-color:#ea4343; z-index:9999;top: -20px; }
.navbar-default .navbar-nav>li>a { color:#FFF; font-size: 18px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.active {border-bottom: solid 0px #e4e4e4;color:#FFF; }

	
}

@media (min-width: 481px) and (max-width:767px) {
	
		.container-980-wrp,.container-1200-wrp{ width: 100%;}
	.row{ margin: 0px;}
	.middle-container-wrp{ margin-top: 35px;}
	p.left-big-txt{ font-size: 24px; line-height: 24px;}
	p.left-small-title{ font-size: 16px;}
	.remit-cta-wrp{ margin-top: 20px;}
	.remit-cta-wrp a {
    font-size: 12px;
    padding: 7px 12px;
    text-align: center;
    margin: 0px 0px 10px;
    background-image: url(../images/trans-black.png);
    display: block;
    width: 100%;	
}
	
	.container-fluid {
    width: 100%;
    padding: 0px;
}
	
.header {
    width: 100%;
    margin-top: 15px;
    padding: 0px 15px;
}	
	
	.red-bg{ position: relative; height: auto; padding: 0px 0px 0px;}	
	.red-form-container{ padding: 20px 0px;}
	.icon-wrp {width: 100%;margin-bottom: 10px;}
	.desc-wrp{ padding-bottom: 20px;}
	
	.form-control{ margin-bottom: 10px;}
	.icon-wrp span {
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 15px 0px 15px 52px;
    /* background-size: 55px; */
    display: block;
    background-size: 50px;}
	
	.top-icon-wrp {
    width: 100%;
    padding: 10px 0px;
    border-bottom: 2px solid rgba(255,255,255,0.5);
    margin-bottom: 10px;
}
	
	p.dws-title{ font-size: 18px;}
	p.big-dws{ font-size: 28px; line-height: 30px;}
	
	.logo { margin-left:0px; }
	
.navbar-toggle { position:absolute; right:-10px; top:-50px;}	
.navbar { min-height:0px; }
.navbar-nav { text-align:center; margin:0px;}
.navbar-collapse { padding-right:0px; }
.nav>li {border-bottom: solid 1px #e4e4e4;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top: 30px;}
#top {background-color: rgba(0,0,0,0.8);}
.navbar-default .navbar-toggle .icon-bar {background-color: #888;}
.navbar-nav { float:none; }
.login-con { background-image:none; margin-top:10px; }	
.login-con h2 { float:left; width:49% }
#form-container { margin-top:10px; }
.steps .no { margin-left:0px; }
.left-side { background-image:url(../images/left-sha2.jpg); background-position: left bottom;}
.prev-bt, .next-bt {width: inherit; background-image:none;} 

.mobile-number { width:226px;}
.pad-right-left { padding-left:0px; padding-right:0px; }
.navbar-collapse { padding-left:0px;position: absolute; width:100%; background-color:#ea4343; z-index:9999;top: -20px; }
.navbar-default .navbar-nav>li>a { color:#FFF; font-size: 18px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.active {border-bottom: solid 0px #e4e4e4;color:#FFF; }
.steps .stitle {font-size: 13px;padding-left: 5px;}
a.add-bt { float:none; }
.login-bt {padding: 0px 10px;margin-left: 10px;}
.form-control {
    margin-bottom: 0;
}
#form-detalis{padding-right:0px;}
a.add-bt2 { float:right; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.selectboxit-container .selectboxit { overflow:inherit;}
.form-control {
    margin-bottom: 0;
}
}

@media only screen and (min-width: 64.063em)
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none!important;
	.form-control {
    margin-bottom: 0;
}
}

/* Extra small */
@media (min-width: 320px) and (max-width:480px) {
.cst_dailog{width:auto !important}
	.container-980-wrp,.container-1200-wrp{ width: 100%;}
	.captchaimg{margin-top:3%}
	.row{ margin: 0px;}
	.cntryd{padding:11% !important}
	.middle-container-wrp{ margin-top: 35px;}
	p.left-big-txt{ font-size: 24px; line-height: 24px;}
	p.left-small-title{ font-size: 16px;}
	.remit-cta-wrp{ margin-top: 20px;}
	.remit-cta-wrp a {
    font-size: 12px;
    padding: 7px 12px;
    text-align: center;
    margin: 0px 0px 10px;
    background-image: url(../images/trans-black.png);
    display: block;
    width: 100%;	
	
}
	
	.container-fluid {
    width: 100%;
    padding: 0px;
}
	
.header {
    width: 100%;
    margin-top: 15px;
    padding: 0px 15px;
}	
	
	.red-bg{ position: relative; height: auto; padding: 0px 0px 0px;}	
	.red-form-container{ padding: 20px 0px;}
	.icon-wrp {width: 100%;margin-bottom: 10px;}
	.desc-wrp{ padding-bottom: 20px;}
	
	.form-control{ margin-bottom: 10px;}
	.icon-wrp span {
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 15px 0px 15px 52px;
    /* background-size: 55px; */
    display: block;
    background-size: 50px;}
	
	.top-icon-wrp {
    width: 100%;
    padding: 10px 0px;
    border-bottom: 2px solid rgba(255,255,255,0.5);
    margin-bottom: 10px;
}
	
	p.dws-title{ font-size: 18px;}
	p.big-dws{ font-size: 28px; line-height: 30px;}
	
	.logo { margin-left:0px; }
	
.navbar-toggle { position:absolute; right:-10px; top:-50px;}	
.navbar { min-height:0px; }
.navbar-nav { text-align:center; margin:0px;}
.navbar-collapse { padding-right:0px; }
.nav>li {border-bottom: solid 1px #e4e4e4;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top: 30px;}
#top {background-color: rgba(0,0,0,0.8);}
.navbar-default .navbar-toggle .icon-bar {background-color: #888;}
.navbar-nav { float:none; }
.login-con { background-image:none; margin-top:10px; }	
.login-con h2 { float:left; width:49% }
#form-container { margin-top:10px; }
.steps .no { margin-left:0px; }
.left-side { background-position: left bottom;min-height: 0px;}
.prev-bt, .next-bt {width: inherit; background-image:none; float: left;margin-left: 0%;
} 

.mobile-number { width:226px;}
.pad-right-left { padding-left:0px; padding-right:0px; }
.navbar-collapse { padding-left:0px;position: absolute; width:100%; background-color:#ea4343; z-index:9999;top: -20px; }
.navbar-default .navbar-nav>li>a { color:#FFF; font-size: 18px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.active {border-bottom: solid 0px #e4e4e4;color:#FFF; }
.steps .stitle {font-size: 13px;padding-left: 5px;}
a.add-bt { float:none; }
a.add-bt2 { float:right; }
.login-bt {padding: 0px 10px;margin-left: 10px;}

#search-list .search-table table tr td { width:100%; display:block;  text-align:center; border-bottom: solid 2px #e4e4e4; }
#search-list .search-table table tr td:nth-child(1),#search-list .search-table table tr td:nth-child(4),#search-list .search-table table tr td:nth-child(6) { width:100%; }
#search-list .search-table table tr td a { display:inline-block; padding:10px; border:none;}

#search-list3 .search-table3 table tr td { width:100%; display:block;  text-align:center; border-bottom: solid 2px #e4e4e4; }
#search-list3 .search-table3 table tr td:nth-child(1),#search-list .search-table table tr td:nth-child(4),#search-list .search-table table tr td:nth-child(6) { width:100%; }
#search-list3 .search-table3 table tr td a { display:inline-block; padding:10px; border:none;}
#search-list3 .search-table3 table tr td:nth-child(4) { width:100%; }
/* .tbl-res{overflow:scroll;} */

#search-list2 .search-table2 table tr th{border: 1px solid #e4e4e4; font-size:11px;}
#search-list1 .search-table1 table tr th{border: 1px solid #e4e4e4;}

.tbl-res table thead {display:block;float:left;width:50% !important;}
.tbl-res table tbody { display:block;float:left;width:50% !important;}
.tbl-res table tr {width: 100% !important;display: table;}
.tbl-res table thead tr th,.tbl-res table tbody tr td {display:block;width: 100% !important;height: 80px;}

.tbl-prev table thead {display:block;float:left;width:50% !important;}
.tbl-prev table tbody { display:block;float:left;width:50% !important;}
.tbl-prev table tr {width: 100% !important;display: table;}
.tbl-prev table thead tr th {display:block;width: 100% !important;height: 90px;}
.tbl-prev table tbody tr td {display: table;width: 100% !important;height: 90px;}

.scanned-copy{text-align:left;}

.new-btn{margin-top:4%;}

.word-v-new{margin-left:0;}

.dob{width: 100%;}

.mdl-dg{width:auto;}

.tbl-transaction tr td,.tbl-transaction tr th
{display:block;}

#datepicker1, #datepicker2, #datepicker3{width:100%;}

.wrapper tr td{display:block;}

.verification p{text-align:left; width : 90%}

.download{float:none;margin-top: 2%; padding:0px;}

.trans-con{width : 94%}

.login-left-pic{display:none;}

.login-bt2{display: inherit;}

.transfer-details{display:none;}

.contact-details{display:none;}


footer{padding: 10px 0 10px;}

.beneficiary-tbl{width:100%;}

.login-form h2
{
	padding:0px;    
	display: inline-block;
    padding-top: 45px;
    padding-left: 65px;
    border-bottom: solid 1px #ffffff;
}

.sel_wrap_post, .tx_wrap {
    margin: 10px 0;
}

.sel_pd {
    padding: 10px 0;
}

.transaction-details{padding-top: 10px;padding-left: 15px;padding-right: 15px;}

.no-padding
{    
padding-left: 20px;
padding-right: 20px;
}

.login-form h2{padding-top: 20px;padding-bottom: 20px;}

.person-infomation{min-height: 100px;}

.modal-content{min-height:100%;}	

.bord-grey{padding-top: 0px; border-top: 1px solid #fff;}

.form-group .mr-r-20{margin-left: 4%;}
	
#forex-main-wrp{height:auto;}	

.form-control {
    margin-bottom: 0;
}
.wd-35{width:auto;}
.wd-88{width:auto;}

#form-detalis{padding-right:0px; padding-top:15px;}
.unlock{padding: 0 8%}
.xs{padding-left:0}
.transaction-details1{padding-left: 0px;}

.closed-beneficiary{top:5px;}

a.add-bt2{float:right;}
#form-detalis .control-label.passfield a{width:46%;}
.login-form{margin: 15px;width:100%}

.login-form h2{margin-left: 0; padding : 0;}
.mb_left{margin-left: 10% !important;}

.mr-t-10{margin-top:10px;}

.scroller-table{width: 87%;}

#day_box, #month_box, #year_box {
    width: auto;
}
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
	#day_box, #month_box, #year_box{width:16%;}
	.cst_dailog{width:auto}
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
	#day_box, #month_box, #year_box{width: 100%;}
}


@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  {
	  #day_box, #month_box, #year_box{width: 100%;}
  }
  
  
      /* Portrait*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	
	#day_box, #month_box, #year_box{width: 100%;}
  }

  @media screen and (max-width:599px){
    #form-detalis.col-md-8 {padding-right:15px;}

    /* .prev-bt, .next-bt {width:100%;float:none;} */
    #form-detalis h3 {font-weight: 700;}
    .clbtn {width:25px;}
    table#currentYearTxn {padding: 12px 0;border-collapse: separate;}
    .tbl-transaction td {padding: 3px 0px !important;}
.mobi-view {margin-right: 0;}
.login-form.extra-min-height-400 {margin:0;}
.white-bg {    padding-bottom: 20px;}
.p-15 {padding:15px 20px}

.transaction-details {padding-left:15px;padding-right:15px;}
.mob-color {color:#303030 !important;}
}

 @media screen and (max-width:379px){
    .personal-detail-form a[data-tooltip]:before {left:0;margin-left: -100px;}
    .download-section {position: absolute;right: 20px;top: 10px;text-align: right;width: 100%;}
    .download-section a {padding: 10px 10px;}
    
    #form-detalis h3 {
    font-size: 16px;
    max-width: 220px;
    width: auto;
    display: inline-block;
}
#form-detalis h3 + a {display: inline-block;vertical-align: top;;}
 }