@media screen and ( max-width: 767px ) {
	body
	{
		font-size: 9px;
	}

	.sm-m-auto { margin: 0 auto; }
	.sm-ml-auto { margin-left: auto; }
	.sm-mr-auto { margin-right: auto; }
	
	.sm-mlr-0 { margin-left: 0 !important; margin-right: 0 !important; }

	.sm-mt-0 { margin-top: 0px; }
	.sm-mt-1 { margin-top: 10px; }
	.sm-mt-2 { margin-top: 20px; }
	.sm-mt-3 { margin-top: 30px; }
	.sm-mt-4 { margin-top: 40px; }
	.sm-mt-5 { margin-top: 50px; }
	.sm-mt-6 { margin-top: 60px; }
	.sm-mt-7 { margin-top: 70px; }

	.sm-mr-0 { margin-right: 0px; }
	.sm-mr-1 { margin-right: 10px; }
	.sm-mr-2 { margin-right: 20px; }
	.sm-mr-3 { margin-right: 30px; }
	.sm-mr-4 { margin-right: 40px; }
	.sm-mr-5 { margin-right: 50px; }
	.sm-mr-6 { margin-right: 60px; }
	.sm-mr-7 { margin-right: 70px; }

	.sm-ml-0 { margin-left: 0px; }
	.sm-ml-1 { margin-left: 10px; }
	.sm-ml-2 { margin-left: 20px; }
	.sm-ml-3 { margin-left: 30px; }
	.sm-ml-4 { margin-left: 40px; }
	.sm-ml-5 { margin-left: 50px; }
	.sm-ml-6 { margin-left: 60px; }
	.sm-ml-7 { margin-left: 70px; }

	.sm-mb-0 { margin-bottom: 0px; }
	.sm-mb-1 { margin-bottom: 10px; }
	.sm-mb-2 { margin-bottom: 20px; }
	.sm-mb-3 { margin-bottom: 30px; }
	.sm-mb-4 { margin-bottom: 40px; }
	.sm-mb-5 { margin-bottom: 50px; }

	.sm-plr-0 { padding: 0 0px !important; }
	.sm-plr-1 { padding: 0 10px; }
	.sm-plr-2 { padding: 0 20px; }
	.sm-plr-3 { padding: 0 30px; }
	.sm-plr-4 { padding: 0 40px; }
	.sm-plr-5 { padding: 0 50px; }

	.sm-p-0 { padding: 0 !important; }
	.sm-pt-0 { padding-top: 0px !important; }
	.sm-pt-1 { padding-top: 10px !important; }
	.sm-pt-2 { padding-top: 20px !important; }
	.sm-pt-3 { padding-top: 30px !important; }
	.sm-pt-4 { padding-top: 40px !important; }
	.sm-pt-5 { padding-top: 50px !important; }

	.sm-p-0 { padding: 0 !important; }
	.sm-pb-0 { padding-bottom: 0px !important; }
	.sm-pb-1 { padding-bottom: 10px !important; }
	.sm-pb-2 { padding-bottom: 20px !important; }
	.sm-pb-3 { padding-bottom: 30px !important; }
	.sm-pb-4 { padding-bottom: 40px !important; }
	.sm-pb-5 { padding-bottom: 50px !important; }

	.sm-text-left{ text-align: left !important; }
	.sm-text-center { text-align: center !important; }
	.sm-text-right { text-align: right !important; }

	.dark .sm-border-bottom { border-bottom: 1px solid #333; }
	.sm-border-bottom { border-bottom: 1px solid #ddd; }

	.sm-hide { display: none; }
	.sm-show { display: block; }

	.sm-c-70 { padding: 70px 0 }
	.sm-c-50 { padding: 50px 0;	}

	.sm-first-xs { order: -1; }

	.post-theme-2 .post .post-thumbnail
	{
		width: 100%;
		height: unset;
	}

	.cta .cta-content,
	.cta .cta-subscribe
	{
		padding: 55px 5%;
	}

	.cta .cta-content:before
	{
		transform: unset;
	}

	footer .trustpilot
	{
		text-align: left;
	}

}

/* Responsive Menu */

@media screen and ( max-width: 767px ) {

	.main-nav
	{
		height: 60px;
	}

	label
	{
	    position: absolute;
	    top: 50%;
	    right: 5%;
	    margin: 0 auto;
	    display: block;
	    width: 30px;
	    transform: translateY(-50%);
	    transition: 0.3s ease transform;
	    cursor: pointer;
	}

	label div
	{
	    width: 4px;
	    height: 4px;
	    background-color: #000;
	    margin-left: 0;
	    margin-bottom: 4px;
	    border-radius: 4px;
	    transition: 0.3s ease width, 0.3s ease margin-left, 0.3s ease margin-bottom, 0.3s ease background-color;
	}

	.dark label div
	{
		background-color: #fff;
	}

	label div:first-child
	{
	    width: 22px;
	}

	label div:nth-child(2)
	{
	    width: 15px;
	}

	label div:last-child
	{
	    width: 30px;
	    margin-bottom: 0;
	}

	#menu_checkbox:checked + label
	{
	    transform: translateY(-50%) rotateZ(-90deg);
	}

	#menu_checkbox:checked + label div
	{
	    width: 4px;
	    margin-left: 12px;
	    margin-bottom: 3px;
	    background-color: #fff;
	}

	.main-nav .logo img
    {
        height: 15px;
    }

	.main-nav.active .logo img
	{
		filter:  brightness(0) invert(1);
	}

	.main-nav .logo
	{
		z-index: 102;
	}

	.main-nav .menu-wrapper
	{
		z-index: 100;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		background: var(--primary);
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
		align-items: center;
		/*opacity: 0;*/
		visibility: hidden;
		overflow: hidden;
	    -webkit-transition: all .5s cubic-bezier(0.86, 0, 0.07, 1);
           -moz-transition: all .5s cubic-bezier(0.86, 0, 0.07, 1);
            -ms-transition: all .5s cubic-bezier(0.86, 0, 0.07, 1);
             -o-transition: all .5s cubic-bezier(0.86, 0, 0.07, 1);
                transition: all .5s cubic-bezier(0.86, 0, 0.07, 1);
	}

	.main-nav.active .menu-wrapper
	{
		display: flex;
	    align-items: center;
	    height: 100vh;
	    /*opacity: 1;*/
	    visibility: visible;
	    overflow: scroll;
	}

	.main-nav.active .burger
	{
		z-index: 103;
	}

	.main-nav .search .quick-links
	{
		display: none;
	}

	.main-nav .theme-mode .icon,
	.dark .main-nav .theme-mode .icon
	{
		position: absolute;
		top: 10px;
		right: 70px;
		border: 1px solid rgba(255, 255, 255, 0.5);;
	}

	.main-nav .theme-mode img
	{
		filter:  brightness(0) invert(1);
	}

	.main-nav .menu-wrapper .search-button
	{
		display: none;
	}

	.main-nav .menu-wrapper .search
	{
		width: 90%;
		margin-left: 0;
		display: block;
		margin-top: 80px;
	}
	.main-nav .search .search-input
	{
		width: 100%;
		opacity: 1;
		visibility: visible;
		position: relative;
		top: 0;
		right: 0;
		transform: unset;
		margin-bottom: 20px;
	}

	.main-nav .search .search-input input
	{
		background: #fff;
		border: none;
		height: 50px;
	}

	.main-nav .search svg path
	{
		fill: #000 !important;
	}

	.main-nav .search .search-input .trigger-search
	{
		background: #eee;
	}

	.main-nav .search .search-wrap
	{
		margin-right: 0;
	}

	.main-nav .menu-main-menu-container
	{
		width: 90%;
	}

	.main-nav .menu-main-menu-container ul
	{
		flex-direction: column;
		width: 100%;
	}

	.main-nav .menu-main-menu-container ul > li
	{
		margin: 0;
		font-size: 3.0em;
		text-transform: uppercase;
		color: #fff;
	}

	.main-nav .menu-main-menu-container ul > li > a
	{
		padding: 20px 0;
	}

	.main-nav .menu-wrapper .search .btn
	{
		display: none;
	}

	.post-theme-4 .bottom-posts .right-side
	{
		padding-left: 0.8rem;
		margin-top: 20px;
	}
	.post-theme-4 .bottom-posts .left-side
	{
		border-right: none;
	}

	.post-theme-4 .top-post
	{
		height: auto;
	}

		.post-theme-4 .top-post img
		{
			width: 100%;
			height: auto;
		}

	section.featured-posts .main-post .post-thumbnail img
	{
		height: auto;
	}

	.single-theme-1 .post .post-thumbnail
	{
		height: unset;
	}

	.single-posts aside
	{
		display: none;
	}

	.single-post-author .author-wrap
    {
    	flex-direction: column;
    }
    .single-post-author .author-avatar
    {
    	margin-bottom: 20px;
    }

    .main-nav .menu-main-menu-container ul li.menu-item-has-children ul
    {
		position: relative;
		top: 0;
		grid-template-columns: 1fr;
		padding-top: 0;
		box-shadow: none;
		display: none;
    }

    .main-nav .menu-main-menu-container ul li.menu-item-has-children:hover ul
    {
    	display: block;
    }

    .main-nav .menu-main-menu-container ul li.menu-item-has-children ul li a:before,
    .dark .main-nav .menu-main-menu-container ul li.menu-item-has-children ul li a:before
    {
    	color: rgba(255, 255, 255, .5);
    }

    .dark .main-nav .menu-main-menu-container ul li.menu-item-has-children ul,
    .main-nav .menu-main-menu-container ul li.menu-item-has-children ul
    {
    	background: none;
    	border: none;
    }
    .main-nav .menu-main-menu-container ul li.menu-item-has-children ul li
    {
    	padding: 10px 20px;
    }
    .main-nav .menu-main-menu-container ul li.menu-item-has-children ul li a
    {
    	padding: 5px 20px 5px 40px;
    }

    .main-nav .menu-main-menu-container ul > li:hover:after, .main-nav .menu-main-menu-container ul li:hover > a
    {
    	color: #fff;
    }

    .main-nav .menu-main-menu-container ul li.menu-item-has-children ul li.menu-bottom
    {
    	display: none;
    }

    .main-nav .menu-main-menu-container ul li.menu-item-has-children:after
    {
    	top: 20px;
    }

    .dark .main-nav .menu-main-menu-container ul li.menu-item-has-children ul li a p
    {
    	display: none;
    }

}