@media only screen and (max-width: 1200px) {
.left_about p{line-height:28px;margin-bottom:4px}
.containerlr { overflow: hidden;width: 100%;}
}
@media only screen and (max-width: 1024px) {
.parallaximage_2 { background-size: auto; }
}
@media only screen and (max-width: 992px) {
.wrap_about img{margin-top:30px;max-width:300px;margin-bottom:40px}
.descr_author{text-align:center}
.image_center_about img{text-align:left;margin-left:0}
.ref_text p{display:none}
}
@media only screen and (max-width: 800px) {
.text_start_center h1{font-size:30px}
}
@media only screen and (max-width: 767px) {
#myFooter{text-align:center}
}
@media only screen and (max-width: 690px) {
.particles-js-canvas-el{display:none}
.social-media a,.social_media_footer a{font-size:18px;padding:10px 6px}
#home nav a{display:block}
button.menu-toggle{position:fixed;top:0;right:0;z-index:11;transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-moz-transform:translate(0,0)}
.holder{transform:translate(0,-307px);-webkit-transform:translate(0,-307px);-o-transform:translate(0,-307px);-moz-transform:translate(0,-307px)}
.portfolio,.contact,.services,.wrap_about{margin-top:0;padding:30px 0}
.wrap_about{padding:50px 0}
.title_section h2{font-size:25px}
}
@media only screen and (max-width: 580px) {
.xs-hide{display:none}
.ref_text {position: relative; text-align: center; padding: 10px 0 40px 0;}

#myFooter .sutun{text-align: center;}
#myFooter .sutun p{margin: 0;}
#myFooter .social-networks{text-align:center;margin: 15px 0 0 0; float: none; width: auto;}
#myFooter .btn{margin:0 auto;margin-top:20px;float: none;}
}
@media only screen and (max-width: 430px) {
.text_start_center h1{font-size:21px}
.single-project-done i,.single-project-done h2{font-size:25px}
.single-project-done p{font-size:12px}
footer{padding:0 2%}
.descr_author h3{font-size:13px}
.title_go_about h1{font-size:25px}
.title_go_about h2{font-size:11px}
.image_center_about img{max-width:100%}
.single-service{padding:0}
.single-service h2{font-size:13px}
.single-service p{font-size:12px}
.copy_my_text{font-size:15px}
}

@media (min-width:768px) and (max-width: 992px) {
.nav>li>a { padding: 25px 4px; }
.teklif_menu {padding-right: 5px;}
}
@media (min-width:992px) and (max-width: 1200px) {
.nav>li>a { padding: 25px 15px; }
.teklif_menu {padding-right: 10px;}
}