/* #Media Queries
================================================== */

/* Larger than mobile */
@media (min-width: 400px) {
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
    body {padding-top: 87px;}
    .logo {width: 300px;}

    .mobileNav-wrap {width: auto;}

    .intro-box {flex-direction: row; justify-content: space-between}
    .intro__one-item {width: 45%;}

    .why-item {width: 45%;}

    .product-info__outer {flex-direction: row;}

    .news__one-item.news__big-one .news__item-image {width: 55%;}

    .team__one-member {flex-direction: row;}
    .team__member-txt {width: calc(100% - 200px);}
}

/* Larger than tablet */
@media (min-width: 750px) {
    body {padding-top: 103px;}
    .site-header {padding: 26px 0;}

    .learn-more__box.flex-box {justify-content: space-between;}
    .learn-more__item.button {;min-width: 235px;width: 21%;}

    .team__member-txt {padding: 25px;}

    .outreach__item-title {width: 48%;}
    .outreach__item-info {width: 52%;}
    .outreach__item-title,
    .outreach__item-info {min-height: 130px;}
    .outreach-item {flex-direction: row;}

    .news-box {display: grid; grid-template-columns: repeat(2, 45%);}
    .news-box.featured-news__big-one {grid-template-columns: repeat(1, 100%);}
    .news__one-item.news__small-one {width: 100%;}
    .news__video-item {grid-row: auto / span 2 !important;}

    .footer__right-part {flex-direction: row;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
    .mobile-nav {background-image: url(../images/TOORAK-MENU-BACKGROUND.jpg)}
    .mobile-nav__menu {border-bottom-left-radius: 320px;-webkit-box-shadow: -10px 20px 50px 5px rgba(0,0,0,0.68);-moz-box-shadow: -10px 20px 50px 5px rgba(0,0,0,0.68);box-shadow: -10px 20px 50px 5px rgba(0,0,0,0.68);}
    .mobileNav li a {font-size: 33px;}
    .mobile-nav__flex-box .mobile-nav-trigger-outter {margin-bottom: 40px; margin-top: 10px;}

    section.hero {flex-direction: row}
    .hero__left-img {width: 35%; height: 100%;}
    .hero__right-vid {width: 65%; height: 100%;}
    .page-banner-inner {top: 50%; transform:translateY(-50%);}
    .hero__caption {width: 52%;}
    .hero-without-video .hero__left-img {display: block;}
    .hero-widget h1 {font-size: 4.4rem;}
    .hero-widget h3 {font-size: 2.4rem;}
    .hero__video-overlay {background: linear-gradient(90deg, rgba(11,28,66,1) 0%, rgba(11,28,66,0) 100%);}
    .hero-widget .button:not(:last-child) {margin-right: 21px;}


    .intro-homepage {flex-direction: row;}
    .intro__big-image {height: 100%;min-height: 500px;width: 35%; position: absolute;}
    .intro__body {width: 62%;}

    .about__one-item {width: calc(33% - 2px); padding: 32px 34px;}
    .about__one-item:first-child {padding-left: 0;}
    .about__one-item:last-child {padding-right: 0;}
    .main-homepage .about__one-item.normal-order,
    .main-technology .about__one-item.normal-order {padding-left: 0;}
    .main-homepage .about__one-item.reverse-order,
    .main-technology .about__one-item.reverse-order {padding-right: 0; text-align: right;}
    .main-homepage .about__one-item.reverse-order .about__item-icon,
    .main-technology .about__one-item.reverse-order .about__item-icon {order: 2;}
    .main-homepage .about__one-item,
    .main-technology .about__one-item {width: calc(50% - 2px); gap: 40px;}
    .main-homepage .about__one-item,
    .main-technology .about__one-item {flex-direction: row; align-items: center;}
    .main-homepage .about__one-item:before,
    .main-technology .about__one-item:before {position: absolute; content: ''; width: 100vw; height: 4px; background-color: var(--color-blue-light); top: -4px;}
    .main-homepage .about__one-item.reverse-order:before,
    .main-technology .about__one-item.reverse-order:before {left: 100%;}
    .main-homepage .about__one-item.normal-order:before,
    .main-technology .about__one-item.normal-order:before {right: 100%;}

    .why.spacer {padding-top: 100px; padding-bottom: 100px;}
    .why-item {width: 28%;}

    .news__one-item.news__big-one {width: 100%; flex-direction: row;}

    .growth-impact {display: flex;}
    .growth-inner.flex-box {justify-content: space-between}
    .growth__pic-holder-first {width: 30%;}
    .growth__pic-holder-second {width: 70%;}
    .growth-column {height: 100%; justify-content: start;text-align: left;}

    .outreach-inner {padding: 40px 0;}
    .outreach-item {width: calc(50% - 13px);}

    .team-box {flex-direction: row}

    .one-product__image {height: 100%;width: 35%;position: absolute;}
    .product-txt {width: 64%;padding: 60px 0;}
    .product-txt h3 {font-size: 28px;}
    .product-txt h3,
    .product-txt h4 {line-height: 1.2;}

    .map-caption__content {width: 33%; padding: 30px 0;}
    .map-caption__info-box h1 {font-size: 4.4rem}
    .map-subhead {font-size: 3.4rem; margin-bottom: 20px;}
    .map-caption__logo {margin-bottom: 40px;}
    .map-caption__one-block:not(:last-child) {margin-bottom: 30px;}

    .form-widget form {padding: 50px;}
    .form-widget .gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 20px;}
    .form-widget .gfield_checkbox {display: flex; justify-content: center; gap: 15px;}

    .news__one-item.news__big-one .news__item-image {width: 25%;}
    .news__one-item.news__big-one .news__item-txt {width: 75%; padding: 50px;}

    .main-blog .news__one-item {flex-direction: row;}
    .main-blog .news__item-txt {width: 75%;}
    .single-post__article {padding: 50px;}

    /*
     Contact Page
    */
    .contacts-locations .locations-box {display: flex; flex-wrap: wrap}
    .locations-item {width: 48%;}

    .item-for-mobile {display: none!important;}

    /*Gravity Forms*/
    .gform-body .one_half {flex: 0 0 49%;width: 50%;}

    .footer__left-part.spacer,
    .footer__right-part.spacer {padding-top: 74px;}
    .footer-inner {flex-wrap: nowrap;}
    .footer__left-part {padding-right: 44px;}
    .footer__right-part {padding-left: 44px;}
    .footer__left-part:after{display: none;}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    .map-caption__content {padding: 60px 0;}
}

@media (min-width: 1800px) {
    .product-txt {width: 68%;}
}

@media (min-width: 2000px) {
    .growth__pic-holder-first {width: 40%;}
    .growth__pic-holder-second {width: 60%;}
    .product-txt {width: 72%;}
}

@media (min-width: 2500px) {
    .product-txt {width: 78%;}
}