@charset "utf-8";
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-v49-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v49-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v49-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/** general **/
body { font-family: 'Lato', cursive; height: 100%; font-weight: 400; color: #707070; font-size: 14px; background: #F0F0F0; }
a {
	color: #ED6477;
	text-decoration: none;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	-webkit-backface-visibility: hidden;
	outline: 0;
}
a:hover { text-decoration: none; color: #045E83; outline: none; }
a:focus { text-decoration: none; outline: 0px; }
.banner_header { text-shadow: 1px 1px 1px #333333; }
h1, h2, h3, h4, h5, h6, .panel-group .panel-heading a { font-family: 'Oswald', serif; cursive; font-weight: 400; color: #022A3B; margin-bottom: 10px; text-rendering: optimizelegibility; line-height: normal; }
h1 { font-size: 38px; font-weight: 400; }
h2 {
	font-size: 15px;
}
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; text-transform: uppercase; }
h6 { font-size: 12px; line-height: 16px; }
p { margin-bottom: 15px; }
label { font-weight: 400; margin: 15px 0 5px; font-size: 15px; display: block; }
span.overlay { position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; z-index: 9; background: rgba( 204, 204, 204, 0.9); }
strong { font-weight: 700; }
blockquote { border-color: #0581B5; }

/* form elements */
.form-control { border: 1px solid #E0E0DD; color: #022A3B; background-color: #fff; }
.form-control:focus { border-color: #0581B5; box-shadow: none; }

.slider-wrap { background-color: #2C2C2C; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }

/* tab */
.tab-content { padding-top: 50px;}

/* List Group */
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background: #0581B5; border-color: #0581B5; }
.list-group-item:first-child, .list-group-item:last-child { -webkit-border-radius: 0; border-radius: 0; }

/* Buttons */
.btn { border-color: #0581B5; text-decoration: none; text-transform: uppercase; text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; background: #0581B5; color: #fff; }
.btn:hover, .btn:focus { border-color: #045E83; background-color: #045E83; color: #fff; }
.btn i { margin: 0 3px; }

.btn-outline-inverse { border: 2px solid #fff; color: #fff; }
.btn-outline-inverse:hover { background: #fff; border: 2px solid #fff; color: #2D343E; }

.bs-glyphicons { margin:0 -19px 20px -16px; overflow:hidden }
.bs-glyphicons-list { padding-left:0; list-style:none }
.bs-glyphicons li { float:left; width:25%; height:115px; padding:10px; font-size:10px; line-height:1.4; text-align:center; border:1px solid #fff; background-color:#f9f9f9 }
.bs-glyphicons .glyphicon { margin-top:5px; margin-bottom:10px; font-size:24px }
.bs-glyphicons .glyphicon-class { display:block; text-align:center; word-wrap:break-word }
.bs-glyphicons li:hover { color:#fff; background-color:#563d7c }

/* menu dropdown */
.dropdown-menu { background: #022A3B; border: 1px solid #022A3B; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
.dropdown-menu > li > a { color: #fff; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #999; background: #000; }

/* border */
span.border { position: relative; width: 30%; height: 1px; margin: 0 auto; display: inline-block; background: #999; }
span.border i { background: #fff; position: absolute; left: 50%; top: -10px; line-height: 20px; height: 20px; width: 40px; font-size: 15px; }

/* pagination */
.pagination { margin: 20px auto; }

/* progress bar */
.progress { }
.progress-bar { background: #ED6477; }
p.progress-title { text-transform: uppercase; font-size: 12px; margin-bottom: 5px; }

.panel-group { padding: 0 0 20px 0; overflow: hidden; }
.panel-group .panel { -webkit-box-shadow:0 0px 0px rgba(0,0,0,.0); box-shadow:0 0px 0px rgba(0,0,0,.0); }
.panel-group .panel-heading { padding: 0px; }
.panel-group .panel-heading a { padding: 5px 10px; color: #fff; margin: 0px; text-transform: uppercase; }
.panel-group a.collapsed { background: #fff; color: #ED6477; border-color: #e5e5e5; }
.panel-group .body { padding: 15px; }
.panel-group a { background: #ED6477; color: #fff; display: block; border-color: #ED6477; }

.tags { padding-bottom: 30px; overflow: hidden; }
.tags ul { padding: 0px; margin: 0px; list-style: none; }
.tags li { padding: 0 5px 5px 0; float: left; }
.tags li a { padding: 4px 8px; font-size: 12px; }
.tags li a i { padding-right: 5px; }

.categories { padding-top: 50px; overflow: hidden; }
.categories h4 { font-size: 22px; letter-spacing: 1px; text-transform: uppercase; line-height: 30px; font-weight: 700; color: #54606b; }
.categories p { font-size: 13px; line-height: 22px; margin-bottom: 40px; }
.categories .photo { overflow: hidden; margin-bottom: 20px; }
.categories .photo ul { padding: 0px; list-style: none; overflow: hidden; }
.categories .photo li { padding: 10px 0; border: none; border-bottom: 1px solid #e5e5e5; width: 100%; float:left; }
.categories .photo li a { line-height: 20px; display: block; }
.categories .photo li a.image { width: 70px; float:left; height: 70px; margin: 0px 10px 0 0; display: block; color: #fff; border: 3px solid #e5e5e5; }
.categories .photo li a.image img { width: 100%; height: auto; }
.categories .photo li:hover a.image { text-decoration: underline; border-color: #00a9e0; }
.categories .photo li:hover a { text-decoration: underline; }
.categories .photo li span { padding-top: 5px; color: #898989; display: block; line-height: 20px; font-size: 12px; }

/* side Area */
.sideArea { padding: 50px 0 0 0; overflow: hidden; }
.sideArea .slider { padding-bottom: 20px; }
.sideArea h2 { margin-bottom: 20px; }
.sideArea p { margin-bottom: 20px; }
.sideArea .block { padding-left: 20px; border-left: 3px solid #022A3B; line-height: 20px; margin: 20px 0 20px 15px; }
.sideArea .block p { color: #AFAFAF; }

/* header Area */
#headerArea { margin: 0; transition: all 0.3s; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 25px 0; border-bottom: 3px solid #ccc; z-index: 9999; background: #fff; }
#headerArea .navbar-brand { padding: 0 12px 20px; margin: 0px; margin-bottom: -34px; border-radius: 0 0 10px 10px; height: auto; font-size: 24px; line-height: normal; transition: all 0.3s; float: left; }
#headerArea .navbar-nav > li > a { padding: 0 15px; font-size: 16px; color: #000; background: none; }
#headerArea .navbar-nav > li > a:hover, .navbar-nav > li.active > a {
	color: #ED687B;
	background: none;
}
.active {
	color: #ED687B;
	background: none;
}
#headerArea .navbar-nav li.open a, .navbar-nav li.open a, .navbar-nav li.open a:focus, .navbar-nav li a:focus { background: #ED6477; }
#headerArea.navbar-inverse .navbar-toggle:hover { background: #ED6477; }
#headerArea.navbar-inverse .navbar-toggle:focus { background: #ED6477; }
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #ED6477;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

/** Animated Header **/
#headerArea.tiny { padding: 20px 0; position: fixed; left: 0; top: 0; }
#headerArea.tiny .navbar-brand { padding-bottom: 20px; }

/* Home Slider */
#home-slider .container { padding-top: 20%; color: #fff; }
#home-slider h1 { color: #fff; }

/* Heading */
#heading {
	padding-top: 90px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 30px;
	margin-top: 70px;
	border-bottom: 1px solid #e6e5e5;
	background: url(../images/1900x400.jpg) repeat center center;
	height: auto;
}
#heading h1 {
	margin: 0px;
	padding-bottom: 10px;
	height: 100px;
}
#heading .breadcrumb { margin: 0px; background-color:rgba(255, 255, 255, 0.6); }

/* About Area */
.aboutArea { padding: 20px 0px; }
.aboutArea .i-overlay { margin: 0 auto; width: 90px; line-height: 90px; display: block; font-size: 36px; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; color: #0581B5; border: 2px solid #0581B5; }
.aboutArea .col-sm-3 { padding-top: 40px; cursor: pointer; }
.aboutArea .col-sm-3:hover .i-overlay { background: #0581B5; color: #fff; }

/* Content Area */
#content { padding: 30px 0; }
#content.blogPage .text { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e5e5; }
#content.blogPage h2 { margin-top: 0px; }

/* Stat Area */
#statArea { padding: 20px 0; width: 100%; border-bottom: 1px solid #e6e5e5; border-top: 1px solid #fff; overflow: hidden; }
#statArea h2 { margin-top: 0px; }
#statArea h2 span { display: block; color: #0581B5; text-transform: uppercase; font-size: 16px; }

/* Testimonial Area */
#testimonialArea { padding: 30px 0px; position: relative; background: url(../images/image_1900x400.jpg) repeat center center; border-bottom: 1px solid #e6e5e5;  }
#testimonialArea .flexslider { padding-bottom: 40px; }
#testimonialArea i { margin: 0 5px; color: #0581B5; }

/* Venue Area */
#venueArea { padding: 30px 0px; position: relative; background: #fff; border-bottom: 1px solid #e6e5e5;  }
#venueArea .i-overlay {
	height: 50px;
	color: #424242;
	font-size: 20px;
	width: 50px;
	float: left;
	border-radius: 25px;
	line-height: 50px;
	border: 1px solid #EA5268;
}
#venueArea .detail { margin-left: 70px; }
#venueArea h4 { margin-top: 0px; }
#venueArea .col-md-4 { margin-top: 15px; margin-bottom: 15px; }

#blogArea { padding: 30px; background: #fff; border-bottom: 1px solid #E6E5E5; }

/* Social Area */
.well { background: #fff; }

/* Work Area */
#workArea { width: 100%; }
#workArea ul { margin: 0px; padding: 0px; width: 100%; overflow: hidden; }
#workArea ul li { width: 25%; float: left; margin: 0px; padding: 0px; list-style: none; background: #022A3B; }
#workArea ul li a { display: block; position: relative; }
#workArea ul li a span { position: absolute; left: 5px; right: 5px; top: 50%; display: none; }
#workArea ul li a span cite { display: inline-block; text-align: center; text-transform: uppercase; padding: 5px 10px; color: #fff; background: #0581B5; }
#workArea ul li a img { width: 100%; height: auto; }
#workArea ul li a:hover img { opacity: 0.5; }
#workArea ul li a:hover span { display: block; }

/* Sidebar */
.sidebar { padding: 10px 15px; }
.sidebar h4 { margin-top: 0px; }

.sidebar .links li { border-bottom: 1px dotted #e2e2e2; }
.sidebar .links li a { padding: 5px 0px; display: block; }
.sidebar .links li a:hover { padding-left: 5px; background: #fafafa; }
.sidebar .links li a i { margin-right: 5px; }

.sidebar .list-group { border: 0px; margin: -10px -15px; position: relative; margin-top: 0px; }
.sidebar .list-group-item { border-left: 0px; border-right: 0px; background: none; }
.sidebar .list-group-item:last-child { border: 0px; }

/* Contact Area */
#contactArea { overflow: hidden; }
#contactArea #map { padding: 50px 0 0; }
#map_canvas { height: 500px; width: 100%; clear: both; }
#contactArea .pull-left { padding-left: 0;  }
#contactArea .pull-right { padding-right: 0;  }
#contactArea .btn-success { display: block; padding: 10px; margin: 0 auto; }

/* Logo Area */
#logoArea { padding: 30px 0; }
#logoArea .flexslider .slides > li { padding: 20px 0px; margin-right: 30px; font-size: 30px; text-transform: uppercase; }

/* Newsletter Area */
#newsletter { padding: 30px 0; }
#newsletter h2 { margin-top: 0px; }

/* Footer Area */
#footerArea {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	color: #999;
	background: #000000;
}
#footerArea a { color: #fff; }
#footerArea a:hover { color: #999; }
#footerArea i { margin-right: 3px; }
#footerArea h3 { color: #fff; }
#footerArea h3 a { font-size: 12px; color: #999; font-weight: 400; }
#footerArea .col-md-3 { margin-top: 10px; margin-bottom: 10px; }
#footerArea ul.links li { border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
#footerArea ul.links li a { padding: 4px 0; display: block; }
#footerArea ul.links li a:hover { padding-left: 12px; text-decoration: none; background: rgba(255, 255, 255, 0.05); }
#footerArea ul.pics { width: 100%; overflow: hidden; }
#footerArea ul.pics li { float: left; margin: 0px 10px 10px 0; }
#footerArea ul.pics li a { opacity: 0.6; }
#footerArea ul.pics li a:hover { opacity: 1.0; }
#footerArea .disclaimer {
	padding: 15px 0;
	overflow: hidden;
	background: #02344A;
}
#footerArea .disclaimer p { margin: 0px; padding: 5px 0px; }
#footerArea .disclaimer ul { margin: 0px; text-align: right; }
#footerArea .disclaimer ul li { font-size: 18px; display: inline-block; padding-left: 15px; }

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Start Media Queries */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1024px) {

	#headerArea .navbar-nav > li > a { padding: 0 8px; font-size: 14px; }

	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#headerArea .navbar-nav > li > a { padding: 0 8px; font-size: 14px; }
	
	}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	#headerArea { padding: 10px 0px; }
	#headerArea.tiny { padding: 5px 0px; }
	#headerArea .navbar-brand { padding: 10px 15px; border: 0px; background: none; margin: 0px; }
	#headerArea .navbar-nav > li > a { padding: 5px 15px; }
	#home-slider .container { padding-top: 100px; }
	
	#newsletter .btn span { display: none; }
	
	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#workArea ul li { width: 50%; }
		
	 }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	#workArea ul li { width: 100%; }

	 }