@media(max-width:1600px){ 
	:root{
		--padding:90px;
	} 
	.f100,.bottom-layer> span{
		font-size: 90px;
	}
	.f75{
		font-size: 70px;
	}
	h1,.f70{
		font-size: 65px;
	}
	h2,.f60{
		font-size: 55px;
	}
	h3,.f40{
		font-size: 36px;
	}
	h4,.f35{
		font-size: 32px;
	}
	h5,.f30{
		font-size: 27px;
	}
	h6,.f26{
		font-size: 24px;
	}
	.f22{
		font-size: 21px;
	}
	.f20{
		font-size: 19px;
	}
	.f18{
		font-size: 17px;
	}
	p,.f16,li,.btn{
		font-size: 15px;
	} 
	.mb-30{
		margin-bottom: 25px;
	}
	.mb-40{
		margin-bottom: 35px;
	}
	.mb-50{
		margin-bottom: 45px;
	}
	.mb-60{
		margin-bottom: 50px;
	}
	.mb-70{
		margin-bottom: 60px;
	}
	.gap-100{
		gap: 90px;
	}
	.gap-80{
		gap: 70px;
	}
	.gap-60{
		gap: 50px;
	}
	.gap-55{
		gap: 45px;
	}
	.gap-50{
		gap: 40px;
	}
	.gap-40{
		gap:35px;
	}
	.gap-30{
		gap:25px;
	}
	.gap-25{
		gap:20px;
	}
	.client-reviews h2 {
	    padding: 104px 0 207px;
	}
}
@media(max-width:1400px){  
	:root{
		--padding:80px;
		--margin:-15px;
		--body: 15px;
	} 
	.f100,.bottom-layer> span{
		font-size: 80px;
	}
	.f75{
		font-size: 65px;
	}
	h1,.f70{
		font-size: 60px;
	}
	h2,.f60{
		font-size: 50px;
	}
	h3,.f40{
		font-size: 33px;
	}
	h4,.f35{
		font-size: 28px;
	}
	h5,.f30{
		font-size: 26px;
	}
	h6,.f26{
		font-size: 22px;
	}
	.f22{
		font-size: 20px;
	}
	.f20{
		font-size: 18px;
	}
	.f18{
		font-size: 16px;
	}
	p,.f16,li,.btn{
		font-size: 15px;
	} 
	.mb-30{
		margin-bottom: 20px;
	}
	.mb-40{
		margin-bottom: 30px;
	}
	.mb-50{
		margin-bottom: 40px;
	}
	.mb-60{
		margin-bottom: 45px;
	}
	.mb-70{
		margin-bottom: 55px;
	}
	.gap-100{
		gap: 80px;
	}
	.gap-80{
		gap: 60px;
	}
	.gap-60{
		gap: 45px;
	}
	.gap-55{
		gap: 40px;
	}
	.gap-50{
		gap: 35px;
	}
	.gap-40{
		gap:30px;
	}
	.gap-30{
		gap:20px;
	}
	.gap-25{
		gap:15px;
	}
	.container.p-0{
		padding-inline: 0;
	}
	.development-process{
		margin: 0;
	}
	.menu-main-menu-container ul{
		gap: 20px;
	}
	.main-nav .logo {
	    padding-right: 40px;
	    margin-right: 40px; 
	}
	.process-wrap img {
	    width: 169px;
	}
}
@media(max-width:1199px){  
	:root{
		--padding:70px;
	} 
	.f100,.bottom-layer> span{
		font-size: 70px;
	}
	.f75{
		font-size: 60px;
	}
	h1,.f70{
		font-size: 55px;
	}
	h2,.f60{
		font-size: 45px;
	}
	h3,.f40{
		font-size: 28px;
	}
	h4,.f35{
		font-size: 26px;
	}
	h5,.f30{
		font-size: 24px;
	}
	h6,.f26{
		font-size: 21px;
	}
	.f22{
		font-size: 19px;
	}
	.f20{
		font-size: 17px;
	}
	.f18{
		font-size: 15px;
	}
	p,.f16,li,.btn{
		font-size: 14px;
	} 
	.mb-30{
		margin-bottom: 15px;
	}
	.mb-40{
		margin-bottom: 25px;
	}
	.mb-50{
		margin-bottom: 35px;
	}
	.mb-60{
		margin-bottom: 40px;
	}
	.mb-70{
		margin-bottom: 45px;
	}
	.gap-100{
		gap: 60px;
	}
	.gap-80{
		gap: 50px;
	}
	.gap-60{
		gap: 40px;
	}
	.gap-55{
		gap: 35px;
	}
	.gap-50{
		gap: 30px;
	}
	.gap-40{
		gap:25px;
	}
	.gap-30{
		gap:15px;
	}
	.stats .col-4{
		grid-template-columns: repeat(2, 1fr);
	}
	.solutions .col-4{
		grid-template-columns: repeat(3, 1fr);
	}
	.stats-content,.stats-wrap>div:nth-of-type(4){
		justify-content: center;
	}
	.logo-wrap {
	    padding: 30px;
	    flex-direction: column;
	    gap: 20px;
	}
	.logo-wrap hr {
	    width: 100%;
	    height: 1px; 
	}
	ul.tech-list-icon li div { 
	    padding: 17px;
	}	
	.technologies-list .search-wrap {
	    max-width: 80%;
	    width: 569px; 
	    padding: 18px 85px 18px 43px; 
	}
	.footer-logo {
	    max-width: 366px; 
	}
	.stats-wrap >div:not(:last-of-type){
		border: none;
	}
	.industry-outer>div:not(:nth-of-type(4n)) {
	    border-right: none;
	}
	.industry-outer>div:not(:nth-of-type(3n)) {
	    border-right: 1px solid #ccc;
	}
	.industry-outer>div:nth-of-type(3)~div {
	    border-top: 1px solid #ccc;
	}
	a.contact-btn{
		display: none;
	}
}
@media(max-width:991px){ 
	:root{
		--padding:65px;
	}  
	.f100,.bottom-layer> span{
		font-size: 60px;
	}
	.f75{
		font-size: 55px;
	}
	h1,.f70{
		font-size: 50px;
	}
	h2,.f60{
		font-size: 40px;
	}
	h3,.f40{
		font-size: 25px;
	}
	h4,.f35{
		font-size: 24px;
	}
	h5,.f30{
		font-size: 22px;
	}
	h6,.f26{
		font-size: 20px;
	}
	.f22{
		font-size: 18px;
	}
	.f20{
		font-size: 16px;
	}
	.f18,ul.menu-links li a{
		font-size: 15px;
	}
	p,.f16,li,.btn{
		font-size: 14px;
	} 
	.mb-30{
		margin-bottom: 15px;
	}
	.mb-40{
		margin-bottom: 20px;
	}
	.mb-50{
		margin-bottom: 30px;
	}
	.mb-60{
		margin-bottom: 35px;
	}
	.mb-70{
		margin-bottom: 40px;
	}
	.gap-100{
		gap: 50px;
	}
	.gap-80{
		gap: 45px;
	}
	.gap-60{
		gap: 35px;
	}
	.gap-55{
		gap: 30px;
	}
	.gap-50{
		gap: 25px;
	}
	.gap-40{
		gap:20px;
	}
	.gap-30{
		gap:15px;
	}
	.main-nav .logo{
		padding: 0 25px 0 0;
		margin: 0;
		border: none;
	}
	header a.btn.btn-secondary {
	    padding-inline: 24px;
	}
	.menu-main-menu-container ul li a{
		font-size: 13px;
	}
	.who-we-are .col-3-2,
	.services-list-wrap.col-2,
	.footer-bottom.col-2,
	.services-wrap .col-2,
	.form-wraps .col-2,
	.project-detail.d-grid.col-2{
		grid-template-columns: 1fr;
	}
	.solutions .col-4 ,
	.services-include.col-4,
	.services-tools .col-4{
        grid-template-columns: repeat(2, 1fr);
    }
	.project-delivered h2 span { 
	    font-size: 90px; 
	}
	.count-wrap {
	    padding: 18px 25px 20px; 
	}
	.services-list-wrap .left-content {
	    padding-right: 0;
	}
	.services .right-content img,
	.email{
		padding-top: 40px;
	}
	.services-list-wrap .left-content h3 { 
	    margin-bottom: 20px;
	}
	.technologies-we-work .tech-logos-text .swiper-slide { 
	    padding: 18px 20px 0;
	}
	ul.tech-list-icon { 
	    gap: 15px;
	}
	.technologies-list .search-wrap { 
        width: 449px;
        padding: 15px 65px 15px 35px;
    } 
    .technologies-list .search-wrap svg { 
	    right: 20px; 
	}
	.our-values .heading p {
	    padding-left: 0;
	}
	.industry-outer>div:not(:nth-of-type(3n)) {
	    border-right: none;
	}
	.industry-outer>div:not(:nth-of-type(2n)) {
	    border-right: 1px solid #ccc;
	}
	.industry-outer>div:nth-of-type(2)~div {
        border-top: 1px solid #ccc;
    }
    .process-wrap img {
        width: 140px;
    }
    .footer-top,.footer-center,.footer-bottom {
	    padding: 40px 0;
	}
	.client-reviews h2 {
        padding: 0px 0 207px;
    }
    .services-wrap{
    	padding: 25px;
    }
    .filters ul{
    	gap: 20px;
    }
    .filters ul li {
	    padding: 3px 21px; 
	}
	.contact-inner,.services-inner-wrap,.growth-inner,.project-stat {  
	    padding: 20px;
	}
	.img-social>img {
	    height: 34px;
	}
	.form-wraps :is(input:not([type="submit"]),select,textarea) { 
	    border-radius: 15px;
	    padding: 10px 23px; 
	    min-height: 52px; 
	    font-size: 15px;
	}
	.choose-inner{
		gap: 30px;
	}
	.porfolio .row>div {
	    padding-inline: 15px;
	    width: 50%;
	    max-width: 50%;
	}
}
@media(max-width:767px){  
	:root{
		--top-pad:100px;
	}
	.f100{
		font-size: 55px;
	}
	.f75{
		font-size: 50px;
	}
	h1,.f70{
		font-size: 45px;
	}
	h2,.f60{
		font-size: 35px;
	}
	h3,.f40{
		font-size: 23px;
	}
	h4,.f35{
		font-size: 21px;
	}
	h5,.f30{
		font-size: 20px;
	} 
	.f22{
		font-size: 17px;
	}  
	.mb-40{
		margin-bottom: 15px;
	}
	.mb-50{
		margin-bottom: 25px;
	}
	.mb-60{
		margin-bottom: 30px;
	}
	.mb-70{
		margin-bottom: 35px;
	}
	.gap-100{
		gap: 50px;
	}
	.gap-80{
		gap: 40px;
	}
	.gap-60{
		gap: 30px;
	}
	.gap-55,.project-delivered .gap-100{
		gap: 25px;
	}
	.gap-50{
		gap: 20px;
	}
	.gap-40{
		gap:15px;
	} 
	nav#site-navigation {
		display: none;
	    position: absolute;
	    top: 58px;
	    left: 0;
	    right: 0;
	    background-color: #fff;
	}

	nav#site-navigation ul {
	    padding: 15px;
	    flex-direction: column;
	    justify-content: flex-start;
	    display: flex;
	    text-align: left;
	    align-items: flex-start;
	}
    header a.btn.btn-secondary {
        padding-inline: 18px;
        padding-block: 10px;
    }
    .main-nav .logo a {
	    width: 165px;
	}
  	button.toggle-menu {
        display: block;
        border: none;
        background-color: #fff0;
        width: 40px;
        height: 40px;
        padding: 0;
        order: 10;
        margin-left: 10px;
    }
    button.toggle-menu svg{
    	width: 100%;
    	height: 100%;
    }
	.sources .col-2,
	.stats .col-4,
	.col-2-3,
	.col-3-2,
	.reviews-wrapper ,.blogs .col-2-1,
	footer .col-2,
	.mission-vission .col-2,
	.what-we-do .col-2,
	.services-list .col-2,
	.career-info .col-2,
	.contact-us .col-2,
	.contact-info .col-3,
	.what-happen .col-5,
	.growth-inner.col-2-22,
	.development-process.dark-bg .col-2,
	.services-tools .col-4,
	.choose-inner{
	    grid-template-columns: 1fr;
	}
	.blog-listing,
	.trusted-partner .col-5,
	.about-codmash .gap-100,
	.project-banner .col-4{
	    grid-template-columns: repeat(2,1fr);
	}
    ul.tech-list-icon{
    	grid-template-columns: repeat(4, 1fr);
    } 
    .stats-content {
        padding: 10px !important;
        justify-content: flex-start !important;
    }
	.stats-content img {
	    width: 40px;
	    flex: 40px 0 0;
	    height: 40px;
	}  
    .accordion-button {
        padding: 20px 70px 20px 30px;
    }
	.accordion-body {
	    padding: 0 30px 20px;
	}
	.blog-listing .mb-20{
		margin-bottom: 10px;
	}
	footer .button-wrap{
		justify-content: flex-start;
	}
	.footer-logo{
		margin-left: 0;
	}
	.footer-links {
		gap: 40px;
	}
	.footer-copyright {
	    display: flex;
	    flex-direction: column;
	    gap: 10px;
	    justify-content: center;
	    margin-left: 0;
	}
	.footer-copyright  *{
	    text-align: center !important;
	}
	ul.menu-links li+li {
	    margin-top: 5px;
	}
	.footer-logo {
        max-width: 276px;
    }
    .client-reviews h2 {
        padding: 0 0 137px;
    }
    .technologies-list .search-wrap {
        width: 339px;
        padding: 12px 65px 11px 35px;
    }
    .about-codmash .gap-100{
    	gap: 30px;
    }
    .mission-vission .our-value{
    	flex-direction: column;
    }
    .mission-vission .our-value>*,
    .listing-wraps .left-col,
    .listing-wraps .right-col,
    .post-content .post-left,
    .post-content .post-right,
    .form-wrap .left-form,
    .form-wrap .right-image{
    	width: 100%;
    }
    .form-wrap .left-form,
    .listing-wraps .left-col{
    	padding-right: 0;
    	padding-bottom: 30px;
    }
    .why-codmash-listing .listing-wrap img {
	    position: relative;
	    opacity: 1;
	    transform: unset;
	    inset: unset;
	}
	.why-codmash-listing .listing-wrap{
		padding-right: 0;
	}
	.post-content .container{
		flex-direction: column;
	}
	.post-content .post-right{
		padding-left: 0;
		order: -1;
	}
	.post-content .post-left{
		display: none;
	}
	.vacancy-table tbody>tr {
	    display: flex;
	    flex-direction: column;
	    border: none;
	}
	.vacancy-table tbody>tr td {
	    width: 100% !important;
	}
	.vacancy-table tbody>tr td+td {
	    padding-top: 0;
	}
	.vacancy-table tbody {
	    display: flex;
	    flex-direction: column;
	    gap: 10px;
	}
	.form-inner{
		padding: 20px;
	}
	.right-image {
	    aspect-ratio: 1 / 1.2;
	}
	.services-inner-wrap>*{
		width: 100% !important;
	}
	.services-inner-wrap p+p{
		margin-top: 10px;
	}
	.listing-wraps,.growth-inner{
		padding: 15px;
	}
	.process-wrap { 
	    border-radius: 20px;
	    padding: 20px ;
	}
    .project-banner .heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px !important;
    }
    .project-banner .heading *{
    	width: 100%;
    }
    ul.social-links{
    	justify-content: center;
    }
}

@media(max-width:575px){  
	.f100{
		font-size: 45px;
	}
	.f75{
		font-size: 38px;
	}
	h1,.f70{
		font-size: 32px;
	}
	h2,.f60{
		font-size: 28px;
	}
	h3,.f40{
		font-size: 22px;
	}
	h4,.f35{
		font-size: 20px;
	}
	h5,.f30{
		font-size: 19px;
	} 
	.f22,.accordion-button{
		font-size: 16px;
	} 
	.mb-50{
		margin-bottom: 20px;
	}
	.mb-60{
		margin-bottom: 25px;
	}
	.mb-70{
		margin-bottom: 30px;
	}
	.gap-100{
		gap: 40px;
	}
	.gap-80{
		gap: 30px;
	}
	.gap-60{
		gap: 20px;
	}
	.gap-55{
		gap: 18px;
	}
	.gap-50{
		gap: 16px;
	}
	.main-nav .logo{
		padding-right: 20px;
	}
	.logo-grid img {
	    aspect-ratio: 2 / 0.4;
	}
	.blog-listing,
	.our-values .right-col .col-2,  
	.project-delivered .col-3,
	.services-include.col-4{
		grid-template-columns: 1fr;
	}
	.count-wrap{
		border-radius: 20px;
		text-align: center;
	}
	.industry-wrap {
	    flex-direction: column;
	    align-items: center;
	    text-align: center;
	    gap: 10px;
	}
	.industry-wrap img {
	    height: 40px;
	}
	.reviews-right{
		padding: 20px;
	} 
    .accordion-button {
        padding: 15px 41px 15px 20px;
    }
	.accordion-body {
	    padding: 0 20px 15px;
	}
	.accordion-item{
		border-radius: 10px;
	}
	.accordion-button::before { 
	    right: 9px;
	    width: 17px; 
	}
	.accordion-button::after { 
	    right: 26px;
	    height: 17px; 
	}
    .client-reviews h2 {
        padding: 0 0 87px;
    }
    .technologies-list .search-wrap {
	    width: 100%;
	    max-width: 100%;
	    margin-top: 30px;
	    padding-left: 20px;
	} 
	.technologies-list .search-wrap span {
	    font-size: 16px;
	} 
	.swiper.tech-title {
	    width: calc(100% - 30px);
	}
	.list-wrap,.services-wrap{
		padding: 15px;
	}
	.bottom-layer{
		gap: 20px;
	}
	.services-inner-wrap .services-content ul { 
	    grid-template-columns:1fr; 
	}
	.what-we-do .top-layer{
		margin-bottom: 30px;
		padding-left: 0;
	}
}
@media(max-width:480px){
	.main-nav .logo a {
        width: 133px;
    }
    header a.btn.btn-secondary {
        padding-inline: 14px;
        padding-block: 10px;
    }
}