@media only screen and (min-width: 1281px) and (max-width: 1400px) {

    header .tBox { margin:auto; width:1280px; }
    #content .tBox { margin:auto; width:1280px; }
    #content_sub .tBox { margin:auto; width:1280px; padding-top:40px; }
    #carpager {width:1280px;margin:auto;text-align:center;}
    footer .tBox { margin:auto; width:1280px; min-height:450px;  }
    header .slide .car-control { display:none; }
   
}


@media only screen and (min-width: 1152px) and (max-width: 1280px) {

    header .tBox { margin:auto; width:98%; margin:0% 1%; }
    #content .tBox { margin:auto; width:98%; margin:0% 1%;  }
    #content_sub .tBox { margin:auto; width:98%; margin:0% 1%;  padding-top:40px; }
    #carpager { width:98%; margin:0% 1%;  margin:auto;text-align:center;}
    footer .tBox { margin:auto; width:98%; margin:0% 1%;   min-height:450px;  }
    
    header .slide .car-control { display:none; }
    
    header .navigation #logo { width:16%; } 
    header .navigation .top-menu { width:55%; } 
    header .navigation .nav-search { width:24%; }
    header .navigation .nav-search #search input { margin-left:0px; }
    
    header .slide #carousel li h1 { width:680px; font-size:40px; }
    header .slide #carousel li .desc { width:680px; font-size:26px; }
    
    #content_news .tBox { margin:auto; width:98%; margin:0px 1%; }
   .newsletter .tBox { margin:auto; width:98%; margin:0px 1%; }

    .home_news .new {float:left;width: 49%; padding:2%; height: 200px;background: #e0eaff;margin-top: 10px;margin-right: 1%;}
    .home_moduls .modul { width:48%; }
    .home_news a.all_news { margin-left:35%; background:#444; }
    
    header .navigation .sjKontakt { display:none; }
    .home_moduls .modul:hover{
        border:0px !important;
    }
    
    .home_moduls .modul .modulInfo a.viewmore {
        width:auto;
        padding:6px 8px;
        background:#fff;
        color:#067bd4;
        border-radius:5px;
            
    }
    
    .home_moduls .modul .modulInfo p {
        height:135px;
        overflow:hidden;
    }
    
    .home_moduls a.all_moduls {
        margin-left:35%; 
    }
    
} 


@media only screen and (min-width: 1025px) and (max-width: 1152px) {
    body { width:100%; overflow-x:hidden; }
    
    header .tBox { margin:auto; width:98%; margin:0px 1%; }
    #content .tBox { margin:auto; width:98%; margin:0px 1%; }
    #content_sub .tBox { margin:auto; padding-top:40px; width:98%; margin:0px 1%; }
    #carpager {width:98%; margin:0px 1%; text-align:center; }
    footer .tBox {width:98%; margin:0px 1%; min-height:450px;  }
    #content_news .tBox { width:98%; margin:0px 1%; }

    header .navigation .sjKontakt { display:none; }
    
    header .slide .car-control { display:none; }
    header .navigation #logo { width:16%; } 
    header .navigation .top-menu { width:66%; } 
    header .navigation .nav-search { width:18%; }
    header .navigation .nav-search #search input { margin-left:0px; }
    header .navigation .nav-search #search button { width:35px; }

    header .slide #carousel li h1 { width:680px; font-size:40px; }
    header .slide #carousel li .desc { width:680px; font-size:26px; }
    
    header .tBox #left_tip { width: 46%; }
    header .tBox #left_tip p { font-size:13px; }
    
    .home_news .new {float:left;width: 49%; padding:2%; height: 200px;background-color:#e0eaff;margin-top: 10px;margin-right: 1%;}
    .home_moduls .modul { width:48%; }
    .home_news a.all_news { margin-left:35%; background:#444; }
    
    header .navigation .sjKontakt { display:none; }
    .home_moduls .modul:hover{
        border:0px !important;
    }
    
    .home_moduls .modul .modulInfo a.viewmore {
        width:auto;
        padding:6px 8px;
        background:#fff;
        color:#067bd4;
        border-radius:5px;
            
    }
    
    .home_moduls .modul .modulInfo p {
        height:135px;
        overflow:hidden;
    }
    
    .home_moduls a.all_moduls {
        margin-left:35%; 
    }
    
    .home_news {
        padding:3%;
        width:100%;
    }
    
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
    
    body { width:100%; overflow-x:hidden; }
    
    header .navigation .sjKontakt { display:none; }
    
    header .tBox { margin:auto; width:98%; margin:0% 1%; }
    #content .tBox { margin:auto; width:98%; margin:0% 1%; }
    #content_sub .tBox { margin:auto; width:98%; margin:0% 1%; padding-top:40px; }
    #carpager { width:98%; margin:0% 1%; text-align:center;}
    footer .tBox { width:98%; margin:0% 1%; min-height:450px;  }
    header .slide .car-control { display:none; }
    header .navigation #logo { width:16%; } 
    header .navigation .top-menu { width:66%; } 
    header .navigation .top-menu .nav > li > a { padding:0 12px; }
    header .navigation .nav-search { width:18%; }
    header .navigation .nav-search #search input { margin-left:0px; }
    header .navigation .nav-search #search button { width:30px; }
    
    #content .home_moduls .modul { width:50%; height:300px;  }
    #content .home_moduls .modul .modulImage { width:25%; }
    #content .home_moduls .modul .modulInfo { width:75%; }
    
    header .slide #carousel li h1 { width:680px; font-size:40px; }
    header .slide #carousel li .desc { width:680px; font-size:26px; }
    header .tBox #left_tip { width: 40%; }
    header .tBox #left_tip p { font-size:12px; }
    
}

.respHide { display:inline; }



@media only screen and (min-width: 124px) and (max-width: 759px) {

    body { overflow-x:hidden; }
    header .tBox { margin:auto; width:100%; }
    #content .tBox { margin:auto; width:100%; margin-top:0px; }
    #content_sub .tBox { margin:auto; width:100%; padding-top:0px; }
    #carpager {width:100%; margin:auto;text-align:center;}
    #content_news .tBox { width:98%; margin:0px 1%; }
    .newsletter .tBox { width:98%; margin:0px 1%; }
    .newsletter .nlInfo { margin-left:2%; }
    .newsletter .nlLogin { float:left; margin-left: 2%; margin-top:10px; }
    
    .home_news .new {float:left;width: 99%; padding:2%; height: auto;background:#e0eaff;margin-top: 10px;}   
     .home_news .tx {float:left; width:100%; text-align:center; margin-top:15px; }
    .home_news a.all_news { width:auto; margin-left:0px; float:none; margin:0; }
    
    footer { display:flex; }
    footer .tBox { margin:auto; width:100%; min-height:1000px;  }
    header .slide .car-control { display:none; }
    
    .sjKontakt { display:none; }
    
    li.respHide { display:none!important; }
    #content_sub .leftSide h1 { display:none; }
    #content_sub .leftSide ul.leftmenu li { width:100%; border:0px; border-radius:0 !important; -webkit-border-radius:0 !important;  }
    
    #content_sub .rightSide img { max-width:98%; }
    
    header .navigation .tBox { 
        float:left; 
   display:flex;
          flex-flow: row wrap; }
    
    header .navigation #logo { width:42%; margin-left:4%; order: 1; } 
    header .navigation #logo img { max-width:80%; }
    header .navigation .top-menu .nav > li > div { display:none; }
    
    header .navigation .top-menu { width:100%; order: 3; } 
    header .navigation .top-menu .nav > li > a { padding:0 12px; }
    footer .footBox a.clientZone { float:left; margin-left:2%; }
    header .navigation .nav-search { width:50%; order: 2; }
    header .navigation .nav-search #search input { margin-left:0px; float:left; width:80%;  }
    header .navigation .nav-search #search button { width:30px; float:left; }
    
    .home_moduls .modul .modulInfo p { width:99%; height:160px; }
    
    #content .home_moduls .modul { width:100%; height:auto; padding-bottom:20px; border:0px;  }
    #content .home_moduls .modul .modulImage { width:25%; }
    #content .home_moduls .modul .modulInfo { width:65%; }
    #content .home_moduls .modul:hover { border:0px; }
    #content .home_moduls .modul .modulImage img { max-width:99%; height:auto; }
    
    #content .home_moduls a.all_moduls { margin-left:10%; width:80%; font-size:15px; }
    #content .home_news a.all_news { margin-left:10%; width:80%; font-size:15px; }
    
    
    #content .home_news .new { width:100%; padding:5%; }
    
    
    
    footer .footBox.foot1 { width:40%; margin-left:2%;  }
    footer .footBox.foot2 { width:55%;  margin-left:2%;}
    footer .footBox.foot3 { width:45%;  margin-left:2%;}
    footer .footBox.foot4 { width:45%;  margin-left:2%; }
    footer .footBox.foot5 { width:100%;  float:left; text-align:left;  margin-left:2%; }
    
    footer .footBox ul li a { font-size:13px; }
    
    footer span.copy { padding-left:5%; width:100%; }
    footer span.logo { float:left; width:100%; }

    header .top_info { position:relative; display:none ; }
    header .navigation { top:0px; position:relative;  }
    header .slide { display:none ; }
    header .top-menu { margin-top:5px; }
    
    #content_sub .leftSide { width:100%; }
    #content_sub .rightSide { width:100%; }
    a.download_pdf { float:left!important; width:100%; margin-top:10px!important; margin-bottom:20px!important; }
    .webpad p { width:100%; }
    
    #gallery { width:100%; }
    #gallery > a  { width:47%!important; height:auto!important; }
    #gallery > a img { width:100%!important; height:auto!important; }
    
    header .navigation .top-menu .nav {
		width:100%;
  	font-size:14px;
  	font-weight:900;
    display:inline-block;
    
  }

	header .navigation .top-menu .nav > li {
    padding-left:0px; 
    width:100%;
    left:0px;
    
	}
	
        header .navigation .top-menu .nav > li > a {
	display:block;

        background: #008bda; /* Old browsers */
        background: -moz-linear-gradient(top,  #008bda 0%, #0085dd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bda), color-stop(100%,#0085dd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #008bda 0%,#0085dd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bda', endColorstr='#0085dd',GradientType=0 ); /* IE6-9 */

          font-size:20px;
          text-align:left;

          border-bottom:1px solid #0058a9;
          padding-left:60px; 
          height:50px !important;
          color:#fff !important;
          line-height:50px !important;
          font-size:16px  !important;
          font-weight:300  !important; 
          font-family:'Roboto';
          
        }
        
        header .navigation .top-menu .nav > li > a#modules {        
            background: #008bda; /* Old browsers */
            background: url(../images/mnav/module.png) no-repeat 5% 50%, -moz-linear-gradient(top,  #008bda 0%, #0085dd 100%); /* FF3.6+ */
            background: url(../images/mnav/module.png) no-repeat 5% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bda), color-stop(100%,#0085dd)); /* Chrome,Safari4+ */
            background: url(../images/mnav/module.png) no-repeat 5% 50%, -webkit-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Chrome10+,Safari5.1+ */
            background: url(../images/mnav/module.png) no-repeat 5% 50%, -o-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Opera 11.10+ */
            background: url(../images/mnav/module.png) no-repeat 5% 50%, -ms-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* IE10+ */
            background: url(../images/mnav/module.png) no-repeat 5% 50%, linear-gradient(to bottom,  #008bda 0%,#0085dd 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bda', endColorstr='#0085dd',GradientType=0 ); /* IE6-9 */
        }
        
        header .navigation .top-menu .nav > li > a#home {        
            background: #008bda; /* Old browsers */
            background: url(../images/mnav/home.png) no-repeat 5% 50%, -moz-linear-gradient(top,  #008bda 0%, #0085dd 100%); /* FF3.6+ */
            background: url(../images/mnav/home.png) no-repeat 5% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bda), color-stop(100%,#0085dd)); /* Chrome,Safari4+ */
            background: url(../images/mnav/home.png) no-repeat 5% 50%, -webkit-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Chrome10+,Safari5.1+ */
            background: url(../images/mnav/home.png) no-repeat 5% 50%, -o-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Opera 11.10+ */
            background: url(../images/mnav/home.png) no-repeat 5% 50%, -ms-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* IE10+ */
            background: url(../images/mnav/home.png) no-repeat 5% 50%, linear-gradient(to bottom,  #008bda 0%,#0085dd 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bda', endColorstr='#0085dd',GradientType=0 ); /* IE6-9 */
        }
        
        header .navigation .top-menu .nav > li > a#reference {

            background: #008bda; /* Old browsers */
            background: url(../images/mnav/reference.png) no-repeat 5% 50%, -moz-linear-gradient(top,  #008bda 0%, #0085dd 100%); /* FF3.6+ */
            background: url(../images/mnav/reference.png) no-repeat 5% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bda), color-stop(100%,#0085dd)); /* Chrome,Safari4+ */
            background: url(../images/mnav/reference.png) no-repeat 5% 50%, -webkit-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Chrome10+,Safari5.1+ */
            background: url(../images/mnav/reference.png) no-repeat 5% 50%, -o-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Opera 11.10+ */
            background: url(../images/mnav/reference.png) no-repeat 5% 50%, -ms-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* IE10+ */
            background: url(../images/mnav/reference.png) no-repeat 5% 50%, linear-gradient(to bottom,  #008bda 0%,#0085dd 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bda', endColorstr='#0085dd',GradientType=0 ); /* IE6-9 */


        }

        header .navigation .top-menu .nav > li > a#info {

            background: #008bda; /* Old browsers */
            background: url(../images/mnav/info.png) no-repeat 5% 50%, -moz-linear-gradient(top,  #008bda 0%, #0085dd 100%); /* FF3.6+ */
            background: url(../images/mnav/info.png) no-repeat 5% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bda), color-stop(100%,#0085dd)); /* Chrome,Safari4+ */
            background: url(../images/mnav/info.png) no-repeat 5% 50%, -webkit-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Chrome10+,Safari5.1+ */
            background: url(../images/mnav/info.png) no-repeat 5% 50%, -o-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Opera 11.10+ */
            background: url(../images/mnav/info.png) no-repeat 5% 50%, -ms-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* IE10+ */
            background: url(../images/mnav/info.png) no-repeat 5% 50%, linear-gradient(to bottom,  #008bda 0%,#0085dd 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bda', endColorstr='#0085dd',GradientType=0 ); /* IE6-9 */


        }
        
        header .navigation .top-menu .nav > li > a#support {

            background: #008bda; /* Old browsers */
            background: url(../images/mnav/support.png) no-repeat 5% 50%, -moz-linear-gradient(top,  #008bda 0%, #0085dd 100%); /* FF3.6+ */
            background: url(../images/mnav/support.png) no-repeat 5% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bda), color-stop(100%,#0085dd)); /* Chrome,Safari4+ */
            background: url(../images/mnav/support.png) no-repeat 5% 50%, -webkit-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Chrome10+,Safari5.1+ */
            background: url(../images/mnav/support.png) no-repeat 5% 50%, -o-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Opera 11.10+ */
            background: url(../images/mnav/support.png) no-repeat 5% 50%, -ms-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* IE10+ */
            background: url(../images/mnav/support.png) no-repeat 5% 50%, linear-gradient(to bottom,  #008bda 0%,#0085dd 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bda', endColorstr='#0085dd',GradientType=0 ); /* IE6-9 */


        }
        
        header .navigation .top-menu .nav > li > a#contact {

            background: #008bda; /* Old browsers */
            background: url(../images/mnav/contact.png) no-repeat 5% 50%, -moz-linear-gradient(top,  #008bda 0%, #0085dd 100%); /* FF3.6+ */
            background: url(../images/mnav/contact.png) no-repeat 5% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bda), color-stop(100%,#0085dd)); /* Chrome,Safari4+ */
            background: url(../images/mnav/contact.png) no-repeat 5% 50%, -webkit-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Chrome10+,Safari5.1+ */
            background: url(../images/mnav/contact.png) no-repeat 5% 50%, -o-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Opera 11.10+ */
            background: url(../images/mnav/contact.png) no-repeat 5% 50%, -ms-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* IE10+ */
            background: url(../images/mnav/contact.png) no-repeat 5% 50%, linear-gradient(to bottom,  #008bda 0%,#0085dd 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bda', endColorstr='#0085dd',GradientType=0 ); /* IE6-9 */


        }

        header .navigation .top-menu .nav > li > a#services {

            background: #008bda; /* Old browsers */
            background: url(../images/mnav/services.png) no-repeat 5% 50%, -moz-linear-gradient(top,  #008bda 0%, #0085dd 100%); /* FF3.6+ */
            background: url(../images/mnav/services.png) no-repeat 5% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bda), color-stop(100%,#0085dd)); /* Chrome,Safari4+ */
            background: url(../images/mnav/services.png) no-repeat 5% 50%, -webkit-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Chrome10+,Safari5.1+ */
            background: url(../images/mnav/services.png) no-repeat 5% 50%, -o-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* Opera 11.10+ */
            background: url(../images/mnav/services.png) no-repeat 5% 50%, -ms-linear-gradient(top,  #008bda 0%,#0085dd 100%); /* IE10+ */
            background: url(../images/mnav/services.png) no-repeat 5% 50%, linear-gradient(to bottom,  #008bda 0%,#0085dd 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bda', endColorstr='#0085dd',GradientType=0 ); /* IE6-9 */

        }


        header .navigation .top-menu .nav > li > a#user {

            background: #0577b7; /* Old browsers */
            background: url(../images/mnav/user.png) no-repeat 5% 50%, -moz-linear-gradient(top,  #0577b7 0%, #0085dd 100%); /* FF3.6+ */
            background: url(../images/mnav/user.png) no-repeat 5% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0577b7), color-stop(100%,#0085dd)); /* Chrome,Safari4+ */
            background: url(../images/mnav/user.png) no-repeat 5% 50%, -webkit-linear-gradient(top,  #0577b7 0%,#0085dd 100%); /* Chrome10+,Safari5.1+ */
            background: url(../images/mnav/user.png) no-repeat 5% 50%, -o-linear-gradient(top,  #0577b7 0%,#0085dd 100%); /* Opera 11.10+ */
            background: url(../images/mnav/user.png) no-repeat 5% 50%, -ms-linear-gradient(top,  #0577b7 0%,#0085dd 100%); /* IE10+ */
            background: url(../images/mnav/user.png) no-repeat 5% 50%, linear-gradient(to bottom,  #0577b7 0%,#0085dd 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0577b7', endColorstr='#0085dd',GradientType=0 ); /* IE6-9 */


        }


	.nav-click {
		display:block;
	}
        
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0; 
	}
  
  
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
        
    
}