/*@media screen and (min-width: 1200px){
	.container { max-width: 1135px; }
}*/
@media screen and (max-width: 1199px){
	.header-area nav ul li { font-size: 16px; }
	.header-area nav ul li.dropdown .dropdown-menu .title h4 { font-size: 16px; }
	.header-area nav ul li.dropdown .dropdown-menu .menu-item h5 { font-size: 16px; }
	.deposite-funds .main-area table td, .deposite-funds .main-area table th {
		font-size: 15px;
	}
	.deposite-funds ul li {
		font-size: 30px;
		line-height: 50px;
	}
	.deposite-funds .main-area table tr th {
		font-size: 16px;
		line-height: 20px;
	}
	.deposit-fund-btn {
		height: 40px;
		line-height: 38px;
	}
	.deposite-funds .main-area table tr td figure { max-width: 100px; }
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info p {
		font-size: 16px;
		line-height: 20px;
	}
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info ul li {
		font-size: 16px;
		line-height: 20px;
	}
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info {
		margin-bottom: 20px;
	}
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info h6 {
		font-size: 16px;
		line-height: 24px;
	}
	.banner-info h1 {
		font-size: 65px;
		line-height: 75px;
	}
	.banner-info p {
		font-size: 25px;
		line-height: 30px;
	}
	.main-area .heading h2 {
		font-size: 40px;
		line-height: 50px;
	}
	.account-info .title h3 {
		font-size: 40px;
		line-height: 50px;
	}
	.account-info .table-area table tr th {
		font-size: 18px;
		line-height: 23px;
	}
	.account-info .table-area table tr td {
		font-family: 'MyriadProRegular';
		font-size: 13px;
		line-height: 16px;
		color: #4D4D4D;
		padding: 10px 15px;
	}
	.account-info .table-area { padding: 35px 30px 5px 30px; }
	.open-account-info p {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 15px;
	}
	.open-account-info ul li {
		font-size: 14px;
		line-height: 18px;
		padding-left: 50px;
	}
	.open-account .title .open-account-link { font-size: 22px; }
	.banner-info { max-width: 540px; }
	main { padding: 50px 0; }
	.main-area .heading { margin-bottom: 50px; }
	.account-info .title { padding: 30px 15px 25px 15px; }
	.open-account-info { padding: 20px 30px 30px 30px; }
	main { padding: 35px 0; }
	.balance-area h2 {
		font-size: 38px;
		line-height: 50px;
		margin-bottom: 50px;
	}
	.balance-area p {
		font-size: 15px;
		line-height: 50px;
	}
	.balance-area figure { max-width: 400px; }
	.balance { padding: 65px 0 75px 0; }
	.intro { padding: 75px 0 50px 0; }
	.intro-area h3 {
		font-size: 40px;
		line-height: 50px;
	}
	.intro-area p {
		font-size: 21px;
		line-height: 40px;
	}
}
@media screen and (max-width: 991px){
	.banner { margin-top: 86px; }
	.header-area nav { padding: 5px 0 !important; }
	.header-area nav ul { margin: 10px 0; }
	.header-area nav ul li a {
		padding: 5px 10px !important;
		margin-right: 0;
		border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	.header-area nav ul li {
		font-size: 14px;
		line-height: 24px;
		margin-right: 0;
	}
	.header-area nav ul li .dropdown-menu .menu-item ul li ul li  { margin-right: 10px; }
	.header-area nav ul li.dropdown .dropdown-menu .title { border-top: 1px solid #1D3951; }
	.row { height: initial; }
	.table td, .table th { padding: .5rem; }
	.deposite-funds .main-area table tr td figure { max-width: 80px; }
	.deposit-fund-btn a { padding: 0 10px; }
	.deposite-funds .main-area table td, .deposite-funds .main-area table th { font-size: 13px; }
	.deposite-funds .main-area table tr th {
		font-size: 13px;
		line-height: 18px;
	}
	.deposite-funds ul li {
		font-size: 25px;
		line-height: 40px;
	}
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info p {
		font-size: 14px;
		line-height: 18px;
	}
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info ul li {
		font-size: 14px;
		line-height: 18px;
	}
	.deposite-funds .main-area .withdraw-info-wrap { padding: 10px 0; }
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info h6 {
		font-size: 14px;
		line-height: 22px;
	}
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info { margin-bottom: 15px; }
	.top-head-area .user-area ul li { font-size: 12px; }
	.header-area nav ul li.dropdown .dropdown-menu .title h4 {
		font-size: 14px;
		line-height: 20px;
	}
	.header-area nav ul li.dropdown .dropdown-menu .title { padding: 10px 15px; }
	.header-area nav ul li.dropdown .dropdown-menu .menu-item h5 { font-size: 14px; }
	.header-area nav ul li.dropdown .dropdown-menu .menu-item ul li {
		font-size: 12px;
		line-height: 25px;
	}
	.header-area nav ul li.dropdown .dropdown-menu .menu-item {
		padding-left: 15px;
		padding-bottom: 10px;
	}
	.live-acc-btn {
		font-size: 12px;
		height: 30px;
		line-height: 28px;
	}
	.open-acc-btn {
		font-size: 12px;
		height: 30px;
		line-height: 28px;
	}
	.menu-item figure { max-width: 150px; }
	.claim-offer-btn {
		font-size: 12px;
		height: 30px;
		line-height: 28px;
	}
	.menu-item figure {
		max-width: 100px;
		min-height: 80px;
	}
	.header-area nav ul li.dropdown .dropdown-menu .menu-item p {
		font-size: 12px;
		line-height: 16px;
	}
	.banner-info h1 {
		font-size: 50px;
		line-height: 65px;
	}
	.banner-info p {
		font-size: 18px;
		line-height: 24px;
	}
	.main-area .heading h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.account-info .title h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.account-info .table-area table tr th {
		font-size: 16px;
		line-height: 20px;
	}
	.banner-info { max-width: 415px; }
	.account-info .table-area { padding: 30px 20px 5px 20px; }
	.open-account-info ul li { background-size: 15px; }
	.open-account-info p { margin-bottom: 10px; }
	.open-account-info ul li { margin-bottom: 8px; }
	.open-account .title .open-account-link {
		font-size: 20px;
		line-height: 25px;
	}
	.open-account-info { padding: 20px 20px 20px 20px; }
	.balance-area h2 {
		font-size: 28px;
		line-height: 40px;
		margin-bottom: 30px;
	}
	.balance-area p {
		font-size: 14px;
		line-height: 30px;
	}
	.balance-area figure { max-width: 400px; }
	.balance { padding: 65px 0 75px 0; }
	.intro { padding: 50px 0; }
	.intro-area h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.intro-area p {
		font-size: 15px;
		line-height: 30px;
	}
}
@media screen and (max-width: 767px){
	.header-area nav ul li.dropdown .dropdown-menu .menu-item h5 {
		padding-left: 20px;
	}
	.header-area nav ul li.dropdown .dropdown-menu .menu-item ul {
		padding-left: 20px;
	}
	.header-area nav ul li.dropdown .dropdown-menu .menu-item {
		padding-left: 0;
		padding-bottom: 20px;
	}
	.deposite-funds .main-area table tr td figure { max-width: 50px; }
	.deposite-funds ul li {
		font-size: 16px;
		line-height: 25px;
	}
	.deposite-funds .main-area table td, .deposite-funds .main-area table th { font-size: 9px; }
	.deposit-fund-btn a { padding: 0 3px; }
	.deposit-fund-btn {
		height: 30px;
		line-height: 28px;
	}
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info p {
		font-size: 12px;
		line-height: 15px;
	}
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info h6 {
		font-size: 12px;
		line-height: 20px;
	}
	.deposite-funds .main-area .withdraw-info-wrap .withdraw-info ul li {
		font-size: 12px;
		line-height: 15px;
		background-size: 15px;
		padding-left: 27px;
	}
	.deposite-funds .main-area table tr th {
		font-size: 10px;
		line-height: 18px;
	}
	.top-head-area .info p {
		font-size: 11px;
		line-height: 15px;
	}
	.banner-info h1 {
		font-size: 40px;
		line-height: 50px;
	}
	.banner-info p {
		font-size: 16px;
		line-height: 20px;
	}
	.banner-info { max-width: 350px; }
	.main-area .heading h2 {
		font-size: 25px;
		line-height: 30px;
	}
	.account-info .title h3 {
		font-size: 25px;
		line-height: 30px;
	}
	.account-info .title p {
		font-size: 16px;
		line-height: 20px;
	}
	.account-info .table-area { padding: 30px 15px 5px 15px; }
	.open-account-info { padding: 15px 15px 15px 15px; }
	.open-account .title p {
		font-size: 14px;
		line-height: 20px;
	}
	.open-account-info ul li { padding-left: 40px; }
	.account-info { margin-bottom: 30px; }
	.open-account { margin-bottom: 45px; }
	.balance-area figure {
		max-width: 350px;
		margin-top: 40px;
		margin-right: auto;
	}
	.balance { padding: 50px 0; }
	.intro-area h3 { font-size: 25px; }
	.intro-area p { font-size: 14px; }
	.table td, .table th {
		padding: .25rem;
	}
}
@media screen and (max-width: 575px){
	.banner > figure img {
		width: 575px;
		/* height: 152px; */
		max-width: initial;
	}
	.deposite-funds .main-area table td, .deposite-funds .main-area table th { min-width: 110px; }
	.header-area nav > a figure { max-width: 100px; }
	.top-head-area .info p span:first-child { display: none !important; }
	.banner.classic { margin-top: 75px; }
	.banner-info h1 {
		font-size: 30px;
		line-height: 40px;
	}
	.banner-info p {
		font-size: 14px;
		line-height: 20px;
	}
	.banner-info { max-width: 255px; }
	.main-area .heading h2 {
		font-size: 20px;
		line-height: 25px;
	}
	.account-info .title h3 {
		font-size: 20px;
		line-height: 25px;
	}
	.account-info .title p {
		font-size: 14px;
		line-height: 18px;
	}
	.main-area .heading { margin-bottom: 40px; }
	.account-info .title { padding: 20px 15px 15px 15px; }
	.balance-area h2 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.balance-area figure { max-width: 200px; }
	.intro { padding: 35px 0; }
	.intro-area h3 {
		font-size: 17px;
		line-height: 30px;
	}
}
@media screen and (max-width: 339px){
	.top-head-area .user-area ul li.dropdown { display: none; }
}