@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,100);

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    color:#231f20;
}

body {
  font-family: 'Roboto', 'Microsoft JhengHei' , sans-serif;

  
}

body a{transition: all .6s; color: inherit;}
body a:hover,
body a:focus,
body a:active{text-decoration: none; color: inherit;}

.contact-body .footer-contact{display:none;}

header.navbar{padding-top:25px; padding-bottom:15px; margin-bottom:0; box-shadow: 1px 2px 8px 1px rgba(239,239,239,.75);}

header .header-menu{margin-top:20px;}
header .header-menu a{display:inline-block; font-size:18px; font-weight: 500; color:#231f20; border-bottom:4px solid transparent; padding:5px 3px; margin-left:60px;}
header .header-menu a:hover{color:#a7a9ac;}
header .header-menu a.active{border-bottom:4px solid #a7a9ac;}

header .header-logo{height:89px;}


header .header-btn{margin-top:25px; color:#a7a9ac; width:36px ;height:36px;}
header .header-btn:hover{color:#231f20;}

header .header-btn .icon-bar{display: block; height: 4px; border-radius: 1px; background: #a7a9ac; margin-top:8px; transition:all .6s;}
header .header-btn .icon-bar:first-child{margin-top:0;}

header .header-btn:hover .icon-bar{background: #231f20;}



.h1{font-weight: 400; line-height:1.3;}

hr{border-top:5px solid #893a87; }

@media (max-width: 767px){
  header .header-menu li{display:block; text-align: center;}
  header .header-menu li a{font-size:16px; margin-left:0;}
  header .header-menu li a br{display:none; content: ' '}
  header .header-menu li a br:after{ content: ' '}


  header .header-slide-bg{background:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:-100%; top:0; cursor: pointer; transition:all .6s;}
  header .header-slide{background:#fff; position:fixed; left:-100%; top:0; width:100%; max-width:260px; height:100%; overflow: auto; padding:25px 15px; transition:all .6s;}

  header.active .header-slide-bg{left:0;}
  header.active .header-slide{left:0;}
}
@media (min-width: 768px) and (max-width: 991px) { 
  header .header-menu li{width:19.5%; padding:0; text-align: center;}
  header .header-menu a{margin-left:0; text-align: right;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
  header .header-menu a{margin-left:15px;}
}
@media (min-width: 1200px){
}

footer .footer-contact{background: #e9e9e9}

footer .footer-contact-left{padding-top:65px;}
footer .footer-contact-left .h1{ font-size: 45px;}
footer .footer-contact-left .footer-contact-btn{border:1px solid transparent; font-weight: 400; font-size: 28px; color:#231f20; display:block; background:#fff; text-align: center; padding:15px; margin:15px 0;}
footer .footer-contact-left .footer-contact-btn:hover{border:1px solid #333;}

footer .footer-top,
footer .footer-btm{background:url(../images/common/footer/footer_bg.jpg) top center no-repeat; text-align: center}

footer .footer-menu{margin-top:25px; margin-bottom:15px;}
footer .footer-menu a{display:inline-block; font-size:18px;  color:#a7a9ac; padding:5px 3px; margin-left:30px; margin-right:30px; text-align: right}
footer .footer-menu a:hover{color:#231f20;}
footer .footer-menu a.active{}

footer .footer-btm{padding:18px 0 13px; color:#231f20;}


@media (max-width: 767px){
  footer .footer-contact-left{padding-top:10px;}
  footer .footer-contact-left .h1{font-size: 28px; text-align: center;}
  footer .footer-contact-left .footer-contact-btn{font-size: 18px; padding:10px;}

  footer .footer-contact-img{margin-bottom:30px;}


  footer .footer-menu li{display:block; text-align: center;}
  footer .footer-menu li a{font-size:16px; margin-left:0; margin-right:0; }
  footer .footer-menu li a br{ display:none; content: ' '}
  footer .footer-menu li a br:after{ content: ' '}
}
@media (min-width: 768px) and (max-width: 991px) { 
  footer .footer-contact-left{padding-top:10px;}
  footer .footer-contact-left .h1{font-size: 36px; text-align: center;}
  footer .footer-contact-left .footer-contact-btn{font-size: 20px; padding:10px;}

  footer .footer-contact-img{margin-bottom:30px;}

  footer .footer-menu li{width:19.5%; padding:0; text-align: center;}
  footer .footer-menu a{margin-left:0; margin-right:0; text-align: right;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
  footer .footer-contact-left{padding-top:45px;}
  footer .footer-contact-left .h1{font-size: 40px; }
  footer .footer-contact-left .footer-contact-btn{font-size: 24px; padding:10px;}

  footer .footer-menu a{margin-left:25px;}
}
@media (min-width: 1200px){

}



.section-banner{padding:100px 0;}
.section-banner .h1{font-size:45px;}


@media (max-width: 767px){
  .section-banner{padding:40px 0;}
  .section-banner .h1{font-size:28px;}
  
}
@media (min-width: 768px) and (max-width: 991px) { 
  .section-banner{padding:60px 0;}
  .section-banner .h1{font-size:36px;}

}
@media (min-width: 992px) and (max-width: 1199px) { 
  .section-banner{padding:80px 0;}
  .section-banner .h1{font-size:40px;}
}
@media (min-width: 1200px){
}



.section-home1 .home1-img{height:420px; background-size:cover; background-position:center; margin:0 -10px;}
.section-home2{background:#e9e9e9; }
.section-home2{overflow: hidden;}
.section-home2 .slides1,
.section-home2 .slides2,
.section-home2 .slides3,
.section-home2 .slides4{padding:100px 56px;  height:400px;}
.section-home2 .slides1{background:url(../images/common/home/home_slide_bg1.png) center center; background-size:cover;}
.section-home2 .slides2{background:url(../images/common/home/home_slide_bg2.png) center center; background-size:cover;}
.section-home2 .slides3{background:url(../images/common/home/home_slide_bg3.png) center center; background-size:cover;}
.section-home2 .slides4{background:url(../images/common/home/home_slide_bg4.png) center center; background-size:cover;}

.section-home2 .container{max-width:100%;}

.section-home2 .flex-direction-nav a{width:34px; height:63px; margin-top:-31px; opacity: 1;}
.section-home2 .flex-direction-nav a:before{content:"";}
.section-home2 .flex-direction-nav .flex-prev{background-image:url(../images/common/system/btn_prev.png); left:18px;}
.section-home2 .flex-direction-nav .flex-next{background-image:url(../images/common/system/btn_next.png); right:18px;}

.section-home3{padding:50px 0 90px;}
.section-home3 .h1{font-size:34px; margin-bottom:30px; line-height:1.3em;}
.section-home3 .icon-txt{font-size:20px; line-height:1em; margin-top:10px;}
.section-home3 img{width:150px;}

.section-home4{padding:40px 0; background:url(../images/common/home/home4_bg.jpg) center center; background-size:cover;}

.section-home6{overflow: hidden;}
.section-home6 .h1{margin-top:50px; margin-bottom:5px;}

@media (max-width: 767px){
  .section-home1 .home1-img{height:280px;}

  .section-home2 .h1{font-size:24px;}
  .section-home2 .p{font-size:14px;}

  .section-home2 .slides1,
  .section-home2 .slides2,
  .section-home2 .slides3,
  .section-home2 .slides4{padding:50px 25px; height: inherit;}

  .section-home2 .flex-direction-nav a{width:17px; height:32px; margin-top:-16px; background-size:cover; }
  .section-home2 .flex-direction-nav .flex-prev{left:10px;}
  .section-home2 .flex-direction-nav .flex-next{right:10px;}

  .section-home3 .h1{font-size:24px;}
  .section-home3 .icon-txt{font-size:14px; margin-top:0; margin-bottom:20px;}

  .section-home4{padding:20px 0;}
  .section-home4 .h1{font-size:24px;}

  .section-home6 .h1{font-size:24px;}
}
@media (min-width: 768px) and (max-width: 991px) { 
  .section-home1 .home1-img{height:320px;}

  .section-home2 .h1{font-size:28px;}
  .section-home2 .p{font-size:15px;}

  .section-home3 .h1{font-size:28px;}
  .section-home3 .icon-txt{font-size:15px; margin-top:5px; margin-bottom:25px;}

  .section-home4{padding:30px 0;}
  .section-home4 .h1{font-size:28px;}

  .section-home6 .h1{font-size:28px;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
  .section-home1 .home1-img{height:380px;}

  .section-home2 .h1{font-size:32px;}
  .section-home2 .p{font-size:16px;}

  .section-home2 .slides1,
  .section-home2 .slides2,
  .section-home2 .slides3,
  .section-home2 .slides4{padding:75px 55px;}

  .section-home3 .h1{font-size:32px;}
  .section-home3 .icon-txt{font-size:16px;}

  .section-home4 .h1{font-size:32px;}

  .section-home6 .h1{font-size:32px;}
}
@media (min-width: 1200px){

}
@media (max-width: 479px){
  .section-home1 .home1-img{height:180px;}
}


.section-about2 .h1{font-size:45px;}


@media (max-width: 767px){
  .section-about2 .h1{font-size:28px;}
  
}
@media (min-width: 768px) and (max-width: 991px) { 
  .section-about2 .h1{font-size:36px;}

}
@media (min-width: 992px) and (max-width: 1199px) { 
  .section-about2 .h1{font-size:40px;}
}
@media (min-width: 1200px){
}


.home-project .home-project-item{height:420px; display:inline-block; position:relative; background-position:center center; background-size:cover; overflow: hidden;}
.home-project .home-project-item .home-project-content{position:absolute; width:100%; background:#363636; padding:10px 20px; left:0; bottom:-100%; transition:all .6s;}
.home-project .home-project-item:hover .home-project-content{bottom:0;}

.home-project .home-project-item .home-project-content .home-project-title{color:#fff; font-size:30px; }
.home-project .home-project-item .home-project-content .home-project-description{color:#bababa; font-size:24px;}

@media (max-width: 479px){
  .home-project .home-project-item{height:300px;}

  .home-project .home-project-item .home-project-content{bottom:0;}

  .home-project .home-project-item .home-project-content .home-project-title{ font-size:22px; }
  .home-project .home-project-item .home-project-content .home-project-description{ font-size:16px;}
}
@media (min-width: 480px) and (max-width: 767px){
  .home-project .home-project-item{height:360px;}

  .home-project .home-project-item .home-project-content{bottom:0;}

  .home-project .home-project-item .home-project-content .home-project-title{ font-size:26px; }
  .home-project .home-project-item .home-project-content .home-project-description{ font-size:20px;}
}
@media (min-width: 768px) and (max-width: 991px) { 

}
@media (min-width: 992px) and (max-width: 1199px) { 
  .home-project .home-project-item{height:300px;}

  .home-project .home-project-item .home-project-content .home-project-title{ font-size:22px; }
  .home-project .home-project-item .home-project-content .home-project-description{ font-size:16px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .home-project .home-project-item{height:300px;}

  .home-project .home-project-item .home-project-content .home-project-title{ font-size:26px; }
  .home-project .home-project-item .home-project-content .home-project-description{ font-size:20px;}
}
@media (min-width: 1400px)  {
  
}

.home-slick .slick-slider{margin-top:10px;margin-bottom: 20px;}
.home-slick .slick-slide img{display:inline-block; max-width:90%;}
.home-slick *:focus{outline: none !important;}

.section-about2{background:#eff0ee; padding:40px 0;}

.about-content{border-top:4px solid #843282; background:#fff; padding:30px 25px ; font-size:18px;}

.about-content .col-md-6:first-child img{width: 100%; max-width: 300px; padding:30px 0;}
.about-content .col-md-6:last-child{padding:10px 30px;}


@media (max-width: 767px){
  .about-content .col-md-6:first-child img{max-width: 250px; padding:30px 0 50px;}
  .about-content .col-md-6:last-child{border-top:2px solid #9e9d9d; padding-top:40px; padding-left:5px; padding-right:5px;}
}
@media (min-width: 768px) and (max-width: 991px) { 
  .about-content .col-md-6:first-child img{padding:30px 0 50px;}
  .about-content .col-md-6:last-child{border-top:2px solid #9e9d9d; padding-top:40px;}

}
@media (min-width: 992px) and (max-width: 1199px) { 
  .about-content .col-md-6 {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
  .about-content .col-md-6:last-child{border-left:2px solid #9e9d9d;}
  .about-content .row {
    display: table;
  }
}
@media (min-width: 1200px){
  .about-content .col-md-6 {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
  .about-content .col-md-6:last-child{border-left:2px solid #9e9d9d;}
  .about-content .row {
    display: table;
  }
}

.section-service2 .section-service-item{padding:100px 0px;  min-height:400px;}

.section-service2 .section-service2-bg1{background:url(../images/common/service/service_bg1.png) center center; background-size:cover;}
.section-service2 .section-service2-bg2{background:url(../images/common/service/service_bg2.png) center center; background-size:cover;}
.section-service2 .section-service2-bg3{background:url(../images/common/service/service_bg3.png) center center; background-size:cover;}
.section-service2 .section-service2-bg4{background:url(../images/common/service/service_bg4.png) center center; background-size:cover;}

.section-service2 p{font-size:18px;}

@media (max-width: 767px){
  .section-service2 .section-service-item{padding:40px 0px; min-height:250px;}
  .section-service2 .h1{font-size:24px;}
  .section-service2 p{font-size:14px;}
}
@media (min-width: 768px) and (max-width: 991px) { 
  .section-service2 .section-service-item{padding:60px 0px; min-height:300px;}

  .section-service2 .h1{font-size:28px;}
  .section-service2 p{font-size:15px;}
}
@media (min-width: 992px) and (max-width: 1199px) { 

  .section-service2 .section-service-item{padding:80px 0px;}

  .section-service2 .h1{font-size:32px;}
  .section-service2 p{font-size:16px;}
}
@media (min-width: 1200px){
}

.section-project1{background:url(../images/common/project/project_bg.jpg) center center; background-size:cover;}

.section-project2{padding:40px 0;}

.project-menu{text-align: center; font-size:24px; }
.project-menu a{border-bottom:5px solid transparent; color:#231f20; padding:15px 10px;}
.project-menu a:hover{color:#a7a9ac; }
.project-menu a.active{border-bottom-color:#893a87 }

@media (max-width: 767px){
  .project-menu{font-size:16px; }
  .project-menu br{display:none;}

  .project-menu a{border-bottom:none; padding:10px 15px; display:block;}
  .project-menu a.active{background:#893a87; color:#fff;}
}
@media (min-width: 768px) and (max-width: 991px) { 
  .project-menu{font-size:18px; }
  .project-menu a{border-bottom:none; padding:10px 15px; display:block;}
  .project-menu a.active{background:#893a87; color:#fff;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
  .project-menu{font-size:20px; }
}
@media (min-width: 1200px){
}

.client-content{border-top:4px solid #843282; background:#fff; padding:30px 25px ; margin-bottom:50px; font-size:15px;}
.client-item img{width:100%;}

.section-contact1{background:url(../images/common/contact/contact_bg.jpg) center center; background-size:cover;}
.section-contact2{padding:40px 0;}
.section-contact2 hr{margin:20px 0 25px;}

.section-contact2 .form-horizontal{font-size:16px;}
.section-contact2 .form-horizontal .control-label{text-align: left;}
.section-contact2 .form-horizontal .form-control{border-radius: 0; border:0; box-shadow: none; background:#f0f0f0;}
.section-contact2 .form-horizontal textarea.form-control{resize: none;}

.section-contact2 .btn-change{color:#231f20; text-decoration:underline; margin-top:10px; margin-left: 5px; display:inline-block;}
.section-contact2 .captcha-img{border:1px solid #e4e4e4; width:100%; height:50px;}
.section-contact2 .btn-gray{background:#f0f0f0 ;border-radius: 0; border:1px solid transparent;}
.section-contact2 .btn-gray:hover{border:1px solid #231f20;}

@media (max-width: 767px){
  .section-contact2 .h1{font-size: 24px;}
  .section-contact2 .form-horizontal{font-size:14px;}
}
@media (min-width: 768px) and (max-width: 991px) { 
  .section-contact2 .h1{font-size: 28px;}
  .section-contact2 .form-horizontal{font-size:15px;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
  .section-contact2 .h1{font-size: 32px;}
}
@media (min-width: 1200px){
}

.project-list{text-align: center; padding:30px 0;}
.project-item{max-width:350px; width:100%; margin:15px 10px; display:inline-block; box-shadow: 1px 1px 3px rgba(161,161,161,.75); text-align: left; color:#231f20; font-weight: bold;
  transition-duration: .6s;
  border-left:1px solid #f8f8f8;
  border-top:1px solid #f8f8f8;
  /*border-bottom:1px solid #a1a1a1;
  border-right:1px solid #a1a1a1;*/
}
.project-item:hover{background:#843282; color:#fff;  }

.project-item .project-item-img{width:100%; height:290px; background-size:cover; background-position:center;}
.project-item .project-item-title{width:100%; padding:20px; font-size:20px; height:60px; display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

@media (max-width: 767px){
  .project-item{max-width:420px; margin:15px 0;}
  .project-item .project-item-img{height:200px}
  .project-item .project-item-title{font-size:16px; height:52px;}
}
@media (min-width: 768px) and (max-width: 991px) { 
  .project-item{width:320px;}
  .project-item .project-item-img{height:240px}
  .project-item .project-item-title{font-size:18px; height:56px;}
}
@media (min-width: 992px) and (max-width: 1199px) { 

}
@media (min-width: 1200px){
}

@media (max-width: 479px){
  .project-item{max-width:300px; margin:15px 0;}

}

.project-detail{background:#eff0ee; padding:15px;}

.project-slideshow{position:relative;}
.project-slideshow .cycle-prev,
.project-slideshow .cycle-next{width: 34px;height: 63px; margin-top: -31px; position: absolute;top: 50%; z-index: 100;}
.project-slideshow .cycle-prev.disabled,
.project-slideshow .cycle-next.disabled{opacity: 0.6}
.project-slideshow .cycle-prev{left:18px;     background-image: url(../images/common/system/btn_prev.png);}
.project-slideshow .cycle-next{right:18px;    background-image: url(../images/common/system/btn_next.png);}

.project-main-slide{width:100%; height:550px;  background-size:cover; background-position: center}
.project-pager-slide{width:100%; height:150px; border-top:5px solid #fff; border-bottom:5px solid #fff; background-size:cover; background-position: center; cursor: pointer;}

.project-pager{background:#fff; padding:50px 25px 40px; margin-left:-15px; position:relative;}
.project-pager .cycle-carousel-wrap{width:100%;}

.project-pager .cycle-prev,
.project-pager .cycle-next{width: 40px;height: 21px; margin-left: -20px; position: absolute; left: 50%; z-index: 100; background-size:cover;}
.project-pager .cycle-prev.disabled,
.project-pager .cycle-next.disabled{opacity: 0.3}
.project-pager .cycle-prev{top:18px;     background-image: url(../images/common/system/btn_up.png);}
.project-pager .cycle-next{bottom:18px;    background-image: url(../images/common/system/btn_down.png);}

.project-detail .h1{font-size:38px;}

.project-detail .project-content{border-top:5px solid #843282; background:#fff; padding:20px 0; font-size:15px;} 




@media (max-width: 767px){
  .project-slideshow .cycle-prev,
  .project-slideshow .cycle-next{width:17px; height:32px; margin-top:-16px; background-size:cover; }
  .project-slideshow .cycle-prev{left:10px;}
  .project-slideshow .cycle-next{right:10px;}

  .project-detail .h1{font-size: 24px; padding:0 15px;}
  .project-detail .project-content{padding:15px;} 

  .project-main-slide{height:300px;}

}
@media (min-width: 768px) and (max-width: 991px) { 

  .project-main-slide{height:500px;}

  .project-detail .h1{font-size: 28px; padding:0 15px;}
  .project-detail .project-content{padding:20px 15px;} 



}
@media (min-width: 992px) and (max-width: 1199px) { 
  .project-detail .h1{font-size: 32px;}
}
@media (min-width: 1200px){
}

@media (max-width: 479px){
  .project-main-slide{height:200px;}
}

.dl-icon{margin-bottom:8px; font-size:18px;}
.dl-icon dt{position: absolute; width:30px;}
.dl-icon dd{padding-left:30px;}

@media (max-width: 767px){
  .dl-icon{font-size:14px;}
}
@media (min-width: 768px) and (max-width: 991px) { 
  .dl-icon{font-size:15px;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
  .dl-icon{font-size:16px;}
}
@media (min-width: 1200px){
}

.text-red{}

.text-default{color:#777;}
.text-primary{color:#337ab7;}
.text-success{color:#5cb85c;}
.text-info{color:#5bc0de;}
.text-warning{color:#f0ad4e;}
.text-danger{color:#d9534f;}

.btn-ghost{border:1px solid #fff; color:#fff;}
.btn-ghost:hover, 
.btn-ghost:focus{background-color: #fff;}

.container-vm{height:100%; width: 100%; display:table; table-layout: fixed; position: relative;}
.container-vm-box{display:table-cell; vertical-align: middle;}

.img-responsive-center{margin:0 auto;}
.col-center {margin: 0 auto; float: none;}

.ehdiv{background-color:#efefef; height:100%;}
.equalheight {overflow: hidden; }

/*Button Style*/
.btn-theme{background:#ffffff; color:#231f20; border-radius: 0; border:0; border:1px solid transparent; box-shadow: 1px 2px 2px rgba(225,225,225,.75);}
.btn-theme:hover{border:1px solid #231f20;}

/*Google Map*/
#map_canvas{height:435px; border:1px solid #e4e4e4; margin-bottom:20px;}

@media (max-width: 767px){
  #map_canvas{height:150px;}
}
@media (min-width: 768px) and (max-width: 991px) { 
  #map_canvas{height:250px;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
  #map_canvas{height:350px;}
}
@media (min-width: 1200px){
}

.rwd-table{background:#fff; overflow:hidden;}
.rwd-table tr{border-bottom:1px solid #000;}
.rwd-table tr:nth-of-type(2n){background:#eee;}
.rwd-table th,.rwd-table td{margin:0.5em 1em;}
.rwd-table{min-width:100%;}
.rwd-table th{display:none;}
.rwd-table td{display:block; padding-left:120px; position:relative;}
.rwd-table td:before{content:attr(data-th) " : ";font-weight:bold; width:120px; display:inline-block; position:absolute; left:0; top:0; line-height:16px; }
.rwd-table th,.rwd-table td{text-align:left;}
.rwd-table th,.rwd-table td:before{/*color:#D20B2A;*/font-weight:bold;}





@media (max-width: 480px){
  .rwd-table td{padding:5px;}
  .rwd-table td:before{position:relative; display:block;}
}
@media (min-width: 768px) {
  .rwd-table-sm td:before{display:none;}
  .rwd-table-sm th,.rwd-table-sm td{display:table-cell;padding:5px 10px;}
  .rwd-table-sm th:first-child,.rwd-table-sm td:first-child{padding-left:0;}
  .rwd-table-sm th:last-child,.rwd-table-sm td:last-child{padding-right:0;}
  .rwd-table-sm th,.rwd-table-sm td{padding:1em!important;}
}

@media (min-width: 992px) {
  .rwd-table-md td:before{display:none;}
  .rwd-table-md th,.rwd-table-md td{display:table-cell;padding:5px 10px;}
  .rwd-table-md th:first-child,.rwd-table-md td:first-child{padding-left:0;}
  .rwd-table-md th:last-child,.rwd-table-md td:last-child{padding-right:0;}
  .rwd-table-md th,.rwd-table-md td{padding:1em!important;}
}

@media (min-width: 1200px) {
  .rwd-table-lg td:before{display:none;}
  .rwd-table-lg th,.rwd-table-lg td{display:table-cell;padding:5px 10px;}
  .rwd-table-lg th:first-child,.rwd-table-lg td:first-child{padding-left:0;}
  .rwd-table-lg th:last-child,.rwd-table-lg td:last-child{padding-right:0;}
  .rwd-table-lg th,.rwd-table-lg td{padding:1em!important;}
}



@media (max-width: 767px){
.row-clear .col-xs-2:nth-child(6n+1),
.row-clear .col-xs-3:nth-child(4n+1),
.row-clear .col-xs-4:nth-child(3n+1),
.row-clear .col-xs-6:nth-child(2n+1),
.row-clear .col-sm-2:nth-child(6n+1),
.row-clear .col-sm-3:nth-child(4n+1),
.row-clear .col-sm-4:nth-child(3n+1),
.row-clear .col-sm-6:nth-child(2n+1),
.row-clear .col-md-2:nth-child(6n+1),
.row-clear .col-md-3:nth-child(4n+1),
.row-clear .col-md-4:nth-child(3n+1),
.row-clear .col-md-6:nth-child(2n+1),
.row-clear .col-lg-2:nth-child(6n+1),
.row-clear .col-lg-3:nth-child(4n+1),
.row-clear .col-lg-4:nth-child(3n+1),
.row-clear .col-lg-6:nth-child(2n+1){clear:none;}

.row-clear .col-xs-2:nth-child(6n+1),
.row-clear .col-xs-3:nth-child(4n+1),
.row-clear .col-xs-4:nth-child(3n+1),
.row-clear .col-xs-6:nth-child(2n+1){clear:both;}
}
@media (min-width: 768px){
.row-clear .col-xs-2:nth-child(6n+1),
.row-clear .col-xs-3:nth-child(4n+1),
.row-clear .col-xs-4:nth-child(3n+1),
.row-clear .col-xs-6:nth-child(2n+1),
.row-clear .col-sm-2:nth-child(6n+1),
.row-clear .col-sm-3:nth-child(4n+1),
.row-clear .col-sm-4:nth-child(3n+1),
.row-clear .col-sm-6:nth-child(2n+1),
.row-clear .col-md-2:nth-child(6n+1),
.row-clear .col-md-3:nth-child(4n+1),
.row-clear .col-md-4:nth-child(3n+1),
.row-clear .col-md-6:nth-child(2n+1),
.row-clear .col-lg-2:nth-child(6n+1),
.row-clear .col-lg-3:nth-child(4n+1),
.row-clear .col-lg-4:nth-child(3n+1),
.row-clear .col-lg-6:nth-child(2n+1){clear:none;}

.row-clear .col-sm-2:nth-child(6n+1),
.row-clear .col-sm-3:nth-child(4n+1),
.row-clear .col-sm-4:nth-child(3n+1),
.row-clear .col-sm-6:nth-child(2n+1){clear:both;}
}
@media (min-width: 992px){
.row-clear .col-xs-2:nth-child(6n+1),
.row-clear .col-xs-3:nth-child(4n+1),
.row-clear .col-xs-4:nth-child(3n+1),
.row-clear .col-xs-6:nth-child(2n+1),
.row-clear .col-sm-2:nth-child(6n+1),
.row-clear .col-sm-3:nth-child(4n+1),
.row-clear .col-sm-4:nth-child(3n+1),
.row-clear .col-sm-6:nth-child(2n+1),
.row-clear .col-md-2:nth-child(6n+1),
.row-clear .col-md-3:nth-child(4n+1),
.row-clear .col-md-4:nth-child(3n+1),
.row-clear .col-md-6:nth-child(2n+1),
.row-clear .col-lg-2:nth-child(6n+1),
.row-clear .col-lg-3:nth-child(4n+1),
.row-clear .col-lg-4:nth-child(3n+1),
.row-clear .col-lg-6:nth-child(2n+1){clear:none;}

.row-clear .col-md-2:nth-child(6n+1),
.row-clear .col-md-3:nth-child(4n+1),
.row-clear .col-md-4:nth-child(3n+1),
.row-clear .col-md-6:nth-child(2n+1){clear:both;}
}
@media (min-width: 1200px){
.row-clear .col-xs-2:nth-child(6n+1),
.row-clear .col-xs-3:nth-child(4n+1),
.row-clear .col-xs-4:nth-child(3n+1),
.row-clear .col-xs-6:nth-child(2n+1),
.row-clear .col-sm-2:nth-child(6n+1),
.row-clear .col-sm-3:nth-child(4n+1),
.row-clear .col-sm-4:nth-child(3n+1),
.row-clear .col-sm-6:nth-child(2n+1),
.row-clear .col-md-2:nth-child(6n+1),
.row-clear .col-md-3:nth-child(4n+1),
.row-clear .col-md-4:nth-child(3n+1),
.row-clear .col-md-6:nth-child(2n+1),
.row-clear .col-lg-2:nth-child(6n+1),
.row-clear .col-lg-3:nth-child(4n+1),
.row-clear .col-lg-4:nth-child(3n+1),
.row-clear .col-lg-6:nth-child(2n+1){clear:none;}

.row-clear .col-lg-2:nth-child(6n+1),
.row-clear .col-lg-3:nth-child(4n+1),
.row-clear .col-lg-4:nth-child(3n+1),
.row-clear .col-lg-6:nth-child(2n+1){clear:both;}
}





@media (max-width: 767px){}
@media (min-width: 768px){
  .text-sm-left{text-align: left;}
  .text-sm-center{text-align: center;}
  .text-sm-right{text-align: right;}


}
@media (max-width: 991px){}
@media (min-width: 992px){
  .text-md-left{text-align: left;}
  .text-md-center{text-align: center;}
  .text-md-right{text-align: right;}
}
@media (max-width: 1199px){}
@media (min-width: 1200px){
  .text-lg-left{text-align: left;}
  .text-lg-center{text-align: center;}
  .text-lg-right{text-align: right;}
}

@media (min-width: 768px) and (max-width: 991px) { }
@media (min-width: 992px) and (max-width: 1199px) { }