@media (min-width: 766px) {
#nav {
    width: 500px;}	}
@media (max-width: 767px) {

#nav li {
	float: none;
	display: block;
}
#nav li ul{
	opacity:1;
	width:100%;
}
#nav li:hover > ul{
	width:100%;
}
.main-navigation {
	width: 100%;
	float: left;
	    margin:0;
}
#nav li ul {
	position: static;
}
#banner .caption {
	display: none;
}
#banner .bx-wrapper .bx-controls-direction a {
	top: 80%;
}
.about-section .diagram-col {
	margin: 0;
}
#astronaut, .about-section .diagram-col {
	display: none;
}
.about-section .text-box {
	padding: 30px;
	margin-bottom: 30px;
}
.about-section .text-box .holder {
	width: 100%;
}
.chart:hover .label {
	margin: 0;
}
.navbar-inverse .navbar-toggle {
    border:none;
    position: absolute;
    right: 0px;
    top: -60px;
}
.filter-gallery-metro-1 .isotope .item{
	width:50%;
}
.chart {
	margin: 0 20px;
}
.dark{
	margin-top:0px;
}
.dark .chart{
	width:50%;
	margin:0px;
	margin-bottom:20px;
	padding:0 27px;
	text-align:center;
}
.dark .chart .percentage-light{
	display:inline-block;
}
.work-section {
	padding: 40px 0;
}
.work-section .box {
	margin: 0 0 20px 0;
}
.portfolio-section .pull-right {
	float: left !important;
}
.filter-gallery-metro-1 .isotope .item.width2, .filter-gallery-metro-1 .isotope .item, .filter-gallery .filter-box .frame img {
	height: 300px;
}
.services-section .text-box .box {
	width: 50%;
}
.team-section {
	padding: 0;
}
.team-social-box ul li {
	padding: 0 10px;
}
.blog-section .heading-head {
	padding: 40px 0 80px 0;
}
.blog-section .blog-post .text-box {
	width: 100%;
}
.play-section {
	padding: 50px 0;
}
.head-title strong.title {
	font-size: 35px;
	line-height: 30px;
}

.head-title strong.title.support {
	line-height: 35px;
    font-size: 25px;
}
.head-title strong.title span {
	font-size: 70%;
	font-weight:normal;
	line-height: 40px;
display:block
}





.price-table .table-box {
	margin-bottom: 20px;
}
.price-table {
	margin: 0;
}
testimonial-section .testimonial-box h2 {
	margin: 0 0 20px 10px;
}
.testimonial-section .testimonial-box .holder {
	margin: 0 0 20px 0;
	padding: 20px;
	width: 100%;
}
.testimonial-section .owl-page > span:before {
	display: none;
}
.owl-pagination {
	margin: 0 20px 0 0;
}
.testimonial-section {
	margin: 0 0 20px 0;
}
.partners-section .owl-carousel {
	margin: 30px 0 0 0;
}
.partners-section ul li {
}
.home-contact-section .text-box .heading-head {
	padding: 20px 0 0 20px;
}
.home-contact-section .text-box form {
	padding: 0 20px;
}
.home-contact-section .map-box {
	padding: 0 20px;
}
.home-contact-section .map-box .map_canvas {
	height: 350px;
}
.home-contact-section .text-box {
	margin-bottom: 20px;
}
.home-contact-section {
	padding: 0;
}
.footer-section-1 {
	padding: 30px 0;
}
.footer-section-1 .box strong.logo, .footer-section-1 .box {
	margin-bottom: 20px;
}
.footer-section-1 .box form, .flicker-box {
	margin: 40px 0 0 0;
}
.footer-section-2 strong.logo {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: center;
}
.footer-section-2 .footer-social {
	margin: 0 0 20px 0;
}
.footer-section-2 .footer-social ul {
	display: block;
	text-align: center;
}
.footer-section-2 .footer-social ul li {
	float: none;
	display: inline-block;
}
.footer-section-2 strong.copy {
	text-align: center;
	clear: both;
}
.footer-section-2 .col-md-5.col-sm-12 {
	clear: both;
}
.blog-section .owl-buttons {
	display: none;
}
.play-section .modal-dialog {
	width: 100%;
	padding: 0 20px;
}
#inner-banner .holder::before{
	height:100%;
}
#inner-banner .holder .breadcrumb{
	float:none;
	display:block;
	text-align:center;
	clear:both;
}
#inner-banner .holder .breadcrumb li{
	float:none;
	display:inline-block;
}
.about-text .text-box{
	width:100%;
	padding:30px 20px;
}
.about-section-2 .text-col{
	padding:30px 20px;
}
.about-section-2 .text-col-2{
	padding:30px 20px;
}
.about-section-2 .text-col-2 .holder{
	width:100%;
}
.about-text{
	margin:0;
}
.price-table-style-2 .box{
	width:100%;
}
.price-table{
	padding:0;
}
.column-section{
	padding:40px 0;
}
.html-style{
	padding:0 0 20px 0;
}
.plan-section .box{
	margin-bottom:20px;
}
.plan-section{
	padding:30px 0;
}
.top-btn-row a.btn-back{
	width:100%;
	margin:0 0 20px 0;
}
.top-btn-row{
	padding:0 0 20px 0;
	margin:20px 0 0 0;
}
.blog-page blockquote{
	width:100%;
	padding:30px 20px;
}
.cmt-row{
	padding:20px 0;
}
.comment-box .text-box-2{
	width:100%;
}
#main .comment-form ul li{
	width:100%;
}
.blog-page{
	padding:0;
}
#main .comments ul ul{
	padding:0 0 0 30px;
}
.with-sidebar .comment-box .text-box-2{
	width:100%;
}
.contact-map .map-box .map_canvas{
	height:300px;
}
.contact-map, .contact-form form{
	margin:0 0 30px 0;
}
.contact-form address ul li{
	width:100%;
	clear:both;
}
.contact-social ul{
	overflow:hidden;
	width:100%;
}
.contact-form{
	padding:0 0 30px 0;
}



}





 @media (max-width: 480px) {
	 .mobile{display:none}
	 
.ecpertise-section{
	padding:40px 0 0 0;
}
.expertise-section-2{
	padding:50px 0 100px 0;
}
.plan-section .box{
	margin-bottom:20px;
}
.blog-section .blog-post .frame-2 iframe{
	height:220px !important;
}
#main .comments ul ul{
	padding:0;
}
#main .comment-form ul li{
	width:100%;
}
.contact-map .map-box .map_canvas{
	height:300px;
}
.contact-map{
	margin:0 0 20px 0;
}
.top-btn-row a.btn-back{
	width:100%;
	margin:0 0 20px 0;
}
.blog-page blockquote, .with-sidebar .comment-box .text-box-2{
	width:100%;
}
.blog-page blockquote{
	padding:30px 20px;
	margin:60px 0;
}
.contact-form form{
	margin-bottom:30px;
}
.contact-social ul{
	overflow:hidden;
	width:100%;
}
.contact-form{
	padding:0 0 20px 0;
}
.contact-form address ul li{
	width:100%;
}
.cmt-row{
	padding:15px 0;
}
.comment-box .text-box-2{
	width:100%;
}
.plan-section{
	padding:40px 0;
}
.recent-post .text-box{
	padding:16px 0 0 0;
}
.blog-page{
	padding:40px 0;
}
.services-section .text-box .box{
	padding:0 20px;
}
.portfolio-section .pull-right{
	margin:20px 0 0 0;
}
.column-section{
	padding:40px 0 0 0;
}
.price-table{
	padding:0;
}
.price-table-style-2 .box{
	width:100%;
}
#banner .bx-controls-direction {
	display: none;
}
.about-section .diagram-col {
	display: none;
}
.about-section .text-box .holder {
	width: 100%;
}
.chart {
	margin: 0 20px 10px 20px;
}
.theme-sytle h2 {
	font-size: 30px;
	line-height: 30px;
}
.filter-gallery .filter-box .frame img, .filter-gallery-metro-1 .isotope .item.height2, .filter-gallery-metro-1 .isotope .item {
	height: 150px !important;
}
.filter-gallery .filter-box .frame .caption, #team-slider .owl-buttons {
	display: none;
}
.services-section .text-box {
	padding: 40px 0 0 0;
}
.services-section .text-box .box, .blog-section .blog-post .text-box {
	width: 100%;
}
.team-section {
	padding: 0 10px;
	margin: 20px 0 0 0;
}
.detail-row a {
	font-size: 13px;
	padding: 0 10px 0 0;
}
.head-title strong.title {
	font-size: 30px;
	line-height: 30px;
}

.head-title strong.title.support {
	line-height: 35px;
    font-size: 25px;
}
.head-title strong.title span {
	font-size: 70%;
	font-weight:normal;
	line-height: 40px;
display:block
}


.play-section .modal-dialog {
	width: 100%;
	padding: 0 10px;
}
.modal-body iframe {
	height: 200px;
}
.price-table .table-box {
	margin-bottom: 30px;
}
.price-table {
	margin: 0;
}
.testimonial-section .testimonial-box h2 {
	margin: 0 0 40px 10px;
}
.testimonial-section .testimonial-box .holder {
	padding: 60px 20px 45px 10px;
	margin: 0;
}
.home-contact-section .text-box form {
	padding: 0 10px;
	margin-bottom: 20px;
}
.home-contact-section .text-box .heading-head {
	padding: 0 10px;
}
.home-contact-section .map-box .map_canvas {
	padding: 0 10px;
	height: 300px;
}
.home-contact-section {
	padding: 40px 0 0 0;
}
.footer-section-1 {
	padding: 20px 0;
}
.footer-section-1 .box {
	margin: 0 0 20px 0;
}
.footer-section-2 strong.copy {
	clear: both;
	text-align: center;
}
.footer-section-2 strong.logo {
	text-align: center;
	width: 100%;
	margin: 0 0 10px 0;
}
.footer-section-2 .footer-social ul {
	display: block;
	text-align: center;
}
.footer-section-2 .footer-social ul li {
	float: none;
	display: inline-block;
}
.testimonial-section .thumb img {
	display: block;
	width: 100%;
}
.blog-section .heading-head {
	padding: 20px 0 0 0;
	margin: 0;
}
.blog-section .owl-buttons {
	display: none;
}
.partners-section ul li {
	width: 100%;
}
.about-section .text-box {
	padding: 20px 0 0 0;
	margin-bottom: 40px;
}
.work-section {
	padding: 20px 0;
}
.work-section .box {
	margin: 0 0 20px 0;
}
.portfolio-section .pull-right {
	float: left !important;
}
.filter-gallery {
	margin: 0;
}
.filter-nav-box {
	padding: 20px 0;
}
.services-section, .partners-section .owl-carousel {
	margin: 20px 0 0 0;
}
.testimonial-section .testimonial-box {
	padding: 20px 0 0 0;
}
.testimonial-section .owl-page > span {
	float: left;
}
.testimonial-section {
	margin: 0 0 20px 0;
}
.partners-section .owl-buttons {
	display: none;
}
#banner .caption {
	display: none;
}

#nav li {
	float: none;
	display: block;
}
.main-navigation {
	float: left;
	width: 100%;

}
#nav li ul {
	position: static;
	opacity: 1;
	display: none;
}
#nav li:hover > ul {
	display: block;
}
.play-section .modal-dialog {
	width: 100%;
	padding: 0 20px;
}
#inner-banner .holder h1{
	font-size:40px;
	line-height:40px;
	margin-bottom:20px;
}
#inner-banner{
	height:auto;
}
#inner-banner .holder::before{
	height:100%;
}
#inner-banner .holder .breadcrumb{
	float:none;
	display:block;
	clear:both;
	text-align:center;
}
#inner-banner .holder .breadcrumb li{
	float:none;
	display:inline-block;
}
.about-text .text-box{
	width:100%;
	padding:30px 20px;
}
.about-section-2 .text-col{
	padding:30px 20px;
}
.about-section-2 .text-col-2{
	padding:30px 20px;
}
.about-section-2 .text-col-2 .holder{
	width:100%;
}
.about-section-2 .text-col-2 strong.title{
	font-size:19px;
	line-height:19px;
}
.about-text{
	margin:0;
}





}





@media (min-width: 768px) and (max-width: 980px) {
	.mobile{display:block}
.dark{
	margin-top:0px;
}
.dark .chart{
	width:25%;
	margin:0px;
	padding:0 27px;
	text-align:center;
}
.dark .chart .percentage-light{
	display:inline-block;
}
#header a {
	text-align: center;
	margin: 0 auto;
	display: block;
}
.top-btn-row a.btn-back{
	float:left !important;
}
.contact-map .map-box .map_canvas{
	height:350px;
}
.contact-map, .contact-form form{
	margin:0 0 30px 0;
}
.top-btn-row a.btn-back{
	margin:0 20px 20px 0;
}
.comment-box .text-box-2, .contact-form address ul li{
	width:100%;
}
.contact-social ul{
	overflow:hidden;
	width:100%;
}
.contact-form{
	padding:0 0 30px 0;
}
.blog-page{
	padding:0;
}
.blog-page blockquote{
	width:100%;
}
.top-btn-row{
	padding:0 0 20px 0;
}
#inner-banner .holder h1{
	text-align:center;
	width:100%;
}
.price-table-style-2 .box{
	margin:20px;
	width:44%;
}
.plan-section .box{
	margin-bottom:30px;
}
.plan-section{
	padding:30px 0;
}
.ecpertise-section{
	padding:40px 0 0 0;
}
.expertise-section-2{
	padding:50px 0 100px 0;
}
#banner .caption h1, #banner .caption strong {
	font-size: 80px;
	line-height: 80px;
}
#banner .caption {
	top: 45px;
}
#banner .bx-wrapper .bx-controls-direction a {
	top: 85%;
}
.about-section .diagram-col {
	margin: 0;
}
.about-section .text-box {
	padding: 30px 0;
}
.about-section .text-box .holder {
	width: 100%;
	margin: 0 0 40px 0;
}
.chart {
	margin: 0 37px;
}
.work-section {
	padding: 30px 0;
}
.portfolio-section .pull-right {
	float: left !important;
}
.filter-gallery .filter-box .frame img, .filter-gallery-metro-1 .isotope .item.height2, .filter-gallery-metro-1 .isotope .item {
	height: 300px;
}
.services-section {
	margin: 20px 0 0 0;
}
.team-section {
	padding: 30px 0 0 0;
}
.blog-section .heading-head {
	padding: 50px 0 80px 0;
}
.blog-section .owl-buttons {
	display: none;
}
.blog-section .blog-post .text-box {
	width: 100%;
}
.play-section {
	padding: 50px 0;
}
.head-title strong.title {
	font-size: 40px;
	line-height: 40px;
}

.head-title strong.title.support {
	line-height: 35px;
    font-size: 25px;
}
.head-title strong.title span {
	font-size: 70%;
	font-weight:normal;
	line-height: 40px;
display:block
}

.play-section .modal-dialog {
	width: 100%;
	padding: 0 20px;
}
.price-table .table-box .head b {
	font-size: 16px;
}
.price-table .table-box .table-list strong.plan-title {
	width: 100%;
}
.price-table .table-box .table-list ul li {
	font-size: 15px;
}
.price-table .table-box .footer .btn-order {
	font-size: 16px;
}
.price-table {
	margin: 0 0 20px 0;
}
.testimonial-section .testimonial-box {
	padding: 60px 0 0 0;
}
.testimonial-section .owl-page > span:before {
	display: none;
}
.testimonial-slider .owl-pagination {
	margin: 0 20px 0 0;
}
.testimonial-section {
	margin-bottom: 30px;
}
.partners-section ul li {
	width: 241px;
}
.home-contact-section .text-box .heading-head {
	padding: 30px 0 0 20px;
}
.home-contact-section .text-box form {
	padding: 20px;
}
.home-contact-section .map-box {
	padding: 0 20px;
}
.home-contact-section .map-box .map_canvas {
	height: 400px;
}
.home-contact-section {
	padding: 0;
}
.footer-section-1 {
	padding: 40px 0;
}
.footer-section-1 .box {
	margin-bottom: 35px;
}
.flicker-box {
	margin: 30px 0 0 0;
}
.footer-section-2 strong.copy {
	text-align: center;
}
#inner-banner .holder .breadcrumb{
	clear:both;
	float:none;
	display:block;
	text-align:center;
}
#inner-banner .holder .breadcrumb li{
	float:none;
	display:inline-block;
}
#inner-banner .holder::before{
	height:100%;
}
.about-section-2 .text-col{
	padding:30px 20px;
}
.about-text{
	margin:0;
}
.footer-section-2 .footer-social ul{
	display:block;
	text-align:center;
	clear:both;
	margin-top:20px;
}
.footer-section-2 .footer-social ul li{
	float:none;
	display:inline-block;
}



}






@media (min-width: 1200px) {
#banner .caption {
	top: 130px;
}
#banner .caption h1 {
	font: 800 156px/156px 'proximanovalight', sans-serif;
}
.price-table-style-2 .box {
	width: 275px;
}
#banner .caption strong {
	font: 800 156px/156px 'proximanovalight', sans-serif;
}
.chart {
	margin: 0 45px;
}
.filter-gallery .filter-box .frame img {
	height: 562px;
}
.filter-gallery-metro-1 .isotope .item.height2 {
	height: 562px;
}
.filter-gallery-metro-1 .isotope .item {
	height: 562px;
}
.blog-section .owl-next {
	right: -140px;
}
.blog-section .owl-prev {
	right: -140px;
}
.testimonial-section .testimonial-box h2 {
	margin: 0 0 80px 200px;
}
.testimonial-section .testimonial-box .holder {
	margin: 0 0 50px -95px;
	padding: 60px 120px 45px;
}
.partners-section ul li {
	width: 380px;
}
.home-contact-section .text-box form {
	padding: 50px 130px 0 375px;
}
.footer-section-1 {
	padding: 160px 0;
}
.footer-section-2 .footer-social ul li {
	padding: 0 5px;
}
.footer-section-2 strong.copy {
	font: 700 14px/14px 'proximanovalight', sans-serif;
}
.about-text .text-box {
	width: 532px;
}
.about-section-2 .text-col {
	padding: 115px 0 52px 300px;
}
.about-section-2 .text-col-2 .holder {
	width: 531px;
}
.about-section-2 .text-col-2 h2{
	font-size:54px;
}
.blog-page blockquote{
	margin:60px 0 20px;
}



}








@media (max-width: 1366px) {
.blog-section .owl-next, .blog-section .owl-prev {
	right: -70px;
}
.home-contact-section .text-box form {
	padding: 50px 130px 0 275px;
}
}
@media (max-width: 1280px) {
.home-contact-section .text-box form {
	padding: 20px;
}
.blog-section .owl-prev, .blog-section .owl-next {
	right: 0;
}
.about-section-2 .text-col {
    padding: 115px 0 52px 30px;
}
}