@media (min-width: 1600px){
	.container{
		max-width: 1440px;
	}
	div.kali-main-menu  {
	    max-width: 1320px;
	}

	.has-sidebar .page-content-wrapper,
	.has-sidebar div#primary {
	    width: calc(70% - 15px);
	}
	.has-sidebar .kali-sidebar,
	.has-sidebar div.secondary {
	    width: calc(30% - 15px);
	    display: inline-block;
	}
}
@media (max-width: 1399px){
	.kali-main-menu {
	    width: auto;
	    margin-left: 15px;
	}
}
@media (max-width: 1024px){
	.navbar-brand {
	    margin-right: auto;
	}
	a.navbar-toggler {
	    display: inline-block;
	    cursor: pointer;
	    margin-right: 10px;
	}
	.kali-main-menu a.navbar-toggler {
		position: absolute;
	    right: 15px;
	    top: 10px;
	    margin-right: 0px;
	}

	a.navbar-toggler span.bar {
	    width: 20px;
	    height: 2px;
	    background-color: #000;
	    display: block;
	    margin: 5px 0;
    	transition-delay: 0.4s;
	}
	/*------------------
	when transparent
	---------------------*/
	body.single-layout1 .site-header .kali-default-header a.navbar-toggler span.bar, 
	.kali-default-header.is-transparent a.navbar-toggler span.bar{
	    background-color: #fff;
	}
	body.single-layout1 .site-header .kali-default-header .kali-main-menu a.navbar-toggler span.bar, 
	.kali-default-header.is-transparent .kali-main-menu a.navbar-toggler span.bar{
	    background-color: #000;
	}
	/*------------------
	when sticky
	---------------------*/
	body.single-layout1 .site-header .kali-default-header.is-sticky a.navbar-toggler span.bar, 
	.kali-default-header.is-sticky a.navbar-toggler span.bar{
	    background-color: #000;
	}

	/*------------------
	sticky end
	---------------------*/
	a.navbar-toggler.active span.bar:first-child {
	    transform: rotate(45deg) translate(5px, 5px);
	}
	a.navbar-toggler.active span.bar:last-child {
	    transform: rotate(-45deg) translate(5px, -5px);
	}
	a.navbar-toggler.active span.bar:nth-child(2) {
	    transform: translateX(-50%);
	    opacity: 0;
	}
	.kali-main-menu {
	    position: absolute;
	    top: 0%;
	    left: 0;
	    right: 0;
	    padding: 40px 30px;
	    height: 100vh;
	    width: 0px;
	    background-color: #fff;
	    display: flex;
	    justify-content: flex-start;
	    align-items: center;
	    opacity: 0;
	    visibility: hidden;
	    transition: all 0.4s ease-in-out;
	    margin-left: 0;
    	z-index: 1;
	}
	.kali-main-menu.show {
	    width: 400px;
	    padding: 40px 20px;
	    background-color: #fff;
	    opacity: 1;
	    visibility: visible;
	    box-shadow: 4px 5px 30px 0 rgba(0, 0, 0, 0.1);
	}
	.kali-main-menu li.menu-item a {
	    color: #000;
	    display: block;
	    width: 100%;
    	background-color: transparent;
	}
	.kali-main-menu li.menu-item a:hover,
	.kali-main-menu li.menu-item.current-menu-item a {
		color: #69acff;
	}
	.kali-main-menu ul.navbar-nav {
	    flex-direction: column;
	}

	.kali-main-menu li {
		margin: 5px 0;
		flex-wrap: wrap;
	}
	.site-header .kali-default-header nav.navbar ul.navbar-nav>li.menu-item>a:before,
	.site-header .kali-default-header nav.navbar ul.navbar-nav>li.menu-item>a:after{
		display: none;
	}
	ul.sub-menu {
	    position: relative;
	    box-shadow: none;
	    border: 0;
	    width: 100%;
	    left: 0;
	    max-height: 0px;
	    transform: translateY(0px);
	    padding: 0px 10px;
	    overflow: hidden;
	}
	.navbar-nav li.menu-item-has-children:hover>a + ul.sub-menu{
	    max-height: 400px;
	    opacity: 1;
	}
	ul.sub-menu li {
	    width: 100%;
	    padding: 5px 0;
	    background-color: transparent;
	}

	ul.sub-menu li a {
	    padding: 0;
	    border: 0;
	}

	ul.sub-menu ul.sub-menu {
	    left: 0px;
	    padding-bottom: 0px;
	}
	.container{
		max-width: 100%;
		padding: 0 20px;
	}
 	/*-----------------------------
	elementor column align
	------------------------------*/
	.column-align-left>.elementor-container,
	.column-align-right>.elementor-container{
		margin: 0 auto;
	}
}
@media (max-width: 767px){
	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: 14px;
	}
 	h1 {
	    font-size: 30px;
	}
	h2{
		font-size: 28px;
	}
 	h3{
		font-size:24px;
	}
	h4{
		font-size:20px;
	}
	h5{
		font-size:18px;
	}
	h6{
		font-size:16px;
	}
	input,
	select{
		height: 45px;
	}
	input[type="submit"]{
		height: auto;
	}
	/*----------------------
	header
	------------------*/
	.site-header .kali-default-header {
	    padding: 20px 5px;
	}
	.navbar-brand img.custom-logo {
	    width: 45px;
	}
	.mini-cart {
	    margin-left: 10px;
	}
	.navbar-nav li.menu-item-has-children a {
	    pointer-events: none;
	}
	/*---------------
	404
	------------------*/
	.error-404.not-found .page-header {
	    width: 100%;
	    max-width: 100%;
	}
	.error-404.not-found h1.page-title {
	    font-size: 30px;
	    margin-bottom: 10px;
	}
	/*-----------------
	button
	--------------------*/
	a.blog-btn, 
	.btn,
	button,
	input[type="file"] {
	    font-size: 13px;
	    padding: 12px 20px;
	}
	a.link{
	    font-size: 13px;
	    padding: 0px;
	}

	.contact-form-custom .form-group {
	    margin-bottom: 25px;
	}
	.blog-content-wrapper .blogs {
		margin: 0 ;
	}
	.contact-form-custom .form-inline .form-group {
	    width: calc(100% - 0px);
	}
	section.blog .post {
	    padding: 0;
	    background-color: transparent;
	}
	.widget {
	    margin: 0 0 30px 0;
	}
	div.site-content .col-8,
	div.site-content .col-4 {
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.post-count, .form-filter {
	    width: calc(100% - 0px);
	}
	.post-count p, .form-filter form {
	    float: inherit;
	}
	.kali-woocommerce-breadcrumb {
	    margin-bottom: 50px;
	}
	.widget .widget-title {
	    font-size: 18px;
	}
	.widget ul.product_list_widget li img {
	    width: 90px;
	}
	/*---------------------
	blog single
	-------------------*/
	main.site-main {
	    margin: 60px 0px;
	}
	.entry-header h1 {
	    font-size: 26px;
	}
	ul.single-pagination-bar {
	    flex-wrap: wrap;
	}
	article.comment-body {
	    padding: 20px 30px 20px 80px;
	}
	ul.single-pagination-bar li {
	    width: calc(100% - 0px);
	}
	ul.single-pagination-bar li:first-child {
	    margin-bottom: 20px;
	}
	/*------------------------
	gutenberg
	---------------------*/
	.alignwide {
	    margin-left: 0;
	    margin-right: 0;
	    margin-top: 50px;
	    margin-bottom: 50px;
	}
	/*------------------
	sidebar
	----------------*/
	.has-sidebar .kali-sidebar, 
	.has-sidebar div.secondary,
	.has-sidebar .page-content-wrapper, 
	.has-sidebar div#primary {
	    width: calc(100% - 0px);
	    display: inline-block;
	}
	.has-sidebar div#primary {
	    margin-bottom: 50px;
	}
	section.breadcumb-section .title-banner-wrapper {
	    flex-wrap: wrap;
	}
	.col-2 .blog-content-wrapper .post,
	.col-3 .blog-content-wrapper .post ,
	.col-4 .blog-content-wrapper .post  {
	    width: 100%;
	    padding: 0;
	}
}
@media (max-width: 575px){
	.kali-main-menu.show {
	    width: 100%;
	}
	.kali-main-menu {
	    justify-content: center;
	}
	.kali-default-header nav.navbar ul.navbar-nav {
	    text-align: center;
	}
	.off-canvas-cart .shopping-list-wrap {
	    width: 90%;
	}
	.widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a img {
	    width: 70px;
	}
	.search-icon .search-container {
	    position: fixed;
	    width: 90%;
	    right: 5%;
	    top: 81px;
	}
	body.logged-in .search-icon .search-container {
	    top: 127px;
	}
	.search-icon svg,
	.kali-default-header.is-sticky .mini-cart a svg, .mini-cart a svg  {
	    width: 16px;
	}
	.mini-cart {
	    margin-left: 10px;
	    margin-right: 15px;
	}

	.card.list figure {
	    width: 100%;
	    min-width: 100%;
	}
	.card.list figure + .list-content-wrap {
		width: 100%;
		padding-left: 0px;
	}
}