/*
Theme Name: Proshark
Theme URI: http://tanshcreative.com/proshark-st-demo/index.html
Description: Proshark site template is designed and developed by Tansh.
Author: Tansh
Version: 1.01
*/

/*============================================================*/
/*---------- Import Bootstrap override ----------*/
/*============================================================*/
@import url('bootstrap-override.css');
/*============================================================*/
/*---------- Searching for particular element? ----------*/
/*============================================================*/
/*
Here is CSS structure...

1. TEMPLATE SETUP
	1.1 General styles
	1.2 Typography 
	1.3 Button and link styles
	1.4 List styles
	1.4 Image styles
	1.6 Spacers
	1.7 Blockquote
	1.8 Accordion
	1.9 Breadcrumb
	
2. TEMPLATE STRUCTURE
	2.1 Commons 
	2.2 Header
	2.3 Content 
			- features, team, client
	2.4 Portfolio
	2.5 Pricing
	2.6 Forms
	2.7 Footer
	2.8 Main menu / navigation

3. Media queries
    		- Media queries for sliders are in their own stylesheet.

4. Browser fix

/*============================================================*/
/*---------- 1. TEMPLATE SETUP ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 1.1 General styles -----*/
/*----------------------------------------*/
@font-family {
  font-family: "Century Gothic";
  src: url("fonts/centurygothic.ttf") format("truetype");
}
body {
	background: url(../img/patterns/body-bg.jpg) repeat fixed #ebebeb;
	font-family: "Century Gothic";
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
	-webkit-text-size-adjust:100%;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
video {
	width: 100% !important;
	height: auto !important;
}
iframe {
	border: none;
}
/*----------------------------------------*/
/*----- 1.2 Typography -----*/
/*----------------------------------------*/
/*Only font family of all elements specified here, font sizes, weight etc. are in respective section*/
h1, h2, h3, h4, h5, h6, .mybtn, .mybtn-color, .mylink, .accordion-heading a, blockquote, label, input, button, select, textarea, input[type="text"], .submit, .sub-submit, .search-submit, .ddsmoothmenu, .ddsmoothmenu select {
	font-family: "Century Gothic";
}
/*Rest typography*/
h1, h2, h3, h4, h5, h6 {
	color: #3d3d3d;
	font-weight: bold;
	line-height: 1.3em;
	font-style: normal;
	margin-bottom: 15px;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 18px;
	font-weight: normal;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
	margin-bottom: 10px;
}
h4 span {
	font-size: 11px;
	color: #888;
	display: block;
	margin-top: 3px;
	font-weight: normal;
}
h5 {
	font-size: 12px;
	margin-bottom: 5px;
}
h5 span {
	font-size: 11px;
	font-weight: normal;
	display: block;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #3d3d3d !important;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #CC0000 !important;
}
li a {
	color: #666 !important;
}
li a.current {
	color: #CC0000 !important;
	font-weight:bold;
}
/*heading with border*/
.heading-border {
	width: 100%;
	border-top: 1px solid #e7e7e7;
	margin-bottom: 25px;
	position: relative;
}
.heading-border h3 {
	font-size: 16px;
	background: #fff;
	padding-right: 10px;
	margin-bottom: 0;
	position: absolute;
	top: -12px;
	left: 0;
}
/*link*/
a:link {
	color: #CC0000;
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	color: #888888;
	text-decoration: none;
}
/*styles for text*/
.color {
	color: #CC0000 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-transform: inherit !important;
	display: inline !important;
}
strong {
	font-weight: bold;
	color: #fff;
}
/*----------------------------------------*/
/*----- 1.3 Button and link styles -----*/
/*----------------------------------------*/
.mybtn, .mybtn-color {
	background: #3d3d3d;
	padding: 8px 8px 8px 7px;
	margin-top: 10px;
	font-size: 12px;
	color: #efefef !important;
	line-height: 12px;
	font-weight: normal;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
}
.mylink {
	background: url(../img/btn-arr.png) no-repeat right 6px !important;
	padding-right: 15px !important;
	font-size: 12px;
	color: #fff !important;
	font-weight: bold;
	line-height: 12px;
	cursor: pointer;
}
.mybtn span, .mybtn-color span, .mylink span {
	background: url(../img/btn-arr.png) no-repeat right;
	padding-right: 20px !important;
}
.mybtn:hover {
	background: #CC0000;
}
.mybtn-color {
	background:  #CC0000;
}
.mybtn-color:hover {
	background: #3d3d3d;
}
/*----------------------------------------*/
/*----- 1.4 List styles -----*/
/*----------------------------------------*/
/*list-checkmark*/
.list-checkmark li {
	background: url(../img/bullet-checkmark.png) no-repeat 0 4px;
	margin-bottom: 10px;
	padding-left: 25px;
	list-style-type: none;
	display: block;
}
/*list-border*/
.list-border li {
	background:  url(../img/box-list-divider.png) repeat-x bottom;
	width: 100% !important;
	padding-bottom: 8px;
	margin-bottom: 5px;
	margin-left: 0px !important;
	color: #3d3d3d;
	font-weight: bold;
	list-style-type: none;
	display: block;
}
/*unstyled list*/
.unstyled li {
	padding-bottom: 15px;
	margin: 0;
}
/*----------------------------------------*/
/*----- 1.5 Image styles -----*/
/*----------------------------------------*/
.img-left {
	float: left;
	margin-right: 20px;
}
.img-right {
	float: right;
	margin-left: 20px;
}
/*----------------------------------------*/
/*----- 1.6 spacers -----*/
/*----------------------------------------*/
/*use suitable height' spacer to separate rows*/
.spacer-10px, .spacer-20px, .spacer-30px {
	width: 100%;
	height: 10px;
	display: block;
	clear: both;
}
.spacer-20px {
	height: 20px !important;
}
.spacer-30px {
	height: 30px !important;
}
/*----------------------------------------*/
/*----- 1.7 Blockquote -----*/
/*----------------------------------------*/
/*blockquote with line*/
blockquote {
	border-left: 5px solid #CC0000;
	color: #888;
}
blockquote p {
	font-size: 13px;
	line-height: 1.4em;
	font-style: italic;
}
blockquote.pull-right {
	border-right: 5px solid #CC0000;
}
/*----------------------------------------*/
/*----- 1.8 Accordion -----*/
/*----------------------------------------*/
.accordion-group, .accordion-inner {
	border: 0px;
	border-radius: 0px;
}
.accordion-heading {
	background: transparent;
	border: 0;
	padding:0;
	margin: 0;
}
.accordion-heading .accordion-toggle {
	border-bottom: 0px;
	padding: 5px 0px;
	border-bottom: 1px solid #e7e7e7;
}
.accordion-heading a {
	font-size: 14px;
	color: #3d3d3d;
	font-weight: 700;
	outline: none;
	position: relative;
	-moz-transition: 0s;
	-webkit-transition:  0s;
	-o-transition:  0s;
	transition:  0s;
}
.accordion-inner {
	padding: 9px 0px;
	border-bottom: 1px solid #e7e7e7;
}
/*----------------------------------------*/
/*----- 1.9 Breadcrumb -----*/
/*----------------------------------------*/
.breadcrumb {
	padding: 5px 0px 0px 0px;
	margin: 0;
	font-size: 12px;
	background-color: transparent;
	list-style: none;
	text-shadow: none;
}
.breadcrumb .divider {
	padding: 0 5px;
	color: #888;
}
.breadcrumb li {
	text-shadow: none;
}
/*============================================================*/
/*---------- 2. TEMPLATE STRUCTURE ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 2.1 Commons (classes which are used in all pages) -----*/
/*----------------------------------------*/
#wrapper {
	background: #fff;
	width: 1020px;
	margin: 0 auto;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
}
#content {
	padding-bottom: 30px;
}
#home-content-top {
	margin-bottom: 30px;
	border-bottom: 1px solid #e7e7e7;
}
#content-top {
	padding: 20px 0px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e7e7e7;
}
#content-top h1 {
	margin-bottom: 0px;
	float: left;
	margin-left:10px;
}
.main {
	float: left;
}
.sidebar {
	float: left;
	display: inline-block;
}
.box {
	background: #e7e7e7;
	padding: 20px;
}
/* list used as columns for features etc. */
.list-3col, .list-4col {
	margin-left: -20px;
}
.list-3col li {
	width: 300px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.list-4col li {
	width: 220px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.list-3col img, .list-4col img {
	margin-bottom: 10px;
}
/*----------------------------------------*/
/*----- 2.2 Header -----*/
/*----------------------------------------*/
#header {
	background: #efefef;
	padding-top: 30px;
}
#header a {
	color: #888;
}
#header a:hover {
	color: #990000;
}
/*info-top*/
.info-top {
	margin-top: 10px;
	float: right;
	display: block;
}
.info-top li {
	background: #ffffff;
	padding: 3px 8px;
	margin-left: 1px;
	list-style-type: none;
	float: left;
	border-radius: 10px;
}
.info-top li img {
	margin-right: 10px;
	margin-top: 3px;
	float: left;
}
/*social*/
.social {
	float: right;
}
.social li {
	padding: 10px 10px;
	list-style-type: none;
	float: left !important;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.social li:hover {
	background: #3d3d3d !important;
}
.tweet {
	background: #5db5de !important;
}
.facebook {
	background: #3b5998 !important;
}
.pint {
	background: #c92228 !important;
}
/*----------------------------------------*/
/*----- 2.3 Content -----*/
/*----------------------------------------*/
/*----- 2.3.1 features -----*/
.features-style1 img {
	margin-right: 20px;
	float: left;
}
.features-style2 img {
	margin-bottom: 10px;
}
.features-style1 strong, .features-style2 h4 {
	color: #CC0000;
}
/*----- 2.3.2 team -----*/
.team li {
	background: #e7e7e7;
}
.team-info {
	padding: 20px;
}
.team .social {
	float: left;
}
.team .social li {
	width: auto;
	padding: 0;
	margin: 0;
}
/*----- 2.3.3 client -----*/
.client {
	margin-left: -15px;
}
.client li {
	border: 1px solid #e7e7e7;
	margin-left: 15px;
	background: none;
	list-style-type: none;
	float: left;
}
/*----- 2.3.4 map -----*/
.map {
	width: 100%;
}
/*----------------------------------------*/
/*----- 2.4 portfolio -----*/
/*----------------------------------------*/
.filter_nav {
	margin: 0px 0px 10px 0px;
	display: inline-block;
}
.filter_nav li {
	padding:0;
	margin: 0;
	display:inline;
	list-style-type: none;
	float: left;
}
.filter_nav li a {
	padding: 8px 15px 7px 14px;
	margin-right: 15px;
	font-size: 12px;
	color: #3d3d3d;
	font-weight: bold;
	line-height: 12px;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	outline: none;
}
.filter_nav li a:hover, .filter_nav li.active a {
	background: #3d3d3d;
	color: #efefef;
}
/*3 & 4 column portfolio*/
.portfolio_3column, .portfolio_4column {
	margin-left: -20px;
}
.portfolio_3column li, .portfolio_4column li {
	height: auto;
	margin: 0px 0px 20px 20px;
	list-style-type: none;
	float: left;
}
.portfolio_3column li {
	width: 300px;
}
.portfolio_4column li {
	width: 220px;
}
/*thumb,link,zoom*/
.thumb {
	position: relative;
	margin-bottom: 10px;
}
.link {
	background: url(../img/arr.png) no-repeat #3d3d3d;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
	filter:alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.zoom {
	background: url(../img/plus.png) no-repeat #3d3d3d;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	margin-left: -15px;
	margin-top: -15px;
	filter:alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.link:hover {
	background: url(../img/arr.png) no-repeat #CC0000;
}
.small_headings{
	color:#900;
	font-weight:bold;
}
.zoom:hover {
	background:  url(../img/plus.png) no-repeat #CC0000;
}
/*----------------------------------------*/
/*----- 2.5 pricing -----*/
/*----------------------------------------*/
.pricing table {
	background: #efefef;
	width: 100%;
	font-size: 12px;
	text-align: center;
}
/*thead*/
.pricing table thead th {
	background: #3d3d3d;
	width: auto;
	padding: 20px;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
}
/*tfoot*/
.pricing table tfoot td {
	background: #3d3d3d;
	padding: 10px 20px !important;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pricing table tfoot td:hover {
	background: #CC0000 !important;
}
/*table content*/
.pricing table td {
	width: auto;
	padding: 20px;
}
.pricing table ul li {
	background: url(../img/box-list-divider.png) repeat-x bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style-type: none;
	display: block;
}
.pricing table ul li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: none;
}
.td-styled {
	background: #888888;
	padding: 40px 20px !important;
	font-size: 36px;
	color: #fff;
}
/*focused table*/
.focused .td-styled, .focused thead th, .focused tfoot td {
	background: #CC0000 !important;
}
.focused .triangle {
	border-top: 10px solid #CC0000;
}
/*triangle shape*/
.triangle-wrapper {
	position: relative;
}
.triangle {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #3d3d3d;
	position: absolute;
	top: auto;
	bottom: -30px;
	left: 50%;
	margin-left: -10px;
}
/*----------------------------------------*/
/*----- 2.6 forms -----*/
/*----------------------------------------*/
/*common properties for contact and subscribe form*/
form {
	margin: 0;
	padding: 0;
	z-index: 0;
}
form p {
	margin-bottom: 20px;
	padding-bottom: 0px;
	background: none;
	list-style-type: none;
}
/*to enable error in text format, remove 'display:none' and enable font-size and color of 'form label.error'*/
form label.error {
	display: none !important;/*font-size: 11px;
	color: #b94a48;*/
}
form input.error, form textarea.error {
	border-color: #b94a48 !important;
	box-shadow: none;
}
label, input, button, select, textarea, input[type="text"] {
	font-size: 12px;
	color: #888;
	font-weight: 400;
	line-height: 1.8em;
}
label {
	color: #3d3d3d;
	line-height: 1.3em;
}
input[type="text"], select, textarea {
	width: 95% !important;
	height: 20px;
	padding: 5px;
	margin: 0;
	display: inline-block;
	background-color: #fafafa;
	border: 1px solid #e7e7e7;
	border-radius: 0px;
	box-shadow: none;
	-webkit-transition: border linear 0.2s;
	-moz-transition: border linear 0.2s;
	-ms-transition: border linear 0.2s;
	-o-transition: border linear 0.2s;
	transition: border linear 0.2s;
}
textarea {
	min-height: 112px;
	height: auto;
	width: 95% !important;
	padding: 5px;
}
select {
	width: 97% !important;
	height: 33px;
}
textarea:focus, input[type="text"]:focus, select:focus {
	box-shadow: none;
}
.submit, .sub-submit {
	background: #3d3d3d;
	padding: 9px 8px 8px 7px;
	font-size: 12px;
	color: #efefef !important;
	line-height: 12px;
	font-weight: 600;
	cursor: pointer;
	border: none;
	width: auto;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background: #CC0000;
}
/*----- subscribe -----*/
#subform p {
	margin-bottom: 7px;
}
#subform input[type="text"] {
	width: 170px !important;
	height: 23px;
	float: left;
	margin: 0;
	background: #fff;
}
.sub-submit {
	height: 35px;
	background: #CC0000;
}
/*----------------------------------------*/
/*----- 2.7 Footer -----*/
/*----------------------------------------*/
#footer {
	background: #000000;
	width: 100%;
	padding: 30px 0px;
	color:#FFF;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
	color: #fff;
}
#footer .breadcrumb a {
	color: #888;
}
#footer .breadcrumb a:hover {
	color: #CC0000;
}
/*----- twitter feed -----*/
#twitter li {
	list-style-type: none;
	margin-bottom: 20px;
}
#twitter p, #twitter li {
	padding: 0;
	margin: 0;
}
/*----------------------------------------*/
/*----- 2.8 Menu / Navigation -----*/
/*----------------------------------------*/
.menu-wrapper {
	margin-top: 30px;
	background: #000000;
}
.ddsmoothmenu {
	background: transparent scroll;
	width: 100%;
	color: #ffffff !important;
}
.ddsmoothmenu ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	background: #transparent;
	box-shadow: none;
}
.ddsmoothmenu ul li {
	padding: 18px 27px;
	background: url(../img/nav-vert-divider.png) repeat-y right;
	position: relative;
	display: inline;
	float: left;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	display: block;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	line-height: 1em;
	color: #efefef !important;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	color: #efefef;
}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li ul li a:hover {
	color: #f00 !important;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li ul li a.selected {
	color: #f00 !important;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	box-shadow: none !important;
	background: #cc0000;
	margin-top: 0px;
	border-top: 2px solid #CC0000;
}
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
	box-shadow: none !important;
	background: url(../img/nav-item-divider.png) repeat-x bottom;
	padding: 10px 10px 12px 27px;
	border-right: 0px;
}
/*2nd sub level menu*/
.ddsmoothmenu ul li ul li ul {
	margin-left: 0px;
	margin-top: 0px;
	border-top: 0px solid #2590bd;
	top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	width: 140px; /*width of sub menus*/
	margin: 0;
	color: #efefef !important;
	line-height: 1em;
	font-size: 12px !important;
	border-right: 0px;
	padding: 0;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/
/* CSS classes applied to down and right arrow images */
.downarrowclass {
	display: none;
}
.rightarrowclass {
	display: none;
}
/*Menu select*/
.ddsmoothmenu select {
	display: none;
	cursor: pointer !important;
	color: #888 !important;
	outline: none;
	border: 1px solid #888;
	width: 100%;
	padding: 5px 10px;
	background: #efefef;
	font-size: 12px;
	height: auto;
	margin: 0 auto;
}
/*============================================================*/
/*---------- 3. Media queries ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 3.1 Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/

@media only screen and (max-width: 767px) {
/*commons*/
body {
 padding: 0;
}
.container {
 padding-left: 20px;
 padding-right: 20px;
}
#wrapper {
 width: 100%;
 -webkit-box-shadow: none !important;
 -moz-box-shadow: none !important;
 box-shadow: none !important;
}
.heading-border {
 width: 100%;
 border-top: 0px dotted #e5e5e5;
 margin-bottom: 0px;
 position: relative;
}
.heading-border h3 {
 font-size: 15px;
 background: #fff;
 padding-right: 0px;
 position: relative;
 top: 0;
 left: 0;
 margin-bottom: 20px;
}
#home-content-top {
margin-top: 30px;
}
.list-3col, .list-4col {
 margin-left: 0px;
}
.list-3col li, .list-4col li {
 width: 100%;
 margin-left: 0px;
 margin-bottom: 30px;
 display: block;
}
.list-3col li li, .list-4col li li {
 width: auto;
 margin-bottom: 0px;
 display: inline;
}
.portfolio_3column, .portfolio_4column {
 margin-left: 0px;
 text-align: left;
}
.portfolio_3column li, .portfolio_4column li {
 width: 100%;
 margin: 0px 0px 20px 0px;
 display: block !important;
 text-align: left;
 float: none;
}
.list-3col li .thumb, .list-4col li .thumb, .portfolio_3column li .thumb, .portfolio_4column li .thumb {
max-width: 300px;
}
/*header*/
.menu-wrapper {
 margin-top: 10px;
 background: transparent;
}
.ddsmoothmenu ul {
display: none;
}
.ddsmoothmenu select {
display: inline-block;
}
#header .breadcrumb {
display: none;
/*float: left !important;
margin-top: 20px !important;*/
}
.info-top {
 margin-top: 10px;
 float: left;
}
.info-top li {
 margin-left: 0px;
 margin-bottom: 1px;
 margin-right: 1px;
}
.social {
 float: left;
 margin-top: 10px;
 margin-bottom: 10px;
}
/*content*/
#content-top .breadcrumb {
float: left !important;
margin-top: 5px !important;
}
#content-top h1 {
display: block;
float: none;
}
.client li {
margin-bottom: 10px;
}
.team li {
background: transparent;
}
.team-info {
padding: 20px 0px;
}
.map {
height: 200px;
}
.pricing {
margin-bottom: 20px;
}
/*footer*/
#twitter {
min-height: 120px;
margin-top: 10px;
}
}
/*----------------------------------------*/
/*----- 3.2 Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
 
/*----------------------------------------*/
/*----- 3.3 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*commons*/
#wrapper {
 width: 100%;
}
.list-3col li {
 width: 228px;
}
.list-4col li {
 width: 166px;
}
.portfolio_3column li {
 width: 228px;
}
.portfolio_4column li {
 width: 166px;
}
#subform input[type="text"] {
 width: 120px !important;
}
/*header*/
.ddsmoothmenu ul {
display: none;
}
.ddsmoothmenu select {
 width: 40% !important;
 margin: 10px 0px 0px 10px;
 float: left;
 background: transparent;
 border: 1px solid #888;
 display: inline-block;
}
/*content*/
.client li {
margin-bottom: 10px;
}
.td-styled {
 font-size: 26px;
}
}

/*============================================================*/
/*---------- 4. Browser fix (IE8) ----------*/
/*============================================================*/
@media \0screen {
.info-top li img {
	display: none;
}
#wrapper {
	border: 1px solid #e6e6e6;
	border-width: 0px 1px 0px 1px;
}
}
.splash_images{
	float:right;
	margin-right: 40px;
}