@charset "utf-8";

@media only screen and (min-width: 1200px) {

img {
	max-width:100%;
}
img {
	-ms-interpolation-mode:bicubic;
}
.container {
	width: 1200px;
}

#main-nav.sf-menu > li > a,
.menu-description {
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

#main-nav.sf-menu > li:last-child > a {
    margin-right: 0;	
}

#main-nav li:last-child .menu-description {
    margin-right: 0;
    padding-right: 0;
}
	
}

@media only screen and (max-width: 1199px) {

.container {
	width: 960px;
}
iframe {
	width:100%;
}
body {
	min-width:inherit;
}


#main-nav.sf-menu > li > a,
.menu-description {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#nivoslider-wrapper {
	width:auto;
	height:auto;
	padding:0;
}
#nivoslider {
	width:auto;
	height:auto;
}
#kwicks-wrapper,
#showcase-holder,
#cycle-wrap,
#roundaboutslider,
#liteaccordion,
#tmslider-holder {
	display:none;
}
.content,
.sidebarleft,
.sidebarright {
	min-height:inherit !important;
}
.sidebarleft,
.sidebarright {
	padding-top:40px;
	overflow:hidden;
}
.container-2,
.container-3,
.container-4,
.container-6,
.container-8,
.container-9,
.container-10, {
	width:auto !important;
}
.percol {
	width:100% !important;
	padding-right:0 !important;
	padding-left:0 !important;
}
.featured-thumbnail img {
	width:100%;
}
.posts .featured-thumbnail iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.posts.halfstyle .featured-thumbnail-wrapper {
	width:100% !important;
	float:none !important;
}
.posts.halfstyle h2 {
	padding-top:10px;
}
.single-post .date-wrapper {
	position:static;
}
.ports .related .grid-3 {
	width:220px;
	display:inline;
	float:left;
	position:relative;
	margin-left:10px;
	margin-right:10px;
}
#port-details {
	margin-top:20px;
}
#port-content-wrapper #port-details {
	margin-top:0;
	margin-bottom:20px;
}
#inlineinfo {
	height:auto;
	min-height:450px;
}
#inlineinfo .portfolio-item-context  {
	margin-left:0;
	border-color:transparent;
	clear:both;
}
#inlineinfo .portfolio-item-context h1  {
	padding-top:15px;
}
#inlineinfo .featured-thumbnail {
	margin-left:0 !important;
	margin-right:0 !important;
}
.pleft,
.pleft.border,
.bothright.border {
	padding-left:0;
	border-left:none;
}
.pright,
.pright.border,
.bothleft.border {
	padding-right:0;
	border-right:none;
}
.bothleft,
.bothright,
.bothmiddle {
	left:auto;
}
#copyright .copleft,
#copyright .copright {
	text-align:center;
	float:none;
}
.twitter-shortcode #twitter_update_list span {
	padding:20px 20px 5px 0;
}
.twitter-shortcode .profileLink {
	position:static;
	margin:10px 0 5px;
}
.stunningtext a.stunning {
	position:static;
	margin:20px 0 10px;
}
.portfolio-item iframe {
	height:100%;
}
.ports .related-content {
	width:800px;
	margin:0 auto;
}
.shortcodevideo {
	width:100%;
}

/* Woocommerce */
div.product .summary {
	margin-left:0;
}
div.product .woocommerce-tabs {
	margin-left:0;
}
.cross-sells .products {
	width:auto;
	margin:0 0 20px;
}
.products .button {
	width:50%;

}

}

@media only screen and (max-width: 1023px) {

.container {
	width: 600px;
}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
	width:100%;
}
#menu-wrapper {
	display:none;
}
#menu-wrap select {
	display:block;
}
#top-bar {
	text-align:center;
}
#top-bar > div {
	display:block;
	float:none;
	margin-bottom:5px;
}
#logo-wrapper,
.top-information {
	overflow:hidden;
	float:none;
	text-align:center;
}
#breadcrumb {
	text-align:center;
}
.post-shortcode-item .post-context {
	overflow:visible;
}
.post-shortcode-item .post-title {
	padding:20px 0 0;
	clear:both;
}
.ports .related-content {
	width:640px;
}
#lightboxinfo .featured-thumbnail {
	height:318px;
}
#lightboxinfo .featured-thumbnail iframe {
	height:100%;
}
#error404 h1 {
	font-size:80px;
}

/* Woocommerce */
.col2-set .col-1,
.col2-set .col-2 {
	float:left;
	width:100%;
}
.col2-set .col-1 {
	margin-bottom:40px;
}
.reset_variations {
	bottom:-25px;
}

}

@media only screen and (max-width: 599px) {

.container {
	width: 300px;
}
.testimonial {
	padding: 280px 30px 30px 30px;
}
.testimonial .testi-pic {
	top: 80px;
	margin-top: 0;
	left: 50%;
	margin-left: -80px;
}
.service-4 > div,
.service-4 > div.left {
	margin: 50px 0 30px 0;
	padding: 70px 20px 20px 20px;
}
.service-4 .icon-wrapper,
.service-4 .left .icon-wrapper {
	top: -55px;
	left: 50%;
	margin: 0 0 0 -50px;
}
blockquote,
.blockquote {
	padding: 220px 30px 0 30px;
}
.blockquote .sign-wrapper {
	margin-top: 0;
	top: 30px;
	left: 50%;
	margin-left: -70px;
}
.font48,
.font60,
.font72,
.font100 {
	word-break: break-all;
}
.ports .related-content {
	width:320px;
}
.author-info img {
	float:none;
	margin-bottom:20px;
}
ol.commentlist .comment-author img {
	float:none;
}
#lightboxinfo .featured-thumbnail {
	height:154px;
}
#lightboxinfo h1 {
	padding:20px 10px;
	font-size:36px;
}
#lightboxinfo .portfolio-item-content {
	padding:0 30px 30px;
}
#inlineinfo .featured-thumbnail iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#error404 h1 {
	font-size:50px;
}

/* Woocommerce */
table.cart {
	display:block;
	border-width:1px;
	border-style:solid;
	overflow:hidden;
}
table.cart th,
table.cart .product-remove,
table.cart .product-thumbnail {
	display:none;
}
table.cart td,
table.cart tr,
table.cart tbody {
	display: block;
	border: none !important;
}
table.cart .actions > .button,
table.cart .coupon input,
table.cart .coupon .input-text {
	width:100%;

	margin:0 0 5px 0;
}
td.actions {
	overflow:hidden;
	padding:10px;
}

}

@media only screen and (max-width:375px) {

.testimonial {
	padding: 40px 50px 20px 40px;
}
.testimonial .testi-pic {
	position:static;
	margin: 0 auto;
}
blockquote, .blockquote {
	padding: 0 40px;
}
.blockquote .sign-wrapper {
	position:static;
	margin: 0 auto 20px;
}
#error404 {
	font-size:12px;
}
#error404 h1 {
	font-size:36px;
}

}

