@font-face{
    font-family:cocogothic-bold;
    src:url(cocogothic-bold.woff);
}
@font-face{
    font-family:opensans-regular;
    src:url(opensans-regular.woff)
}

*{
    box-sizing:border-box;
}
html,body{
    margin:0;padding:0;
}
body{
    
    font-family:opensans-regular;
}
.container{
    
    display:block;
    margin:0 auto;
}
.container-fluid{
    width:100%;
}
.container-menubar{
    background-image:url(images/block1200/background-menubar.jpg);
    background-size:100% 100%;
    padding:15px 0;
}
.container-menubar .container-logo{
    display:inline-block;
}
.container-menubar .menubar{
    float:right;
    margin:0;
    padding:19px 0;
}
.container-menubar .menubar li{
    float:left;
    list-style:none;
}
.container-menubar .menubar li a{
    color:#3870A1;
    font-family:cocogothic-bold;
    font-size:16px;
    padding:12px 17px;
    cursor:pointer;
    text-decoration:none;
}
.container-menubar .menubar li a .container-icon{
    display:none;
}
.container-menubar .menubar li a.highlight{
    border:2px solid #3870A1;
}
.container-menubar .menubar li a:hover{
    color:#009CF7;
}
.container-catcher{
    padding:30px 0;
	overflow:hidden;
    
}
.container-catcher .catcher-title{
    text-align:center;
    display:block;
    font-family:cocogothic-bold;
    font-size:30px;
    margin-bottom:30px;
}
.container-catcher .catcher-body{
    text-align:center;
}
.container-catcher .catcher-body .catcher{
    margin:0 15px;
    display:none;
    vertical-align:top;
}
.container-catcher .catcher-body .catcher.start-animation{
    display:inline-block;
    transform:translateY(350px);
}
.container-catcher .catcher-body .catcher.animate{
    transform:translateY(0px);
    animation-name:catcher-animation;
    animation-duration:0.6s;
    transition:ease-in-out 0.3s;
}
@keyframes catcher-animation{
    0%{
        transform:translateY(350px) scaleY(1.2);
    }
    60%{
        transform:translateY(-50px) scaleY(0.8);
    }
    80%{
        transform:translateY(50px) scaleY(0.8);
    }
    100%{
        transform:translateY(0px) scaleY(1);
    }
}
/* Banner1 */

.container-banner-1 .title{
    font-family:cocogothic-bold;
    display:block;
    width:470px;
    font-size:40px;
}
.container-banner-1 .limiter{
    height:1px;
    display:inline-block;
    clear:both;
    width:100px;
    background-color:black;
}
.container-banner-1 p{
    width:470px;
}
/* End of Banner 1*/

/* Banner 2*/
.container-banner-2{
    background-image:none;
    
    
}




.container-banner-2 .text{
    display:block;
    vertical-align:middle;
    width:377px;
}
.container-banner-2 .title{
    font-family:cocogothic-bold;
    font-size:40px;
    
}
.container-banner-2 .delimiter{
    display:block;
    width:100px;
    height:1px;
    background-color:black;
    margin:40px 0;
}
.container-banner-2 p{
    display:block;
    
}

/* End of Banner 2*/

/* Service Project */
.container-service-project{
    text-align:center;
    background-color:rgba(255, 255, 255, 0.4);
    padding:30px 0 30px 0;
}
.container-service-project .container-service{
    display:inline-block;
    margin-right:3px;
}
.container-service-project .container-service a{
    cursor:pointer;
}
.container-service-project .container-service a .image-service{}
.container-service-project .container-service a .image-service-small{
    display:none;
}
.container-service-project .container-service a .image-service-extra-small{
    display:none;
}
.container-service-project .container-project{
    display:inline-block;
    margin-left:3px;
}
.container-service-project .container-project a{
    cursor:pointer;
}
.container-service-project .container-project a .image-project{}
.container-service-project .container-project a .image-project-small{
    display:none;
}
.container-service-project .container-project a .image-project-extra-small{
    display:none;
}
/* End of Service Project */


/* Brand References */
.container-brand-references{
    text-align:center;
    padding:40px 0;
}
.container-brand-references .title{
    font-family:cocogothic-bold;
    font-size:40px;
    padding-bottom:50px;
    display:block;
    
}
.container-brand-references .container-brand{
    width:800px;
    text-align:center;
    display:block;
    margin:0 auto;
}
.container-brand-references .container-brand .image-brand{
    display:inline-block;
}

/* End of brand References */

/* Footer */
.container-footer{
    background-color:#1C60A9;
    padding:30px 0;
    
}
.container-footer .list-footer{
    display:table;
    margin:0 auto;
}
.container-footer .footer{
    display:table-cell;
    vertical-align:top;
    
}
.container-footer .footer .footer-inner{
    padding:0 30px;
}
.container-footer .footer .title{
    font-family:cocogothic-bold;
    color:white;
    display:block;
    margin:20px 0;
}
.container-footer .footer span{
    color:white;
    display:block;
    min-height:20px;
}
.container-footer .footer a{
    cursor:pointer;
    color:white;
	text-decoration:none;
}
.container-footer .footer a:hover{
    text-decoration:underline;
}
/* End of Footer */
/* Copyright */
.container-copyright{
    padding:10px 0;
    text-align:center;
}
.container-copyright .copyright{
    color:#326B98;
}
/* End of copyright */


/* Middle Slider */
.container-middle-slider{
    padding:20px 0;
}
.container-middle-slider .container-middle-slider-inner{
    display:inline-block;
    vertical-align:middle;
}
.container-middle-slider .middle-slider{
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    position:relative;
}
.container-middle-slider .middle-slider img{
    transition:ease-in-out 0.3s;
    position:absolute;left:0px;top:0px;
    cursor:pointer;
}
.container-middle-slider .middle-slider div{
    
}
.container-middle-slider .link-left, .container-middle-slider .link-right{
    display:inline-block;
    vertical-align:middle;
    margin:0 30px;
    cursor:pointer;
}
.container-middle-slider .link-left.novisible, .container-middle-slider .link-right.novisible{
    opacity:0;
    cursor:default;
}
.container-middle-slider .link-left{
}
.container-middle-slider .link-right{}
.container-middle-slider .middle-slider-label{
    display:inline-block;
    vertical-align:middle;
    font-family:cocogothic-bold;
    font-size:30px;
	margin:0 25px;
    
}
/* End of Middle Slider */
/* VideoWall*/
.container-videowall{
    background-color:rgba(255, 255, 255, 0.4);
}
/* End of VideoWall */
/* Led Monitor */
.container-ledmonitor{
    background-color:rgba(255,255, 255, 0.5);
}
/* End of LED Monitor */
/* Page About Banner */
.page-about-banner{
    height:683px;
    background-image:url(images/block/page-about-banner.jpg);
    background-position:50% 0;
    position:relative;
    overflow:hidden;
}
.page-about-banner label{
    display:block;
    width:1200px;
    color:#1C60A9;
    font-family:cocogothic-bold;
    margin:292px auto;
    text-align:center;
    text-shadow:0px 0px 1px white, 0px 0px 3px white, 0px 0px 8px white, 0px 0px 10px white;
    font-size:50px;
    
}
/* End of Page About Banner */
/* About Text */
.container-about-text{
    text-align:center;
    background-color:white;
    padding:30px 0;
}
.container-about-text .page-about-logo-dec{
    display:block;
    margin:20px auto;
    
}
.container-about-text .about-text-title{
    font-family:cocogothic-bold;
    font-size:30px;
    text-align:center;
    display:block;
}
.container-about-text .about-text{
    margin-top:20px;
}
.container-about-text .about-text p{
    width:750px;
    display:block;
    margin: 20px auto;
}
.container-about-text .about-text .separator{
    display:block;
    width:150px;
    margin:0 auto;
    background-color:black;
    height:1px;
    
}
/* End of About Text */
/* Service Center */
.container-service-center{
    padding:40px 0;
}
.container-service-center .title{
    text-align:center;
    font-size:40px;
    font-family:cocogothic-bold;
    display:block;
    margin:0 auto;
    margin-bottom:20px;
}
.container-service-center .page-about-map{
    margin:0 auto;
    display:block;
}
.container-service-center .image-map{
    display:block;
    margin:0 auto;
}
/* End of Service Center */
/* Address */
.container-address{
    background-color:rgba(255, 255, 255, 0.4);
    padding:40px 0;
    margin-bottom:400px;
}
.container-address .list-address{
    display:table;
    margin:0 auto;
}
.container-address .list-address .address-outer{
    display:table-row;
}
.container-address .list-address .address-inner{
    
}
.container-address .list-address .name{
    display:table-cell;
    color:#236AC4;
    font-weight:bold;
    padding:10px ;
}
.container-address .list-address .value{
    display:table-cell;
    font-weight:bold;
    padding:10px ;
}

/* End of Address*/
/* Page Contact Banner*/
.container-page-contact-banner{
    height:686px;
    background-image:url(images/block/page-contact-banner.jpg);
	background-position:50% 0px;
    background-repeat:no-repeat;
    padding:97px 0;
	background-color:#F0F0F1;
	position:relative;
}
.container-page-contact-banner .container{
    position:relative;
}
.container-page-contact-banner .container-page-contact-banner-inner{
    position:absolute;
    left:50%;
}
.container-page-contact-banner .title{
    display:block;
    font-family:cocogothic-bold;
    color:#1C60A9;
    font-size:40px;
    margin:20px 0;
    
}
.container-page-contact-banner .sub-title{
    font-size:30px;
    color:#1C60A9;
    font-family:cocogothic-bold;
    margin:20px 0;
}
.container-page-contact-banner p{
    width:500px;
    color:#1C60A9;
}
/* End of Page Contact Banner*/
/* Form Contact */
.container-form-contact{
    padding:20px 0;
    margin-bottom:100px;
}
.container-form-contact .title{
    font-size:30px;
    font-family:cocogothic-bold;
    text-align:center;
    display:block;
    margin:30px 0;
}
.container-form-contact form{
    width:600px;
    display:block;
    margin:0 auto;
}
.container-form-contact .form-body{}
.container-form-contact .form-actions{}
.container-form-contact .form-body .form-group{
    margin-bottom:10px;
}
.container-form-contact .form-body .form-group .control-label{
    display:block;
    margin-bottom:5px;
}
.container-form-contact .form-body .form-group .form-control{
    display:block;
    width:100%;
    box-shadow:1px 1px 1px  0px #333 inset;
    border-radius:0px;
    border:0px;
    padding:8px 15px;
}
.container-form-contact .form-body .form-group textarea.form-control{
    resize:none;
}
.container-form-contact .btn{
    position:relative;
    display:block;
    margin:20px auto;
    cursor:pointer;
}
.container-form-contact .btn .hover{
    position:absolute;
    transition:ease-in-out 0.2s;
    opacity:0;
}
.container-form-contact .btn:hover .hover{
    opacity:1;
}
/* End of Form Contact */

/* Popup */
.veil{
    background-color:rgba(0,0,0,0.4);
    position:fixed;
    left:0px;top:0px;
    z-index:999;
    width:100%;
    height:100%;
    
}
.container-popup{
    background-color:rgba(0,0,0,0.5);
    position:absolute;
    width:900px;
    left:calc(50% - 450px);
    display:none;
    z-index:1000;
}
.container-popup .container-popup-inner{
    text-align:center;
    padding:20px;
}
.container-popup .container-popup-inner .popup-title{
    display:block;
    font-family:cocogothic-bold;
    color:white;
    text-align:center;
    font-size:30px;
    margin:20px 0;
}
.container-popup .container-popup-inner .link-close{
    color:white;
    text-align:center;
    background-color:#1C60A9;
    border-radius:50%;
    position:absolute;
    width:30px;height:30px;
    right:-15px;
    top:-15px;
    font-family:cocogothic-bold;
    line-height:30px;
    cursor:pointer;
}
.container-popup .container-popup-inner .popup{}
.container-popup .container-popup-inner .popup .link-left{
    display:inline-block;
    vertical-align:middle;
    margin-right:70px;
    cursor:pointer;
}
.container-popup .container-popup-inner .popup .link-right{
    display:inline-block;
    vertical-align:middle;
    margin-left:70px;
    cursor:pointer;
}
.container-popup .container-popup-inner .popup .middle-slider{
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    position:relative;
	width:600px;
	height:600px;
}
.container-popup .container-popup-inner .popup .middle-slider img{
    position:absolute;left:0px;top:0px;
	width:100%;
	height:100%;
    
}
.container-popup .container-popup-inner .popup .middle-slider img.animation{
    transition:ease-in-out 0.3s;
}
.container-popup .container-popup-inner .popup .thumbnail{
    display:block;
    text-align:center;
    padding:20px 0;
}
.container-popup .container-popup-inner .popup .thumbnail a{
    position:relative;
    display:inline-block;
    margin:0 10px;
}
.container-popup .container-popup-inner .popup .thumbnail div{
    
    position:absolute;
    z-index:1;
    background-color:rgba(0,0,0,0.6);
    left:0px;top:0px;width:100%;height:100%;
    display:block;
    cursor:pointer;
}
.container-popup .container-popup-inner .popup .thumbnail .highlight div{
    display:none;
    
}
.container-popup .container-popup-inner .popup .thumbnail img{
    width:100px;
    
    cursor:pointer;
}
/* End of Popup */
/* Slider */
.container-slider{
    position:relative;
    overflow:hidden;
    height:652px;
}
.container-slider .link-left, .container-slider .link-right{
    position:absolute;
    top:calc(50% - 38px);
    z-index:3;
    cursor:pointer;
}
.container-slider .link-left{
    left:15px;
}
.container-slider .link-right{
    right:15px;
}
.container-slider .container-slider-pagination{
    position:absolute;
    bottom:15px;
    z-index:3;
    left:calc(50% - 50px);
}
.container-slider .container-slider-pagination ul{}
.container-slider .container-slider-pagination ul li{
    list-style:none;
    float:left;
}
.container-slider .container-slider-pagination ul li a{
    border-radius:50%;
    background-color:#8D8986;
    border:3px solid #8D8986;
    width:15px;
    height:15px;
    cursor:pointer;
    display:block;
    margin:0 5px;
}
.container-slider .container-slider-pagination ul li.active{}
.container-slider .container-slider-pagination ul li.active a{
    background-color:#346699;
}
.container-slider .slider{
    height:100%;
    width:100%;
    top:0px;left:0px;
    position:absolute;
	background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:50% 0;
    z-index:1;
}
.container-slider .slider.slider-1{
    background-image:url(images/block1200/slider-1.jpg);
    padding-top:230px;
    z-index:2;
}
.container-slider .slider.slider-2{
    background-image:url(images/block1200/slider-2.jpg);
    padding-top:230px;
}
.container-slider .slider label{
    color:white;
    display:block;
    text-align:center;
}
.container-slider .slider label.big{
    font-size:40px;
    font-weight:bold;
}
.container-slider .slider label.small{
    font-size:20px;
}
.container-slider .slider .separator{
    height:20px;
}
/* End of Slider */
/* Media Query*/
 /* Extra small devices (phones, 480px and down) */
 @media only screen and (max-width: 480px) {
	.sprites{background:url(images/sprites320.png?v=1.0.4);}

	.icon-catcher-1 { width: 107px; height: 196px; background-position: -1132px -1257px; }
.icon-catcher-2 { width: 103px; height: 179px; background-position: -647px 0; }
.icon-catcher-3 { width: 109px; height: 180px; background-position: -1033px -1488px; }
.icon-catcher-4 { width: 105px; height: 213px; background-position: -1143px -1479px; }
.icon-catcher-5 { width: 107px; height: 195px; background-position: -321px -264px; }
.icon-catcher-6 { width: 110px; height: 209px; background-position: -1021px -1278px; }
.icon-hamburger { width: 25px; height: 24px; background-position: -1153px -1454px; }
.image-banner-2 { width: 320px; height: 242px; background-position: -700px -1735px; }
.image-brand { width: 282px; height: 102px; background-position: -42px 0; }
.image-project { width: 320px; height: 207px; background-position: 0 -264px; }
.image-service { width: 320px; height: 207px; background-position: -700px -1366px; }
.logo { width: 68px; height: 36px; background-position: -1022px -1669px; }
.menubar-icon-about { width: 20px; height: 20px; background-position: 0 0; }
.menubar-icon-contact { width: 20px; height: 20px; background-position: -21px 0; }
.menubar-icon-home { width: 21px; height: 20px; background-position: -1013px -1257px; }
.menubar-icon-project { width: 20px; height: 20px; background-position: -1132px -1454px; }
.menubar-icon-solutions { width: 27px; height: 27px; background-position: -700px -1267px; }
.page-about-logo-dec { width: 67px; height: 27px; background-position: -333px -202px; }
.page-about-map { width: 284px; height: 108px; background-position: -728px -1257px; }
.page-contact-button-send-hover { width: 141px; height: 48px; background-position: -1022px -1706px; }
.page-contact-button-send { width: 117px; height: 40px; background-position: -322px -161px; }
.page-project-icon-left { width: 11px; height: 21px; background-position: -322px -240px; }
.page-project-icon-right { width: 11px; height: 21px; background-position: -1021px -1488px; }
.page-project-popup-confirmation-background { width: 244px; height: 109px; background-position: -429px -363px; }
.page-project-popup-confirmation-icon-close { width: 17px; height: 17px; background-position: -465px -161px; }
.page-project-popup-icon-close { width: 27px; height: 27px; background-position: -1091px -1669px; }
.page-project-popup-icon-left { width: 10px; height: 18px; background-position: -454px -161px; }
.page-project-popup-icon-right { width: 10px; height: 18px; background-position: -483px -161px; }
.page-solution-content-1 { width: 160px; height: 160px; background-position: -325px 0; }
.page-solution-icon-arrow-left { width: 13px; height: 21px; background-position: -440px -161px; }
.page-solution-icon-arrow-right { width: 13px; height: 21px; background-position: -334px -230px; }
.page-solution-icon-lamp { width: 699px; height: 750px; background-position: 0 -1223px; }
.page-solution-icon-microcontroller { width: 749px; height: 749px; background-position: 0 -473px; }
.page-solution-icon-monitor1 { width: 1251px; height: 752px; background-position: 0 -1978px; }
.page-solution-icon-monitor2 { width: 509px; height: 1256px; background-position: -751px 0; }
.page-solution-icon-plus { width: 221px; height: 221px; background-position: -1021px -1755px; }
.page-solution-popup-icon-arrow-left { width: 10px; height: 18px; background-position: -322px -202px; }
.page-solution-popup-icon-arrow-right { width: 10px; height: 18px; background-position: -322px -221px; }
.page-solution-singlemonitor-1 { width: 160px; height: 160px; background-position: -486px 0; }
.page-solution-singlemonitor-2 { width: 160px; height: 160px; background-position: 0 -103px; }
.page-solution-videowall-1 { width: 160px; height: 160px; background-position: -161px -103px; }
.page-solution-videowall-2 { width: 160px; height: 160px; background-position: -590px -180px; }
.page-solution-videowall-3 { width: 160px; height: 160px; background-position: -429px -202px; }
.page-solution-vt-1 { width: 160px; height: 160px; background-position: -700px -1574px; }
.page-solution-vt-2 { width: 160px; height: 160px; background-position: -861px -1574px; }
.slider-arrow-left { width: 25px; height: 43px; background-position: 0 -21px; }
.slider-arrow-right { width: 25px; height: 43px; background-position: -700px -1223px; }
    .container-banner-1{
        background-image:url(images/block320/background-banner-1.jpg);
        background-size:100% auto;
        background-repeat:no-repeat;
        background-position:50% 0px;
        padding-top:240px;
        padding-bottom:15px;
        background-color:rgba(255, 255, 255, 0.3);
    }
    .container-banner-1 p{
        width:301px;
        font-size:15px;
        display:block;
        margin:15px auto;
        text-align:center;
    }
    .container-banner-1 .title{
        width:320px;
        font-size:25px;
        display:block;
        margin:0 auto;
        text-align:center;
    }
    .container-banner-1 .limiter{
        display:none;
    }
    .container-banner-1 .container{
		padding:0px;
    }
    .container-catcher .catcher-body .catcher{
        display:inline-block;
    }
    .container-banner-2{
        background-image:url(images/sprites320/image-banner-2.png?v=1.0.4);
        background-size:100% auto;
        background-repeat:no-repeat;
        padding-top:107px;
        background-position:0px 10px;
    }
    .container-banner-2 .container{
        
    }
    .container-banner-2 .image-banner-2{
        display:none;
    }
    .container-banner-2 .text{
        display:block;
        width:100%;
        text-align:right;
		padding-right:15px;
    }
    .container-banner-2 .delimiter{
        display:block;
        margin:10px 0 10px auto;
    }
    .container-banner-2 .title{
        font-size:19px;
        width:240px;
        margin-left:auto;
        display:block;
    }
    .container-banner-2 p{
        font-size:12px;
        display:block;
        width:240px;
        margin-left:auto;
        padding-bottom:10px;
        margin-bottom:0px;
    }
    .container-footer .footer .footer-inner{
        padding:0 2px;
        line-height:17px;
    }
    .container-footer .footer span{
        font-size:13px;
    }
    .container{
        width:320px;
    }
    body{
        background-image:url(images/block320/background.jpg);
        background-position:50% 0;
        background-repeat:repeat;
		background-size:auto 100%;
    }
    .container-catcher .catcher-body{
        width:320px;
        display:block;
        margin:0 auto;
    }
    .container-catcher .catcher-body .catcher{
        margin:10px 15px;
    }
    .container-brand-references .container-brand{
        width:320px;
    }
    .container-menubar{
        position:relative;
        overflow:hidden;
    }
    .container-menubar .container{
        padding:0 54px;
    }
    
    .container-menubar .menubar li a{
        font-size:14px;
        color:white;
    }
    .container-menubar .icon-hamburger{
        cursor:pointer;
        display:block;
        position:absolute;
        left:15px;
        top:22px;
    }
    .container-brand-references .title{
        padding-bottom:20px;
		font-size:25px;
    }
    .container-menubar .container-logo{
        display:block;
        width:68px;
        margin:0 auto;
    }
    
    .container-menubar .menubar{
        position:fixed;
        background-color:rgba(0,0,0,0.7);
        height:100%;
        width:165px;
        left:0px;top:0px;
        padding-top:100px;
        z-index:10;
        display:none;
    }
    .container-menubar .menubar li a.highlight{
        border:none;
    }
    .container-menubar .menubar li{
        float:none;
        position:relative;
        padding:10px 0 10px 40px;
    }
    .container-menubar .menubar li a .container-icon{
        display:inline-block;
        position:absolute;
        left:20px;
        text-align:center;
        width:30px;
    }
    .container-menubar .menubar li a .icon{
        display:inline-block;
    }
    .container-slider{
		height:296px;
    }
    .container-slider .slider.slider-1{
		padding:30px 0px;
		background-image:url(images/block320/slider-1.jpg);
		background-size:100% 100%;
    }
    .container-slider .slider.slider-2{
        padding:72px 0px;
		background-image:url(images/block320/slider-2.jpg);
		background-size:100% 100%;
    }
	.container-slider .slider label{
		width:320px;
		display:block;
		margin:0 auto;
	}
    .container-slider .slider label.big{
		font-size:20px;
	}
    .container-slider .slider label.small{
		font-size:16px;
	}
    .container-slider .slider .separator{
        
    }
	.container-popup{
		width:290px;
		left:calc(50% - 145px);
	}
	.container-popup .container-popup-inner .popup .middle-slider{
		width:220px;
		height:220px;
	}
	.container-popup .container-popup-inner .popup .thumbnail img{
		width:35px;
	}
	.container-popup .container-popup-inner .popup .link-left{
		margin-right:5px;
	}
	.container-popup .container-popup-inner .popup .link-right{
		margin-left:5px;
	}
	.container-popup .container-popup-inner{
		padding:10px;
	}
	.container-middle-slider .middle-slider-label{
		font-size:20px;
	}
	.container-middle-slider .container-middle-slider-inner{
		display:block;
		text-align:center;
	}
	.container-middle-slider .middle-slider-label{
		font-size:20px;
		text-align:center;
		display:block;
		margin:20px 0;
	}   
	.page-about-banner{
		background-image:url(images/block320/page-about-banner.jpg);
		background-repeat:repeat-x;
		height:295px;
	}
	.page-about-banner label{
		width:320px;
		margin:103px auto;
		font-size:30px;
	}
	.container-service-center .image-map{
		margin:0 auto;
		display:block;
	}
	.container-service-center .title{
		font-size:30px;
	}
	.container-about-text .about-text p{
		width:320px;
		padding:0 10px;
		font-size:13px;
	}
	.container-address .list-address{
		display:block;
	}
	.container-address .list-address .address-outer{
		display:block;
	}
	.container-address .list-address .name{
		display:block;
		padding:0;
		text-align:center;
	}
	.container-address .list-address .value{
		display:block;
		margin-bottom:15px;
		padding:0 20px;
		text-align:center;
		font-size:13px;
	}

	.container-about-text .about-text-title{
		font-size:20px;
	}
	.container-page-contact-banner{
		background-image:url(images/block320/page-contact-banner.jpg);
		height:295px;
		padding:10px;
		background-position:0 0;
	}
	.container-page-contact-banner p{
		font-size:12px;
		width:200px;
		margin:5px 0;
	}
	.container-page-contact-banner .container-page-contact-banner-inner{
		right:10px;
		top:13px;
		left:auto;
	}
	.container-page-contact-banner .title{
		font-size:20px;
		margin:0;
	}
	.container-page-contact-banner .sub-title{
		font-size:15px;
		margin:5px 0;
	}
	.container-form-contact form{
		width:280px;
	}
	.container-form-contact .title{
		font-size:25px;
	}
	.page-contact-button-send-hover{
		display:none;
	}
	.container-project-slider{
		background-position:50% 50%;
		background-image:url(images/block320/page-project-background.jpg?v=1.0.0);
		height:442px;
		background-repeat:no-repeat;
		background-color:white;
	}
	.container-project-wall{
	}
	.container-project-wall .project-wall{
	}
	.container-project-wall .project-wall .container{
		padding:0 10px;
	}
	.container-project-wall .project-wall:nth-child(odd){
		background-color:rgba(255, 255, 255, 0.4);
	}
	.container-project-wall .project-wall .link-left , .container-project-wall .project-wall .link-right{
		display:inline-block;
		cursor:pointer;
		vertical-align:middle;
	}
	.container-project-wall .project-wall .link-left{
		margin-left:27px;
	}
	.container-project-wall .project-wall .link-right{
	}
	.container-project-wall .wall-slide{
		display:inline-block;
		vertical-align:middle;
		position:relative;
		overflow:hidden;
		width:182px;height:121px;
		vertical-align:middle;
		margin:20px 20px 0;
	}
	.container-project-wall .wall-slide .thumb{
		position:absolute;
		width:182px;height:121px;
		cursor:pointer;
	}
	.container-project-wall .wall-text{
		display:block;
		vertical-align:middle;
		padding:20px 0;
	}
	.container-project-wall .wall-text .heading{
		text-align:center;
		font-weight:bold;
		font-size:25px;
	}
	.container-project-wall .wall-text .separator{
		width:100px;
		background-color:black;
		width:40px;
		margin:20px auto;
		display:block;
		height:1px;
	}
	.container-project-wall .wall-text .sub-heading{
		text-align:center;
	}
	.container-project-wall-popup{
		position:fixed;
		z-index:1000;
		width:100%;height:100%;left:0px;top:0px;
	}
	.container-project-wall-popup .veil{
		position:fixed;left:0px;top:0px;width:100%;height:100%;
		background-color:rgba(0,0,0,0.3);
		z-index:999;
	}
	.container-project-wall-popup .container-popup-inner{
		background-color:rgba(0,0,0,0.6);
		width:290px;
		position:fixed;
		left:calc(50% - 145px);
		z-index:1000;
	}
	.container-project-wall-popup .container-popup-inner .popup-inner{
		text-align:center;
	}
	.container-project-wall-popup .link-left, .container-project-wall-popup .link-right{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
	}
	.container-project-wall-popup .link-left{}
	.container-project-wall-popup .link-right{}
	.container-project-wall-popup .link-close{
		position:absolute;
		right:-15px;
		top:-15px;
		cursor:pointer;
	}
	.container-project-wall-popup .popup-heading{
		font-size:20px;
		text-align:center;
		font-weight:bold;
		margin:15px 0;
		color:white;
	}
	.container-project-wall-popup .popup-slider{
		width:232px;height:153px;
		position:relative;
		overflow:hidden;
		display:inline-block;
		vertical-align:middle;
		margin:0 10px;
	}
	.container-project-wall-popup .container-popup-list{}
	.container-project-wall-popup .container-popup-list ul{
		margin:0;padding:0;
		display:inline-block;
		float:left;
	}
	.container-project-wall-popup .container-popup-list ul li{
		float:left;
		border:5px solid #A7ABAC;
		background-color:#A7ABAC;
		cursor:pointer;
		width:20px;height:20px;
		list-style:none;
		border-radius:50%;
		margin:20px 5px;
	}
	.container-project-wall-popup .container-popup-list ul li.active{
		cursor:default;
		background-color:#32679A;
	}
	.container-popup-error{
		position:fixed;
		left:calc(50% - 122px);
		top:calc(50% - 55px);
		z-index:1000;
		padding:10px 0;
	}
	.container-popup-error .icon-close{
		position:absolute;
		right:-8px;
		top:-8px;
		cursor:pointer;
	}
	.container-popup-error .heading{
		display:block;
		color:#1E62A9;
		font-weight:bold;
		text-align:center;
		font-size:10px;
	}
	.container-popup-error .sub-heading{
		text-align:center;
		font-size:10px;
		display:block;
		color:#1E62A9;
		margin-bottom:10px;
	}
	.container-popup-error.container-popup-error-error .sub-heading{
		margin-bottom:17px;
	}
	.container-popup-error .message{
		text-align:center;
		display:block;
		font-size:10px;
	}
	.container-popup-error .message.english{
		font-style:italic;
	}
	.container-popup-error.container-popup-error-error .message span{
		color:red;
	}
	.container-service-project .container-service, .container-service-project .container-project{
		display:block;
		width:320px;
		margin:10px auto;
	}
}
@media only screen and (min-width: 480px) and (max-width:600px){
    .sprites{background:url(images/sprites480.png?v=1.0.4);}
	.icon-catcher-1 { width: 159px; height: 293px; background-position: -1594px -1243px; }
.icon-catcher-2 { width: 153px; height: 268px; background-position: -756px -1696px; }
.icon-catcher-3 { width: 163px; height: 270px; background-position: -1754px -1243px; }
.icon-catcher-4 { width: 156px; height: 320px; background-position: -1276px -751px; }
.icon-catcher-5 { width: 158px; height: 293px; background-position: -1435px -1243px; }
.icon-catcher-6 { width: 164px; height: 313px; background-position: -1260px -1105px; }
.icon-hamburger { width: 38px; height: 36px; background-position: -1363px -1782px; }
.image-banner-2 { width: 480px; height: 362px; background-position: -1469px -1849px; }
.image-brand { width: 424px; height: 151px; background-position: -938px -1749px; }
.image-project { width: 480px; height: 311px; background-position: -1429px -1537px; }
.image-service { width: 480px; height: 311px; background-position: -988px -1901px; }
.logo { width: 101px; height: 54px; background-position: -21px -2054px; }
.menubar-icon-about { width: 20px; height: 20px; background-position: -794px -1668px; }
.menubar-icon-contact { width: 20px; height: 20px; background-position: 0 -2054px; }
.menubar-icon-home { width: 21px; height: 20px; background-position: -772px -1668px; }
.menubar-icon-project { width: 20px; height: 20px; background-position: -123px -2087px; }
.menubar-icon-solutions { width: 27px; height: 27px; background-position: -910px -1749px; }
.page-about-logo-dec { width: 100px; height: 40px; background-position: -26px -2010px; }
.page-about-map { width: 426px; height: 164px; background-position: -510px -1503px; }
.page-contact-button-send { width: 174px; height: 59px; background-position: -1260px -1419px; }
.page-project-icon-left { width: 17px; height: 32px; background-position: -1433px -779px; }
.page-project-icon-right { width: 17px; height: 32px; background-position: -1363px -1749px; }
.page-project-popup-confirmation-background { width: 366px; height: 164px; background-position: -153px -2010px; }
.page-project-popup-confirmation-icon-close { width: 26px; height: 26px; background-position: 0 -2150px; }
.page-project-popup-icon-close { width: 40px; height: 40px; background-position: 0 -2109px; }
.page-project-popup-icon-left { width: 15px; height: 27px; background-position: -1260px -751px; }
.page-project-popup-icon-right { width: 15px; height: 27px; background-position: -1433px -751px; }
.page-solution-content-1 { width: 245px; height: 245px; background-position: -1451px -751px; }
.page-solution-icon-arrow-left { width: 19px; height: 32px; background-position: -1260px -1072px; }
.page-solution-icon-arrow-right { width: 19px; height: 32px; background-position: -123px -2054px; }
.page-solution-icon-lamp { width: 699px; height: 750px; background-position: -1252px 0; }
.page-solution-icon-microcontroller { width: 749px; height: 749px; background-position: -510px -753px; }
.page-solution-icon-monitor1 { width: 1251px; height: 752px; background-position: 0 0; }
.page-solution-icon-monitor2 { width: 509px; height: 1256px; background-position: 0 -753px; }
.page-solution-icon-plus { width: 221px; height: 221px; background-position: -520px -1914px; }
.page-solution-popup-icon-arrow-left { width: 15px; height: 27px; background-position: -1910px -1514px; }
.page-solution-popup-icon-arrow-right { width: 15px; height: 27px; background-position: -756px -1668px; }
.page-solution-singlemonitor-1 { width: 245px; height: 245px; background-position: -1697px -751px; }
.page-solution-singlemonitor-2 { width: 245px; height: 245px; background-position: -1433px -997px; }
.page-solution-videowall-1 { width: 245px; height: 245px; background-position: -1679px -997px; }
.page-solution-videowall-2 { width: 245px; height: 245px; background-position: -937px -1503px; }
.page-solution-videowall-3 { width: 245px; height: 245px; background-position: -1183px -1503px; }
.page-solution-vt-1 { width: 245px; height: 245px; background-position: -510px -1668px; }
.page-solution-vt-2 { width: 245px; height: 245px; background-position: -742px -1965px; }
.slider-arrow-left { width: 25px; height: 43px; background-position: 0 -2010px; }
.slider-arrow-right { width: 25px; height: 43px; background-position: -127px -2010px; }

    .container-banner-1{
        background-image:url(images/block480/background-banner-1.jpg);
        background-size:100% auto;
        background-repeat:no-repeat;
        background-position:50% 0px;
        padding-top:280px;
        padding-bottom:15px;
        background-color:rgba(255, 255, 255, 0.3);
    }
    .container-banner-1 p{
        width:301px;
        font-size:15px;
        display:block;
        margin:15px auto;
        text-align:center;
    }
    .container-banner-1 .title{
        width:338px;
        font-size:25px;
        display:block;
        margin:0 auto;
        text-align:center;
    }
    .container-banner-1 .limiter{
        display:none;
    }
    .container-banner-1 .container{
        padding:0 25px;
    }
    .container-catcher .catcher-body .catcher{
        display:inline-block;
    }
    .container-banner-2{
        background-image:url(images/sprites480/image-banner-2.png?v=1.0.4);
        background-size:100% auto;
        background-repeat:no-repeat;
        padding-top:175px;
        background-position:0px 10px;
    }
    .container-banner-2 .container{
        
    }
    .container-banner-2 .image-banner-2{
        display:none;
    }
    .container-banner-2 .text{
        display:block;
        width:100%;
        text-align:right;
		padding-right:15px;
    }
    .container-banner-2 .delimiter{
        display:block;
        margin:10px 0 10px auto;
    }
    .container-banner-2 .title{
        font-size:25px;
        width:240px;
        margin-left:auto;
        display:block;
    }
    .container-banner-2 p{
        font-size:14px;
        display:block;
        width:240px;
        margin-left:auto;
        padding-bottom:10px;
        margin-bottom:0px;
    }
    .container-footer .footer .footer-inner{
        padding:0 14px;
        line-height:17px;
    }
    .container-footer .footer span{
        font-size:13px;
    }
    .container{
        width:480px;
    }
    body{
        background-image:url(images/block480/background.jpg);
        background-position:50% 0;
        background-repeat:repeat;
		background-size:100% 100%;
    }
    .container-catcher .catcher-body{
        width:420px;
        display:block;
        margin:0 auto;
    }
    .container-catcher .catcher-body .catcher{
        margin:10px 15px;
    }
    .container-brand-references .container-brand{
        width:480px;
    }
    .container-menubar{
        position:relative;
        overflow:hidden;
    }
    .container-menubar .container{
        padding:0 54px;
    }
    
    .container-menubar .menubar li a{
        font-size:14px;
        color:white;
    }
    .container-menubar .icon-hamburger{
        cursor:pointer;
        display:block;
        position:absolute;
        left:15px;
        top:22px;
    }
    .container-brand-references .title{
        padding-bottom:20px;
    }
    .container-menubar .container-logo{
        display:block;
        width:101px;
        margin:0 auto;
    }
    
    .container-menubar .menubar{
        position:fixed;
        background-color:rgba(0,0,0,0.7);
        height:100%;
        width:165px;
        left:0px;top:0px;
        padding-top:100px;
        z-index:10;
        display:none;
    }
    .container-menubar .menubar li a.highlight{
        border:none;
    }
    .container-menubar .menubar li{
        float:none;
        position:relative;
        padding:10px 0 10px 40px;
    }
    .container-menubar .menubar li a .container-icon{
        display:inline-block;
        position:absolute;
        left:20px;
        text-align:center;
        width:30px;
    }
    .container-menubar .menubar li a .icon{
        display:inline-block;
    }
    .container-slider{
        height:480px;
    }
    .container-slider .slider.slider-1{
        padding:90px 0px;
		background-image:url(images/block480/slider-1.jpg);
		background-size:100% 100%;
    }
    .container-slider .slider.slider-2{
        padding:120px 0px;
		background-image:url(images/block480/slider-2.jpg);
		background-size:100% 100%;
    }
	.container-slider .slider label{
		width:480px;
		display:block;
		margin:0 auto;
	}
    .container-slider .slider label.big{}
    .container-slider .slider label.small{}
    .container-slider .slider .separator{
        
    }
	.container-popup{
		width:440px;
		left:calc(50% - 220px);
	}
	.container-popup .container-popup-inner .popup .middle-slider{
		width:330px;
		height:330px;
	}
	.container-popup .container-popup-inner .popup .thumbnail img{
		width:40px;
	}
	.container-popup .container-popup-inner .popup .link-left{
		margin-right:10px;
	}
	.container-popup .container-popup-inner .popup .link-right{
		margin-left:10px;
	}
	.container-middle-slider .middle-slider-label{
		font-size:20px;
	}
	.container-middle-slider .container-middle-slider-inner{
		display:block;
		text-align:center;
	}
	.container-middle-slider .middle-slider-label{
		font-size:30px;
		text-align:center;
		display:block;
		margin:20px 0;
	}
	.page-about-banner{
		background-image:url(images/block480/page-about-banner.jpg);
		background-repeat:repeat-x;
		height:442px;
	}
	.page-about-banner label{
		width:480px;
		margin:146px auto;
	}
	.container-service-center .image-map{
		margin:0 auto;
		display:block;
	}
	.container-about-text .about-text p{
		width:480px;
	}
	.container-address .list-address{
		display:block;
	}
	.container-address .list-address .address-outer{
		display:block;
	}
	.container-address .list-address .name{
		display:block;
		padding:0;
		text-align:center;
	}
	.container-address .list-address .value{
		display:block;
		margin-bottom:15px;
		padding:0 20px;
		text-align:center;
	}
	.container-page-contact-banner{
		background-image:url(images/block480/page-contact-banner.jpg);
		height:442px;
		padding:10px;
		background-position:0 0;
	}
	.container-page-contact-banner p{
		font-size:14px;
		width:320px;
	}
	.container-page-contact-banner .container-page-contact-banner-inner{
		left:auto;
		right:15px;
		top:45px;
	}
	.container-page-contact-banner .title{
		font-size:30px;
		margin:10px 0;
	}
	.container-page-contact-banner .sub-title{
		font-size:20px;
		margin:10px 0;
	}
	.container-form-contact form{
		width:400px;
	}
	.page-contact-button-send-hover{
		display:none;
	}
	.container-project-slider{
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-image:url(images/block480/page-project-background.jpg?v=1.0.0);
		height:442px;
	}
	.container-project-wall{
	}
	.container-project-wall .project-wall{
	}
	.container-project-wall .project-wall .container{
		padding:0 30px;
	}
	.container-project-wall .project-wall:nth-child(odd){
		background-color:rgba(255, 255, 255, 0.4);
	}
	.container-project-wall .project-wall .link-left , .container-project-wall .project-wall .link-right{
		display:inline-block;
		cursor:pointer;
		vertical-align:middle;
	}
	.container-project-wall .wall-slide{
		display:inline-block;
		vertical-align:middle;
		position:relative;
		overflow:hidden;
		width:274px;height:182px;
		vertical-align:middle;
		margin:20px 55px 0;
	}
	.container-project-wall .wall-slide .thumb{
		position:absolute;
		width:274px;height:182px;
		cursor:pointer;
	}
	.container-project-wall .wall-text{
		display:block;
		vertical-align:middle;
		padding:20px 0;
	}
	.container-project-wall .wall-text .heading{
		text-align:center;
		font-weight:bold;
		font-size:30px;
	}
	.container-project-wall .wall-text .separator{
		width:100px;
		background-color:black;
		width:40px;
		margin:20px auto;
		display:block;
		height:1px;
	}
	.container-project-wall .wall-text .sub-heading{
		text-align:center;
	}
	.container-project-wall-popup{
		position:fixed;
		z-index:1000;
		width:100%;height:100%;left:0px;top:0px;
	}
	.container-project-wall-popup .veil{
		position:fixed;left:0px;top:0px;width:100%;height:100%;
		background-color:rgba(0,0,0,0.3);
		z-index:999;
	}
	.container-project-wall-popup .container-popup-inner{
		background-color:rgba(0,0,0,0.6);
		width:410px;
		position:fixed;
		left:calc(50% - 200px);
		z-index:1000;
	}
	.container-project-wall-popup .container-popup-inner .popup-inner{
		text-align:center;
	}
	.container-project-wall-popup .link-left, .container-project-wall-popup .link-right{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
	}
	.container-project-wall-popup .link-left{}
	.container-project-wall-popup .link-right{}
	.container-project-wall-popup .link-close{
		position:absolute;
		right:-20px;
		top:-20px;
		cursor:pointer;
	}
	.container-project-wall-popup .popup-heading{
		font-size:25px;
		text-align:center;
		font-weight:bold;
		margin:15px 0;
		color:white;
	}
	.container-project-wall-popup .popup-slider{
		width:350px;height:232px;
		position:relative;
		overflow:hidden;
		display:inline-block;
		vertical-align:middle;
		margin:0 10px;
	}
	.container-project-wall-popup .container-popup-list{}
	.container-project-wall-popup .container-popup-list ul{
		margin:0;padding:0;
		display:inline-block;
		float:left;
	}
	.container-project-wall-popup .container-popup-list ul li{
		float:left;
		border:5px solid #A7ABAC;
		background-color:#A7ABAC;
		cursor:pointer;
		width:20px;height:20px;
		list-style:none;
		border-radius:50%;
		margin:20px 5px;
	}
	.container-project-wall-popup .container-popup-list ul li.active{
		cursor:default;
		background-color:#32679A;
	}
	.container-popup-error{
		position:fixed;
		left:calc(50% - 183px);
		top:calc(50% - 92px);
		z-index:1000;
		padding:28px 0;
	}
	.container-popup-error .icon-close{
		position:absolute;
		right:-18px;
		top:-18px;
		cursor:pointer;
	}
	.container-popup-error .heading{
		display:block;
		color:#1E62A9;
		font-weight:bold;
		text-align:center;
		font-size:16px;
	}
	.container-popup-error .sub-heading{
		text-align:center;
		font-size:15px;
		display:block;
		color:#1E62A9;
		margin-bottom:10px;
	}
	.container-popup-error .message{
		text-align:center;
		display:block;
		font-size:14px;
	}
	.container-popup-error .message.english{
		font-style:italic;
	}
	.container-popup-error.container-popup-error-error .message span{
		color:red;
	}
	.container-popup-error.container-popup-error-error .sub-heading{
		margin-bottom:13px;
	}
	.container-service-project .container-service, .container-service-project .container-project{
		margin:0 auto;
		margin-bottom:20px;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width:768px){
    .sprites{background:url(images/sprites600.png?v=1.0.4);}
	.icon-catcher-1 { width: 71px; height: 132px; background-position: -1180px -1649px; }
.icon-catcher-2 { width: 67px; height: 132px; background-position: -978px -1457px; }
.icon-catcher-3 { width: 86px; height: 132px; background-position: -1057px -1649px; }
.icon-catcher-4 { width: 81px; height: 143px; background-position: -896px -1401px; }
.icon-catcher-5 { width: 69px; height: 143px; background-position: -896px -1257px; }
.icon-catcher-6 { width: 68px; height: 140px; background-position: -995px -1285px; }
.icon-hamburger { width: 38px; height: 36px; background-position: -875px -1545px; }
.image-banner-2 { width: 313px; height: 185px; background-position: 0 -1821px; }
.image-brand { width: 376px; height: 88px; background-position: -498px -1501px; }
.image-project { width: 245px; height: 159px; background-position: 0 -1501px; }
.image-service { width: 246px; height: 159px; background-position: 0 -1661px; }
.logo { width: 55px; height: 30px; background-position: -978px -1426px; }
.menubar-icon-about { width: 20px; height: 20px; background-position: -875px -1481px; }
.menubar-icon-contact { width: 20px; height: 20px; background-position: -1144px -1693px; }
.menubar-icon-home { width: 21px; height: 20px; background-position: -1144px -1720px; }
.menubar-icon-project { width: 20px; height: 20px; background-position: -329px -1811px; }
.menubar-icon-solutions { width: 27px; height: 27px; background-position: -945px -1545px; }
.page-about-logo-dec { width: 69px; height: 28px; background-position: -875px -1582px; }
.page-about-map { width: 514px; height: 199px; background-position: -742px -1807px; }
.page-contact-button-send-hover { width: 77px; height: 27px; background-position: -700px -1257px; }
.page-contact-button-send { width: 77px; height: 27px; background-position: -966px -1257px; }
.page-project-icon-left { width: 10px; height: 19px; background-position: -978px -1355px; }
.page-project-icon-right { width: 10px; height: 19px; background-position: -875px -1502px; }
.page-project-popup-confirmation-background { width: 251px; height: 87px; background-position: -246px -1501px; }
.page-project-popup-confirmation-icon-close { width: 18px; height: 18px; background-position: -1057px -1782px; }
.page-project-popup-icon-close { width: 19px; height: 19px; background-position: -700px -1481px; }
.page-project-popup-icon-left { width: 14px; height: 25px; background-position: -980px -1285px; }
.page-project-popup-icon-right { width: 14px; height: 25px; background-position: -314px -1811px; }
.page-solution-content-1 { width: 195px; height: 195px; background-position: -1064px -1257px; }
.page-solution-icon-arrow-left { width: 14px; height: 26px; background-position: -914px -1545px; }
.page-solution-icon-arrow-right { width: 14px; height: 26px; background-position: -1165px -1693px; }
.page-solution-icon-lamp { width: 699px; height: 750px; background-position: 0 -750px; }
.page-solution-icon-microcontroller { width: 749px; height: 749px; background-position: 0 0; }
.page-solution-icon-monitor1 { width: 1251px; height: 752px; background-position: 0 -2007px; }
.page-solution-icon-monitor2 { width: 509px; height: 1256px; background-position: -750px 0; }
.page-solution-icon-plus { width: 221px; height: 221px; background-position: -247px -1589px; }
.page-solution-popup-icon-arrow-left { width: 13px; height: 23px; background-position: -966px -1285px; }
.page-solution-popup-icon-arrow-right { width: 13px; height: 23px; background-position: -1034px -1426px; }
.page-solution-singlemonitor-1 { width: 195px; height: 195px; background-position: -700px -1285px; }
.page-solution-singlemonitor-2 { width: 195px; height: 195px; background-position: -1057px -1453px; }
.page-solution-videowall-1 { width: 195px; height: 195px; background-position: -469px -1590px; }
.page-solution-videowall-2 { width: 195px; height: 195px; background-position: -665px -1590px; }
.page-solution-videowall-3 { width: 195px; height: 195px; background-position: -861px -1611px; }
.page-solution-vt-1 { width: 195px; height: 195px; background-position: -546px -1786px; }
.page-solution-vt-2 { width: 195px; height: 195px; background-position: -350px -1811px; }
.slider-arrow-left { width: 25px; height: 43px; background-position: -966px -1311px; }
.slider-arrow-right { width: 25px; height: 43px; background-position: -1144px -1649px; }

    .container-banner-1{
        background-image:url(images/block600/background-banner-1.jpg);
        background-size:100% auto;
        background-repeat:no-repeat;
        background-position:50% 0px;
        height:204px;
        padding:30px 0 0 0;
    }
    .container-banner-1 p{
        width:301px;
        font-size:12px;
    }
    .container-banner-1 .title{
        width:338px;
        font-size:25px;
    }
    .container-banner-1 .container{
        padding:0 23px;
    }
    .container-catcher .catcher-body .catcher{
        display:inline-block;
    }
    .container-banner-2 .container{
        position:relative;
        padding-top:25px;
    }
    .container-banner-2 .image-banner-2{
        display:inline-block;
        position:relative;
        top:5px;
    }
    .container-banner-2 .text{
        position:absolute;
        top:43px;right:0px;
        width:254px;
    }
    .container-banner-2 .delimiter{
        margin:10px 0;
    }
    .container-banner-2 .title{
        font-size:25px;
    }
    .container-banner-2 p{
        font-size:12px;
    }
    .container-footer .footer .footer-inner{
        padding:0 34px;
        line-height:17px;
    }
    .container-footer .footer span{
        font-size:13px;
    }
    .container{
        width:600px;
    }
    body{
        background-image:url(images/block600/background.jpg);
        background-position:50% 0;
        background-repeat:repeat;
		background-size:100% auto;
    }
    .container-catcher .catcher-body{
        width:420px;
        display:block;
        margin:0 auto;
    }
    .container-catcher .catcher-body .catcher{
        margin:10px 15px;
    }
    .container-brand-references .container-brand{
        width:600px;
    }
    .container-menubar .container{
        padding:0 54px;
    }
    .container-menubar .menubar{
        padding:5px 0;
    }
    .container-menubar .menubar li a{
        font-size:13px;
    }
    .container-brand-references .title{
        padding-bottom:20px;
    }
    .container-menubar .icon-hamburger{
        display:none;
    }
    .container-slider{
        height:280px;
    }
    .container-slider .slider.slider-1{
        padding-top:75px;
		background-image:url(images/block600/slider-1.jpg);
		background-size:100% 100%;
    }
    .container-slider .slider.slider-2{
        padding-top:85px;
		background-image:url(images/block600/slider-2.jpg);
		background-size:100% 100%;
    }
    .container-slider .slider label.small{
        font-size:15px;
    }
    .container-slider .slider label.big{
        font-size:30px;
    }
	.container-middle-slider .link-left, .container-middle-slider .link-right{
		margin:0 10px;
	}
	.container-popup{
		width:550px;
		left:calc(50% - 275px);
	}
	.container-popup .container-popup-inner .popup .middle-slider{
		width:430px;
		height:430px;
	}
	.container-popup .container-popup-inner .popup .thumbnail img{
		width:40px;
	}
	.container-popup .container-popup-inner .popup .link-left{
		margin-right:20px;
	}
	.container-popup .container-popup-inner .popup .link-right{
		margin-left:20px;
	}
	.container-middle-slider .middle-slider-label{
		font-size:20px;
	}
	.page-about-banner{
		background-image:url(images/block600/page-about-banner.jpg);
		background-repeat:repeat-x;
		height:300px;
	}
	.page-about-banner label{
		width:600px;
		margin:76px auto;
	}
	.container-service-center .image-map{
		margin:0 auto;
		display:block;
	}
	.container-about-text .about-text p{
		width:600px;
	}
	.container-page-contact-banner{
		background-image:url(images/block600/page-contact-banner.jpg);
		height:375px;
		padding:10px;
		background-position:0 0;
	}
	.container-page-contact-banner p{
		font-size:14px;
		width:350px;
	}
	.container-page-contact-banner .container-page-contact-banner-inner{
		right:30px;
		top:15px;
		left:auto;
	}
	.container-page-contact-banner .title{
		font-size:30px;
		margin:10px 0;
	}
	.container-page-contact-banner .sub-title{
		font-size:20px;
		margin:10px 0;
	}
	.container-form-contact form{
		width:400px;
	}
	.container-project-slider{
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-image:url(images/block600/page-project-background.jpg?v=1.0.0);
		height:219px;
		background-size:100% auto;
	}
	.container-project-wall{
	}
	.container-project-wall .project-wall{
	}
	.container-project-wall .project-wall .container{
		padding:0 30px;
	}
	.container-project-wall .project-wall:nth-child(odd){
		background-color:rgba(255, 255, 255, 0.4);
	}
	.container-project-wall .project-wall .link-left , .container-project-wall .project-wall .link-right{
		display:inline-block;
		cursor:pointer;
		vertical-align:middle;
	}
	.container-project-wall .wall-slide{
		display:inline-block;
		vertical-align:middle;
		position:relative;
		overflow:hidden;
		width:160px;height:107px;
		vertical-align:middle;
		margin:30px;
	}
	.container-project-wall .wall-slide .thumb{
		position:absolute;
		width:160px;height:107px;
		cursor:pointer;
	}
	.container-project-wall .wall-text{
		display:inline-block;
		width:246px;
		margin-left:30px;
		vertical-align:middle;
	}
	.container-project-wall .wall-text .heading{
		text-align:center;
		font-weight:bold;
		font-size:20px;
	}
	.container-project-wall .wall-text .separator{
		width:100px;
		background-color:black;
		width:40px;
		margin:10px auto;
		display:block;
		height:1px;
	}
	.container-project-wall .wall-text .sub-heading{
		text-align:center;
	}
	.container-project-wall-popup{
		position:fixed;
		z-index:1000;
		width:100%;height:100%;left:0px;top:0px;
	}
	.container-project-wall-popup .veil{
		position:fixed;left:0px;top:0px;width:100%;height:100%;
		background-color:rgba(0,0,0,0.3);
		z-index:999;
	}
	.container-project-wall-popup .container-popup-inner{
		background-color:rgba(0,0,0,0.6);
		width:500px;
		position:fixed;
		left:calc(50% - 250px);
		z-index:1000;
	}
	.container-project-wall-popup .container-popup-inner .popup-inner{
		text-align:center;
	}
	.container-project-wall-popup .link-left, .container-project-wall-popup .link-right{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
	}
	.container-project-wall-popup .link-left{}
	.container-project-wall-popup .link-right{}
	.container-project-wall-popup .link-close{
		position:absolute;
		right:-9px;
		top:-9px;
		cursor:pointer;
	}
	.container-project-wall-popup .popup-heading{
		font-size:35px;
		text-align:center;
		font-weight:bold;
		margin:5px 0;
		color:white;
	}
	.container-project-wall-popup .popup-slider{
		width:405px;height:268px;
		position:relative;
		overflow:hidden;
		display:inline-block;
		vertical-align:middle;
		margin:0 20px;
	}
	.container-project-wall-popup .container-popup-list{}
	.container-project-wall-popup .container-popup-list ul{
		margin:0;padding:0;
		display:inline-block;
		float:left;
	}
	.container-project-wall-popup .container-popup-list ul li{
		float:left;
		border:5px solid #A7ABAC;
		background-color:#A7ABAC;
		cursor:pointer;
		width:15px;height:15px;
		list-style:none;
		border-radius:50%;
		margin:20px 5px;
	}
	.container-project-wall-popup .container-popup-list ul li.active{
		cursor:default;
		background-color:#32679A;
	}
	.container-popup-error{
		position:fixed;
		left:calc(50% - 125px);
		top:calc(50% - 43px);
		z-index:1000;
		padding:4px 0;
	}
	.container-popup-error .icon-close{
		position:absolute;
		right:-9px;
		top:-9px;
		cursor:pointer;
	}
	.container-popup-error .heading{
		display:block;
		color:#1E62A9;
		font-weight:bold;
		text-align:center;
		font-size:12px;
	}
	.container-popup-error .sub-heading{
		text-align:center;
		font-size:10px;
		display:block;
		color:#1E62A9;
		margin-bottom:5px;
	}
	.container-popup-error.container-popup-error-error .sub-heading{
		margin-bottom:10px;
	}
	.container-popup-error .message{
		text-align:center;
		display:block;
		font-size:10px;
	}
	.container-popup-error .message.english{
		font-style:italic;
	}
	.container-popup-error.container-popup-error-error .message span{
		color:red;
	}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width:992px){
    .sprites {background:url(images/sprites768.png?v=1.0.4);}
	.icon-catcher-1 { width: 86px; height: 159px; background-position: -1085px -879px; }
.icon-catcher-2 { width: 80px; height: 159px; background-position: -1107px -246px; }
.icon-catcher-3 { width: 102px; height: 159px; background-position: -843px -466px; }
.icon-catcher-4 { width: 97px; height: 172px; background-position: -1015px -1083px; }
.icon-catcher-5 { width: 83px; height: 172px; background-position: -843px -293px; }
.icon-catcher-6 { width: 82px; height: 170px; background-position: -1002px -879px; }
.image-banner-2 { width: 422px; height: 250px; background-position: -774px -628px; }
.image-brand { width: 504px; height: 135px; background-position: -510px -1125px; }
.image-project { width: 330px; height: 214px; background-position: -1113px -1039px; }
.image-service { width: 332px; height: 214px; background-position: -510px -389px; }
.logo { width: 70px; height: 37px; background-position: -966px -271px; }
.page-about-logo-dec { width: 87px; height: 36px; background-position: -1172px -1001px; }
.page-about-map { width: 648px; height: 250px; background-position: -1248px 0; }
.page-contact-button-send-hover { width: 133px; height: 46px; background-position: -832px -246px; }
.page-contact-button-send { width: 133px; height: 46px; background-position: -973px -309px; }
.page-project-icon-left { width: 13px; height: 24px; background-position: -966px -246px; }
.page-project-icon-right { width: 13px; height: 24px; background-position: -927px -337px; }
.page-project-popup-confirmation-background { width: 321px; height: 111px; background-position: -510px -277px; }
.page-project-popup-confirmation-icon-close { width: 23px; height: 23px; background-position: -973px -356px; }
.page-project-popup-icon-close { width: 24px; height: 24px; background-position: -510px -850px; }
.page-project-popup-icon-left { width: 19px; height: 33px; background-position: -953px -309px; }
.page-project-popup-icon-right { width: 19px; height: 33px; background-position: -953px -343px; }
.page-solution-content-1 { width: 245px; height: 245px; background-position: -756px 0; }
.page-solution-icon-arrow-left { width: 18px; height: 32px; background-position: -927px -406px; }
.page-solution-icon-arrow-right { width: 18px; height: 32px; background-position: -1002px -1050px; }
.page-solution-icon-lamp { width: 699px; height: 750px; background-position: 0 -1261px; }
.page-solution-icon-microcontroller { width: 749px; height: 749px; background-position: -1197px -251px; }
.page-solution-icon-monitor1 { width: 1251px; height: 752px; background-position: -700px -1261px; }
.page-solution-icon-monitor2 { width: 509px; height: 1256px; background-position: 0 0; }
.page-solution-icon-plus { width: 221px; height: 221px; background-position: -946px -406px; }
.page-solution-popup-icon-arrow-left { width: 17px; height: 30px; background-position: -510px 0; }
.page-solution-popup-icon-arrow-right { width: 17px; height: 30px; background-position: -756px -604px; }
.page-solution-singlemonitor-1 { width: 245px; height: 245px; background-position: -1002px 0; }
.page-solution-singlemonitor-2 { width: 245px; height: 245px; background-position: -510px -31px; }
.page-solution-videowall-1 { width: 245px; height: 245px; background-position: -510px -604px; }
.page-solution-videowall-2 { width: 245px; height: 245px; background-position: -510px -875px; }
.page-solution-videowall-3 { width: 245px; height: 245px; background-position: -756px -879px; }
.page-solution-vt-1 { width: 245px; height: 245px; background-position: -1444px -1001px; }
.page-solution-vt-2 { width: 245px; height: 245px; background-position: -1690px -1001px; }
.slider-arrow-left { width: 25px; height: 43px; background-position: -927px -293px; }
.slider-arrow-right { width: 25px; height: 43px; background-position: -927px -362px; }
    .container-banner-1{

        background-image:url(images/block768/background-banner-1.jpg);
        background-size:2015px 498px;
        background-repeat:no-repeat;
        background-position:50% 0px;
        height:376px;
        padding:107px 0 0 0;
    }
    .container-banner-1 p{
        width:364px;
        font-size:14px;
    }
    .container-banner-1 .title{
        width:410px;
        font-size:30px;
    }
    .container-banner-1 .container{
        padding:0 23px;
    }
    .container-catcher .catcher-body .catcher{
        display:inline-block;
    }
    .container-banner-2 .container{
        position:relative;
        padding-top:25px;
    }
    .container-banner-2 .image-banner-2{
        display:inline-block;
        position:relative;
        top:5px;
    }
    .container-banner-2 .text{
        position:absolute;
        top:51px;right:30px;
        width:295px;
    }
    .container-banner-2 .delimiter{
        margin:10px 0;
    }
    .container-banner-2 .title{
        font-size:28px;
    }
    .container-banner-2 p{
        font-size:15px;
    }
    .container-footer .footer .footer-inner{
        padding:0 39px;
        line-height:17px;
    }
    .container{
        width:768px;
    }
    body{
        background-image:url(images/block768/background.jpg);
        background-position:50% 0;
        background-repeat:repeat;
		background-size:100% auto;
    }
    .container-catcher .catcher-body{
        width:480px;
        display:block;
        margin:0 auto;
    }
    .container-brand-references .container-brand{
        width:768px;
    }
    .container-menubar .container{
        padding:0 54px;
    }
    .container-menubar .menubar{
        padding:9px 0;
    }
    .container-menubar .icon-hamburger{
        display:none;
    }
    .container-slider{
        height:375px;
    }
    .container-slider .slider.slider-1{
        padding-top:110px;
		background-image:url(images/block768/slider-1.jpg);
		background-size:100% 100%;
    }
    .container-slider .slider.slider-2{
        padding-top:110px;
		background-image:url(images/block768/slider-2.jpg);
		background-size:100% 100%;
    }
	.container-middle-slider .link-left, .container-middle-slider .link-right{
		margin:0 10px;
	}
	.container-popup{
		width:720px;
		left:calc(50% - 365px);
	}
	.container-popup .container-popup-inner .popup .middle-slider{
		width:365px;
		height:365px;
	}
	.container-popup .container-popup-inner .popup .thumbnail img{
		width:52px;
	}
	.page-about-banner{
		background-image:url(images/block768/page-about-banner.jpg);
		background-repeat:repeat-x;
		height:377px;
	}
	.page-about-banner label{
		width:768px;
		margin:114px auto;
	}
	.container-service-center .image-map{
		margin:0 auto;
		display:block;
	}
	.container-page-contact-banner{
		background-image:url(images/block768/page-contact-banner.jpg);
		background-position:0 0;
		height:375px;
		padding:20px 0;
	}
	.container-page-contact-banner .container-page-contact-banner-inner{
		right:30px;
		top:25px;
		left:auto;
	}
	.container-page-contact-banner p{
		font-size:14px;
		width:400px;
	}
	.container-page-contact-banner .title{
		font-size:30px;
		margin:10px 0;
	}
	.container-page-contact-banner .sub-title{
		font-size:20px;
		margin:10px 0;
	}
	.container-project-slider{
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-image:url(images/block768/page-project-background.jpg?v=1.0.0);
		height:281px;
		background-size:100% auto;
	}
	.container-project-wall{
	}
	.container-project-wall .project-wall{
	}
	.container-project-wall .project-wall .container{
		padding:0 30px;
	}
	.container-project-wall .project-wall:nth-child(odd){
		background-color:rgba(255, 255, 255, 0.4);
	}
	.container-project-wall .project-wall .link-left , .container-project-wall .project-wall .link-right{
		display:inline-block;
		cursor:pointer;
		vertical-align:middle;
	}
	.container-project-wall .wall-slide{
		display:inline-block;
		vertical-align:middle;
		position:relative;
		overflow:hidden;
		width:204px;height:136px;
		vertical-align:middle;
		margin:30px;
	}
	.container-project-wall .wall-slide .thumb{
		position:absolute;
		width:204px;height:136px;
		cursor:pointer;
	}
	.container-project-wall .wall-text{
		display:inline-block;
		width:346px;
		margin-left:30px;
		vertical-align:middle;
	}
	.container-project-wall .wall-text .heading{
		text-align:center;
		font-weight:bold;
		font-size:25px;
	}
	.container-project-wall .wall-text .separator{
		width:100px;
		background-color:black;
		width:40px;
		margin:20px auto;
		display:block;
		height:1px;
	}
	.container-project-wall .wall-text .sub-heading{
		text-align:center;
	}
	.container-project-wall-popup{
		position:fixed;
		z-index:1000;
		width:100%;height:100%;left:0px;top:0px;
	}
	.container-project-wall-popup .veil{
		position:fixed;left:0px;top:0px;width:100%;height:100%;
		background-color:rgba(0,0,0,0.3);
		z-index:999;
	}
	.container-project-wall-popup .container-popup-inner{
		background-color:rgba(0,0,0,0.6);
		width:600px;
		position:fixed;
		left:calc(50% - 300px);
		z-index:1000;
	}
	.container-project-wall-popup .container-popup-inner .popup-inner{
		text-align:center;
	}
	.container-project-wall-popup .link-left, .container-project-wall-popup .link-right{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
	}
	.container-project-wall-popup .link-left{}
	.container-project-wall-popup .link-right{}
	.container-project-wall-popup .link-close{
		position:absolute;
		right:-12px;
		top:-12px;
		cursor:pointer;
	}
	.container-project-wall-popup .popup-heading{
		font-size:35px;
		text-align:center;
		font-weight:bold;
		margin:5px 0;
		color:white;
	}
	.container-project-wall-popup .popup-slider{
		width:363px;height:240px;
		position:relative;
		overflow:hidden;
		display:inline-block;
		vertical-align:middle;
		margin:0 20px;
	}
	.container-project-wall-popup .container-popup-list{}
	.container-project-wall-popup .container-popup-list ul{
		margin:0;padding:0;
		display:inline-block;
		float:left;
	}
	.container-project-wall-popup .container-popup-list ul li{
		float:left;
		border:3px solid #A7ABAC;
		background-color:#A7ABAC;
		cursor:pointer;
		width:10px;height:10px;
		list-style:none;
		border-radius:50%;
		margin:20px 5px;
	}
	.container-project-wall-popup .container-popup-list ul li.active{
		cursor:default;
		background-color:#32679A;
	}
	.container-popup-error{
		position:fixed;
		left:calc(50% - 160px);
		top:calc(50% - 55px);
		z-index:1000;
		padding:9px 0;
	}
	.container-popup-error .icon-close{
		position:absolute;
		right:-11px;
		top:-11px;
		cursor:pointer;
	}
	.container-popup-error .heading{
		display:block;
		color:#1E62A9;
		font-weight:bold;
		text-align:center;
		font-size:14px;
	}
	.container-popup-error .sub-heading{
		text-align:center;
		font-size:14px;
		display:block;
		color:#1E62A9;
		margin-bottom:5px;
	}
	.container-popup-error .message{
		text-align:center;
		display:block;
		font-size:12px;
	}
	.container-popup-error.container-popup-error-error .sub-heading{
		margin-bottom:14px;
	}
	.container-popup-error .message.english{
		font-style:italic;
	}
	.container-popup-error .message span{
	}
	.container-popup-error.container-popup-error-error .message span{
		display:inline;
		color:red;
	}

}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1258px){
    .sprites {background:url(images/sprites992.png?v=1.0.4);}
	.icon-catcher-1 { width: 112px; height: 207px; background-position: -708px -1620px; }
.icon-catcher-2 { width: 104px; height: 207px; background-position: -582px -1708px; }
.icon-catcher-3 { width: 133px; height: 207px; background-position: -510px -1398px; }
.icon-catcher-4 { width: 126px; height: 224px; background-position: -864px -1120px; }
.icon-catcher-5 { width: 108px; height: 224px; background-position: -354px 0; }
.icon-catcher-6 { width: 107px; height: 221px; background-position: -1034px -1120px; }
.image-banner-2 { width: 581px; height: 342px; background-position: 0 -1611px; }
.image-brand { width: 690px; height: 188px; background-position: -866px -1474px; }
.image-project { width: 453px; height: 293px; background-position: -510px -750px; }
.image-service { width: 453px; height: 293px; background-position: -1496px -1169px; }
.logo { width: 130px; height: 70px; background-position: -903px -1345px; }
.page-about-logo-dec { width: 125px; height: 53px; background-position: -582px -1654px; }
.page-about-map { width: 953px; height: 368px; background-position: -964px -751px; }
.page-contact-button-send-hover { width: 141px; height: 48px; background-position: -1496px -1120px; }
.page-contact-button-send { width: 141px; height: 48px; background-position: -1557px -1463px; }
.page-project-icon-left { width: 26px; height: 47px; background-position: -582px -1606px; }
.page-project-icon-right { width: 26px; height: 47px; background-position: -1494px -1663px; }
.page-project-popup-confirmation-background { width: 634px; height: 220px; background-position: -831px -1663px; }
.page-project-popup-confirmation-icon-close { width: 45px; height: 45px; background-position: -721px -1828px; }
.page-project-popup-icon-close { width: 46px; height: 46px; background-position: -463px 0; }
.page-project-popup-icon-left { width: 36px; height: 64px; background-position: -866px -1345px; }
.page-project-popup-icon-right { width: 36px; height: 64px; background-position: -794px -1828px; }
.page-solution-content-1 { width: 353px; height: 353px; background-position: 0 0; }
.page-solution-icon-arrow-left { width: 26px; height: 48px; background-position: -991px -1181px; }
.page-solution-icon-arrow-right { width: 26px; height: 48px; background-position: -767px -1828px; }
.page-solution-icon-lamp { width: 699px; height: 750px; background-position: -1260px 0; }
.page-solution-icon-microcontroller { width: 749px; height: 749px; background-position: -510px 0; }
.page-solution-icon-monitor1 { width: 1251px; height: 752px; background-position: -708px -1893px; }
.page-solution-icon-monitor2 { width: 509px; height: 1256px; background-position: 0 -354px; }
.page-solution-icon-plus { width: 221px; height: 221px; background-position: -644px -1398px; }
.page-solution-popup-icon-arrow-left { width: 27px; height: 48px; background-position: -1699px -1463px; }
.page-solution-popup-icon-arrow-right { width: 27px; height: 48px; background-position: -1466px -1663px; }
.page-solution-singlemonitor-1 { width: 353px; height: 353px; background-position: -510px -1044px; }
.page-solution-singlemonitor-2 { width: 353px; height: 353px; background-position: -1142px -1120px; }
.page-solution-videowall-1 { width: 353px; height: 353px; background-position: -1557px -1512px; }
.page-solution-videowall-2 { width: 353px; height: 353px; background-position: 0 -1954px; }
.page-solution-videowall-3 { width: 353px; height: 353px; background-position: -354px -1954px; }
.page-solution-vt-1 { width: 353px; height: 353px; background-position: 0 -2308px; }
.page-solution-vt-2 { width: 353px; height: 353px; background-position: -354px -2308px; }
.slider-arrow-left { width: 33px; height: 60px; background-position: -991px -1120px; }
.slider-arrow-right { width: 33px; height: 60px; background-position: -687px -1828px; }

    .container-banner-1{
        background-image:url(images/block992/background-banner-1.jpg);
        background-size:2015px 498px;
        background-repeat:no-repeat;
        background-position:50% 0px;
        height:498px;
        padding:134px 0 0 0;
    }
    .container-catcher .catcher-body .catcher{
        display:inline-block;
    }
    .container-banner-2 .container{
        position:relative;
        padding-top:25px;
    }
    .container-banner-2 .image-banner-2{
        display:inline-block;
        position:relative;
        top:5px;
    }
    .container-banner-2 .text{
        position:absolute;
        top:85px;right:75px;
    }
    .container-banner-2 p{
        font-size:18px;
    }
    .container-footer .footer .footer-inner{
        padding:0 96px;
        line-height:17px;
    }
    .container{
        width:992px;
    }
    body{
        background-image:url(images/block992/background.jpg);
        background-position:50% 0;
        background-repeat:repeat;
		background-size:100% auto;
    }
    .container-menubar .menubar{
        padding:19px 0;
    }
    .container-menubar .icon-hamburger{
        display:none;
    }
    .container-slider{
        height:510px;
    }
    .container-slider .slider.slider-1{
        padding-top:175px;
		background-image:url(images/block992/slider-1.jpg);
    }
    .container-slider .slider.slider-2{
        padding-top:175px;
		background-image:url(images/block992/slider-2.jpg);
    }
	.container-popup{
		width:750px;
		left:calc(50% - 375px);
	}
	.container-popup .container-popup-inner .popup .middle-slider{
		width:500px;
		height:500px;
	}
	.container-popup .container-popup-inner .popup .thumbnail img{
		width:80px;
	}
	.page-about-banner{
		background-image:url(images/block992/page-about-banner.jpg);
		background-repeat:repeat-x;
		height:555px;
	}
	.page-about-banner label{
		width:992px;
		margin:228px auto;
	}
	.container-service-center .image-map{
		margin:0 auto;
		display:block;
	}
	.container-menubar .container-logo{
		margin-left:20px;
	}
	.container-menubar .menubar{
		margin-right:20px;
	}
	.container-page-contact-banner{
		background-image:url(images/block992/page-contact-banner.jpg);
		height:559px;
	}

	.container-project-slider{
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-image:url(images/block992/page-project-background.jpg?v=1.0.0);
		height:555px;
		background-size:100% auto;
	}
	.container-project-wall{
	}
	.container-project-wall .project-wall{
	}
	.container-project-wall .project-wall .container{
		padding:0 20px;
	}
	.container-project-wall .project-wall:nth-child(odd){
		background-color:rgba(255, 255, 255, 0.4);
	}
	.container-project-wall .project-wall .link-left , .container-project-wall .project-wall .link-right{
		display:inline-block;
		cursor:pointer;
		vertical-align:middle;
	}
	.container-project-wall .wall-slide{
		display:inline-block;
		vertical-align:middle;
		position:relative;
		overflow:hidden;
		width:400px;height:263px;
		vertical-align:middle;
		margin:30px;
	}
	.container-project-wall .wall-slide .thumb{
		position:absolute;
		width:400px;height:263px;
		cursor:pointer;
	}
	.container-project-wall .wall-text{
		display:inline-block;
		width:401px;
		margin-left:30px;
		vertical-align:middle;
	}
	.container-project-wall .wall-text .heading{
		text-align:center;
		font-weight:bold;
		font-size:30px;
	}
	.container-project-wall .wall-text .separator{
		width:100px;
		background-color:black;
		width:40px;
		margin:20px auto;
		display:block;
		height:1px;
	}
	.container-project-wall .wall-text .sub-heading{
		text-align:center;
	}
	.container-project-wall-popup{
		position:fixed;
		z-index:1000;
		width:100%;height:100%;left:0px;top:0px;
	}
	.container-project-wall-popup .veil{
		position:fixed;left:0px;top:0px;width:100%;height:100%;
		background-color:rgba(0,0,0,0.3);
		z-index:999;
	}
	.container-project-wall-popup .container-popup-inner{
		background-color:rgba(0,0,0,0.6);
		width:860px;
		position:fixed;
		left:calc(50% - 430px);
		z-index:1000;
	}
	.container-project-wall-popup .container-popup-inner .popup-inner{
		text-align:center;
	}
	.container-project-wall-popup .link-left, .container-project-wall-popup .link-right{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
	}
	.container-project-wall-popup .link-left{}
	.container-project-wall-popup .link-right{}
	.container-project-wall-popup .link-close{
		position:absolute;
		right:-23px;
		top:-23px;
		cursor:pointer;
	}
	.container-project-wall-popup .popup-heading{
		font-size:35px;
		text-align:center;
		font-weight:bold;
		margin:7px 0;
		color:white;
	}
	.container-project-wall-popup .popup-slider{
		width:605px;height:400px;
		position:relative;
		overflow:hidden;
		display:inline-block;
		vertical-align:middle;
		margin:0 20px;
	}
	.container-project-wall-popup .container-popup-list{}
	.container-project-wall-popup .container-popup-list ul{
		margin:0;padding:0;
		display:inline-block;
		float:left;
	}
	.container-project-wall-popup .container-popup-list ul li{
		float:left;
		border:3px solid #A7ABAC;
		background-color:#A7ABAC;
		cursor:pointer;
		width:15px;height:15px;
		list-style:none;
		border-radius:50%;
		margin:20px 5px;
	}
	.container-project-wall-popup .container-popup-list ul li.active{
		cursor:default;
		background-color:#32679A;
	}
	.container-popup-error{
		position:fixed;
		left:calc(50% - 317px);
		top:calc(50% - 110px);
		z-index:1000;
		padding:40px 0;
	}
	.container-popup-error .icon-close{
		position:absolute;
		right:-22px;
		top:-22px;
		cursor:pointer;
	}
	.container-popup-error .heading{
		display:block;
		color:#1E62A9;
		font-weight:bold;
		text-align:center;
		font-size:27px;
	}
	.container-popup-error .sub-heading{
		text-align:center;
		font-size:20px;
		display:block;
		color:#1E62A9;
		margin-bottom:20px;
	}
	.container-popup-error .message{
		text-align:center;
		display:block;
	}
	.container-popup-error .message.english{
		font-style:italic;
	}
	.container-popup-error.container-popup-error-error .message span{
		color:red;
	}


}
@media only screen and (min-width: 1258px) {
    body{
        background-image:url(images/block1200/background.jpg);
        background-position:50% 0;
        background-repeat:repeat;
    }
    .sprites { background: url(images/sprites1200.png?v=1.0.4) no-repeat; }
	.icon-catcher-1 { width: 141px; height: 262px; background-position: -1252px -2897px; }
.icon-catcher-2 { width: 132px; height: 262px; background-position: -510px -1605px; }
.icon-catcher-3 { width: 168px; height: 262px; background-position: -1326px -466px; }
.icon-catcher-4 { width: 159px; height: 284px; background-position: -1498px -534px; }
.icon-catcher-5 { width: 137px; height: 284px; background-position: -643px -1605px; }
.icon-catcher-6 { width: 135px; height: 279px; background-position: -1394px -2897px; }
.image-banner-2 { width: 733px; height: 432px; background-position: -1333px -2403px; }
.image-brand { width: 874px; height: 236px; background-position: -451px -466px; }
.image-project { width: 573px; height: 371px; background-position: -781px -1631px; }
.image-service { width: 573px; height: 371px; background-position: -1530px -2836px; }
.logo { width: 130px; height: 70px; background-position: -732px -2003px; }
.page-about-logo-dec { width: 159px; height: 67px; background-position: -1495px -466px; }
.page-about-map { width: 1205px; height: 465px; background-position: -451px 0; }
.page-contact-button-send-hover { width: 179px; height: 60px; background-position: -1412px -819px; }
.page-contact-button-send { width: 179px; height: 60px; background-position: -1252px -2836px; }
.page-project-icon-left { width: 33px; height: 60px; background-position: -510px -1868px; }
.page-project-icon-right { width: 33px; height: 60px; background-position: -1252px -2454px; }
.page-project-popup-confirmation-background { width: 802px; height: 278px; background-position: 0 -2159px; }
.page-project-popup-confirmation-icon-close { width: 57px; height: 57px; background-position: -451px -703px; }
.page-project-popup-icon-close { width: 57px; height: 57px; background-position: -544px -1868px; }
.page-project-popup-icon-left { width: 46px; height: 81px; background-position: -451px -761px; }
.page-project-popup-icon-right { width: 46px; height: 81px; background-position: -732px -2074px; }
.page-solution-content1 { width: 450px; height: 450px; background-position: 0 0; }
.page-solution-content-1 { width: 450px; height: 450px; background-position: -1657px 0; }
.page-solution-icon-arrow-left { width: 33px; height: 60px; background-position: -1252px -2515px; }
.page-solution-icon-arrow-right { width: 33px; height: 60px; background-position: -1252px -2576px; }
.page-solution-icon-lamp { width: 699px; height: 750px; background-position: -1412px -902px; }
.page-solution-icon-microcontroller { width: 749px; height: 749px; background-position: -1355px -1653px; }
.page-solution-icon-monitor1 { width: 1251px; height: 752px; background-position: 0 -2454px; }
.page-solution-icon-monitor2 { width: 509px; height: 1256px; background-position: 0 -902px; }
.page-solution-icon-plus { width: 221px; height: 221px; background-position: -510px -1929px; }
.page-solution-popup-icon-arrow-left { width: 46px; height: 81px; background-position: -1286px -2454px; }
.page-solution-popup-icon-arrow-right { width: 46px; height: 81px; background-position: -1286px -2536px; }
.page-solution-singlemonitor-1 { width: 450px; height: 450px; background-position: 0 -451px; }
.page-solution-singlemonitor-2 { width: 450px; height: 450px; background-position: -1658px -451px; }
.page-solution-videowall-1 { width: 450px; height: 450px; background-position: -510px -703px; }
.page-solution-videowall-2 { width: 450px; height: 450px; background-position: -961px -729px; }
.page-solution-videowall-3 { width: 450px; height: 450px; background-position: -510px -1154px; }
.page-solution-vt-1 { width: 450px; height: 450px; background-position: -961px -1180px; }
.page-solution-vt-2 { width: 450px; height: 450px; background-position: -863px -2003px; }
.slider-arrow-left { width: 42px; height: 75px; background-position: -1412px -729px; }
.slider-arrow-right { width: 42px; height: 75px; background-position: -1455px -729px; }
    .container-banner-1{
        background-image:url(images/block1200/background-banner-1.jpg);
        background-size:2015px 498px;
        background-repeat:no-repeat;
        background-position:50% 0px;
        height:498px;
        padding:134px 0 0 0;
    }
    .container-catcher .catcher-body .catcher{
        display:inline-block;
    }
    .container-banner-2 .container{
        position:relative;
        padding-top:25px;
    }
    .container-banner-2 .image-banner-2{
        display:inline-block;
        position:relative;
        top:5px;
    }
    .container-banner-2 .text{
        position:absolute;
        top:85px;right:75px;
    }
    .container-banner-2 p{
        font-size:18px;
    }
    .container-footer .footer .footer-inner{
        padding:0 127px;
        line-height:17px;
    }
    .container{
        width:1258px;
    }
    .container-menubar .menubar{
        padding:19px 0;
    }
    .container-menubar .icon-hamburger{
        display:none;
    }
    .container-one-stop-solution{
        height:590px;
        background-color:white;
        background-image:url(images/block1200/background-page-solution.jpg);
        background-repeat:no-repeat;
        background-position:50% 0;
        background-size:auto 100%;
    }
	.page-about-banner{
		background-image:url(images/block1200/page-about-banner.jpg);
	}
	.container-service-center .image-map{
		margin:0 auto;
		display:block;
	}
	.container-page-contact-banner{
		background-image:url(images/block1200/page-contact-banner.jpg);
		height:700px;
	}
	.container-project-slider{
		background-repeat:no-repeat;
		background-position:50% 0;
		background-image:url(images/block1200/page-project-background.jpg?v=1.0.0);
		height:702px;
		background-size:auto 100%;
	}
	.container-project-wall{
	}
	.container-project-wall .project-wall{
	}
	.container-project-wall .project-wall:nth-child(odd){
		background-color:rgba(255, 255, 255, 0.4);
	}
	.container-project-wall .project-wall .link-left , .container-project-wall .project-wall .link-right{
		display:inline-block;
		cursor:pointer;
		vertical-align:middle;
	}
	.container-project-wall .wall-slide{
		display:inline-block;
		vertical-align:middle;
		position:relative;
		overflow:hidden;
		width:510px;height:340px;
		vertical-align:middle;
		margin:30px;
	}
	.container-project-wall .wall-slide .thumb{
		position:absolute;
		width:510px;height:340px;
		cursor:pointer;
	}
	.container-project-wall .wall-text{
		display:inline-block;
		width:500px;
		margin-left:50px;
		vertical-align:middle;
	}
	.container-project-wall .wall-text .heading{
		text-align:center;
		font-weight:bold;
		font-size:40px;
	}
	.container-project-wall .wall-text .separator{
		width:100px;
		background-color:black;
		width:40px;
		margin:20px auto;
		display:block;
		height:1px;
	}
	.container-project-wall .wall-text .sub-heading{
		text-align:center;
	}
	.container-project-wall-popup{
		position:fixed;
		z-index:1000;
		width:100%;height:100%;left:0px;top:0px;
	}
	.container-project-wall-popup .veil{
		position:fixed;left:0px;top:0px;width:100%;height:100%;
		background-color:rgba(0,0,0,0.3);
		z-index:999;
	}
	.container-project-wall-popup .container-popup-inner{
		background-color:rgba(0,0,0,0.6);
		width:1000px;
		position:fixed;
		left:calc(50% - 500px);
		z-index:1000;
	}
	.container-project-wall-popup .container-popup-inner .popup-inner{
		text-align:center;
	}
	.container-project-wall-popup .link-left, .container-project-wall-popup .link-right{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
	}
	.container-project-wall-popup .link-left{}
	.container-project-wall-popup .link-right{}
	.container-project-wall-popup .link-close{
		position:absolute;
		right:-28.5px;
		top:-28.5px;
		cursor:pointer;
	}
	.container-project-wall-popup .popup-heading{
		font-size:35px;
		text-align:center;
		font-weight:bold;
		margin:7px 0;
		color:white;
	}
	.container-project-wall-popup .popup-slider{
		width:602px;height:400px;
		position:relative;
		overflow:hidden;
		display:inline-block;
		vertical-align:middle;
		margin:0 40px;
	}
	.container-project-wall-popup .container-popup-list{}
	.container-project-wall-popup .container-popup-list ul{
		margin:0;padding:0;
		display:inline-block;
		float:left;
	}
	.container-project-wall-popup .container-popup-list ul li{
		float:left;
		border:3px solid #A7ABAC;
		background-color:#A7ABAC;
		cursor:pointer;
		width:15px;height:15px;
		list-style:none;
		border-radius:50%;
		margin:20px 5px;
	}
	.container-project-wall-popup .container-popup-list ul li.active{
		cursor:default;
		background-color:#32679A;
	}
	.container-popup-error{
		position:fixed;
		left:calc(50% - 401px);
		top:calc(50% - 139px);
		z-index:1000;
		padding:60px 0;
	}
	.container-popup-error .icon-close{
		position:absolute;
		right:-28px;
		top:-28px;
		cursor:pointer;
	}
	.container-popup-error .heading{
		display:block;
		color:#1E62A9;
		font-weight:bold;
		text-align:center;
		font-size:30px;
	}
	.container-popup-error .sub-heading{
		text-align:center;
		font-size:22px;
		display:block;
		color:#1E62A9;
		margin-bottom:20px;
	}
	.container-popup-error .message{
		text-align:center;
		display:block;
	}
	.container-popup-error .message.english{
		font-style:italic;
	}
	.container-popup-error.container-popup-error-error .message span{
		color:red;
	}

}
/* End of Media Query */