Template:Hangzhou-H14Z/css/responsive

/* iPads (portrait and landscape) ----------- */ @media (max-width: 768px) { body{ overflow-x: hidden;}

   .navbar-header {
       float: none;
   }
   .navbar-toggle {
       display: block;
   }
   .navbar-collapse {
       border-top: 1px solid transparent;
       box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
   }
   .navbar-collapse.collapse {
       display: none !important;
   }
   .navbar-fixed-top .navbar-collapse, 
   .navbar-fixed-bottom .navbar-collapse {

max-height: 420px; text-align: center; } .gray-bg .vline { left: 11%; } .navbar-right { float: none !important; margin-right: -15px; }

   .navbar-nav {
       float: center !important;
       margin: 7.5px -15px;
   }
   .navbar-nav>li {
       float: none;
   }
   .navbar-nav>li>a {
       padding-top: 10px;
       padding-bottom: 10px;
   }
   .navbar-text {
       float: none;
       margin: 15px 0;
   }
   .navbar-collapse.collapse.in {display: block!important;}
   .collapsing {overflow: hidden!important; }
   .navbar-nav {margin: 0 -15px;}
   .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
       padding: 10px 15px 10px 25px;
   }
   .price.panel-default {

margin: 40px; } .price.featured.panel-default { margin: 40px; } .content-heading{ margin-top: 80px;} .ipad-wrapper .app-wrap {left: 22%;} #tf-home.app .content-heading.text-left{text-align: center;} #itemsWorkTwo .box .hover-text i.fa { top: 0%; } } @media (max-width: 768px) { #tf-home.slider .content-heading {

   	margin-top: 30px;

} #tf-home.slider h1 { color: #FC3; font-size: 28px; } .slider .content-heading p.lead { margin-bottom: 20px; } .slider .carousel-indicators { bottom: 30px; } } @media (max-width: 603px) { .slider a.goto-btn { display: none;} .ipad-wrapper .app-wrap {left: 16%;} #tf-footer .pull-left,

   #tf-footer .pull-right {

float: none !important; text-align: center; } }

@media (max-width: 460px) { .gray-bg .vline { left: 15%; } .meta-detail { display: none; }

   h1 { font-size: 34px;}
   #tf-home.slider h1 { font-size: 26px;}
   p.lead { display: none;}
   .slider .carousel-indicators { bottom: 0px; }
   .ipad-wrapper .app-wrap {left: 3%;}

} @media (max-width: 360px) { #tf-services, #tf-pricing, .section-header, .about-right-content, #tf-features, #feature, #tf-works, #tf-blog, #tf-contact { padding: 20px 0; } p{ font-size: 12px} h2{ font-size: 20px;} h4{ line-height: 20px;} ul.list-inline.cat > li{ margin-bottom: 20px;} .gray-bg .vline { left: 20%;} .post-meta {min-height: 50px;} .price.panel-default { margin: 20px; } .price.featured.panel-default { margin: 20px; } h1 {font-size: 26px} #tf-home.slider{ display: none;} #tf-intro.slider{ margin-top: 70px !important} .ipad-wrapper .app-wrap {display: none;} a.goto-btn { margin-right: auto; margin: 0 10px; } a.goto-btn { display: inline-block; } .blog .post-meta {min-height: 55px;} } @media (max-width: 320px) { .post-wrap .post .media-body p {display: none;} .gray-bg .vline { left: 25%;} .nav.nav-pills > li > a { font-size: 11px;} ul.features li span.fa { font-size: 30px; margin-top: 2px; } .post-tab .nav-tabs > li > a { padding: 5px 10px; } }