@media screen and (max-width: 1600px) {
.mainbanner:after{height:100px}
}
@media screen and (min-width: 1025px) {
.menu{list-style:none;padding-left:0;margin-bottom:0;display:flex;gap:30px}
.menu li a{color:#FFFFFF;position:relative}
.menu li{letter-spacing:.04em;text-transform:uppercase;font-size:19px;position:relative;overflow:hidden}
.menu li ul{list-style:none;margin-bottom:0;position:absolute;top:100%;left:-30px;background:#FFFFFF;padding:30px;width:max-content;transition:.5s;opacity:0}
.menu li ul li a{color:#151515}
.menu li ul li{margin-bottom:10px}
.menu li ul li:last-child{margin-bottom:0}
.menu li:hover ul{opacity:1}
.menu li:hover{overflow:visible}
.menu li a:hover{color:#9A9A9A}
.menu li a:before{position:absolute;content:"";left:0;bottom:0;width:0;height:1px;background:#9A9A9A;transition:.5s}
.menu li:hover>a:before{width:100%}
.openMenu{display:none}
.moblink{display:none}

@keyframes roll {
from{transform:translate(-50%,-50%) rotate(0deg)}
to{transform:translate(-50%,-50%) rotate(-360deg)}
}

}
@media screen and (max-width: 1024px) {
.head .menu{display:none}
.hamburger{padding:0;display:flex}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#fff!important;height:1px}
.mainbanner{height:55vh}
.maintitle img{height:110px}
.maintext{font-size:25px}
.banner_wrap{top:45%}
.title{font-size:40px}
.serv_item-name{font-size:25px}
.more:before{width:130px;height:130px}
.mini_title{font-size:26px}
.text22{font-size:20px}
.about_section{padding-bottom:100px}
.about_slider .slick-slide img{width:450px;object-fit:cover;height:400px}
.proj_item:before{opacity:1}
.proj_info{opacity:1;padding:30px}
.proj_name{font-size:28px}
.proj_item:nth-child(2n),.proj_item:nth-child(2n+1){height:380px}
.proj_item:nth-child(1),.proj_item:nth-child(4n){height:550px}
.white_input{font-size:22px}
.name_input{width:300px}
.pt100{padding-top:90px}
.pb150{padding-bottom:120px}
.callback_btn{padding:13px 35px}
.mm-listitem__text{color:#fff!important;padding:25px 20px;font-size:22px}
.mm-listitem:after{left:0;border-color:#fff}
.mm-navbar__title{color:#fff!important}
.mm-navbar{border-color:#fff!important;background-color:#151515!important}
.mm-panel{background:#151515}
.mm-btn_next:after,.mm-btn_prev:before{border-color:#fff}
.mm-listitem__btn:not(.mm-listitem__text){border-color:#fff}
.pt180{padding-top:120px}
.proj_attrs{gap:30px}
.proj_gallery{margin-top:40px}
.cont_col{max-width:unset;width:100%}
.cont_page{gap:20px}
.maintitle{font-size:56px}
.price_grid{grid-template-columns:repeat(2,1fr)}
.price_item{padding:40px 30px}
.serv_left{width:37%}
.serv_right{width:calc(63% - 50px)}
}
@media screen and (max-width: 768px) {
.svg_btn svg.btn_fon{width:100%;height:100%}
.svg_btn{height:130px;width:130px}
.svg_btn svg{width:57px;height:57px}
.maintitle img{height:90px}
.maintext{font-size:22px;margin-top:15px}
.logo img{height:21px}
.head{padding:20px 0}
.mainbanner:after{height:80px}
.title{font-size:30px}
.mb50{margin-bottom:35px}
.more svg{width:60px;height:60px}
.more:before{height:110px;width:110px}
.serv_item{padding-right:25px}
.serv_item-prev{padding:25px 0 0}
.serv_item-name{font-size:20px}
.mini_title{font-size:23px}
.about_slider{margin-bottom:30px}
.author_fio{margin-top:25px}
.about_slider .slick-slide img{width:320px;height:300px}
.about_slider .slick-slide{margin:0 10px}
.about_side{width:calc(65% - 50px)}
.author_side{width:37%}
.text22{font-size:18px}
.about_section{padding-bottom:80px}
.std_btn svg{height:auto;width:50px}
.pt100{padding-top:80px}
.pb150{padding-bottom:100px}
.submit_btn{width:160px;height:160px}
.submit_btn svg{width:70px;height:70px}
.submit_btn svg.btn_fon{width:100%;height:100%}
.footer{padding:40px 0;flex-wrap:wrap;gap:20px 30px}
.white_input{font-size:20px}
.name_input{width:250px}
.city_select{min-width:150px}
.phone_input{width:170px}
.proj_name{font-size:22px}
.proj_item:nth-child(2n),.proj_item:nth-child(2n+1){height:300px}
.proj_item:nth-child(1),.proj_item:nth-child(4n){height:450px}
.proj_info svg{width:60px;height:auto}
.proj_descr{margin-bottom:20px;font-size:16px}
.banner_wrap{top:50%}
.pagebanner{height:380px}
.projects_cols{gap:20px}
.proj_item{margin-bottom:20px}
.pb150{padding-bottom:80px}
.pt180{padding-top:100px}
.mb50{margin-bottom:25px}
.pb100{padding-bottom:80px}
.cont_page{flex-wrap:wrap}
.cont_col{width:calc(50% - 10px)}
.map{margin-top:30px;height:300px}
.proj_attrs{flex-wrap:wrap;gap:20px;width:70%;margin-left:auto}
.attr_val{max-width:100%;width:calc(50% - 10px)}
.attirbutes_wrap{bottom:30px}
.maintitle{font-size:40px}
.pb90{padding-bottom:70px}
.pt80{padding-top:65px}
.pb80{padding-bottom:65px}
}
@media screen and (max-width: 480px) {
.logo img{height:15px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:30px}
.hamburger-box{width:30px}
.maintitle img{height:60px}
.mainbanner{height:70vh}
.banner_wrap{top:46%}
.maintext{font-size:18px;margin-top:10px}
.svg_btn svg{width:40px;height:40px}
.svg_btn{width:100px;height:100px}
.mainbanner:after{height:55px}
.bottom_btn{bottom:0}
.head{padding:15px 0}
.pt65{padding-top:40px}
.title{font-size:22px}
.lined:before{width:30px;height:1px}
.serv_grid{grid-template-columns:repeat(1,1fr);gap:30px}
.serv_item-name{font-size:18px}
.more svg{width:40px;height:40px}
.more:before{width:80px;height:80px}
.about_block{margin-top:-30px;flex-wrap:wrap}
.about_section{margin-top:60px;padding-bottom:65px}
.lines{width:calc(100% - 40px)}
.author_side{width:100%;margin-bottom:40px}
.about_side{width:100%}
.text22{font-size:16px}
.mini_title{font-size:21px}
.mb20{margin-bottom:12px}
.author_side .std_btn{margin-top:20px}
.w50{width:100%}
.pb80{padding-bottom:60px}
.pt80{padding-top:60px}
.steps_item{padding:30px 20px}
.steps_item-title{font-size:17px}
.pt100{padding-top:60px}
.projects_cols{column-count:1}
.proj_item{height:300px!important}
.proj_info svg{width:46px;height:46px}
.proj_descr{margin-bottom:15px}
.proj_name{font-size:19px}
.white_input{font-size:18px;width:100%;margin-bottom:15px}
.form_in{gap:0}
.white_input:last-child{margin-bottom:0}
.submit_btn svg{width:40px;height:40px}
.submit_btn{width:120px;height:120px;margin-top:30px}
.pb150{padding-bottom:60px}
.fval{font-size:15px}
.fcol ul li{font-size:15px}
.callback_btn{padding:12px 25px;font-size:16px}
.copy{text-align:center;line-height:1.2}
.mm-listitem__text{font-size:18px;padding:20px}
.cont_col{width:100%}
.pagebanner .bottom_btn{transform:translateY(35%)}
.pb100{padding-bottom:60px}
.pagebanner{height:280px}
.pagebanner.proj_banner{height:350px}
.proj_attrs{gap:15px}
.attr_val{font-size:15px;width:100%;text-align:right}
.attirbutes_wrap{bottom:20px}
.proj_gallery{grid-template-columns:repeat(1,1fr);gap:20px;margin-top:25px}
.maintitle{font-size:27px}
.serv_banner .banner_content{width:100%}
.price_grid{grid-template-columns:repeat(1,1fr);gap:35px}
.pt90{padding-top:50px}
.price_item{padding:30px 25px}
.price_item-title{font-size:16px;margin-bottom:15px}
.price_item-icon{margin-bottom:15px}
.service_info{flex-wrap:wrap}
.serv_left{width:100%;margin-bottom:30px}
.serv_right{width:100%}
.mb40{margin-bottom:25px}
.about_slider .slick-slide img{width:280px;height:250px}
.serv_left .mb40{margin-bottom:20px}
header.fixed{background:#151515;position:fixed}
header{transition:.5s}
.alert{font-size:16px;padding:30px 20px;line-height:1.2}
.feedmodal .modal-body {
    padding: 50px 25px 30px;
}

input.white_input {
  -webkit-appearance: none !important;
    -webkit-border-radius:0 !important; 
    border-radius:0 !important;
}
.pagination > li > a, .pagination > li > span {
    width: 30px;
    height: 30px;
}
.tip_label span {
    min-width: auto;
    font-size: 15px;
    padding: 10px 15px;
}

#tipForm {
    gap: 10px;
}
}