/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 6, 2019, 2:40:36 PM
    Author     : gasper
*/

@media screen and (max-width: 1350px){
    .navbar-brand>img{
        width: 80%;
    }

    .navbar-default .navbar-nav>li>a{
        max-width: 100px;
    }
    .navbar-right {
        transition: .3s;
        margin-top: -10px;
    }
    .navbar .nav > li > a{
        font-size: 10px;
    }
}

@media screen and (max-width: 1300px){
    .navbar-brand>img{
        width: 80%;
    }
    
    .navbar-default .navbar-nav>li>a{
        max-width: 100px;
    }
}

@media screen and (max-width: 1270px){
    .navbar .nav > li > a, .mega-menu a{
        font-size: 10px;
    }

    .navbarTitle {
        margin-right: 0px !important;
    }

    .navbar-brand>img{
        width: 70%;
    }
    .bigTime{
        font-size:18px!important;
    }
    .timeInfoLanding{
        font-size:14px!important;
    }
    .landingTitle{
        font-size:25px;
    }
    .reasonDescription{
        font-size:14px;
    }
    .reasonDescription{
        width:250px;
    }
    .timeline{
        padding-left:50px;
    }
    .lineSlim::after {
        height: 130px!important;
    }
    .lineBig::after {
        height: 400px!important;
    }

}
@media screen and (max-width: 1262px) and (min-width: 1200px){
    .container {
        width: 950px;
    }
    .timeline li:before{
        left: -100px;
        transform: scale(0.8);
    }
}
@media screen and (max-width: 1200px){
    .blockImages{
        padding-left:10px;
    }
    .speakerOuterCard{
        width:100%;
        margin-bottom:20px;
    }
    .timeline li:before{
        left: -100px;
        transform: scale(0.8);
    }
}

@media screen and (max-width: 1150px){
    .navbar-default{
        display: none;
    }

    .slicknav_menu{
        display: block;
        background: #f6f6f6;
    }

    .slicknav_brand{
        padding: 5px 11px;
        margin-bottom: 20px;
    }

    .slicknav_brand img{
        width: 120px;
        margin-top: 5px;
    }

    .topNavigation {
        right: 55px;
        top: 15px;
    }

    .slicknav_btn{
        margin: 20px 5px 6px;
        background-color: #f6f6f6;
        cursor: pointer;
    }

    .slicknav_nav a:hover{
        background: #711826;
        color: #fff;
    }

    .slicknav_nav a{
        text-align: center;
        text-transform: uppercase;
        color:black;
    }

    .singleServiceMobile{
        font-size: 20px;
        font-weight: 500;
        color: #373434;
        text-transform: uppercase;
        transition: .3s;
        background-color: #edeef5;
        padding: 30px;
        margin-top: 10px;
        text-align: center;
    }

    .sidebar{
        display: none;
    }


    .sidebar-mobile{
        display: block;
        background-color: #edeef5;
        padding: 30px;
        margin-top: 40px;
    }

    .sidebar-mobile .single{
        font-size: 15px;
        font-weight: 500;
        color: #373434;
        margin-bottom: 10px;
        text-transform: uppercase;
        transition: .3s;
    }

    .sidebar-mobile .single.active{
        /*border-bottom: 2px solid red; */
        border-bottom: 5px solid #e96d6e;
    }

    .sidebarTitle{
        margin-top: 50px;
    }


    .stepBack{
        display: none;
    }

    .stepBackMobile{
        display: inline-block;
    }
    
    .subpageContainerSidebar {
        padding-top: 30px;
    }
    .container-fluid{
        padding-top:0px!important;
    }    
    .landingTitle{
        margin-top:20px!important;
    }
/*    .headerImage{
        padding-top:20px; 
        margin: 0 auto;
    }*/
    .header{
        padding-top:20px!important;
    }
    .timeline li:before{
        left: -100px;
        transform: scale(0.8);
    }
    #speakersSection{
        padding-top:50px!Important;
    }
        
}

@media screen and (max-width: 1030px){
    .timeline{
        padding-left:90px;
    }
}

@media screen and (max-width: 991px){
    .reasonImage{
        display:none;
    }
    .footer{
        text-align:center;
    }
    .desktop{
        display:none;
    }
    .mobile{
        display:block!important;
    }
    #TablesWrapper{
        padding:0px;
    }
    .cutLeft{
        right: -150px;
    }
    .speakerImage img{
        max-width:200px;
    }
    #video-modal-wrapper{
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 769px){
    .header{
        padding-left: 0px;
    }

    .landingTitle{
        margin-top: 150px;
    }

    .informationsBox{
        width: 100%;
        height: auto;
        padding: 30px;
    }

    .informationsBoxSingle::after, .informationsBoxSingle::before{
        display: none;
    }
    .productionBox{
        height: auto;
    }

    .btn-landing1{
        margin-bottom: 40px;
        width: 100%;
    }


    .landingTitle1, .landingTitle2, .landingTitle3{
        font-size: 50px;
    }

    .subpageBody h2{
        font-size: 50px;
    }

    .subpageHeader .breadcrumbs{
        font-size: 8px;
    }

    .footerCertificate2{
       width: 100%;
    }
    
    .footerCertificate2 img{
        width: auto;
        max-width: 100%;
    }
    
    .subpageHeader{
        height: 150px;
    }
    
    .subpageHeader .breadcrumbs{
        margin-top: 120px;
    }
    
    .btn-header{
        width: 100%;
    }
    
    .btn-landing2{
        margin-left: 0px;
        width: 100%;
    }
    
    .newsImageBox{
        height: 200px;
        margin-bottom: 20px;
    }
    
    .landing4{
        background-size: 100%;
    }
    
    .informationsBoxNumber{
        margin-top: 0px;
    }
    
    .certificateBox{
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .footerLogo {
        max-width: 90%;
    }
    
    .footerText{
        font-size: 13px;
    }
    
    .footerCertificate p{
        font-size: 13px;
        padding-top: 20px;
        text-align: center;
    }
    
    .footer{
        padding-bottom: 20px;
    }
    
    .footerAddData{
        font-size: 10px;
        margin-top: 8px;
    }
    
    .footerBottomText{
        font-size: 8px;
    }
    
    .usersImageBox{
        margin-bottom: 20px;
    }

    .landingHeaderTitle{
        padding-top:20px!important;
        transform: scale(0.8);
        text-align: center;
    }
/*    .headerImage{
        float:none!important;
        margin:0 auto;
    }*/
    .wrapperTime{
        text-align: center;
    }
    .wrapperTime div{
        padding-bottom:20px;
    }
    .reasonsOuterCard{
        width:auto;
        margin-right:0px!Important;
    }
    .reasonImage{
        display:block!important;
    }
    .modal-wrapper{
        left: 8%;
        width: auto;
        margin-left: 0px;
    }
    .timeline li:before{
        left: -100px;
        transform: scale(0.8);
    }
    .productCard{
        height:100%!important;
    }
    .lineSlim::after {
        height: 150px!important;
    }
    .lineBig::after {
        height: 450px!important;
    }
}

@media screen and (max-width: 560px){
    .speakersImage{
        padding-top: 130px;
        margin-left:-20px;
    }
    .parallelogram{
        left: -60px;
    }
    .competitionsOuterCard div a{
        padding-bottom:20px;
    }
    .speakerOuterCardLanding{
        width: 290px;
        min-height:550px;
    }
    
}
@media screen and (max-width: 485px){
    .lineSlim::after {
        height: 200px!important;
    }
    .lineSemi::after {
        height: 300px!important;
    }
    .lineBig::after {
        height: 550px!important;
    }
}
@media screen and (max-width: 470px){
    .col-xxs-12{
        width:100%;
        text-align: center;
    }
    .speakersImage, .speakerImage img{
        padding-top: 20px;
        margin:0 auto;
        border-radius: 100px;
    }
    .speakerImage img{
        padding-top:0px!Important;
    }
    .parallelogram{
        display:none;
    }
    #speakersSection{
        padding-top: 40px
    }
    .reasonImage{
        display:none!important;
    }
/*    .headerImage{
        min-width:200px;
        min-height:200px;
    }*/
}
@media screen and (max-width: 350px){
    .lineSlim::after {
        height: 240px!important;
    }
    .lineSemi::after {
        height: 350px!important;
    }
    .lineBig::after {
        height: 750px!important;
    }
    .modal-wrapper{
        left: 0%;
    }
}