/* Media Queries */

@media screen and (max-width: 1024px) {
.blog-main{margin: 0 30px 0 230px;}
.blog-left{width: 66%;}
.blog-right{width: 30%;}
.jspVerticalBar {

	opacity: 1;

}

#menu.menu nav {

	top: 180px;

}

.social {

	top: 535px;

}

.copyright {

	padding: 20px 30px;

}

.inner {

	padding: 50px;

}

.content {

	width: 700px;

}

.slideshow figure {

	width: 80%;

	height: 80%;

	margin: 0 10%;

}

.slideshow nav span.nav-prev, .slideshow nav span.nav-next {

	top: 60%;

}

span.nav-prev {

	display: none;

}

span.nav-next {

	display: none;

}

.slideshow li {

	display: none;

}

.slideshow li.current {

	display: block;

}

.owl-pagination {

	bottom: 20% !important;

}

.introduction-end-con {

	width: 46%;

	margin-top: 50%;

}

.introduction-end-con h3 {

	font-size: 45px;

	line-height: 90px;

}

.contact-form {

	padding-bottom:200px;

}



}

@media screen and (max-width: 768px) {

body {

 overflow-x: auto;

 overflow-y: auto;

}

.codrops-top a {

 background: #000;

 color: #fff;

 text-shadow: none;

}

nav .jspPane {

 width: 100% !important

}

h2 {

 font-size: 40px;

}

.codrops-top a:nth-child(1) {

 left: 10px;

}

#menu.menu {

 position: fixed;

 width: 100%;

 height: 460px;

}

#menu.menu nav {

 top: 50px;

 bottom: 20px;

}

.content-scroller {

 position: relative;

 height: auto;

 left: 0;

 overflow: visible;

}

.content-wrapper {

 height: auto;

 width: auto;

 margin-left: 0px;

}

.content {

 border: none;

 width: 768px;

 float: none;

 overflow-y: auto;

}



.content:last-child {

 display: none

}

.logo {

 margin: 0

}

.logo span {

 color: #fff;

 display: block;

 font-family: 'Oswald', sans-serif;

 font-size: 20px;

 font-weight: 400;

 text-transform: uppercase;

 float: left;

 width: 80%;

 text-align: left;

 padding: 13px 0 13px 15px;

}

.logo img {

 display: none

}

.menu-link {

 display: block;

 float: right;

 padding: 14px 15px 0 0;

 width: 25px;

 height: 25px;

 font-size: 23px;

 color: #FFF;

}

.menu-link:hover {

 color: #999;

}

.menu-link:before {

 content: "\f039";

 font-family: 'FontAwesome';

}

#menu.menu nav a {

 margin: 0 17px

}

#menu.menu nav {

 display: none

}

#menu.menu nav.active {

 display: block;

 overflow: visible !important;

 width: 100% !important

}

#menu.menu nav.active .jspContainer {

 background-color: #000;

 height: 380px !important;

 width: 100% !important;

}

#menu.menu {

 height: 50px

}

.copyright {

 display: none

}

.social {

 display: none

}

.grid li {

 width: 100%

}

.inner {

 padding: 130px 40px 60px;

}

.introduction .jspContainer {

 height: 600px !important;

}

.introduction .inner {

 margin: 38% 0 0 0

}

.button {

 font-size: 12px;

 width: 100%;

 display: block;

 text-align: center;

}

.experience-details .col-3, .education-con .col-3 {

 width: 30%

}

.slideshow figure {

 width: auto;

 height:auto;

}

.slideshow figcaption h3 {

 line-height: 30px

}

.slideshow .nav-prev, .slideshow .nav-next {

 display: none

}

.slideshow li:after {

position:relative;

}

.owl-pagination {

bottom: 0 !important;

}

.grid-gallery { 

height:auto;

}

.introduction .owl-theme .owl-controls {

margin-top: 0;

text-align: center;

position: absolute;

width: 100%;

bottom:40px;

}

a.totop-link {

	display: block;

}

}

@media screen and (max-width: 767px) {

.content-wrapper {

    height: auto;

    margin-left: 0;

    width: 100%;

}

.introduction .owl-pagination {

bottom: 15px;

}

.introduction .owl-theme .owl-controls {

margin-top: 0;

}

.content {

 width: auto;

}

.introduction img { height:auto}

.contact-form {

	padding-bottom:0;

}
.blog-main{margin: 0 70px 0 20px;}
.blog-left, .blog-right{margin-top: 50px;}
#menu.menu nav li > ul.dropdown{width: 100%; left: 0px; position: inherit; display: block;}
}

@media screen and (max-width: 675px) {
.my-skills .vc_col-sm-6{width: 100% !important; text-align: center;}
.contact-details .flot-left{float: left !important;}
.container .vc_col-sm-6{width: 100% !important;}
.blog-main{width: 100%; margin: 0 0px; overflow: hidden;}
.blog-left{width: 92%; padding: 0 4%;}
.blog-full{width: 92%; padding: 30px 4%;}
.blog-right{width: 92%; float: left; padding: 0 4%;}
.blog-left .row .blog-list{width: 100%; min-height: inherit !important;}
.inner {

	padding: 130px 30px 40px 30px;

}

.introduction .inner {

	background: url(../images/black-transparent.png) repeat

}

.introduction h2 {

	font-size: 35px;

	line-height: 40px;

	margin-bottom: 16px;

}

.introduction span.title {

	display: block;

	font-size: 11px;

	color: #FFF;

	padding: 10px 0;

	border-bottom: 1px solid #fff;

	border-top: 1px solid #fff;

}

.button {

	width: auto

}

.about {

	background: none

}

.about .inner {

	width: auto

}

.jspPane {

	width: 100% !important

}

.col-6, .col-4 {

	width: 100%

}

.figcaption-details img {

	height: 25px !important;

	width: 25px !important;

	margin: 0

}

.grid li {

	margin: 0 0 40px 0

}

.grid-gallery .figcaption-details h3 {

	font-size: 15px;

	padding: 15px 0 0

}

.grid-gallery .figcaption-details span {

}

.skills-con .col-6 {

	text-align: center

}

.skills-con h4 {

	width: 100%;

	margin: 0

}

.chart-text p {

	margin: 0

}

.skills-con .margin-top50 .row > div:nth-child(3) {

	margin-bottom: 50px

}

.experience-details .col-3, .education-con .col-3 {

	width: 100%;

}

.flot-left {

	width: 100%;

	margin: 10px 0 0 0

}

.contact-details .col-2 {

	width: 15%

}

.email {

	margin-bottom: 0;

}

.contact-form input[type="text"], .contact-form input[type="email"], textarea {

	width: 92%

}

.m-margin-top30 {

	margin-top: 30px;

}

.contact-social a i {

	margin: 0 10px;

}

.contact-social a:first-child i {

	margin: 0 10px 0 0

}

.margin-top50 {

	margin-top: 35px;

}

.margin-bottom50 {

	margin-bottom: 35px

}

.no-margin-top {

	margin-top: 0 !important;

}

.progress-value span {

 display: none

}

.progress {

 width: 100%

}

.progress-bar-description {

 margin: 0

}

.owl-item iframe {

	width: 100%;

	height:auto;

}



@media screen and (max-width: 620px) {

h2 {

	font-size: 30px;

	line-height: 30px;

}

.title-divider {

	margin: 20px 0 30px 0;

}

.slideshow figure {

	border: 20px solid #fff;

	border-top: 10px solid #fff;

}

.slideshow figure {

	width: 50%;

}

.slideshow li {

	left: 50%;

	top: 0;

	margin: 20px 0 0 -265px;

}

.owl-pagination {

	bottom: 0 !important;

}

.contact-form input[type="text"], .contact-form input[type="email"], textarea {

	width: 88%;

}

.introduction .owl-theme .owl-controls {

	bottom:30px;

	z-index:11;

}



}

 @media screen and (max-width: 420px) {

.slideshow figure {

	width: 36%;

}

.slideshow li {

	margin: 20px 0 0 -216px;

}

.slideshow nav span {

	font-size: 1.6em;

}

.slideshow nav span.nav-close {

	padding: 0.4em 0.5em;

}

.slideshow figcaption h3 {

	font-size: 130%;

	padding: 0 0 0px;

}

.grid-gallery { height:auto}



}

 @media screen and (max-width: 360px) {

.introduction .inner {

 margin:0 0 0 0;

 padding-top: 130px !important;

 width:86%;

}



}