@media only screen and (min-width:1025px) and (max-width:1366px)
{
    #main-menu ul li a1{ font-weight:500; font-size:10px; padding: 6px 3px;}
    #contact .address a{ word-break: break-all;}
}


@media only screen and (min-width:1003px) and (max-width:1024px)
{
    #header-bottom{ background:#1f6292;}
    #header-bottom .menu-title{ color:#fff; width:auto; font-size:14px;}
    #main-menu ul li{ margin:12px 0 0 5px;}	
    #main-menu ul li a{ font-weight:500; font-size:10px; padding: 6px 3px;}
    #main-menu ul li#enquiry ul{left: auto; right: 0;}
    #main-menu ul li ul{ width:180px;}
    #main-menu ul li ul li ul{ left:200px; width:180px;}
    #main-menu ul li ul li:hover > ul{left: 180px;}

    .news-tricker-outer{ width:85%; }
    .news-tricker-outer .marquee{ width:90%; margin:0 10% 0 0;}

    #banner ul,#banner ul li{ height:455px;}
    #banner .banner-large{ width:85%;} 
    #banner .banner-large img{ width:70%; float:right; max-height:355px;} 
    #banner .title h2{ font-size:24px;}
    #banner .title img{ max-width:60%}
    #banner .banner-txt .comp-logo { width:100px;}
    #banner .banner-txt .comp-logo img{ max-width:90%;}

    #banner .banner-large .img-container:before{background-color: transparent;width:70%;}
    
    #news-section .block .info{ width:90%;}
    #news-section .block img{ max-width:90%; margin:0;}
    #news-section .block .info span{ font-size:13px;}

    #group-profile .right{ width:46%;}
    #subscribe-block form .control .right img{ max-width:100%;}
    .banner-left{ padding:40px 20px 40px 0;}

    .block .pic{width:40%;}
    .owl-next{right:5px;}
    #newsletter .slider .bx-wrapper .bx-controls-direction a{ top:42px; width:30px;}
    .content-box{height:260px;}
    .newsletter{ border:1px solid #b3b3b3; margin-left:-1px; padding:15px;margin-bottom:30px;}
    .newsletter:nth-child(4n+1){border-left:1px solid #b3b3b3;}
    
    #contact #map{height: 376px;}
    #contact .address a{ word-break: break-all;}
    

}
@media only screen and (min-width:768px) and (max-width:1002px)
{
    #wrapper{ width:100%; position:relative; z-index:10;  -moz-box-shadow:10px 0 5px -2px rgba(0,0,0,.2);   -webkit-box-shadow:10px 0 5px -2px rgba(0,0,0,.2);   box-shadow:10px 0 5px -2px rgba(0,0,0,.2);  background:#fff;  }

    body#page{overflow-x: hidden; position: relative; right: 0;}
    body#page.active {left:0;}


    #header-top{ background-color:#fff;}
    .logo-wrap{width: calc(100% - 50px);}

    .news-tricker-outer{ width:83%; }
    .news-tricker-outer .marquee{ width:90%; margin:0 10% 0 0;}

    #top-menu{ display:none;}
    #mobile-menu #top-menu{ display:block;}
    #top-menu{ float:none;}
    #top-menu ul li{ float:none;}
    #top-menu ul li a{ padding:12px 20px; font-size:100%; line-height:normal; font-weight:400; background-color:#206292;color:#ffffff;}
    #top-menu ul li.first a,#top-menu ul li.last a,#top-menu ul{ -moz-border-radius:0;  -webkit-border-radius:0;  border-radius:0;}

    #main-menu ul li a .submenu{ display:block; background:url(../images/down-arrow.png) no-repeat center center; width:40px; height:40px; position:absolute; right:0; top:0; position:absolute; cursor:pointer;  transition: transform 0.3s ease-in-out 0s;}	
    #main-menu ul li.changebg > a > .submenu {  transform: rotate(180deg);}
    #main-menu{ display:none;}
    #main-menu ul{ margin:0;}
    #mobile-menu{ display:block; background:#206292; }
    #mobile-menu #main-menu{ display:block; margin-top:20px;background-color:#858585;}
    #mobile-menu{ position: fixed; width: 250px; top: 0; height:100%; z-index:2; overflow-y: scroll; right: -250px;}
    #mobile-menu.active{right:-250px;}

    #main-menu{ float:none;}
    #main-menu ul li{ float:none; padding:0; margin:0; border:none; position:relative;}
    #main-menu ul li ul li ul{ border:none;}
    #main-menu ul li a{ -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:100%; border-bottom:none; padding:12px 20px; display:block; color:#ffffff; text-transform:none; font-weight:400; background-color:#206292; margin-bottom:0;}
    #main-menu ul li.active ul li a{ color: #f0f0f0; vertical-align: top;}
    #main-menu ul li > a:hover, #main-menu ul li.active > a {background-color: #79b8db;color: #206292;}
    #main-menu ul li a .submenu{ position:absolute; right:0; top:0; background:url(../images/down-arrow.png) no-repeat center center; width:40px; height:40px; display:block;  cursor:pointer; -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out; }
    #main-menu ul li.changebg>a>.submenu { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);  }
    #main-menu ul li > ul{ padding:0; border:none; background: transparent;}
    #main-menu ul li.submenu-one:hover > ul{ top:0;}
    #main-menu ul li ul,#main-menu ul li:hover>ul,#main-menu ul li ul li ul,#main-menu ul li ul li:hover>ul{ width:auto; display:none; opacity:1; position:relative; left:0; top:0; visibility:visible; transition:none; box-shadow:none;}
    #main-menu ul li.last-list a{ padding:12px 20px;}
    #main-menu ul li:hover > a{background-color: #79b8db;color: #206292;}
    #main-menu ul li ul li{ border-bottom:1px solid #3677a7;}
    #main-menu ul li ul li a{ padding:12px 30px; border-bottom:none; color:#f0f0f0; font-size: 100%;}
    #main-menu ul li ul li a:hover{color: #bfd7f1;background-color: #206292;}
    #main-menu ul li.last-list ul li a{ padding:12px 30px; border-bottom:none; color:#f0f0f0;}
    
    #mobile-menu-icon{ display:block;right:25px;}
    .sub-nav-icon{ display:block; background:url(../images/down-arrow.png) no-repeat center center; width:30px; height:30px; position:absolute; right:0; top:0; position:absolute; cursor:pointer;}	

 
    #header-bottom{ display:none;}
    #banner { border-bottom:1px solid #c5c5c5; padding-bottom:40px; margin:30px 0;}
    #banner ul,#banner ul li{ height:400px;}
    #banner .banner-large{ width:80%;} 
    #banner .banner-large img{ width:70%; float:right; max-height:340px;} 
    #banner .title{left: 0;}
    #banner .title h2{ font-size:24px;}
    #banner .title img{ max-width:60%}
    #banner .banner-txt .comp-logo { width:100px;}
    #banner .banner-txt img{ max-width:35%;}
    #banner .bx-wrapper .bx-pager{ left:0; bottom1: -50px;}
    #banner .banner-txt p span{ font-size:13px;}

    .banner-left{ background:none; padding:0; clear: both;height: 100%;}
    .banner-left .title{ margin-bottom:10px;}
    .banner-left ul li{ margin:0 10px 20px 10px;}
    .banner-left ul li img{ max-width:85%;}

    body.home #content{margin:20px 0 0;}

    #news-section .block{ height:auto; display:block; margin-bottom:20px;}
    #news-section .block .pic{ display:block; text-align:center; height:80px; line-height:80px;}
    #news-section .block img{ float:none; margin:0 0 10px 0;}
    #news-section .block .info{ display:block; width:100%;}  


    .newsletter.last{ border-right:1px solid #b3b3b3;}
    .contentOne,.contentTwo,.contentThree,.contentFour{ margin-bottom:20px; float:none;}
    .contentOne{ width:100%; }
    .contentTwo{ width:100%;}
    .contentThree{ width:100%}
    .contentFour{ width:100%}
    .milestone_border{ border:none; margin:0; padding:0;}
    .grad1{ width:auto;}
    .contentOneHeader, .contentTwoHeader, .contentTwoHeader1, .contentTwoHeader2{ position:relative;}
    .contentThreeBody{ padding:0;}
    .contentOneBody, .contentTwoBody,.contentThreeBody,.contentFourBody{ margin:0; padding:20px 0 0 0;}
    .headerArrow{ top:-2px;}
    .contentOneHeader, .contentTwoHeader, .contentTwoHeader1, .contentThreeHeader, .contentFourHeader{ top:0;}
    .contentTwoHeader1,.contentTwoHeader2{ display:none;}

    .content-box{ height:270px;}
    #gallery li img{  margin:0 auto;}
    #gallery-pager{ margin-top:20px; text-align:center; } 
    #gallery-pager:after{ content:""; display:block; clear:both;}
    #gallery-pager a{ display:inline-block; float:none;}

    #footer .design-by{text-align:center;}
    #footer .copyright{ text-align:center; margin-bottom:10px;}

    .owl-prev,.owl-next{top:40%;}
    #newsletter .slider .bx-wrapper .bx-controls-direction a{top:42px;}
    #banner .banner-large .img-container:before{background-color:transparent;width:70%;}
    .dwn-block .title{ font-size:90%;}
    .product-details{margin-bottom:20px;}
    .enquiry-btn-set{margin-top:20px;}
    #contact .address{min-height:300px;}
    table{width:100% !important;}
    .newsletter{ border:1px solid #b3b3b3; margin-left:-1px; padding:15px; margin-bottom:30px;}
    .newsletter:nth-child(4n+1){border-left:1px solid #b3b3b3;}
    #contact .address{font-size:88%;}
    #contact #map{height:318px; }
    .machine-block{width:19.30%; float: left; margin:  0 5px 5px 0; font-size: 90%;}
    .enquiry-btn-set br{display: none;}
    form fieldset{margin-bottom: 30px;}
    .bottom .comp-detail .detail b{font-size: 11px;}

    .video-wrap{float: none; margin: 0 0 20px;}
    .video-wrap iframe{width: 100%;}

    .img-wrap {flex-wrap: nowrap; display: block;}
    .img-wrap img { max-width: 100%; margin: 0 0 20px;}

    #contact .address a{ word-break: break-all;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    
    #mobile-menu-icon{ display:block;top:21px;}
    #main-menu ul li > a:hover, #main-menu ul li.active > a { background-color: #79b8db; color: #206292;}
    #main-menu ul li:hover > a{background-color: #79b8db; color: #206292;}
    #mobile-menu{position: fixed; width: 250px; top: 0; height:100%; z-index:2; overflow-y: scroll; background-color:#7f7f7f; right: -250px;}
    #banner .application{top:100px;left:0;}
    .pro-block .pro-pic{overflow:hidden;}
    .bSpace{display: none;}
    #total-solution .block{margin:0 auto;}
    #banner .banner-large .img-container{right:auto;left:auto;position: inherit;width:100%;margin:0 auto;}
    #banner .banner-large .img-container:before{display: none;}
    #banner .banner-large img{border:2px solid #777777;}
    #banner .banner-large .img-container:after{display:none;}
    
    #group-profile .right{margin-top:20px;}
    
}

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

    body#page{overflow-x: hidden; position: relative; right: 0;}
    body#page.active {left:0;}
    
    .logo-wrap{width: calc(100% - 50px);}
    .logo-wrap img{max-width: 105px; height: 100%;}

    #home #wrapper{ height:auto;}
    #wrapper{ width:100%; position:relative; -moz-box-shadow:10px 0 5px -2px rgba(0,0,0,.2);  -webkit-box-shadow:10px 0 5px -2px rgba(0,0,0,.2);  box-shadow:10px 0 5px -2px rgba(0,0,0,.2);  z-index:10; background:#fff;  }

    #top-menu{ display:none;}
    #mobile-menu #top-menu{ display:block;}
    #top-menu{ float:none;}
    #top-menu ul li{ float:none;}
    #top-menu ul li a{ padding:12px 20px; font-size:100%; line-height:normal; font-weight:400; color: #fff; background-color:#206292;}
    #top-menu ul li.first a,#top-menu ul li.last a,#top-menu ul{ -moz-border-radius:0;  -webkit-border-radius:0;  border-radius:0;}

    #main-menu ul li a .submenu{ display:block; background:url(../images/down-arrow.png) no-repeat center center; width:40px; height:40px; position:absolute; right:0; top:0; position:absolute; cursor:pointer;  transition: transform 0.3s ease-in-out 0s;}	
    #main-menu ul li.changebg > a > .submenu {  transform: rotate(180deg);}
    #main-menu{ display:none;}
    #main-menu ul{ margin:0;}
    #mobile-menu{ display:block; background:#206292; }
    #mobile-menu #main-menu{ display:block;  margin-top:20px; background-color:#206292;}


    #mobile-menu.active{right:-250px;}

    #main-menu{ float:none;}
    #main-menu ul li{ float:none; padding:0; margin:0; border:none; position:relative;}
    #main-menu ul li a{ -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:100%; border-bottom:none; padding:12px 20px; display:block; color:#fff; text-transform:none; font-weight:400; background-color:#206292; margin-bottom:0;}
    #main-menu ul li.active ul li a{vertical-align: top;}

    #main-menu ul li a .submenu{ position:absolute; right:0; top:0; background:url(../images/down-arrow.png) no-repeat center center; width:40px; height:40px; display:block;  cursor:pointer; -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out; }
    #main-menu ul li.changebg>a>.submenu { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);  }
    #main-menu ul li > ul{ padding:0; border:none; background: transparent;}
    #main-menu ul li.submenu-one:hover > ul{ top:0;}
    #main-menu ul li ul,#main-menu ul li:hover>ul,#main-menu ul li ul li ul,#main-menu ul li ul li:hover>ul{ width:auto; display:none; opacity:1; position:relative; left:0; top:0; visibility:visible; transition:none; box-shadow:none; border:none;}
    #main-menu ul li.last-list a{ padding:12px 20px;}

    #main-menu ul li ul li{ border-bottom:1px solid #3677a7;}
    #main-menu ul li ul li a{ padding:12px 30px; border-bottom:none; color:#f0f0f0; font-size: 100%;}
    #main-menu ul li ul li a:hover{ color:#bfd7f1; background-color:#206292;}
    #main-menu ul li.last-list ul li a{ padding:12px 30px; border-bottom:none; color:#f0f0f0;}


    .sub-nav-icon{ display:block; background:url(../images/down-arrow.png) no-repeat center center; width:30px; height:30px; position:absolute; right:0; top:0; position:absolute; cursor:pointer;}	

    #header-bottom{ display:none;}

    #banner{ border-bottom:1px solid #c5c5c5; padding-bottom: 40px; margin:0 auto;background: transparent;}
    #banner ul,#banner ul li{ height:350px;}
    #banner .banner-large{ width:80%; } 
    #banner .banner-large img{ max-width: 100%; max-height:160px;  float:none; margin:35px auto;left: 0; right: 0;}  
    #banner .bx-wrapper .bx-pager.bx-default-pager a{width: 12px; height: 12px; margin: 0 3px;}
    
    
    #banner .title h2{ font-size:20px;}
    #banner .title img{ max-width:52%}
    #banner .banner-txt{bottom:0; }
    #banner .banner-txt .comp-logo { width:100px;}
    #banner .banner-txt .comp-logo img{ max-width:90%;}
    #banner .bx-wrapper .bx-pager{ left:0;  bottom1: -50px;}
    #banner .banner-txt p span{ font-size:13px;}
    #banner .banner-txt .read-more{font-size:80%;}

    .banner-left{ background:none; padding:0; clear:both; height: auto;}
    .banner-left .title{ margin:10px 0;}
    .banner-left ul{padding: 0 0 0 10px;}
    .banner-left ul li{ margin:0 10px 5px 10px;}
    .banner-left ul li img{ max-width:85%;}

    body.home #content{margin:20px 0 0;}

    #news-title{overflow: hidden;}
    #news-title h5{width: 110px;  position: absolute; left: 10px; top:0; margin: 0;}
    .news-tricker-outer{ width:95%; background: #1f6292; }
    .news-tricker-outer .marquee{ margin:0 0 0 110px; width: 80%}
    .border{clear:both;}
    #middle-block:before{ content:""; display:block; clear:both;}



    .contentOne,.contentTwo,.contentThree,.contentFour{ margin-bottom:20px; float:none;}
    .contentOne{ width:100%; }
    .contentTwo{ width:100%;}
    .contentThree{ width:100%}
    .contentFour{ width:100%}
    .milestone_border{ border:none; margin:0; padding:0;}
    .grad1{ width:auto;}
    .contentOneHeader, .contentTwoHeader, .contentTwoHeader1, .contentTwoHeader2{ position:relative;}
    .contentThreeBody{ padding:0;}
    .contentOneBody, .contentTwoBody,.contentThreeBody,.contentFourBody{ margin:0; padding:20px 0 0 0;}
    .headerArrow{ top:-2px;}
    .contentOneHeader, .contentTwoHeader, .contentTwoHeader1, .contentThreeHeader, .contentFourHeader{ top:0;}
    .contentTwoHeader1,.contentTwoHeader2{ display:none;}

    .list-group #film-block,.list-group #brochure-block,.list-group #location-block{ display:inline-block !important; max-width:200px; vertical-align:top;}
    #brochure-block{ min-height:57px;}
    .left-nav ul li.application{ max-width:290px; margin:0 auto;}

    #product-detail .product-large img{ max-width:80%;}	
    .shadowed {
        -webkit-filter: drop-shadow(20px 1px 3px rgba(0,0,0,0.2));
        filter: drop-shadow(20px 1px 3px rgba(0,0,0,0.2));
        -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
        filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    }

    .product-info .application{ max-width:185px; margin: 0 auto;}
    .bottom .download{ clear:both; float:left; margin:20px 0;}

    #footer .design-by{text-align:center;}
    #footer .copyright{ text-align:center; margin-bottom:10px;}

    #news-section .block{ display:block; height:auto;}
    #news-section .block .pic{ display:block; height:80px; line-height:80px; text-align:center;} 
    #news-section .block img{float:none; display:inline-block; margin:0 auto 10px;}
    #news-section .block .info{display:block;  width:100%; line-height:normal; }
    #news-section .item{ width:90%; margin:0 auto 30px;}
    .owl-prev,.owl-next{ display:none;}

    .care-gallery .box{float:none; width:100%;}
    .care-img{ width:100%;}
    #accordion .panel-body .row [class^="col-"]{ width:100%;}
    .thumb{ padding:0 15px;}
    .content-box{margin-bottom:30px;}
    .product-details{margin-bottom:20px;}
    form fieldset{margin-bottom:20px; height: auto !important;}
    table{width:100% !important;}
    #contact #map{margin:0;}
    .enquiry-btn-set{margin-top:20px; display: none;}
    .main-address{margin-top:20px;}
    #contact .main-address #direction{ left:15px; right:15px; width:90%;}
    #contact .main-address .address{border-right:1px solid #ddd;}
    .left-nav{margin:0;}
    .newsletter{ border:1px solid #b3b3b3; margin-left:-1px; padding:15px;margin-bottom:30px; margin:15px;}
    .newsletter:nth-child(4n+1){border-left:1px solid #b3b3b3;}
    #LeftNav{display:none;}
    #breadcrumb ul{display:none;}

    #total-solution{background: none; text-align: center;}
    #total-solution .block.one,#total-solution .block.two,#total-solution .block.three{ width: auto;}
    #total-solution .block{ float: none; display: inline-block; vertical-align: top;}
    #total-solution .solution-block{padding: 20px;}
    .solution-block .product-img{ display: inline-block; margin:0 10px 20px; padding: 0; height: auto;}
    .comp-detail{ border-bottom: 1px solid #ddd; padding-bottom: 20px;}
    .botton-second{margin: 30px 0 0 0; padding: 0;}
    .bottom .download{margin-bottom: 0;}
    #footer-outer{ background-image:none; border-top:2px solid #c2c2c2; }

    #contact .address{min-height:auto;}	

    .app-pic{margin:0 auto 20px; display: block;}
    
    .half-list li{width:120px;}
    #banner .title{max-width: 100%;}
    #banner .banner-large::after {display: none;}
    #banner .title .pro-info,#banner .title ul.list{display: none;}

    .video-wrap{float: none; margin: 0 0 20px;}
    .video-wrap iframe{width: 100%;}

    .img-wrap {flex-wrap: nowrap; display: block;}
    .img-wrap img { max-width: 100%; margin: 0 0 20px;}

    
}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation: landscape) {
    .download-section [class^="col-"]{ width:50%;}
    #accordion .panel-body .row [class^="col-"]{ width:50%;}
    .photo-container .row [class^="col-"]{ width:50%;}
    .enquiry-btn-set a{float:left; margin:6px 10px; width:46.5%; }
    .newsletter-block { width:100%; margin:0; text-align: center;}
    .newsletter-block [class^="col-"] { float: none; display: inline-block; vertical-align: top; width: 43%}

}


@media only screen and (max-width:640px) {
    #banner .banner-txt p{ width:84%;}
    #group-profile .left,#group-profile .right{ width:100%; }


    #news-title .read-more{position:absolute; top:8px; left:70px; margin:0;}
    .content-box{height:270px;}
}
@media only screen and (min-width:550px) and (max-width:567px) {
    #banner .banner-txt .title-app{font-size: 80%;margin-bottom: 5px;}
    #banner .banner-txt img{max-width:40%;}
    #banner .banner-large .img-container{right: auto;left: auto;position: inherit;width: 100%;margin: 0 auto;}
    
}
@media only screen and (min-width:320px) and (max-width:480px) {

    #banner .title{ top:10px; left:0; width:100%;}
    #banner .title h2{ font-size:18px; line-height:24px;} 
    #banner .title img{ display:none;}
    #banner .banner-txt{left:0; bottom:0;  }
    #banner .banner-txt .title-app{font-size: 80%; margin-bottom: 5px; }
    #banner .banner-txt img{max-width: 55%;}
    #banner .banner-large img{ float:none; max-width:100%; margin:35px auto;left: auto;right: auto;}
    #banner .banner-large{ width:100%; left:0; right:0; margin:0 auto;top:25px;position: inherit;}
    .list-group #film-block, .list-group #brochure-block, .list-group #location-block{ max-width:none; width:100%; display:block;}

    .news-list .pic-right{ float:none; margin:0;}
    .news-list .pic-right img{margin:0 auto 20px; display:block;}
    .content-box{height:auto;}
    .product-details .nav li a{padding:10px; font-size: 90%;}

    .newsletter-block [class^="col-"] { float: none; display: inline-block; vertical-align: top; width: 43.5%; margin: 10px;}
    .newsletter-block .newsletter img{max-width:100%;}
    .newsletter-block .newsletter p{font-size:75%;}
    .newsletter-block .newsletter p span{font-size:90%;}
    .newsletter-block .newsletter p .pdf-icon{top: 0;}


}/*

*/@media only screen and (min-width:320px) and (max-width:480px) and (orientation: landscape) {
    #banner ul{height:400px; }
    #banner ul li{ height:400px; }
    #news-section .item{min-height:auto;}
    .download-section [class^="col-"]{ width:100%;}
    #accordion .panel-body .content-box{height:auto;}
    #accordion .panel-body .row [class^="col-"]{ width:100%;}
    .enquiry-btn-set a{ width:45.5%;}
    .newsletter-block { margin:0;}
}/*

*/@media only screen and (min-width:320px) and (max-width:480px) and (orientation: portrait){
    #banner ul{height:350px; }
    #banner ul li{ height:350px; }
    .care-gallery [class^="col-"]{ width:100%;}
    .photo-container .row [class^="col-"]{ width:100%;}
}