

@media (max-width: 767px) { /* mobile query */
	.mobile-push-5,.mobile-pull-5,.mobile-push-10,.mobile-pull-10,.mobile-push-15,.mobile-pull-15,.mobile-push-20,.mobile-pull-20,.mobile-push-25,.mobile-pull-25,.mobile-push-30,.mobile-pull-30,.mobile-push-35,.mobile-pull-35,.mobile-push-40,.mobile-pull-40,.mobile-push-45,.mobile-pull-45,.mobile-push-50,.mobile-pull-50,.mobile-push-55,.mobile-pull-55,.mobile-push-60,.mobile-pull-60,.mobile-push-65,.mobile-pull-65,.mobile-push-70,.mobile-pull-70,.mobile-push-75,.mobile-pull-75,.mobile-push-80,.mobile-pull-80,.mobile-push-85,.mobile-pull-85,.mobile-push-90,.mobile-pull-90,.mobile-push-95,.mobile-pull-95,.mobile-push-33,.mobile-pull-33,.mobile-push-66,.mobile-pull-66{position:relative}.hide-on-mobile{display:none!important}.mobile-grid-5{float:left;width:5%}.mobile-prefix-5{margin-left:5%}.mobile-suffix-5{margin-right:5%}.mobile-push-5{left:5%}.mobile-pull-5{left:-5%}.mobile-grid-10{float:left;width:10%}.mobile-prefix-10{margin-left:10%}.mobile-suffix-10{margin-right:10%}.mobile-push-10{left:10%}.mobile-pull-10{left:-10%}.mobile-grid-15{float:left;width:15%}.mobile-prefix-15{margin-left:15%}.mobile-suffix-15{margin-right:15%}.mobile-push-15{left:15%}.mobile-pull-15{left:-15%}.mobile-grid-20{float:left;width:20%}.mobile-prefix-20{margin-left:20%}.mobile-suffix-20{margin-right:20%}.mobile-push-20{left:20%}.mobile-pull-20{left:-20%}.mobile-grid-25{float:left;width:25%}.mobile-prefix-25{margin-left:25%}.mobile-suffix-25{margin-right:25%}.mobile-push-25{left:25%}.mobile-pull-25{left:-25%}.mobile-grid-30{float:left;width:30%}.mobile-prefix-30{margin-left:30%}.mobile-suffix-30{margin-right:30%}.mobile-push-30{left:30%}.mobile-pull-30{left:-30%}.mobile-grid-35{float:left;width:35%}.mobile-prefix-35{margin-left:35%}.mobile-suffix-35{margin-right:35%}.mobile-push-35{left:35%}.mobile-pull-35{left:-35%}.mobile-grid-40{float:left;width:40%}.mobile-prefix-40{margin-left:40%}.mobile-suffix-40{margin-right:40%}.mobile-push-40{left:40%}.mobile-pull-40{left:-40%}.mobile-grid-45{float:left;width:45%}.mobile-prefix-45{margin-left:45%}.mobile-suffix-45{margin-right:45%}.mobile-push-45{left:45%}.mobile-pull-45{left:-45%}.mobile-grid-50{float:left;width:50%}.mobile-prefix-50{margin-left:50%}.mobile-suffix-50{margin-right:50%}.mobile-push-50{left:50%}.mobile-pull-50{left:-50%}.mobile-grid-55{float:left;width:55%}.mobile-prefix-55{margin-left:55%}.mobile-suffix-55{margin-right:55%}.mobile-push-55{left:55%}.mobile-pull-55{left:-55%}.mobile-grid-60{float:left;width:60%}.mobile-prefix-60{margin-left:60%}.mobile-suffix-60{margin-right:60%}.mobile-push-60{left:60%}.mobile-pull-60{left:-60%}.mobile-grid-65{float:left;width:65%}.mobile-prefix-65{margin-left:65%}.mobile-suffix-65{margin-right:65%}.mobile-push-65{left:65%}.mobile-pull-65{left:-65%}.mobile-grid-70{float:left;width:70%}.mobile-prefix-70{margin-left:70%}.mobile-suffix-70{margin-right:70%}.mobile-push-70{left:70%}.mobile-pull-70{left:-70%}.mobile-grid-75{float:left;width:75%}.mobile-prefix-75{margin-left:75%}.mobile-suffix-75{margin-right:75%}.mobile-push-75{left:75%}.mobile-pull-75{left:-75%}.mobile-grid-80{float:left;width:80%}.mobile-prefix-80{margin-left:80%}.mobile-suffix-80{margin-right:80%}.mobile-push-80{left:80%}.mobile-pull-80{left:-80%}.mobile-grid-85{float:left;width:85%}.mobile-prefix-85{margin-left:85%}.mobile-suffix-85{margin-right:85%}.mobile-push-85{left:85%}.mobile-pull-85{left:-85%}.mobile-grid-90{float:left;width:90%}.mobile-prefix-90{margin-left:90%}.mobile-suffix-90{margin-right:90%}.mobile-push-90{left:90%}.mobile-pull-90{left:-90%}.mobile-grid-95{float:left;width:95%}.mobile-prefix-95{margin-left:95%}.mobile-suffix-95{margin-right:95%}.mobile-push-95{left:95%}.mobile-pull-95{left:-95%}.mobile-grid-33{float:left;width:33.33333%}.mobile-prefix-33{margin-left:33.33333%}.mobile-suffix-33{margin-right:33.33333%}.mobile-push-33{left:33.33333%}.mobile-pull-33{left:-33.33333%}.mobile-grid-66{float:left;width:66.66667%}.mobile-prefix-66{margin-left:66.66667%}.mobile-suffix-66{margin-right:66.66667%}.mobile-push-66{left:66.66667%}.mobile-pull-66{left:-66.66667%}.mobile-grid-100{clear:both;width:100%}
	.mobile-top-0{margin-top:0}.mobile-top-5{margin-top:5px}.mobile-top-10{margin-top:10px}.mobile-top-15{margin-top:15px}.mobile-top-20{margin-top:20px}.mobile-top-30{margin-top:30px}.mobile-top-35{margin-top:35px}.mobile-top-40{margin-top:40px}.mobile-top-50{margin-top:50px}.mobile-top-60{margin-top:60px}.mobile-top-65{margin-top:65px}.mobile-top-70{margin-top:70px}.mobile-top-80{margin-top:80px}.mobile-top-90{margin-top:90px}.mobile-top-100{margin-top:100px}.mobile-top-130{margin-top:130px}.mobile-top-180{margin-top:180px}.mobile-top-200{margin-top:200px}.mobile-bottom-0{margin-bottom:0}.mobile-bottom-5{margin-bottom:5px}.mobile-bottom-10{margin-bottom:10px}.mobile-bottom-15{margin-bottom:15px}.mobile-bottom-20{margin-bottom:20px}.mobile-bottom-25{margin-bottom:25px}.mobile-bottom-30{margin-bottom:30px}.mobile-bottom-35{margin-bottom:35px}.mobile-bottom-40{margin-bottom:40px}.mobile-bottom-50{margin-bottom:50px}.mobile-bottom-60{margin-bottom:60px}.mobile-bottom-70{margin-bottom:70px}.mobile-bottom-80{margin-bottom:80px}.mobile-bottom-90{margin-bottom:90px}.mobile-bottom-100{margin-bottom:100px}.mobile-bottom-200{margin-bottom:200px}.mobile-bottom-300{margin-bottom:300px}.mobile-right-0{margin-right:0}.mobile-right-5{margin-right:5px}.mobile-right-10{margin-right:10px}.mobile-right-15{margin-right:15px}.mobile-right-20{margin-right:20px}.mobile-right-30{margin-right:30px}.mobile-right-40{margin-right:40px}.mobile-right-50{margin-right:50px}.mobile-right-60{margin-right:60px}.mobile-right-70{margin-right:70px}.mobile-right-80{margin-right:80px}.mobile-right-90{margin-right:90px}.mobile-right-100{margin-right:100px}.mobile-left-0{margin-left:0}.mobile-left-5{margin-left:5px}.mobile-left-10{margin-left:10px}.mobile-left-15{margin-left:15px}.mobile-left-20{margin-left:20px}.mobile-left-30{margin-left:30px}.mobile-left-40{margin-left:40px}.mobile-left-50{margin-left:50px}.mobile-left-60{margin-left:60px}.mobile-left-70{margin-left:70px}.mobile-left-80{margin-left:80px}.mobile-left-90{margin-left:90px}.mobile-left-100{margin-left:100px}
	
    .lh-20,.lh-50,.lh-60,.lh-70 {line-height: 1.3;}
	.m-f-8,.m-f-9,.m-f-10,.m-f-11,.m-f-12,.m-f-13,.m-f-14,.m-f-15,.m-f-16,.m-f-17,.m-f-18,.m-f-19,.m-f-20,.m-f-21,.m-f-22,.m-f-23,.m-f-24,.m-f-25,.m-f-26,.m-f-27,.m-f-28,.m-f-29,.m-f-30,.m-f-31,.m-f-32,.m-f-33,.m-f-34,.m-f-35,.m-f-36,.m-f-37,.m-f-38,.m-f-39,.m-f-40,.m-f-41,.m-f-42,.m-f-43,.m-f-44,.m-f-45,.m-f-46,.m-f-47,.m-f-48,.m-f-49,.m-f-50,.m-f-51,.m-f-52,.m-f-53,.m-f-54,.m-f-55,.m-f-56,.m-f-57,.m-f-58,.m-f-59,.m-f-60,.m-f-61,.m-f-62,.m-f-63,.m-f-64,.m-f-65,.m-f-66,.m-f-67,.m-f-68,.m-f-69,.m-f-70,.m-f-71,.m-f-72,.m-f-73,.m-f-74,.m-f-75,.m-f-76,.m-f-77,.m-f-78,.m-f-79,.m-f-80,.m-f-81,.m-f-82,.m-f-83,.m-f-84,.m-f-85,.m-f-86,.m-f-87,.m-f-88,.m-f-89,.m-f-90,.m-f-91,.m-f-92,.m-f-93,.m-f-94,.m-f-95,.m-f-96,.m-f-97,.m-f-98,.m-f-99,.m-f-100{line-height:1.3}
	.m-f-8{font-size:8px}.m-f-9{font-size:9px}.m-f-10{font-size:10px}.m-f-11{font-size:11px}.m-f-12{font-size:12px}.m-f-13{font-size:13px}.m-f-14{font-size:14px}.m-f-15{font-size:15px}.m-f-16{font-size:16px}.m-f-17{font-size:17px}.m-f-18{font-size:18px}.m-f-19{font-size:19px}.m-f-20{font-size:20px}.m-f-21{font-size:21px}.m-f-22{font-size:22px}.m-f-23{font-size:23px}.m-f-24{font-size:24px}.m-f-25{font-size:25px}.m-f-26{font-size:26px}.m-f-27{font-size:27px}.m-f-28{font-size:28px}.m-f-29{font-size:29px}.m-f-30{font-size:30px}.m-f-31{font-size:31px}.m-f-32{font-size:32px}.m-f-33{font-size:33px}.m-f-34{font-size:34px}.m-f-35{font-size:35px}.m-f-36{font-size:36px}.m-f-37{font-size:37px}.m-f-38{font-size:38px}.m-f-39{font-size:39px}.m-f-40{font-size:40px}.m-f-41{font-size:41px}.m-f-42{font-size:42px}.m-f-43{font-size:43px}.m-f-44{font-size:44px}.m-f-45{font-size:45px}.m-f-46{font-size:46px}.m-f-47{font-size:47px}.m-f-48{font-size:48px}.m-f-49{font-size:49px}.m-f-50{font-size:50px}.m-f-51{font-size:51px}.m-f-52{font-size:52px}.m-f-53{font-size:53px}.m-f-54{font-size:54px}.m-f-55{font-size:55px}.m-f-56{font-size:56px}.m-f-57{font-size:57px}.m-f-58{font-size:58px}.m-f-59{font-size:59px}.m-f-60{font-size:60px}.m-f-61{font-size:61px}.m-f-62{font-size:62px}.m-f-63{font-size:63px}.m-f-64{font-size:64px}.m-f-65{font-size:65px}.m-f-66{font-size:66px}.m-f-67{font-size:67px}.m-f-68{font-size:68px}.m-f-69{font-size:69px}.m-f-70{font-size:70px}.m-f-71{font-size:71px}.m-f-72{font-size:72px}.m-f-73{font-size:73px}.m-f-74{font-size:74px}.m-f-75{font-size:75px}.m-f-76{font-size:76px}.m-f-77{font-size:77px}.m-f-78{font-size:78px}.m-f-79{font-size:79px}.m-f-80{font-size:80px}.m-f-81{font-size:81px}.m-f-82{font-size:82px}.m-f-83{font-size:83px}.m-f-84{font-size:84px}.m-f-85{font-size:85px}.m-f-86{font-size:86px}.m-f-87{font-size:87px}.m-f-88{font-size:88px}.m-f-89{font-size:89px}.m-f-90{font-size:90px}.m-f-91{font-size:91px}.m-f-92{font-size:92px}.m-f-93{font-size:93px}.m-f-94{font-size:94px}.m-f-95{font-size:95px}.m-f-96{font-size:96px}.m-f-97{font-size:97px}.m-f-98{font-size:98px}.m-f-99{font-size:99px}.m-f-100{font-size:100px}
    
    img {
        height: auto;
        max-width: calc(min(100vw , 100%));
    }
    .header-padding {
        margin-top: 48px;
    }
    .hasImage .header-popup-content {
        max-width: calc(100vw - 100px);
    }
    .header-popup-image {
        right: 0px;
    }
    .frontpage-link-bar .inline-block {
        display: inherit;
    }
    .frontpage-link-bar .btn {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 10px);
    }
    .frontpage-link-bar .btn.primary {
        margin-right: 10px;
    }
    .frontpage-link-bar .btn.secondary {
        margin-left: 10px;
    }
    
    .blog-posts img {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .play-icon::after {
        width: 80px;
        height: 80px;
    }
    
    .show-on-mobile {
        display: inline;
    }
    .show-on-mobile-block {
        display: block;
    }
    
    .m-text-center {
        text-align: center;
    }
    .m-min-height-75 {
        min-height: 75px;
    }
    .m-min-height-100 {
        min-height: 100px;
    }
    .m-min-height-150 {
        min-height: 150px;
    }
    .m-min-height-175 {
        min-height: 175px;
    }
    .m-min-height-200 {
        min-height: 200px;
    }
    .m-min-height-250 {
        min-height: 250px;
    }
    .mobile-max-height-150 {
        max-height: 150px;
        width: auto;
    }
    .mobile-grid-90.no-padding {
        padding: 0;
    }
    .mobile-no-padding,
    .mobile-grid-100.mobile-no-padding {
        padding: 0;
    }
    .mobile-full-width {
        width: 100%;
    }
    .mobile-no-border {
        border: none;
    }
    
    /* specflow school changes */
    .question-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        background: #fff;
        
        border-top:1px solid var(--sourceCode-borderColor);
        
        z-index: 999;
    }
    .question-answer-label {
        border-bottom: 1px dotted #CDCDCD;
        padding: 0 0 20px 0;
        margin-bottom: 20px;
    }
    .question-answer-label:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }
    .complete .preview-images {
        display: none;
    }
    .school-exam {
        min-height: calc(100vh - 140px);
    }
    /* specflow school changes END */
    
    
    .popup {
        width: calc( 100vw - 60px );
        right: unset;
        left: 0;
        
        padding: 20px;
    }
    
    .course-table,
    .what-tested {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        
        display: block;
    }
    .testimonial-all-wrapper.even .testimonial-wrapper,
    .testimonial-all-wrapper.odd .testimonial-wrapper {
        margin: 0;
    }
    .trainer-textarea {
        min-height: 150px;
    }
    .light-icon {
        margin: 0;
    }
    .select {
        min-width: unset;
        width: 100%;
    }
    .select-wrapper {
        
    }
    .wp-block-quote {
        margin-left: 10px;
        margin-right: 10px;
        max-width: calc(100% - 20px);
    }
    
    
    .code-block-r4 .source-code,
    .code-block-r3,
    .code-block-r2 .source-code {
        min-height: 50px;
    }
    .navbar {
        margin-top: 10px;
    }
    .navbar-wrapper {
        display: none;
    }
    /*
    .headernav.scrolled .navbar {
        margin: 5px 0;
    } /**/
    .headernav .logo {
        vertical-align: middle;
        width: auto;
        padding-left: 20px;
    }
    .menu-icon {
        width: 30px;
        height: auto;
        vertical-align: middle;
    }
    .navbar-wrapper {
        position: fixed;
        left: 0;
        top: 60px;
        height: calc(100vh - 60px);
        overflow-y: scroll;
        
        background: #fff;
    }
    .navbar-wrapper.footer-nav {
        position: static;
        background: none;
        height: auto;
        overflow: unset;
    }
    .scrolled .navbar-wrapper {
        top: 43px;
        height: calc(100vh - 43px);
    }
    #menu-main-navigation {
        display: inherit;
    }
    #menu-main-navigation > .menu-item {
        display: block;
        
        position: relative;
        margin: 0;
        padding: 0;
    }
    #menu-main-navigation > .menu-item.nav-btn {
        width: 100%;
        padding: 0;
    }
    #menu-main-navigation > .menu-item > a,
    .scrolled #menu-main-navigation > .menu-item > a, 
    .scrolled #menu-main-navigation > .menu-item.nav-btn a {
        padding: 20px 10px;
        
    }
    #menu-main-navigation > .menu-item {
        border-top: 1px dotted var(--purple);
    }
    #menu-main-navigation > .menu-item:first-child,
    #menu-main-navigation > .getting-started-btn {
        border-top: none;
    }
    #menu-main-navigation > .getting-started-btn {
        margin-top: 20px;
    }
    .section-header > a {
        color: var(--blue);
    }
   
    .menu-item-has-children {
        position: relative;
    }
    .headernav .menu-item-has-children:after {
        position: absolute;
        content: "";
        right: 0;
        top: 25px;
        
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        
        width: 13px;
        height: 13px;
        
        background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2013%22%3E%3Cpath%20d%3D%22M1.5%200a1.5%201.5%200%20011.061.439l5%205a1.5%201.5%200%20010%202.122l-5%205a1.5%201.5%200%2001-2.122-2.122L4.379%206.5.439%202.561A1.5%201.5%200%20011.5%200z%22%20fill%3D%22%23574897%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
        
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }
    .menu-item-has-children.open:after {
        
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-top: -6px;
        
    }
    .menu-item-has-children .menu-item-has-children:after {
        top:15px;
    }
    .sub-menu-ux-wrap {
        position: static;
        width: auto;
        
        box-shadow: unset;
        margin: 0;
        padding: 0;
    }
    #menu-main-navigation > .menu-item-has-children > .sub-menu-ux-wrap {
        box-shadow: none;
    }
    .sub-menu-wrap .sub-menu {
        padding: 0;
    }
    .sub-menu a {
        padding-left: 10px;
    }
    .nav-icon > a::before {
        left: 5px;
    }
    .nav-icon > a {
        padding-left: 40px;
    }
    .sub-menu > .menu-item.bg-lightblue {
        margin: 0;
        margin-bottom: 20px;
        max-width: 100%;
    }
    
    .submenu-grid-50,
    .submenu-grid-33     {
        width: 100%;
        float: none;
    }
    .sub-menu .sub-menu-wrap {
        display: block;
    }
    .sub-menu-wrap {
        width: 100%;
    }
    
    
    .navbar-wrapper.footer-nav {
        display: block;
    }
    .footer-nav > .menu-item {
        width: 50%;
        float: left;
    }
    
    
    .wrapper,
    .inner-wrapper {
        max-width: 100vw;
        display: block;
    }
    
    .integrations .double-btn-inner {
        width: 100%;
    }
    .page-template-frontpage .net-icons-wrapper,
    .page-template-page-benefits-dev-environment .net-icons-wrapper,
    .page-template-page-benefits-dev-test .net-icons-wrapper {
        display: inline-block;
    }
    .net-icons-wrapper {
        display: block;
    }
    .m-left {
        float: left;
    }
    
    .slick-slider {
        margin: 0;
        padding: 0;
    }
    .lean-bdd-slider.slick-slider {
        position: relative;
    }
    
    .trusted_companies_wrapper .slick-arrow.slick-prev, 
    .trusted_companies_wrapper .slick-arrow.slick-next {
        top:50%;
        z-index: 10;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .lean-bdd-slider .slick-arrow.slick-prev, 
    .lean-bdd-slider .slick-arrow.slick-next {
        top: 140px;
        z-index: 10;
    }
    .trusted_companies_wrapper .slick-arrow.slick-prev {
        -moz-transform: rotate(180deg) translateY(50%);
        -webkit-transform: rotate(180deg) translateY(50%);
        -o-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%);
    }
    .trusted_companies_wrapper .slick-arrow.slick-prev,
    .lean-bdd-slider .slick-arrow.slick-prev {
        left: 0;
    }
    
    .mobile-min-height-205 {
        min-height: 205px;
    }
    .mobile-min-height-150 {
        min-height: 150px;
    }
    .extend-svg {
        width: 100%;
        height: auto;
    }
    .net-icons-wrapper-wrapper .net-icons-wrapper {
        float: none;
        display: inline-block;
    }
    .light-icon-arrow {
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        
        position: static;
    }
    .sp-f-1-t1 {
        width: 75vw;
    }
    
    .what-tested .pp-svg-icon {
        height: auto;
        min-height: 80px;
    }
    .what-tested .pp-svg-icon svg {
        min-height: 80px;
        margin: 0 10px;
    }
    .what-tested .pp-svg-icon svg.e2e {
        width: 40px;
        height: auto;
    }
    .testimonial-hero-image-wrapper {
        min-height: unset;
    }
    .trainer-image-wrapper .slick-arrow.slick-next {
        right: 0;
    }
    .trainer-image-wrapper .slick-arrow.slick-prev {
        left: 0;
    }
    .svg-image {
        max-width: 100vw;
        height: auto;
    }
    .svg-share {
        height: 40px;
    }
    .blog-posts h3.mobile-top-20 {
        margin-top: 20px;
    }
    .m-no-max-width {
        max-width: unset;
    }
    .m-text-inline {
        display: inline;
    }
    .m-text-inline-block {
        display: inline-block;
    }
    
    
	.m-no-margin {
		margin: 0 !important;
		padding: 0;
	}
	.m-text-center {
		text-align: center;
	}
	.m-text-left {
		text-align: left;
	}
	.m-text-right {
		text-align: right;
	}
	.mobile-nav {
		overflow: scroll;	
	}
	
	
	.m-center {
		margin: 0 auto;
		display: table;
	}
    
	
    .m-position-relative {
        position: relative;
    }
    .m-position-absolute {
        position: absolute;
    }
    .m-position-static {
        position: static;
    }
    .grid-50.no-left-margin {
        margin-right: 0;
        padding-right: 0;
    }
    
    .fancybox-container img {
        max-width: 100%;
    }
    
    .trusted_companies_wrapper {
        overflow: hidden;
        width: 100%;
        height: calc(min(165px, 30vh));
    }
    
}