@media (max-width: 1200px) {
	.fixed-buttons {
		width: 960px;
	}
}

@media screen and (max-width: 800px){
	.company-page .section-reference .container {
		padding-bottom: 40px;
	}
	.company-page .section-team .team-slide .item {
		width: 100%;
		display: flex;
    	gap: 5px;
	}
	.company-page .section-team .grow img {
		width: 50%;
	}
	.company-page .history > .container .row.second {
		display: flex;
		flex-direction: column-reverse;
	}
	.fixed-yellow-btns .site-wrap {
		overflow-x: auto;
		scrollbar-width: 2px;
	    scrollbar-color: white black;
	}
	.fixed-yellow-btns .site-wrap .fixed-buttons {
		width: 450px;
	}
	
	.fixed-yellow-btns .site-wrap::-webkit-scrollbar {
	    height: 2px;
	}
	
	.fixed-yellow-btns .site-wrap::-webkit-scrollbar-thumb {
	    background-color: white;
	}
	
	.fixed-yellow-btns .site-wrap::-webkit-scrollbar-track {
	    background-color: black;
	}
	
	
    .contact-page h5{
        font-size:18px;
    }
    .text-title2-p{
        margin-top:20px;
    }
    #contactFormAdvanced{
        padding-right:0px;
    }
    body h1 {
        font-size: 34px;
    }
    .section2 .container .link-site a{
        font-size:14px;
    }
    body h4{
        font-size:25px;
    }
    body p{
        text-align:left;
    }
    #footer{
        padding:10px;
        box-sizing:border-box;
    }
    .page-top-img .col-md-6{
        width:100%;
    }
    .page-top-img{
        height: auto;
    }
    .container, .container-sm {
        max-width: 100% !important;
    }
    .row-bonus{
        flex-wrap:wrap;
    }
    .bonus-card{
        width:25%;
    }
    .info-team img{
        width:50%;
    }
    .header .container {
    	padding: 0;
    }
    .row-top-bar {
    	justify-content: space-between;
    	padding: 0 10px;
    }
    .box-contact1 {
	    width: 45%;
	    text-align: left;
	}
	.box-contact2 {
	    width: 45%;
	    text-align: right;
	}
	#top-bar a {
		margin-left: 0;
	}
	#header-row {
		height: 44px;
	}
	#header-row nav .wrapper {
		flex-direction: row;
	    justify-content: space-between;
	    display: flex;
	    padding: 0 0 0 10px;
	}
	.wrapper .nav-links {
		height: 100%;
		width: 80%;
		line-height: 0;
	}
	.wrapper .btn.close-btn {
		color: white;
		right: 10px;
	}
	.nav-links .drop-menu, .nav-links .mobile-item {
		display: none;
	}
	.nav-links .desktop-item {
		display: block;
	}
	.section-partners {
		width: auto;
		max-width: 100%;
		margin: 20px 10px;
	}
	.section-partners .container, .section-companies .container, .section-companies.background-dark .container {
		flex-direction: column;
		gap: 15px;
        padding:20px;
        padding-bottom:50px;
        bo-sizing:border-box;
	}
	.section-companies.background-dark .container {
		padding: 24px 12px;
	}
	.background-dark {
		padding-bottom: 0;
	}
	.section-partners .container .ref-logo, .section-partners .container .ref-info, .section-companies .container .company-logo, .section-companies .container .company-info {
		width: 100%;
	}
    .ref-logo img{
        width:50%;
    }
	#company-reference-carousel {
		margin-bottom: 10px;
	}
	.page-top-img {
		height: 220px;
	}
    .page-top-img img{
        /*height: 220px;*/
        float:left;
        width:100%;
        object-fit:contain;
    }
    .page-top-img {
        background: #000 !important;
/*        height: 380px;
*/        background-repeat: no-repeat;
        padding: 35px 0 0;
        color: #fff;
        object-fit: contain;
        background-position: top;
    }
	.section-top h1 {
		margin-bottom: 10px
	}
	.work-position {
		flex-direction: column;
	}
	.work-position .work-info, .work-position .work-firm-info {
		width: 100%;
	}
	.work-position .work-firm-info {
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 15px;
	    border-top-left-radius: 0;
	    border-bottom-left-radius: 15px;
	    padding: 5px;
	}
	.work-firm-logo {
		width: 40%;
	}
	.section-bonus {
		margin-top: 15px;
	}
	.section-contact > .container > .row {
		display: flex;
    	flex-direction: column-reverse;
	}
	.page-careers.application .section-careers .container {
	    display: flex;
	    gap: 40px;
	    flex-direction: column-reverse;
	}
	.team-slide .owl-item .item {
		display: flex;
		gap: 5px;
	}
	.grow .team-img-box, .grow .info-worker {
		width: 50%;
		height: auto;
	}
	.nav-logo {
		display: block;
		width: 70% !important;
    	background: white;
    	padding: 5px !important;
    	margin-left: 38px !important;
	}
	.nav-logo a {
		height: 100%;
	    width: 100%;
	    padding: 0;
	}
	#menu-btn:checked ~ .nav-links .empty-nav {
		display: block;
	}
	#menu-btn:checked ~ .nav-links .nav-social {
		display: block;
	}
	.header { 
		height: 90px;
	}
	main {
		margin-top: 90px;
	}
	.section-companies {
		width: calc(100% - 20px);
		margin: 15px 10px;
	}
	.section-companies .container {
		padding: 10px;
	}
    .work-position .work-appliaction{
        width:100%;
    }
}
@media screen and (max-width: 600px){
    .section-reference .owl-carousel .item img {
        height: auto;
    }
    .nav-links li {
        width: 100%;
    }
    .team-slide .item {
        /*width: calc(50% - 20px);*/
        width: 100%;
    }
    .ref-logo{
        
    }
    .bonus-card img{
        width:20%;
    }
    .inner-title{
        font-size:25px;
    }
    
    .section-team-info{
        margin-top:30px;
    }
    .section2{
        margin-top:30px;
    }
    .home-page h1{
        font-size:36px;
    }
    section{
        padding:0px;
    }
    .box-position{
        width:100%;
    }
    .page-top-img h4{
        margin-bottom:10px !important;
    }
    .work-position-title{
        font-size:14px;
    }
    .bonus-card{
        width:48%;
    }
    .history-year{
        text-align:left;
    }
    .history h4{
        text-align:left;
    }
    body h4{
        text-align:center;
    }
    .section-company h4{
        font-size:20px;
    }
    .history-title {
        font-size: 24px;
        font-weight: 700;
        text-align: left;
    }  
    .map-company iframe{
        width:100%;
    } 
    .section-top .col-12.col-md-6 p{
        font-size:12px;
    }
    .company-logo img{
        width:50%;
    } 
	
	.box-contact1 {
	    width: auto;
	    text-align: left;
	}
	.box-contact2 {
	    width: auto;
	    text-align: right;
	}
}
@media screen and (max-width: 500px){
    .logo-part{
        padding:5px;
    }
    .section-careers h4{
        margin-bottom:10px;
    }
    .logo-part img{
        max-width:200px;
    }
    .page-top-img{
        padding:0px;
    }
    .box-position ul{
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        margin-bottom:15px !important
    }
    section.companies-img-logo{
        padding:0px!important;
    }
    .logo-card{
        margin:0px;
        margin-bottom:10px !important;
    }
    .link-step a{
        font-size:12px;
    }
    .info-team p{
        text-align:left;
    }
    .section_about_us .btn-read.stile-yellow, .btn-read.stile-black{
        width:auto;
    }
    .form-group{
        margin-top:15px !important;
    }
    .contact-page h1{
        font-size:22px;
    }
    .mb-5{
        margin-bottom:2rem !important;
    }

}
@media screen and (max-width: 430px){
    body p{
        line-height: 22px;
    }
}
@media screen and (max-width: 400px){
    .bonus-card{
        width:100%;
    }
    .home-page h1 {
        font-size: 30px;
    }
    .body h4 {
        font-size: 20px;
        line-height: 25px;
    }
}

@media screen and (max-width: 374px){
    .top-main-menu.office-mail span {
		display: none;
	}
}1