@media only screen and (min-width: 992px){
.back-footer.dim-static {
    position: fixed;
       z-index: 9;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #252422;
}
.back-footer.dim-fixed {
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8;
}
}
@media only screen and (max-width:1890px){
	
}
@media only screen and (max-width:1820px) {
    
}@media only screen and (max-width:1660px) {
   .saudi-content {
    position: absolute;
    bottom: 0%;
    right: 10px;
    width: 59%;
    color: #fff;
    padding: 10px;
} 
.saudi-content p {
    margin-bottom: 10px;
    font-size: 15px;
}
.trends-items.row .content h2 {
    font-size: 28px;
    line-height: 50px;
    text-transform: uppercase;
}
.hero {
		min-height: 100%;
	}

.room-item.grid-item {
    margin: 0;
    width: 50%}
.room-item.grid-item--width2 {
    width: 100%}
	.header-phone {
    left: 20px;
	}
	.header-nav {
    margin-right: 40px;
    margin-left: 40px;
}
.header-logo {
    max-width: 330px;
    right: 20px;
}
.header .nav-item {
    margin-right: 25px;
}
}
@media only screen and (max-width:1500px) {
	.header-phone {
    left: 15px;
}
.header-logo {
	right: 15px;
}
.header .nav-item {
    margin-right: 25px;
}
.header-nav {
    margin-right: 40px;
    margin-left: 80px;
}
.header {
    padding: 15px 50px 12px 50px;
}
}
@media only screen and (max-width:1440px) {
    .hero .swiper-button-next, .hero .swiper-button-prev {
    display: none;
}
.grid-wrap {
    margin: -15px;
}
.grid-item {
    padding: 15px;
}
.header-inner {
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
}
.header-phone {
    left: 15px;
	
    width: 230px;
}
.header-logo {
    max-width: 200px;
    top: -25px;
}
.header .nav-link {
    font-size: 14px;
}
.hero {
    min-height: 100%;
}
h3.heading {
    font-size: 34px;
    margin-bottom: 15px;
    line-height: 31px;
    letter-spacing: 0px;
}
.title {
    font-size: 28px;
    line-height: 35px;
}
.trends-items.row .content h2 {
    font-size: 27px;
}

.single-service .single-cont h3 {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #000;
}

.trading-section p {
    line-height: 22px;
    color: #fff;
    position: relative;
    margin-bottom: 25px;
}

}
@media only screen and (max-width:1340px) {
    .hero-title {
    margin-bottom: 100px;
}
.hero-cnt {
    width: 100%}
	.header .nav-item {
		margin-right: 25px;
	}
}@media only screen and (max-width:1200px) {
    .header {
    padding: 10px 15px;
}
.header.fixed {
    padding: 15px;
}

.dark .header.fixed {
    padding: 15px;
}
.create-item {
    margin-bottom: 100px;
}
.create-item:last-child {
    margin-bottom: 0;
}
.create-item__img {
    margin-left: 0;
}
.create-item__img img {
    max-width: 100%}
.create-items--reverse .create-item__info {
    padding-left: 15px;
}
.service-title-wrap {
    margin-bottom: 100px;
}
.room {
    padding: 0;
}
.room-item__cnt {
    padding: 20px;
}
.room-item__title {
    margin-bottom: 20px;
}
.room-item__descr {
    font-size: 12px;
    line-height: 16px;
}
.room-item__btn {
    width: 75px;
    height: 75px;
}
.dark .room-item__descr:after {
    background: linear-gradient(to top, rgba(36, 36, 36, 0.4) 0%, rgba(36, 36, 36, 0) 100%);
}
.philosophy {
    padding: 150px 0;
}
.philosophy-cnt {
    padding-top: 150px;
}
.philosophy-cnt .title-wrap {
    margin-bottom: 100px;
}
.philosophy-items {
    margin-bottom: 150px;
}
.video__play {
    width: 75px;
    height: 75px;
}
.video__play i {
    margin-left: 5px;
}
.about-page .team {
    padding-top: 150px;
}
.about-page .partners {
    padding: 150px 0;
}
.project-slide__hover {
    overflow: auto;
}
.project-slide__info {
    margin-bottom: 20px;
}
.project-slide__title {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 27px;
    padding-bottom: 10px;
}
.project-slide__btn {
    width: 75px;
    height: 75px;
}
.details-page .planing-step {
    padding-bottom: 100px;
}
.details-page .planing-step__items--end .planing-step__descr {
    margin-bottom: 0;
}
.details-page .planing-items {
    margin: 0 -30px 70px;
}
.details-page .planing-item {
    margin: 0 30px 60px;
}
.news-hover {
    overflow: auto;
}
.news-hover__info {
    margin-bottom: 20px;
}
.news-hover__tag {
    position: absolute;
    left: 0;
    bottom: -30px;
}
.news-hover__header {
    position: relative;
}
.news-hover__title {
    font-size: 20px;
    line-height: 27px;
}
.news-hover__descr {
    font-size: 12px;
    line-height: 16px;
}
.news-hover__btn {
    width: 75px;
    height: 75px;
}
.news-listing {
    margin-right: 0;
}
.news-listing__item {
    margin-bottom: 30px;
}
.news-listing__item .news-hover {
    max-width: 50%}
.news-listing__item .news-hover__tag {
    position: static;
}
.single-img img {
    max-width: 100%}
.single-block {
    padding-top: 100px;
}
.single-block:first-child {
    padding-top: 100px;
}
.single .title-wrap {
    margin-bottom: 100px;
}
.single-txt--strong {
    margin-bottom: 100px;
}
.single .blog-share .title-wrap, .single .blog-tag .title-wrap {
    margin-bottom: 0;
}
.news-grid, .portfolio-grid {
    margin: -15px;
}
.news-grid__item, .portfolio-grid__item {
    width: calc(50% - 30px);
    margin: 15px;
}
.team-item {
    width: 50%}
.grid-wrap {
    margin: -15px;
}
.grid-item {
    width: calc(50% - 30px);
    padding: 0;
    margin: 15px;
}
.grid-item--width2 {
    width: calc(100% - 30px);
}

}@media only screen and (max-width:1024px) {
    .title-wrap {
    position: relative;
    display: inline-block;
}
.title-line {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.pages--main {
    padding: 150px 30px;
}
.pages--main .pages-item {
    margin: 15px;
    width: calc(50% - 30px);
}
.pages--inner {
    padding: 150px 30px;
}
.pages--inner .pages-item {
    margin: 15px;
    width: calc(33.333% - 30px);
}
.pages--inner .pages-link {
    margin-bottom: 30px;
}
.pages--inner .pages-link:last-child {
    margin-bottom: 0;
}
.pages-items {
    margin: -15px;
}
.pages-link:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
.hero-inner .hero-descr {
    margin-bottom: 75px;
}
.hero-inner .hero-title {
    font-size: 65px;
    line-height: 65px;
}
.hero-title {
    font-size: 65px;
    line-height: 65px;
}
.footer {
    padding: 50px 15px;
}
.footer-items {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.footer-item {
    margin-bottom: 50px;
}
.footer-item:last-child {
    margin-bottom: 0;
}
.footer-list__link {
    font-size: 15px;
}
.footer .copyright {
    font-size: 15px;
}
.trends {
    padding: 100px 0 0;
}
.trends-items {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0px;
}
.trends-items:last-child {
    margin-bottom: 0;
}
.trends-title {
    margin-bottom: 50px;
}
.trends-item {
    margin-bottom: 50px;
    width: 100%}
.trends-item:last-child {
    margin-bottom: 0;
}
.trends-img img {
    max-width: 100%}
.trends-video {
    padding-left: 0;
}
.trends-video .title-wrap {
    margin-bottom: 50px;
}
.philosophy-items {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 100px;
}
.philosophy-items:last-child {
    margin-bottom: 0;
}
.philosophy-item {
    margin-bottom: 100px;
    width: 100%}
.philosophy-item:last-child {
    margin-bottom: 0;
}
.video-wrap {
    width: 100%}
.planing-img {
    margin-bottom: 150px;
}
.planing-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -30px 70px;
    counter-reset: title;
}
.planing-item {
    width: calc(50% - 60px);
    margin: 0 30px 60px;
}
.planing-step {
    padding-bottom: 100px;
}
.planing-step--mb {
    margin-bottom: 0;
}
.planing-step__items {
    margin: 0;
}
.planing-step__items--reverse .planing-step__item:nth-child(1) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0;
}
.planing-step__items--reverse .planing-step__item:nth-child(2) {
    margin-bottom: 50px;
}
.planing-step__items--styled .planing-step__item:first-child {
    padding-bottom: 0;
    margin-bottom: 100px;
}
.planing-step__items--styled .planing-step__item:last-child {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.planing-step__items--styled .planing-step__item:last-child .planing-step__descr {
    padding: 0 50px;
}
.planing-step__item {
    width: 100%;
    margin: 0 0 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.planing-step__item:last-child {
    margin: 0;
}
.planing-step__item-img {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 50px;
    text-align: left;
    margin-top: 0;
}
.planing-step__item-img img {
    max-width: 100%}
.planing-step__item .planing-step__descr {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 0;
}
.planing-step__img .long-img {
    max-width: 100%}
.planing-step__img img {
    max-width: 100%}
.planing-step__title {
    margin-left: 40px;
    margin-bottom: 50px;
}
.planing-step__info {
    padding-left: 0;
}
.planing-step__info-img {
    margin-left: 0;
}
.project-slide__hover {
    padding: 30px;
}
.details .planing-step__title {
    margin-left: 0;
}
.single-txt--strong {
    padding: 0;
}
}
@media only screen and (max-width:992px) {
    .planing-step__item-img {
    position: static;
    text-align: right;
    margin-top: 50px;
}
.header {
    padding: 24px 40px 20px;
}
.header.fixed {
    padding: 15px 40px;
}
.header-phone {
    display: none;
}
.header.fixed .header-burger-line {
    background: #000;
}
.header-logo {
    position: static;
    margin-left: 0;
}

.header-nav-list {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
}
.header .nav-item {
    margin-right: 0;
    margin-bottom: 37px;
}
.header .nav-item:last-child {
    margin-bottom: 0;
}
.header .nav-link {
    color: #000;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: .02em;
    text-transform: capitalize;
}
.header .dropdown-menu {
    position: relative;
    display: none;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: none;
}
.header .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.header-inner {
    position: fixed;
    z-index: 50;
    background: #fff;
    width: 100%;
    max-width: 504px;
    min-height: 100%;
    right: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 40px 65px;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    visibility: hidden;
    overflow-y: auto;
}
.header-inner.anime {
    transition: all .3s ease-out;
}
.header-inner.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}
.header-contacts {
    display: block;
}
.header-contacts__link {
    font-size: 14px;
    line-height: 150%;
    color: #000;
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
}
.header-contacts__link:hover {
    color: #0089c8;
}
.header-contacts__copyright {
    display: block;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    margin: 0;
    color: #000;
}
.header-contacts .social {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: static;
    margin-bottom: 40px;
}

.header-phone .header-social {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-right: 100px;
}
.header-phone .header-social__link svg path {
    fill: #fff;
}
.header-phone .header-social__link:hover svg path {
    fill: #0089c8;
}
.header-lang {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
}
.header-lang__item {
    margin-right: 20px;
}
.header-lang__item:last-child {
    margin-right: 0;
}
.header-lang__item.active .header-lang__link {
    color: #0089c8;
}
.header-lang__link {
    font-family: sfprodisplay-regular, sans-serif;
    font-size: 14px;
    line-height: 140%;
    text-decoration: none;
    color: #000;
    transition: all .3s ease-out;
}
.header-lang__link:hover {
    color: #0089c8;
}
.header-burger {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.header-social {
    margin-bottom: 20px;
}
.header-social__link svg path {
    fill: #000;
}
.header-social__link:hover svg path {
    fill: #0089c8;
}
.dark .header-inner {
    background: #242424;
}
.dark .header-lang__link {
    color: #fff;
}
.dark .header-lang__link:hover {
    color: #0089c8;
}
.dark .dropdown-menu {
    background: 0 0;
}
.dark .dropdown-list__link {
    color: #fff;
}
.dark .dropdown-list__link:hover {
    color: #0089c8;
}
.dark .header-contacts__link {
    color: #fff;
}
.dark .header-contacts__link:hover {
    color: #0089c8;
}
.dark .header-contacts__copyright {
    color: #fff;
}
.dark .header-burger.clicked .header-burger-line {
    background: #fff;
}
.dark .header-burger .header-burger-line {
    background: #fff;
}
}@media only screen and (max-width:991px) {
    .section {
    padding: 150px 0;
}
.hero-inner {
    padding: 180px 0 140px;
}
.hero-cnt {
    padding: 200px 15px 100px;
}
.create .title-wrap {
    margin-bottom: 50px;
}
.create-item {
    width: 100%;
    margin-bottom: 50px;
}
.create-item:last-child {
    margin-bottom: 0;
}
.create-item__title {
    font-size: 47px;
    line-height: 50px;
    margin-bottom: 50px;
}
.create-items {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
.create-items--reverse .create-item__info {
    margin-left: 0;
    padding-top: 0;
}
.service-cnt {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.service-items {
    width: 100%}
.service-item {
    width: 100%}
.service-item__descr {
    max-width: 395px;
}
.service-item__inner {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.service-title-wrap {
    width: 100%;
    margin-bottom: 50px;
    margin-right: 0;
}
.news-title {
    margin-bottom: 50px;
}
.news-cnt {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
.news-img {
    display: none;
}
.news-info {
    width: 100%;
    margin: 0;
}
.news-info .news-img {
    display: block;
    width: 100%;
    margin: 0 0 50px;
}
.news-info .news-img img {
    width: 100%;
    max-width: 100%}
.room {
    padding: 0;
}
.trends, .team {
    padding: 100px 0 0;
}
.contact-cnt .title-wrap {
    margin-bottom: 50px;
}
.contact-items {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.contact-item {
    width: 100%;
    margin-bottom: 50px;
}
.contact-item:last-child {
    margin-bottom: 0;
}
.contact-info {
    padding: 0;
}
.contact-info__phone {
    margin-bottom: 50px;
}
.contact-info__addr {
    margin-bottom: 50px;
}
.contact-form {
    max-width: 740px;
}
.contact-map {
    margin-bottom: 100px;
}
.contact .map {
    height: 500px;
}
.grid-wrap {
    margin: -10px;
}
.grid-item {
    padding: 10px;
}
.project-slide__hover {
    padding: 20px;
}
.project-slide__title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}
.project-slide__btn {
    width: 50px;
    height: 50px;
}
.project-slide__btn i {
    width: 25px;
}
.news-hover {
    padding: 20px;
}
.news-hover__title {
    font-size: 18px;
    line-height: 26px;
}
}
@media only screen and (max-width:768px) {
    .section {
    padding: 100px 0;
}
.header-logo {
    max-width: 290px;
}
.header.fixed {
    padding: 5px 12px;
}
.inner-title {
    font-size: 42px;
    line-height: 50px;
}
.pages .title-wrap {
    margin-bottom: 60px;
}
.pages--main {
    padding: 100px 30px;
}
.pages--main .pages-items {
    margin: -15px 0;
}
.pages--main .pages-item {
    width: 100%;
    margin: 15px 0;
}
.pages--inner {
    padding: 100px 30px;
}
.pages--inner .pages-items {
    margin: -10px;
}
.pages--inner .pages-item {
    width: calc(50% - 20px);
    margin: 10px;
}
.pages--inner .pages-link {
    margin-bottom: 15px;
    text-align: center;
}
.pages--inner .pages-link picture {
    margin-bottom: 20px;
}
.pages--inner .pages-link:last-child {
    margin-bottom: 0;
}
.hero-title {
    margin-bottom: 50px;
}
.hero-items {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.hero-btns {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
.hero-descr {
    padding-top: 0;
    margin-bottom: 50px;
}
.hero-cnt {
    padding: 180px 15px 140px;
}
.hero-slide {
    background-position: right;
}
.hero-slide__info {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.hero-slide__btn {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
.hero-slide__descr {
    margin-bottom: 50px;
}
.partners-items {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.partners-item {
    margin: 10px;
}
.partners-item img {
    max-width: 100%}
.testimonials .swiper-container {
    padding-top: 140px;
    padding-bottom: 83px;
}
.testimonials .swiper-button-next, .testimonials .swiper-button-prev {
    bottom: 0;
    top: inherit;
}
.project {
    padding: 30px;
}
.project .swiper-container {
    padding-bottom: 0px;
}
.title {
    display: inline-block;
    font-size: 26px;
    line-height: 38px;
}
.project .swiper-button-next, .project .swiper-button-prev {
    top: -35px;
	right:0;
}
.project .swiper-button-prev {
    right: 30px;
}
.project-title {
    margin-bottom: 50px;
}
.project-slide__hover {
    padding: 20px;
}
.project-slide__btn {
    width: 75px;
    height: 75px;
}
.news-hover {
    padding: 20px;
}
.room {
    padding: 0;
}
.room-item.grid-item {
    margin: 0;
    width: 100%}
.room-item--long .room-item__img {
    padding-top: 89%}
.room-item__cnt {
    padding: 20px;
}
.team {
    padding: 100px 0 0;
}
.team-item {
    width: 100%}
.interior .news {
    padding: 100px 0 0;
}
.contact-form__title {
    font-size: 34px;
    line-height: 42px;
    margin-bottom: 50px;
}
.contact .form-group-items {
    margin: 0 -5px;
}
.contact .form-group-items .form-group {
    margin: 0 5px 20px;
    width: calc(50% - 10px);
}
.philosophy-cnt {
    padding-top: 100px;
}
.philosophy .title-wrap {
    margin-bottom: 25px;
}
.philosophy-item {
    margin-bottom: 50px;
}
.philosophy-item:last-child {
    margin-bottom: 0;
}
.philosophy-info {
    padding: 30px 10px;
}
.philosophy-info__descr {
    text-align: right;
}
.about-page .team {
    padding-top: 100px;
}
.about-page .team .title-wrap {
    margin-bottom: 50px;
}
.about-page .partners {
    padding: 100px 0;
}
.planing-img {
    margin-bottom: 100px;
}
.planing-items {
    margin: 0;
    margin-bottom: 100px;
}
.planing-item {
    width: 100%;
    margin: 0 0 50px;
}
.planing-item:last-child {
    margin: 0;
}
.planing-step__title {
    font-size: 47px;
    line-height: 50px;
}
.planing-step__info {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 50px;
}
.planing-step__info .planing-step__descr {
    padding: 0;
}
.planing-step__info .planing-step__descr, .planing-step__info .planing-step__title {
    width: 100%}
.planing-step__items--styled .planing-step__item:last-child {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.planing-step__items--styled .planing-step__item:last-child .planing-step__descr {
    padding: 0 15px;
}
.error-info {
    padding: 40px 0 40px 30px;
    margin-bottom: 50px;
}
.soon {
    padding: 50px 0;
}
.soon-logo {
    margin-bottom: 50px;
}
.soon-descr {
    margin: 0 auto 100px;
}
.soon-timer__num {
    font-size: 54px;
    line-height: 15px;
}
.grid-wrap {
    margin: -15px;
}
.grid-item {
    width: calc(100% - 30px);
    padding: 0;
}
.grid-item--width2 {
    width: calc(100% - 30px);
}
.inner-btns {
    bottom: -30px;
    left: 15px;
    right: inherit;
}
.details-page .planing-items {
    margin: 0 0 100px;
}
.details-page .planing-item {
    margin: 0 0 50px;
}
.details-page .planing-item:last-child {
    margin: 0;
}
.details-page .planing-step:last-child {
    padding-bottom: 0;
}
.news-listing__img {
    padding-top: 50%}
.news-listing__item .news-hover {
    max-width: 100%}
.single {
    padding-bottom: 0;
}
.single .title-wrap {
    margin-bottom: 50px;
}
.single-txt {
    margin-bottom: 50px;
}
.single-txt--strong {
    margin-bottom: 50px;
}
.single-title {
    margin-bottom: 50px;
}
.single-figure {
    margin-bottom: 100px;
    padding: 106px 40px 40px;
}
.single-gallery {
    margin: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.single-gallery__item {
    width: 100%;
    margin: 0 0 30px;
}
.single-gallery__item:last-child {
    margin: 0;
}
.single-img img {
    max-width: 100%;
    width: 100%}
.single-subtitle {
    margin-bottom: 50px;
}
.blog-tag {
    margin-bottom: 50px;
}
.related {
    padding: 100px 0;
}
.related .swiper-container {
    padding-bottom: 83px;
}
.related .swiper-button-next, .related .swiper-button-prev {
    top: inherit;
    bottom: 0;
}
.related-title {
    font-size: 47px;
    line-height: 50px;
    margin-bottom: 50px;
}
.comment {
    padding: 100px 0;
}
.comment .title-wrap {
    margin-bottom: 50px;
}
.comment-items {
    margin-bottom: 50px;
}
.comment-item {
    margin-bottom: 50px;
}
.comment-item__inner {
    margin-bottom: 50px;
}
.comment-item .comment-items {
    padding-left: 50px;
}
.comment-cnt {
    margin-bottom: 100px;
}
.comment .contact-form .title-wrap {
    margin-bottom: 50px;
}
.comment .contact-form .form-group-items {
    margin: 0 -5px;
}
.comment .contact-form .form-group-items .form-group {
    margin: 0 5px 20px;
    width: calc(50% - 10px);
}
.portfolio-grid, .news-grid {
    margin: -15px;
}
.portfolio-grid__item, .news-grid__item {
    width: calc(100% - 30px);
    margin: 15px;
}
.partners-items > div{
	border-bottom: 1px solid white;
    padding-top: 5px;
    padding-bottom: 5px;
}
.partners-items > div:last-child {
    border-right: 1px solid white;
	
}
.header-nav {
    margin-right: 0px;
    margin-left: 15px;
}
}
@media only screen and (max-width:475px) {
.philosophy-bg {
    
    padding: 40px 0px;
}	
	p {
    text-align: justify;
    font-size: 14px;
}
	.hero {
    min-height: 39vh;
}
	.create-item__descr {
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    margin-bottom: 20px;
    text-align: justify;
}
	.call-action h2 {
		    font-size: 22px;
    margin-bottom: 15px;
}
.footer-studio__group-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}
.partners-item {
    margin: 0;
}
.trends-items.row .content h5 {
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
}
	.trends-items.row .content h2 {
		font-size: 23px;
    line-height: 35px;
	}
    .room-item {
    width: 100%}
.header-inner {
    padding: 30px 15px;
}
.dropdown-list__link {
    white-space: normal;
}
.project-slide__hover {
    padding: 25px;
}
.project-slide__descr {
    font-size: 12px;
    line-height: 16px;
}
.news-hover {
    padding: 30px;
}
.news-hover__descr {
    display: block;
    height: auto;
}
.news-hover__descr:after {
    content: none;
}
.news-grid {
    margin: -10px;
}
.news-grid__item {
    width: 100%;
    margin: 10px;
}
.news-listing__img {
    padding-top: 89%}
.news-listing__item .news-hover {
    padding: 30px;
}
.section {
    padding: 40px 0;
}
.client-action {background: url(../images/clients-bg.jpg);}
.case-studies-slider {
    padding: 15px;
}
.trends-items.row .content {
    position: relative;
}
.title-line {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
}
.title {
    display: inline-block;
    font-size: 25px;
    line-height: 24px;
}
h3.heading {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 19px;
    line-height: 29px;
}
h3.heading br{
	display:none;
}
.back-sec-title .back-title {
    font-size: 25px;
    line-height: 27px;
    margin: 0 0 25px;
}
.back-case-studies .single-case-studies .case-content .case-title {
    
    font-size: 20px;
}
    .hero-inner .hero-title {
    font-size: 35px;
    line-height: 35px;
}
.hero-btn {
    width: 75px;
    height: 75px;
}
.hero-title {
    font-size: 28px;
    line-height: 35px;
}
.contact-info__phone-link {
    font-size: 24px;
    line-height: 30px;
}
.contact .form-group-items {
    margin: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.contact .form-group-items .form-group {
    margin: 0 0 20px;
    width: 100%;
}
.dropdown-menu {
    padding: 0 30px;
    box-shadow: none;
}
.dropdown-menu__inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dropdown-menu__inner .dropdown-list {
    margin: 0 0 20px;
	width:100%;
}
.dropdown-menu__inner .dropdown-list:last-child {
    margin: 0;
}
.comment .contact-form .form-group-items {
    margin: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.comment .contact-form .form-group-items .form-group {
    margin: 0 0 20px;
    width: 100%}
.room-item__btn {
    width: 55px;
    height: 55px;
}
.room-item__title {
    font-size: 20px;
    line-height: 27px;
    padding-bottom: 5px;
}
.service-item__descr {
    font-size: 14px;
    line-height: 20px;
}
.create-item .title-wrap {
    margin-bottom: 15px;
}
.btn {
    font-size: 13px;
    line-height: 18px;
    padding: 7px 12px;
}
.create .title-wrap {
    margin-bottom: 20px;
}
.header .nav-item {
    margin-bottom: 20px;
}
.dropdown-list__item {
    margin-bottom: 12px;
}
.inner-title {
    font-size: 30px;
    line-height: 44px;
}
.quality-content h2 {
    font-size: 25px;
}
.quality-content p {
    font-size: 15px;
    line-height: 20px;
}
.philosophy-cnt {
    padding-top: 0;
}
.planing-items {
    margin: 0;
    margin-bottom: 0;
}
.planing-step__item h3 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 10px;
}
.planing-step__item h3 br{
	display:none;
}
.planing-step__item p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}
.planing-item__title {
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 10px;
}
.service-content h2 {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
}
.service-content p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}
.list-arrow li {
    padding-left: 20px;
    font-size: 15px;
    margin: 0 0 10px;
}
.footer {
    padding: 40px 15px;
}
.footer-studio__column {
    margin-bottom: 15px;
}
.footer-studio__bottom {
    margin-top: 20px;
}
.footer-studio__input {
    font-size: 16px;
    line-height: 45px;
    height: 45px;
}
.contact-form__title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 25px;
}
.contact-info__phone {
    margin-bottom: 15px;
}
.contact-info__addr {
    margin-bottom: 20px;
}
.contact-item {
    margin-bottom: 25px;
}
.contact-cnt .title-wrap {
    margin-bottom: 25px;
}
.planing-step__title {
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 20px;
    margin-left: 0;
    letter-spacing: 0px;
}
.head h2 {
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 500;
}
.single-service .single-cont h3 {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}
.hero-slide.hero-slide-1 .hero-bg{
    background-image: url(../images/mob/1.jpg) !important;
}
.hero-slide.hero-slide-2 .hero-bg{
    background-image: url(../images/mob/2.jpg) !important;
}
.hero-slide.hero-slide-3 .hero-bg{
    background-image: url(../images/mob/3.jpg) !important;
}
.hero-slide.hero-slide-4 .hero-bg{
    background-image: url(../images/mob/4.jpg) !important;
}
.vendor img {
    width: auto;
}
.service-title-wrap .title-wrap {
    margin-bottom: 10px;
}
.saudi-content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 0px 25px;
}
.saudi-content p{
	margin-bottom:10px;
	font-size:14px;
}
.create-item {
    margin-bottom: 30px;
}
.project {
    padding: 15px;
}
.header {
    padding: 15px 10px 10px;
}
.hero--interior .swiper-pagination.swiper-pagination-bullets {
    bottom: 6px;left: 0;
    right: 10px;
}
.grid-items {
    width: 50%;
    padding: 15px;
}
.vendor {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.float-whats {
    bottom: 20px;
    right: 12px;
}
.about-section {
    padding: 40px 15px;
}
.single-box {
    min-height: auto;
}
.footer-studio p {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    text-align: left;
}
.sidebar-page-container .sidebar-side {
    margin-bottom: 0px;
}
.market-sidebar {
    position: relative;
    padding: 25px 20px 25px;
    margin-left: 30px;
    background-color: #f4f4f4;
}
section.philosophy-bg {
    background: url(../images/about/inner-banner.jpg);
    padding: 40px 0px;
}
.market-single .inner-box .lower-content p {
    padding-bottom: 10px;
    position: relative;
    font-size: 14px;
    line-height: 23px;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    margin: 0px;
    transition: all 500ms ease;
    text-align: justify;
}
.market-single .text ul li {
    padding: 4px;
    list-style-type: disc;
    font-size: 14px;
}
.market-single .inner-box .lower-content h2 {
    position: relative;
    color: #000;
    font-weight: 600;
    padding-bottom: 12px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 25px;
}
.header .nav-link {
    color: #000;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: .02em;
    text-transform: capitalize;
}
.header-logo {
    max-width: 290px;
    z-index: 999;
}
.lower-content ul.points li {
    color: #000;
    font-size: 14px;
    line-height: 25px;
}
}