/*--  about --*/
.about-grids h4 { font-size: 22px; line-height: 30px; text-transform: capitalize; font-weight: 600; color: #333; }
.about-grids p { color: #333; margin: 1.5em 0; line-height: 28px; letter-spacing: .5px; font-size: 15px; }
.w3_agile_head h5 span { color: #fff; }
.skills p { color: #fff; }
.w3layouts_skills_grids { margin: 3em 0 0; }
.w3ls_about_guage { text-align: center; }
.w3ls_about_guage h4 { font-size: 1.3em; color: #fff; margin-top: 30px; }
.w3_head_pop h3 { color: #000000; font-size: 3em; text-transform: uppercase; line-height: 1.5em; margin-bottom: 20px; font-weight: 600; letter-spacing: 2px; text-align: center; }
.w3_head_pop h3 span { color: #04b962; }
.w3_head_pop.skills_span span { color: #fff; }
h3.skills_w3 { color: #0cbb67; }
/*-- //skills --*/
/*-- /extra skills --*/
h3.agile_tittle.two { color: #252525; }
.bargrids-left { margin-right: 40px; }
.carousel a.more { padding: 2px 5px; margin-left: 10px; color: #fff; background: #870000; border: 2px solid #870000; font-size: 14px; letter-spacing: 1px; display: inline-block; border-radius: 50px; }
.about-grids a.more { padding: 5px 15px; float: right; font-size: 14px; letter-spacing: 1px; display: inline-block; border-radius: 5px; color: #870000; border: 1px #870000 solid; padding: 3px 8px; border-radius: 3px; letter-spacing: 0px; margin-bottom: 20px; font-weight: normal; }
.about-grids a.more2:hover, .about-grids a.more:hover { color: #fff; background: #870000; border: 1px solid #870000; }
.about-grids a.more2 { padding: 5px 15px; color: #fff; float: right; font-size: 14px; letter-spacing: 1px; display: inline-block; border-radius: 5px; position: absolute; bottom: 0; right: 7px; padding: 5px 15px; color: #870000; border: 1px #870000 solid; padding: 3px 8px; border-radius: 3px; letter-spacing: 0px; margin-top: 20px; font-weight: normal; }
.bar-grids h4 { font-size: 1.6em; color: #ffffff; letter-spacing: 1px; margin-bottom: 1.4em; /* border-bottom: 1px dashed #ffffff; */ padding-bottom: 0em; font-weight: 600; }
.bar-grids h4 span.glyphicon { margin-right: 0.8em; color: #ecb731; }
.progress { height: 10px; margin-bottom: 2.2em; background-color: #dadde0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.prgs-w3agile-last { margin-bottom: 0!important; }
.progress-bar { background-color: #191919; }
.bar-grids h6 { font-size: 15px; color: #666; margin-bottom: 7px; text-transform: capitalize; letter-spacing: .5px; }
.bar-grids h6 span { float: right; font-size: 1em; }
.progress-striped .progress-bar, .progress-bar-striped { background-image: none!important; }
h3.heading { font-size: 45px; text-align: center; color: #870000; font-weight: 700; letter-spacing: 5px; position: relative; }
.about-grids h3.heading { font-size: 45px; color: #870000; font-weight: 600; letter-spacing: 1px; position: relative; }
.about-grids { margin-left: -7px; margin-right: -7px; }
/*-- // about --*/

/*右下角广告*/
.ad{width:500px;position:fixed;right:0;bottom:0;z-index:10;box-shadow:0 0 10px #0d0804}.ad img{border:0}
.close{background:#ccc;color:#333;border-radius:12px;line-height:20px;text-align:center;height:20px;width:20px;font-size:18px;padding:1px;top:10px;right:10px;position:absolute}
.close::before{content:"\2716"}
@media(max-width:568px){.ad{width:100%}}

.prevNext hr{margin-bottom:0}
.prevNext hr:first-child{margin-bottom:10px}
.prevNext hr:last-child{margin-top:10px}
.prevNext>div{width:100% !important;}
.post-excerpt .prevNext span, .post-excerpt .prevNext p{line-height: inherit !important;}
@media (max-width: 768px) {
#mylist{width:220px !important}
}

/*文章底部链接*/
.footnote{background: rgb(247, 247, 247); padding: 20px; font-size:16px;}
.footnote a{color:blue}
.footnote-linkinline{text-align: right;}
.footnote-link-name,.footnote .footnote-link ul{display:inline-block;}
.footnote-link-name{vertical-align: top;width: 80px;text-align-last: justify;}
.footnote .footnote-link ul{padding:0;margin:0}            

/*--  services --*/
.services { background: #870000; }
.service-grids { margin-top: 5em; }
.w3-icon-grid1 h3 { text-transform: capitalize; color: #999; font-size: 22px; font-weight: 600; letter-spacing: 1px; margin-bottom: 15px; }
.w3-icon-grid1 { position: relative; }
.w3-icon-grid1 h3 i { color: #fff; position: absolute; opacity: .1; font-size: 50px; }
.w3-icon-grid1 p { color: #666; margin: 1.5em 0; line-height: 28px; letter-spacing: .5px; font-size: 15px; }
/*-- // services --*/

/*-- experience --*/
.exp-grids { margin-top: 5em; }
.exp-grids h4, .exp-grid1 h4 { text-transform: capitalize; color: #aaa; font-size: 20px; font-weight: 600; letter-spacing: 1px; margin-top: 15px; margin-bottom: 5px; }
.exp-grids h5, .exp-grid1 h5 { font-size: 16px; color: #666; font-weight: 600; }
.exp-grids p { line-height: 28px; letter-spacing: .5px; font-size: 15px; color: #666; border-left: 3px solid #333; padding-left: 3em; }
.exp { text-align: right; padding-right: 3em; background: #222; }
.exp-grid1 p { line-height: 28px; letter-spacing: .5px; font-size: 15px; color: #666; border-right: 3px solid #333; padding-right: 3em; text-align: right; }
.exp1 { padding-left: 3em; background: #222; }
/*-- //experience --*/

/*-- blog -*/
.blog { background: url(assets/img/blog.jpg) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-attachment: fixed; }
.services h3.heading { color: #fff; }
.services h3.heading:after { background: #fff; }
.blog-grids { margin-top: 5em; margin-left: -7px; margin-right: -7px; }
.blog-grid1 p { color: #fff; line-height: 28px; letter-spacing: .5px; font-size: 14px; }
p.left-grid-blog { color: #ccc; line-height: 28px; letter-spacing: .5px; font-size: 14px; margin-bottom: 18px; }
.blog-grid1 h4 { font-size: 16px; line-height: 30px; text-transform: capitalize; margin: .5em 0; letter-spacing: 1px; color: #fff; }
.blog-grid1 h5 { font-size: 16px; color: #ccc; letter-spacing: 1px; margin-bottom: 1em; }
.blog-grid1 { border: 2px solid #aaa; padding: 1em; background: rgba(0, 0, 0, 0.2); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; }
.blog-grid1:hover { background: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; }
.text_hidden3 { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
h4.left-grid-blog { font-size: 28px; line-height: 30px; text-transform: capitalize; font-weight: 600; color: #fff; letter-spacing: 2px; margin-bottom: .7em; }
/*-- //blog -*/
.cp_p { color: #000; background: #fff; padding: 8px 10px; color: #000; background: #fff; height: 61px; line-height: 24px; padding: 8px 10px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
/*-- projects --*/
.project-grids { padding-top: 2em; }
figure { margin: 0 0 0rem; }
.gallery { background: url('assets/img/map_bg.png') center 0; }
.column .w3_agile_gallery_effect { position: relative; margin: 0 3px; box-shadow: 1px 3px 5px #ccc; }
.w3_agile_gallery_effect img { width: 100%; }
a.sb { display: block; }
.hover14 figure { overflow: hidden; position: relative; }
.hover14 figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-17deg); -moz-transform: skewX(-17deg); -o-transform: skewX(-17deg); -ms-transform: skewX(-17deg); transform: skewX(-17deg); }
.hover14 figure:hover::before { -webkit-animation: shine .95s; -moz-animation: shine .95s; animation: shine .95s; }
@keyframes shine {
 100% {
 left: 125%;
}
}
/*-- //projects --*/

/*-- clients--*/
.testimonials { background: #333; background: url(assets/img/test.jpg) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-attachment: fixed; }
.testimonials h3.heading { color: #fff; }
.testimonials h3.heading:after { background: #fff; }
.clients { margin-top: 5em; }
.test-image { width: 28%; padding: 0 50px; float: left;/* border-right: 2px solid #fff; */ }
.test-review { width: 72%; float: left; }
.test-review h5 { color: #fff; letter-spacing: 1px; font-size: 23px; font-weight: 600; margin-bottom: 15px; text-transform: capitalize; }
.test-review p { color: #ccc; font-size: 15px; letter-spacing: 1px; line-height: 32px; padding-left: 45px; margin-left: 10px; border-left: 4px solid #fff; }
.test-review p.date { padding-left: 0px; margin-left: 0px; border-left: 1px solid transparent; }
i.fa.fa-quote-right, i.fa.fa-quote-left { margin: 0 1em; color: #fff; }
/*-- //clients--*/

/*--  contact --*/
.contact-grids { margin-top: 5em; }
.contact-grids h4 { text-transform: capitalize; color: #333; font-size: 25px; font-weight: 600; letter-spacing: 1px; margin-bottom: 15px; }
.contact-left h5 { text-transform: capitalize; color: #333; font-size: 20px; font-weight: 600; margin-bottom: 5px; }
.contact-left p, .contact-left p a { margin: 0; line-height: 28px; letter-spacing: .5px; font-size: 15px; color: #666; }
.contact-left p a:hover { color: #000; }
.icon i { font-size: 20px; color: #333; }
.contact-right input[type="text"], .contact-right input[type="email"], .contact-right textarea { outline: none; width: 83%; padding: .9em 1em; font-size: 15px; letter-spacing: 1px; color: #888; border: none; border: 1px solid #777; background: none; margin-bottom: 1.5em; border-radius: 10px; }
.contact-right input[type="submit"] { padding: 11px 35px; color: #fff; background: #222; border: 2px solid #222; font-weight: 600; font-size: 15px; letter-spacing: 1px; display: inline-block; border-radius: 35px; float: right; }
.contact-right input[type="submit"]:hover { color: #222; background: none; border: 2px solid #222; }
label { width: 17%; float: left; color: #333; font-weight: 600; }
.contact-right textarea { min-height: 120px; resize: none; }
/*-- // contact --*/

.ckin__player>button { background-size: 30px; }
.about_img2 { display: none !important; }
.social ul li { display: inline-block; }
.social ul li a { color: #999; text-align: center; }
.social ul li a i { height: 42px; width: 42px; font-size: 13px; background: transparent; line-height: 42px; color: #999; border: 1px solid #999; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.social ul li a i:hover { background: #fff; color: #333; border: 1px solid #fff; }
.copyright p, .copyright p a { color: #999; font-size: 15px; margin: 0; font-weight: 100; letter-spacing: 1px; line-height: 28px; }
.copyright a:hover { color: #fff; }
/*-- //footer --*/

/*-- to-top --*/
#toTop { display: none; text-decoration: none; position: fixed; bottom: 40px; right: 2%; overflow: hidden; z-index: 999; width: 36px; height: 36px; border: none; text-indent: 100%; border: 2px solid #191919; background: #870000 url(assets/img/arr.png) no-repeat 0px 0px; border-radius: 50%; }
#toTopHover { width: 40px; height: 40px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
/*-- //to-top --*/
/* 新增 */
.categorie-collection-img a { border: 10px solid #fff; display: inline-block; overflow: hidden; max-width: 100%; }
.collection-bg { background-image: url("assets/img/home1-bg1.jpg"); background-position: center center; background-repeat: repeat; }
.blog .col-lg-5 { padding-right: 15px; padding-left: 15px; }
.blog .pl-4 { padding-left: 22px !important; }

@media (min-width: 1200px) {
.plr-1-v { padding-left: 15px !important; padding-right: 15px !important; }
.container { max-width: 1200px }
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; }
.panel-defaul { margin: 0 8px; }
/* 小分类 */
.nav { padding-left: 0; margin-bottom: 0; list-style: none }
.nav>li { position: relative; display: block }
.nav>li>a {/* position:relative; *//* display:block; *//* padding:10px 15px; */ }
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #c00000; border-radius: 5px; padding: 0 5px; }
.nav>li.disabled>a { color: #fff }
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #eee; border-color: #337ab7 }
.nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 }
.nav>li>a>img { max-width: none }
.nav-tabs { border-bottom: 1px solid #ddd }
.nav-tabs>li { float: left; margin-bottom: -1px }
.nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0 }
.nav-tabs>li>a:hover { border-color: #eee #eee #ddd }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent }
.nav-tabs.nav-justified { width: 100%; border-bottom: 0 }
.nav-tabs.nav-justified>li { float: none }
.nav-tabs.nav-justified>li>a { margin-bottom: 5px; text-align: center }
.nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto }
.nav-tabs.nav-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 }
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #fff }
.nav-pills>li { float: left; margin-right: 10px; font-size: 14px; letter-spacing: 0px; border-left: 1px #fff solid; padding-left: 10px; }
.nav-pills>li:first-child { border-left: 0; }
.nav-pills>li>a {/* border-radius:4px; */ color: #7e6a4c; font-weight: normal; color:#fff; }
.nav-pills>li>a:hover { color: #fff; background-color: #d3b891; }
.nav-pills>li+li { margin-left: 2px }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background-color: #d3b891; border-radius: 5px; padding: 0 5px; }
.nav-stacked>li { float: none }
.nav-stacked>li+li { margin-top: 2px; margin-left: 0 }
.nav-justified { width: 100% }
.nav-justified>li { float: none }
.nav-justified>li>a { margin-bottom: 5px; text-align: center }
.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto }
/* 小分类end */
/* 关于四合院轮播 */
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; width: 100%; height: auto; margin: 0 auto; }
.carousel { position: relative }
.carousel-inner { position: relative; width: 100%; overflow: hidden }
.carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left }
.carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 }

@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px }
.carousel-inner>.item.active.right, .carousel-inner>.item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.carousel-inner>.item.active.left, .carousel-inner>.item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block }
.carousel-inner>.active { left: 0 }
.carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% }
.carousel-inner>.next { left: 100% }
.carousel-inner>.prev { left: -100% }
.carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0 }
.carousel-inner>.active.left { left: -100% }
.carousel-inner>.active.right { left: 100% }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); background-color: rgba(0,0,0,0); filter: alpha(opacity=50); opacity: .5 }
.carousel-control.left { }
.carousel-control.right { right: 0; left: auto; }
.carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9 }
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px }
.carousel-control .fa-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px }
.carousel-control .fa-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px }
.carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1 }
.carousel-control .icon-prev:before { src: url('images/pre_l.png') }
.carousel-control .icon-next:before { content: '\203a' }

@media screen and (min-width:768px) {
.more03 { display: none }
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 50px; font-weight: normal }
.carousel-control .fa-chevron-left, .carousel-control .icon-prev { margin-left: -10px }
.carousel-control .fa-chevron-right, .carousel-control .icon-next { margin-right: -10px }
.carousel-caption { right: 20%; left: 20%; padding-bottom: 30px }
}
/* 关于四合院end */

/* 关于四合院--新闻/头条 */
.about_bg { background: url("assets/img/about_bg.jpg") no-repeat left bottom; }
.about_line { background: url('assets/img/about_line.png') no-repeat center; height: 12px; margin: 0 auto; text-align: center; }
.about_news .title { font-size: 26px; color: #000; margin-bottom: 25px; margin-left: 15px; }
.about_news .title em { color: #870000; font-family: "Arial"; margin-left: 10px; }
.about_news .list-group { margin: 10px 15px; }
.about_news_bg { background: #fff; position: relative; -webkit-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0); -moz-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0); box-shadow: 4px 5px 30px rgba(0, 0, p 0, 0); overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 5px; border-bottom: 2px solid #b2a177; }
.list-group-item>.badge { float: left; background: #870000 }
.list-group-item { position: relative; display: block; padding: 10px 0rem; margin-bottom: 0px; background-color: #fff; border: 0; border-bottom: 1px #870000 dashed; }
.list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; }
.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom: 0; }
.list-group-item a { font-size: 15px; width: 75%; float: left; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.list-group-item small { float: right; }
/* 关于四合院--新闻/头条 */
/* ------------------------- */

.media_badge { position: absolute; right: 10px; bottom: 10px; }
.rs-news-1 { position: relative; -webkit-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0); -moz-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0); box-shadow: 4px 5px 30px rgba(0, 0, 0, 0); padding-bottom: 10px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 5px; border-bottom: 2px solid #b2a177; background-color: #f8f8f8; }
.services .rs-news-1 { border-bottom: 2px solid #640000; }
.rs-news-1 .meta-category { position: absolute; top: 20px; left: 0; padding: 5px 20px; background-color: #b2a177; color: #ffffff; z-index: 2; }
.rs-news-1 .media-box { width: 100%; position: relative; z-index: 1; min-height: 13.5em; overflow: hidden; }
.rs-news-1 .media-box img { -webkit-transition: 0.4s all linear; transition: 0.4s all linear; width: 100%; }
.img-fluid { max-width: 100%; height: auto; width: 100%; }
.rs-news-1 .body-box { position: relative; padding: 10px 15px; }
.rs-news-1 .body-box .title a { font-size: 18px; font-weight: 700; color: #000; }
.rs-news-1 .body-box .title a:hover { color: #F1C22E; }
.rs-news-1 .body-box .title { margin-bottom: 10px; font-size: 16px; line-height: 26px; min-height: 58px; height: 58px; padding-bottom: 10px; font-weight: 600; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; border-bottom: 1px #ddd solid; color: #000; }
.rs-news-1 .body-box .meta-date { font-size: 14px; color: #333; line-height: 24px; min-height: 72px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.rs-news-1:hover .body-box:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.rs-news-1:hover { -webkit-box-shadow: 4px 5px 40px rgba(0, 0, 0, 0.2); -moz-box-shadow: 4px 5px 40px rgba(0, 0, 0, 0.2); box-shadow: 4px 5px 40px rgba(0, 0, 0, 0.2); }
.rs-news-1:hover .media-box img { width: 100%; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms; }
.rs-news-1:hover .media-box:before { top: 50%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.rs-news-1.no-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* 学习会专栏 */

/* 四大课堂2019年6月26日10:20:30 */
.rs-news-1 .body-box { position: relative; padding: 10px 10px; }
.rs-news-1 .body-box .bigtitle { margin-bottom: 10px; font-size: 16px; line-height: 26px; padding-bottom: 10px; font-weight: 600; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; border-bottom: 1px #870000 solid; color: #870000; text-align: center; font-weight: 700; }
.rs-news-1 .body-box .fourmeta-date { font-size: 14px; color: #333; line-height: 24px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
/* 了解更多-右侧 */
.more01 { color: #b2a177; border: 1px #b2a177 solid; padding: 3px 8px; border-radius: 3px; font-size: 14px; float: right; letter-spacing: 0px; margin-top: 20px; position: absolute; right: 0; font-weight: normal; }
.services .more01 { color: #fff; border: 1px #fff solid; padding: 3px 8px; border-radius: 3px; font-size: 14px; float: right; letter-spacing: 0px; margin-top: 20px; position: absolute; right: 0 }
.services .more01:hover { background: #b2a177; border: 1px #b2a177 solid; font-weight: normal; }
.more02 { text-align: center; border: 1px #fff solid; padding: 5px 10px; color: #fff; margin: 20px auto 0; display: block; width: 12%; border-radius: 5px; }
.more02:hover { opacity: 0.6; color: #fff; }
.more03 { color: #fff; border: 1px #fff solid; padding: 3px 8px; border-radius: 3px; font-size: 14px; letter-spacing: 0px; margin-top: 20px; display: block; text-align: center; margin: 0 auto; width: 30%; }
.more03:hover { background: #b2a177; border: 1px #b2a177 solid; font-weight: normal; }
.more04 { color: #870000; border: 1px #870000 solid; padding: 3px 8px; border-radius: 3px; font-size: 14px; letter-spacing: 0px; margin-top: 20px; display: block; text-align: center; margin: 0 auto; width: 30%; margin-bottom: 20px;}
.services .more04 {border: 1px #fff solid;color:#fff}
.more04:hover { background: #870000; border: 1px #870000 solid; font-weight: normal; color: #fff }
.more05 { color: #870000; font-size: 14px; float: right; letter-spacing: 0px; }
.more06 { color: #b2a177; border: 1px #b2a177 solid; padding: 3px 8px; border-radius: 3px; font-size: 14px; letter-spacing: 0px; font-weight: normal; margin: 1.6em auto 20px; display: block; text-align: center; width: 8%; }
/* 了解更多-右侧end */
    /* 导航 */
.nav-pills { color: #fff; position: absolute; right: 0; top: 0; }
/* 圣贤经典 */
.panel-chapterlist { padding-left: 15px; padding-top: 0; }
.panel-chapterlist a { color: #fff; font-size: 15px; }
.test-review::after { border-right: 2px solid #fff; }
.ml-4 { margin-left: -4px; }
/* 圣贤经典end */

.infobg { position: absolute; width: 100%; z-index: 9; font-size: 14px; display: block; text-align: left; padding: 5px 10px; color: #fff; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); box-sizing: border-box; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 8px; padding-left: 8px; }
element.style { }
style.css:912 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
 position: relative;
 width: 100%;
 min-height: 1px;
}

.post-excerpt .text-center{text-align: inherit !important;}
.post-excerpt, .post-excerpt span, .post-excerpt p {line-height:2 !important;font-family: Microsoft YaHei !important;}
.hentry .post-tags-socials .post-tags{width:100% !important;}

/*浮窗*/
.floatwin{
    position: fixed;
    display: block;
    text-align: center;
    z-index: 11;
    right: 24px;
    bottom: 57px;
    cursor: pointer;
    background-color: #fff;
    border-radius:3px;
    padding:0 5px;
    padding-top:10px;
    border:1px solid #eee;
}
.floatwin a{
    width: 35px;
    min-height: 35px;
    line-height: 1.2;    
    display: block;    
    color:#353535 !important;
    margin-bottom:10px;
}
.floatwin a:after{
    content:'';
    display: block;
    height: 1px;
    background: #eee;
    width: 25px;
    margin: 10px auto 0;
}
#appdownload {position:relative;}
#appdownload img{opacity:0;position:absolute;left: -80px;top: -25px;width: 90px;height: 90px;max-width: inherit;transition:all 0.2s ease-out;}
#appdownload:hover img{opacity:1;left: -100px;}
.floatwin #scroll-top {display: block;width: 35px;min-height: 35px;line-height: 1;text-align: center;z-index: 11;right: 14px;bottom: 23px;opacity: 1;visibility: visible;cursor: pointer;overflow: hidden;}
.floatwin #scroll-top.show { right: 24px; opacity: 1; visibility: visible; }
.floatwin #scroll-top:before {content: "\f10c";font-family: "Ionicons";font-size: 28px;color: #333;display: block;}
.floatwin #scroll-top:after{display:none}


/*问答*/
.qa{font-size:18px;}
.qa .questions{font-weight:bold;padding-bottom:10px}
.qa .answers{background-color:#f7f4f4;padding:13px;border-radius:8px;margin-bottom:20px}
/*相关推荐*/
.related{}
.related .related-title{}
.related a{color:#3333ff;display: block;}


@media (min-width: 768px) {
.more03, .more04 { display: none; }
.col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 8px; padding-left: 8px; }
}

@media (min-width: 992px) {
.col-md-6 { width: 50%; }
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; }
}
.border87 { border: 1px #b2a177 solid; color: #b2a177; background: #fff; padding: 20px 10px; margin: -90px 10px 0!important; ; font-size: 18px; width: 190px; }
.panel-body { padding: 0 15px }
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05) }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px }
.panel-heading>.dropdown .dropdown-toggle { color: inherit }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit }
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color: inherit }
.panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom: 0 }
/*地图开始*/
.po-r { position: relative; }
.map-content { padding: 0; position: absolute; top: 6em; }
.map-module { width: 1200px !important; margin: 0 auto; position: relative; transition: all .3s ease; }
.map-title { font-size: 24px; color: #333; text-align: center; margin: 50px 0; position: relative; }
.map-branch .map-title { margin: 20px 0 0; z-index: 1; }
.map-title:before { content: ""; position: absolute; width: 0; height: 0; bottom: -23px; left: 50%; transform: translateX(-50%); border: 6px solid; border-color: #20B09F transparent transparent; }
.map-title:after { content: ""; position: absolute; width: 52px; height: 3px; background-color: #20B09F; bottom: -12px; left: 50%; transform: translateX(-50%); }
.map-content-info { position: relative; margin-bottom: 30px; }
.branch-map-l { width: 849px; height: 575px; position: relative; margin-left: 7em; }
.map-content-box { width: 100%; height: 100%; background: url("assets/img/map-bj.png") no-repeat center; position: relative; }
.map-dot { position: absolute; text-align: center; font-size: 12px; cursor: pointer; }
.beijing { left: 585px; top: 220px; }
.tianjin { left: 604px; top: 234px; }
.hebei { left: 575px; top: 254px; }
.shanxi { left: 540px; top: 276px; }
.liaoning { left: 660px; top: 196px; }
.jilin { left: 696px; top: 167px; }
.heilongjiang { left: 676px; top: 106px; }
.shanghai { left: 668px; top: 341px; }
.jiangsu { left: 646px; top: 316px; }
.zhejiang { left: 655px; top: 379px; }
.anhui { left: 605px; top: 334px; }
.fujian { left: 625px; top: 428px; }
.jiangxi { left: 595px; top: 402px; }
.shandong { left: 610px; top: 284px; }
.henan { left: 562px; top: 316px; }
.hubei { left: 555px; top: 359px; }
.hunan { left: 545px; top: 409px; }
.guangdong { left: 575px; top: 466px; }
.guangxi { left: 506px; top: 461px; }
.chongqing { left: 495px; top: 364px; }
.sichuan { left: 425px; top: 354px; }
.guizhou { left: 484px; top: 424px; }
.yunnan { left: 405px; top: 462px; }
.shanxi1 { left: 502px; top: 312px; }
.gansu { left: 441px; top: 300px; }
.neimenggu { left: 509px; top: 210px; }
.xinjiang { left: 224px; top: 203px; }
.map-dot:after { content: ""; display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #870000; border-radius: 50%; }
.map-dot.beijing:after { width: 13px; height: 12px; border-radius: 0; background: url("assets/img/map-star.png") no-repeat center; background-size: 100% 100%; }
.branch-map-data { position: absolute; box-sizing: border-box; width: 430px; border: 1px solid #870000; box-shadow: 0 0 2px 2px #e9e9e9; background-color: #fff; padding: 10px 30px; z-index: 1; display: none; }
.branch-map-data-title { border-bottom: 1px solid #eee; }
.branch-map-data-title p { font-size: 18px; color: #333; line-height: 28px; }
.branch-map-data-info { max-height: 236px; overflow-y: auto; }
.data-branch { border-bottom: 1px dashed #eee; padding: 6px 0; box-sizing: border-box; }
.data-branch:last-child { border: none; }
a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.data-branch .data-name { font-size: 14px; color: #666; line-height: normal; margin-bottom: 5px; }
.data-branch p { font-size: 12px; color: #999; line-height: 20px; }
.data-branch p { font-size: 12px; color: #999; line-height: 20px; }
.branch-map-data:before { content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border: 8px solid; border-color: transparent #870000 transparent transparent; }
.branch-map-data:after { content: ""; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border: 8px solid; border-color: transparent #fff transparent transparent; }
.map-dot.cur:before { content: ""; position: absolute; left: 50%; bottom: -3px; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; border: 1px solid #870000; animation: dot 4s infinite; }
/*地图结束*/
.mt-4-2 { margin-top: 2rem !important; }
/* 简介新闻虚线 */
.page-header { padding-bottom: 9px; margin: 1em 0; border-bottom: 1px dashed #870000; }
/* 简介新闻虚线end */
 /* 视频缩略图 */
.video_thumbnail { position: absolute; bottom: 0; }
/* 视频缩略图end */

/*文化自信与民族复兴*/
.content-list a {  font-size: 15px; }


/*-- Responsive Design --*/
@media(min-width:1200px) {
li.nav-item.row.login-nav { display: none; }
}

@media(max-width:1080px) {
.border87 { border: 1px #b2a177 solid; color: #b2a177; background: #fff; padding: 20px 10px; margin: 30px 10px 0!important; font-size: 18px; width: 190px; }
li.nav-item.row.login-nav { display: none; }
.banner-layer, .banner { min-height: 658px; }
.agile_banner_margin { padding: 14em 0em 0em; }
.agile_banner_info h2 { font-size: 37px; letter-spacing: 2px; }
.about-grids h4 { font-size: 18px; }
.blog-grid1 h4 { font-size: 19px; }
label { width: 19%; }
.contact-right input[type="text"], .contact-right input[type="email"], .contact-right textarea { width: 81%; }
}

@media(max-width: 991px) {
.about-grids a.more2 { bottom: -30px; right: 40%; }
.more02 { width: 40%; }
.list-group { margin: 0; }
.list-group-item { padding: 0.5em 0; width: 100%; }
.navbar { height: 60px; }
.navbar-light .navbar-nav .nav-link { color: #fff; }
.about .wthree_skills .list-group { height: 120px; overflow: hidden; }
.map-content, .website-floor3, .video_thumbnail, .login-nav, .infobg, .nav-pills { display: none; }
.navbar-light .navbar-toggler { border-color: #fff; }
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: #fff; border-bottom: 2px solid; }
.navbar-toggler { border-radius: 0; background: #fff; }
.agile_banner_info h2 { font-size: 33px; letter-spacing: 1px; }
.agile_banner_margin { padding: 12em 0em 0em; }
ul.navbar-nav.ml-lg-auto.text-center { padding: 1em; background: #870000; }
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { width: 30%; margin: 0 auto; }
.navbar-light .navbar-nav .dropdown-menu a.nav-link, .navbar-light .navbar-nav .nav-link { width: 30%; margin: 0 auto; }
.dropdown-menu { background-color: transparent; border: 1px solid transparent; border-radius: 0; }
.navbar-light .navbar-nav .dropdown-menu a.nav-link { color: #fff; padding-left: 0em; text-align: center; }
.dropdown-menu li.nav-item { margin: 0 auto; }
.dropdown-divider { height: 0; margin: 0rem 0; overflow: hidden; border-top: 0; }
.navbar-light .navbar-nav .dropdown-menu a.nav-link:hover { color: #fff; border: none; border-bottom: 2px solid #fff; }
.agile_banner_info p { font-size: 14px; }
.agile_banner_info h4 { font-size: 20px; }
.image_margin { margin-top: 12em; padding: 0; }
.banner-layer, .banner { min-height: 590px; }
.exp { padding-right: 2em; }
.exp1 { padding-left: 2em; }
.service-grids, .exp-grids .clients, .contact-grids { margin-top: 3em; }
.blog-grids { margin-top: 0em; }
}

@media(max-width:768px) {
	.more06{width: 30%; padding: 3px 8px;}
.foot_top, .fot_a, .fot_bot>p { display: none; }
.fotc_cen { display: block; }
.fob_right { width: 100%; text-align: center; }
.fob_right a { display: none; }
.fob_right p { line-height: 20px; }
.fot_bot { margin-top: 0px; }
.clients { margin-top: 2em; }
.blog .col-lg-5 {/* padding-left:0px;padding-right:0px; */ }
.blog .pl-4 { padding-left: 8px !important; }
.fotc_cen { display: block; }
.fob_right { width: 100%; text-align: center; }
.fob_right p { line-height: 20px; }
.fot_bot { margin-top: 0px; }
.about-grids h3.heading { text-align: center; font-size: 35px; }
.about-grids h3.heading:after { width: 10%; height: 3px; background: #333; left: 45%; }
.navbar-brand { width: 70%; float: left; }
.agile_banner_margin { padding: 10em 0em 0em; }
.image_margin { margin-top: 10em; }
h4.left-grid-blog { font-size: 24px; letter-spacing: 1px; }
.test-review h5 { letter-spacing: 1px; font-size: 20px; }
.test-review p { font-size: 14px; letter-spacing: .5px; }
.contact-grids h4 { font-size: 22px; letter-spacing: 0px; }
.contact-left h5 { font-size: 18px; }
.about-grids a.more { float: none; width: 30%; margin: 0 auto 30px; }
.about-grids a.more2 { float: none; width: 30%; margin: 0 auto; text-align: center; position: static; display: block; }
.more01 { display: none; }
.services .more01 { display: none; }
.more01 { border: 0; }
.image_margin { width: 60%; margin: 0 auto; margin-top: 2em; }
.exp, .exp1 { padding-right: 0; padding: 1em; }
.exp-grids h4, .exp-grid1 h4 { margin-top: 0px; }
.test-image { width: 80%; margin: 0 auto 30px; padding: 0 50px; float: none; border: 0; }
.test-review { width: 100%; float: none; }
h3.heading { font-size: 35px; letter-spacing: 3px; }
.carousel-control{display:none}
.blog{background: #e3dcca;}
#aboutHeader{display:none}
/*新闻*/
.rs-news-1{padding-bottom: 0;}
.rs-news-1 .body-box{position: absolute;bottom: 0;z-index: 1;}
.rs-news-1 .media-box{min-height: auto;/*height: 190px;*/}
.rs-news-1 .media-box img{min-height: 100%;}
.rs-news-1 .body-box{}
.rs-news-1 .body-box .title{border-bottom:none;padding-bottom:0;margin-bottom:0;line-height: normal; height: auto; min-height: auto;color:#fff}
.rs-news-1 .body-box{box-sizing: border-box;width:100%}
.rs-news-1 .body-box .meta-date{display:none}
#post-content iframe{height:200px !important}
#post-content blockquote{margin:0 !important}
#myCarousel .carousel-indicators{margin-bottom:0}
.carousel-inner{}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { width: 100%; height:auto; max-height: 100%; max-width: 100%; vertical-align: middle;}
.floatwin {right:15px;}
#appdownload img{display:none}
.header-style-2 #site-log-inner img { height:25px; }
}

.ymbox{width:100%}
@media(max-width:568px) {
.agile_banner_margin { padding: 10em 2em 0em; }
.w3-icon-grid1 p { margin: 1.5em 0 1em; }
.dropdown-menu li.nav-item { width: 100%; }
}

@media(max-width: 480px) {
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { width: 40%; margin: 0 auto; }
.navbar-light .navbar-nav .dropdown-menu a.nav-link, .navbar-light .navbar-nav .nav-link { width: 40%; margin: 0 auto; }
.agile_banner_info h5 { font-size: 20px; }
}

@media(max-width: 414px) {
.agile_banner_info h2 { font-size: 28px; letter-spacing: 0px; }
.agile_banner_info h4 { font-size: 17px; }
h3.heading { font-size: 35px; }
label { width: 100%; float: none; }
.contact-right input[type="text"], .contact-right input[type="email"], .contact-right textarea { width: 100%; }
header h1 { font-size: 2.2rem; }
.agile_banner_margin { padding: 8em 2em 0em; }
}

@media(max-width:384px) {
.agile_banner_info h2 { font-size: 27px; }
.test-review p { padding-left: 25px; }
.agile_banner_margin { padding: 8em 1em 0em; }
.w3-icon-grid1 h3 { letter-spacing: 0px; }
.w3-icon-grid1 h3 i { font-size: 40px; }
.social ul li a i { height: 37px; width: 37px; font-size: 11px; line-height: 37px; }
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { width: 45%; margin: 0 auto; }
.navbar-light .navbar-nav .dropdown-menu a.nav-link, .navbar-light .navbar-nav .nav-link { width: 45%; margin: 0 auto; }
.image_margin { width: 70%; }
.agile_banner_info h5 { font-size: 18px; }
}