/*   
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.1
Version: 1.5.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v1.5/admin/
*/


@media (max-width: 1200px) {
    .content.has-bg .content-bg img {
        max-height: 100%;
        max-width: inherit;
    }

    .content .content-desc {
        margin-bottom: 30px;
    }

    .navbar-left {

		
    }

    .header.navbar .navbar-nav > li > a {
        padding: 50px 10px;
        font-size: 13px;
          text-align: center;
    }
	.navbar-header{



	}
.headerbg {
background-color:#333 !important;
  /* background-size: 100%; */
}
   .h250, .height-400 {
        height: auto !important;
        padding-bottom: 20px;
    }
.height-450 {
        height: auto !important;}

    #City_Slide {
        height: auto !important;
    }

     h4 {
        margin-bottom:20px;
    }
     .nobottommargin {margin:0px;}
}

@media (min-width: 768px) and (max-width: 992px) {
     h4 {
        margin-bottom:20px;
    }
     .nobottommargin {margin:0px;}
    .h250, .height-400 {
        height: auto !important;
        padding-bottom: 20px;
    }
.height-450 {
        height: auto !important;}

    #City_Slide {
        height: auto !important;
    }



    .header.navbar .navbar-nav > li > a {
        padding: 50px 5px;
        font-size: 11px;
    }
.headerbg {
background-color:#333 !important;
  /* background-size: 100%; */
}
    .navbar-left {

    }

    .brand-logo {
        width: 170px;
		 margin-left:15px;
    }




    #City_Slide {
        width: 100%;
        height: 260px;
    }

    .header.navbar.navbar-small .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .home-content h1 {
        font-size: 48px;
    }

    .home-content h3 {
        font-size: 24px;
    }

    .home-content h1, .home-content h2, .home-content h3, .home-content h4 {
        margin: 0 0 15px;
    }

    .home-content p {
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {
    .about-author .author {
        padding-left: 80px;
    }

        .about-author .author .image {
            width: 80px;
        }
}

@media (max-width: 767px) {
    .footer {
        height: auto;
		padding-top:20px;
    }
	
	 .brand-logo {

		 margin-top:15px;
    }
	
     h4 {
        margin-bottom:20px;
    }
	.navbar-brand{

	padding-right:0px;
	}

    .nobottommargin {margin:0px;}
    .h250, .height-400 {
        height: auto !important;
        padding-bottom: 20px;
    }
.height-450 {
        height: auto !important;}
    #City_Slide {
        height: auto !important;
    }
	
	.not_show_mobile {
        display:none;
    }
.show_mobile {
        display:block;
    }
	
.footeraddress{clear:both; text-align:center;}
    .header.navbar .navbar-nav > li > a {
        padding: 10px 15px;
    }

    .navbar-transparent .navbar-collapse {
        background: #000;
        background: rgba(0,0,0,0.9);
    }

    .header.navbar-small.navbar-transparent .navbar-collapse {
        background: #000;
        background: rgba(0,0,0,0.9);
    }

        .header.navbar-small.navbar-transparent .navbar-collapse .navbar-nav > li > a {
            color: #8F8E8E;
        }

    .header.navbar.navbar-small .navbar-nav > li > a {
        padding: 10px 15px;
    }

    .navbar-nav > li.dropdown:hover > .dropdown-menu,
    .navbar-nav > li.dropdown:focus > .dropdown-menu {
        display: none;
    }

    .navbar-nav > li.dropdown.open > .dropdown-menu,
    .navbar-nav > li.dropdown.open:hover > .dropdown-menu,
    .navbar-nav > li.dropdown.open:hover > .dropdown-menu {
        display: block;
        -webkit-animation: none;
        animation: none;
    }

    .navbar-nav > li.dropdown > .dropdown-menu {
        border-top: 1px solid #444;
        border-bottom: 1px solid #444;
    }

    .navbar-default .navbar-nav > li.dropdown > .dropdown-menu,
    .navbar-default .navbar-nav > li.dropdown > .dropdown-menu > li + li {
        border-color: #e7e7e7;
    }
.headerbg {
  background: none;
  background-color:#00acee;
  /* background-size: 100%; */
  height:110px;
}
#intro {
  margin-top: 100px;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { padding-top:12px; width: 100%;}
    .home-content h1 {
        font-size: 36px;
    }

    .home-content h3 {
        font-size: 18px;
    }

    .home-content h1, .home-content h2, .home-content h3, .home-content h4 {
        margin: 0 0 15px;
    }

    .home-content p {
        margin-bottom: 30px;
    }

    .milestone-col + .milestone-col {
        border: none;
        border-top: 1px solid rgba(255,255,255,0.2);
        margin-top: 15px;
        padding-top: 15px !important;
    }

    .team {
        margin-bottom: 30px;
    }

    .action-box .btn {
        margin-top: 15px;
    }

    .pricing-table.col-4 > li,
    .pricing-table.col-3 > li {
        width: 100%;
    }

    .pricing-table .highlight {
        margin-top: 0 !important;
        padding: 10px !important;
    }
}