.navbar-toggler-children {
	position: absolute;
	right: 30px;
	top: 16px;
	z-index: 2;
	width: 60px;
	background: transparent;
	border: 0;
	padding: 0;
	display: none;
}
.navbar-toggler-children .toggler-icon {
	height: 32px;
	display: block;
	background: url("../img/icon/nav-item-down.svg") right center no-repeat ;
}
.navbar-toggler-children .toggler-icon.active {
	background: url("../img/icon/nav-item-up.svg") right center no-repeat ;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.services-box .services-box-icon {
		width: 60px;
		height: 60px;
		font-size: 32px;
		line-height: 60px;
		border-radius: 22px;
	}
	.about-us-box-text {
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.navbar-brand {
		width: 100px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
	.navbar,
	.navbar .flex-col-100 {
		padding-left: 0px;
		padding-right: 0px;
	}
	nav.popheader div.site-title .flex-col-33:nth-child(2) {
		padding: 0px;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	nav.popheader div.site-title .flex-col-33:nth-child(1),
	nav.popheader div.site-title .flex-col-33:nth-child(3) {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.nav-item {
		padding: 0.313rem 0.438rem;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.top-content {
		padding: 180px 0;
	}
	.section-description p {
		padding: 0;
	}
	.services-box .services-box-icon {
		width: 50px;
		height: 50px;
		font-size: 26px;
		line-height: 50px;
		border-radius: 18px;
	}
	.about-us-box {
		margin-top: 80px;
	}
	.about-us-box:last-child {
		margin-top: 50px;
	}
	.about-us-box-text {
		padding-right: 0;
		text-align: center;
	}
	.more-services-box .more-services-box-icon {
		width: 50px;
		height: 50px;
		font-size: 26px;
		line-height: 50px;
		border-radius: 18px;
	}
	.portfolio-box h3:hover i {
		padding-left: 10px;
	}
	.blog-box h3:hover i {
		padding-left: 10px;
	}
}

@media (max-width: 767px) {
	body {
		overflow-x: hidden;
	}
	.scroll-none {
		overflow: hidden !important;
	}
	.head-navbarNav {
		position: absolute;
		left: 0;
		right: 0;
		top: 50px;
		z-index: 999999999;
	}
	.navbar-toggler-children {
		display: block;
	}
	.nav-item.login-item {
		margin-bottom: 1rem;
	}
	.nav-item.get-item a,
	.nav-item.login-item a {
		text-align: center !important;
		border-radius: 6px;
		padding: 16px 20px 10px 20px !important;
		border: 2px solid #2D3A3A !important;
	}
	.navbar-dark .navbar-toggler {
		border-color: transparent;
	}
	.navbar-dark .navbar-toggler:focus {
		background: transparent;
		outline: 0;
	}
	.nav-item {
		padding: 0 1rem;
	}
	.nav-item.login-item,
	.nav-item.get-item  {
		padding: 0 1.4rem;
	}
	#navbarNav ul li a {
		font-size: 22px;
		line-height: 26px;
		color: #4F4F4F;
		font-weight: 600;
		text-align: left;
		border-bottom: 1px solid #D1D6D1;
		padding: 18px 7px 12px 7px;
		margin-top: 0 !important;
	}
	
	.navbar {
		padding: 1.25rem 0!important;
	}
	.navbar-nav {
		padding-bottom: 26px;
		height: calc(100% - 90px);
		overflow: auto;
	}
	.navbar-collapse  {
		background: rgb(224, 228, 224);
		height: calc(100vh - 50px);
	}
	.navbar-dark .navbar-toggler-icon {
		background-image: unset;
	}
	.navbar-toggler[aria-expanded="false"] .custom-nav-icon {
		background-image: url("../img/navbar.svg") ;
	}
	
	.navbar-toggler[aria-expanded="true"] .custom-nav-icon {
		background-image: url("../img/icon/close.svg") ;
		width: 1.2rem;
	}

	.sub-menu {
		display: none;
		opacity: 1;
		visibility: visible;
		position: static;
		width: 100%;
		transform: translateX(0);
		background: transparent;
		box-shadow: none;
		padding-top: 0;
		padding-left: 1rem;
		border-bottom: 1px solid #D1D6D1;
		margin-bottom: 20px;
	}
	.sub-menu li a {
		border: 0 !important;
		font-size: 20px !important;
    	line-height: 22px !important;
	}

	.has-children:hover .sub-menu {
		display: none;
	}

	.nav-item.login-item {
		margin-top: auto;
	}

	.coming-soon {
		top: 55px;
	}

	.marekt-saving-account .info-btn {
		margin-left: 0;
	}

	.card-account .flex-row .flex-col-50:nth-child(1) img {
		margin-right: 0px;
	}
	
	.card-account .flex-row .flex-col-50:nth-child(2) img {
		margin-left: 0px;
	}
	
	.top-content {
		padding: 140px 0;
	}
	.top-content .top-big-link {
		margin-top: 25px;
	}
	.top-content .top-big-link a.btn {
		margin-top: 10px;
	}
	.section-description p {
		padding: 0;
	}
	.services-container {
		padding-bottom: 60px;
	}
	.services-box {
		text-align: center;
	}
	.services-box h3 {
		margin-top: 20px;
		padding-top: 10px;
	}
	.about-us-box {
		margin-top: 80px;
	}
	.about-us-box:last-child {
		margin-top: 50px;
	}
	.about-us-box-text {
		padding-right: 0;
		text-align: center;
	}
	.more-services-box {
		text-align: center;
	}
	.more-services-box h3 {
		margin-top: 20px;
		padding-top: 10px;
	}
	.portfolio-box {
		text-align: center;
	}
	.portfolio-box-image {
		max-width: 540px;
		margin: 0 auto;
	}
	.blog-box {
		text-align: center;
	}
	.blog-box-image {
		max-width: 540px;
		margin: 0 auto;
	}
	.blog-box h3 {
		margin-top: 30px;
	}
	.footer-right {
		padding-top: 10px;
		text-align: center;
	}
	.footer-bottom {
		padding-top: 20px;
	}
	nav.popheader div.site-title .flex-col-33:nth-child(1) {
		display: none;
	}
	nav.popheader div.site-title .spotcontent {
		font-size: 0.9rem;
		line-height: 1.2rem;
	}
	.navbar .flex-box {
		justify-content: space-between;
	}
	nav.popheader div.site-title .flex-col-33:nth-child(2) {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	nav.popheader div.site-title .flex-col-33:nth-child(3) {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	nav.popheader div.site-title .flex-col-33:nth-child(3) .learn-more {
    line-height: 32px;
    padding: 0.375rem 0.5rem 0 0.5rem;
	}
	.security-section {
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.security-item {
		margin-top: 30px;
		max-width: 90%;
	}
	.for-tooltip i {
		font-size: 12px !important;
	}
}

/* Retina-ize images/icons */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
	/* logo */
	/*.navbar-brand {
    	background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 136px 39px !important;
    }*/
}

@media (min-width: 1500px) {
	.hide-in-large {
		display: none;
	}
}