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

@media only screen and (max-width:1370px) {
.c-navs {margin: 0 20px;}
}
@media only screen and (max-width:1300px) {
.team-info {padding: 20px;}
.team-info .t-name {font-size:28px; line-height: 36px;}
}
@media only screen and (max-width:1200px) {
.contact-us-wrap .c-left {padding-right: 100px; width: 520px;}
.f-projects-list {max-width: 600px; width:100%;}
.x-navs {max-width: 600px;}
.bl-big .news-image {width: 540px;}
}
@media only screen and (max-width:1060px) {
.mobile-menu {display:block;}
.main-top .main-top-slogan {padding: 220px 0 200px;}
.main-top-form .mt-body {padding: 22px 40px 38px}
.mt-body .mt-col-a {padding-right: 40px;}
.mt-body .mt-col-b {padding-right: 40px; width: 40%;}
.mt-body .mt-col-c {width: 20%;}
.explore-services-wrap .es-left {padding: 44px 60px 48px 60px;}
.es-left-a .es-left-t {font-size:40px; line-height: 50px;}
.es-left-a .es-left-n {font-size:56px; line-height: 56px;}
.explore-services {padding-bottom:60px;}
.offers-carousel.owl-carousel {padding: 0 20px;}
.ex-head {margin-bottom:60px;}
.c-navs {padding-top:60px;}
.exlusive-offers {padding-bottom:70px;}
.our-team {padding-top: 70px; padding-bottom: 90px;}
.our-team-list {max-width: 632px; margin: 0 auto;}
.our-team-list .team-item {padding-bottom: 32px; width: 50%;}
.news-left .news-title {font-size:30px; line-height: 38px; height: 76px;}
.news-right .news-title, .blog-carousel .news-title {font-size:20px; line-height: 28px; height: 56px;}
.news {padding: 50px 0;}
.blog {padding-bottom:80px;}
.about {padding: 90px 0;}
.about-wrap .ab-image {padding-right: 80px;}
.contact-us-wrap .c-left {padding-right: 40px; width:50%;}
.contact-us-wrap .c-right {width:50%;}
.contact-us {padding: 100px 0 60px;}
.footer-wrap .f-right {width: 350px; padding-left: 50px;}
.project-view-wrap .project-view-left {padding-right: 0; max-width: 800px; margin:0 auto 30px;}
.project-view-right {position:relative;}
.project-view-right .c-right {position: static !important}
.project-view-right {max-width: 600px; margin: 0 auto; width: auto;}
.project-view-right .c-right {width: 100%;}
.m-project-list .f-project-item {max-width:540px; width: auto; margin:0 auto; float:none; padding-bottom:30px;}
.more-projects {padding: 30px 0 50px;}
.f-projects-list {margin:40px auto 0;}
.x-navs {margin:0 auto;}
.x-map {position:relative; top:0;}
.x-map:before {content: ""; display:block; padding-top: 70%}
.x-map svg {width: 140%; left: -40%; top:0; position:absolute; height: auto; display:block;}
.featured-projects {padding-bottom:0;}
.faq-title {margin-bottom:60px;}
.news-p-title {font-size: 42px; line-height: 48px;}
.bl-big {max-width: 600px; margin:0 auto 30px;}
.blog-page {padding: 60px 0 80px;}
.blog-view-page {padding-top: 60px;}
.bl-big .news-image {float:none; width:100%;}
.bl-big .news-info {padding-left: 0;}
.nav-menu {position: fixed; top: 0; right: 0; z-index: 100; width: 100%; bottom: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition-duration: .3s; transition-duration: .3s; overflow-y: auto; background-color: #000; left: 0; min-width: 320px; margin: 0; align-content: center; padding-top: 134px;}
.mobile-open .nav-menu{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.mobile-open .nav-menu:before {content: ""; position:absolute; left:0; top:0; width:100%; background: radial-gradient(74.1% 66.67% at 0% 100%, rgba(203, 149, 82, 0.42) 0%, rgba(0, 0, 0, 0.00) 100%); bottom:0; z-index:-1}
.header .header-wrap .logo {position:relative; z-index:1000;}
.mobile-close {display:block;}
.nav-menu ul { display: flex ; flex-wrap: wrap; width: 100%; }
.nav-menu ul li {float: none; width: 100%; margin: 0 0 30px 0; text-align: center;}
.nav-menu ul li:last-child {margin:0;}
.nav-menu ul li a {display:inline-block; font-size: 24px; line-height: 32px;}
.service-item .services-i .services-i-text.i-text-res {font-size:32px; line-height: 36px;}
.static-page, .about-us-page {padding: 60px 0;}
}
@media only screen and (max-width:800px) {
.centered, .centered-x, .b-head{padding: 0 12px;}
.header .header-wrap {padding: 20px 0 !important;}
.logo img {height: 44px;}
.header .header-wrap .header-right {padding: 3px 0 3px 20px}
.main-top {height: auto; padding-bottom:20px; background-position: 88% 0;}
.main-top .main-top-slogan {padding: 190px 0 170px;}
.main-top-slogan .mt-title {font-size:56px; line-height: 56px;}
.mt-list ul li {font-size:20px; line-height: 24px; margin-right: 20px; padding-right: 30px;}
.mt-list ul li:after {width: 10px; height: 10px;}
.main-top-form .mt-head {font-size:24px; line-height: 32px; padding: 12px 20px;}
.main-top-form .mt-body {padding: 22px 60px 38px}
.mt-body .mt-col-a, .mt-body .mt-col-b, .mt-body .mt-col-c {width:100%; padding-right:0;}
.explore-services .explore-services-wrap {flex-wrap:wrap;}
.explore-services-wrap .es-left {flex: auto; width:100%;}
.es-image {width:100%;}
.es-image img {width:400px; margin: 0 auto; height: auto; max-width:100%;}
.ex-head .ex-a {font-size:54px; line-height: 64px;}
.ex-head .ex-b, .n-title {font-size:42px; line-height: 52px;}
.n-title {margin-bottom: 30px;}
.explore-services {padding-bottom:46px;}
.ex-head {margin-bottom:50px;}
.c-navs {padding-top:50px;}
.c-nav-a .owl-prev, .c-nav-a .owl-next {scale: 0.7}
.exlusive-offers {padding-bottom:60px;}
.our-team {padding-top: 40px; padding-bottom:60px;}
.our-team-head .ot-back {margin-left: -152px; margin-top: -64px;}
.our-team-head .ot-back img {width: 904px;}
.our-team-t {padding-left: 104px;}
.our-team-t .ot-title {font-size: 40px; line-height: 48px;}
.our-team-t .ot-desc {font-size:19px; line-height: 22px;}
.news-list .news-left {width:100%; float:none;}
.news-left .news-left-wrap {margin-right:0; margin-bottom: 30px;}
.news-list {max-width: 600px; margin: 0 auto;}
.news-list .news-right {width:100%; float:none;}
.news-right .news-title, .news-left .news-title {font-size:30px; line-height: 38px; -webkit-line-clamp: none; height: auto; margin-bottom:10px;}
.news-left .news-item .news-image {margin-bottom:10px;}
.news-left .news-desc {max-height: 68px; -webkit-line-clamp: 4; }
.news {padding: 40px 0;}
.news-right .news-info .news-info-head {margin-bottom:10px;}
.blog {padding-bottom:60px;}
.blog-carousel {margin-top: 40px}
.about {padding: 70px 0;}
.ab-image img {height: 160px}
.about-wrap .ab-image {padding-right: 60px;}
.contact-us .contact-us-wrap {max-width:600px; margin: 0 auto;}
.contact-us-wrap .c-left {float:none; width:100%; padding: 0 0 30px 0;}
.contact-us-wrap .c-right {float:none; width:100%;}
.contact-us {padding: 80px 0 40px;}
.c-list {margin-top: 50px; padding-top:40px;}
.footer .footer-wrap {flex-wrap:wrap;}
.f-text {max-width:none;}
.footer-wrap .f-right {width: 100%;padding-left: 0; padding-top: 30px; justify-content: space-around;}
.footer {padding-top: 60px;}
.f-logo {margin-bottom:40px;}
.about:after {background-size: 190% 86%}
.project-view {margin: 44px 0;}
.pv-title {font-size: 44px; line-height: 50px; margin: 18px 0 22px;}
.pv-z {font-size: 30px; line-height: 38px;}
.pv-sa .pv-sa-a {font-size: 22px; line-height: 26px;}
.p-steps .p-step-item {font-size: 20px; line-height: 26px; margin-top: 40px;}
.p-steps {margin-bottom:70px;}
.p-about-project .pa-title {font-size: 30px; line-height: 36px; margin-bottom:40px;}
.pv-text, .ar-item {font-size:22px; line-height: 28px;}
.pm-title, .y-title {font-size: 30px; line-height: 36px;}
.p-about-project {margin-bottom:40px;}
.p-extra-info {margin-top: 50px; font-size: 21px; line-height: 28px;}
.v-title {font-size: 22px; line-height: 27px;}
.v-items {margin-bottom: 36px;}
.pt-60 {padding-top: 44px;}
.m-title {font-size:42px; line-height: 52px; margin-bottom:40px;}
.more-projects {padding: 30px 0 40px;}
.f-projects-list {margin-top: 30px;}
.x-navs {padding-top: 20px;}
.faq-title {margin-bottom: 44px; font-size: 40px; line-height: 48px;}
.fq-accordion-section .fq-accordion-header {padding: 34px 85px 34px 40px;}
.fq-accordion-section .fq-accordion-content {padding: 0 85px 0 40px;}
.fq-accordion-content .fq-content {padding: 0 0 40px;}
.news-page {padding-top: 70px; padding-bottom:130px;}
.news-p-title {font-size:34px; line-height: 42px;}
.news-wrap .news-p-item {padding: 40px;}
.news-p-image {margin-bottom:30px;}
.news-p-article {font-size:22px; line-height: 28px; height: 56px;}
.services-wrap .sv-title {font-size: 42px; line-height: 52px;}
.services-list .service-item {margin-bottom:60px;}
.blog-page {padding: 50px 0 70px;}
.blog-view-page {padding-top: 50px;}
.bl-big .news-info .news-title, .bl-view .news-info .news-title {font-size: 30px; line-height: 38px; margin-top: 10px;}
.bl-big {padding-bottom:40px;}
.bl-list {max-width:600px; margin: 0 auto;}
.bl-list .news-item {float:none; width:100%; padding: 0 0 30px;}
.mobile-close {right: 12px; top: 23px;}
.nav-menu {padding-top: 84px;}
.service-item .services-i .services-i-text.i-text-res {font-size:22px; line-height: 28px;}
.sp-title {font-size:40px; line-height: 50px;}
.static-page, .about-us-page {padding: 50px 0;}
}
@media only screen and (max-width:699px) {
.offers-carousel.owl-carousel {padding: 0 10%;}
.blog {width:624px; max-width:100%; margin: 0 auto}
.blog-carousel {padding: 0 12px; margin-top: 30px;}
.blog-carousel.owl-carousel .owl-stage-outer {overflow:visible}
.blog-carousel .news-title {font-size:30px; line-height: 38px; -webkit-line-clamp: none; height: auto; margin-bottom: 10px;}
}
@media only screen and (max-width:600px) {
.header .header-wrap {padding: 15px 0 !important;}
.logo img {height: 36px;}
.login-button a {padding: 4px 12px;}
.mobile-menu {width:30px; height: 30px; margin-left: 15px;}
.main-top .main-top-slogan {padding-bottom: 120px;}
.main-top-slogan .mt-title {font-size:44px; line-height: 44px;}
.mt-list ul li {font-size: 18px; line-height: 22px; margin-right: 10px; padding-right: 20px;}
.main-top-form .mt-head { font-size: 20px; line-height: 28px; padding: 10px 20px;}
.main-top-form .mt-body {padding: 20px 30px 30px}
.mt-body .mt-col-a, .mt-body .mt-col-c {margin-bottom:20px}
.xt-input, .xt-textarea {font-size: 18px; line-height: 22px; margin-bottom: 10px;}
.ck-list .ck-item {margin-bottom:18px;}
.ck-list .ck-item label {font-size:18px; line-height: 22px; padding-left: 28px;}
.explore-services-wrap .es-left {padding: 24px;}
.es-left-a .es-left-t {font-size:32px; line-height: 40px;}
.es-left-a .es-left-n {font-size: 42px; line-height: 42px; margin-top: -4px;}
.a-button a {font-size: 18px; line-height: 22px; padding: 10px 20px;}
.es-left .es-desc {padding: 34px 0;}
.ex-head .ex-a {font-size:46px; line-height: 56px}
.ex-head .ex-b, .n-title, .b-head .b-title {font-size:36px; line-height: 46px;}
.n-title {margin-bottom: 20px;}
.explore-services {padding-bottom:32px;}
.ex-head {margin-bottom:40px;}
.c-navs {margin: 0 12px;}
.c-navs {padding-top: 40px;}
.exlusive-offers {padding-bottom:50px;}
.our-team {padding-top: 30px; padding-bottom:36px;}
.our-team .our-team-head {height: auto;}
.our-team-head .ot-back {margin-top: -93px;}
.our-team-t {padding-left:0; flex-wrap: wrap;}
.our-team-t .ot-title {padding: 14px 0 14px 96px;}
.our-team-t .ot-desc {padding-left: 0; padding-top: 5px;}
.our-team-list .team-item {padding: 0 6px 12px;}
.team-info {padding: 12px;}
.team-info .t-name {font-size: 24px; line-height: 32px;}
.team-info .t-pos {font-size:18px; line-height: 22px;}
.our-team-list {margin: 0 -6px;}
.news-right .news-title, .news-left .news-title, .blog-carousel .news-title {font-size:24px; line-height: 30px;}
.news {padding: 30px 0;}
.news-left .news-left-wrap {padding-bottom: 20px; margin-bottom:20px;}
.blog-carousel {margin-top: 20px}
.blog {padding-bottom:40px;}
.b-button {margin-top: 30px;}
.about {padding: 50px 0;}
.about-wrap .ab-image {float:none; padding: 0 0 30px 0;}
.ab-image img {height: 130px}
.ab-text h2 {font-size:22px; line-height: 28px; margin-bottom: 20px;}
.ab-text p {font-size:20px; line-height: 26px; margin-bottom: 20px;}
.ab-text li {font-size:20px; line-height: 26px;}
.ab-text ul li:before {top: 8px;}
.contact-us {padding: 50px 0 30px;}
.c-list {margin-top: 34px; padding-top:20px;}
.c-list ul li {font-size:22px; line-height: 30px;}
.c-map {padding-top:0;}
.contact-us-form {padding: 40px 30px 226px}
.contact-us-form:after {top: 310px;}
.cf-input input, .cf-input textarea {font-size:18px; line-height: 22px; padding: 8px 0;}
.cf-input .iti__country-container {font-size:18px; line-height: 22px;}
.f-text {font-size: 18px; line-height: 22px;}
.footer {padding-bottom:100px;}
.project-view {margin: 30px 0;}
.pv-i .pr-type, .pv-i .pr-b {font-size: 20px; line-height: 28px;}
.pv-i {flex-wrap: wrap}
.pv-i .pr-type {width:100%;}
.pv-title {font-size: 34px; line-height: 42px;}
.pv-z {font-size:24px; line-height: 32px;}
.pv-sa .pv-sa-a {font-size: 20px; max-width:none}
.pv-sa {flex-wrap: wrap;}
.p-steps {margin-bottom:50px;}
.p-steps .p-step-item {width:100%;}
.p-steps .p-step-item.finished:before, .p-steps .p-step-item.finished:after {content:none;}
.p-steps .p-step-item {margin-top: 15px;}
.p-steps .p-step-item i {width: 28px; height: 28px; background-size:cover; margin-bottom:6px;}
.p-about-project .pa-title {font-size: 24px; line-height: 30px; margin-bottom:30px;}
.pv-text, .ar-item {font-size:20px; line-height: 26px;}
.pm-title, .y-title {font-size:24px; line-height: 30px;}
.p-about-project {margin-bottom:30px;}
.p-extra-info {margin-top: 36px; font-size: 19px; line-height: 25px;}
.p-list {flex-wrap: wrap;}
.p-list .p-list-col {padding-right: 0; width:100%; flex: auto;}
.v-title {font-size: 20px; line-height: 25px; margin-bottom:14px;}
.v-items {margin-bottom: 30px;}
.pt-60 {padding-top: 30px;}
.project-view-right .contact-us-form {padding: 40px 30px;}
.m-title {font-size:36px; line-height: 46px; margin-bottom:30px;}
.more-projects {padding: 30px 0 10px}
.m-project-list .f-project-item {padding-bottom: 26px;}
.x-map svg {width:160%; left: -60%;}
.x-map:before {padding-top: 76%;}
.f-projects-list {margin-top: 20px;}
.f-projects-list .f-project-item {padding-bottom:20px;}
.x-navs {padding-top: 10px;}
.a-title .a1-t, .a-title .a2-t {line-height: 64px;}
.faq-title {margin-bottom: 36px; font-size:34px; line-height: 42px;}
.fq-accordion-section .fq-accordion-header {padding: 28px 75px 30px 30px; font-size:20px; line-height: 28px;}
.fq-accordion-header:after {width: 24px; height: 24px; right: 28px; background-size:contain;}
.fq-accordion-section .fq-accordion-content {padding: 0 75px 0 30px;}
.fq-accordion-content .fq-content {padding: 0 0 40px;}
.fq-accordion-header:after {right: 32px;}
.news-p-title {font-size:34px; line-height: 42px;}
.news-wrap .news-p-item {padding: 40px;}
.news-page {padding-top: 60px; padding-bottom:80px;}
.news-p-image {margin-bottom:20px;}
.news-p-title {font-size:26px; line-height: 32px;}
.news-wrap .news-p-item {padding: 26px 18px; margin-bottom:24px;}
.news-size {margin-top: 20px;}
.news-p-article {font-size:18px; line-height: 24px; height: 48px;}
.news-size {font-size: 18px; line-height: 22px;}
.services-wrap .sv-title {font-size:36px; line-height: 44px;}
.services-wrap {padding: 40px 0;}
.service-item .service-item-a {flex-wrap: wrap;}
.service-item .services-i, .service-item .services-t {width: 100%}
.service-item .services-i {margin: 20px 0;}
.service-item .services-i img {margin-bottom: 10px;}
.services-list .service-item {margin-bottom:30px;}
.blog-page {padding: 30px 0 50px;}
.blog-view-page {padding-top: 30px;}
.bl-big {padding-bottom:24px;}
.bl-big .news-info .news-title, .bl-view .news-info .news-title {font-size:24px; line-height: 30px;}
.bl-list .news-item {float:none; width:100%; padding: 0 0 20px;}
.bl-list .news-item .news-title {display:block; -webkit-line-clamp: none; height: auto;}
.bl-view.news-item .news-image {margin-bottom:10px}
.bl-view {margin-bottom:24px;}
.mobile-close {width:30px; height: 30px; top: 18px;}
.nav-menu {padding-top: 66px;}
.service-item .services-i .services-i-text.i-text-res {font-size:32px; line-height: 36px;}
.static-page-content h2 {font-size:26px; line-height: 34px;}
.sp-title {font-size:34px; line-height: 42px; margin-bottom:24px;}
.static-page, .about-us-page {padding: 30px 0;}
}
@media only screen and (max-width:500px) {
.offers-carousel.owl-carousel {padding: 0 12px;}
.f-project-info .fp-top, .fp-top .f-project-title .fp-a {font-size:22px;}
.team-info .t-name {font-size: 18px; line-height: 24px;}
.team-info .t-pos {font-size:16px; line-height: 20px;}
.service-item .services-i .services-i-text.i-text-res {font-size:22px; line-height: 28px;}
.fp-top .f-project-price {font-size:18px;}
}