/*
Designer: Xatai
Site: Xpert.az
Facebook: https://fb.com/xetai.isayev
*/
/* @media only screen and (max-height:910px) and (min-width: 850px) {
.about-top {padding-top: 100px;}
.about-top .bee {top: 331px;}
}
@media only screen and (max-height:830px) and (min-width: 850px) {
.about-top {padding-top:50px;}
.about-top .bee {top: 281px;}
}
@media only screen and (max-height:780px) and (min-width: 850px) {
.about-top .st-gr img {width: auto; height: 25vh; margin: 0 auto; min-height: 145px;}
.about-top .bee img {width:auto; height: 50vh; min-height:290px;}
} */
/* @media only screen and (max-height:600px) and (min-width: 850px) {
.about-top {padding: 114px 0 342px 0;}
.about-top .st-gr img {max-height: 132px;}
.about-top .bee img {max-height: 300px; width: auto;}
.about-top .bee {margin-top: -66px !important; top: auto !important;}
} */
/* @media only screen and (min-height:600px) and (max-height: 970px) {
.about-top {padding-top: 19vh !important; padding-bottom: 57vh !important;}
.about-top .st-gr img {height: 22vh !important; max-height: 214px;}
.about-top .bee {min-width: 310px;top: auto  !important; margin-top: -11vh;}
.about-top .bee img {height: 50vh  !important; width: auto  !important;}
} */

@media only screen and (min-height:960px) {
.about-top {padding-top:182px; padding-bottom:546px; height: auto;} 
.about-top .bee {margin-top: -106px}
}
@media only screen and (max-width:1800px) {
.contact-top-wrap .ct-title {letter-spacing: 84px; padding-left:84px; font-size: 170px; line-height: 200px;}
.contact-top .ct-gr {height: 665px;}
.contact-top {padding-top:476px;}
}
@media only screen and (max-width:1460px) {
.about-top .bee img {width: 31% !important; height: auto !important; min-height:0}
.contact-top-wrap .ct-title {letter-spacing: 70px; padding-left:70px; font-size: 150px; line-height: 170px;}
.contact-top .ct-gr {height: 620px;}
.contact-top {padding-top:446px;}
}
@media only screen and (max-width:1460px) and (max-height:850px) and (min-width:1000px) {
.about-top .bee img {width: auto !important; height: 50vh !important; min-height: 300px  !important;}
}
@media only screen and (max-height:760px) {
.m-next {bottom: 20px;}
.main-a-d .m-text {font-size:78px; line-height: 96px;}
.main-a-d .n-text {font-size:26px; line-height:32px;}
.main-a-d .bees {height: 42vh}
}
@media only screen and (max-height:600px) {
.about-top {padding-top:114px; padding-bottom:342px;} 
.about-top .bee {margin-top: -66px}
}
@media only screen and (max-width:680px) and (max-height: 600px) {
.about-top {padding-top:60px; padding-bottom:220px; height: auto;}
}
@media only screen and (max-width:1600px) {
.x-centered, .centered, .b-centered {padding: 0 20px}
}
@media only screen and (max-width:1260px) {
.x-centered {padding: 0 20px;}
.header .header-a {padding: 20px 0;}
.main-a {padding: 84px 20px;}
.main-a-d .m-text {font-size:78px; line-height: 96px;}
.main-a-d .n-text {font-size:26px; line-height:32px;}
.services .services-a {padding: 348px 0;}
.a-title {font-size: 49px; line-height: 55px;}
.a-text {font-size: 22.4px; line-height: 27px;}
.service-item .service-name {font-size: 54px; line-height: 60px;}
.service-item span {padding: 19px 36px 19px 0;}
.portfolio-list .portfolio-item {padding-bottom:50px;}
.portfolio-item .portfolio-info {padding-top:25px;}
.portfolio-item .portfolio-info .portfolio-title {font-size: 26px; line-height: 32px;}
.technologies .a-title {font-size:54px; line-height:62px;}
.technologies {padding: 126px 0;}
.tech-panel {margin-top:54px;}
.tech-list {padding: 30px 30px 50px;}
.partners {padding: 260px 0;}
.partners-a .prt-b {font-size: 36.4px; line-height: 42px; margin-bottom: 36px;}
.contact {padding: 135px 0;}
.contact-left .ct-text {font-size: 46px; line-height: 54px; margin-bottom:18px;}
.contact .contact-a {display:block;}
.contact-a .contact-left {display:block; width:100%; padding-right: 0; margin-bottom:18px;}
.contact-a .contact-right {display:block; width:100%; min-width: 0; max-width: 680px; margin: 0 auto;}
.services-page {padding: 88px 0;}
.services-page .sv-title, .services-lists .service-item {margin-bottom: 108px;}
.services-page .sv-title h2 {font-size: 49px; line-height: 58px;}
.services-page .sv-title span, .srv-wrap .srv-right {font-size:22.4px; line-height: 30px;}
.srv-wrap .srv-left {font-size: 38px; line-height: 46px;}
.about-text {padding: 176px 0;}
.about-text-wrap .about-text-t {width: 500px; font-size: 64px; line-height: 72px;}
.about-text-wrap .about-text-c {font-size:25px; line-height: 40px;}
.about-carousel {padding: 20px 0 60px;}
.about-ct .about-ct-item {font-size: 169px; line-height: 190px; padding-right: 86px;}
.team-ct-item .t-image img {width:236px; height: 236px;}
.team-ct .team-ct-item {padding-right:52px;}
.team-ct-item .t-name {font-size: 19px; line-height: 23px;}
.about-extra .about-extra-wrap {display:block;}
.about-extra-wrap .about-e-left {display:block; width: auto; padding-right: 0;}
.about-extra-wrap .about-e-right {display:block; width: auto; max-width: 720px; margin: 0 auto;}
.about-e-right .ab-icons {width: auto; margin: 0 -20px;}
.about-e-right .ab-icon-a {padding: 20px; width:50%;}
.about-e-right .ab-icon-a .ab-icon img {width:100%; padding: 27%;}
.about-ct {margin-bottom:56px;}
.about-e-left .about-e-title {font-size: 49.2px; line-height: 58px;}
.about-e-left .about-e-text {font-size: 27.2px; line-height: 34px; margin-bottom:10px;}
.about-extra {padding: 88px;}
.about-gallery, .about-history, .about-timeline {padding: 88px 0;}
.about-properties-wrap .about-p-title {font-size: 49.2px; line-height: 58px; margin-bottom: 136px;}
.about-p-item .about-p-t {font-size: 36.4px; margin-bottom:28px;}
.about-properties-wrap .about-p-items {margin: 0 -30px;}
.about-p-items .about-p-item {padding: 0 30px 88px;}
.about-properties {padding: 116px 0 28px}
.portfolio {padding: 108px 0 88px}
.contact-top {padding-top: 426px;}
.contact-top-wrap .ct-title {letter-spacing: 45px; padding-left:45px; font-size: 130px; line-height: 150px;}
.contact-top .ct-gr {height: 575px;}
.contact-top .contact-top-wrap {top:170px;}
.lg-text .lg-title {font-size: 49.2px; line-height: 58px;}
.lg-text .lg-extra {font-size: 27.2px; line-height: 34px; margin-bottom:26px;}
.login-wrap .login-right {padding-top: 40px; padding-bottom:0;}
.login {padding-top: 85px; margin-top: -85px;}
.pdi-wrap .pdi-left {display:none;}
.portfolio-detail .portfolio-detail-info {padding: 68px 0 74px}
.pdi-right .portfolio-detail-title {font-size:28.4px; line-height:35px;}
.pdi-right .portfolio-detail-text {font-size: 19px; line-height: 28px;}
.portfolio-pager {padding: 50px 0 140px;}
.mobile-open {overflow: hidden;}
.mobile-open .mobile-fixed {visibility: visible;}
.mobile-open .menu-panel {-webkit-transform: translate3D(0,0,0); -moz-transform: translate3D(0,0,0); transform: translate3D(0,0,0);}
.gl-items, .about-history-items, .ab-timeline {margin-top:45px;}
}
@media only screen and (max-width:1180px) {
.header-a .top-menu, .header-a .header-right {display:none;}
.header-a .mobile-menu {display:block;}
}
@media only screen and (max-width:1100px) {
.tech-list .tech-list-a ul li {width: 33.3333333333%;}
.login {padding-top: 0; margin-top: 0; height: auto; min-height:0; max-height: none;}
.login-wrap {display:block;}
.login-wrap .login-left {padding: 100px 30px; overflow: hidden; width: 100%; display:block;}
.lg-text {float:none; max-width:none;}
.login-wrap .login-right {display:block; max-width:none; width:100%; overflow:hidden;}
}
@media only screen and (max-width:1000px) {
.main-a-d .m-text {font-size: 68px; line-height: 84px;}
.main-a-d .n-text {font-size:23px; line-height:29px;}
.services .services-a {padding: 308px 0;}
.a-title {font-size: 44px; line-height: 52px;}
.a-text {font-size: 20.8px; line-height: 25px;}
.services-list .service-item {display:block; text-align:left}
.services-list .service-item a {margin: 10px 0;}
.service-item .service-name {font-size: 48px; line-height: 54px;}
.service-item span {padding: 16px 36px 16px 0;}
.portfolio-item .portfolio-image .pr-img {padding: 4px; border-radius: 13px;}
.portfolio-list .portfolio-item {padding-bottom:40px;}
.portfolio-item .portfolio-info {padding-top:20px;}
.portfolio-item .portfolio-info .portfolio-title {font-size: 22px; line-height: 28px; margin-bottom:16px;}
.pr-bt .pr-a {font-size:15px; line-height: 22px; padding: 6px 15px;}
.pr-bt .pr-more {display:none;}
.technologies .a-title {font-size:48px; line-height:56px;}
.technologies {padding: 120px 0;}
.tech-panel {margin-top:48px;}
.tech-top .t-dots {display:none;}
.tech-top ul li {padding: 0 5%;}
.partners {padding: 220px 0;}
.partners-a .prt-b {font-size: 34.8px; line-height: 40px; margin-bottom: 32px;}
.contact {padding: 128px 0;}
.contact-left .ct-text {font-size: 42px; line-height: 50px; margin-bottom:16px;}
.contact-a .contact-left {margin-bottom: 16px;}
.footer-a .ft-left {float:none; padding-right:0}
.footer-a .ft-right {display:none;}
.services-page {padding: 76px 0;}
.services-page .sv-title, .services-lists .service-item {margin-bottom: 96px;}
.services-page .sv-title h2 {font-size: 44px; line-height: 52px; float:none; margin-bottom:20px; padding-right:0; width:auto;}
.services-page .sv-title span, .srv-wrap .srv-right {font-size:20.8px; line-height: 28px;}
.srv-wrap .srv-left {font-size: 36px; line-height: 42px; width: auto; padding-right: 0; float:none; margin-bottom:30px;}
.about-text {padding: 152px 0;}
.about-text-wrap .about-text-t {float:none; padding-right: 0; width: auto; font-size: 58px; line-height: 66px; margin-bottom:20px;}
.about-text-wrap .about-text-c {font-size:24px; line-height: 38px;}
.about-ct .about-ct-item {font-size: 138px; line-height: 160px; padding-right: 75px;}
.team-ct-item .t-image img {width:222px; height: 222px;}
.team-ct .team-ct-item {padding-right:43px;}
.team-ct-item .t-name {font-size: 18px; line-height: 22px;}
.about-ct {margin-bottom:52px;}
.about-e-left .about-e-title {font-size: 44.4px; line-height: 53px;}
.about-e-left .about-e-text {font-size: 24.4px; line-height: 31px; margin-bottom:15px;}
.about-extra, .about-gallery, .about-history, .about-timeline {padding: 76px 0;}
.about-properties-wrap .about-p-title {font-size: 44.4px; line-height: 53px; margin-bottom: 112px;}
.about-p-item .about-p-t {font-size: 34.8px; margin-bottom:26px;}
.about-p-items .about-p-item {width: 50%; padding: 0 30px 76px;}
.about-p-items .about-p-item:nth-child(3n+1) {clear:none;}
.about-p-items .about-p-item:nth-child(2n+1) {clear:both;} 
.about-properties {padding: 112px 0 36px}
.portfolio {padding: 96px 0 76px}
.contact-top-wrap .ct-title {letter-spacing: 30px; padding-left:30px; font-size: 100px; line-height: 120px;}
.contact-top .ct-gr {height: 485px;}
.contact-top {padding-top: 380px;}
.contact-top .contact-top-wrap {top: 150px;}
.lg-text .lg-title {font-size: 44.4px; line-height: 53px;}
.lg-text .lg-extra {font-size: 24.4px; line-height: 31px; margin-bottom:22px;}
.login-wrap .login-left {padding: 90px 30px;}
.portfolio-detail .portfolio-detail-info {padding: 56px 0 68px}
.pdi-right .portfolio-detail-title {font-size:26.8px; line-height:33px;}
.gallery-image-wrap .gallery-image {padding: 4px; border-radius: 13px;}
.portfolio-pager {padding: 40px 0 130px}
.gl-item.w-50 {width:100%;}
.g-flex {display:block;}
.gr-left .gl-image:before {padding-top:50%;}
.gr-left {float:none; width:100%;}
.gr-right {margin: 0 -10px -20px; width: auto; float:none}
.gr-right .g-gallery-a {width:50%; float:left; padding: 0 10px}
.gl-items, .about-history-items, .ab-timeline {margin-top:40px;}
.about-history-items .about-history-item {width:50%;}
.ab-tm-item .ab-tm-left {float:none; padding-left:40px; padding-right:0;}
.ab-tm-left .ab-time {text-align:left;}
.ab-tm-item .ab-tm-right {margin-top:-29px; padding-top:46px; padding-left:40px; padding-bottom:70px;}
.about-timeline .b-centered {max-width: 800px;}
}
@media only screen and (max-width:900px) {
.main-a-d .bees {height: auto; min-height:0}
.main-a-d .bees img {width:538px;}
.login-bg img {width:146%;}
}
@media only screen and (max-width:800px) {
.main-a-d .m-text {font-size: 50px; line-height: 66px;}
.main-a-d .n-text {font-size:21px; line-height:26px;}
.services .services-a {padding: 268px 0;}
.a-title {font-size: 39px; line-height: 45px;}
.a-text {font-size: 19.2px; line-height: 24px;}
.service-item .service-name {font-size: 42px; line-height: 50px;}
.service-item span {padding: 14px 36px 14px 0;}
.portfolio-list .portfolio-item {width:100%; float:none;}
.portfolio-list .portfolio-item {padding-bottom:60px;}
.portfolio-item .portfolio-image .pr-img {border-radius: 16px; padding: 8px;}
.portfolio-item .portfolio-info .portfolio-title {font-size: 30px; line-height: 36px;}
.pr-bt .pr-more {display:block;}
.pr-bt .pr-a {font-size:18px; line-height: 22px; padding: 9px 20px;}
.technologies .a-title {font-size:42px; line-height:48px;}
.technologies {padding: 114px 0;}
.tech-panel {margin-top:42px;}
.tech-list .tech-list-a ul li {width: 50%;}
.partners {padding: 180px 0;}
.partners-a .prt-b {font-size: 33.2px; line-height: 38px; margin-bottom: 28px;}
.contact {padding: 118px 0;}
.contact-left .ct-text {font-size: 38px; line-height: 44px; margin-bottom:14px;}
.contact-left .ct-i {font-size: 17px; line-height: 24px;}
.contact-a .contact-left {margin-bottom: 14px;}
.services-page {padding: 64px 0;}
.services-page .sv-title, .services-lists .service-item {margin-bottom: 84px;}
.services-page .sv-title h2 {font-size: 38px; line-height: 46px;}
.services-page .sv-title span, .srv-wrap .srv-right {font-size:19.2px; line-height: 26px;}
.srv-wrap .srv-left {font-size: 34px; line-height: 40px;}
.about-text-wrap .about-text-t {font-size: 52px; line-height: 60px;}
.about-text {padding: 128px 0;}
.about-text-wrap .about-text-c {font-size:23px; line-height: 36px;}
.about-ct .about-ct-item {font-size: 107px; line-height: 120px; padding-right: 61px;}
.team-ct-item .t-image img {width:208px; height: 208px;}
.team-ct .team-ct-item {padding-right:34px;}
.team-ct-item .t-name {font-size: 17px; line-height: 21px;}
.about-ct {margin-bottom:48px;}
.about-e-left .about-e-title {font-size: 39.6px; line-height: 48px;}
.about-e-left .about-e-text {font-size: 21.6px; line-height: 27px; margin-bottom:20px;}
.about-e-right .ab-icons {margin: 0 -15px;}
.about-e-right .ab-icon-a {padding: 15px;}
.about-extra, .about-gallery, .about-history, .about-timeline {padding: 70px 0;}
.about-properties-wrap .about-p-title {font-size: 39.6px; line-height: 48px; margin-bottom: 88px;}
.about-p-item .about-p-t {font-size: 33.2px; margin-bottom:24px}
.about-properties-wrap .about-p-items {margin: 0 -20px;}
.about-p-items .about-p-item {width: 100%; padding: 0 20px 64px;}
.about-properties {padding: 108px 0 44px}
.portfolio {padding: 84px 0 64px}
.contact-top-wrap .ct-title {letter-spacing: 20px; padding-left:20px; font-size: 78px; line-height: 98px;}
.contact-top .ct-gr {height: 395px;}
.contact-top {padding-top: 340px;}
.contact-top .contact-top-wrap {top: 140px;}
.lg-text .lg-title {font-size: 39.6px; line-height: 48px;}
.lg-text .lg-extra {font-size: 21.6px; line-height: 27px; margin-bottom:18px;}
.login-wrap .login-right {padding-top:20px;}
.portfolio-detail .portfolio-detail-info {padding: 44px 0 62px}
.pdi-right .portfolio-detail-title {font-size:25.2px; line-height:32px; margin-bottom:20px;}
.pdi-right .portfolio-detail-text {font-size: 18px; line-height: 27px;}
.portfolio-gallery-wrap .gallery-item {width:100%; float:none;}
.gallery-image-wrap .gallery-image {padding: 8px; border-radius: 16px;}
.portfolio-pager {padding: 30px 0 120px}
.gl-items, .ab-timeline {margin-top:35px;}
.about-history-items {margin: 35px -10px -20px;}
.about-history-items .about-history-item {padding: 0 10px 20px;}
}
@media only screen and (max-width:700px) {
.contact-top .contact-top-wrap {text-align:left; padding: 0 16px;}
.contact-top-wrap .ct-title {padding-left:0; letter-spacing: 15px;font-size: 70px; line-height: 84px; margin-bottom:30px;}
.contact-top .ct-gr {height: 305px;}
.ct-items .ct-item {padding: 0 0 20px; border:0; float:none; margin-bottom:20px; border-bottom: 1px solid #E8EAED; text-align:left !important;}
.ct-items {display:block; margin:0;}
.ct-bottom-a .ct-address {float:none; margin: 0 0 20px 0;}
.ct-bottom-a .ct-social {float:none;}
.contact-top {padding-top:480px;}
.ct-bottom-a .ct-social ul li {margin: 0 30px 0 0;}
.ab-tm-right .ab-item-h {font-size:24px; line-height:30px; margin-bottom:20px;}
.ab-tm-right .ab-item-desc {font-size:18px; line-height:23px;}
}
@media only screen and (max-width:600px) {
.x-centered, .centered, .b-centered {padding: 0 16px;}
.header .header-a {padding: 12px 0;}
.main-a {padding: 68px 16px; min-height:500px;}
.main-a-d .m-text {font-size:40px; line-height: 50px;}
.main-a-d .n-text {font-size:19px; line-height: 24px;}
.services .services-a {padding: 228px 0;}
.a-title {font-size: 34px; line-height: 40px;}
.a-text {font-size: 17.6px; line-height: 22px;}
.service-item .service-name {font-size: 36px; line-height: 42px;}
.service-item span {padding: 10px 30px 10px 0;}
.portfolio-list {margin:0;}
.portfolio-list .portfolio-item {padding:0 0 50px 0;}
.portfolio-item .portfolio-info {padding-top:25px;}
.portfolio-item .portfolio-info .portfolio-title {font-size: 26px; line-height: 32px;}
.pr-bt .pr-more {display:none;}
.technologies .a-title {font-size:36px; line-height:42px;}
.technologies {padding: 106px 0;}
.tech-panel {margin-top:36px;}
.portfolio-category ul li a {margin: 0 16px;}
.tech-top ul li {padding: 0 10px;}
.tech-top ul li span {font-size:14px; line-height: 16px;}
.tech-list {padding: 20px 16px 40px;}
.tech-list .tech-text {margin-top:10px; font-size:17px; line-height:24px;}
.partners {padding: 140px 0;}
.partners-a .prt-b {font-size: 31.6px; line-height: 37px; margin-bottom: 24px;}
.contact {padding: 110px 0;}
.contact-left .ct-text {font-size: 34px; line-height: 40px; margin-bottom:12px;}
.contact-left .ct-i {font-size: 16px; line-height: 20px;}
.contact-a .contact-left {margin-bottom: 12px;}
.contact-right .ct-body {padding: 40px;}
.x-checks {padding-top:8px;}
.xt-check {width:100%; padding: 0 0 20px 0}
.ct-bottom .x-button {width:100%;}
.services-page {padding: 52px 0;}
.services-page .sv-title, .services-lists .service-item {margin-bottom: 72px;}
.services-page .sv-title h2 {font-size: 35px; line-height: 42px;}
.services-page .sv-title span, .srv-wrap .srv-right {font-size:17.6px; line-height: 25px;}
.srv-wrap .srv-left {font-size: 32px; line-height: 38px;}
.about-text {padding: 104px 0;}
.about-text-wrap .about-text-t {font-size: 46px; line-height: 52px; text-align:center;}
.about-text-wrap .about-text-c {font-size:21.5px; line-height: 32px; text-align:center;}
.about-carousel {padding: 10px 0 40px;}
.about-ct .about-ct-item {font-size: 76px; line-height: 80px; padding-right: 47px;}
.team-ct-item .t-image img {width:194px; height: 194px;}
.team-ct .team-ct-item {padding-right:24px;}
.team-ct-item .t-name {font-size: 16px; line-height: 20px;}
.team-ct-item .t-pos {font-size:13px; line-height: 16px;}
.about-ct {margin-bottom:44px;}
.about-e-left .about-e-title {font-size: 34.8px; line-height: 43px;}
.about-e-left .about-e-text {font-size: 18.8px; line-height: 25px; margin-bottom:21px;}
.about-e-right .ab-icons {margin: 0 -10px;}
.about-e-right .ab-icon-a {padding: 10px;}
.about-extra, .about-gallery, .about-history, .about-timeline {padding: 60px 0;}
.about-properties-wrap .about-p-title {font-size: 34.8px; line-height: 43px; margin-bottom: 64px;}
.about-p-item .about-p-t {font-size: 31.6px; margin-bottom:22px}
.about-p-item .about-p-b {line-height: 28px;}
.about-p-items .about-p-item {width: 100%; padding: 0 20px 52px;}
.about-properties {padding: 104px 0 52px}
.portfolio {padding: 72px 0 52px}
.contact-top .contact-top-wrap {top: 130px;}
.lg-text .lg-title {font-size: 34.8px; line-height: 43px;}
.lg-text .lg-extra {font-size: 18.8px; line-height: 25px; margin-bottom:14px;}
.login-wrap .login-left {padding: 90px 16px;}
.portfolio-detail .portfolio-detail-info {padding: 32px 0 56px}
.pdi-right .portfolio-detail-title {font-size:23.6px; line-height:30px; margin-bottom:16px;}
.portfolio-detail-extra ul li.p-url a {padding-left:20px; font-size:0;}
.portfolio-detail-extra ul li.p-url a:before {left:0; right:0;}
.pdi-right .portfolio-detail-text {font-size: 17px; line-height: 25px;}
.portfolio-gallery .centered {padding:0;}
.gallery-image-wrap .gallery-image {padding: 4px; border-radius: 13px;}
.portfolio-gallery-wrap {margin: 0;}
.portfolio-gallery-wrap .gallery-item {padding: 0 0 30px 0;}
.portfolio-gallery-wrap .gallery-item .gallery-image-wrap {border-radius: 0; padding: 40px 20px;}
.pg-title {display:none;}
.portfolio-pager {padding: 20px 0 110px}
.page-prev a, .page-next a {padding-top:0; padding-bottom:0}
.m-top {padding: 12px 16px;}
.mob-menu { padding: 124px 16px 16px 16px; }
.f-bottom {padding: 0 16px;}
.gl-item .g-vertical:before, .gr-left .gl-image:before {padding-top:100%}
.g-gallery-wrap .g-gallery-a, .gr-right .g-gallery-a {width:100%;}
.gl-items {margin-top:30px; margin-bottom:0;}
.about-history-items, .ab-timeline {margin-top:30px;}
.about-history-items .about-history-item {width:100%;}
}
@media only screen and (max-width:540px) {
.tech-list .tech-list-a ul li {width:100%; padding: 0 0 10px;}
.contact-right .ct-body {padding: 28px;}
.x-row .x-col {width:100%;}
.x-input, .x-textarea {margin-bottom:10px;}
.x-checks {padding-top:14px;}
}
@media only screen and (max-width:480px) {
.main-a {min-height: 450px;}
.main-a-d .m-text {font-size:30px; line-height: 36px;}
.main-a-d .n-text {font-size:16px; line-height: 19px;}
.services .services-a {padding: 188px 0;}
.main-a-d .bees {margin-top: 0}
.a-title {font-size: 30px; line-height: 36px;}
.a-text {font-size: 16px; line-height: 20px;}
.service-item .service-name {font-size: 30px; line-height: 36px;}
.service-item span {padding: 7px 30px 7px 0;}
.portfolio-item .portfolio-image .pr-img {padding: 4px; border-radius: 13px;}
.portfolio .centered {padding:0}
.portfolio-list {margin:0;}
.portfolio-list .portfolio-item {padding: 0 0 40px 0}
.portfolio-item .portfolio-image {border-radius:0;}
.portfolio-item .portfolio-info {padding:20px 16px 0;}
.portfolio-item .portfolio-info .portfolio-title {font-size: 22px; line-height: 26px; margin-bottom:16px;}
.pr-bt .pr-a {font-size:15px; line-height: 22px; padding: 6px 15px;}
.p-more {padding: 0 16px;}
.technologies .a-title {font-size:30px; line-height:36px;}
.technologies {padding: 100px 0;}
.tech-panel {margin-top:30px; margin-bottom:30px;}
.t-team {margin-top:30px;}
.t-team-a .tt-text {font-size:16px; padding:5px 24px 5px 0; margin-right:4px;}
.tt-pics ul li img {width:40px; height:40px;}
.tech-top ul li {padding: 0 6px;}
.tech-list .tech-text {font-size:14px; line-height:20px;}
.partners {padding: 100px 0;}
.partners-a .prt-b {font-size: 30px; line-height: 36px; margin-bottom: 20px;}
.contact {padding: 100px 0;}
.contact-left .ct-text {font-size: 30px; line-height: 36px; margin-bottom:10px;}
.contact-a .contact-left {margin-bottom: 10px;}
.contact-right .ct-body {padding: 20px 16px;}
.services-page {padding: 40px 0;}
.services-page .sv-title, .services-lists .service-item {margin-bottom: 60px;}
.services-page .sv-title h2 {font-size: 30px; line-height: 36px;}
.services-page .sv-title span, .srv-wrap .srv-right {font-size:16px; line-height: 24px;}
.srv-wrap .srv-left {font-size: 30px; line-height: 36px;}
.about-text {padding: 80px 0;}
.about-text-wrap .about-text-t {font-size: 40px; line-height: 48px;}
.about-text-wrap .about-text-c {font-size:20px; line-height: 30px;}
.about-ct .about-ct-item {font-size: 45px; line-height: 54px; padding-right: 33px;}
.team-ct-item .t-image img {width:180px; height: 180px;}
.team-ct .team-ct-item {padding-right:16px;}
.about-ct {margin-bottom:40px;}
.about-e-left .about-e-title {font-size: 30px; line-height: 36px;}
.about-e-left .about-e-text {font-size: 16px; line-height: 20px;}
.about-e-right .ab-icons {margin: 0 -9px;}
.about-e-right .ab-icon-a {padding: 9px;}
.about-extra, .about-gallery, .about-history, .about-timeline {padding: 50px 0;}
.about-properties-wrap .about-p-title {font-size: 30px; line-height: 36px; margin-bottom: 40px;}
.about-p-item .about-p-t {font-size: 30px; margin-bottom:20px}
.about-p-items .about-p-item {padding: 0 20px 40px;}
.about-properties {padding: 100px 0 60px}
.portfolio {padding: 60px 0 40px}
.contact-top-wrap .ct-title {letter-spacing: 10px; font-size: 50px; line-height: 62px;}
.contact-top .ct-gr {height: 215px;}
.lg-text .lg-title {font-size: 30px; line-height: 36px;}
.lg-text .lg-extra {font-size: 16px; line-height: 20px; margin-bottom:10px;}
.login-wrap .login-left {padding: 80px 16px;}
.portfolio-detail-top .portfolio-detail-image {padding:4px; border-radius:13px;}
.portfolio-detail .portfolio-detail-info {padding: 20px 0 50px}
.pdi-right .portfolio-detail-title {font-size:22px; line-height:28px;}
.portfolio-detail-extra ul li a, .portfolio-detail-extra ul li span {font-size: 15px; line-height: 22px; padding: 6px 15px;}
.pdi-right .portfolio-detail-text {font-size: 16px; line-height: 22px;}
.portfolio-gallery-wrap .gallery-item {padding: 0 0 20px 0;}
.portfolio-pager {padding: 20px 0 100px}
.gl-items, .about-history-items, .ab-timeline {margin-top:25px;}
.gl-image .gallery-info {padding:24px;}
.ab-button a {padding:20px; width:100%; max-width:400px;}
}
@media only screen and (max-width:400px) {
.main-a {min-height: 400px;}
.ct-bottom-a .ct-social ul li {margin: 0 20px 15px 0;}
}
@media only screen and (max-width:350px) {
.f-bottom .ct-social ul li {margin: 0 11px 0 0;}
.ft-a ul li {float:none; margin-right:0; width:100%;}
.ft-a ul li:nth-child(2) {border-bottom: 1px solid #E8EAED;}
.mob-menu ul li {margin-bottom:20px;}
.menu-a {bottom: 200px;}
}
@media (min-aspect-ratio: 4/3) and (max-height:500px){
.menu-a {position:static;}
.f-bottom {position: static;}
}