/*screen larger than mobile devices*/
@media(min-width:1200px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left:0;
        padding-right:0;
        margin-left:10px;
        margin-right:10px;
    }


}
@media(max-width:1366px){
    .suits-event .event:last-child .stand-box.dropdwon-toggle:hover .dropdown-menu{
        display: block;
    }
    .suits-event .event:last-child .stand-box .details{
        right: 72px!important;
        left:unset!important;
    }
    .suits-event .event:last-child .stand-box .details:after{
        right:-8px;
        left:unset;
        transform: translate(0, -50%) rotate(90deg);
    }

}
@media (max-width:1199px){
    .news-title{
        /*text remail on line one*/
        white-space: nowrap;
        /*overflow: hidden;*/
        text-overflow: ellipsis;}
    .copyright-text{
        text-align: center;
    }
    .footer-menu .social-link{
        margin-right:0;
    }
    footer .container{
        position: relative;
        flex-direction: column-reverse;
        align-items: center;
    }
    .footer-menu{
        display: flex;
        flex-direction: column-reverse;
    }
    .social-link{
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .social-link ul{
        text-align: center;
        align-self: center;
        justify-self: center;
    }
    .social-link ul li{
        margin-bottom:0;
    }
    .footer-menu ul.nav{
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .footer-menu ul.nav li{
        margin-bottom:15px;
    }
    .video-holder iframe{
        width: 450px;
        height: 308px;
    }
}

@media (min-width:992px){

    header .menu-background{
        display: none;
    }
    header .for-menu{
        display: none;
    }
    .tab-menu{
        display: none;
    }
    .from-tab-portrait{
        display:none;
    }





    .navbar-expand-lg .navbar-nav .nav-link{

    }


    .home-nav .navbar-nav .nav-item.active .nav-link{
        color:#fff;
    }
    .navbar-nav .nav-item.active .nav-link:after{
        content: '';
        position: absolute;
        width:100%;
        bottom:0;
        left:0;
        height:2px;
        background-color:#fff;
    }
    header .form-inline{
        margin-left:15px!important;
    }

    .inner.call-to-action .container{
        min-height: 200px;
    }
    .outcome{
        padding-left:110px;
    }

    .modal-dialog.modal-medium{
        max-width:750px;
    }
    .modal-dialog.modal-big{
        max-width:80%;
    }
}

@media (min-width:992px) and (max-width:1200px){
    .home-nav .form-inline{
        top:-8px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left:0;
        padding-right:0;
        margin-left:5px;
        margin-right:5px;
        font-size:15px;
    }
    header .telephone{
        font-size:20px;
    }
}

@media (max-width:991px){
    .from-tab-portrait{
        display: block;
    }
    .page-header .container>div{
        margin:0 auto;
    }


    header .form-inline a.btn{
        display:none;
    }
    header.toggle-clicked{
        height: 100vh;
        background-color: #2696d3;
        position: fixed;
        top:0;
        bottom:0;
        left:0;
        right:0;
        z-index: 9999999;
    }
    header.toggle-clicked .container{
        /*margin-top:25px;*/
    }
    header .telephone{
        margin-right:300px;
    }
    .navbar{
        margin-top:22px;
        height:auto;
    }
    header.toggle-clicked .logo.for-desktop{
        display:none;
    }
    header.toggle-clicked .logo.home-logo{
        display:none!important;
    }
    header .for-desktop.tab-menu{
        display: none;
    }
    header.toggle-clicked .for-desktop.tab-menu{
        display: block;
    }
    header .menu-background{
        position: absolute;
        top:0;
        left:0;
        display: none;
        width:100%;
    }
    header.toggle-clicked .menu-background{
        display: block;
    }
    .menu-background img{
        width:100%;
    }
    header.toggle-clicked .nav-link{
        line-height: 50px;
        padding:0;
        border-bottom:1px solid rgba(255, 255, 255, 0.57);
    }
    header .menu-inquiry{
        width: 100%;
        justify-content: center;
        position: absolute;
        bottom:50px;
        display: none;
    }
    header.toggle-clicked .menu-inquiry{
        display: flex;
    }
    header.toggle-clicked .menu-icon{
        display: none;
    }
    header.toggle-clicked .cross{
        display: block;
    }

    header .cross{
        display: none;
    }
    header .logo.for-menu{
        display: none;
    }
    header.toggle-clicked .navbar-nav .nav-item:last-child .nav-link{
        border-bottom:0;
    }
    header.toggle-clicked .navbar-nav{
        width:86%;
    }



    .navbar-toggler{
        /*margin-top:15px;*/
    }


    .padding-top-bottom-90 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .padding-top-90{
        padding-top:60px;
    }





    .navbar-nav{
        padding-top:20px;
    }
    .news-title{
        font-size:18px;
        line-height: 28px;
        margin-bottom:10px;
    }


    .stand-box{
        width:50px;
    }
    .stand-box .details{
        left:56px!important;
    }
    .suits-event .event:last-child .stand-box .details {
        right: 56px!important;
    }
    .event p{
        margin-top:10px;
    }
    .secondary-sub-title {
        margin-top: 10px;
        font-size: 22px;
        line-height: 22px;
    }
    .video-title{
        font-size: 40px;
        line-height: 50px;
    }

    .list-area .value-area.tagg {
        margin-left: 30px;
        margin-top: 10px;
    }
    .thin-ice.col-md-8{
        flex: 0 0 60%;
        max-width: 60%;
    }
    .key-outcome{
        flex: 0 0 40%;
        max-width: 40%;
    }
    .table-btn {
        padding: 5px 20px 7px;
        line-height: 16px;
    }
    .record-listing .table td img{
        margin-bottom:5px;
    }
    .record-listing .table td{
        font-size:16px;
    }
    .download-content .form-area{
        margin-left:0px;
        padding:20px;
    }
    .download-content .form-area .secondary-title {
        font-size: 30px;
        line-height: 30px;
    }
    .padding-top-25{
        padding-top:20px;
    }
    html{
        overflow-x:hidden;
    }

}

@media (min-width:768px)  and (max-width:1024px) {
    .banner-title{
        font-size:36px;
        line-height: 45px;
    }
    .navbar-light .navbar-toggler{
        border-radius:0;
    }

    /*common classes*/
    .padding-top-bottom-hundred{
        padding-top:60px;
        padding-bottom:60px;
    }
    .padding-top-hundred{
        padding-top:60px;
    }
    .padding-bottom-30{
        padding-bottom:20px;
    }
    .padding-top-50{
        padding-top:30px;
    }
    .padding-bottom-fifty{
        padding-bottom:30px;
    }
    .margin-bottom-50{
        margin-bottom:25px;
    }
    .margin-top-40{
        margin-top:20px;
    }
    .section-title{
        font-size:30px;
        line-height:30px;
        margin-bottom:30px;
    }
    .section-sub-title{
        font-size:24px;
        line-height:24px;
        margin-bottom:15px;
    }
    .for-tab{
        display: block;
    }
    .home-logo.for-desktop{
        display: none;
    }
    .home-logo{
        right: -25px!important;
    }

    /*scroll down*/
    .scroll-down-div{
        bottom:15%;
    }
    @keyframes top-to-down {
        from{
            bottom:15%;
            transition:bottom 0.3s linear;
        }
        to{
            bottom:18%;
            transition:bottom 0.3s linear;
        }
    }
    @-webkit-keyframes top-to-down {
        from{
            bottom:15%;
            transition:bottom 0.3s linear;
        }
        to{
            bottom:18%;
            transition:bottom 0.3s linear;
        }
    }


    .blue-line:before{
        height:35px;
    }
    .secondary-title{
        font-size: 24px;
        line-height: 25px;
    }
    .padding-top-forty{
        padding-top:25px;
    }

    .outcome .col-md-5{
        padding-right:3px;
    }
    .outcome .col-md-7{
        padding-left:3px;
    }
    .focus .radio-area label{
        font-size:18px;
        line-height: 28px;
    }
    .event-selector .container>.row>.col-md-4{
        flex: 0 0 30%;
        max-width: 30%;
    }
    .event-selector .container>.row>.col-md-8{
        flex: 0 0 70%;
        max-width: 70%;
    }
    .have-row .col-md-6{
        padding-right:0;
    }
    .radio-container{
        font-size:18px;
        line-height: 28px;
        padding-left:30px;
    }
    .outcome{
        padding-left:50px;
    }
    .outcome::before {
        content:url("../images/icons/icon_right_arrow_long_tab.png");
    }




    .video-thumbnail .content{
        padding:0 15px;
    }
    .video-thumbnail .content .name{
        font-size:24px;
        line-height: 24px;
        margin-bottom:10px;
    }
    .video-thumbnail .content .resignation{
        margin-bottom:15px;
    }
    .video-thumbnail .content p{
        font-size:16px;
        line-height: 22px;
        max-height: none;
        height: auto;
    }
    .contact-address .content-holder p, .contact-address a {
        font-size: 20px;
        line-height: 30px;
    }

    .video-holder iframe {
        width: 400px;
        height: 227px;
    }
    .about-us .video-holder iframe {
        width: 330px;
        height: 242px;
    }

    .card .width-100-percent{
        width:100%;
    }
    .card .title{
        font-size:24px;
    }
}

@media (min-width:768px)  and (max-width:1024px) and (orientation: portrait){
    header .navbar{
        /*min-height: 70px!important;*/
    }
    header .navbar-brand img{
        width:100px;
        transition:width 0.3s linear;
    }
    header .navbar-expand-lg .navbar-nav .nav-link{
        font-size:15px;
        transition:font-size 0.3s linear;
    }
}

@media (min-width:768px){
    .key-outcome{
        margin-top:-65px;
    }
    .contact-us{
        margin-top:-10px;
    }
    .outcome .col-md-5{
        flex: 0 0 45%;
        max-width: 45%;
    }
    .outcome .col-md-7{
        flex: 0 0 55%;
        max-width: 55%;
    }

    .team-slider .item:nth-last-child(-n+3){
        margin-bottom:20px;
    }
    .mobile-video{
        display: none;
    }

    .stage-hover h3{
        display: none;
    }

}
/*screen larger than mobile devices*/



/*query for mobile devices*/
@media (max-width:991px){
    .managing-team .title-div{
        display:block!important;
    }
    .managing-team .title-div .btn{
        margin-top:15px;
    }
}

@media (max-width:767px) {
    .desktop-video{
        display: none;
    }
    .navbar{
        height:auto;
        margin-top:20px;
    }

    .home-logo {
        width: 190px!important;
        top: -19px!important;
        right: -19px!important;
    }



    header .for-desktop.tab-menu{
        display: none;
    }
    header.toggle-clicked .for-desktop.tab-menu{
        display: none;
    }


    header.toggle-clicked{
        height: 100vh;
        background-color: #2696d3;
    }
    header .menu-background{
        position: absolute;
        top:0;
        left:0;
        display: none;
        width:100%;
    }
    header.toggle-clicked .menu-background{
        display: block;
    }
    .menu-background img{
        width:100%;
    }
    header.toggle-clicked .nav-link{
        line-height: 50px;
        padding:0;
        border-bottom:1px solid rgba(255, 255, 255, 0.57);
    }
    header .menu-inquiry{
        width: 100%;
        justify-content: center;
        position: absolute;
        bottom:15%;
        display: none;
    }
    header.toggle-clicked .menu-inquiry{
        display: flex;
    }
    header.toggle-clicked .menu-icon{
        display: none;
    }
    header.toggle-clicked .cross{
        display: block;
    }
    header.toggle-clicked .navbar-toggler{
        margin-top:-16px;
    }
    header .cross{
        display: none;
    }
    header.toggle-clicked .logo.for-menu{
        display: block;
    }
    header.toggle-clicked .navbar-nav .nav-item:last-child .nav-link{
        border-bottom:0;
    }
    header.toggle-clicked .navbar-nav{
        width:86%;
    }
    header .form-inline img.logo{
        top:-15px;
        right:2px;
    }



    .home-nav .container {
        /*position: absolute;*/
        /*top: 20px;*/
        /*left: 0;*/
    }
    .scroll-down-div{
        display:none;
    }
    header .telephone {
        margin-right: 250px;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        line-height: 25px;
        top: -8px;
        position: relative;
    }
    .for-mobile{
        display: block!important;
    }
    .for-mobile-768{
        display: block!important;
    }
    .for-desktop{
        display: none!important;
    }

    .margin-bottom-768-30{
        margin-bottom:30px;
    }

    html,body{
        font-size:16px;
        line-height: 25px;
    }
    .margin-bottom-30{
        margin-bottom:15px!important;
    }
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid{
        padding-right:15px;
        padding-left:15px;
    }

    .breadcrumb-div{
        min-height:70px;
    }
    .breadcrumb-ul{
        list-style: none;
        font-size:15px;
    }

    /*common classes*/
    .padding-top-bottom-90{
        padding-top:40px;
        padding-bottom:40px;
    }
    .padding-top-90{
        padding-top:40px;
    }
    .padding-top-forty{
        padding-top:20px;
    }

    .padding-top-hundred{
        padding-top:50px;
    }
    .padding-bottom-30{
        padding-bottom:15px;
    }
    .padding-top-50{
        padding-top:30px;
    }
    .padding-bottom-fifty{
        padding-bottom:30px;
    }
    .margin-bottom-50{
        margin-bottom:25px;
    }
    .margin-top-40{
        margin-top:20px;
    }
    .padding-bottom-35{
        padding-bottom:18px;
    }
    .section-title{
        font-size:24px;
        line-height:35px;
        margin-bottom:20px;
        padding-left:15px;
    }
    .section-sub-title{
        font-size:20px;
        line-height:24px;
        margin-bottom:15px;
    }
    .secondary-title{
        font-size:26px;
        line-height: 30px;
    }
    .contact-us .secondary-title{
        margin-top:15px;
    }
    .right-after:after{
        top: -20px;
        width: 35px;
        height: 70px;
    }
    .left-after:after{
        top: -20px;
        width: 35px;
        height: 70px;
    }

    input[type="text"].form-control, input[type="email"].form-control, input[type="password"].form-control, select.form-control{
        height: 38px!important;
    }
    /*common classes*/
    .for-desktop{
        display:none;
    }
    .scroll-down-div{
        /*display:none;*/
    }
    .btn{
        font-size: 15px;
        padding: 0 35px 2px 35px;
        line-height: 35px;
    }
    .big-btn{
        padding:20px 25px!important;
        line-height:0px;
        width: auto!important;
    }


    /*navbar*/
    .navbar-light .navbar-toggler{
        margin-top:-7px;
        border-radius:0!important;
    }
    .navbar{
        height:auto;
        margin-top:20px;
    }
    header .navbar-brand img{
        width:100px;
    }
    /*navbar*/



    .background-video-container{
        height:auto;
    }
    .video-title{
        font-size:35px;
        line-height:40px;
        padding-left:23px;
    }

    .background-video-container .yellow-line::before {
        height: 40px;
    }
    .blue-line::before{
        height:28px;
        width:5px;
    }
    .yellow-line:before{
        height:28px;
        width:5px;
    }
    .managing-team .secondary-title{
        font-size:20px!important;
        padding-left:15px!important;
    }

    .video-thumbnail .content{
        padding-top:50px;
        padding-bottom:40px;
    }
    .video-thumbnail .content .name{
        font-size:28px;
        line-height: 30px;
    }
    .contact-address .content-holder p {
        font-size: 20px;
        line-height: 30px;
    }
    .contact-address a {
        color: #202020;
        font-size: 20px;
        line-height: 30px;
    }
    .contact-address{
        margin-bottom:15px;
    }
    .go-top{
        right:5px;
    }



    .focus .form-group{
        width:50%;
        float:left;
    }
    .outcome{
        border-left:0;
        border-top:2px solid #fff;
        padding-top:80px;
        margin-top:30px;
    }
    .outcome:before{
        content:url("../images/icons/icon_down_arrow.png");
        position: absolute;
        left:50%;
        top:0;
        transform:translate(-50%,0);
    }
    .have-row .col-md-6{
        margin-bottom:10px;
    }
    .outcome .radio-area .align-items-center{
        align-items: flex-start!important;
    }
    .suits-event{
        display: flex;
        flex-wrap: wrap;
    }
    .event {
        /*flex: 0 0 33.33333%;*/
        /*max-width: 33.333333%;*/

        flex: 0 0 25%;
        max-width: 25%;
    }
    .stand{
        display: none;
    }
    .stand-box{
        width: auto;
        height: auto;
        position: initial;
    }
    .stand-box-after{
        display: none;
    }
    .suits-event .event{
        margin-bottom:25px;
    }

    
    .team.background-image{
        background-image: url("../images/background_team_mobile.png")!important;
        background-repeat:no-repeat;
    }
    .quick-search.background-image{
        background-image: url("../images/background_quick_search_mobile.png");
        background-repeat: no-repeat;
    }
    .event-selector.background-image{
        background-image: url("../images/background_image_mobile.png");
        background-repeat: no-repeat;
    }



    .footer-menu .social-link{
        margin-right:0;
    }
    footer .container{
        position: relative;
        flex-direction: column-reverse;
        align-items: center;
    }
    .footer-menu{
        display: flex;
        flex-direction: column-reverse;
    }
    .social-link{
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .social-link ul{
        text-align: center;
        align-self: center;
        justify-self: center;
    }
    .social-link ul li{
        margin-bottom:0;
    }
    .footer-menu ul.nav{
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .footer-menu ul.nav li{
        margin-bottom:15px;
    }



    .page-header{
        padding-top: 80px;
        padding-bottom: 30px;
    }
    .page-title{
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .page-sub-title{
        font-size: 20px;
        line-height: 20px;
        margin: 0;
    }
    .title-div{
        margin-bottom:20px;
    }
    .intro .title-div p{
        font-size:20px;
        line-height: 20px;
    }
    .intro .title-div .section-title{
        margin-bottom:20px;
    }
    .list-area .value.tag{
        padding:8px 5px;
    }
    #-outcome.key-outcome{
        margin-top:20px;
    }

    .key-outcome .title{
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .article .title {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .article .col-md-6{
        margin-bottom:20px;
    }


    .col-md-6 .video-holder{
        margin-top:0;
        margin-bottom:-20px;
    }
    .video-holder .holder:after{
        content:url("../images/icons/video_after_top.png");

        position: absolute;
        top: 35px;
        left: -15px;
    }


    .video-holder .holder:before{
        content:url("../images/icons/video_after_bottom.png");

        position: absolute;
        bottom:31px;
        right:-15px;
    }
    .col-md-6 .video-holder .holder:before{
      content:url("../images/icons/video_after_bottom.png");

      position: absolute;
      bottom:48px;
      right:-15px;
    }
    .col-md-6 .video-holder .holder:after{
        content:url("../images/icons/video_after_top_yellow.png");
        position: absolute;
        top: 48px;
        left: -15px;
    }


    .video-holder iframe{
        width:400px;
    }



    .table-btn{
        font-size:12px;
        line-height: 15px;
        padding:5px;
    }
    .record-listing .table{
        font-size:12px;
        line-height: 15px;

    }
    .record-listing .table tbody tr:first-child td{
        padding-left:5px!important;
        padding-right:5px!important;
    }
    .record-listing .table tbody tr td{
        padding-left:5px!important;
        padding-right:5px!important;
    }

    #key-outcome{
        padding:0 30px;
    }
    #key-outcome .key-outcome {
        width: 400px;
        padding: 30px;

    }
    #key-outcome .fancybox-close-small {
        right: 0px;
        height: 30px;
        width: 30px;
        padding: 5px;

    }
    .page-wrapper .contact-us .col-sm-6.padding-top-30{
        padding-top:0;
    }
    .page-wrapper .col-md-8{
        margin-top:20px;
    }

    .head-part .col-md-3{
        text-align: center!important;
        padding-top:30px;
    }
    .rounded-empty-btn{
        line-height: 15px;
        padding:14px 40px;
    }
    .card .image-holder img.width-100-percent{
        width:100%;
    }
    .card .title{
        font-size:30px;
        line-height: 30px;
        margin-bottom:15px;
    }

    .lead-the-change .section-title{
        font-size:30px;
        padding-right:0;
    }
    .landing-page .title-div p{
        font-size:20px;
        padding-right:0;
    }
    .padding-bottom-90{
        padding-bottom:50px;
    }
    .landing-page .turn.title-div .section-title{
        padding-right:0;
    }


    .stage:after {
        content: url(/Content/images/icons/down_arrow_mobile.png);
        position: absolute;
        bottom: -20px;
        left: 46%;
        transform: translateX(-50%);
    }

    .stage{
        position: absolute;
        padding: 10px;
        font-size: 13px;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
        min-width:0;
        min-height:0;
        max-width: 85px;
        /* min-height: 80px; */
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: aileron-regular,sans-serif;
        line-height: 1.2;
        text-align: center;
    }


    .stage-one {
        bottom: 19%;
        left: -10%;
    }
    .stage-two {
        left: 20%;
        bottom: 37%;
    }
    .stage-three {
        bottom: 68%;
        left: 50%;
    }
    .stage-four {
        bottom: 103%;
        left: 82%;
    }


    .stage-hover.dropdown-menu{
        position:static;
        float:none;
        display:none;
        margin-top:30px;
        margin-left:0;
    }
    .stage-hover.hover-in{
        display:block;
    }

    .stage-hover h3{
        display: block;
        font-size:20px;
        margin-bottom:10px;
    }

    .table-data th,
    .table-data td{
        vertical-align: middle!important;
        padding:6px;
        line-height: 1.4;
    }
    .table-data td img{
        width:50px!important;
        border:1px solid #d8d8d8;
        border-radius:2px;
    }

}

@media (min-width:576px) and (max-width:767px){
    .padding-top-15{
        padding-top:10px;
    }
    .portfolio .caption .title{
        font-size:20px;
        line-height: 20px;
        margin-bottom:5px;
    }
    .portfolio .caption ol li{
        padding:0;
        font-size:14px;
        /*margin-bottom:5px;*/
        line-height: 18px;
        border:0;
    }

    .page-wrapper .contact-us .col-sm-6.padding-top-30{
        padding-top:0;
    }

}

@media(min-width:576px){
    .for-mobile-xs{
        display:none;
    }
}

/*query for mobile devices*/

/*small devices*/
@media (max-width:575px){
    .for-mobile-xs{
        display:block!important;
    }
    .home-logo.for-mobile{
        /*display: none!important;*/
        /*transform:translateX(30px);*/
    }
    .home-logo {
        width: 190px!important;
        top: -19px!important;
        right: 0px!important;
    }




    .empty-label{
        display: none;
    }
    .btn{
        /*width:100%;*/
        /*padding-bottom:2px;*/
    }

    .focus .form-group{
        width:50%;
        float:left;
    }
    .focus .radio-area .form-group:last-child:after{
        /*display: block;*/
        content: '';
        display: table;
        clear: both;
    }
    .focus .radio-area:after{
        content: '';
        display: block;
        clear: both;
    }



    header .telephone{
        margin-right:200px;
    }
    .turn.title-div .section-title{
        /*padding-right:40%;*/
    }
    .turn.title-div .section-title span a{
        display: block;
    }
    .outcome{
        border-left:0;
        border-top:2px solid #fff;
        padding-top:80px;
        margin-top:30px;
    }
    .outcome:before{
        content:url("../images/icons/icon_down_arrow.png");
        position: absolute;
        left:50%;
        top:0;
        transform:translate(-50%,0);
    }
    .have-row .col-sm-6{
        margin-bottom:10px;
    }
    .outcome .radio-area .align-items-center{
        align-items: flex-start!important;
    }
    .outcome .engage-select .col-md-5, .outcome .message-select .col-md-5,
    .outcome .learn-select .col-md-5,
    .last4-select .col-md-5,
    .last5-select .col-md-5,
    .outcome .row.row-eq-height .col-md-5{
        flex:0 0 55%;
        max-width:55%;
    }


    .outcome .engage-select .col-md-7,
    .outcome .message-select .col-md-7,
    .outcome .learn-select .col-md-7,
    .last4-select .col-md-7,
    .last5-select .col-md-7,
    .outcome .row.row-eq-height .col-md-7{
        flex:0 0 45%;
        max-width:45%;
    }

    .video-holder iframe{
        height: 200px!important;
        width:340px!important;
    }
    .col-md-6 .video-holder{
        margin-bottom:20px;
    }

    .video-holder .holder:after{
        content:url("../images/icons/video_after_top.png");

        position: absolute;
        top: -15px;
        left: -15px;
    }

    .video-holder .holder::before, .col-md-6 .video-holder .holder:before {
        content: url("../images/icons/video_after_bottom.png");
        position: absolute;
        bottom: -15px;
        right: -15px;
    }
    .col-md-6 .video-holder .holder:after{
        content:url("../images/icons/video_after_top_yellow.png");
        position: absolute;
        top: -15px;
        left: -15px;
    }
    .team-details .col-md-5{
        margin-bottom:20px;
    }




    .thin-ice.col-md-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .key-outcome{
        flex: 0 0 100%;
        max-width: 100%;
    }



    .leverage-div-inner{
        margin-left:0px;
        margin:30px;
    }
    .leverage-div{
        padding-top:50%;
    }
    .leverage-left:before, .leverage-left:after, .leverage-bottom:before, .leverage-bottom:after{
        font-size:1rem;
    }
    .leverage-left:before{
        left:10px;
        color:#fff;
    }
    .leverage-left:after{
        left:10px;
        color:#fff;
    }

    .leverage-bottom:before{
        bottom:-25px;
    }

    .leverage-bottom:after{
        bottom:-25px;
    }

    .managing-team .holder{
        margin-top:50px!important;
    }
    .table-data td{
        font-size:14px;
        min-width:80px;
    }
    .question-answer .ac-q, .question-answer .ac-a .answer-inner{
        padding:15px;
    }
    .question-answer .ac-q{
        font-size:20px;
        padding-right:20px;
    }
    .question-answer .ac>.ac-q::after{
        right:20px;
    }

    .managing-team .holder{
        max-width:305px;
        margin:0 auto;
    }

    .tab-wrapper .tab-content{
        border-width:1px;
        padding: 10px 5px 0 5px;
    }
    .tab-wrapper .tab-content .card{
        padding:10px;
    }
    .tab-wrapper .nav-tabs .nav-item{
        flex:auto;
        margin-right:1px;
    }
    .tab-wrapper .nav-tabs .nav-link{
        min-width:0;
        padding:10px 10px;
        font-size:16px;
    }

    .event-selector .section-title{
        margin-top:20px;
    }
    .toggle-btn-area{
        top:-45px;
        left:0;
        right:0;
    }

    .team.purpose img.img-fluid{
        margin-bottom:15px;
    }

}


@media (max-width:479px){
    body{
        overflow-x:hidden;
    }
    .hidden-xs{
        display: none;
    }
    header .telephone{
        margin-right:180px;
    }
    .for-mobile-768{
        display: none!important;
    }
    .for-mobile-xs{
        display: block!important;
    }
    /*banner*/
    .banner-title{
        font-size:22px;
        line-height:30px;
    }
    .breadcrumb-ul li>a{
        font-size:14px;
    }
    /*banner*/

    .event {
        flex: 0 0 33.33333%;
        max-width: 33.333333%;
    }

    .focus .radio-area label{
        font-size:18px;
    }

    .record-listing .table{
        font-size:11px;
    }
    .record-listing .table tbody tr td:first-child img{
        width:50px;
    }
    .record-listing .table tbody tr td:nth-child(4) img{
        margin-bottom:5px;
    }
    .record-listing .table tbody tr td:first-child img{
        width:40px;
    }
    .record-listing .table tbody tr:first-child td {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .record-listing .table tbody tr td {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }


    #key-outcome{
        padding:0 10px;
    }
    #key-outcome .key-outcome {
        width: 330px;
        padding: 40px 15px;
    }
    #key-outcome .fancybox-close-small{
        right:10px;
    }
    #key-outcome .square-area .small-square {
        margin-bottom: 10px;
        height: 25px;
        margin-right: 3px;
    }

    .list-area .value-area.tagg {
        margin-left: 30px;
        margin-top: 10px;
    }
}

@media (max-width:379px){
    header .telephone{
        margin-right:150px;
    }
    .copyright-text{
        font-size:15px;
    }

    .outcome .message-select .col-md-7,
    .outcome .engage-select .col-md-7,
    .outcome .learn-select .col-md-7,
    .outcome .row.row-eq-height .col-md-7{
        padding-left:0;
    }

    .radio-container{
        font-size:18px;
        line-height: 20px;
        padding-left:30px;
    }
    .radio-mark{
        width:20px;
        height:20px;
    }
    .radio-container .radio-mark::after {
        width:8px;
        height: 8px;
    }
    .focus .radio-area label{
        line-height: 20px;
    }
    .focus .form-group{
        width:100%;
        float:none;
    }

    .list-area li{
        font-size:14px;
    }

    #key-outcome{
        padding:0 5px;
    }
    #key-outcome .key-outcome {
        width: 300px;
        padding: 35px 15px;
    }
    #key-outcome .fancybox-close-small{
        right:4px;
    }
    #key-outcome .square-area .small-square {
        margin-bottom: 10px;
        height: 22px;
        margin-right: 2px;
    }
    .button-area .btn{
        margin-right:2px;
    }


    .video-holder iframe{
        height: 200px!important;
        width:300px!important;
    }

    .video-holder .holder:after, .col-md-6 .video-holder .holder:after{
        content:url("../images/icons/video_after_top.png");
        position: absolute;
        top: 7px;
        left: -7px;
    }

    .video-holder .holder::before, .col-md-6 .video-holder .holder:before {
        content: url("../images/icons/video_after_bottom.png");
        position: absolute;
        bottom: 7px;
        right: -7px;
    }
    .col-md-6 .video-holder .holder:after{
        content:url("../images/icons/video_after_top_yellow.png");
        position: absolute;
        top: 7px;
        left: -7px;
    }
}
/*small devices*/