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

@media only screen and (max-width:1200px) {
.top-section-wrap .ts-left {width:50%;}
.top-section-wrap .ts-right {width:50%;}
.mc1 img {width:100%;}
.block1 .a-block-content, .block2 .a-block-content, .block3 .a-block-content, .block4 .a-block-content, .block5 .a-block-content, .block6 .a-block-content  {padding:0;}
.block1 .a-items .a-item {width:100%; padding-bottom:22px;}
.block1 .a-items .a-item:last-child {padding-bottom:0;}
.block2 .a-block-image img, .block3 .a-block-image img, .block4 .a-block-image img, .block5 .a-block-image img, .block6 .a-block-image img {width:100%;}
.block2 .a-block-content  {margin-bottom:-20px;}
.block5 .pt-20 {padding-top:0;}
}
@media only screen and (max-width:1100px) {
.properties-wrap .properties-item {padding:40px 20px;}
.a-block-content .a-block-title br {display:none;}
.a-panel-wrap .a-panel-p {position:static; max-width:500px; margin: 0 auto 30px; padding:0;}
.a-panel-wrap .a-panel-col {width:47%;}
.counter {padding:60px 0 30px;}
.counter-wrap .counter-item {width:50%; margin-bottom:30px;}
.counter-wrap .counter-item:nth-child(2n) {border-right:0;}
.testimonials-wrap .tm-slider-wrap {background-color:rgba(255,255,255, 0.89)}
.f-items {padding: 60px 0 30px;}
.f-items-wrap .f-item {width:50%; margin-bottom:30px;}
.f-items-wrap {padding-top:10px;}
.x-block-wrap .xt-left {float:none; width:100%; border:0; padding: 0 0 20px 0;}
.x-block-wrap .xt-right {float:none; width:100%; padding:0;}
}
@media only screen and (max-width:1080px) {
.ct-a, .login-panel {width: 100%;}	
}
@media only screen and (max-width:1000px) {
.header-wrap .mobile-menu {display:block;}
.top-section {max-height:none;}
.top-section-wrap .ts-left {width:100%; position:static; padding:0;}
.top-section-wrap .ts-right {float:none; margin:30px auto; max-width:500px; width: auto;}
.a-tabs-wrap .a-tabs-top {margin: 0 -10px -20px;}
.a-tabs-top .a-tab-item {padding: 0 10px 20px;}
.contact-wrap .contact-left {padding: 60px 20px 60px 0;}
.contact-wrap .contact-right {padding: 60px 0 60px 20px;}
.header-wrap .header-right {float:none; position: fixed; visibility: hidden; z-index: 10000001; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); overflow: hidden; -webkit-transition: background .3s ease-in-out, visibility .3s ease-in-out; -moz-transition: background .3s ease-in-out, visibility .3s ease-in-out; transition: background .3s ease-in-out, visibility .3s ease-in-out;}
.mobil-open .header-wrap .header-right {visibility: visible; background: rgba(0,0,0,.7);}
.header-wrap .header-right  .header-right-a {width: 280px; position: absolute; z-index: 100000; top: 0; right: 0; height: 100%; box-shadow: 0 0 15px rgb(0 0 0 / 15%); background-color: #3B3663; -webkit-transform: translate3D(100%,0,0); -moz-transform: translate3D(100%,0,0); transform: translate3D(100%,0,0); -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; transition: transform .3s ease-in-out; overflow: auto;}
.mobil-open .header-wrap .header-right .header-right-a {-webkit-transform: translate3D(0,0,0); -moz-transform: translate3D(0,0,0); transform: translate3D(0,0,0);}
.mobil-menu-close {display:block;}
.header-wrap .header-right  .header-right-b {position: absolute; top: 50px; bottom:20px; left: 0; right: 0; overflow-x: auto; padding: 0 15px;}
.header-right .sign {float:none; margin: 0; text-align:center;}
.sign .s-button {float:none; display:inline-block; vertical-align:top; margin: 0 7px;}
.header-right .top-menu {float:none; padding:30px 0 0 0; overflow:hidden;}
.top-menu ul li {text-align: center; float:none; margin: 0 0 20px 0;}
.top-menu ul li a {font-size:20px; line-height:24px; display:inline-block; vertical-align:top;}
}
@media only screen and (max-width:910px) {
.properties {position:relative; z-index:10;}
.properties-wrap .properties-item {width:100%; display:block;}
.properties-item.p1 {border-radius: 10px 10px 0px 0;}
.properties-item.p1:before {border-radius:0;}
.properties-item.p2 {border-left: 1px solid #EBEBEF; border-top: 0;}
.properties-item.p2:before {left:-1px;}
.properties-item.p3 {border-left: 1px solid #EBEBEF; border-top:0; border-radius: 0 0 10px 10px;}
.properties-item.p3:before {left:-1px; border-radius: 0 0 10px 10px;}
.a-block {padding:50px 0;}
.a-block-wrap .a-block-col {width:100%;}
.a-block-col .a-block-image {max-width:500px; margin:0 auto;}
.a-block-col .a-block-image.mc1, .block2 .a-block-col .a-block-image {margin-bottom:25px;} 
.block2 .a-block-col .a-block-image {float:none;}
.block2 .a-block-content .a-block-text {margin-bottom:10px;}
.tm1 img, .tm6 img, .tm7 img, .tm9 img {width:36px; height:36px;}
.tm2 img, .tm4 img, .tm3 img, .tm5 img, .tm8 img {width:50px; height:50px;}
.tm10 img {width:60px; height:60px;}
.tm-images .tm-image.tm1 {margin: 0; top: -7%; left:0;}
.tm-images .tm-image.tm2 {margin: 0; top: 10%; left:28%;}
.tm-images .tm-image.tm3 {margin: 0; top: 45%; left: 3%}
.tm-images .tm-image.tm4 {margin: 0; top: 75%; left:0;}
.tm-images .tm-image.tm5 {margin: 0; top: 92%; left: 24%}
.tm-images .tm-image.tm6 {margin: 0; top: -7%; right: 24%}
.tm-images .tm-image.tm7 {margin: 0; top: 6%; right: 0}
.tm-images .tm-image.tm8 {margin: 0; top: 41%; right: 6%}
.tm-images .tm-image.tm9 {margin: 0; top: 74%; right: 11%}
.tm-images .tm-image.tm10 {margin: 0; top: 91%; right: 18%}
.footer .footer-top {padding:24px 0; border-bottom:0;}
.footer-top .f-contact {display:none;}
.footer-top .f-logo {float:none; text-align:center;}
.footer-top .f-logo a {display:inline-block; vertical-align:top;}
.footer .footer-bottom {padding:0; text-align:center;}
.footer-bottom .fb-right {float:none; text-align:center; display:inline-block; vertical-align:top; position:relative; padding-right:38px; margin-bottom:3px;}
.footer-bottom .about { text-align:center; width:380px; padding-right: 20px; font-size: 14px; letter-spacing: 0.2px; line-height: 18px;}
.footer-bottom .cp {float:none; border-top: 1px solid rgba(255, 255, 255, 0.1); padding:18px 0; text-align:center;}
.fb-right .footer-menu ul li {margin: 0 30px 15px 0;}
.fb-right .language {position:absolute; margin-left:0; right:0; float:none; top:0;}
.block3 .ftx {margin-top:0;}
.block3 .a-block-col .a-block-image, .block5 .a-block-col .a-block-image {margin-top:30px;}
.block4 .a-block-col .a-block-image {margin-bottom:30px; float:none;}
.block6 .a-block-col .a-block-image {margin-bottom:5px; float:none;}
.b-item .b-item-a {padding:30px 18px;}
.c-block {padding: 60px 0 30px;}
.c-block-wrap .c-item {width:33.33333333333%; padding-bottom: 30px;}
.c-block-wrap .c-item:nth-child(4n+1) {clear:none;}
.c-block-wrap .c-item:nth-child(3n+1) {clear:both;}
.c-item i {margin-bottom:12px;}
.v-list.v-lr {margin-bottom:15px;}
.block6.p-40 {padding:30px 0 !important;}
}
@media only screen and (max-width:850px) {
.ts-left-b .ts-title {font-size:50px; line-height:60px;}
.a-join {padding:65px 0;}
.a-panel {padding: 50px 0}
.counter {padding:50px 0 20px;}
.testimonials {padding:50px 0;}
.testimonials-wrap .tm-slider-wrap {margin-bottom:50px;}
.tm-slider .owl-dots {bottom: -90px;}
.page-top {padding: 144px 0 60px;}
.page-top-wrap .pg-title {font-size:32px; line-height:38px; margin-bottom:20px;}
.page-top-wrap .pg-text {font-size:19px; line-height:26px; margin-bottom:30px;}
.f-items {padding:50px 0 20px;}
.b-block {padding:50px 0 30px;}
.b-block .a-title {margin-bottom:20px;}
.b-block-wrap .b-item {width:100%; margin-bottom:20px;} 
.c-block {padding: 50px 0 20px;}
.x-block {padding: 50px 0 30px;}
.a-tabs {padding: 50px 0;}
.a-tabs-top .a-tab-item {width:33.3333333333%;}
.a-tabs-top .a-tab-item:nth-child(3n+1) {clear:both;}
.a-tab-inner i {width:48px; height:48px; background-size:cover;}
.a-tabs-top .a-tab-item .a-tab-inner:after {border-left: 12px solid rgba(0,0,0,0); border-right: 12px solid rgba(0,0,0,0); border-top: 12px solid;}
.a-tab-content {padding-top:30px;}
.a-tab-c .a-tab-right {float:none; max-width:468px; width: auto; margin: 0 auto 20px;}
.a-tab-image img {width:100%;}
.a-tab-c .a-tab-left {display:block; padding:0; height: auto;}
.a-tab-c .a-tab-title {font-size:28px; line-height:34px;}
.a-tab-c .a-tab-text, .a-tab-c .a-tab-sp {margin-top:20px;}
.d-items {padding:50px 0 20px;}
.d-items .d-items-wrap {padding-top:0;}
.process {padding:50px 0;}
.p-title h2 {font-size:29px; line-height:36px;}
.p-item span {font-size:19px; line-height:24px;}
.process-items {padding-top:5px;}
.contact:before, .contact-wrap:before {content:none;}
.contact-wrap {margin: 0 -20px;}
.contact-wrap .contact-left {width:100%; float:none; padding:50px 20px; background-color: #f9f8ff;}
.contact-wrap .contact-right {width:100%; float:none; padding:50px 20px;}
.c-contact ul li {float:left; width:50%;}
.c-contact ul li:nth-child(odd) {padding-right:15px;}
}
@media only screen and (max-width:750px) {
.d-items {padding:50px 0 30px;} 
.d-items-wrap .d-item {width:100%; padding-bottom:20px;}
.lp-content .lp-col {width: 100%;}
.lp-content .lp-col .lp-left {background: rgb(84,150,255); background: linear-gradient( 60deg , rgba(84,150,255,1) 0%, rgba(135,57,229,1) 100%); padding: 0 !important;}
.lp-content .lp-col .lp-left:before {content:none;}
.lp-content .lp-col .lp-left img {max-width:400px; margin: 0 auto;}.lp-content .lp-col .lp-right {padding: 40px 40px 30px 40px !important;}
.lp-s {margin-top:60px;}
}
@media only screen and (max-width:690px) {
.c-block-wrap .c-item {width:50%;}
.c-block-wrap .c-item:nth-child(3n+1) {clear:none;}
.c-block-wrap .c-item:nth-child(2n+1) {clear:both;}
}
@media only screen and (max-width:660px) {
.a-panel {padding:50px 0 20px;}
.a-panel-wrap .a-panel-col {width:100%; padding-top:0;}
.a-panel-col .a-panel-item, .a-panel-col .a-panel-item:last-child {margin-bottom:30px;}
.a-panel-col.c-left .a-panel-item {text-align:left;}
.c-left .a-panel-item .ap-top i {float:left; margin: 0 20px 0 0;}
.a-panel-item .ap-top span {font-size:23px; display: table-cell; height: 60px; vertical-align: middle;}
}
@media only screen and (max-width:600px) {
.centered {padding: 0 12px;}
.header .header-wrap {padding-top:15px;}
.top-section-wrap .ts-left {text-align:center;}
.top-section {padding-top:110px;}
.ts-left-b .ts-title {font-size:42px; line-height:50px; margin-bottom:15px;}
.ts-left-b .ts-text {margin-bottom:28px; font-size:19px; line-height:25px;}
.ts-buttons {text-align:center;}
.ts-buttons .ts-button {float:none; display:inline-block; margin: 0 10px 20px;}
.top-section-wrap .ts-right {margin: 10px auto;}
.a-title h2 {font-size:24px; line-height:30px;}
.properties-wrap .properties-item {padding:28px 18px;}
.a-block {padding:40px 0;}
.a-block-content .a-block-title {font-size:25px; line-height:31px; margin-bottom:18px;}
.a-item-info .a-item-title {font-size:20px; line-height:24px; margin-bottom:6px;}
.a-join {padding:50px 0; background-attachment:unset;}
.a-join-wrap .j-title {font-size:28px; line-height:34px;}
.a-join-wrap .j-text {font-size:19px; line-height:26px;}
.a-panel {padding:40px 0 10px;}
.counter-wrap .counter-item {width:100%; border:0;}
.counter {padding:40px 0 10px;}
.counter-item .ct-counter {font-size:46px; line-height:52px;}
.testimonials-wrap .tm-slider-wrap {padding: 50px 15px 24px 15px;}
.testimonials {padding:40px 0;}
.testimonials-wrap .tm-slider-wrap {margin-bottom:40px;}
.tm-slider .owl-dots {bottom: -64px;}
.partners {padding:30px 0;}
.partners .a-title {margin-bottom:15px;}
.page-top {padding: 114px 0 40px;}
.page-top-wrap .pg-title {font-size:28px; line-height:36px; margin-bottom:20px;}
.page-top-wrap .pg-text {font-size:18px; line-height:25px;}
.a-block-content .a-block-text {font-size:17px; line-height:24px;}
.f-items-wrap .f-item {width:100%; margin-bottom:20px;}
.f-items-wrap .f-item .f-item-a {padding: 20px 15px;}
.f-items-wrap .f-item .f-item-a:hover {bottom:0;}
.f-items {padding:40px 0 20px;}
.f-items-wrap {padding-top:0;}
.v-list {margin-bottom:20px;}
.b-block {padding:40px 0 20px;}
.b-block .a-title {margin-bottom:15px;}
.c-block {padding: 40px 0 10px;}
.x-block {padding:40px 0 20px;}
.xt-items .xt-item {width:100%;}
.xt-title {font-size:26px; line-height:32px;}
.xt-text {font-size:17px; line-height:24px;}
.a-tabs-top .a-tab-item {width:50%;}
.a-tabs-top .a-tab-item:nth-child(3n+1) {clear:none;}
.a-tabs-top .a-tab-item:nth-child(2n+1) {clear:both;}
.a-tabs-top .a-tab-item .a-tab-inner {padding:15px 8px;}
.a-tabs {padding:40px 0;}
.a-tab-content {padding-top:20px;}
.a-tab-c .a-tab-right {margin-bottom:15px;}
.a-tab-c .a-tab-title {font-size:26px; line-height:32px;}
.a-tab-c .a-tab-text, .a-tab-c .a-tab-sp {font-size:17px; line-height:24px;}
.d-item .d-item-a {padding:20px 15px;}
.d-item-a i:before {width:38px; height:38px; background-size:cover;}
.d-item-right .d-title {font-size:20px;}
.d-item .d-item-a:hover {bottom:0;}
.d-items {padding:40px 0 20px;} 
.p-title h2 {font-size:26px; line-height:32px;}
.process {padding:40px 0;}
.process-items .p-item {width:100%; float:none; padding-bottom:64px;}
.process-items .p-item:last-child {padding-bottom:0;}
.process-items .p-item:after {left:0; width:30px; height:30px; top: auto; bottom: 17px; right:0; margin: auto;  transform: rotate(90deg);}
.process-items {padding-top:0;}
.j-button.mt-40 {margin-top:30px;}
.block6.p-40 {padding:20px 0 !important;}
.contact-wrap .contact-left {width:100%; float:none; padding:40px 20px;}
.contact-wrap .contact-right {width:100%; float:none; padding:40px 20px;}
.cn-title {font-size:28px; line-height:32px;}
.c-row .c-col {width:100%; float:none;}
.login-panel {padding: 0 12px;}
.login-panel-wrap .lp-top {padding: 10px 15px;}
}
@media only screen and (max-width:550px) {
.c-contact ul li {float:none; width:100%; margin-bottom:20px;}
.c-contact ul li:nth-child(odd) {padding-right:0;}
}
@media only screen and (max-width:500px) {
.header-wrap .logo a {height:50px; background-size:contain; background-repeat:no-repeat;}
.header-wrap .mobile-menu {margin: 11px 0;}
.lp-top .return {padding: 6px 0;}
.lp-top .return a {padding: 0; width: 34px; height: 34px;}
.lp-top .return a:before {width: 34px; height: 34px; background-size: cover;}
.lp-top .return span {display: none;}
}
@media only screen and (max-width:480px) {
.lp-content .lp-col .lp-right {padding: 36px 20px 30px 20px !important}
.lp-s {margin-top: 46px !important;}
}
@media only screen and (max-width:450px) {
.a-items .a-item {width:100%;}
.c-block {padding:40px 0 18px;}
.c-block-wrap .c-item {padding-bottom:22px;}
.c-item i {width:68px; height:68px; margin-bottom:10px;}
.c-item span {font-size:17px; line-height:22px;}
}