/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {

}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.login-title h3 {
	margin-right: 60px;
}
.widget-qr a img {
	max-width: 86px;
}   
    
 .footer-btn a {
	font-size: 12px;
}   
    
   .footer-btn a img {
	max-width: 20px;
} 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.site-logo {
	margin-right: 40px;
	display: flex;
	align-items: center;
}
    

.widget-qr a img {
	max-width: 86px;
}   
    
 .footer-btn a {
	font-size: 12px;
}   
    
   .footer-btn a img {
	max-width: 20px;
} 
      
  .widget-fl {
	flex-wrap: wrap;
}  
 .account-section {
	width: auto;
}   
    
    
    
    
    
    
    
    
    
    
    
    
    
}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
.site-logo {
	margin-right: 0px;
	display: flex;
	align-items: center;
}
    

.widget-qr a img {
	max-width: 86px;
}   
    
 .footer-btn a {
	font-size: 12px;
}   
    
   .footer-btn a img {
	max-width: 20px;
} 
      
  .widget-fl {
	flex-wrap: wrap;
}  
  .header-logo {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.site-logo img {
	margin-right: 20px;
	max-width: 34px;
}   
    
   .heder-loho-r a {
	font-size: 18px;
} 
    
.header-text {
	margin-right: 0px;
	justify-content: center;
}  
 .header-text a {
	font-size: 20px;
}   
  .login-all {
	padding: 10px 20px;
}  
    
 .login-title p {
	font-size: 12px;
	margin-bottom: 0;
}   
 .login-title h3 {
	font-size: 18px;
	margin-right: 13px;
	margin-bottom: 0;
}   
    
 .login-from input {
	height: 40px;
}   
 .login-from button {
	height: 40px;
}   
 .widget-fl {
	flex-wrap: wrap;
	display: block;
}   
 .single-widget {
	margin-bottom: 30px;
}   
.account-section {
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
}
    
 .account-title h3 {
	font-size: 20px;
}   
 .account-btn a {
	margin: 0 0px;
}   
    
 .stap-area {
	width: auto;
}   
 .single-stap {
	width: 33.33%;
}   
    
 .single-stap a {
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 20px;
}   
 .single-stap a img {
	right: -81px;
	max-width: 75px;
}   
  .single-stap p {
	font-size: 12px;
}  
 .verification-section {
	width: auto;
}   
 .verification-title {
	margin-bottom: 20px;
}
    
.verification-input {
	margin-bottom: 35px;
}  
    
 .modal-body {
	padding: 30px;
}   
    
    
    
    
    
    
    
    

}





/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

 
}