/* CSS INFORMATION
	- Project: Media Star
	- Author: FelixPlus - www.felixplus.com
	- Last Update: 09/01/2013
*/

@media only screen and (max-height: 680px) {
	
.twitter-widget {
	display:none;
}

}

@media only screen and (min-height: 800px) {
	
#footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
}

}
@media only screen and (min-width: 980px) and (max-width: 1135px) {
#options #filter li a {
	padding:0 10px;
}
}

@media only screen and (min-width: 1050px) and (max-width: 1210px) {
h2.table-title {
	font-size:28px;
	margin:20px 0;
}
table.table1, table.table2, .table2 tfoot th, table.table3 {
	font-size:13px;
}
.table1 tfoot td {
	font-size:22px;
}
.table2 thead th, .table2 tfoot td {
	font-size:14px;
	padding:20px 10px;
}
.table2 tbody td {
	text-transform:lowercase;
}
.table3 tfoot td {
	font-size:22px;
}
.table3 tbody tr:nth-child(4) td {
	font-size:20px;
}

}

@media only screen and (min-width: 980px) and (max-width: 1049px) {
h2.table-title {
	font-size:28px;
	margin:20px 0;
}
table.table1, table.table2, .table2 tfoot th, table.table3 {
	font-size:13px;
	text-align:right;
}
.table1 tfoot td {
	font-size:16px;
}
.table2 thead th, .table2 tfoot td {
	font-size:14px;
	padding:20px 10px;
	text-align:center;
}
.table2 tbody td {
	text-transform:lowercase;
	text-align:center;
	padding:5px;
}
.table3 tfoot td {
	font-size:16px;
	text-align:center;
}
.table3 tbody tr:nth-child(4) td {
	font-size:14px;
}
.table1 tbody td, .table3 thead th {
	padding:5px;
}
.table1 thead th {
	padding:5px;
	text-align:center;
}
.table1 tbody th {
	padding:0 5px;
	text-align:right;
}
table.table3 {
	text-transform:lowercase;
}
.table3 tbody td:nth-child(2n), .table3 tbody td:nth-child(2n+1), .table3 thead th {
	text-align:center;
}
.table1 tfoot th, .table3 tfoot th {
	text-align:right;
}
.table3 tfoot th {
	padding:0 10px;
}	
}

@media only screen and (min-width: 1111px) {
#sidebar{
	display:block !important;
}
}

@media only screen and (min-width: 980px) and (max-width: 1110px) {
	
/* =========================================================
***************************Columns**************************
============================================================ */
.last {
	margin-right:0 !important;
}
.wrapper {
	width:94%
}
#left-panel {
	display:block;
}
.close-panel {
	left:250px !important;
	-webkit-transition: all 0.4s ease-in-out;
 	-moz-transition: all 0.4s ease-in-out;
 	-o-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out;
}
#sidebar {
	display:none;
}
/* =========================================================
*********************Main content***************************
============================================================ */
#main-content {
	left:0;
}
.vegas-overlay, .vegas-background, #tubular-container {
	left:0 !important;
}
#container {
    margin: 0 auto;
    padding: 0 5px;
}
/*---------------Sequence Slider----------------*/
.prev {
	left:10px;
}
.next {
	right:10px;
}
#sequence h2 {
	font-size:55px;
	line-height:50px;
	white-space: pre-wrap;
}
#sequence p {
	line-height:24px;
}
.button-1 {
	margin-left:-85px;
}
.button-1 a, .button-2 a {
	font-size:18px;
	height:42px;
	line-height:42px;
}
#sequence h4 {
	font-size:35px;
	line-height:34px;
	margin-bottom:10px;
}
.slide3 p {
	font-size:16px;
}
.animate-in .button-2 {
	top:50%;
}
.icon-1 {
	width:56%;
	margin-left:-28%;
}
.animate-in .icon-2 {
	top:52%;
}
/* =========================================================
**********************About Page**************************
============================================================ */
.about-top {
	width:93.174062%;
	padding:30px 3.412969% 20px;
}
.about-top img {
	left:3.412969%;
	width:29.237770%;
}
.service-box li .service-title {
	font-size:15px;
}
.service-box li div {
	width:77px;
	height:77px;
}
.service-box li div img {
	width:40%;
	height:auto;
}
.service-box li div:hover {
	width:97px;
	height:97px;
}

/* =========================================================
**********************Blog v3 Page**************************
============================================================ */
.ss-links {
	left:0;
}
.ss-container .element footer .footer-meta {
	width:52%;
}
.element .entry-comments, .element .entry-views {
	margin-right:15px;
}
/* =========================================================
************************Single Page*************************
============================================================ */
/*------------------ Comments List ---------------------*/
#comments {
	margin-top:20px;
	margin-bottom:0;
}
/* =========================================================
**************************Contact Page**********************
============================================================ */
.contact-box #respond {
	width:90.895296%;
	margin:0 4.552352%;
	padding-bottom:10px;
}
#comments-form, #comments-form p {
	width:100%;
}
#comments-form #comment_name, #comments-form #comment_email, .contact-page #comments-form #comment_name, .contact-page #comments-form #comment_email {
	width:40.901503%;
	padding:0 1.669449%;
}
#comments-form label {
	margin: 10px 3.338898% 0 1.669449%;
	width:10.016694%;
}
#comments-form #comment_message, .contact-page #comments-form #comment_message {
	width:70.951586%;
	padding:10px 1.669449%;
}
#comments-form .comment-button span {
	margin-left:15.03%;
}
.contact-info {
	margin:20px 3.338898% 40px 5.008347%;
}

/* =========================================================
***************************Post Page************************
============================================================ */
#right-sidebar .widget {
	margin:0 25px 20px;
}
/* =========================================================
*************************Blog v4 Page***********************
============================================================ */
/*------------------ Pagination ---------------------*/
.pagination li {
	margin-right:5px;
}
.pagination li a {
	padding:0px 5px;
}
/*---------------list style--------------*/
.elements-list .default-list, .elements-list .circle-list, .elements-list .check-list, .elements-list .arrow-list, .elements-list .star-list {
	/*width:48%;*/
	width:100%;
}

}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	
/* =========================================================
***************************Columns**************************
============================================================ */
.last {
	margin-right:0 !important;
}
.wrapper {
	width:94%
}
#left-panel {
	display:block;
}
.close-panel {
	left:250px !important;
	-webkit-transition: all 0.4s ease-in-out;
 	-moz-transition: all 0.4s ease-in-out;
 	-o-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out;
}
#sidebar {
	display:none;
}
/* =========================================================
*********************Main content***************************
============================================================ */
#main-content {
	left:0;
}
.vegas-overlay, .vegas-background, #tubular-container {
	left:0 !important;
}
#container {
    margin: 0 auto;
    padding: 0 5px;
}
/*---------------Sequence Slider----------------*/
.prev {
	left:10px;
}
.next {
	right:10px;
}
#sequence h2 {
	font-size:50px;
	line-height:45px;
}
#sequence p {
	line-height:24px;
	font-size:16px;
	text-align:center;
}
.button-1 {
	margin-left:-85px;
}
.button-1 a, .button-2 a {
	font-size:18px;
	height:42px;
	line-height:42px;
}
#sequence h4 {
	font-size:35px;
	line-height:34px;
	margin-bottom:10px;
}
.slide3 p {
	font-size:16px;
}
.slide3 {
	width:100%;
	text-align:center;
	margin-left:0;
}
.animate-in .slide3 {
	top:10%;
	left:0%;
}
.animate-in .button-2 {
	top:37%;
	left:34%;
}
.animate-in .intro {
	top:8%;
}
.animate-in .ipad-1 {
	top:39%;
	left:47%;
}
.animate-in .ipad {
	top:35%;
	left:60%;
}
.animate-in .ipad-2 {
	right:65%;
	top:41.5%;
}
.animate-in .icon-1 {
	top:40%;
}
.animate-in .icon-2 {
	top:55%;
}
.animate-in .icon-3 {
	top:60%;
}
.animate-in .icon-4 {
	top:65%;
}
.slide2 {
	width:80%;
	text-align:center;
}
.animate-in .slide2 {
	top:10%;
	left:10%;
}
/* =========================================================
**********************About Page**************************
============================================================ */
.about-top {
	width:93.174062%;
	padding:20px 3.412969% 20px 3.412969%;
}
.about-top img {
	position:static;
	left:0;
	width:100%;
	margin-bottom:20px;
}
.service-box li {
	width:50%;
	height:200px;
}

/* =========================================================
**********************Blog v1 Page**************************
============================================================ */
#options ul#filter {
	display:none;
}
#filters {
	display:block;
	width:380px;
}
.flx-select {
	width:365px !important;
}
.customSelectInner {
	width:100px !important;
}
#infscr-loading {
	margin-left:-100px;
}
/* =========================================================
**********************Blog v2 Page**************************
============================================================ */
.variable-sizes .element.width5 {
	width:370px;
	height:auto;
}
.blog-v2-img {
	width:21.019108%;
	margin-right:2.123142%;
}
.blog-v2-img img {
	/*width:50%;*/
	width:60px;
	height:80px;
}
.element.width5 .entry-content {
	width:76.857749%;
}
/* =========================================================
**********************Blog v3 Page**************************
============================================================ */
.ss-links {
	left:0;
}
.ss-container .element footer .footer-meta {
	width:90%;
	float:none;
	margin-bottom:10px;
}
.element .entry-comments, .element .entry-views {
	margin-right:15px;
}
/* =========================================================
************************Single Page*************************
============================================================ */
/*------------------ Comments List ---------------------*/
#comments {
	margin-top:20px;
	margin-bottom:0;
}
.comments-list .children.depth-1 {
	margin-left:0;
}
/* =========================================================
**************************Contact Page**********************
============================================================ */
.contact-box #respond {
	width:90.895296%;
	margin:0 4.552352%;
	padding-bottom:10px;
}
#comments-form, #comments-form p {
	width:100%;
}
#comments-form #comment_name, #comments-form #comment_email, .contact-page #comments-form #comment_name, .contact-page #comments-form #comment_email {
	width:94.901503%;
	padding:0 1.669449%;
}
#comments-form label {
	margin: 10px 0;
	width:100%;
	float:none;
	display:block
}
#comments-form #comment_message, .contact-page #comments-form #comment_message {
	width:94.951586%;
	padding:10px 1.669449%;
}
#comments-form label.error {
	left:45%;
	top:20px;
}
#comments-form .comment-button span {
	margin-left:0;
}
.contact-info {
	margin:20px 3.338898% 40px 5.008347%;
}

/* =========================================================
***************************Post Page************************
============================================================ */
#center-col {
	float:none;
	width:100% !important;
	margin-bottom:20px;
	margin-left:0 !important;
}
#center-col .white-box, .right-sidebar-page.fixed-width #center-col .white-box, .fixed-width .element-box {
	margin:0 25px !important;
}
#right-sidebar, #left-sidebar, .fixed-width #right-sidebar, .fixed-width #left-sidebar {
	float:none;
	width:100%;
	margin-left:0 !important;
	margin-right:0 !important;	
}
#right-sidebar {
	margin-top:0;
}
#right-sidebar .widget, #left-sidebar .widget, .fixed-width #right-sidebar .widget, .fixed-width #left-sidebar .widget {
	margin:0 auto 20px;
	width:90%;
}
.flickr-wrap {
	width:100%;
}
.flickr-badge-image {
	width:11.714286%;
	padding:0.010714%;
}
.flickr-badge-image a {
	width:100%;
	display:block;
}
.flickr-badge-image img {
	width:100%;
	display:block;
}
/* =========================================================
*************************Blog v4 Page***********************
============================================================ */
#center-col .blog-container {
	margin:0 25px 0 70px;;
}
/*------------------ Pagination ---------------------*/
.pagination {
	margin:0 0 10px 0px;
}
.pagination li {
	margin-right:5px;
}
.pagination li a {
	padding:0px 5px;
}
/* =========================================================
*************************Elements Page**********************
============================================================ */
.element-box {
	margin-right:25px;
}
/*---------------list style--------------*/
.elements-list .default-list, .elements-list .circle-list, .elements-list .check-list, .elements-list .arrow-list, .elements-list .star-list {
	/*width:48%;*/
	width:100%;
}
h2.table-title {
	font-size:28px;
	margin:20px 0;
}
table.table1, table.table2, .table2 tfoot th, table.table3 {
	font-size:13px;
	text-align:right;
}
.table1 tfoot td {
	font-size:16px;
}
.table2 thead th, .table2 tfoot td {
	font-size:14px;
	padding:20px 10px;
	text-align:center;
}
.table2 tbody td {
	text-transform:lowercase;
	text-align:center;
	padding:5px;
}
.table3 tfoot td {
	font-size:16px;
	text-align:center;
}
.table3 tbody tr:nth-child(4) td {
	font-size:14px;
}
.table1 tbody td, .table3 thead th {
	padding:5px;
}
.table1 thead th {
	padding:5px;
	text-align:center;
}
.table1 tbody th {
	padding:0 5px;
	text-align:right;
}
table.table3 {
	text-transform:lowercase;
}
.table3 tbody td:nth-child(2n), .table3 tbody td:nth-child(2n+1), .table3 thead th {
	text-align:center;
}
.table1 tfoot th, .table3 tfoot th {
	text-align:right;
}
.table3 tfoot th {
	padding:0 10px;
}
/* =========================================================
************************Lightbox detail**********************
============================================================ */
.pp_content_container, .pp_top, .pp_bottom, div.pp_pic_holder, div.ppt {
	width:100% !important;
}
div.pp_overlay {
	width:100% !important;
}
.pp_content, .pp_details {
	width:99% !important;
}
.pp_content {
	height:auto !important;
	padding:0 0 40px 0;
}
.pp_inline img {
	width:50%;
}
.pp_inline .entry-content {
	width:46%;
}
#fullResImage, #pp_full_res iframe {
	width:100% !important;
	height:auto !important;
}
.pp_pic_holder {
	height:auto !important;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/* =========================================================
***************************Columns**************************
============================================================ */
.last {
	margin-right:0 !important;
}
.wrapper {
	width:94%
}
#left-panel {
	display:block;
}
.close-panel {
	left:250px !important;
	-webkit-transition: all 0.4s ease-in-out;
 	-moz-transition: all 0.4s ease-in-out;
 	-o-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out;
}
#sidebar {
	display:none;
}
#container {
    margin: 0 auto;
    padding: 0 5px;
}
/* =========================================================
*********************Main content***************************
============================================================ */
#main-content {
	left:0;
}
.home-s2 #main-content {
	height:auto;
}
#mobile-logo-image {
	display:block;
}
.fixed-width #main-content {
	width:100% !important;
}
.fixed-width #main-content-inner {
	width:85%;
}
/*---------------Parallax Slider----------------*/
.da-slide .da-content {
	padding:5px 2%;
	top:40%;
	left:12%;
	height:65px;
}
.da-slide h2 {
	font-size:12px;
	font-weight:700;
	margin-bottom:0px;
	line-height:20px;
}
.da-slide p {
	height:35px;
	overflow:hidden;
	font-size:12px;
}
.da-slide .da-img {
	top:30%;
	left:46%;
}
.da-arrows span {
	top:45%;
}
.da-arrows span.da-arrows-prev {
	left:0;
}
.da-arrows span.da-arrows-next {
	right:0;
}
/*---------------Sequence Slider----------------*/
.controls {
	display:none;
}
.prev {
	left:10px;
}
.next {
	right:10px;
}
#sequence h2 {
	font-size:46px;
	line-height:45px;
	white-space: pre-wrap;
}
#sequence p {
	line-height:24px;
	font-size:16px;
}
.html5 {
	margin-left:-45%;
	width:90%;
}
.button-1 {
	margin-left:-85px;
}
.button-1 a, .button-2 a {
	font-size:18px;
	height:42px;
	line-height:42px;
}
#sequence h4 {
	font-size:35px;
	line-height:34px;
	margin-bottom:10px;
}
.slide3 p {
	font-size:16px;
}
.slide3 {
	margin-left:0;
}
.animate-in .slide3 {
	top:10%;
	left:10%;
}
.animate-in .button-2 {
	top:37%;
	left:34%;
}
.animate-in .intro {
	top:8%;
}
.ipad-2 {
	width:40%;
}
.ipad-1 {
	width:44%;
}
.animate-in .ipad-1 {
	top:38.5%;
}
.ipad {
	width:50%;
}
.animate-in .ipad {
	top:35%;
	left:54%;
}
.animate-in .ipad-2 {
	right:62%;
	top:40.5%;
}
.icon-1 {
	width:90%;
	margin-left:-45%;
}
.animate-in .icon-2 {
	top:55%;
}
.animate-in .icon-3 {
	top:60%;
}
.animate-in .icon-4 {
	top:65%;
}
.animate-in .slide2 {
	top:10%;
	left:10%;
}
/* =========================================================
**********************About Page**************************
============================================================ */
.about-widget {
	margin:50px auto;
	width:85%;
}
.about-top {
	width:93.174062%;
	padding:20px 3.412969% 20px 3.412969%;
}
.about-top img {
	position:static;
	left:0;
	width:100%;
	margin-bottom:20px;
}
.service-box li {
	width:50%;
	height:200px;
}
.service-box li .service-title {
	font-size:18px;
}
/* =========================================================
**********************Blog v1 Page**************************
============================================================ */
#options ul#filter {
	display:none;
}
#filters {
	display:block;
	width:360px;
}
.flx-select {
	width:350px !important;
}
.customSelectInner {
	width:100px !important;
}
#infscr-loading {
	margin-left:-100px;
}
/* =========================================================
**********************Blog v2 Page**************************
============================================================ */
.variable-sizes .element.width5 {
	width:380px;
	height:auto;
	margin:5px auto;
}
.blog-v2-img {
	width:21.019108%;
	margin-right:2.123142%;
}
.blog-v2-img img {
	/*width:50%;*/
	width:60px;
	height:80px;
}
.element.width5 .entry-content {
	width:76.857749%;
}
/* =========================================================
**********************Blog v3 Page**************************
============================================================ */
#sticky_navigation {
	display:block;
}
.ss-links {
	left:0;
	top:0;
	display:none;
}
.ss-container .element footer .footer-meta {
	width:90%;
	float:none;
	margin-bottom:10px;
}
.element .entry-comments, .element .entry-views {
	margin-right:15px;
}
/* =========================================================
************************Single Page*************************
============================================================ */
/*------------------ Comments List ---------------------*/
#comments {
	margin-top:20px;
	margin-bottom:0;
}
.comments-list .children.depth-1 {
	margin-left:0;
}
/* =========================================================
**************************Contact Page**********************
============================================================ */
.contact-box #respond {
	width:90.895296%;
	margin:0 4.552352%;
	padding-bottom:10px;
}
#comments-form, #comments-form p {
	width:100%;
}
#comments-form #comment_name, #comments-form #comment_email, .contact-page #comments-form #comment_name, .contact-page #comments-form #comment_email {
	width:94.901503%;
	padding:0 1.669449%;
}
#comments-form label {
	margin: 10px 0;
	width:100%;
	float:none;
	display:block
}
#comments-form #comment_message, .contact-page #comments-form #comment_message {
	width:94.951586%;
	padding:10px 1.669449%;
}
#comments-form label.error {
	left:45%;
	top:20px;
}
#comments-form .comment-button span {
	margin-left:0;
}
.contact-info {
	margin:20px 3.338898% 40px 5.008347%;
}

/* =========================================================
***************************Post Page************************
============================================================ */
#center-col {
	float:none;
	width:85% !important;
	margin:25px auto !important;
}
#center-col .white-box, .fixed-width #main-content #center-col .white-box {
	margin:0 auto;
}
.right-sidebar-page #center-col .white-box {
	margin:0 auto !important;
}
#right-sidebar, #left-sidebar, .fixed-width #right-sidebar, .fixed-width #left-sidebar {
	float:none;
	width:85%;
	margin:0 auto !important;	
}
#right-sidebar {
	margin-top:0;
}
#right-sidebar .widget, #left-sidebar .widget, .fixed-width #right-sidebar .widget, .fixed-width #left-sidebar .widget {
	margin:0 auto 20px;
	width:90%;
}
.flickr-wrap {
	width:100%;
}
.flickr-badge-image {
	width:11.314286%;
	padding:0.010714%;
}
.flickr-badge-image a {
	width:100%;
	display:block;
}
.flickr-badge-image img {
	width:100%;
	display:block;
}
#respond h3 {
	margin-bottom:5px;
}
/* =========================================================
*************************Blog v4 Page***********************
============================================================ */
#center-col .blog-container {
	margin:0 25px 0 70px;;
}
/*------------------ Pagination ---------------------*/
.pagination {
	margin:0 0 10px 70px;
}
.pagination li {
	margin-right:5px;
}
.pagination li a {
	padding:0px 5px;
}
/* =========================================================
*************************Elements Page**********************
============================================================ */
.element-box {
	margin-right:25px;
}
.fixed-width .element-box {
	margin-left:25px;
}
/*---------------list style--------------*/
.elements-list .default-list, .elements-list .circle-list, .elements-list .check-list, .elements-list .arrow-list, .elements-list .star-list {
	/*width:48%;*/
	width:100%;
}
h2.table-title {
	font-size:28px;
	margin:20px 0;
}
table.table1, table.table2, .table2 tfoot th, table.table3 {
	font-size:13px;
	text-align:right;
}
.table1 tfoot td {
	font-size:16px;
}
.table2 thead th, .table2 tfoot td {
	font-size:14px;
	padding:20px 10px;
	text-align:center;
}
.table2 tbody td {
	text-transform:lowercase;
	text-align:center;
	padding:5px;
}
.table3 tfoot td {
	font-size:16px;
	text-align:center;
}
.table3 tbody tr:nth-child(4) td {
	font-size:14px;
}
.table1 tbody td, .table3 thead th {
	padding:5px;
}
.table1 thead th {
	padding:5px;
	text-align:center;
}
.table1 tbody th {
	padding:0 5px;
	text-align:right;
}
table.table3 {
	text-transform:lowercase;
}
.table3 tbody td:nth-child(2n), .table3 tbody td:nth-child(2n+1), .table3 thead th {
	text-align:center;
}
.table1 tfoot th, .table3 tfoot th {
	text-align:right;
}
.table3 tfoot th {
	padding:0 10px;
}
.vegas-overlay, .vegas-background, #tubular-container {
	left:0 !important;
}

#logo-image {
	margin:10px auto 25px;
	display:none;
}

/* =========================================================
************************Lightbox detail**********************
============================================================ */
.pp_content_container, .pp_top, .pp_bottom, div.pp_pic_holder, div.ppt {
	width:100% !important;
}
div.pp_overlay {
	width:100% !important;
}
.pp_content, .pp_details {
	width:99% !important;
}
.pp_content {
	height:auto !important;
	padding:0 0 40px 0;
}
.pp_inline img {
	width:100%;
	margin:0 0 10px 0;
}
.pp_inline .entry-content {
	width:100%;
	margin:0;
}
#fullResImage, #pp_full_res iframe {
	width:100% !important;
	height:auto !important;
}
.pp_pic_holder {
	height:auto !important;
}
.page-404 {
	margin:0 auto;
	width:85%;
}
.contact-box, .felix-map {
	margin-top:25px;
}

}

@media only screen and (max-width: 479px) {
	
/* =========================================================
***************************Columns**************************
============================================================ */
.last {
	margin-right:0 !important;
}
.wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
}
#left-panel {
	display:block;
}
.close-panel {
	left:250px !important;
	-webkit-transition: all 0.4s ease-in-out;
 	-moz-transition: all 0.4s ease-in-out;
 	-o-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out;
}
#sidebar {
	display:none;
}
#container {
    margin: 0 auto;
    padding: 0 5px;
}
/* =========================================================
*********************Main content***************************
============================================================ */
#main-content {
	left:0;
}
.home-s2 #main-content {
	height:auto;
}
.fixed-width #main-content {
	width:100% !important;
}
#logo-image {
	display:none;
}
#mobile-logo-image {
	display:block;
	margin:15px auto;
}
#main-nav {
	margin:10px 25px 30px 25px;
}

/*---------------Sequence Slider----------------*/
.controls {
	display:none;
}
.prev {
	left:10px;
}
.next {
	right:10px;
}
#sequence h2 {
	font-size:34px;
	line-height:30px;
}
#sequence .slide3 h2 {
	font-size:30px;
	white-space: pre-wrap;
}
#sequence p {
	line-height:20px;
	font-size:14px;
}
.button-1 {
	margin-left:0;
	display:none;
}
.button-1 a, .button-2 a {
	font-size:18px;
	height:36px;
	line-height:36px;
	padding:0 10px;
}
#sequence h4 {
	font-size:30px;
	line-height:26px;
	margin-bottom:10px;
}
.slide3 p {
	font-size:16px;
}
.slide3 {
	width:100%;
	margin-left:0;
}
.animate-in .slide3 {
	top:10%;
	left:0%;
}
.animate-in .button-2 {
	top:30%;
	left:27%;
}
.animate-in .intro, .animate-in .slide2 {
	top:10%;
}
.animate-in .button-1 {
	top:30%;
	left:28%;
}
.animate-in .ipad {
	left:50%;
	top:35%;
}
.ipad {
	width:60%;
}
.ipad-1 {
	width:53%;
}
.ipad-2 {
	width:45%;
}
.animate-in .ipad-1 {
	top:38%;
	left:31%;
}
.animate-in .ipad-2 {
	top:41%;
	right:62%
}
.icon-1 {
	width:90%;
	margin-left:-45%;
}
.slide2 {
	width:100%;
	text-align:center;
}
.animate-in .slide2 {
	left:0%;
}
.html5 {
	width:90%;
	margin-left:-45%;
}
.animate-in .html5 {
	top:40%;
}

/* =========================================================
**********************About Page**************************
============================================================ */
.about-widget {
	width:85%;
	margin:25px auto;
}
.about-top {
	width:93.174062%;
	padding:20px 3.412969% 20px 3.412969%;
}
.about-top img {
	position:static;
	left:0;
	width:100%;
	margin-bottom:20px;
}
.service-box li {
	width:100%;
	height:200px;
}
.service-box li .service-title {
	font-size:18px;
}
/* =========================================================
**********************Portfolio Page**************************
============================================================ */
.variable-sizes .element.width1 {
	width:280px;
}
.variable-sizes .element.height1 {
	height:280px;
}
.variable-sizes .element.width1a {
	width:280px;
}
.variable-sizes .element.height1a {
	height:380px;
}
.variable-sizes .element.height2 {
	height:280px;
}
.variable-sizes .element.width2_1 {
	width:200px;
}
.variable-sizes .element.height2_1 {
	height:146px;
}
.variable-sizes .element.width1.height2 {
	height:180px;
}
.variable-sizes .element.height3 {
	height:312px;
}
.variable-sizes .element.height7, .variable-sizes .element.height14 {
	height:318px;
}
/* =========================================================
**********************Blog v1 Page**************************
============================================================ */
#options ul#filter {
	display:none;
}
#filters {
	display:block;
}
.flx-select {
	width:300px !important;
}
.customSelectInner {
	width:100px !important;
}
.variable-sizes .element.width2, .variable-sizes .element.width3, .variable-sizes .element.width4, .variable-sizes .element.width5, .variable-sizes .element.width6 {
	width:280px;
	margin:10px auto;
}
.variable-sizes .element.width2 a.blog-img, .variable-sizes .element.width2 a.blog-img img
.variable-sizes .element.width3 a.blog-img, .variable-sizes .element.width3 a.blog-img img,
.variable-sizes .element.width4 a.blog-img, .variable-sizes .element.width4 a.blog-img img,
.variable-sizes .element.width5 a.blog-img, .variable-sizes .element.width5 a.blog-img img,
.variable-sizes .element.width6 a.blog-img, .variable-sizes .element.width6 a.blog-img img {
	width:100%;
	height:auto;
	display:block;
}
.element .blog-img .flx-time {
	display:none;
}
#infscr-loading {
	margin-left:-100px;
}
/* =========================================================
**********************Blog v2 Page**************************
============================================================ */
.variable-sizes .element.width5 {
	width:280px;
}
.blog-v2-img {
	width:100%;
	margin-right:0;
	margin-bottom:5px;
}
.blog-v2-img img {
	/*width:50%;*/
	width:60px;
	height:80px;
}
.element.width5 .entry-content {
	width:100%;
}
.element .entry-content .flx-time {
	display:none;
}
.entry-likes {
	margin-bottom:10px;
}
.element footer {
	margin-top:5px;
	padding:5px 0;
}
/* =========================================================
**********************Blog v3 Page**************************
============================================================ */
#sticky_navigation {
	display:block;
}
.ss-links {
	left:0;
	display:none;
}
.time-filter {
	position:fixed;
	top:0;
	width:100%;
	background:#3b5998;
	z-index:98;
}
.filter-picker {
	display:block;
	z-index:99;
	position:fixed;
	right:7.5%;
}
#filter-by-category.blog-v3 {
	position:fixed;
	border-top:none !important;
}
.ss-container {
	margin-top:-30px;
}
.ss-container .element footer .footer-meta {
	width:55%;
}
.element .entry-comments, .element .entry-views {
	margin-right:10px;
}
.ss-left {
	padding-right:0;
}
.ss-left, .ss-right {
	width:85%;
	margin:0 auto;
	float:none;
}
.ss-container .element {
	width:96%;
	padding:2%;
}
.ss-left .element, .ss-right .element {
	margin:0 0 10px 0 !important;
}
.ss-left .ss-circle-deco:after {
	border:none;
	background:none;
}
.ss-right {
	padding-left:0;
}
.ss-container h2 {
	text-align:center;
	font-size:20px;
}
.ss-container:before {
	width:0;
}
/* =========================================================
************************Single Page*************************
============================================================ */
.white-box {
	width:85%;
	margin:25px auto;	
	}
.entry-box .flx-time {
	display:none;
}
.entry-header-right {
	margin-left:0;
}
.entry-header-right .entry-date {
	margin-bottom:5px;
}
.meta-data {
	float:left;
}
.entry-box .entry-thumb {
	width:100%;
}
/*------------------ Comments List ---------------------*/
#comments {
	margin-top:20px;
	margin-bottom:0;
	width:100%;
}
.comments-list, .comments-list .comment, .comments-list .comment .comment-wrap {
	width:100%;
}
.comment-wrap img {
	width:15.067138%;
	margin-right:4.355713%;
}
.comment-wrap .comment-body {
	margin-left:21.422851%;
}
.comments-list .children.depth-1 {
	margin-left:0;
}
/* =========================================================
**************************Contact Page**********************
============================================================ */
.felix-map {
	float:none;
	width:83%;
	margin:25px auto;
	height:400px !important;
	border:5px solid #FFF;
}
.contact-box {
	width:85%;
	margin:0 auto;
	float:none;
	border-left:none;
}
.contact-box #respond {
	width:100%;
	margin:0;
	padding-bottom:10px;
}
#comments-form, #comments-form p {
	width:100%;
}
#comments-form #comment_name, #comments-form #comment_email, .contact-page #comments-form #comment_name, .contact-page #comments-form #comment_email {
	width:94.901503%;
	padding:0 1.669449%;
}
#comments-form label {
	margin: 10px 0;
	width:100%;
	float:none;
	display:block
}
#comments-form #comment_message, .contact-page #comments-form #comment_message {
	width:94.951586%;
	padding:10px 1.669449%;
}
#comments-form label.error {
	left:34%;
	top:20px;
}
#comments-form .comment-button span {
	margin-left:0;
}
.contact-info {
	margin:20px 0 40px;
}

/* =========================================================
***************************Post Page************************
============================================================ */
#center-col {
	float:none;
	width:100% !important;
	margin:25px auto;
}
.left-sidebar-page #center-col .white-box {
	margin:0 auto;
}
#center-col .white-box, .right-sidebar-page.fixed-width #center-col .white-box, .fixed-width .element-box {
	margin:0 auto !important;
	width:85%
}
#right-sidebar, #left-sidebar, .fixed-width #right-sidebar, .fixed-width #left-sidebar {
	float:none;
	width:85%;
	margin:25px auto !important;
}
#right-sidebar {
	margin:0 auto;
	width:85%;
}
#right-sidebar .widget, #left-sidebar .widget, .fixed-width #right-sidebar .widget, .fixed-width #left-sidebar .widget {
	margin:0 auto 20px;
	width:100%;
}
.flickr-wrap {
	width:100%;
}
.flickr-badge-image {
	width:24.514286%;
	padding:0.010714%;
}
.flickr-badge-image a {
	width:100%;
	display:block;
}
.flickr-badge-image img {
	width:100%;
	display:block;
}
#right-sidebar #login #username, #right-sidebar #login #password, #left-sidebar #login #username, #left-sidebar #login #password {
	width:198px;
}
/* =========================================================
*************************Blog v4 Page***********************
============================================================ */
#center-col .blog-container {
	margin:0 25px 25px 25px;
}
/*------------------ Pagination ---------------------*/
.pagination {
	margin:0 25px 0px 25px;
}
.pagination li {
	margin-right:5px;
	margin-bottom:5px;
}
.pagination li a {
	padding:0px 3px;
	font-size:11px;
}
/* =========================================================
*************************Elements Page**********************
============================================================ */
.element-box {
	margin-right:25px;
}
/*---------------list style--------------*/
.elements-list .default-list, .elements-list .circle-list, .elements-list .check-list, .elements-list .arrow-list, .elements-list .star-list {
	/*width:48%;*/
	width:100%;
}
h2.table-title, table.table3, table.table2, table.table1{
	display:none;
}
.vegas-overlay, .vegas-background, #tubular-container {
	left:0 !important;
}

#logo-image {
	margin:10px auto 25px;
}
/* =========================================================
**********************404 Page******************************
============================================================ */
.page-404 img {
	width:80%;
	margin-top:50px;
}
.page-404 h2 {
	font-size:40px;
}
.page-404 p {
	font-size:18px;
}

/* =========================================================
************************Lightbox detail**********************
============================================================ */
div.pp_pic_holder, div.ppt {
	width:85% !important;
	margin:0 9% !important;
	left:0 !important;
}
div.pp_default .pp_content_container .pp_right {
	padding-right:18px;
}
div.pp_overlay {
	width:100% !important;
}
.pp_content, .pp_details {
	width:99% !important;
}
.pp_content {
	height:auto !important;
	padding:0 0 40px 0;
}
.pp_inline img {
	width:100%;
	margin:0 0 10px 0;
}
.pp_inline .entry-content {
	width:100%;
	margin:0;
}
#fullResImage, #pp_full_res iframe {
	width:100% !important;
	height:auto !important;
}
.pp_pic_holder {
	height:auto !important;
}

table.table4 tr td, table.table4 th {
	padding:5px;
}

}

@media only screen and (min-width: 1037px) and (max-width: 1296px) and (min-height:737px) and (max-height: 816px) {
#sequence {
	height:800px;
}

}

@media only screen and (min-width: 1041px) and (max-width: 1296px) and (min-height:617px) and (max-height: 736px) {
#sequence {
	height:720px;
}

}

@media only screen and (min-width: 977px) and (max-width: 1040px) and (min-height:617px) and (max-height: 784px) {

#sequence {
	height:768px;
}
.animate-in .ipad-1 {
	top:27%;
}
.animate-in .ipad-2 {
	top:30%;
}
.animate-in .slide3 {
	top:13%;
}
.animate-in .icon-1 {
	top:35%;
}
.animate-in .intro {
	top:8%;
}
.animate-in .button-1 {
	top:24%;
}
.animate-in .html5 {
	top:40%;
}
.animate-in .ipad {
	top:17%;
}
.animate-in .ipad-1 {
	top:23%;
}
.animate-in .ipad-2 {
	top:26.5%;
}
.animate-in .slide2 {
	top:30%;
}

}

@media only screen and (min-width: 977px) and (max-width: 1036px) and (min-height:557px) and (max-height: 616px) {
#sequence {
	height:600px;
}
.slide2 {
	width:80%;
	text-align:center;
}
}

@media only screen and (min-width: 817px) and (max-width: 976px) and (min-height:497px) and (max-height: 556px) {
#sequence {
	height:540px;
}
.slide2 {
	width:80%;
	text-align:center;
}
.animate-in .ipad {
	top:25%;
}
.animate-in .slide2 {
	top:5%;
}
.animate-in .ipad-1 {
	top:32%;
}
.animate-in .ipad-2 {
	top:37%;
}
}

@media only screen and (min-width: 617px) and (max-width: 816px) and (min-height:1037px) and (max-height: 1296px) {
#sequence {
	height:1280px;
}
.slide2 {
	width:80%;
	text-align:center;
}
.html5, .icon-1 {
	width:90%;
	margin-left:-45%;
}

}

@media only screen and (min-width: 617px) and (max-width: 816px) and (min-height:337px) and (max-height: 496px) {
#sequence {
	height:480px;
}
.slide2 {
	width:80%;
	text-align:center;
}
.animate-in .ipad {
	top:33%;
}
}

@media only screen and (min-width: 557px) and (max-width: 616px) and (min-height: 977px) and (max-height: 1036px) {
#sequence {
	height:1020px;
}
.slide2 {
	width:80%;
	text-align:center;
}
}

@media only screen and (min-width: 557px) and (max-width: 784px) and (min-height:817px) and (max-height: 1040px) {

#sequence {
	height:1020px;
}
.html5, .icon-1 {
	margin-left:-45%;
	width:90%;
}
.ipad {
	width:40%;
}
.ipad-1 {
	width:34%;
}
.ipad-2 {
	width:30%;
}
.animate-in .ipad-1 {
	left:42%;
	top:37%;
}
.animate-in .html5 {
	top:40%;
}
.animate-in .button-1 {
	top:25%;
}
.animate-in .ipad {
	top:33%;
}
.animate-in .ipad-2 {
	top:39%;
}

}


@media only screen and (min-width: 497px) and (max-width: 556px) and (min-height: 817px) and (max-height: 976px) {
#sequence {
	height:960px;
}
.slide2 {
	width:80%;
	text-align:center;
}
}

@media only screen and (max-width: 496px) and (min-height: 337px) and (max-height: 816px) {
#sequence {
	height:800px;
}
.slide2 {
	width:80%;
	text-align:center;
}
.animate-in .slide2 {
	left:10%;
}
}

@media only screen and (min-width: 337px) and (max-width: 496px) and (max-height: 336px) {

#sequence {
	height:268px;
}
.intro, .button-1, .slide3, .slide2 {
	display:none;
}
.animate-in .html5 {
	top:2%;
}
.animate-in .icon-1 {
	top:10%;
}
.ipad {
	width:40%;
}
.animate-in .ipad {
	top:3.5%;
	left:60%;
}
.animate-in .ipad-1 {
	top:9.5%;
	left:43%;
}
.ipad-1 {
	width:35%;
}
.ipad-2 {
	width:30%;
}
.animate-in .ipad-2 {
	top:15.5%;
	right:64%;
}

}

@media only screen and (max-width: 336px) and (max-height: 496px) {
	
#sequence {
	height:410px;
}
.animate-in .ipad {
	top:33%;
}
.animate-in .ipad-1 {
	top:37%;
}
.animate-in .icon-1 {
	top:43%;
}

}