html {}
body { }
body.cmsview{   padding-top: 135px; }

.navbar-brand img {width:280px; top:-7px; position:relative;border:0px solid green;}

#main {
    width: 1000px;
    height: 150px;
    border: 0px solid #c3c3c3;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
    border:0px solid pink;
}

#main div {
    width: 320px;
    height: 210px;
    padding-right:10px;
    border:0px solid red;
}

nav.navbar-default {
    border:0px solid #1b1b1d;  
     padding:20px 0;
     border:0px solid blue;
     
     
}
#navbar ul.nav {float:right;margin-top:-10px;padding:20px 0px 2px 0px;border:0px solid yellow;border:0px solid red;}
nav.navbar {background:#ffffff;padding:10px;}
nav.navbar ul.nav a{ color:#000;font-size:14px;margin-top:0px;border:0px solid green;background:#fff;}
nav.navbar ul.nav a {
    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
nav.navbar ul.nav li.active a,
nav.navbar ul.nav a:hover {background:#076aa3;color:#fff; border:0px solid #615e5c;height:auto; margin-top:0px;border-radius:10px;}

/* ==================dropdown-menu========================*/

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border:0px solid red;
     background-color: #076aa3;
}

.navbar-nav>li>.dropdown-menu a {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border:0px solid red;
     background-color: #076aa3;
}

.open>.dropdown-menu {
    display: block;
    border:0px solid yellow;
    background-color: #076aa3;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #076aa3;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

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

#navigation {
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;

    background-color: rgba(255,255,255,1.0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 10px 0;
    border:0px solid red;
    height:140px;
    border-bottom: 1px solid #000;
}

#navigation a,
#navigation a:visited{}
#navigation a:hover{}
#navigation.animated-header {
    padding: 10px 0;
    border:0px solid red;
}
#theme-header-link {background-color:#076aa3;border:0px solid red;height:auto;margin-top:-10px;color:#fff;}

#header-lang-link { position:relative; top:10px; right:0px;color:#fff;float:left;margin-top:0px;margin-bottom:2px;  }
#header-lang-link  a,{text-decoration:none;}
#header-lang-link  a:visited {color:#bce2f3;}
#header-lang-link  a:hover {color:#bce2f3;}



#header-email-link  { color:#fff; position:relative; top:0px; float:right; left:0px;margin-top:0px;margin-bottom:2px;}
#header-email-link ul li:first-child {padding-top:5px;}
#header-email-link a,
#header-email-link a:visited {color:#fff;}
#header-email-link a:hover {color:#bce2f3;}

#header-contact-link { position:relative; top:5px; right:0px;color:#fff;float:left;margin-top:0px;margin-bottom:2px;  }
#header-contact-link a,
#header-contact-link a:visited {color:#37b4fc;}
#header-contact-link a:hover {color:#37b4fc;}
#home-slider {  position: relative; padding: 0; height:auto; overflow:hidden;width:100%;display:block;margin-top:-25px;}

img {
    max-width: 100%;
    height: auto;
}
.cRed{color:#dc0000;font-size:18px;}
.Red {color:#dc0000;}
 p.mix {border-style: none none solid none;color:#000000;}  
.spacer{width:100%; height:20px;}
.cOrange {color:#f58206;}
.cWhite {color:#fff;}
.cBlack {color:#000000;}
.pad10 {padding:10px;}
.pt20 {padding-top:20px;}
.pt40 {padding-top:40px;}
.mt-450 {margin-top:-450px;}
.mt-300 {margin-top:-350px;}
.mt-140 {margin-top:-160px;}
.pb33 {padding-bottom:33px;} 
.pb193 {padding-bottom:72px;}
.pb135 {padding-bottom:135px;}
.mt60 {margin-top:60px;}
.mt20 {margin-top:20px;}
.mt10 {margin-top:10px;}
.mleft-30 {margin-left:-30px;}
.txt-center {text-align:center;}
.blackbg {background:#000;}
.headerbg {background:#076aa3;}
.bluebg {background:#076aa3;}
.fontbold {font-weight:bold;}
.lightblue {background:#1997df;}
.flright {float:right;}
.dashed {border:1px dashed #fff;width:100%; }
.bordersilver {border:6px solid silver;padding:8px 12px 8px 12px;}
.title1{background-size:cover;width:100%;height:auto;padding:7%;}
.title1 h1{color:#fff;padding:10px;border:1px solid #fff ;text-align:center; }
.blueheaderbg{background:rgba(7,106,163,0.5);padding:5px 8px;margin:0 30%; }


a,
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

#about {background:transparent;color:#fff;height:auto;}
#about .col-md-6 {border:0px solid red;height:auto;border:0px solid red;padding:1}
#about .bluebg {padding:107px 20px;text-align:justify;}
#about h3 {text-align:center;}
#about p {color:#fff;font-size:15px;text-align:justify;padding:25px 25px;align:center;}

/* =================services section=========================*/
#services {;background:url(/theme/Admin_BS/imgs/ser-bg.jpg) fixed center no-repeat;height:auto; background-size:cover;color:#fff;}
#services h2 {text-align:center;font-weight:bold;}

#services .w3-card-3 { border: 0px solid green;}

#services .w3-card-3:hover {filter: brightness(140%);color:#fff;}

#services .w3-container {
    padding: 0.01em 16px;
    border: 1px solid #fff;
    padding:28px 16px;
    background: #076aa3;
    width:auto;
}

#services .w3-container h5 {
    border: 0px solid green;
    text-align: center;
    padding: 28px 16px;
    width:auto;
    color:#37b4fc;
    font-weight:bold;
    font-family:verdana;
}

#services .w3-container h5:hover {color:#fff;}

/*
.card {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: auto;
    border:0px solid black;
    display:block;
    text-align:center;
    margin:auto;    
}

.card img {border:0px solid blue;width:auto;margin:auto;}

.card:hover {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2);border:0px solid red;filter: brightness(140%);color:#fff;
}

.card a:hover {border:0px solid yellow;color:#fff;}

.detailcard {
    padding: 28px 16px;
    background:#076aa3;
    border:1px solid #fff;
    color:#37b4fc;
    font-size:15px;
    text-align:center;   
}

.detailcard h4 {font-weight:bold;border:0px solid green;}
.detailcard h4:hover {color:#fff;border:0px solid green;}*/

/* Pulse */
@-webkit-keyframes hvr-pulse {
 15% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  45% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

@keyframes hvr-pulse {
  15% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  45% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/* ==================carditem========================
.carditem { }
.carditem a,
.carditem a:hover{ text-decoration:none; }
.carditem  {    opacity: 0.8;  filter: alpha(opacity=80); 
.carditem:hover{ opacity: 1;  filter: alpha(opacity=100);
.carditem img{ width:auto; width:100%;}
*/


/* ==================benefit section========================*/
#benefit {;background:url(/theme/Admin_BS/imgs/benefit-bg.jpg) fixed center no-repeat;height:auto; background-size:cover;color:#000;}
#benefit ul li {display:inline-block;text-align:center;}

#benefit-data {padding-top:10px;}
#benefit-data ul{margin:0px; padding:0px; list-style:none;}
#benefit-data ul li {
    display:inline-block;
    margin: 0px;
    border: 0px solid red;
    position: relative;
}
#benefit-data ul li img{width:auto;filter: brightness(100%);}
#benefit-data ul li img:hover{filter: brightness(140%);}
#benefit-data ul li a {text-align:center;color:#fff;margin:auto;border:0px solid blue;text-decoration:none;}

.fontlap {position: absolute;
    color: #000;
    bottom: 20%;
    left: 0;
    font-size:18px;
    text-align: center;
    max-width: 195px;
    width: 100%;}

.fontlap2 {position: absolute;
    color: #000;
    bottom: 5%;
    left: 0;
    font-size:18px;
    text-align: center;
    max-width: 195px;
    width: 100%;}



/* ==================words section========================*/
#words {background:url(/theme/Admin_BS/imgs/cogan-bg.jpg) fixed center no-repeat;height:auto; background-size:cover;color:#fff;padding:10px 10px 0px 10px;}
#words h1 {font-size:50px;padding:10px;}


/* ==================words section========================*/
#mapdetail {color:#fff;border-bottom:1px solid black;}
#mapdetail p{color:#fff;font-size:14px;text-align:justify;}
#mapdetail .img-leftright {padding:2px;}

/* ===========form detail===========
#template-feedback {
    border: 0px solid red;
    padding: 0px 10px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #963131;
    background-color: #5f5858;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}*/

/* ==================aboutpage section========================*/
#aboutpage {color:#000;background:url(/theme/Admin_BS/imgs/abpage-bground.jpg)center center no-repeat;height:auto; background-size:100% 100%;padding:90px 0px 580px 0px;}
#aboutpage p {font-size:15px;}
.page-about .title-bg {background:url(/theme/Admin_BS/imgs/about-header.jpg)top center no-repeat;background-size:100% 100%;width:100%;margin-top:-90px;border-bottom:1px solid #000;}


/* ==================contactpage section========================*/
#contactpage {color:#fff;background:url(/theme/Admin_BS/imgs/contact-bg.jpg)fixed center no-repeat;height:auto; background-size:100% 100%;}
#contactpage ul li {display:block;text-align:justify;}


/* ==================servicepage section========================*/
#servicepage {color:#000;font-size:14px;background:url(/theme/Admin_BS/imgs/plain-bg.jpg)fixed center no-repeat;height:auto; background-size:100% 100%;}
.page-services .title-bg {background:url(/theme/Admin_BS/imgs/what-we-do-bg-new2.jpg)top center no-repeat;background-size:100% 100%;width:100%;}
.electronic-content {background:url(/theme/Admin_BS/imgs/electronic-serv-bg.jpg)top center no-repeat;background-size:100% 100%;height:auto;padding:80px 20px 80px 0px;}
.electronic-content p{padding:10px;}
.plastic-content {background:url(/theme/Admin_BS/imgs/plastic-serv-bg.jpg)top center no-repeat;background-size:100% 100%;height:auto;padding:80px 20px 80px 0px;}
.plastic-content p{padding:10px;}
.metal-content {background:url(/theme/Admin_BS/imgs/metal-serv-bg.jpg)top center no-repeat;background-size:100% 100%;height:auto;padding:80px 20px 80px 0px;}
.metal-content p{padding:10px;}
.other-service-content {background:url(/theme/Admin_BS/imgs/ser-bg.jpg)top center no-repeat;background-size:100% 100%;height:auto;padding:80px 20px 80px 0px;}


 .slideanim {visibility:show;text-align:center;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
.slideanim .col-sm-3 {border:0px solid #076aa3;border-radius:9px;padding:3px 3px 3px 3px;color:#fff;}
.slideanim .col-sm-3 img {border:0px solid blue;width:100%;}
.slideanim .col-sm-3 h4 {color:#fff;padding:20px;border:0px solid green;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 

 
.pic {
  border: 10px solid #fff;  
  float: left;
  height: 290px;
  width: auto;
  margin: 20px;
  overflow: hidden;
  
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}

/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

/* ==================certificate section========================*/
#certificate {color:#000;background:url(/theme/Admin_BS/imgs/plain-bg.jpg)fixed center no-repeat;height:auto; background-size:100% 100%;padding:0px 0px 0px 0px;}
.page-certificate .title-bg {background:url(/theme/Admin_BS/imgs/certificate-header.jpg)top center no-repeat;background-size:100% 100%;width:100%;margin-top:0px;border-bottom:1px solid #000;}
/*#certificate .col-md-4 {border: 10px solid #fff;  
  float: left;
  height: 410px;
  width: 325px;
  margin: 20px;
  overflow: hidden;
  
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}*/

/*TILT*/
.tilt {
	border: 10px solid #fff;  
  float: left;
  height:auto;
  width: auto;
  margin: 20px;
  overflow: hidden;
  
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111; 
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.satisfaction {color:#fff;background:url(/theme/Admin_BS/imgs/certification.jpg)center center no-repeat;height:auto; background-size:100% 100%;text-align:center;}
.satisfaction p {font-size:28px;padding:120px 0px 120px 0px;font-weight:bold;margin-bottom:-10px;}

/* ==================newspage section========================*/
#newspage {color:#000;background:url(/theme/Admin_BS/imgs/plain-bg.jpg)center center no-repeat;height:auto; background-size:100% 100%;padding:0px 0px 0px 0px;}
h5.datetime.pull-right.w3-small {  margin-top: -30px;}
.page-news .title-bg {background:url(/theme/Admin_BS/imgs/news-header1-new.png)top center no-repeat;background-size:100% 100%;width:100%;margin-top:0px;border-bottom:0px solid #000;}

#template-news {
    border: 0px solid red;
    width: 100%;
    padding: 10px 10px 10px 10px;
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
    color: #fff;
     -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}
#template-news a {}
#template-news a:hover {color:#000;}
#template-news  ul.newslist li {padding:10px;width:350px;height:100%;border:0px solid yellow;margin-left:10px;}
.newslist ul li section .thumb img {border:5px solid green;}
.desc.w3-container._transition {padding-top: 10px;}



/* ==================plasticpage section========================*/
#plastic {background:url(/theme/Admin_BS/imgs/plain-bg.jpg)center center no-repeat;height:auto; background-size:100% 100%;padding:0px 0px 0px 0px;margin-top:-20px;}
#plastic .prod {text-align:center;}
.page-plastic .title-bg {background:url(/theme/Admin_BS/imgs/plastic-header.png)top center no-repeat;background-size:100% 100%;width:100%;}

.machine-content {background:url(/theme/Admin_BS/imgs/mechine-bg.jpg)top center no-repeat;background-size:100% 100%;height:auto;}
.machine-content h2 {color:#fff;font-weight:bold;padding:10px;}
.machine-content p{color:#fff;font-size:14px;padding:10px;text-align:center;}
.machine-content .col-md-6{border:0px solid red;filter: brightness(100%);}
.machine-content .col-md-6:hover {filter: brightness(160%);}

/* ==================metalpage section========================*/
#metal {background:url(/theme/Admin_BS/imgs/plain-bg.jpg)center center no-repeat;height:auto ; background-size:100% 100%;padding:0px 0px 0px 0px;margin-top:-20px;}
.page-metal .title-bg {background:url(/theme/Admin_BS/imgs/metal-header.png)top center no-repeat;background-size:100% 100%;width:100%;}

/* ==================gallery========================*/
#template-gallery {border: 0px solid red;}

ul.gallerylist.list-inline>li { border: 1px solid #0e4179;padding:10px 8px 10px 8px;margin-bottom:10px;margin-left:10px;border-radius:5px;background-color:rgba(0,0,0,0.5); -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  }
.caption {padding-top: 10px;color:#fff;font-weight:bold;}
img._transition {border-radius: 10px;background:transparent;}


/* ==================footer========================*/
footer {border:0px solid yellow;background-color:#1997df;color:#fff;font-size:15px;text-align:center;padding:6px 0px;width:100% 100%;}




@media all 
and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) 
and (max-width: 1204px), only screen and (min--moz-device-pixel-ratio: 2) 
and (max-width: 1204px), only screen and (-o-min-device-pixel-ratio: 2/1) 
and (max-width: 1204px), only screen and (min-device-pixel-ratio: 2) 
and (max-width: 1204px), only screen and (min-resolution: 192dpi) 
and (max-width: 1204px), only screen and (min-resolution: 2dppx) 
and (max-width: 1204px) {

nav.navbar ul.nav a {margin-right:0px;}
	
.mt-140 {margin-top:0px;}
.mt-450 {margin-top:0px;}	
.flright {float:none;}
.blueheaderbg{background:rgba(7,106,163,0.5);padding:5px 8px;margin:0 0%; }

body.cmsview{   padding-top: 150px; }
.navbar-brand img {max-width:230px; top:0px; position:relative;border:0px solid green;}

#navbar ul.nav {float:none;margin-top:0px;padding:20px 0px 2px 0px;border:0px solid yellow;}
nav.navbar {background:#ffffff;padding:10px;}
nav.navbar ul.nav a{ color:#000;font-size:14px;margin-top:0px;border:0px solid green;background:#fff;margin-right:5px;}
nav.navbar ul.nav a {
    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
nav.navbar ul.nav li.active a,
nav.navbar ul.nav a:hover {background:#076aa3;color:#fff; border:0px solid #615e5c;height:auto; margin-top:0px;border-radius:10px;}


#navigation {
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;

    background-color: rgba(255,255,255,1.0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 10px 0;
    border:0px solid red;
    height:auto;
    border-bottom: 1px solid #000;
}

#navigation a,
#navigation a:visited{}
#navigation a:hover{}
#navigation.animated-header {
    padding: 10px 0;
    border:0px solid red;
#header-email-link  { color:#fff; position:relative; top:0px; float:left; left:0px;margin-top:6px;margin-bottom:2px;}
#header-contact-link { position:relative; top:5px; right:0px;color:#fff;float:none;margin-top:6px;margin-bottom:2px;  }

/* ==================about-homepage section========================*/	
#about p {color:#fff;font-size:15px;text-align:justify;padding:15px 20px;align:center;}


/*====================mapdetail===========================*/
#mapdetail .img-leftright {padding:2px;border:1px solid red;display:none;}
	

/* ==================aboutpage section========================*/	
#aboutpage {color:#000;background:url(/theme/Admin_BS/imgs/plain-bg.jpg)center center no-repeat;height:auto; background-size:100% 100%;padding:0px 0px 0px 0px;}	
.page-about .title-bg {background:url(/theme/Admin_BS/imgs/about-header.jpg)top center no-repeat;background-size:100% 100%;width:100%;margin-top:0px;border-bottom:1px solid #000;}


/* ==================servicepage section========================*/
.pic {
  border: 10px solid #fff;  
  float: none;
  height: auto;
  width: auto;
  margin: 20px;
  overflow: hidden;
  text-align:center;
  
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  }
          
 .slideanim {visibility:show;text-align:center;display:block;margin:auto;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
.slideanim .col-sm-3 {border:0px solid #076aa3;border-radius:9px;padding:3px 3px 3px 3px;color:#fff;}
.slideanim .col-sm-3 img {border:1px solid blue;width:100%;}


/* ==================newspage section========================*/

#template-news {
    border: 0px solid red;
    width: 100%;
    padding: 10px 10px 10px 10px;
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
    color: #fff;
     -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}
#template-news a {}
#template-news a:hover {color:#000;}
#template-news  ul.newslist li {padding:10px;width:350px;height:100%;border:0px solid yellow;margin-left:0px;}
.newslist ul li section .thumb img {border:5px solid green;}
.desc.w3-container._transition {padding-top: 10px;}




}

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

/*====================mapdetail===========================*/
#mapdetail .img-leftright {padding:2px;border:1px solid red;display:none;}
		
	}




@media all 
and (max-width: 768px){
	body.cmsview{min-height:350px;padding-top:200px;}	
#header-email-link  { color:#fff; position:relative; top:0px; float:none; left:0px;margin-top:4px;margin-bottom:2px;}	
#header-contact-link { position:relative; top:6px; right:0px;color:#fff;float:left;font-size:12px; }	
	/*========mapdetail=====*/
 #mapdetail .img-leftright {padding:2px;border:1px solid red;display:none;}
 
 /* ==================newspage section========================*/

#template-news {
    border: 0px solid red;
    width: 100%;
    padding: 10px 10px 10px 10px;
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
    color: #fff;
     -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}
#template-news a {}
#template-news a:hover {color:#000;}
#template-news  ul.newslist li {padding:10px;width:auto;height:100%;border:0px solid yellow;margin-left:0px;}
.newslist ul li section .thumb img {border:5px solid green;}
.desc.w3-container._transition {padding-top: 10px;}
 
.slideanim .col-sm-3 img {border:0px solid blue;width:auto;} 
.slideanim .col-sm-3 h4 {color:#fff;padding:20px;border:0px solid green;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 

 
.pic {
  border: 10px solid #fff;  
  float: left;
  height: 360px;
  width: auto;
  margin: 20px;
  overflow: hidden;
  
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}

@media all 
and (max-width: 762px){
	body.cmsview{min-height:350px;padding-top:115px;}
	#home-slider {  position: relative; padding: 0; height:auto; overflow:hidden;width:100%;display:block;margin-top:0px;}
	.slideanim {visibility:show;text-align:center;align:center;margin:auto;display:block;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
.slideanim .col-sm-3 {border:0px solid #076aa3;border-radius:9px;padding:3px 3px 3px 3px;color:#fff;}
.slideanim .col-sm-3 img {border:0px solid blue;width:100%;}
.slideanim .col-sm-3 h4 {color:#fff;padding:20px;border:0px solid green;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

}
 
		
@media all 
and (max-width: 474px){
body.cmsview{min-height:350px;padding-top:165px;}	
#theme-header-link {background-color:#076aa3;border:0px solid red;height:auto;margin-top:-10px;padding-bottom:12px;}
#header-email-link  { color:#fff; position:relative; top:0px; float:none; left:0px;margin-top:6px;margin-bottom:2px;font-size:14px;}
#home-slider {  position: relative; padding: 0; height:auto; overflow:hidden;width:100%;display:block;margin-top:-5px;}
.pic {
  border: 10px solid #fff;  
  float: none;
  height: auto;
  width: auto;
  margin:auto;
  overflow: hidden;
  text-align:center;
  
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  }


	}
	

@media all 
and (max-width: 320px){
body.cmsview{min-height:350px;padding-top:180px;}	
#theme-header-link {background-color:#076aa3;border:0px solid red;height:auto;margin-top:-10px;padding-bottom:12px;}
#header-email-link  { color:#fff; position:relative; top:0px; float:none; left:0px;margin-top:6px;margin-bottom:2px;font-size:14px;}
#home-slider {  position: relative; padding: 0; height:auto; overflow:hidden;width:100%;display:block;margin-top:-10px;}

.pic {
  border: 10px solid #fff;  
  float: none;
  height: auto;
  width: auto;
  margin:auto;
  overflow: hidden;
  text-align:center;
  
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  }


	}