@charset "utf-8";

/* CSS Document */

@media all and (min-width:800px) and (max-width:900px) {
    .topContainer .innerC .menuContainer {
        width: 50%;
        text-align: right;
    }
    .service1,
    .service2 {
        font-size: 18px;
        padding: 10px 20px;
        width: auto !important;
    }
    .solutionsListWrapper .column {
        margin-bottom: 5%;
    }
    .regulartextContainer .innerContainer ul,
    {
        float: left;
        width: 100%;
        text-align: left;
    }
}

@media all and (min-width:700px) and (max-width:800px) {
    .topContainer .innerC .menuContainer {
        width: 50%;
        text-align: right;
    }
    .service1,
    .service2 {
        font-size: 18px;
        padding: 10px 20px;
        width: auto !important;
    }
    .solutionsListWrapper .column {
        margin-bottom: 5%;
    }
    .regulartextContainer .innerContainer ul,
    {
        float: left;
        width: 100%;
        text-align: left;
    }
    .fullWidth .ltContainer,
    .fullWidth .rtContainer {
        float: left;
        width: 100%;
        text-align: left;
    }
    .contactWrapper .guardlogoContianer {
        width: 100%;
        text-align: center;
    }
    .contactWrapper .guardlogoContianer img {
        width: 25%;
    }
    .contactWrapper .innerWrapper {
        width: 100%;
    }
    .contactWrapper .innerWrapper .columns {
        width: 50%;
    }
    .contactWrapper .innerWrapper .columns .inner {
        margin-left: 10%;
    }
    .portal {
        margin-bottom: 15px;
    }
}

@media all and (min-width:600px) and (max-width:700px) {
    .topContainer .innerC .menuContainer {
        width: 50%;
        text-align: right;
    }
    .service1,
    .service2 {
        font-size: 18px;
        padding: 10px 20px;
        width: auto !important;
    }
    .solutionsListWrapper .column {
        margin-bottom: 5%;
    }
    .regulartextContainer .innerContainer ul,
    {
        float: left;
        width: 100%;
        text-align: left;
    }
    .fullWidth .ltContainer,
    .fullWidth .rtContainer {
        float: left;
        width: 100%;
        text-align: left;
    }
    .contactWrapper .guardlogoContianer {
        width: 100%;
        text-align: center;
    }
    .contactWrapper .guardlogoContianer img {
        width: 25%;
    }
    .contactWrapper .innerWrapper {
        width: 100%;
    }
    .contactWrapper .innerWrapper .columns {
        width: 50%;
    }
    .contactWrapper .innerWrapper .columns .inner {
        margin-left: 20%;
    }
    .portal {
        margin-bottom: 15px;
    }
}

@media all and (min-width:500px) and (max-width:600px) {
    .topContainer .innerC .menuContainer {
        width: 50%;
        text-align: right;
    }
    .bigHeadSub {
        font-size: 4.5vw;
    }
    .paddingbottom {
        padding-bottom: 0;
    }
    .sectiontopSpacer {
        height: 70px;
    }
    .sectionInner .ltContainer,
    .captionC,
    .mainHead,
    .sectionInner .rtContainer {
        text-align: center;
        width: 100%;
    }
    .sectionInner .rtContainer p {
        font-size: 4.5vw;
    }
    .fullWidth .ltContainer,
    .fullWidth .rtContainer {
        width: 100%;
        text-align: center;
    }
    .fullWidth h2 {
        font-size: 5.8vw;
        padding: 0;
        text-align: center;
    }
    .mainHead2 {
        line-height: normal;
        margin: 0;
    }
    .fullWidth .rtContainer p {
        font-size: 4vw;
        padding-bottom: 5px !important;
    }
    .lSAction>a {
        margin-top: -28px !important;
    }
    .darkbluebg {
        padding: 20px 0 0 0 !important;
    }
    .bigfont30,
    .transparent h3 {
        font-size: 6vw !important;
    }
    .phone {
        margin-bottom: 15px;
    }
    .copryRight {
        width: 100%;
        text-align: center;
    }
    .socialContainer {
        float: none;
        margin-top: 15px;
    }
    .service1,
    .service2 {
        font-size: 18px;
        padding: 10px 20px;
        width: auto !important;
    }
    .solutionsListWrapper .column {
        margin-bottom: 5%;
    }
    .regulartextContainer .innerContainer ul,
    {
        float: left;
        width: 100%;
        text-align: left;
    }
    .fullWidth .ltContainer,
    .fullWidth .rtContainer {
        float: left;
        width: 100%;
        text-align: left;
    }
    .contactWrapper .guardlogoContianer {
        width: 100%;
        text-align: center;
    }
    .contactWrapper .guardlogoContianer img {
        width: 25%;
    }
    .contactWrapper .innerWrapper,
    .contactWrapper .innerWrapper .columns {
        width: 100%;
    }
    .contactWrapper .innerWrapper .columns .inner {
        min-height: auto;
        margin-left: 25%;
    }
    .portal {
        margin-bottom: 15px;
    }
}

@media all and (min-width:400px) and (max-width:500px) {
    .topContainer .innerC .menuContainer {
        width: 50%;
        text-align: right;
    }
    .bigHeadSub {
        font-size: 4.5vw;
    }
    .paddingbottom {
        padding-bottom: 0;
    }
    /* .sectiontopSpacer {
        height: 70px;
    } */
    .sectionInner .ltContainer,
    .captionC,
    .mainHead,
    .sectionInner .rtContainer {
        text-align: center;
        width: 100%;
    }
    .sectionInner .rtContainer p {
        font-size: 4.5vw;
    }
    .fullWidth .ltContainer,
    .fullWidth .rtContainer {
        width: 100%;
        text-align: center;
    }
    .fullWidth h2 {
        font-size: 5.8vw;
        padding: 0;
        text-align: center;
    }
    .mainHead2 {
        line-height: normal;
        margin: 0;
    }
    .fullWidth .rtContainer p {
        font-size: 4vw;
        padding-bottom: 5px !important;
    }
    .lSAction>a {
        margin-top: -28px !important;
    }
    .darkbluebg {
        padding: 20px 0 0 0 !important;
    }
    .bigfont30,
    .transparent h3 {
        font-size: 6vw !important;
    }
    .phone {
        margin-bottom: 15px;
    }
    .copryRight {
        width: 100%;
        text-align: center;
    }
    .socialContainer {
        float: none;
        margin-top: 15px;
    }
    .fullheight {
        height: auto !important;
    }
    .service1,
    .service2 {
        font-size: 14px;
        padding: 10px;
        width: auto !important;
    }
    .solutionsListWrapper .column {
        width: 100%;
        margin-bottom: 5%;
    }
    .solutionsListWrapper .column:nth-child(1) {
        margin-left: 2%;
    }
    .abtSolutions,
    .abtServices {
        margin: 10px;
    }
    .regulartextContainer .innerContainer h2 {
        margin-bottom: 15px;
    }
    .accordion-section-title {
        font-size: 1em !important;
    }
    .regulartextContainer .innerContainer ul {
        font-size: 12px !important;
        line-height: normal !important;
    }
    .partnerLogoC ul li {
        width: 48%;
    }
    .partnerLogoC ul li:nth-child(5n) {
        margin-right: 1%;
    }
    .regulartextContainer .innerContainer ul,
    {
        float: left;
        width: 100%;
        text-align: left;
    }
    .fullWidth .ltContainer,
    .fullWidth .rtContainer {
        float: left;
        width: 100%;
        text-align: left;
    }
    .contactWrapper .guardlogoContianer {
        width: 100%;
        text-align: center;
    }
    .contactWrapper .guardlogoContianer img {
        width: 25%;
    }
    .contactWrapper .innerWrapper,
    .contactWrapper .innerWrapper .columns {
        width: 100%;
    }
    .contactWrapper .innerWrapper .columns .inner {
        min-height: auto;
        margin-left: 10%;
    }
    .portal {
        margin-bottom: 15px;
    }
}

@media all and (min-width:320px) and (max-width:399px) {
    .topContainer .innerC .menuContainer {
        width: 50%;
        text-align: right;
    }
    .bigHeadSub {
        font-size: 4.5vw;
    }
    .paddingbottom {
        padding-bottom: 0;
    }
    .sectiontopSpacer {
        height: 70px;
    }
    .sectionInner .ltContainer,
    .captionC,
    .mainHead,
    .sectionInner .rtContainer {
        text-align: center;
        width: 100%;
    }
    .sectionInner .rtContainer p {
        font-size: 4.5vw;
    }
    .fullWidth .ltContainer,
    .fullWidth .rtContainer {
        width: 100%;
        text-align: center;
    }
    .fullWidth h2 {
        font-size: 5.8vw;
        padding: 0;
        text-align: center;
    }
    .mainHead2 {
        line-height: normal;
        margin: 0;
    }
    .fullWidth .rtContainer p {
        font-size: 4vw;
        padding-bottom: 5px !important;
    }
    .lSAction>a {
        margin-top: -28px !important;
    }
    .bigfont30,
    .transparent h3 {
        font-size: 6vw !important;
    }
    .phone {
        margin-bottom: 15px;
    }
    .copryRight {
        width: 100%;
        text-align: center;
    }
    .socialContainer {
        float: none;
        margin-top: 15px;
    }
    .fullheight {
        height: auto !important;
    }
    .service1,
    .service2 {
        font-size: 14px;
        padding: 10px;
        width: auto !important;
    }
    .solutionsListWrapper .column {
        width: 100%;
        margin-bottom: 5%;
    }
    .solutionsListWrapper .column:nth-child(1) {
        margin-left: 2%;
    }
    .abtSolutions,
    .abtServices {
        margin: 10px;
    }
    .regulartextContainer .innerContainer h2 {
        margin-bottom: 15px;
    }
    .accordion-section-title {
        font-size: 1em !important;
    }
    .regulartextContainer .innerContainer ul {
        font-size: 12px !important;
        line-height: normal !important;
    }
    .partnerLogoC ul li {
        width: 48%;
    }
    .partnerLogoC ul li:nth-child(5n) {
        margin-right: 1%;
    }
    .regulartextContainer .innerContainer ul,
    {
        float: left;
        width: 100%;
        text-align: left;
    }
    .fullWidth .ltContainer,
    .fullWidth .rtContainer {
        float: left;
        width: 100%;
        text-align: left;
    }
    .contactWrapper .guardlogoContianer {
        width: 100%;
        text-align: center;
    }
    .contactWrapper .guardlogoContianer img {
        width: 25%;
    }
    .contactWrapper .innerWrapper,
    .contactWrapper .innerWrapper .columns {
        width: 100%;
    }
    .contactWrapper .innerWrapper .columns .inner {
        min-height: auto;
        margin-left: 10%;
    }
    .portal {
        margin-bottom: 15px;
    }
    .greybg {
        padding: 80px 0 !important;
    }
}

@media(max-width:1199px) {
    nav#nav-main a {
        margin-right: 22px !important;
        font-size: 12px !important;
        letter-spacing: 0 !important;
    }
}

@media screen and (max-width:991px) {
    .video-section:before {
        content: none!important;
    }
    .product-list li {
        width: 48%!important;
    }
    .hero-section {
        display: block;
    }
    .hero-section .hero-item .hero-row .text-banner {
        padding-right: 10px!important;
    }
    .hero-section .hero-item .hero-row .text-banner .content {
        font-size: 23px!important;
    }
    .hero-section .hero-item .hero-row .text-banner h1 {
        font-size: 40px!important;
    }
}

@media screen and (max-width:767px) {
    .column-6,
    .column-8,
    .column-4 {
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }
    .video-section:before {
        content: none!important;
    }
    .product-list li {
        width: 100%!important;
    }
    .hero-section {
        display: block;
    }
    .hero-section .hero-item .hero-row .text-banner {
        text-align: center;
        padding-right: 0!important;
    }
    .hero-section .hero-item .hero-row .text-banner h1 {
        font-size: 35px!important;
    }
    .hero-section .hero-item .hero-row .text-banner .content {
        font-size: 20px!important;
    }
    .hero-section .hero-item .hero-row .text-banner .logo-okta {
        margin: auto;
    }
    .hero-section .hero-item .hero-row .hero-img {
        padding: 15px 35px!important;
    }
    .hero-item {
        padding-top: 25px!important;
    }
    .hero-section .hero-item .hero-row .column-5,
    .hero-section .hero-item .hero-row .column-7 {
        width: 100%!important;
    }
    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 31px!important;
    }
    .hero-img-section {
        margin-left: 0!important;
    }
    .hero-img-section:before {
        content: none!important;
    }
    .hero-img-section img {
        width: 100%;
    }
    .cmr-minus-5 {
        margin-right: 0!important;
    }
    .text-banner {
        padding-bottom: 20px;
    }
    .hero-section .hero-item .hero-row .text-banner .logo-okta {
        width: 100px!important;
        padding-bottom: 35px!important;
    }
}