﻿@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1280px;
	}
}

@media all and (max-width: 992px) {
	.offcanvas-header {
		display: block;
	}
	.mobile-offcanvas {
		visibility: hidden;
		transform: translateX(-100%);
		border-radius: 0;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 1200;
		width: 80%;
		overflow-y: scroll;
		overflow-x: hidden;
		transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
		background-color: #fff !important;
	}
	.breadcrumbs {
		margin-top: 56px;
	}
	.header-vrg .navbar-vrg {
		height: 100%;
	}
	.header-vrg .navbar2{
		background: #fff;
		box-shadow: 0 -2px 5px #8a8a8a;
	}
	.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
		margin-left: 0;
	}
	.btn-reg {
		text-align: center;
	}
	.cal-number {
		font-size: 26px;
	}
	html:lang(ar) .mobile-offcanvas {
		transform: translateX(100%);
	}

	.mobile-offcanvas.show {
		visibility: visible;
		transform: translateX(0);
	}

	.nav-cont {
		display: block !important;
		padding-right: auto !important;
		padding-left: auto !important;
	}
	.dropdown-menu {
		border: none;
	}
	.nav-item {
		border-bottom: 1px solid #eaeaea;
	}
}

@media (max-width: 1368px){
	.statistics {
		margin-bottom: 14px;
	}
	.table-vr th, .table-vr td {
		padding: 10px;
		border: 2px solid #0000001a;
	}
	.section {
		padding: 30px 0;
	}
	.section-testimonial .thumb {
		padding-top: 76%;
	}
}

@media (min-width: 768px){
	.navbar-toggle {
		display: none;
	}
}

@media (max-width: 768px){
	.table-data {
		overflow: scroll;
	}
	.table-vr {
		margin: 1px;
	}
	.logo-img {
		max-width: 99px;
	}
}

@media (max-width: 479px){
	.section_padding {
		padding: 30px 0;
		margin-top: -1px;
	}
	.main-menu {
		background: #00000094;
		padding: 10px 0;
	}
	.main-menu .navbar-brand {
		padding: 10px 0;
		margin: 0;
	}
	.main-menu .logo {
		max-width: 160px;
	}
	.main-menu .nav-item {
		border-bottom: 0;
	}
	.main-menu .navbar-nav {
		background: #000000e8;
    	padding: 10px 20px;
		align-items: end !important;
		position: absolute;
		left: 0;
		right: 0;
		top: 68px;
	}
	.main-menu .navbar #navbarNavDropdown ul.navbar-nav li.nav-item {
		margin-left: 0;
	}
	.main-menu .navbar #navbarNavDropdown ul.navbar-nav li.nav-item a.nav-link {
		font-size: 16px;
		line-height: 1.3;
	}
	.main-menu .button-1 {
		height: auto;
		width: auto;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: rgb(255 255 255);
	}
	.banner {
		padding:300px 0 90px;
		height: 100vh;
	}
	#page .banner {
		padding: 60px 0 0;
		height: auto;
	}
	.banner .hero-area .banner-content h1.head {
		margin: 15px 0 25px 0;
		font-size: 48px;
	}
	.compare {
		margin-top: -10px;
		z-index: 3;
	}
	.fature .text {
		font-size: 16px
	}
	.invest {
		font-size: 28px;
		padding: 10px;
		margin: 10px 0;
	}
	.fature.text-main p {
		font-weight: 600;
	}
	.fature.text-main p,.fature .list-items .item {
		color: #d1dea8;
	}
	.package-item.p-3{
		padding: 10px !important;
	}
	.package-item .name h3 > span {
		font-size: 22px;
		width: 36px;
		height: 36px;
		text-align: center;
		background: #ffffff1a;
		display: inline-block;
		line-height: 36px;
		border-radius: 99px;
		color: #d1dea0;
	}
	.package-item .description p {
		font-size: 18px;
		margin: 0;
	}
	.package-item .avatar {
		min-width: 60px;
	}
	.package-item .avatar img {
		width: 26px;
	}
	#pack_2 .package-item .avatar img, #pack_4 .package-item .avatar img, #pack_5 .package-item .avatar img {
		width: 36px;
	}
	.package-item .description h4, .package-item .description p > span {
		line-height: 1.3;
		font-weight: 400;
		color: #fff;
	}
	#home_compare_coin .owl-stage,#home_partners_slider .owl-stage {
		right: 20px;
	}
	#home_compare_coin.owl-carousel .owl-item img {
		width: 48px;
		height: 52px;
	}
	#home_compare_coin.owl-carousel .owl-item .me-1 img {
		width: 18px;
		height: 18px;
	}
	.compare .coin-box .compare-box .single {
		margin: 30px 0;
		padding: 10px;
	}
	.compare .coin-box .compare-box .single h4.lasthead {
		font-size: 16px;
	}
	.home_partners .list-partners .item {
		margin-bottom: 35px;
		padding: 0 15px;
	}
	.home_partners .list-partners img {
		filter: grayscale(0);
		opacity: 1;
		transition: all 0.2s linear;
		cursor: pointer;
	}
}
