/*
Designer: Xatai
Site: Xpert.az
Facebook: https://fb.com/xetai.isayev
*/

@media only screen and (max-width:1020px) {
.centered {width:100%; padding:0 10px;}
.properties-wrap .properties-item {width:50%;}
.properties {margin-top:-90px; top:0; margin-bottom:30px;}
.comment-slider {margin: 0 -10px; padding-right:0;}
.comment-item {margin: 60px 10px !important;}
.comment-item .comment-a {position:relative; margin: 16px auto 50px; max-width:390px; width: auto;}
.comment-a .c-avatar {width:80px; height:80px;}
.comment-a .c-info .c-info-wrap {height:80px;}
.comment-slider .comment-text {margin: 0 auto; max-width: 700px; float: none;}
.comment-item .comment-text:before {border: 20px solid transparent; border-bottom: 28px solid #ffffff; top: -48px; left: 0; right: 0; margin: auto; bottom: auto;}
.c-dots {bottom:10px; top: auto; left:0; width:100%; text-align:center; height:16px;}
.c-dots ul {display:inline-block; vertical-align:top;}
.c-dots ul li {padding: 0 6px; float:left;}
.partners {padding-top:40px; margin-bottom:60px;}
.about .c-bottom {margin: 0 -10px}
}
@media only screen and (max-width:930px) {
.main-slider-wrap .main-slider-info {top:60px;}
.main-slider-item:before {background-position: 40% 0;}
}
@media only screen and (max-width:859px) {
.projects-list .project-item {width:50%;}
}
@media only screen and (max-width:840px) {
.footer-wrap .footer-left {float:none; width:100%; margin-bottom:30px;}
.footer-wrap .footer-m {padding: 0 20px 0 0; width:50%;}
.footer-wrap .footer-right {width:50%;}
.contact-bottom .cb-left {float:none; width:100%; padding: 0 0 30px 0;}
.cb-left .map {height:300px;}
.contact-bottom .cb-right {width:100%;}
}
@media only screen and (max-width:800px) {
.header .header-wrap {padding: 12px 0;}
.header-wrap .top-menu {position: fixed; top: 0; right: -100%; z-index: 99999; width: 100%; height: 100%; background-color: #fff; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition-duration: .4s; transition-duration: .4s; overflow-y: auto;}
html.formobile, html.formobile body {overflow: hidden; height: 100%;}
html.formobile .top-menu {-webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); background-color:rgba(3, 15, 134, 0.88);}
.top-menu ul {text-align:center; padding: 70px 10px 40px;}
.top-menu ul li {float:none; margin: 0 0 10px 0;}
.top-menu ul li a {color:#fff; font-size:22px; line-height:28px; display:inline-block; vertical-align:top;}
.language .l-mob {display:block;}
.language .l-web {display:none;}
.language span {padding: 3px 13px 2px 33px;}
.language span:before {left:13px;}
.mobile-menu, .top-menu .m-close {display:block;}
}
@media only screen and (max-width:740px) {
.main-slider-wrap .main-slider-item {height:530px;}
.main-slider-wrap .main-slider-info {width:60%; top:50px;}
.main-slider-info .main-slider-title {font-size:32px; line-height:36px;}
.main-slider-info .main-slider-text {font-size:18px; line-height:24px;}
.main-slider-info .main-slider-extra {font-size:17px; line-height:23px;}
.main-slider-wrap .slick-dots {margin-left:0; width: 60%; left: 0; right: 0; margin: auto;}
.contact-form-wrap .cf-left, .contact-form-wrap .cf-right {width:100%; float:none;}
.contact-form-wrap .cf-left {margin-bottom:18px;}
.page-top {padding: 32px 0;}
.page-top-wrap .page-title, .page-top-wrap .page-top-right, .page-top-wrap .speedbar{float:none; width:100%;}
.page-top-wrap .speedbar {overflow:hidden; padding:15px 0 0 0;}
.page .about {padding:40px 0;}
.pt-title {margin-bottom:20px;}
.pt-text {padding-bottom:20px;}
.page .services, .page .contact-page {padding:40px 0;}
.page .projects {padding:40px 0 30px;}
.contact-page .cp-a {margin-bottom:30px;}
}
@media only screen and (max-width:550px) {
.projects {padding-top:20px;}
.projects-wrap .p-title {font-size:30px; line-height:36px; text-align:center; padding-bottom:50px; margin-bottom:24px;}
.p-nav {top:50px; width:100px; left:0; right:0; margin: auto;}
.p-nav .slick-arrow {margin: 0 8px;}
.c-top .c-top-wrap h2, .partners .p-title, .ct-top-wrap h2, .ct-top-wrap span {font-size:30px; line-height:36px;}
.partners .p-title {margin-bottom:20px;}
.partners {margin-bottom:50px;}
.cf-left textarea {height:190px;}
.cf-left textarea, .cf-txt textarea, .cf-input input {padding:17px 21px !important;}
.contact {margin-bottom:40px;}
.footer-bottom {padding:12px 0;}
.footer-bottom .cp {font-size:17px; line-height:22px;}
.page .about {padding-top:30px;}
.pt-title {margin-bottom:15px;}
.pt-text {padding-bottom:15px;}
.projects .pt-text{padding-bottom:20px;}
.projects-list .project-item {width:100%; padding: 0 14px 30px;}
.contact-page .cp-a {margin-bottom:10px;}
}
@media only screen and (max-width:500px) {
.properties-wrap .properties-item {width:100%;}
}
@media only screen and (max-width:450px) {
.projects-tab .projects-tab-head {margin-bottom:20px;}
.projects-tab-head ul li {width:50%;}
}
@media only screen and (max-width:420px) {
.main-slider-wrap .main-slider-info {top:40px;}
}