/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1400px){
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px){ 
	.sticky-header .navbar-expand-lg .navbar-nav .nav-link, .sticky-header .navbar-expand-lg .navbar-nav .nav-link:hover{
		font-size: 10px;
		padding: 7px 7px;
	}
	.logo img {
    	max-width: 164px;	
	}
	.sticky-header .navbar-expand-lg .navbar-nav .memberlogin{
		padding: 9px 7px;
	}
	.sticky-header .navbar-expand-lg .navbar-nav li::after, .sticky-header .navbar-expand-lg .navbar-nav li:hover::after {
		width: 15px;
		height: 15px;
	}
	.about-content,
	.whatweoffer-content{
		text-align: center;
		padding: 42px 120px 0px;
	}
	.about-content img {
	    width: 480px;
	}
	.carousel-caption p{
		font-size: 18px;
		line-height: 30px;
	}
	.carousel-caption h1 {
	    font-size: 26px;
	}
	.banner-btn-block a img{
		width: 130px;
	}
	#aboutus,
	#whatweoffer,
	#remittanceforms,
	#faq,
	#footer,
	#bottom-bar{
		padding: 50px 0px;
	}
	.about-content p {
	    font-size: 15px;
	}
	.whatweoffer-content img {
    	width: 540px;
	}
	.sechead{
		font-size: 27px;
	}
	.small-text {
	    font-size: 15px;
	}
		.sendbtn{
		width: 120px;
		height: 44px;	
		line-height: 44px;
		font-size: 16px;
		margin-top: 15px;
	}
	.wizard-inner .nav-tabs span.text-link {
	    font-size: 16px;
	   }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){
	.navbar-light .navbar-toggler{
		color: #0a0e78;
	}
	.sticky-header .navbar-expand-lg .navbar-nav li{
		max-width: 160px;
		width: 100%;
		margin: 0 auto;		
	}
	.sticky-header{
		background: #fff;
	}
	.sticky-header .navbar-expand-lg .navbar-nav .nav-link, .sticky-header .navbar-expand-lg .navbar-nav .nav-link:hover{
		color: #000000;
		max-width: 170px;
		margin: 0 auto;		
		text-align: center;
	}
	.member{
		text-align: center;
	}
	.navbar-nav{
		margin: 0 0 15px 0;
	}
	.carousel-item,
	.inner-banner{
		min-height: 540px;
	}
	#aboutus,
	#whatweoffer,
	#remittanceforms,
	#faq,
	#footer,
	#bottom-bar{
		padding: 40px 0px;
	}
	.sechead{
		font-size: 25px;
		line-height: 50px;	
	}
	.about-content p,
	.whatweoffer-content p{
		font-size: 15px;
		line-height: 23px;
		margin-bottom: 20px;		
	}	
	.about-content,
	.whatweoffer-content{
		text-align: center;
	}
	.about-content img,
	.whatweoffer-content img{
		width: 485px;
	}
	.about-content{
		padding: 22px 100px 0px;
	}
	.whatweoffer-content {
		padding: 30px 100px 15px;
	}
	.small-text{
		font-size: 13px;
	}
	.sidehead {
	    font-size: 22px;
	    margin-bottom: 10px;
	}
	.mbt{
		margin-top: 70px;
	}
	.accordion .card .btn-link{
		padding: 10px 0;
		margin:0px;text-align: left;
		font-size: 16px;
	}
	.accordion .card .card-body{
		font-size: 0.875rem;
		line-height: 21px;		
	}
	.address-sec-map img{
		width: 100%;
	}
	.sendbtn{
		width: 120px;
		height: 44px;	
		line-height: 44px;
		font-size: 16px;
		margin-top: 15px;
	}
	.foot-nav li a, .bottom-bar p {
	    font-size: 13px;
	}
	.logo img{
		width: 180px;
	}
	.carousel-caption h1 {
	    font-size: 28px;
	}
	.carousel-caption p{
		font-size: 18px;
		line-height: 24px;
	}
	.banner-btn-block a img{
		width: 120px;
	}
	.disp-mob{
 	 display: block;
 	 padding-right: 20px;
	}
	.disp-desk{
		display: none;
	}
		.exchange-block, .remitt-block{
		min-height: 230px;
		padding: 30px 20px;
		margin-bottom: 15px;
	}
	.exchange-block h2, .remitt-block h2 {
	    font-size: 26px;
	    line-height: 26px;
	}
	.remitt-block p{
		font-size: 15px;
		line-height: 23px;
	}	
	.wizard-inner .nav-tabs span.text-link {
	    font-size: 12px;
	}

}
/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
@media (min-width: 0px) and (max-width: 767px){
	.logo img{
   		max-width: 130px;
    	width: 100%;
  	}
  	.sticky-header .navbar-expand-lg .memberlogin{
  		font-size: 10px;
		padding: 11px 7px;	
  	}
  	
	.sticky-header .navbar-expand-lg .navbar-nav .nav-link, .sticky-header .navbar-expand-lg .navbar-nav .nav-link:hover{
		color: #ffffff;
		max-width: 170px;
		margin: 0 auto;		
		text-align: center;
	}  	
	.sticky-header .navbar-expand-lg .navbar-nav li{
		max-width: 160px;
		width: 100%;
		margin: 0 auto;		
	}
	.carousel-caption p{
		font-size:16px;
		padding: 0px 20px;
		line-height: 28px; 
	}
	.carousel-caption h1{
		font-size: 24px;
		line-height: 32px;
	}  
	.banner-btn-block a img{
		width: 120px;
	}		
	.navbar-light .navbar-toggler{
		color: #0a0e78;
	}
	.navbar-nav{
		background: #fff;
		margin: 0 0 15px 0;
	}
	.sticky-header{
		background: #fff;
	}
	.sticky-header .navbar-expand-lg .navbar-nav .nav-link, .sticky-header .navbar-expand-lg .navbar-nav .nav-link:hover{
		color: #000;
		background: #fff;
	}
	.carousel-control-prev, .carousel-control-next{
		top: inherit;
		bottom: 100px;
	}
	.carousel-control-prev {
	    left: 38%;
    }
    .carousel-control-next {
    	right: 38%;
	}
	.carousel-item{
		min-height: 540px;
	}
	.sechead{
		font-size: 25px;
		line-height: 50px;	
	}	
	#aboutus,
	#whatweoffer,
	#remittanceforms,
	#faq,
	#footer,
	#bottom-bar{
		padding: 30px 0px;
	}
	.about-content,
	.whatweoffer-content {
	    padding: 22px 0px 0px;
	}
	.about-content p,
	.whatweoffer-content p,
	.small-text{
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.mbt{
  		margin-top: 30px;
  		margin-bottom: 40px;
	}
	.accordion .card .btn-link{
		padding: 10px 0;
		margin:0px;text-align: left;
		font-size: 16px;
	}
	.sendbtn{
		width: 120px;
		height: 44px;	
		line-height: 44px;
		font-size: 16px;
	}
	.disp-mob{
  display: block;
}
	.disp-desk{
		display: none;
		padding-right: 14px;
	}
	.login-container .card{
		padding: 30px 20px;
	}
	.btn-jc{
		width: 106px;
		height: 40px;
		line-height: 40px;
		font-size: 17px;		
	}
	.login-container .card h2 {
	    font-size: 21px;
	}
	.exchange-block, .remitt-block{
		min-height: 230px;
		padding: 30px 20px;
		margin-bottom: 15px;
	}
	.exchange-block h2, .remitt-block h2 {
	    font-size: 26px;
	    line-height: 26px;
	}
	.remitt-block p{
		font-size: 15px;
		line-height: 23px;
	}
	.wizard .nav-tabs > li{
		width: 100%;
	}
	.wizard-inner .nav-tabs span{
		padding: 10px 0px;
	}	
	.wizard li a .round-tab::before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 3px;
		height: 80%;
		top: -20px;	
	}
	.wizard li a .round-tab::after {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 3px;
		height: 80%;
		top: 30px;	
	}
	.wizard-inner .nav-tabs .nav-link.active, .wizard-inner .nav-tabs .nav-link{
		margin-bottom: 10px;
	}
	.wizard-inner .nav-tabs .nav-item:last-child .round-tab::before,
	.wizard-inner .nav-tabs .nav-item:last-child  .round-tab::after,
	.wizard-inner .nav-tabs .nav-item:last-child span.round-tab{ 
		display: none;
	}
	.wizard .tab-pane{
		padding-top: 0px;
	}
		.tab-content{
		margin-top: 15px;
	}
		.nav-tabs .nav-link.active, .nav-tabs .nav-link{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 17px;
	}

}
@media (min-width: 0px) and (max-width: 576px){
	.carousel-caption p{
		font-size:14px;
		padding: 0px 20px;
		line-height: 24px; 
	}
	.carousel-caption h1{
		font-size: 20px;
		line-height: 26px;
	}
	.banner-btn-block a img{
		width: 120px;
	}
	.carousel-item{
		min-height: 540px;
	}
	.foot-nav li a, .bottom-bar p {
		font-size: 11px;
	}
	.login-container .card.verificationblock .form-group .form-control{
		width: 35px;
		height: 56px;	
		margin: 0px 0px;
	}	
	.innerhead h1{
		font-size: 27px;
	}
	.innerhead p {
	    font-size: 12px;
	}
	.exchange-block, .remitt-block{
		min-height: 230px;
		padding: 30px 20px;
		margin-bottom: 15px;
	}
	.exchange-block h2, .remitt-block h2 {
	    font-size: 26px;
	    line-height: 26px;
	}
	.remitt-block p{
		font-size: 15px;
		line-height: 23px;
	}
	.nav-tabs .nav-item{
		width: 100%;
	}


}