/*-- Reset Code --*/
@font-face{font-family:"Latha";src:url(../../fonts/latha.ttf);}
body{padding:0;margin:0;background:#FFF;font-family:'Open Sans', sans-serif;}
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;text-decoration:none;font-family:Arial,"微軟正黑體", "Microsoft JhengHei", sans-serif;}
body a:hover{text-decoration:none;}
body a:focus, a:hover{text-decoration:none;}

input[type="button"], input[type="submit"] {transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;text-align:center;font-family:'Raleway', sans-serif;}
p{margin:0;}
ul{margin:0;padding:0;}
label{margin:0;}
a:focus, a:hover{text-decoration:none;outline:none}
img{width:100%;}
/*-- //Reset Code --*/
.city{width:100%;/*position:fixed;*/bottom:0px;z-index:100;top:80px;}
.city img{width:100%;}
.wrapper{height:250px;background-color:#9096A6;text-align:center;}
.wrapper:before{content:"";height:100%;display:inline-block;vertical-align:middle;}
.center{display:inline-block;vertical-align:middle;width:180px;height:120px;}
/*-- Index-Page-Styling --*/

/*-- Navbar --*/
.navbar-inverse{position:absolute;z-index:99999;border:none;margin-bottom:0;border-radius:0;}
.navbar-inverse{background-color:transparent;border-color:transparent;}
.navbar-inverse .navbar-toggle{border-color:#333;border:3px solid #FFF;}
.navbar-inverse .navbar-brand{position:absolute;font-size:25px;font-weight:900;color:#EEE;webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);left:-5px;top:20px;}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{color:#FFF;}
.navbar-nav{background-color:transparent;margin-top:50px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background-color:transparent;}
.navbar-inverse .navbar-nav>li>a{color:#EEE;font-weight:600;}
.navbar-inverse .navbar-nav>li>a:hover{color:#FFF;}
ul#cross-effect{margin-top:50px;}
/*-- Hover-Cross-Effect --*/
.cross-effect{position:relative;Z-index:1;}
.cross-effect a{-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.cross-effect a::before, .cross-effect a::after{position:absolute;width:100%;left:0;top:50%;height:2px;margin-top:-1px;background:#EEE;content:'';z-index:-1;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition:-moz-transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s;pointer-events:none;}
.cross-effect a::before{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);transform:translateY(-20px);}
.cross-effect a::after{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transform:translateY(20px);}
.cross-effect a:hover, .cross-effect a:focus{color:#fff;}
.cross-effect a:hover::before, .cross-effect a:hover::after, .cross-effect a:focus::before, .cross-effect a:focus::after{opacity:0.7;}
.cross-effect a:hover::before, .cross-effect a:focus::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.cross-effect a:hover::after, .cross-effect a:focus::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
/*-- //Hover-Cross-Effect --*/
/*-- //Navbar ---*/

/*-- Carousel-Controls-Changed-from-Default-Code --*/
.carousel-control.left{background-image:none;background-image:none;background-image:none;background-image:none;filter:none;background-repeat:repeat-x;height:100px;}
.carousel-control.right{right:0;left:auto;background-image:none;background-image:none;background-image:none;background-image:none;filter:none;background-repeat:repeat-x;height:100px;}
.carousel-control{position:absolute;top:50%;bottom:50%;left:0;width:inherit;font-size:0;color:transparent;text-shadow:none;filter:alpha(opacity=50);opacity:.5;}
.item img{vertical-align:middle;}
/*-- //Carousel-Controls --*/

/*-- Slider-Grid --*/
.slider-grid-bg{width:50%;height:10%;text-align:right;position:absolute;top:40%;left:28%;right:0;bottom:0;border-radius:4px;
/*---webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;--*/
}
.slider-grid-bg:hover{}
.slider-grid-text{text-align:center;padding:2.4%;letter-spacing:1px;
	/*---webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);--*/
}
.slider-grid-text h5{font-size:1.5em;color:#FFF;font-weight:600;line-height:1.5em;font-family:"Latha";margin-bottom:5%;letter-spacing:2px;}
.slider-grid-text .border{width:100px;border-top:3px solid #EEE;margin:0 auto;}
.slider-grid-text p{font-size:1.1em;color:#EEE;line-height:1.2em;margin:5% 0; font-family:Arial,"微軟正黑體";}
.slider-grid-text span{font-size:1.2em;color:#EEE;line-height:1.2em;padding:3% 0;font-family: Arial,"微軟正黑體";}
.more_link1{width:100%;float:left;margin-top:18%;font-size:1.1em;}
.more_link2{width:100%;float:left;margin-top:25%;font-size:1.1em;}
.more_link1 a{border:1px solid #000;padding:8% 9%;color:#fff;background-color:#034877;letter-spacing:1px;}
.more_link1 a:hover{background-color:#022f4e;padding:8% 9%;color:#fff;}
.more_link2 a{border:1px solid #000;padding:8% 9%;color:#fff;background-color:#555555;letter-spacing:1px;background-image:url(../../images/jorsindo_logo.png);background-repeat:no-repeat;background-size:30%;background-position:11% 43%;padding-left:35%;}
.more_link2 a:hover{background-color:#333333;padding:8% 9%;color:#fff;}
.noimage a{background-image:none;padding-left:9%;}

.web_link a{color:#fff;}
.web_link:hover a{color:#F47E20;}
.carousel_img_mob{width:100%;}
@media screen and (max-width:1367px){
.slider-grid-text h5{font-size:1.5em;color:#FFF;font-weight:600;padding-top:0px;line-height:38px;font-family:Arial,"微軟正黑體";}
.slider-grid-text span{font-size:1.2em;color:#EEE;line-height:1.3em;padding:5% 0;font-family:Arial,"微軟正黑體";}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:19%;font-size:1.2em;}
}
@media screen and (max-width:1025px){
.slider-grid-text h5{font-size:1.6em;color:#FFF;font-weight:600;padding-top:10px;line-height:34px;font-family:Arial,"微軟正黑體";margin-top:-12px;}
.slider-grid-text span{font-size:1.1em;color:#EEE;line-height:1.3em;padding:5% 0;font-family:Arial,"微軟正黑體";}
}
@media screen and (max-width:769px){
.slider-grid-text h5{font-size:1.4em;color:#FFF;font-weight:600;line-height:28px;font-family:Arial,"微軟正黑體";margin-top:-16px;}
.slider-grid-text span{font-size:1em;color:#EEE;line-height:1.1em;padding:4% 0;font-family:Arial,"微軟正黑體";}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:18%;font-size:1em;}
}
@media screen and (max-width:737px){
.slider-grid-text h5{font-size:1.3em;color:#FFF;font-weight:600;line-height:26px;font-family:Arial,"微軟正黑體";margin-top:-6px;}
.slider-grid-text span{font-size:1em;color:#EEE;padding:4% 0;font-family:Arial,"微軟正黑體";line-height:1.2em;}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:18%;font-size:1em;}
.slider-grid-text{margin-top:5%;}
}
@media screen and (max-width:733px){
.slider-grid-text h5{font-size:1.1em;color:#FFF;font-weight:600;line-height:26px;font-family:Arial,"微軟正黑體";margin-top:-5px;}
.slider-grid-text span{font-size:1em;color:#EEE;padding:4% 0;font-family:Arial,"微軟正黑體";line-height:1.2em;}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:18%;font-size:1em;}
.slider-grid-text {margin-top:0%;}
}
@media screen and (max-width:668px){
.slider-grid-text h5{font-size:1.2em;color:#FFF;font-weight:600;line-height:22px;font-family:Arial,"微軟正黑體";}
.slider-grid-text span{font-size:1em;color:#EEE;padding:4% 0;font-family:Arial,"微軟正黑體";line-height:1.2em;}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:18%;font-size:1em;}
.slider-grid-text{margin-top:0%;}
}
@media screen and (max-width:641px){
.slider-grid-text h5{font-size:1.1em;color:#FFF;font-weight:600;line-height:26px;font-family:Arial,"微軟正黑體";margin-top:-8px;margin-bottom:1%;}
.slider-grid-text span{font-size:.9em;color:#EEE;padding:3% 0;font-family:Arial,"微軟正黑體";line-height:.9em;}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:18%;font-size:0.9em;}
.slider-grid-text{margin-top:0%;}
}
@media screen and (max-width:569px){
.slider-grid-text h5{font-size:1.1em;color:#FFF;font-weight:600;line-height:26px;font-family:Arial,"微軟正黑體";margin-top:-8px;margin-bottom:1%;}
.slider-grid-text span{font-size:.9em;color:#EEE;padding:3% 0;font-family:Arial,"微軟正黑體";line-height:.9em;}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:18%;font-size:0.9em;}
.slider-grid-text{margin-top:0%;}
}
@media screen and (max-width:415px){
.slider-grid-text h5{font-size:1.15em;color:#FFF;font-weight:600;line-height:20px;margin-bottom:9%;font-family:Arial,"微軟正黑體";}
.slider-grid-text span{display:none;}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:0%;font-size:.9em;}
.more_link1 a{padding:8% 10%;}
.more_link2 a{padding:8% 7%;}
.slider-grid-text{margin-top:0%;}
}
@media screen and (max-width:415px){
.slider-grid-text h5{font-size:1.05em;color:#FFF;font-weight:600;line-height:24px;margin-bottom:7%;font-family:Arial,"微軟正黑體";margin-top:-5px;}
.slider-grid-text span{display:none;}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:0%;font-size:.9em;}
.slider-grid-text{margin-top:0%;}
}
@media screen and (max-width:361px){
.slider-grid-text h5{font-size:.9em;color:#FFF;font-weight:600;line-height:20px;margin-bottom:5%;font-family:Arial,"微軟正黑體";margin-top:-12px;}
.slider-grid-text span{display:none;}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:0%;font-size:.7em;}
.more_link1 a{padding:6% 8%;}
.more_link2 a{padding:6% 8%;}
.slider-grid-text{margin-top:0%;}
}
@media screen and (max-width:321px){
.slider-grid-text h5{font-size:.9em;color:#FFF;font-weight:600;line-height:20px;margin-bottom:5%;font-family:Arial,"微軟正黑體";margin-top:-10px;}
.slider-grid-text span{display:none;}
.more_link1 ,.more_link2{width:100%;float:left;margin-top:0%;font-size:.7em;}
.more_link1 a{padding:6% 8%;}
.more_link2 a{padding:6% 8%;}
.slider-grid-text{margin-top:0%;}
}
/*-- //Slider-Grid --*/

/*-- Carousel-Controls-Diamond-Hover-Effect --*/
.nav-diamond a {}
.nav-diamond .icon-wrap{position:absolute;height:100%;z-index:100;}
.nav-diamond svg.icon{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.nav-diamond .left-arrow, .right-arrow{position:relative;overflow:hidden;width:70px;height:70px;background:url("images/left.png") no-repeat;margin-top:30px;}
.right-arrow{float:right;}
.nav-diamond .right-arrow{background:url("images/right.png") no-repeat;}
.nav-diamond img{position:absolute;top:0;left:0;opacity:0;border:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;}
.nav-diamond a.prev img {}
.nav-diamond a.next img {}
.nav-diamond a:hover div{transform:scale(1) rotate(0deg);}
.nav-diamond a.next:hover div{transform:scale(1) rotate(0deg);}
.nav-diamond a:hover img{opacity:0.8;}
.nav-diamond a.prev:hover img{-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg) scale(1);transform:translateX(-50%) translateY(-50%) rotate(0deg) scale(1);}
.nav-diamond a.next:hover img{-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg) scale(1);transform:translateX(-50%) translateY(-50%) rotate(0deg) scale(1);}
/*-- //Carousel-Controls-Diamond-Hover-Effect --*/

/*-- Content --*/
h1, .about h3, .portfolio h3, .testimonial h3, .skills h3, .stats h3, .clients h3, .team h3, .contact h3{font-size:40px;font-weight:600;margin:50px auto 0;}
.about h3, .testimonial h3, .stats h3, .team h3, .contact h3{color:#FFF;}
.heading-underline{height:5px;width:10%;margin:20px auto 50px;background-color:#006db7;border-radius:20px;}

/*-- Features --*/
.features{background-color:#f5f5f5;}
.features h2, .features h3{font-size:30px;line-height:60px;}
.features p{text-align:center;color:#363636;font-size:16px;font-weight:600;padding:20px 0;}
.features span{color:#006DB7;}
.feature1{margin-bottom:70px;width:33%;float:left;}
.features-icon{width:30%;float:left;}
.features-icon img{width:90%;}
.features-info{width:70%;float:left;padding-left:25px;}
.features-item:before{content:"";position:absolute;top:0;right:0;border-width:0 30px 30px 0;border-style:solid;border-color:#F5F5F5 #F5F5F5 #028fcc #028fcc;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);-webkit-transition:border-color .2s ease-in-out;-moz-transition:border-color .2s ease-in-out;transition:border-color .2s ease-in-out;display:block;width:0;}
.features-item{background:#FFF;padding:30px 20px 20px;margin:15px 0;position:relative;overflow:hidden;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;transition:background .5s ease-in-out;}
.features-item h4{font-size:20px;font-weight:700;color:#028fcc;text-align:left;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.features-item p{font-size:14px;margin:10px 0;padding:10px 0;font-weight:100;text-align:left;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.features-item:hover{background:rgba(2, 143, 204, 0.88);-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.features-item:hover h4{color:#FFF;transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-o-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-webkit-transition:all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition:all .2s ease-in-out;}
.features-item:hover p{color:#EEE;transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-o-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.features-item:hover:before{border-color:#F5F5F5 #F5F5F5 #006db7 #006db7;-webkit-transition:border-color .2s ease-in-out;-moz-transition:border-color .2s ease-in-out;transition:border-color .2s ease-in-out;}
/*-- //Features --*/

/*-- Responsive Code --*/
@media screen and (max-width:1920px) {
nav.navbar.navbar-inverse.navbar-default{width:60%;}
.slider-grid-bg{top:6%;}
.carousel-control{top:35%;}
}
@media screen and (max-width:1680px) {
nav.navbar.navbar-inverse.navbar-default{width:69%;}
.slider-grid-bg{left:35%;top:5%;}
.carousel-control{top:33%;}
}
@media screen and (max-width:1600px) {
.slider-grid-bg{left:35%;top:10%;}
nav.navbar.navbar-inverse.navbar-default{width:72%;}
}
@media screen and (max-width:1440px) {
nav.navbar.navbar-inverse.navbar-default{width:80%;}
.slider-grid-bg{left:37%;top:6%;}
.slider-grid-text{margin-top:20px;text-align:center;}
}
@media screen and (max-width:1366px) {
.slider-grid-bg{left:35%;top:0%;}
nav.navbar.navbar-inverse.navbar-default{width:85%;}
.slider-grid-bg{background:none;border:none;height:300px;width:400px;text-align:center;position:absolute;left:%;top:17%;right:0;bottom:0;border-radius: 4px;}
}
@media screen and (max-width:1280px) {
nav.navbar.navbar-inverse.navbar-default{width:90%;}
.slider-grid-bg{background:none;border:none;height:290px;width:400px;text-align:center;position:absolute;left:32%;top:0%;right:0;bottom:0;border-radius:4px;}
/*.nav-diamond .left-arrow, .right-arrow {margin-top: 40%;}*/}
@media screen and (max-width:1025px) {
.carousel_pciframe{width:410px; height:220px;margin-right:-35%;}
nav.navbar.navbar-inverse.navbar-default{width:90%;}
.slider-grid-bg{background:none;border:none;height:290px;width:400px;text-align:left;position:absolute;left:38%;top:18%;bottom:0;border-radius:4px;}
/*.nav-diamond .left-arrow, .right-arrow {margin-top: 40%;}*/}
@media screen and (max-width:930px) {
.carousel_img_mob iframe{max-height:270px;}
nav.navbar.navbar-inverse.navbar-default{width:90%;}
ul#cross-effect{margin-top:30px;}
.slider-grid-text{left:20px;top:60px;}
.slider-grid-bg{background:none;border:none;height:235px;width:350px;text-align:center;position:absolute;left:29%;top:8%;right:0;bottom:0;border-radius:4px;}
}
@media screen and (max-width:850px) {
nav.navbar.navbar-inverse.navbar-default{width:92%;}
.carousel_img_mob{max-width:850px !important;}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;}
.slider-grid-bg{top:16%;}
.testimonial{height:420px;}
.testimonial p{padding:0;}
}
@media screen and (max-width:801px) {
.carousel_pciframe{width:300px; height:175px;}
nav.navbar.navbar-inverse.navbar-default{width:90%;}
nav.navbar.navbar-inverse.navbar-default{width:95%;}
.logo{margin-left:25px;}
ul#cross-effect{margin-top:20px;}
.slider-grid-bg{background:none;border:none;height:235px;width:350px;text-align:center;position:absolute;left:30%;top:16%;right:0;bottom:0;border-radius:4px;}
.features h2, .features h3{font-size:25px;}
h1, .about h3, .portfolio h3, .testimonial h3, .skills h3, .stats h3, .clients h3, .team h3, .contact h3{font-size:35px;margin:40px auto 0;}
}
@media screen and (max-width:769px) {
.carousel_pciframe{width:300px; height:165px;}
nav.navbar.navbar-inverse.navbar-default{width:90%;}
nav.navbar.navbar-inverse.navbar-default{width:95%;}
.logo{margin-left:25px;}
ul#cross-effect{margin-top:20px;}
.slider-grid-bg{background:none;border:none;height:235px;width:350px;text-align:center;position:absolute;left:28%;top:16%;right:0;bottom:0;border-radius:4px;}
.features h2, .features h3{font-size:25px;}
h1, .about h3, .portfolio h3, .testimonial h3, .skills h3, .stats h3, .clients h3, .team h3, .contact h3{font-size:35px;margin:40px auto 0;}
}
@media screen and (max-width:737px) {
.navbar-toggle{margin-right:0;margin-top:26px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none;box-shadow:none;width:72%;position:absolute;top:19px;right:45px;padding:0;}
ul#cross-effect{width:97%;float:right;text-align:center;display:-webkit-inline-box;padding:0;margin:0;}
.nav>li{height:50px;margin-top:5px;}
.nav>li>a{padding:10px 12px;}
.slider-grid-bg{background:none;border:none;height:225px;width:350px;text-align:center;position:absolute;left:27%;top:7%;right:0;bottom:0;border-radius: 4px;}
.slider-grid-text{left:15px;top:45px;}
.heading-underline{margin-bottom:30px;}
.img-grid{padding:10px;width:33%;float:left;}
.about{height:550px;}
.portfolio{padding-bottom:20px;}
.gallery-top{width:32%;}
.gallery-grids h4{font-size:18px;}
.gallery-top figure.effect-bubba h4{margin-top:26px;}
.testimonial{height:420px;}
.skills-numbers{margin-top:60px;padding:0 30px;}
.stats{height:570px;}
.stats-grid{width:25%;float:left;}
.team-grid{width:25%;float:left;}
.team-social{top:38%;left:16%;width:69%;height:23%;}
.team{height:410px;}
.team h4{font-size:22px;}
.map iframe{height:250px;}
.contact{height:470px;}
.c1{width:50%;float:left;padding:0 5px;}
a.more_btn{font-size:13px;}
.footer-info{margin-top:20px;}
.footer-info-grid{width:25%;float:left;}
.address li{line-height:18px;}
.slider-grid-text{margin-top:5px;text-align:center;}
.nav-diamond .left-arrow, .right-arrow{margin-top:15%;}
}
@media screen and (max-width:668px) {
.logo{height:60px;width:60px;margin-top:20px;margin-left:5px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{width:72%;}
.navbar-inverse .navbar-brand{left:-15px;top:0px;font-size:16px;}
.navbar-inverse .navbar-nav>li>a{font-size:12px;}
.slider-grid-bg{background:none;border:none;height:220px;width:350px;text-align:center;position:absolute;left:23%;top:8%;right:0;bottom:0;border-radius:4px;}
.slider-grid-text{left:17px;}
.nav-diamond a{margin:0;}
.features-item{padding:30px 0 10px;}
.features-info{padding-left:0;}
.features-item p{font-size:1.1em;}
.gallery-top figure.effect-bubba h4{margin-top:18px;}
.testimonial{height:400px;}
.testimonial p{font-size:13px;line-height:30px;}
.skills p{font-size:13px;line-height:30px;}
.num1 .num-rotate{width:65px;height:65px;left:20%;}
.num1 .num-rotate:before{right:45px;border-width:0 20px 20px 0;}
.num1 .numscroller{top:20px;left:25px;font-size:20px;}
.num1 h4{font-size:18px;}
.stats p{font-size:13px;line-height:30px;}
.stats-img img{width:80px;}
.stats{height:535px;}
.team{height:385px;}
.team-social{left:10%;width:78%;height:27%;}
.team h4{font-size:18px;}
.contact{height:465px;}
.address li{line-height:21px;}
}
@media screen and (max-width:640px) {
.navbar-toggle{margin-right:0px;}
.navbar-inverse .navbar-nav>li>a{font-size:11px;}
.slider-grid-bg{background:none;border:none;height:190px;width:320px;text-align:center;position:absolute;left:23%;top:12%;right:0;bottom:0;border-radius:4px;}
.gallery-top figure.effect-bubba h4{margin-top:15px;font-size:16px;}
#about-us{padding:30px;}
#about-us .lead{margin-top:15px;}
.team{height:380px;}
.team-social{top:37%;left:9%;width:83%;height:27%;}
.contact{height:430px;}
.contact_form input[type='text']{padding:10px 17px 10px;height:35px;}
.contact_form textarea{height:145px;}
.footer-info p{line-height:18px;}
.address li{line-height:20px;}
}
@media screen and (max-width:603px) {
.nav>li>a{padding:10px;}
.slider-grid-bg{height:185px;width:300px;top:10%;left:25%;}
.slider-grid-text{left:10px;top:30px;}
.gallery-top figure.effect-bubba h4{margin-top:13px;font-size:14px;}
.testimonial{height:360px;}
.num1 .num-rotate{width:55px;height:55px;left:20%;}
.num1 .num-rotate:before{right:35px;}
.num1 h4{font-size:16px;}
.num1 .numscroller{top:15px;left:20px;}
.stats{height:535px;}
.stats-img img{width:70px;}
.footer-info h4{font-size:17px;}
.team-grid{padding:0;}
.team-social{top:38%;left:15%;width:70%;height:24%;}
}
@media screen and (max-width:601px) {
.carousel_pciframe{width:240px; height:130px;}
.slider-grid-bg{top:18%;left:24.5%;}
.about{height:520px;}
.stats-img img{width:70px;}
p.stats-info{font-size:12px;}
.team-social{top:38%;left:14%;width:71%;height:23%;}
}
@media screen and (max-width:569px) {
.navbar-toggle{padding:5px;}
ul#cross-effect{width:94%;}
.nav>li>a{padding:8px;}
.nav-diamond .left-arrow, .right-arrow{width:50px;height:60px;}
.nav-diamond .right-arrow {}
.slider-grid-bg{height:185px;width:300px;top:8%;left:23%;}
.heading-underline{width:15%;}
.features h2, .features h3{font-size:20px;line-height:40px;}
.features-icon img{padding-top:15px;}
.features-item h4{font-size:18px;}
.about{height:540px;}
.tabs-style-bar nav ul li a span{font-size:12px;}
.gallery-top figure.effect-bubba h4{margin-top:10px;}
.testimonial{height:400px;}
.skills-numbers{margin-top:50px;}
.num1 h4{font-size:14px;}
.num1 .numscroller{top:16px;left:18px;}
.stats{height:530px;}
p.stats-info{padding:0;margin-top:15px;line-height:20px;font-size:13px;font-weight:100;}
.clients{padding-bottom:40px;}
.team{height:700px;}
.team-grid{width:50%;padding:20px 0;}
.team-image img{width:75%;margin-left:12%;}
.team h4{margin-top:15px;}
.team-social{top:42%;left:30%;width:38%;height:17%;}
.map iframe{height:200px;}
.contact{height:420px;}
.message{margin-bottom:20px;}
.footer-info-grid{width:50%;margin-bottom:20px;}
.address li{line-height:25px;}
.newsletter .email{width:105%;}
.footer-info p{line-height:23px;}
}
@media screen and (max-width:533px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{width:50%;background-color:#333;}
ul#cross-effect{width:100%;display:block;}
.nav>li{height:40px;margin:0;}
.navbar-inverse .navbar-nav>li>a:hover{color:#FFF;background-color:rgba(171, 171, 171, 0.46);}
.navbar-inverse .navbar-nav>li>a{font-size:13px;}
.cross-effect a::before, .cross-effect a::after{position:inherit;}
.slider-grid-bg{height:240px;width:280px;}
.slider-grid-text{left:15px;top:37px;}
.features-item h4{font-size:17px;}
.tabs-style-bar nav ul li a span{letter-spacing:0;}
.gallery-top figure.effect-bubba h4{margin-top:8px;font-size:12px;}
.skills p{padding-top:30px;}
.num1 .num-rotate{width:50px;height:50px;}
.num1 .num-rotate:before{right:30px;}
.team-social{top:40%;left:28%;width:41%;height:18%;}
}
@media screen and (max-width:480px) {
.carousel_img_mob iframe{max-height:201px; width:350px; height:190px;}
.carousel_img_mob1{max-width:480px !important;}
.navbar-toggle{margin-right:5px;margin-top:19px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{right:50px;}
.slider-grid-bg{top:16%;left:13%;height:168px;}
.carousel-control{top:41.5%;}
.features-item{padding:40px 0 10px;}
.features-item h4{font-size:15px;}
.about{height:570px;}
.gallery-grids figure figcaption{top:-14px;left:-14px;width:125%;height:135%;}
.gallery-top figure.effect-bubba h4{margin-top:13px;font-size:14px;}
.testimonial{height:420px;}
.skills-numbers{padding:0;}	
.stats .numscroller{font-size:30px;}
.num1 h4{margin-top:35px;}
.num1 .numscroller{top:15px;left:15px;}
.stats-info{margin-top:25px;}
.clients .heading-underline{margin-bottom:50px;}
.team{height:645px;}
.team-social{top:40%;left:27%;width:45%;height:21%;}
.nav-diamond .left-arrow, .right-arrow{margin-top:-25%;}
.slider-grid-text p a{border:1px solid #fff;padding:5px 30px 5px 20px;color:#fff;background-image:url(../../images/readmore.png);background-repeat:no-repeat;background-position: right center;background-size:20%;}
}
@media screen and (max-width:415px) {
.carousel_img_pc{display:none !important;}
.carousel_img_mob{display:block !important;}
.carousel_img_mob1{max-width:415px !important;}
.navbar-toggle{margin-right:5px;margin-top:19px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{right:50px;}
.slider-grid-bg{top:12%;left:7.4%;height:130px}
.carousel-control{top:41.5%;}
.features-item{padding:40px 0 10px;}
.features-item h4{font-size:15px;}
.about{height:570px;}
.gallery-grids figure figcaption{top:-14px;left:-14px;width:125%;height:135%;}
.gallery-top figure.effect-bubba h4{margin-top:13px;font-size:14px;}
.testimonial{height:420px;}
.skills-numbers{padding:0;}	
.stats .numscroller{font-size:30px;}
.num1 h4{margin-top:35px;}
.num1 .numscroller{top:15px;left:15px;}
.stats-info{margin-top:25px;}
.clients .heading-underline{margin-bottom:50px;}
.team{height:645px;}
.team-social{top:40%;left:27%;width:45%;height:21%;}
.slider-grid-bg .web_link{display:none;}
.nav-diamond .left-arrow, .right-arrow{margin-top:-25%;}
.slider-grid-text p a{border:1px solid #fff;padding:5px 30px 5px 20px;color:#fff;background-image:url(../../images/readmore.png);background-repeat:no-repeat;background-position: right center;background-size:20%;}
.slider-grid-text img{display:block;max-width:20px !important;text-align:center;opacity:0;filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */}
.nav-diamond .left-arrow{margin-left:-15px;}
}
@media screen and (max-width:385px) {
.carousel_img_pc{display:none !important;}
.carousel_img_mob{display:block !important;}
.carousel_img_mob1{max-width:385px !important;}
.navbar-toggle{margin-right:5px;margin-top:19px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{right:50px;}
.slider-grid-bg{top:14%;left:4%;height:125px;}
.carousel-control{top:41.5%;}
.features-item{padding:40px 0 10px;}
.features-item h4{font-size:15px;}
.about {height:570px;}
.gallery-grids figure figcaption{top:-14px;left:-14px;width:125%;height:135%;}
.gallery-top figure.effect-bubba h4{margin-top:13px;font-size:14px;}
.testimonial{height:420px;}
.skills-numbers{padding:0;}	
.stats .numscroller{font-size:30px;}
.num1 h4{margin-top:35px;}
.num1 .numscroller{top:15px;left:15px;}
.stats-info{margin-top:25px;}
.clients .heading-underline{margin-bottom:50px;}
.team{height:645px;}
.team-social{top:40%;left:27%;width:45%;height:21%;}
.nav-diamond .left-arrow, .right-arrow{margin-top:-25%;}
.slider-grid-text p a{border:1px solid #fff;padding:5px 30px 5px 20px;color:#fff;background-image:url(../../images/readmore.png);background-repeat:no-repeat;background-position: right center;background-size:20%;}
.slider-grid-text img{display:block;max-width:20px !important;text-align:center;opacity:0;filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */}
.nav-diamond .left-arrow{margin-left:-15px;}
}
@media screen and (max-width:376px) {
.carousel_img_pc{display:none !important;}
.carousel_img_mob{display:block !important;}
.carousel_img_mob1{max-width:376px !important;}
.navbar-toggle{margin-right:5px;margin-top:19px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{right:50px;}
.slider-grid-bg{top:15%;left:3%;height:125px;}
.carousel-control{top:41.5%;}
.features-item{padding:40px 0 10px;}
.features-item h4{font-size:15px;}
.about {height:570px;}
.gallery-grids figure figcaption{top:-14px;left:-14px;width:125%;height:135%;}
.gallery-top figure.effect-bubba h4{margin-top:13px;font-size:14px;}
.testimonial{height:420px;}
.skills-numbers{padding:0;}	
.stats .numscroller{font-size:30px;}
.num1 h4{margin-top:35px;}
.num1 .numscroller{top:15px;left:15px;}
.stats-info{margin-top:25px;}
.clients .heading-underline{margin-bottom:50px;}
.team{height:645px;}
.team-social{top:40%;left:27%;width:45%;height:21%;}
.nav-diamond .left-arrow, .right-arrow{margin-top:-25%;}
.slider-grid-text p a{border:1px solid #fff;padding:5px 30px 5px 20px;color:#fff;background-image:url(../../images/readmore.png);background-repeat:no-repeat;background-position: right center;background-size:20%;}
.slider-grid-text img{display:block;max-width:20px !important;text-align:center;opacity:0;filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */}
.nav-diamond .left-arrow{margin-left:-15px;}
}
@media screen and (max-width:360px) {
.carousel_img_mob iframe{max-height:201px; width:300px; height:160px;}
.carousel_img_mob1{max-width:360px !important;max-height:201px;}
.navbar-toggle{margin-right:5px;margin-top:19px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{right:50px;}
.slider-grid-bg{top:16%;left:8%;height:100px;}
.carousel-control{top:41.5%;}
.features-item{padding:40px 0 10px;}
.features-item h4{font-size:15px;}
.about{height:570px;}
.gallery-grids figure figcaption{top:-14px;left:-14px;width:125%;height:135%;}
.gallery-top figure.effect-bubba h4{margin-top:13px;font-size:14px;}
.testimonial{height:420px;}
.skills-numbers{padding:0;}	
.stats .numscroller{font-size:30px;}
.num1 h4{margin-top:35px;}
.num1 .numscroller{top:15px;left:15px;}
.stats-info{margin-top:25px;}
.clients .heading-underline{margin-bottom:50px;}
.team{height:645px;}
.team-social{top:40%;left:27%;width:45%;height:21%;}
.nav-diamond .left-arrow, .right-arrow{margin-top:-25%;}
.slider-grid-text p a{border:1px solid #fff;padding:5px 30px 5px 20px;color:#fff;background-image:url(../../images/readmore.png);background-repeat:no-repeat;background-position: right center;background-size:20%;}
.slider-grid-text img{display:none;}
.nav-diamond .left-arrow{margin-left:-15px;}
}
@media screen and (max-width:322px) {
.carousel_img_mob1{max-width:280px !important;}
.navbar-toggle{margin-right:5px;margin-top:19px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{right:50px;}
.slider-grid-bg{top:16%;left:2.5%;height:100px;}
.carousel-control{top:41.5%;}
.features-item{padding:40px 0 10px;}
.features-item h4{font-size:15px;}
.about{height:570px;}
.gallery-grids figure figcaption{top:-14px;left:-14px;width:125%;height:135%;}
.gallery-top figure.effect-bubba h4{margin-top:13px;font-size:14px;}
.testimonial{height:420px;}
.skills-numbers{padding:0;}	
.stats .numscroller{font-size:30px;}
.num1 h4{margin-top:35px;}
.num1 .numscroller{top:15px;left:15px;}
.stats-info{margin-top:25px;}
.clients .heading-underline{margin-bottom:50px;}
.team{height:645px;}
.team-social{top:40%;left:27%;width:45%;height:21%;}
.nav-diamond .left-arrow, .right-arrow{margin-top:-25%;}
.slider-grid-text p a{border:1px solid #fff;padding:5px 30px 5px 20px;color:#fff;background-image:url(../../images/readmore.png);background-repeat: no-repeat;
background-position:right center;background-size:20%;}
.slider-grid-text img{display:block;max-width:15px !important;text-align:center;opacity:0;filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */}
.dropbtn{background-color:#000;color:white;padding:10px !important;font-size:.1em;border:none;cursor:pointer;margin-bottom:8px;}
.mobile_header{height:58px !important;}
.mobile_header img{width:210px !important;}
/*-- //Responsive Code --*/