body{padding:0px; margin:0px; font-family: 'Open Sans', sans-serif; font-size:14px;}

.clearfix:before, .clearfix:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
#header {width:100%; margin:0px; display:block; overflow:hidden;}
#portfolio {width:100%; margin:0px; background-color:#FFF;display:block; overflow:hidden; clear:both;}
#about{width:100%; margin:0px; display:block; background:#FFF url(images/Vinod-Kumar.png) no-repeat bottom center; background-attachment:fixed;}
#profile{width:100%; margin:0px; background-color:#FFF;display:block;}
#blog{width:100%; margin:0px; background-color:#FFF;display:block;}
#contact{width:100%; background-image:url(images/iphone-smartphone-desk1.jpg); background-attachment:fixed; background-repeat:no-repeat; background-size:cover;}


.banner {width:100%; margin:0px; background-color:#6CA642; display:block; text-align:center; font-family:inherit; font-size:36px; color:#FFF; font-weight:600;}
.wrapper {width:100%; margin:0 auto; display:block; position:relative; padding:0px 50px; box-sizing:border-box;}

.inner-header{width:100%; float:left; opacity:1}
.navbar-outer { position:relative; width:100%; height:112px; bottom:0px; z-index:5; display:block; border-bottom:solid 1px #999; box-shadow:0px 15px 30px rgba(25,25,25,0.3);}
.navbar {height:auto;display:inline-block; background-color:rgb(25,25,25); opacity:.5; margin-left:50px; position:absolute;}
.spacer {width:100%; height:110px; display:none;}

.navbar ul {margin:0px; padding:0px; list-style:none; font-size:0px; display:inline-block;}
.navbar ul li {margin:0px; padding:0px; font-family:inherit; font-size:16px; font-weight:400; text-transform:uppercase; color:#FFF; display:inline-block; padding:43px 30px; list-style:none; border-left:solid #333 1px;border-bottom:4px solid transparent; box-sizing:border-box;}
.navbar ul li:last-child {border-right:solid #333 1px;}
.navbar ul li a{text-decoration:none; color:#FFF;}
.nav-fixed {position:fixed; top:0px; z-index:50; background-color:rgb(25,25,25);}

.margin-nav-left, .margin-nav-right{width:50px; height:100%; background-color:#6CA642; display:inline-block; opacity:1; position:absolute; margin:0px; padding:0px;}
.margin-nav-left {left:0; top:0;}
.margin-nav-right {right:0; top:0;}
.active {border-bottom:4px solid #6CA642 !important; color: #6CA642;}
.navbar ul li.active a {color:#6ca642; font-weight:400;}

.mini-nav {display:none; position:fixed; bottom:-324px; background-color:rgb(25,25,25); width:100%; text-align:center;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s; border-top:solid 1px #999;box-shadow:0px -5px 10px rgba(25,25,25,.3); z-index:8;}
.mini-logo {position:fixed; width:100%; background-color:rgb(25,25,25); height:70px; top:0px; display:none; z-index:8;}
.port-name {display:none; color:#6CA642; font-family:inherit; font-size:16px; line-height:18px; font-weight:300; float:right; z-index:21; text-transform:uppercase; text-align:right; padding:15px 0px; margin-right:70px;}
.menu-icon {display:none; cursor:pointer; height:33px; font-size:25px; background-color:#6CA642; margin:0px; padding:0px; color:#FFF;}
.menu-slide {-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;}
.logo {width:0px; height:auto; padding:30px; display:inline-block; position:absolute; z-index:4; opacity:0; overflow:hidden; left:50px;}
.logo img {max-width:200px;}

.footer{width:100%; height:50px; background-color:rgb(25,25,25); position:fixed; bottom:-50px; z-index:5;  box-shadow:0px -5px 10px rgba(25,25,25,.3);border-top:solid 1px #999; display:block;}


.margin-footer-left, .margin-footer-right{width:50px; height:100%; background-color:#6CA642; display:inline-block; opacity:1; position:absolute; z-index:10;}
.margin-footer-left {left:0; bottom:0;}
.margin-footer-right {right:0; bottom:0;}

.footer-left, .footer-right{height:100%; display:inline-block;}
.footer-left {margin-left:50px; float:left;}
.footer-right {margin-right:80px; float:right;}

.logo-box {display:inline-block; width:500px; padding:50px 30px; background-color: rgba(25,25,25,.7); vertical-align:middle; box-sizing:border-box;}
.right-box {display:inline-block; width:345px; vertical-align:middle; }
.right-box ul {list-style:none; margin:0px; padding:0px;}
.right-box ul li {display:inline-block; padding:1px 5px; border: #FFF 1px solid; margin:2px; background-color:rgba(40,68,20,.4)}
.right-box ul li a {text-decoration:none; color:#FFF; text-transform:capitalize;}

.page-head-outer {width:100%;  padding:50px 0px 30px 0px;}
.page-head-green {width:50px; height:30px; background-color:#6CA642; display:inline-block;}
.page-head {height:30px; display:inline-block;}
#portfolio .page-head-menu{position:relative; padding:0px; width:100%; display:block; box-shadow:none;}
.page-head-menu ul {padding:0px; border:1px }
.page-head-menu ul li {font-family:inherit; font-size:14px; font-weight:400; text-transform:uppercase; color:#656565; display:inline-block; margin-right:30px; border-bottom:1px solid transparent;}
.page-head-menu ul li:before {content:""; display:inline-block; font-family:fontAwesome; color:#6ca642; font-size:8px;margin-right:10px;position:relative;  line-height:14px; vertical-align:middle;}
.page-head-menu ul li a {text-decoration:none; color:#656565; line-height:20px;}
.page-head-menu ul li:hover {border-bottom: solid 1px #6CA642;}

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;}
h1 {font-family:inherit; font-size:34px;font-weight:600;}
h2 {font-family:inherit; font-size:27px;font-weight:800;}
h3 {font-family:inherit; font-size:20px;font-weight:600;}
h4 {font-family:inherit; font-size:16px;font-weight:400; line-height:21px;}
h5 {font-family:inherit; font-size:13px;font-weight:400; line-height:20px;}
h6 {font-family:inherit; font-size:50px;font-weight:600; color:#FFF; line-height:60px; text-shadow:3px 3px 6px rgba(25, 25, 25,.3 );opacity:.7;}

.clear {clear:both; display:block; overflow:hidden;}

.image-outer {display:inline-block;}
.image-outer a {text-decoration:none; color:inherit;}
.image-frame {width:auto; height:75%; display:block;}
.image-frame img {width:100%;}
.image-frame img.gotcolors {z-index:2;opacity:0;-webkit-transition: all 1s;-moz-transition:all 1s;-o-transition: all 1s;-ms-transition: all 1s;}
.image-frame:hover img.gotcolors {opacity:1;-webkit-transition: all 1s;-moz-transition:all 1s;-o-transition: all 1s;-ms-transition: all 1s;}
.image-outer .captions {width:100%; height:25%; display:block; text-align:left; padding:10px; box-sizing:border-box;}
#features {margin-top:50px; opacity:0.7;-webkit-transition: all 1s;-moz-transition:all 1s;-o-transition: all 1s;-ms-transition: all 1s;}
#features:hover {opacity:1;-webkit-transition: all 1s;-moz-transition:all 1s;-o-transition: all 1s;-ms-transition: all 1s;}

/*-----------------------CSS FOR PORTFOLIO PAGE START HERE----------------------*/


.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin:0 auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
.slick-slide img {
  display: block;
}
.slick-slide img.slick-loading {
  background: white url(./ajax-loader.gif) center center no-repeat;
  padding-bottom: 100%;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Icons */

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 60px;
  width: 52px;
  min-width:25px;
  line-height: 0;
  font-size:0;
  cursor: pointer;
  top: 150px;
  padding: 0;
  border: none;
  outline: none;
  background:transparent;
}
.slick-prev:focus,
.slick-next:focus {
  outline: none;
}

.slick-prev:before, .slick-next:before {
  font-family: FontAwesome;
  font-size: 60px;
  line-height: 1;
  color:rgba(25,25,25,.5);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 30px;
}
.slick-prev:before {
  content: '';
}

.slick-next {
  right: 30px;
}
.slick-next:before {
  content: '';
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: .6%;
  width: .6%;
  margin: 0px 5px;
  padding: 0px;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: .6%;
  width: .6%;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  outline: none;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
  width: .6%;
  height: .6%;
  font-family: inherit;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color:#6CA642;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
}

.content {
  width: 100%;
  margin: auto;
}  

/*-----------------------CSS FOR ABOUT ME PAGE START HERE----------------------*/



/*-----------------------CSS FOR PROFILE PAGE START HERE----------------------*/



.partition {width:33%; height:100%; display:inline-block; vertical-align:top;}
.experience{width:100%; height:200px; padding:20px 0px; display:block;}
.experience .canvas{width:100%; height:20px; display:table; padding:5px; color:#666;}
.tools{width:25%; height:100%; border-right:dotted 1px #666; text-align:right; padding-right:10px; display:table-cell;}
.graph {width:65%; height:100%; display:inline-block; display:table-cell; padding-left:5px}
.tool {background-color:#6CA642; height:5px; width:0px; vertical-align:middle; display:inline-block; border-radius:3px;}
.graph span{display:none;}
.val{ display:inline-block; margin-left:5px; position:absolute;}

#profile .partition ul {list-style:none; margin:0px; padding:0px;}
#profile .partition ul li { list-style:square; color:#666; font-family:inherit; font-size:13px;font-weight:400; line-height:20px; list-style-position:outside; margin-left:20px; margin-top:5px;}
#profile .partition h4 {text-transform:uppercase; color:#6CA642; margin-top:20px;}

.panel {position:relative; height:130px; width:100%; margin-bottom:20px; color:#6CA642;}
.panel ul{margin:0px; padding:0px; display:inline-block; width:150px; margin:10px 10px 0px 0px;}
.panel ul li{display:list-item; list-style:square; list-style-position:inside; font-family:inherit; font-size:13px;color:#999}
.label {width:100%; height:20px; display:block; border-bottom:solid 1px #999; padding-bottom:8px; }

.chart {position: relative; display: inline-block; margin: 20px 10px;color: #999; font-size: 14px; text-align: center; width:110px; height:110px;}
.chart canvas {position: absolute; top: 10px; left: 10px; box-sizing:border-box;}

.chart-text {display:inline-block; height:auto; padding:10px; width:324px;vertical-align:middle;}
.easyPieChart {position:relative; text-align:center;}
.easyPieChart canvas {position:absolute; top:0; left:0;}
.percentage {text-align:center; font-size:17px; font-family:inherit;}
/*-----------------------CSS FOR ABOUT ME PAGE START HERE----------------------*/

.my-image img{max-height:800px;}
.left-box-img {width:49%; display:inline-block; vertical-align:middle; box-sizing:border-box; padding-right:15%;}
.right-box-img {width:49%; display:inline-block; vertical-align:middle; box-sizing:border-box; padding-left:15%;}

.flip-box {width:40px; height:40px; margin:20px 10px 0px 0px; display:inline-block; background-color:#E9E9E9; border-radius:50%; font-family:fontAwesome; text-align:center; padding-top:8px; box-sizing:border-box;}
.flip-box a {text-decoration:none; font-size:20px; color:#6CA642;}
.flip-box:hover {background-color:#6CA642;;-webkit-transition: all 1s;-moz-transition:all 1s;-o-transition: all 1s;-ms-transition: all 1s;}
.flip-box:hover > a {color:#FFF;}

.flip-box img {width:50%; height:50%; margin:9px;}

/*-----------------------CSS FOR BLOG PAGE START HERE----------------------*/
.blog-left {width:66% !important;}
#blog .blog-left ul {list-style:none; margin:0px; padding:0px;}
#blog .blog-left ul li {width:315px; height:300px; margin:0px 10px 10px 0px; display:inline-block;}
#blog .blog-left ul li:nth-child(3n) {margin-right:0px;}

.img-box {width:100%; height:150px; display:block; overflow:hidden;}
.img-box img {max-width:315px; max-height:150px;}
.img-cap {width:100%; height:115px; display:block; padding-top:5px;}
.img-cap a {text-decoration:none; color:#6CA642; font-family:inherit; font-size:16px;font-weight:400; line-height:21px;}
.img-page-link {height:15px; display:inline-block; padding:4px 8px; background-color:#fff; border-radius:10px; box-shadow:inset 0px 0px 10px 10px #6CA642; cursor:pointer}
.img-page-link a {text-decoration:none; color:#FFF;}

.soft-logo {height:30px; width:30px; overflow:hidden; display:inline-block; margin-right:10px; padding:0px;  background-repeat:no-repeat; background-size:cover; vertical-align:middle;}
.blog-right h3 {color:#6CA642; display:inline-block; line-height:50px;  vertical-align:middle; line-height:20px; padding:0px;}

.blog-right ul {margin:0px; padding:0px; list-style:none;}
.blog-right ul li {margin-bottom:15px;color:#6CA642; padding:0px;}
.blog-right ul li a {font-size:15px; font-weight:400; color:#6CA642; line-height:25px; text-decoration:none;}
.info{width:100%; margin:0px; padding:30px 0px;}
.link-social {margin:0px; padding:0px; width:100%;}
.footer .link-social {text-align:right; display:inline-block; padding:10px;}
.link-social ul {list-style:none; margin:0px; padding:0px;}
.link-social ul li {display:inline-block;;}
.link-social ul li a {font-size:30px; color:#6CA642;}
.footer .link-social ul li a {font-size:20px; color:#999;}
.link-social li:not(:first-child) {margin-left:10px;}


.contact-info{width:100%; height:300px; background-color:rgba(25,25,25,.8); display:table;}
.contact-centre {margin:0px auto; width:50%; display:table-cell; text-align:center; vertical-align:middle;}
.spacer-contact {width:100%; height:200px; display:none;}


/*-----------------------GALLARY PAGE CSS START HERE START HERE----------------------*/

#gallery {width:100%; margin:0px; padding:0px;}
.page-head-menu {padding-top:115px; position:fixed; background-color:#FFF; display:block; top:0px; box-shadow:0px 15px 30px rgba(0, 0, 0, 0.3); z-index:2; width:100%}
.port {margin-top:200px;}
#gallery .port ul {list-style:none; font-size:0px; margin:0px auto; padding:0px;}
#gallery .port ul li {list-style-type:none; display:inline-block; width:435px; height:435px; margin:5px; color:#000; font-family:inherit; font-size:24px; white-space:nowrap; position:relative;}
.port ul li img {width:100%; height:100%;}

#gallery .navbar-outer, #BlogDes .navbar-outer  { position:fixed; width:100%; height:112px; top:0px; z-index:5; display:block; border-bottom:solid 1px #999; box-shadow:none;}
#gallery .navbar, #BlogDes .navbar {ackground-color:rgb(25,25,25); opacity:1; width:100%; height:100%}
#gallery .navbar ul, #BlogDes .navbar ul {float:right; margin-right:100px;}
#gallery .logo, #BlogDes .logo {width:200px; opacity:1;}
#gallery .footer, #BlogDes .footer{bottom:0px;}

.cover {position:absolute; background-color:#FFF; opacity:0; width:100%; height:100%; top:0px; left:0px; font-family:inherit; font-size:24px; font-weight:300; color:#000; text-align:center; box-sizing:border-box; padding-top:45%; z-index:1;cursor:pointer;}
.no-scroll {overflow:hidden !important;}
#gallery .page-head-menu .active {border:none !important; background-color:#6CA642; color:#FFF !important;}

.popup-container {position:fixed; z-index:11; display:none; overflow-y:auto; overflow-x:none; top:0px; left:0px; width:100%; height:100%;}
.popup-inner {width:auto; display:block; text-align:center; margin:0px; padding:0px; }
.popup-container img {width:auto; margin:0 auto; padding:70px 0px; max-width:80%;}


.bg { background:rgba(25,25,25,0.90); display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:10;}
.icon-close {position:fixed; top:20px; right:40px; color:#FFF; font-family: 'Flamenco', cursive;font-size:45px; cursor:pointer;z-index:102;}

.button {font-family:fontAwesome; position:fixed; left:20px; margin-top:-40px; top:50%; z-index:102; color:#FFF;cursor:pointer;  font-family: 'Flamenco', cursive;font-size:80px;color:#fff;}
.button[for='pop-next']{right:40px;left:auto;}

/*-----------------------BLOG DESRIPTION PAGE CSS START HERE START HERE----------------------*/

#BlogDes {}
#BlogDes {font-weight:300; line-height:18px; font-size:13px; margin-bottom:10px;}
#BlogDes .partition.blog-left ol {list-style-type:decimal;}
#BlogDes .partition.blog-left li ul {list-style:square; color:#333; margin:5px 0px;}
#BlogDes .partition.blog-left li ul li {list-style:square; color:#333;}
#BlogDes .blog-left{padding:200px 20px 100px 0px; box-sizing:border-box;;}
#BlogDes .blog-right{padding:200px 0px 100px 40px; position:fixed; background-color:#FFF; width:33% !important; display:inline-block;}
.probe {display:none;}
.probe img {max-width:800px; margin:10px 0px 20px 0px;}

/*-----------------------MEDIA QUERY FOR WIDTH START HERE START HERE----------------------*/


@media only screen  and (max-width: 1680px)
	{
	.chart-text {width:180px;}
	.chart-text ul + ul {display:none;}
	#about{background:#FFF url(images/My-Image.png) no-repeat center bottom; background-size:25% auto;}
	}
@media only screen  and (max-width: 1220px)	
	{
		.chart-text {width:324px;}
		.chart-text ul + ul {display:inline-block;}
		.inner-header .right-box {display:none;}
		#profile .partition {width:49%}
		#profile .partition + .partition + .partition {display:block; width:100%; margin-top: 50px; padding:50px 0px; border-top:1px solid #6CA642;}
		.panel {display:inline-block; width:49%;}
		.logo-box {width:100%;}
		}	
	
@media only screen  and (max-width: 1130px)	
	{
	.chart-text {width:180px;}
	.chart-text ul + ul {display:none;}
	.panel {display:inline-block; width:49%;}
	.navbar-outer .logo {display:none;}
	.banner {font-size:24px;}
	#blog .blog-right {display:none;}
	#blog .blog-left {width:100% !important;}
	#about{background:#FFF url(images/My-Image.png) no-repeat 100% bottom; background-size:25% auto;}
	#about .left-box-img {display:none;}
	#about .right-box-img {padding:0px; width:70%}
	}		
	
	
@media only screen and (max-width: 882px)
	{
	.port {margin-top:120px;}
	.chart-text {width:324px;}
	.chart-text ul + ul {display:inline-block;}
	.panel {margin:0 auto; display:block; width:550px; margin-top:20px;}
	.mini-nav {display:block;}
	.page-head-menu {display:none;}
	.mini-nav .page-head-menu {display:block; padding:0; position:static; box-shadow:none; background-color:transparent}
	.menu-icon {display:block;}
	.mini-nav .page-head-menu ul {list-style-type:none; margin:0px;}
	.mini-nav .page-head-menu ul li {display:block; border-bottom: 1px solid #333; margin:0px; padding:0px; height:35px;}
	.mini-nav .page-head-menu ul li a {color:#CCC; line-height:35px;}
	.mini-logo {display:block;}
	.mini-logo .logo {display:inline-block; width:auto; opacity:1; padding:15px; position:static; margin-left:70px;}
	.port-name {display:inline-block;}
	.mini-logo .logo img {max-width:150px;}
	.menu-slide .mini-nav {bottom:0px;}
	.navbar-outer, #gallery .navbar-outer, #BlogDes .navbar-outer {display:none;}
	#BlogDes .navbar-outer ul {display:none;}
	#BlogDes .blog-right {display:none;}
	#BlogDes .blog-left {width:100% !important;}
	.banner {font-size:18px}
	.footer {display:none;}
	#profile .partition {display:block; width:100%; border:none !important; border-top:1px solid #6CA642 !important; padding:40px 0px !important;}
	#profile .partition:first-child {border-top:none !important;}
	#about{background:#FFF url(images/My-Image.png) no-repeat 110% bottom; background-size:35% auto;}
	.popup-container img {max-width:75%;}
	}
	
@media only screen and (max-width: 780px)
	{
	.blog-left .img-box {display:none;}
	#blog .blog-left ul li {display:block; width:100%; height:auto !important;}
	.img-cap {height:auto; margin-bottom:10px;}
	.popup-container img {max-width:70%;}
	}
	
@media only screen and (max-width: 660px)
	{
	#about{background:#FFF url(images/My-Image.png) no-repeat 130% bottom; background-size:50% auto;}
	.blog-left h5 {display:none;}
	.img-page-link {display:none;}
	}
	
	
@media only screen and (max-width: 580px)
	{
	.logo-box {width:100%; box-sizing:border-box;}
	.logo-box h5 {display:none;}
	.image-outer .captions {display:none;}
	#contact{background:#FFF url(images/My-Image.png) no-repeat center bottom; background-size:50% auto;}
	.spacer-contact{display:block;}
	#contact h3 {line-height:45px !important; font-size:30px !important;}
	#contact h3 + h3 {line-height:25px !important; font-size:18px !important;}
	#about{background:#FFF;}
	#about .right-box-img {padding:0px; width:100%}
	.contact-info {height:200px;}
	.probe img {display:none;}
	}
	
@media only screen and (max-width: 550px)
	{
	#gallery .logo, #BlogDes .logo {width:auto;}
	.chart-text {width:175px;}
	.chart-text ul + ul {display:none;}
	.panel {margin:0 auto; display:block; width:330px; margin-top:20px;}
	}
	
	
	
@media only screen and (max-width: 450px)
	{
	.port {margin-top:90px;}
	.wrapper {padding:0px 20px;}
	.port-name {margin-right:20px;}
	.margin-nav-left, .margin-nav-right {display:none;}
	.mini-logo .logo {margin-left:20px;)
	.port-name {margin-right:20px;}
	#contact h3 {line-height:30px !important; font-size:20px !important;}
	#contact h3 + h3 {line-height:15px !important; font-size:12px !important;}
	}
	
@media only screen and (max-width: 350px)
	{
	.chart-text {width:130px;}
	.chart-text ul {display:none;}
	.panel {margin:0 auto; display:block; width:285px; margin-top:20px;}
	.label {border-bottom:none;}
	}