@media only screen and (min-width : 768px) {
  .nav.navbar-nav > li:hover > ul.sub-menu{
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
  }

  ul.sub-menu {
    position: absolute;
    top: 60px;
    left: 0;
    background: #fff;
    padding: 10px 0;
    width: 240px;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #00aeef;
  }

  #header .navbar-nav li ul.sub-menu li a {
    padding-left: 20px;
  }


}

/*md only*/
@media (min-width: 992px) and (max-width: 1199px) {
  .col-md-4.portfolio-item{
    width: 33%;
  }
}

/*sm only*/
@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-4.portfolio-item{
    width: 33%;
  }
}

/* md */
@media only screen and (max-width : 1200px) {

  /*Pricing Table*/
  .single-price .plan-price:after {
    border-width:100px;
    margin-left:-100px;
  }

  .single-table .table-content {
    padding: 20px;
  }

  .table-header {
    padding: 0 10px 7px;
  }

  .single-table:before {
    border-width:0 106px 60px;
  }

  .single-table .btn-signup:after {
    border-width:78px 106px 0;
  }

}

/* sm */
@media only screen and (max-width : 992px) {


  #header .navbar-nav.navbar-right li {
    padding: 0;
  }

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

/* xs */
@media only screen and (max-width : 768px) {
	
 #Main {
	margin: 0 auto;
 }
	
  section{
	padding:10px;
	margin-bottom:20px;
  }

  .padding{
    padding: 30px 0;
  }

  #header {
    padding-bottom: 12px;
  }
  .social-icons.pull-right{
    float: left !important;
  }
  #header{
    margin-bottom: 10px;

  }
  .btnpc img {
	width:90%;
  }

  #header .navbar-inverse .navbar-toggle,
  #header .navbar-inverse .navbar-toggle:focus {
    border-color: #00aeef;
    margin-top: 0;
    margin-right: 5px;
    outline: none;
  }

  .navbar-header .navbar-toggle .icon-bar {
    background-color: #00aeef;
  }

  #header .navbar-inverse .navbar-toggle:hover {
    background: #00aeef;
  }

  #header .navbar-inverse .navbar-toggle:hover .icon-bar {
    background: #fff;
  }
 
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-top: 0;
  }

  .navbar.navbar-inverse {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .social-icons ul li{
    padding-left: 0;
  }

  .social-icons ul li a{
  font-size: 20px;
  }
  .social-icons .nav-pills li{
    margin: 0 14px 0 0;
	padding:0;
  }


  #header .navbar-nav.navbar-right li > a > i {
    display: inline-block;
    float: right;
    padding: 8px 10px 8px 30px
  }

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

  #header .navbar-nav li ul.sub-menu li a {
    padding: 5px 10px;
  }

  #header .navbar-inverse .navbar-nav li.active > a, 
  #header .navbar-inverse .navbar-nav li.active > a:focus, 
  #header .navbar-nav.navbar-right li > a:hover {
    border: none;
  }
  
  /*index*/
#top-2014 h2 {
	font-size:19px;
	margin-bottom:10px;
}
#top-2014 h2 span {
	font-size:14px;
	margin-bottom:10px;
}
  #home-about {
	text-align:left;
}
  #home-about h2 {
	font-size:18px;
	margin-bottom:10px;
}
  #home-about p {
	font-size:16px;
	line-height:180%;
  }
  #home-haiki h3, #home-katei h3 {
	font-size:18px;
	margin-bottom:10px;
}
  #home-haiki p  {
	font-size:15px;
	line-height:180%;
	margin-bottom:20px;
  }
  #home-katei p  {
	font-size:15px;
	line-height:180%;
	margin-bottom:0;
  }
  #home-katei img  {
	margin-top:20px;
  }
  #home-point {
	  padding: 0 10px 10px 10px;
  }
  
  /*photocon-top*/
  
  #top-head {
	  margin-bottom:0;
  }
  
  #photo-about {
	text-align:left;
}
  #photo-about p {
	font-size:16px;
	line-height:180%;
  }
  #photoBox1 h3, #photoBox2 h3, #photoBox3 h3 {
	font-size:22px;
	margin-bottom:10px;
}
  #photoBox2 p {
	font-size:16px;
	margin-bottom:10px;
}
#photo-i h2, #privacy h2 {
	font-size:24px;
}
  
  /*form*/
  .btn-submit, .btn-see, .btn-pink  {
	  font-size:13px;
	  letter-spacing:1px;
  }
  
  /*photo*/
  #setumei {
	margin-top:20px;
	font-size:16px;
	text-align:left;
}
  .portfolio-filter li a {
  font-size: 16px;
  padding: 0 16px;
}
/** Kekka **/
.pBox {
	text-align:center;
	padding:10px;
	margin:0 0 14px 0;
}
}