@media screen and (min-width: 1200px) and (max-width: 1400px) {
}


/*FOR-TABLATE-START*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	
.menu-btn {
  	display: block;
}

.main-nav {
	display: none;
}

.sidebar-menu {
	display: block;
}
	
/*=laptop=*/
}

/*FOR-MOBIL-START*/
@media screen and (max-width: 767px) {
.container {
  padding: 0 15px;
}

.header-main {
	grid-template-columns: 40% auto;
	column-gap: 20px;
}

.header-left {
	grid-template-columns: 100%;
}

.header-right {
	grid-template-columns: 100%;
}

.menu-btn {
  	display: block;
}

.main-nav {
	display: none;
}

.sidebar-menu {
	display: block;
}

.hdeader-darkmode2 {
	display: none;
}

.header-btn2 {
	display: none;
}

.logo-text a {
	font-size: 12px;
}

.dropdown-menu2 li {
	font-size: 11px;
}

.dropdown-menu2 li {
  	padding: 6px 10px;
}

.dropdown-input2 {
	font-size: 12px;
}

.logo-text {
	display: flex;
	column-gap: 6px;
}

.header-dropdown {
  grid-template-columns: 37% auto;
}

.header-btn a {
	padding: 8px 40px;
	margin-top: 10px;
}

.dropdown2-max1 {
  max-width: 70px;
}

.hdeader-darkmode3 {
	margin-top: 30px;
}

.hero-main {
	grid-template-columns: 100%;
	row-gap: 30px;
}

.hero-right-btm-side {
	grid-template-columns: 100%;
	padding: 30px 20px;
	row-gap: 30px;
}

.hero-right-btm-side ul {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	row-gap: 10px;
}

.hero-right-middle1 {
	padding: 30px 20px;
}

.hero-right-btm-side {
	text-align: center;
}

.right-bg-item {
	padding: 30px 20px;
	margin: 0;
}


/*=mobil=*/
}