/* lg */ 
@media (min-width: 1200px) {
}

@media (min-width: 1000px) and (max-width: 1280px) {
	.details_text {
		font-size: 12px;
		padding: 2px;
	}

	#promo-2 .parallax-content {
		padding-top: 15%;
	}

	#promo-3 .parallax-content {
		padding-top: 15%;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	#navigation .navbar-right li a { 
		padding-left: 15px;
		padding-right: 15px;
	}
	.folio-overlay a.folio-link, 
	.folio-overlay a.folio-detail {		
		height: 35px;
		line-height: 35px;
		width: 35px;
	}
	.folio-overlay a.folio-link {
		left: 65px;
		margin-top:-20px;
	}
	.folio-overlay a.folio-detail {
		margin-bottom: -15px;
		right: 65px;
	}
	.about-text h3 {
		font-size:22px;
	}
	.hot-features {
		padding-bottom:50px;
	}
	.hot-feature .feature {
		width:75%;
	}
	.parallax-content {
		padding-top: 25% !important;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav.navbar-right:last-child {
	}
	#navigation .navbar-right li a {
		padding-left:5px;
		padding-right:5px;
		line-height:55px;
		font-size: 16px;
	}
	.octopus-tab .col-sm-3 {
		padding-right: 0;
	}
	.tab-content .tab-pane {
		margin-left: -15px;
		padding: 15px 30px 30px;
	}
	.folio-overlay a.folio-link, 
	.folio-overlay a.folio-detail {		
		height: 35px;
		line-height: 35px;
		width: 35px;
	}
	.folio-overlay a.folio-link {
		left: 65px;
		margin-top:-20px;
	}
	.folio-overlay a.folio-detail {
		margin-bottom: -15px;
		right: 65px;
	}
	.member-social li {
		margin-right:5px;
	}
	.member-image img {
		width:100%;
	}
	.member {
		margin-bottom:50px;
	}
	.single-table {
		margin-bottom:30px;
	}
	.social-icons ul li {
		margin-right:0;
	}
	.hot-features {
		padding-bottom:50px;
	}
	.hot-features img {
		margin-bottom:-80px;
	}	
	.logo{
		padding-top: 10px; 

		padding-left: 10px;
	}
	.details_text {
		font-size: 13px;
	}
	.contact_names {
		padding-right: 10px;
	}

	.show_divs {
		float:none;
		width:90% !important;
	}

	.parallax-content {
		padding-top: 25% !important;
	}
}

/* xs */
@media (max-width: 767px) {
	body {
		font-size:14px;
	}
	h2 {
		font-size:20px;
	}
	.parallax-content {
		padding-top: 15% !important;
		
		font-size: 35px;
	}
	/*Navigation*/
	.navbar-brand {
		width: 257px;
		height: 65px;
		padding-left: 15px;
		padding-top: 0;

		padding-top: 9px;
	}
	#navigation .navbar-right li a {
		font-size: 12px;
		font-weight: 400;
		line-height: 12px;
	}
	.navbar-collapse {
		border-top:1px solid #f5f5f5;
	}
	/*Home Carousel*/
	.carousel-caption {
		font-size:16px;
		margin-top:-110px;
	}
	.carousel-caption h1 {
		font-size:20px;
	}
	.carousel-caption h2 {
		font-size:36px;
	}
	.main-carousel-left, .main-carousel-right {	
		display:none
	}
	/*About US*/
	.section-title h2 {
		font-size: 23px;
	}
	.about-text h3 {
		font-size:20px;
	}
	.parallax-section, 
	.contact-info ul li {
		font-size:16px;
	}
	/*Promotion*/
	#promo-2 h3 {
		font-size:35px;
	}
	#promo-2 h4, 
	#testimonial, 
	.contact-info {
		font-size:14px;
	}
	#promo-2 .col-sm-3 {
		margin-bottom:50px;
	}
	/*Octopus Tab*/	
	.octopus-tab ul li {
		float: left;
		width: 33.33%;
		margin-bottom:40px;
	}
	.octopus-tab li a {
		border-radius: 4px 4px 0 0;
		display: block;
		font-size: 14px;
		height: 80px;
		padding-top: 15px;
		width: 100%;
	}
	.octopus-tab li a i {
		font-size: 28px;
	}
	.octopus-tab li a:after {
		border-color: #f0f0f0 transparent transparent;		
		bottom: -20px;
		right:50%;
		margin-right:-10px;
		top: inherit;
	}
	.octopus-tab li.active a:after, .octopus-tab li:hover a:after, 
	.hot-feature:hover .icon:after {
		border-color:#db2429 transparent transparent;
	}
	.tab-content .tab-pane {
		margin-left:0;
		padding:20px;
	}
	.tab-content .tab-pane img {
		width: 100%;
	}
	#accordion-two {
		margin-top:50px;
	}
	/*portfolio*/
	#portfolio,  #portfolio2{
		overflow:hidden;
	}
	.portfolio-filter li, .portfolio-filter2 li {
		margin-bottom: 4px;
		margin-right: 0;
		width: 30%;
	}
	.portfolio-filter li a, .portfolio-filter2 li a {
		padding: 10px 4px;
		font-size: 12px;
	}
	.port_icon, .port_icon2 {
	  width: 100%;
	  height: 96px;
	  background-position: center top;
	}	
	.portfolio-items .col-sm-4, .portfolio-items2 .col-sm-4 {
		width:50%;
	}
	.folio-overlay a.folio-link, 
	.folio-overlay a.folio-detail {		
		height: 35px;
		line-height: 35px;
		width: 35px;
	}
	.folio-overlay a.folio-link {
		left: 65px;
		margin-top:-20px;
	}
	.folio-overlay a.folio-detail {
		margin-bottom: -15px;
		right: 65px;
	}
	/*Testimonial*/
	.testimony-left, .testimony-right, 
	.twitter-left-control, .twitter-right-control {
		top:inherit;
		bottom:30px;
	}
	.testimony-left, .twitter-left-control {
		left: 43%;
	}
	.testimony-right, .twitter-right-control {
		right: 43%;
	}
	/*Team-members*/
	.team-members .col-sm-6, 
	.pricing-table .col-sm-6 {
		width:50%;
		float:left;
	}
	.member-image img {
		width:100%;
	}
	.member, .single-table {
		margin-bottom:45px;
	}
	/*Hot Features*/
	.hot-features {
		text-align:center;
	}
	.hot-feature .icon {
		float: none;
		margin-bottom: 40px;
	}
	.hot-feature .feature {
		width:100%;
		padding-left:0;
	}
	.hot-feature:hover .icon:after {
		top:inherit;
		margin-top:inherit;
		right:50%;
		margin-right:-12px;
		bottom:-20px;
	}
	.hot-features img {
		display:inline-block;
		margin-bottom:60px;
	}
	/*Blog*/
	.post-date {
		padding:5px 15px;
	}
	.post-date h2 {
		font-size:16px;
		margin-top:5px;
	}
	.post-date h2 span {
		font-size:18px;
	}
	.entry-title, .contact-info h3 {
		font-size:20px;
	}
	.entry-meta li a {
		font-size:12px;
	}
	
	/*Contact*/
	.contact-info {
		padding: 10px 0px;
	}
	#footer a.to-top {
		right:15px;
	}
	.logo{
		padding-top: 0px;
		width:77%;
		margin: 0px;
	}
	.about_text {
		float:none !important;
		width: 100%;

		font-size: 20px;
	}

	#promo-1 {
		min-height: 0;
	}

	.details {
		font-size: 18px;
	}

	.show_divs {
		float:none;
		width: 95% !important;
	}

	.tech_icons {
		width: 95%;
	}

	.tech_icon {
		font-size: 14px;
		
		width: 48%;
	} 
	span.fileClosingInstructions{
		display: none;
	}
	li.fileClosingInstructions{
		display: block;
	}
}

/* XS Portrait */
@media (max-width: 479px) {
	.parallax-content {
		padding-top:80px;
		font-size: 31px;
	}
	.portfolio-items .col-sm-4, .portfolio-items2 .col-sm-4 {
		width: 50%;
	}
	.portfolio-items .col-sm-4-details_text, .portfolio-items2 .col-sm-4-details_text {
		width: 100%;
		height: 200px !important;
		overflow: hidden;
	}
	.portfolio-items .col-sm-4-details_text .details_text, .portfolio-items2 .col-sm-4-details_text .details_text {
		overflow: hidden;
		font-size: 12px;
	}
	.social-icons ul li {
		margin-right:-3px;
	}
	.testimony-left, .twitter-left-control {
		left: 40%;
	}
	.testimony-right, .twitter-right-control {
		right: 40%;
	}
	.team-members .col-sm-6, 
	.pricing-table .col-sm-6 {
		width:100%;
		float:none;
	}

	#logo {
		width: 300px;
	}

	.tech_icon {
		font-size: 13px;
	}

	.parallax-content {
		padding-top: 0% !important;
	}

	.first-promo {
		padding-top: 15% !important;
	}

	#promo-one span div {
		font-size: 40px !important;
	}

	.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
	.pp_content { width: 100%!important; height: auto!important; }
	.pp_fade { width: 100%!important; height: 100%!important; }
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
	#pp_full_res img { width: 100%!important; height: auto!important; }
	.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
	a.pp_close { right: 3%!important; top: 10px!important; }
	div.pp_default .pp_description{
		margin: 33px 2px 5px 0;
	}

	.parallax-content .container.text-center p, .parallax-content .container.text-center div, .parallax-content .container.text-center h1, .parallax-content .container.text-center h2, .parallax-content .container.text-center h3, .parallax-content .container.text-center h4, .parallax-content .container.text-center h5, .parallax-content .container.text-center a {
		line-height: 34px;
	}

	#promo-2 .parallax-content {
		margin-top: 15%;
	}

	#contact-us .col-sm-3 {
		float:none !important;
		width:100% !important;

		height: 50px;
	}

	#contact-us .address, #contact-us .phone, #contact-us .fax, #contact-us .mail{
		margin-top: 0 !important;
		margin-left: 10px !important;
		margin-right: 0 !important;
		margin-bottom: 10px !important;


	}

	.portfolio-content:hover .img-responsive {
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.folio-overlay {
		display: none;
	}
    .point{
		display: none;
	}
	.forMobileOnly{
		display: block !important;
	}
}