/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/279(此说明不在下载的源码里，只用在演示页面里)*//* (1366x768) WXGA Display */@media  screen and (max-width: 1366px) {  .main-container .container {    width: 1050px;  }  .socil-icon ul li a {    height: 35px;    line-height: 35px;    width: 35px;  }  .socil-icon {    padding-top: 30px;  }}/* Normal desktop :992px. */@media (min-width: 992px) and (max-width: 1169px) {  .header-area.sticky  .navigation li a  {  	padding: 25px 20px;  }  .service-wrap h3 {    font-size: 20px;  }  .prallex-wrap h2 {    font-size: 35px;  }  .contact-wrapper ul li {    line-height: 33px;  }  .cap-dec h2 {    font-size: 40px;    margin-bottom: 20px;  }  .cap-title h3 {    font-size: 30px;    margin-bottom: 10px;  }  .cap-title p {    font-size: 16px;    line-height: 26px;    margin-bottom: 20px;  }  .nivo-caption {    transform: translateY(-27%);  }  .featured-projects-s1 .grid .title p a {    height: 143px;}  .nivo-directionNav a {  	height: 25px;  	left: 45%;  	line-height: 25px;  	top: 90%;  	width: 50px;  }  .nivo-directionNav a.nivo-nextNav {    left: 51%;    right: auto;  }  .main-container {    width: 100%;  }  .sidebar-menu {    width: 30%;    z-index: 999999;    left:-30%;    transition:all .5s;  }  .sidebar-menu.active{  	left:0;  }}/* Normal desktop :980px. */ @media (min-width: 980px) and (max-width: 991px) {  .about-img-right {    margin-top: 30px;  }  .funfact-wrap i {    font-size: 34px;    left: 7px;  }  .contact-wrapper h2 {    margin-top: 30px;    margin-bottom: 20px;  }  .contact-wrapper p {  margin-bottom: 25px;  margin-top: 0;  }  .about-wrapper {    padding-left: 0;  }  .pricing-wrap a {    font-size: 12px;  }  .test-img {    margin-top: 55px;  }    a#scrollUp {    bottom: 55px;    right: 25px;  }  .team-img ul {  padding: 341px 0 15px;  }  .funfact-wrap h3 {  font-size: 38px;}.funfact-wrap i {  font-size: 34px;  top: 7px;}.funfact-wrap p {  font-size: 13px;}.slider {  margin-top: 140px;}}/* Normal desktop :800px. */ @media (min-width: 800px) and (max-width: 991px){  #main-slider .container .slide-caption {    left: 60px;  }  #main-slider .container .slide-caption h1 {    font-size: 41px;  }  #main-slider .container .slide-caption p {  font-size: 18px;  font-style: normal;  }  .about-wrapper {  padding-left: 0;  }  .funfact-wrap i {    font-size: 34px;    left: 7px;  }  .about-img-right {    margin-top: 30px;  }  .team-img ul {  padding: 341px 0 15px;  }  .test-img {    margin-top: 55px;  }  .pricing-wrap a {    font-size: 12px;  }  .contact-wrapper h2 {    margin-top: 30px;    margin-bottom: 20px;  }  .contact-wrapper p {  margin-bottom: 25px;  margin-top: 0;  }    .funfact-wrap h3 {  font-size: 38px;}.funfact-wrap i {  font-size: 34px;  top: 7px;}.funfact-wrap p {  font-size: 13px;}.slider {  margin-top: 140px;}  a#scrollUp {  bottom: 55px;}}/* Normal desktop :768px. */ @media (min-width: 768px) and (max-width: 991px){  #main-slider .container .slide-caption {    left: 60px;  }  #main-slider .container .slide-caption h1 {     font-size: 41px;  }  #main-slider .container .slide-caption p {    font-size: 18px;    font-style: normal;  }  .funfact-wrap i {    font-size: 34px;    left: 7px;  }  .about-wrapper {    padding-left: 0;  }  .about-img-right {    margin-top: 30px;  }  .team-img ul {  padding: 341px 0 15px;  }  .test-img {    margin-top: 55px;  }  .pricing-wrap a {    font-size: 12px;  }  .contact-wrapper h2 {    margin-top: 30px;    margin-bottom: 20px;  }  .contact-wrapper p {    margin-bottom: 25px;    margin-top: 0;  }    .funfact-wrap h3 {  font-size: 38px;  }  .funfact-wrap i {    font-size: 34px;    top: 7px;  }  .funfact-wrap p {    font-size: 13px;  }  .slider {    margin-top: 140px;  }  ul {    margin: 5px;  }  .navbar-header {    padding-top: 7px;  }  a#scrollUp {  bottom: 50px;}}/* Tablet desktop :768px. */@media (min-width: 768px) and (max-width: 991px) {  .navigation li a {    padding: 35px 12px;  }  .header-area.sticky  .navigation li a {  	padding: 25px 12px;  }  .logo h1 {    padding: 25px 0;    font-size:30px;  }  .header-area.sticky .logo h1 {    margin: 0;    padding: 15px 0;  }  .hero-wrapper h3 {    font-size: 60px;  }  .hero-area {    height: 500px;  }  .section-title p {    font-size: 15px;  }  .about-img {    width: 100%;  }  .service-wrap,.pricing-wrap,.team-wrap,.blog-wrap {    margin-bottom: 40px;  }  .progress-wrap {    margin-bottom: 60px;  }  .text-content {    padding: 55px 30px;    width: 65%;  }  .cap-dec h2 {    font-size: 35px;    margin-bottom: 15px;  }  .cap-title h3 {    font-size: 25px;    margin-bottom: 10px;  }  .cap-title p {    font-size: 16px;    line-height: 26px;    margin-bottom: 15px;  }  .nivo-directionNav a {  	height: 25px;  	left: 43%;  	line-height: 25px;  	top: 90%;  	width: 50px;  }  .nivo-directionNav a.nivo-nextNav {    left: 50%;    right: auto;  }  .nivo-caption {    transform: translateY(-32%);  }  .header-area.sticky  .logo h1 {    padding: 19px 0;    font-size: 30px;  }  .main-container {    width: 100%;  }  .sidebar-menu {    width: 40%;    z-index: 999999;    left:-40%;    transition:all .5s;  }  .sidebar-menu.active{  	left:0;  }  .background-container {    height: 500px !important;  }  .hero-area {    margin-top:90px;  }  .comment-form {    margin-bottom: 50px;  }  .frst-divider::before {    width: 50%;  }}/* Large Mobile :360px. */@media only screen and (min-width: 360px) and (max-width: 767px) {  .container {    width:100%    }    .funfact-wrap i {    font-size: 34px;    left: 7px;  }  .faq-img {    display: none;  }  .text-content {    padding: 30px 0;  }  .prallex-wrap h2 {    font-size: 30px;  }  .prallex-wrap.text-center p {    font-size: 30px;  }  .pricing-wrap a {    padding: 10px 132px;  }  .blog-meta ul li a {    font-size: 12px;  }  .contact-wrapper h2 {  margin-top: 30px;}.funfact-wrap h3 {  font-size: 30px;}.site-footer .logo-socail .social-links {    padding-bottom: 1px;  }  .team-img ul {  padding: 325px 0 15px;}.funfact-wrap i {  font-size: 34px;  left: 70px;}.funfact-wrap {  margin-bottom: 60px;}.funfact-wrap p {  font-size: 13px;}.slider {    margin-top: 140px;  }  .navbar-toggle {  background: #f0f0f0 none repeat scroll 0 0;  margin-top: 27px;  padding: 4px 10px;}.navbar-toggle i {  color: #00aaff;  font-size: 21px;}#main-slider .container .slide-caption h1 {  font-size: 19px;  margin-top: 20px;  padding-left: 20px;}#main-slider .container .slide-caption p {  font-size: 12px;  padding-left: 20px;}.btn.btn-default.theme-btn.fadeInUp.animated {  display: none;}.camera_next {  display: none;}.camera_prev {  display: none;}a#scrollUp {  bottom: 20px;  font-size: 16px;  height: 35px;  line-height: 35px;  right: 10px;  width: 35px;}.fun-fact .grid .icon {  border-right: none !important;  left: -40px !important;  height: 0%;}.frst-divider::before {  width: 100% !important;}.video-col-titlet {    padding: 50px 0 60px 10px;}.video-col-titlet {    padding: 50px 0 60px 10px;}.video-col .video-col-titlet {  padding: 50px 0 60px 10px !important;}  .about-imgslider {    margin-top: 40px !important;}}/* Large Mobile :480px. */@media only screen and (min-width: 480px) and (max-width: 767px) {  .container {    width:100%    }}/* small mobile :320px. */@media (max-width: 320px) and (max-width: 480px){  #main-slider .container .slide-caption h1 {    font-size: 41px;  }  .about-content h3 {    font-size: 16px;  }  .blog-grids-s1 .entry-meta, .blog-grids-s2 .entry-meta {    padding: 12px 3px;  }.faq-img {    display: none;  }  .about-content {    padding: 0;  }   .funfact-wrap i {    font-size: 30px;    left: 7px;  }  .funfact-wrap h3 {    font-size: 28px;  }   .prallex-wrap.text-center p {    font-size: 28px;  }  .team-img ul {    padding: 280px 0 15px;  }  .pricing-wrap a {    padding: 10px 122px;  }  .blog-meta ul li a {    font-size: 11px;  }  .site-footer .logo-socail .social-links {    padding-bottom: 1px;  }  .site-footer .copyright-row p {    font-size: 12px;  }  #main-slider .container .slide-caption p {    font-size: 18px;    font-style: normal;  }  .about-wrapper {    padding-left: 0;  }  .about-img-right {    margin-top: 30px;  }  .test-img {    margin-top: 55px;  }  .pricing-wrap a {    font-size: 12px;  }  .contact-wrapper h2 {    margin-top: 30px;    margin-bottom: 20px;  }  .contact-wrapper p {    margin-bottom: 25px;    margin-top: 0;  }  .navbar-toggle {    padding: 20px 10px;  }  .about-area {    padding: 70px 0 100px;  }.container{width:100%}.navbar-toggle {  margin: 7px 0;  padding: 13px 20px;  line-height: 0;}.navbar-toggle i{	font-size:24px;	color:#222;}.navigation li a {  padding: 15px;}.hero-area {  height: 450px;}.hero-wrapper h2 {  font-size: 28px;  margin-bottom: 25px;}.hero-wrapper h3 {  font-size: 40px;  line-height: 60px;}.ptb-180 {  padding: 120px 0;}.about-img {  width: 100%;  height:250px !important;}.section-title p {  font-size: 14px;}.section-title h2 {  font-size: 30px;  margin-bottom: 15px;}.mb-60 {  margin-bottom: 40px;}.prallex-wrap h2 {  font-size: 26px;  line-height: 40px;}.portfolio-menu ul li {  font-size: 14px;  margin: 0 0px 10px;  padding: 7px 15px;}.portfolio-menu {  text-align: center;}.progress-wrap {  margin-bottom: 50px;}.funfact-wrap {  margin-bottom: 40px;}.text-content {  width: 100%;  padding:30px 0px 0px;  text-align:left;}.test-img {  width: 80px;  height: 80px !important;}.test-items.test-items2 {  position: relative;}.test-items.test-items2 .test-img {	position:absolute;	left:20px;	top:20px;}.test-items.test-items2  .text-content{	margin-top:180px;}.service-wrap,.pricing-wrap,.team-wrap,.blog-wrap {  margin-bottom: 40px;}.service-area,.pricing-table-area,.team-area,.blog-area,.funfact-area {  padding: 120px 0px 80px;}.blog-meta ul li {  margin-left: 12px;}.logo h1 {  padding: 19px 0;  font-size: 28px;}.cap-dec h2 {  font-size: 18px;  margin-bottom: 10px;}.cap-title h3 {  font-size: 16px;  margin-bottom: 20px;}.cap-title p {  display: none;}.slide1-content {  text-align: center;}.nivo-directionNav a {  height: 30px;  left: 5px;  line-height: 30px;  width: 40px;}.nivo-directionNav a.nivo-nextNav {  left: auto;  right: 5px;}.nivo-caption {  transform: translateY(-35%);}.cap-readmore a {	font-weight: 500;	padding: 8px 20px;	text-transform: capitalize;}.main-container {  width: 100%;}.sidebar-menu {  width: 85%;  z-index: 999999;  left:-85%;  transition:all .5s;}.sidebar-menu.active{	left:0;}.sidebar-menu .navigation li a {  padding: 10px 35px;}.sidebar-menu .logo h1 {  padding: 20px 20px;  text-align: left;}.sidebar-menu .navbar-toggle i {  color: #fff;}.sidebar-menu .navbar-toggle {  margin: 10px 0;}.background-container {  height: 350px !important;}.header-area.sticky .navigation li a {    padding: 15px;}.logo h1 {  padding: 30px 0;}.header-area.sticky .navbar-toggle{padding:12px 20px}.navbar-toggle {  padding: 25px 20px;}.header-area {  position: static;}.comment-form {  margin-bottom: 50px;}.breadcumb-wrap h2 {  font-size: 26px;  padding: 20px 72px;}.blog-details-content h3 {  font-size: 16px;  line-height: 30px;}.blog-active .owl-nav div {  font-size: 14px;  height: 30px;  line-height: 30px;  width: 35px;}.blog-details-content blockquote {  font-size: 16px;  padding: 20px 10px;}.comment-img {  float: none;  margin-bottom:10px;}.comment-content {  margin-left: 0;}ol {  padding-left: 10px;}.reply {  right: 0;  top: -30px;}.breadcumb-wrap ul li {  font-size: 12px;  margin: 0 3px;}.funfact-wrap i {  font-size: 34px;  left: 70px;}.funfact-wrap {  margin-bottom: 60px;}.funfact-wrap p {  font-size: 13px;}.slider {    margin-top: 0px;  }  .navbar-toggle {  background: #f0f0f0 none repeat scroll 0 0;  margin-top: 27px;  padding: 4px 10px;}.navbar-toggle i {  color: #00aaff;  font-size: 21px;}#main-slider .container .slide-caption h1 {  font-size: 19px;  margin-top: 20px;  padding-left: 20px;}#main-slider .container .slide-caption p {  font-size: 12px;  padding-left: 20px;}.btn.btn-default.theme-btn.fadeInUp.animated {  display: none;}.camera_next {  display: none;}.camera_prev {  display: none;}a#scrollUp {  bottom: 10px;  font-size: 16px;  height: 35px;  line-height: 35px;  right: 5px;  width: 35px;}}/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/279(此说明不在下载的源码里，只用在演示页面里)*/