@-ms-viewport {
  width: device-width;
}

@media (min-width: 768px) and (max-width: 959px) {
    .headerContainer, .bannerContentContainer, .productsContentContainer, .servicesContentContainer, .formContentContainer, .clientsContentContainer, .footerContentContainer, .breadcrumbContentContainer, .wrapperContentContainer {
        min-width: 768px;
    }

    .headerContentContainer, .bannerContent, .productsContent, .servicesContent, .formContent, .clientsContent, .footerContent, .breadcrumbContent, .wrapperContent {
        width: 98%;
        padding: 0px 1%;
    }
    .logo{width: 200px;}
    .logo img{max-width: 100%;}
    .menu {
        width: auto;
    }

    .menu ul li {
        padding: 0px 7px;
    }

    .menu ul li a {
        padding: 0px 0px;
    }

    .banner-item {
        margin-top: 20px;
    }

    .banner-item h1 {
        font-size: 28px;
        text-align: center;
    }

    .banner-item p {
        font-size: 16px;
        text-align: center;
    }

    .btnGreen, .btnTransparent {
        float: none;
        margin: 5px auto 0px auto;
        clear: both;
        display: block;
    }

    .banner-item.float-r img {
        width: 100%;
        margin-top: 10px;
    }
    .playButton {
        width: 20%;
        margin-top: 10px;
        opacity:0.9;
        
    }
    .playButton:hover {
        width: 100%;
        margin-top: 10px;
        opacity:1.0;
       
    }

    .products-item {
        width: 32%;
        float: left !important;
        padding: 0px 0.5%;
    }

    .marg-l-65 {
        margin: 0px;
    }

    .products-icon img {
        margin-top: 5px;
    }

    .full-separator {
        margin: 20px 0px 10px 0px;
    }

    .txtbox {
        width: 31%;
        margin-right: 10px;
    }

    .btnSubmit {
        width: 32%;
    }

    #slider {
        width: auto;
    }

    #slider ul li {
        width: 760px;
    }

    .slider-content {
        width: 99%;
        padding-right: 0px;
        background-image: none;
    }

    .slider-content p {
        padding-left: 0px;
    }

    .lblCopy {
        font-size: 14px;
    }

    .footerContent ul li a, .footerContent ul li span {
        font-size: 14px;
    }

    .wrapper-header ul li {
        padding: 0px 5px;
    }

    .one-thirds {
        width: 30%;
    }

    .one-thirds img {
        width: 100%;
    }

    .two-thirds {
        width: 67%;
    }

    .two-fourth {
        width: 49%;
    }

    .two-fourth-text {
        width: 82%;
    }

    .wrapper-right {
        width: 86%;
    }

    .wrapper-right-item-img {
        width: 30%;
    }

    .wrapper-right-item-img img {
        width: 100%;
    }

    .wrapper-right-item-text {
        width: 67%;
    }

    .bestil-form-div {
        width: 96%;
        padding: 20px 2%;
    }

    .bestil .txtbox {
        width: 47%;
    }

    .ddlbig {
        width: 48.8%;
    }

    .kontakt-right {
        width: 75%;
    }

    .kontakt-left {
        width: 180px;
    }

    .kontakt-form {
        width: 96%;
        padding: 20px 2%;
    }

    .kontakt-form .txtbox {
        width: 47%;
    }

    .kontakt-map iframe {
        width: 100%;
    }

    .ressourcer .wrapper-left {
        width: 58%;
    }

    .slider-item-top, .slider-item-content {
        width: 100%;
    }

    .item-top-text {
        width: 90%;
    }
    .products-item span{line-height: 1.3;}
    .products-item p{height: 118px;font-size: }
    .align-center-img img{width: 100%;}
}

@media (max-width: 767px) {
    .headerContainer, .bannerContentContainer, .productsContentContainer, .servicesContentContainer, .formContentContainer, .clientsContentContainer, .footerContentContainer, .breadcrumbContentContainer, .wrapperContentContainer {
        max-width: 767px;
    }

    .headerContentContainer, .bannerContent, .productsContent, .servicesContent, .formContent, .clientsContent, .footerContent, .breadcrumbContent, .wrapperContent {
        width: 98%;
        padding: 0px 1%;
    }

   .mobile-width{
        width:150px !important; 

   }

    #menu-mobile {
        cursor: pointer;
        float: right;
        background: url(../../uploads/13/ad/13ad1cb91af1e3dfc4ff624c73448373/btn_sprites.png) no-repeat -62px -359px;
        width: 22px;
        height: 18px;
        margin-right: 10px;
        margin-top: 30px;
    }

    .mobile-menu {
        width: auto;
        display: none;
        z-index: 9999999;
        position: relative;
        padding: 10px 40px;
        float: right;
        clear: both;
        margin-top: 19px;
        background: white;
        margin-right: -1%;
    }

    body.show-menu .mobile-menu {
        display: block;
    }

    .menu ul li {
        clear: both;
        padding: 0px 0px !important;
        float: none;
        width: 100%;
        display: block;
    }

    .menu ul li a {
        display: block;
        float: none !important;
        width: 100%;
        padding: 0px;
        text-align: center;
        font-size: 25px;
        line-height: 1.5;
    }

    .menu ul li.menu-btn-login {
        margin-top: 10px;
    }

    .menu ul li.menu-btn-login a {
        width: auto;
        font-size: 16px;
    }

    .banner-item {
        margin-top: 40px;
    }

    .banner-item h1 {
        font-size: 20px;
        text-align: center;
    }

    .banner-item p {
        font-size: 14px;
        text-align: center;
    }

    .btnGreen, .btnTransparent {
        float: none;
        margin: 5px auto 0px auto;
        clear: both;
        display: block;
       
    }

    .banner-item.float-r img {
        width: 100%;
        margin-top: 20px;
    }
    
    .playButton {
        width: 100%;
        margin-top: 10px;
        opacity:0.9;

    }
    .playButton:hover {
        width: 100%;
        margin-top: 10px;
        opacity:1.0;

    }
    
    .btnGreenSmall {
      
        font-size: 14px;
       
    }

    
    
    
    
    

    .productsContentContainer {
        height: auto;
        background: url(../../uploads/2a/89/2a89f3222284fd12c8fc5dbcb828ab51/background_products_mobile.png) repeat-x top left;
        margin-top: -55px;
        padding-top: 45px;
    }

    .products-item {
        float: none !important;
        clear: both;
        margin: 20px auto 0px auto;
    }

    .services-item {
        width: 100%;
        clear: both;
        float: none !important;
        margin: 10px auto;
    }

    .txtbox {
        width: 98%;
        clear: both;
        float: left !important;
        padding: 0px 1%;
    }

    #slider {
        width: auto;
    }

    #slider ul li {
        width: 560px;
    }

    .slider-content {
        width: 99%;
        padding-right: 0px;
        background-image: none;
    }

    .slider-content p {
        padding-left: 0px;
        font-size: 16px;
    }

    .lblCopy {
        float: none;
        clear: both;
        text-align: center;
    }

    .footerContent ul {
        float: none;
        clear: both;
        display: block;
        width: 100%;
        text-align: center;
    }

    .footerContent ul li {
        float: none;
        display: inline-block;
        text-align: center;
    }

    .footerContent ul li a, .footerContent ul li span {
        text-align: center;
        float: none;
        display: block;
    }

    .cloud {
        display: none;
    }

    #menu-mobile-services {
        cursor: pointer;
        float: left;
        background: url(../../uploads/13/ad/13ad1cb91af1e3dfc4ff624c73448373/btn_sprites.png) no-repeat -62px -359px;
        width: 22px;
        height: 18px;
        margin-right: 0px;
        margin-top: 5px;
    }

    .wrapper-header ul {
        display: none;
        height: auto;
        border: 0px;
        float: left;
        background: #214673;
        clear: none;
        padding: 0px 20px 5px 20px;
        margin-left: 25px;
        margin-top: 5px;
        position: absolute;
        text-align: center;
        width: 160px;
    }
    .wrapper-header ul.menu-services-sec{
        margin-top: 194px;
    }
    .wrapper-header ul.menu-services-thr{
        margin-top: 383px;
    }

    .wrapper-header ul li {
        clear: both;
        border-bottom: 0px !important;
        padding: 0px !important;
        width: 100%;
    }

    .wrapper-header ul li a:hover, .wrapper-header ul li a.sub-menu-activ {
        border-bottom: solid 1px white !important;
    }

    .wrapper-header ul li a {
        border-bottom: solid 1px transparent;
        color: white;
        line-height: 1.3;
        padding: 5px 0px;
        width: 100%;
    }

    body.show-services-menu .wrapper-header ul {
        display: block;
    }

    .wrapper-right {
        width: 80%;
        margin-top: 20px;
    }

    .wrapper-right-item {
        margin-top: 15px;
    }

    .wrapper-right-item-text {
        width: 100%;
        margin-top: 10px;
    }

    .one-thirds {
        display: block;
        float: none;
        clear: both;
        margin: 0px auto 0px auto;
    }

    .one-thirds img {
        margin-top: 25px;
    }

    .two-thirds {
        float: none;
        display: block;
        clear: both;
        width: 100%;
        margin-top: 10px;
    }

    .wrapperContent .two-thirds h2 {
        text-align: center;
    }

    .two-fourth {
        width: 100%;
    }

    .two-fourth-text {
        width: 86%;
    }

    .kontakt-left {
        width: 170px;
    }

    .kontakt-right {
        width: 67%;
    }

    .kontakt-form {
        width: 96%;
        padding: 10px 2%;
    }

    .kontakt-form .txtbox {
        width: 98%;
        padding: 0px 1%;
        margin-bottom: 10px;
    }

    .txtarea {
        margin-top: 0px;
    }

    .kontakt-map iframe {
        width: 100%;
    }

    .bestil-form-div {
        padding: 10px 2%;
        width: 96%;
    }

    .bestil .txtbox {
        width: 98%;
        padding: 0px 1%;
    }

    .ddlbig {
        width: 100%;
        padding: 5px 2%;
        float: left !important;
    }

    .bestil h2 {
        text-align: center;
    }

    .ressourcer .wrapper-left {
        width: 100%;
        margin-bottom: 20px;
    }

    .slider-item-top, .slider-item-content {
        width: 100%;
    }

    .item-top-text {
        width: 92%;
    }

    .ressourcer .wrapper-right {
        float: none;
        clear: both;
        margin: 0 auto;
        display: block;
    }

    .ressourcer .wrapper-right h3 {
        margin-bottom: 15px;
    }
    .align-center-img img{width: 100%;}
    .full-column{margin-top: 0px;}


   

}

@media (max-width: 580px) {
    .headerContainer, .bannerContentContainer, .productsContentContainer, .servicesContentContainer, .formContentContainer, .clientsContentContainer, .footerContentContainer, .breadcrumbContentContainer, .wrapperContentContainer {
        max-width: 580px;
    }

    #slider ul li {
        width: 460px;
    }

    .slider-content p {
        font-size: 15px;
    }

    .item-top-text {
        width: 89%;
    }

}
@media (max-width: 959px){

    /*=====================================carousel mobile======================================*/
    #slider{

        width: 320px !important;
        height:900px !important;
    }

    .slider-reference {
        float: right;
        text-align: center;
        //margin-right: 80px;
        width:100%;
        background-color:white;
        bottom: 0;
        position:absolute;
        height:50px;
        left:0;
    }

    .slider-reference span {
        font-weight: 700;
        color: #123964;
        display: block;
        font-size: 18px;
    }

    .slider-reference p {
        font-weight: 100;
        color: #797b79;
        display: block;
        font-size: 18px;
        font-style: italic;
        padding-bottom: 0px;
    }

    #slider p {
        font-weight: 100;
        color: #797b79;
        display: block;
        font-size: 16px;
        font-style: italic;
        padding-bottom: 0px;
    }
    a.control_prev {
        background-position: 0 -265px;
        top: 90%;
        left: 40%;
    }

    a.control_next {
        background-position: -46px -265px;
        left: 55%;
        top: 90%;
    }

    /*==========================*/


}

@media (max-width: 480px) {
    .headerContainer, .bannerContentContainer, .productsContentContainer, .servicesContentContainer, .formContentContainer, .clientsContentContainer, .footerContentContainer, .breadcrumbContentContainer, .wrapperContentContainer {
        max-width: 480px;
    }

    #slider {
        height: auto !important;
    }

    #slider ul {
        height: 600px;
    }

    #slider ul li {
        width: 260px;
        height: 600px;
    }
    .slider-reference span{font-size: 16px;}
    .slider-reference p{font-size: 16px;}
    .slider-content p {
        font-size: 14px;
    }

    .slider-content {
        height: 530px;
    }

    .slider-reference {
        margin-right: 20px;
    }

    .banner-item.float-r {
        display: none;
    }

    .banner-item.float-l {
        width: 100%;
    }

    .one-thirds {
        width: 100%;
    }

    .one-thirds img {
        width: 100%;
    }

    .two-fourth-icon {
        float: none;
        display: block;
        clear: both;
        margin: 0px auto 10px auto;
    }

    .two-fourth-text {
        width: 100%;
        text-align: justify;
    }

    .two-fourth-text span {
        text-align: center;
    }

    .lblCopy {
        padding-bottom: 10px;
    }

    .wrapper-left {
        height: 76px;
        float: none;
        display: block;
        clear: both;
        margin: 0px auto 0px auto;
    }

    .wrapper-header {
        margin-bottom: 30px;
    }

    .wrapper-right {
        float: left;
        width: 100%;
        text-align: justify;
        margin-top: 0px;
    }

    .wrapper-right-item-img {
        width: 100%;
    }

    .wrapper-right-item-img img {
        width: 100%;
    }

    .breadcrumb span {
        margin: 0px 5px;
    }

    .breadcrumb a, .breadcrumb span {
        font-size: 14px;
    }

    .btnSubmit {
        width: 100%;
    }

    .bestil {
        text-align: justify;
    }

    .kontakt-left {
        clear: both;
        width: 100%;
        text-align: center;
    }

    .kontakt h2 {
        text-align: center;
    }

    .kontakt-right {
        width: 100%;
    }

    .kontakt-right p {
        text-align: center;
    }

    .kontakt-form .btnSubmit {
        width: 100%;
    }

    .item-top-text {
        width: 84%;
    }

    .ressourcer .wrapper-right {
        width: 100%;
    }
    .products-wrapper .wrapper-right h2{text-align: center;}

    /*=====================================carousel mobile======================================*/
    #slider{

        width: 320px !important;
        height:900px !important;
    }

    .slider-reference {
        float: right;
        text-align: center;
        //margin-right: 80px;
        width:100%;
        background-color:white;
        bottom: 0;
        position:absolute;
        height:50px;
        left:0;
    }

    .slider-reference span {
        font-weight: 700;
        color: #123964;
        display: block;
        font-size: 16px;
    }

    .slider-reference p {
        font-weight: 100;
        color: #797b79;
        display: block;
        font-size: 18px;
        font-style: italic;
        padding-bottom: 0px;
    }

    #slider p {
        font-weight: 100;
        color: #797b79;
        display: block;
        font-size: 16px;
        font-style: italic;
        padding-bottom: 0px;
    }
    a.control_prev {
        background-position: 0 -265px;
        top: 90%;
        left: 40%;
    }

    a.control_next {
        background-position: -46px -265px;
        left: 55%;
        top: 90%;
    }

    /*==========================*/


}