.mobile-nav,
.mobile-nav-btn{display: none;}

@media screen and (max-width:1280px){
	.container{min-width: 100%;}
    .nav,
    .right,
    .lang-change{display: none;}

    .header{height:90px;}
    .header .inner{padding:0 20px;}

    .hero-screen{height: auto;padding:20px;grid-gap: 40px;grid-template-columns: repeat(1, 1fr);min-height: 100%;padding-bottom: 144px;}
    .owl-area .service-item{min-height: 50vh;}

    .hero-screen .announce-band .promotions .promo-item{font-size:48px;}
    .hero-screen .announce-band .promotions .promo-item .design{font-size:58px;}

    .hero-screen .announce-band{margin-bottom: -20px;}

    .mainarea{padding:40px 0;}
    .mainarea .inner{padding:0 20px;}

    .mainarea.team .teams-area{gap:40px 20px; grid-template-columns: repeat(3,1fr);}

    .services-list{gap:30px;grid-template-columns: repeat(2,1fr);}
    .services-list .serv-item{padding:30px;}
    .services-list .serv-item .icon{right:30px;top:30px;}
    .services-list .serv-item .item-title{margin-bottom: 30px;}

    .hero-screen .mini-serv-slider{width:calc(100% + 20px);margin-right: -20px;}
    .slider-control{padding-right: 20px;}   
    
    .mobile-nav-btn{display: block;width: 50px;height:50px;text-align: center;background-color:#29388a;position:relative;}
    .mobile-nav-btn::before{content:"";position: absolute;width: 30px;height: 1px;background: #fff;left: 50%;top:50%;transform: translate(-50%, calc(-50% - 4px));transition:all .3s cubic-bezier(.77,0,.175,1);}
    .mobile-nav-btn::after{content:"";position: absolute;width: 30px;height: 1px;background: #fff;left: 50%;top:50%;transform: translate(-50%, calc(-50% + 4px));transition:all .3s cubic-bezier(.77,0,.175,1);}

    body.nav-open .mobile-nav-btn::before{transform: translate(-50%, -50%) rotate(45deg);}
    body.nav-open .mobile-nav-btn::after{transform: translate(-50%, -50%) rotate(-45deg);}

    .content,
    .footer{transition:all .3s cubic-bezier(.77,0,.175,1);}

    body.nav-open{overflow: hidden;}
    body.nav-open .content,
    body.nav-open .footer{filter:blur(3px)}

    .mobile-nav{display: flex;position: fixed;bottom:0;left:20px;right:20px;background-color: #29388a;height: 50vh;border-radius: 5px;z-index: 9;opacity: 0;visibility: hidden;transition:all .3s cubic-bezier(.77,0,.175,1);flex-direction: column; justify-content: space-between; align-items: center; padding: 30px;}
    body.nav-open .mobile-nav{bottom:20px;opacity: 1;visibility: visible;}

    .mobile-nav .cnt-info{float:left;width:100%;text-align: left;}
    .mobile-nav .cnt-info *{color:#ebebeb;font-size:18px;line-height: normal;}
    .mobile-nav .cnt-info .phone{opacity: .3;}
    
    .mobile-nav .menu,
    .mobile-nav .menu li{width: 100%;}
    .mobile-nav .menu ul li a{color: #fff; font-size: 20px; font-weight: 300; height: 40px; line-height: 40px; display: block; float: left; width: 100%; text-align: left;}

    .hero-screen .main-desc{height:auto;padding-bottom: 100px;}
    .hero-screen .main-desc .text{font-size:18px;font-weight: 300;}
}

@media screen and (max-width:1180px){
    .content{padding-bottom: 0;}
    .footer{position:relative;height: auto; float: left; width: 100%; padding: 20px;}
    .footer .foo-inner{padding:30px;}
    .footer .foo-inner .msg{font-size:30px;margin-bottom: 30px;}
    .footer .foo-inner .form{flex-direction: column-reverse;gap:30px;}
    .footer .foo-inner .form .left .address{margin-top:30px;}
    .contact-form{padding:30px;}
    .footer .foo-inner .form .cnt-info *{font-size: 22px;}
    .footer .social{margin-top: 20px;}
    .contact-form .line.submit input[type="submit"],
     .contact-form .line.submit input[type="button"],
     .contact-form .line.submit input button{width:100%;height:50px;}
}

@media screen and (max-width:860px){
    .mainarea.team .teams-area{ grid-template-columns: repeat(2,1fr);}
    .mainarea.team .teams-area .card-label{margin-bottom: 15px;}
}

@media screen and (max-width:640px){
    .services-list{gap:30px;grid-template-columns: repeat(1,1fr);}
}

@media screen and (max-width:580px){
    .mainarea.team .teams-area{ grid-template-columns: repeat(1,1fr);}
    .mainarea.team .slogan-card,
    .mainarea.team .join-us{height:150px;}
    .flip-card-back{padding:20px;}
}