@media (max-width:1024px) {
	html, body {
    	overflow-x: hidden;
	}
	
	form.search-form {
    	width: 100%;
    	order: 2;
	}
	input.search-field  {
		width: 100%;
	}
	form.search-form label {
    	width: 100%;
	}
	.site-branding {
        order: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
	
	.site-header {
    	position: relative;
	}
	button.menu-toggle {
        position: absolute;
        top: 25px;
        right: 10px;
        padding: 0px;
        border: 0px;
        background: #ffffff00;
        cursor: pointer;
    }
    	.brandingtop {
    		flex-wrap: wrap;
	}
	#site-navigation {
    		width: 100%;
	}

	.iconmenu {
	    display: inline-block;
	    width: 30px;
	    position: relative;
	    margin-bottom: 5px;
	}
	.iconmenu span {
	    width: 100%;
	    height: 2px;
	    background: #333;
	    display: block;
	    line-height: 1;
	    border-radius: 4px;
	}
	.iconmenu span:nth-child(2) {
	    margin-top: 5px;
	    margin-bottom: 5px;
	}
	.menu-toggle .text-menu {
	    display: block;
	    width: 100%;
	    color: #333;
	    font-size: 10px;
	    position: relative;
	    line-height: 1;
	    text-transform: uppercase;
	}
	#primary-menu {
    		display: none;
	}
	.box-counter {
	    position: relative;
	    width: 100%;
	    margin-top: 30px;
	    border-radius: 10px;
	}
	.topbar{
		display: none;
	}
	.actions-area {
    		display: none;
	}
	.left-experience-section {
		padding-top: 0px;
	}
	.experience-section .img-small {
    		display: none;
	}
	.experience-section .img-large {
	    width: 100%;
	    border-radius: 10px;
	}
	.experience-section .img-large img {
	    border-radius: 10px;
	    border-width: 0px;
	}
	.experience-section {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.left-experience-section {
    		margin-bottom: 30px;
	}
	.right-experience-section h3 {
    		font-size: 30px;
	}
	.right-experience-section h3 b {
    	font-size: 30px;
	}
	.right-experience-section p {
	    margin-top: 10px;
	    margin-bottom: 15px;
	}
	.title-dg h2 {
	    font-size: 20px;
	    line-height: 1.3;
	    text-align: center;
	}
	.title-dg {
    	text-align: center;
	}
	.title-dg h5 {
	    text-align: center;
	    margin: auto;
	    font-size: 14px;
	    padding: 8px 10px;
	}
	.title-dg {
    	margin-bottom: 20px;
	}
	.meta-project {
    	padding: 15px;
	}
	.meta-project h3 {
	    font-size: 20px;
	    margin-top: 5px;
	}
	.dgkhdg {
    	padding: 40px 0 40px;
	}
	.testimonial-main-slider {
	    padding: 20px;
	    border-radius: 10px;
	}
	.space16 {
	    height: 5px;
	}
	.testimonial-main-slider .pera {
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	}
	.testimonial-main-slider .pera {
	    font-size: 15px;
	    line-height: 1.6;
	}
	.testimonial-main-slider .images .text .ebonyswihart {
    	font-size: 20px;
	}
	.tvdvmdds {
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
        padding-top: 30px;
        padding-bottom: 30px;
    	}
	.blogsfa {
    	padding: 10px;
	}
	.vl-btn6 {
		padding: 10px 14px;
		font-size: 15px;
	}
	.vl-blog-1-icon {
	margin-top: 15px;
	margin-bottom: 15px;
	}
	.footer_cl {
    	margin-bottom: 45px;
	}
	.footer-ab {
    	margin-bottom: 0px;
	}	
	.meta_item_dv {
	padding: 20px;
	}
	.vl-blog-1-icon {
    	text-align: center;
	}
	.ent-dots {
	    flex-wrap: nowrap;
	    overflow: auto;
	    justify-content: flex-start;
	}
	.ent-dots .btndot {
    	min-width: 80px;
	}
	.left-post h1 {
    	font-size: 24px;
	}
	.logo-brand img {
    	max-width: 50%;
	}
	.post_item img {
	    min-width: 150px;
	    height: 100px;
	    object-fit: cover;
	}
	.info-ca-pt p {
    	display: none;
	}
	.info-ca-pt h2 {
    	font-size: 18px;
	}
}