/* from 0px to 1024px ---------------------------------------------------------*/

@media screen and (max-width: 1024px) {

.item_logo {
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 0px;
    min-height: 130px;
}    
/* timeline */
.timeline * {
    -webkit-transition: none !important;
    transition: none !important;
    }
.timeline {
    padding: 0;
    position: relative;
    margin-left: 0;
    width: 290px;
    margin: 0 auto;
    }
.timeline>div.main_line {
    background: #E3106E;
    width: 1px;
    height: 600px;
    position: absolute;
    top: 20px;
    left: 145px;
    margin: 0;
    }
.timeline .dot_item .dot {
    width: 30px;
    height: 30px;
    border: 5px solid rgba(227,16,110,0.5);
    border: 5px solid rgba(255,255,255,0.5);    
    background: #E3106E;
    margin: 0 auto;
    position: relative;
/*radius*/
    -webkit-border-radius: 15px;    
    border-radius: 15px;    
    } 
.timeline .dot_item .dot .line {    
    position: absolute;
    height: 1px;
    background: #E3106E;
    width: 30px;
    top: 10px;
    }
.timeline .dot_item .dot .end {
    height: 5px;
    width: 5px;
    background: #E3106E;
    position: absolute;
    margin-top: 2px;
    
/*radius*/
    -webkit-border-radius: 3px;    
    border-radius: 3px;  
    }    
.timeline .dot_item {
    position: relative;
    float: none;
    height: auto;
    padding: 12px 0;
    width: 100%;
    }
.timeline .dot_item .label {
    position: absolute;
    width: 110px;
    top: 0 !important;
    height: auto;
    }
.timeline .dot_item .label span {
    display: block;
    font-size: 1.2rem;
    }    
.timeline .dot_item .label span:first-child {
    font-size: 1.6rem;
    }    

/* odd / even */

.timeline .dot_item:nth-child(odd) .label {
    text-align: left;
    left: 0;
    padding: 0;
    }
.timeline .dot_item:nth-child(even) .label {
    height: 80px;
    text-align: right;
    right: 0;
    padding: 0;
    }
.timeline .dot_item:nth-child(odd) .dot .line {    
    left: -100%;
    top: 10px;
    }
.timeline .dot_item:nth-child(odd) .dot .end {
    left: -100%;
    top: 6px;
    }     
.timeline .dot_item:nth-child(even) .dot .line {    
    left: 50%;
    top: 10px;
    } 
.timeline .dot_item:nth-child(even) .dot .end {
    left: 200%;
    top: 6px;
    }  


/* pozadi dokumentu casti AERO ---------------------------------------------------*/
/*
body>div.aero {
    background-size: 360% auto;
    } 
body>div.aero.white_bottom {
    background-size: 360% auto;
    }
/* pozadi dokumentu casti TRAVEL---------------------------------------------------*/
/*
body>div.travel {
    background-size: 360% auto;
    }
body>div.travel.white_bottom {
    background-size: 360% auto;
    } 

/* pozadi dokumentu casti CORPORATE-----------------------------------------------*/
/*
body>div.corporate {
    background-size: 360% auto;
    }   
body>div.corporate.white_bottom {
    background-size: 360% auto;
    }





.container {
    padding: 0 10px;
    }
.white .item h2 {
    font-size: 2.8rem;
    padding-bottom: 5px;
    }
}
*/

@media screen and (max-width: 900px) {

.hub .left_text,
.hub .scene {
    float: none;
    width: 96%;
    display: block;
    margin: 20px 2%; 
    }
.hub .scene .lightbox:after {
    color: #fff;
    font-size: 30px;
    top: 0px;
    right: 0px;
    height: 35px;
    width: 35px;
    line-height: 32px;
    background: #fb7a09;
}
.table_item {
	float: left;
	width: 100%;
    margin-bottom: 25px;
}
.table_item table {
	border: none;
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.table_item table th,
.table_item table td {
	padding: 10px;
	min-height: 40px;
	background: none;
	border: none;
	width: 100%;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}
.table_item table th {
	font-size: 1.8rem;
	background: #eee;
}
.table_item.pricing_plan table td:nth-child(1){
	width: 70%;
}
.table_item.pricing_plan table td:nth-child(2){
	width: 30%;
	text-align: right;
	font-weight: 600;
}
.table_item table td {
	font-size: 1.3rem;
}
.table_item.pricing_plan:nth-child(1) table tr:nth-child(2) td {
	height: 90px;
}
.table_item.ideal_plan:nth-child(1) table tr:nth-child(2) td {
	height: 407px;
}

/* from 0px to 768px ---------------------------------------------------------*/ 


@media screen and (max-width: 768px) {

.videos .video {
    display: block;
    margin: 20px 0;
    width: 100% !important;
    height: auto !important;    
}
.videos .video video {
    width: 100% !important;
    height: auto !important;
}



    .header li a {
        margin-left: 10px;
        }
    .products .product_items ul.tabs li {
        padding: 0;
        width: 50% !important;
        }
    .products .product_items ul.tabs.count5 li a.tab,
    .products .product_items ul.tabs.count4 li a.tab,
    .products .product_items ul.tabs.count3 li a.tab {
        background-size: 50% auto !important;
        }
    .white .logotype .item,
    .white .item {
        padding: 0 30px 40px;
        width: 50%;
        }
    .white .logotype .item:nth-child(odd),
    .white .item:nth-child(odd){
        clear: both;
        }
    /* partners / clients logos */


    .white.p25 .item img {
        height: 80px;
        }

    .corporate .products .product_items ul.tabs li a.tab {
        background-size: 60% auto !important;
        } 
    
    /* footer -------------------------------*/

    .footer {
        position: static;
        height: auto;
        text-align: center;
        border-top: 1px solid #d4e9fe;
        }        
    .footer p,
    .footer ul {
        float: none;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        display: block;
        text-align: center;
        }
    .link-copyright {
        display: inline-block;
        }
    .footer ul li {
        padding: 5px 0 0;
        display: block;
        text-align: center;
        line-height: 25px;
        }            
        

/* pozadi dokumentu casti AERO ---------------------------------------------------*/
/*
body>div.aero {
    background-size: 450% auto;
    } 
body>div.aero.white_bottom {
    background-size: 450% auto;
    }
/* pozadi dokumentu casti TRAVEL---------------------------------------------------*/
/*
body>div.travel {
    background-size: 450% auto;
    }
body>div.travel.white_bottom {
    background-size: 450% auto;
    } 

/* pozadi dokumentu casti CORPORATE-----------------------------------------------*/
/*
body>div.corporate {
    background-size: 450% auto;
    }   
body>div.corporate.white_bottom {
    background-size: 450% auto;
    }
    
    }      
    
/* from 0px to 600px ---------------------------------------------------------*/

@media screen and (max-width: 600px) {

    .corporate .products .product_items ul.tabs li a.tab {
        background-size: 58% auto !important;
        }
            
    .container.header,
    .container.intro {
        background: #183864;
        height: auto;
        }
    .aero .container.header,
    .aero .container.intro {
        background: #990f6d;
        height: auto;
        }
    .travel .container.header,
    .travel .container.intro {
        background: #1c79d8;
        height: auto;
        }
    .corporate .container.header,
    .corporate .container.intro {
        background: #1f2e94;
        height: auto;
        } 
    .hub .container.header,
    .hub .container.intro {
        background: #fb7a09;
        height: auto;
        }        
    .hub .intro p {
        max-width: 1000px;
        padding: 0 15px 25px 15px;
        }   
    .intro .button_navigation {
        padding: 0 15px 10px 15px;
        }
    .intro .button_navigation a {
        width: 100%;
        margin: 5px 0;
        }

    /* loga        */
    
    .item_logo {
        width: 100%;
        float: none;
        text-align: center;
        padding: 15px;
        min-height: auto;
        }
               
    .container.white {
    /*shadow*/
        -webkit-box-shadow: 0 -35px 45pxpx rgba(227,16,110,0.4);
        box-shadow: 0 -35pxpx 45pxpx rgba(227,16,110,0.4);
        overflow: hidden;    
        }
    .intro .controls {
        padding: 0 0 35px 0;
        }        
        
    /* partners / clients logos */

    .white.p25 .item {
        width: 50%;
        }
    .products .product_items {
        padding: 0 20px 20px 20px;
        }
    .products .product_items ul.tabs li {
        padding: 0;
        width: 50% !important;
        }
    .products .product_items ul.tabs li a {
        padding: 15px 0;
        }    
    .products .product_items ul.tabs li a.tab {
        background: none !important;
        }
    .hamburger {
        display: block;
        }
    .fixed .hamburger span {
        background: rgba(0,39,93,0.5);
        }
    .fixed .hamburger:hover span {
        background: rgba(0,39,93,0.8);
        }    
    .header,
    .header.fixed {
        position: fixed;
        z-index: 6;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100% !important;
        padding: 0;
        }
    .header {
        border-bottom: 1px solid rgba(255,255,255,0.2);
        padding-bottom: 0;
        }    
    .header.fixed {
        background: #fff !important;
    /*shadow*/
        -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15);
        box-shadow: 0 4px 5px rgba(0,0,0,0.15);
        }    
    .header>span,
    .header.fixed>span {
        display: block;
        max-width: 1024px;
        width: 100%;
        margin: 0 auto;
        }  
    .header .name,
    .header.fixed .name {
        float: none;
        width: 100%;
        font-size: 1.6rem;
        padding: 15px 0;
        text-align: center;
        }
    .header .name {
        color: #fff;
        font-weight: 500;
        }   
    .header.fixed .name {
        color: #00275d;
        font-weight: 500;
        }     
    .header .name a,
    .header .name a:hover {
        color: #fff;
        text-decoration: none;
        }   
    .header.fixed .name a {
        color: #00275d;
        text-decoration: none;
        }
        
    /* navigation */     
    
    .header ul,
    .header.fixed ul {
        margin: 0;
        padding: 0;
        float: none;
        width: 100%;
        display: none;
        }
    .header li,
    .header.fixed li {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        } 
    .header li a,
    .header.fixed li a {
        display: block;
        padding: 10px 0;
        text-transform: uppercase;
        font-size: 1.3rem;
        text-decoration: none;
        position: relative;
        text-align: center;
        margin-left: 0;
        width: 100%;
        }
    .header li a { 
        color: #fff; 
    /* transition*/
        -webkit-transition: all 1s; /* Safari */
        transition: all 1s;
        }
    .header.fixed ul li a { color: #00275d; }    
    .header li a:after,
    .header.fixed ul li a:after {
        bottom: -1px;
        left: 0;
        height: 1px;
        width: 100%;
        display: block;
        content: "";
        position: absolute;
    /* transition*/
        -webkit-transition: all 0s; /* Safari */
        transition: all 0s;
        }
    .header li a:after { border-bottom: none }
    .header.fixed ul li a:after { border-bottom: none }    
        
    .header li a:hover:after,    
    .header li.active a:after,    
    .header.fixed ul li a:hover:after,    
    .header.fixed ul li.active a:after {
        display: block;
        content: "";
    /*shadow*/    
        -webkit-box-shadow: none;
        box-shadow: none;
        }    
    .header li a:hover:after,    
    .header li.active a:after { 
        border-bottom: none 
        }
    .header li a:hover,
    .header li.active a {
        background: rgba(255,255,255,0.1);
        }
    
    }
    
/* from 0px to 480px ---------------------------------------------------------*/ 

@media screen and (max-width: 480px) {
     
     .products .product_text {
        display: none;
        }
     .products .product_items {
        padding: 0 10px 10px 10px;
        }
     .white .logotype .item,        
     .white .item {
        padding: 15px 30px;
        width: 100%;
        }
    .link-copyright {
        display: block;
        }
    .footer ul li {
        padding: 5px 0 0;
        display: block;
        }           
      
    }

/* from 0px to 360px ---------------------------------------------------------*/

@media screen and (max-width: 360px) {
    
    .white.p25 .item img {
        height: 70px;
        }
   

/* from 0px to 320px ---------------------------------------------------------*/

@media screen and (max-width: 320px) {

    .white .item {
        padding: 15px 30px;
        width: 100%;
        }
    
    /* contact form ------------------------------------------------------------------*/
    
    .contact_form .form .row {
        width: 100%;
        float: none;
        margin-left: 0;
        }
    .contact_form .form .row.controls input[type="submit"] {
        width: 100%;
        }
    }