@media (min-width: 1025px) { /* desktop query */
  .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
    position: relative;
  }.hide-on-desktop{display:none!important}.grid-5{float:left;width:5%}.prefix-5{margin-left:5%}.suffix-5{margin-right:5%}.push-5{left:5%}.pull-5{left:-5%}.grid-10{float:left;width:10%}.prefix-10{margin-left:10%}.suffix-10{margin-right:10%}.push-10{left:10%}.pull-10{left:-10%}.grid-15{float:left;width:15%}.prefix-15{margin-left:15%}.suffix-15{margin-right:15%}.push-15{left:15%}.pull-15{left:-15%}.grid-20{float:left;width:20%}.prefix-20{margin-left:20%}.suffix-20{margin-right:20%}.push-20{left:20%}.pull-20{left:-20%}.grid-25{float:left;width:25%}.prefix-25{margin-left:25%}.suffix-25{margin-right:25%}.push-25{left:25%}.pull-25{left:-25%}.grid-30{float:left;width:30%}.prefix-30{margin-left:30%}.suffix-30{margin-right:30%}.push-30{left:30%}.pull-30{left:-30%}.grid-35{float:left;width:35%}.prefix-35{margin-left:35%}.suffix-35{margin-right:35%}.push-35{left:35%}.pull-35{left:-35%}.grid-40{float:left;width:40%}.prefix-40{margin-left:40%}.suffix-40{margin-right:40%}.push-40{left:40%}.pull-40{left:-40%}.grid-45{float:left;width:45%}.prefix-45{margin-left:45%}.suffix-45{margin-right:45%}.push-45{left:45%}.pull-45{left:-45%}.grid-50{float:left;width:50%}.prefix-50{margin-left:50%}.suffix-50{margin-right:50%}.push-50{left:50%}.pull-50{left:-50%}.grid-55{float:left;width:55%}.prefix-55{margin-left:55%}.suffix-55{margin-right:55%}.push-55{left:55%}.pull-55{left:-55%}.grid-60{float:left;width:60%}.prefix-60{margin-left:60%}.suffix-60{margin-right:60%}.push-60{left:60%}.pull-60{left:-60%}.grid-65{float:left;width:65%}.prefix-65{margin-left:65%}.suffix-65{margin-right:65%}.push-65{left:65%}.pull-65{left:-65%}.grid-70{float:left;width:70%}.prefix-70{margin-left:70%}.suffix-70{margin-right:70%}.push-70{left:70%}.pull-70{left:-70%}.grid-75{float:left;width:75%}.prefix-75{margin-left:75%}.suffix-75{margin-right:75%}.push-75{left:75%}.pull-75{left:-75%}.grid-80{float:left;width:80%}.prefix-80{margin-left:80%}.suffix-80{margin-right:80%}.push-80{left:80%}.pull-80{left:-80%}.grid-85{float:left;width:85%}.prefix-85{margin-left:85%}.suffix-85{margin-right:85%}.push-85{left:85%}.pull-85{left:-85%}.grid-90{float:left;width:90%}.prefix-90{margin-left:90%}.suffix-90{margin-right:90%}.push-90{left:90%}.pull-90{left:-90%}.grid-95{float:left;width:95%}.prefix-95{margin-left:95%}.suffix-95{margin-right:95%}.push-95{left:95%}.pull-95{left:-95%}.grid-33{float:left;width:33.33333%}.prefix-33{margin-left:33.33333%}.suffix-33{margin-right:33.33333%}.push-33{left:33.33333%}.pull-33{left:-33.33333%}.grid-66{float:left;width:66.66667%}.prefix-66{margin-left:66.66667%}.suffix-66{margin-right:66.66667%}.push-66{left:66.66667%}.pull-66{left:-66.66667%}.grid-100{clear:both;width:100%}
    
    #startimageSchool {
        position: relative; 
        left: -45px;
    }
    .header-padding {
        margin-top: 58px;
    }
    .show-on-mobile,
    .show-on-mobile-block {
        display: none;
    }
    
    .grid-50.dev-left {
        padding-right: 30px;
    }
    .grid-50.dev-right {
        padding-left: 30px;
    }
    .min-width-60 {
        min-width: 60px;
    }
    .min-height-60 {
        min-height: 60px;
    }
    .min-height-72 {
        min-height: 72px;
    }
    .min-height-75 {
        min-height: 75px;
    }
    .min-height-90 {
        min-height: 90px;
    }
    .min-height-120 {
        min-height: 120px;
    }
    
    .min-height-108 {
        min-height: 108px;
    } 
    
    .min-height-150 {
        min-height: 150px;
    }
    .min-height-170 {
        min-height: 170px;
    }
    .min-height-195 {
        min-height: 195px;
    }
    .min-height-200 {
        min-height: 200px;
    }
    .min-height-205 {
        min-height: 205px;
    }
    .min-height-230 {
        min-height: 230px;
    }
    .min-height-255 {
        min-height: 255px;
    }
    .min-height-270 {
        min-height: 270px;
    }
    .min-height-350 {
        min-height: 350px;
    }
    .min-height-380 {
        min-height: 380px;
    }
    .min-height-450 {
        min-height: 450px;
    }
    .min-height-680 {
        min-height: 680px;
    }
    
    .hero-blog-overview .min-height-230,
    .hero-blog-overview .min-height-90 {
        min-height: 0;
    }
    
    
    .trainer-lightbox {
        min-width: 620px;
    }
    .webinar-lightbox {
        min-width: 620px;
    }
    
    .no-lr-padding-fullwidth {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    
    .testimonial-image-wrapper {
        min-height: 160px;
    }
    
    .course-content.sticky {
        position: fixed;
        margin-top: 20px;
        z-index: 99;
    }
    
    
    .sticky-icons {

    }
    .sticky-icons.sticky {
        position: fixed;
        top: 30px;
        opacity: 1;
        
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }
    .sticky-icons.sticky-hidden {
        opacity: 0;
    }
    
    a:hover{color:var(--a-hover-color);border-bottom-color:var(--purple);cursor:pointer}
    
    .section-header > a:hover {
        color: var(--purple);
        cursor: inherit;
    }
    .menu-item:hover .sub-menu-ux-wrap {
        display: block;
    }
    
    .btn:hover {
        color: var(--btn-primary-hover-text-color);
        background: var(--btn-primary-hover-bg-color);
        border-color: var(--btn-primary-hover-border-color);
        text-decoration: none
    }
    .default-content .wp-block-button__link:hover {
        color: var(--btn-primary-hover-text-color);
        background: var(--btn-primary-hover-bg-color);
        border-color: var(--btn-primary-hover-border-color);
        text-decoration: none
    }


    .btn-secondary:hover {
        background: var(--btn-secondary-hover-bg-color);
        color: var(--btn-secondary-hover-text-color);
        border: 2px solid var(--btn-secondary-hover-border-color);
    }

    .btn-negative:hover {
        background: var(--btn-negative-hover-bg-color); 
        color: var(--btn-negative-hover-text-color);
        border: 2px solid var(--btn-negative-hover-border-color);
    }


    .navbar-brand:hover .logo-typo {
        fill: var(--purple);
    }

    #menu-main-navigation > .menu-item > a:hover {
        color: var(--menu-hover-text-color);
    }

    #menu-main-navigation > .menu-item.nav-btn a:hover {
        background: #45B9D9;
        color: #fff;
    }

    .sub-menu > .menu-item:not(.no-border-effect):hover > a {
        color: #000;
    }
    .sub-menu > .menu-item:not(.no-border-effect):hover > a::after {
        width: min(calc(100% - 30px),200px);
    }

    .dev-submenu .menu-item a:hover::after {
        width: 100%;
    }

    .dev-submenu .menu-item a:hover {
        color: var(--menu-dev-hover-text-color);
        border-color: var(--menu-dev-hover-border-color);
    }
    .menu-icon a:hover  {

    }


    .submenu-scrolled {
        margin-top: 120px;
    } 
    .lean-bdd-wrapper:hover {
        -webkit-box-shadow: 0 0 30px 0 rgba(200,200,200,1);
        box-shadow: 0 0 30px 0 rgba(200,200,200,1);
    }

    .gherkin-nav-link:hover {
        color:var(--petrol);
    }

    .integration-link:hover .net-icons-wrapper {

        -webkit-box-shadow: 0 0 30px 5px rgba(222,222,222,1);
        box-shadow: 0 0 30px 5px rgba(222,222,222,1);
    }

    .id-anchor:hover .id-anchor-element {
        display: inline;
    }
    
    .id-anchor-element .link-icon-path {
        fill:var(--text-secondary);
    }
    .id-anchor-element:hover .link-icon-path {
        fill:var(--petrol);
    }
    .link-icon {
        width: 20px;
        height: auto;
        position: relative;
        top: -6px;
    }
    
    
    .social-share-link:hover {
        background: #fff;

    }
    .social-share-link:hover .filling-path {
        fill: #fff;
    }
    .social-share-link.linkedin:hover {
        background: #0a66c2;
    }
    .social-share-link.facebook:hover {
        background: #1877f2;
    }
    .social-share-link.twitter:hover {
        background: #1da1f2;
    }
    .social-share-link.whatsapp:hover {
        background: #05cd51;
    }
    .social-share-link.email:hover {
        background: var(--purple);
    }


    .box-shadow-hover:hover {
        -webkit-box-shadow: 0 0 20px 5px rgba(222,222,222,1);
        box-shadow: 0 0 20px 5px rgba(222,222,222,1);
    }


    .box-shadow-darker-hover:hover {
        -webkit-box-shadow: 0 0 20px 5px rgba(180,180,180,1);
        box-shadow: 0 0 20px 5px rgba(180,180,180,1);
    }

    .lower-opacity-hover:hover {
        opacity: 1;
    }

    .play-icon:hover::after {
        opacity: 0;
    }

    .what-tested-tr:hover:not(.no-hover) {
        background: #fff;
        -webkit-box-shadow: 0 0 20px 0 #DEDEDE;
        box-shadow: 0 0 20px 0 #DEDEDE;

    }
    .what-tested-tr:hover .what-tested-td {
        background: none;
    }

    .ide-selector-row:hover {
        background-color: var(--lightBlue);
    }
    .ide-selector-row:hover .pp-svg-icon-wrapper {

        -webkit-box-shadow: 0 0 20px 0 rgba(222,222,222,1);
        box-shadow: 0 0 20px 0 rgba(222,222,222,1);
    }
    
    .company_logo_wrapper svg:hover {
        filter: grayscale(0);
        opacity: 1;
        
        -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
    }
    
    .fancybox-content,
    .fancybox-slide--iframe .fancybox-content {
        -webkit-border-radius: 20px;
        border-radius: 20px;
        max-width: 1440px;
        max-height: 900px;
    }
    
    
.code-libary .btn {
    position: absolute;
    top: 50%;
    right: 0;
    white-space: nowrap;
    -moz-transform: translateX(50%) translateY(-50%);
-webkit-transform: translateX(50%) translateY(-50%);
-o-transform: translateX(50%) translateY(-50%);
-ms-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
}

}

@media (min-width: 1536px) {
    #page {
        margin: 0; 
    }
    
    :root {
        --adSpacePadding: 10px;
    }
    .ad-space {
        display: block;
        position: fixed;
        top: 58px;
        left: calc(1440px + var(--adSpacePadding));
        width: calc(100vw - 1440px - var(--adSpacePadding));
        height: auto;
        min-height: 300px;
        max-width: 160px;
        
        background: transparent;
    }
    .ad-space-image {
        position: absolute;
        
        
    }
    .ad-space .close {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 20px;
        height: 20px;
        
        z-index: 999;
        
        cursor: pointer;
        
        background-color: #fff !important;
        border-radius: 100%;
    }
}
@media (min-width: 1620px) {
    :root {
        --adSpacePadding: 20px;
    }
    .ad-space .close {
        right: -10px;
        top: -10px;
    }
    .ad-space {
        left: calc(1440px + var(--adSpacePadding) + calc((100vw - 1440px - 160px) / 2));
    }
    
    
    #page {
        margin-left: calc((100vw - 1440px - 160px) / 2)
    }
}