/*@media only screen and (min-width: 300px) and (max-width: 479px) {
.logo-pages { width:70%}
.inner-banner-acc {
		height:100px;
	}
}*/
@media (min-width: 767px) and (max-width: 768px) {
.imag-acc {
	width:90%;
	}
. {
		height:200px;
	}
.petit-logo { display:none}	
.logo-pages { width:30%}
.contact-form form .col-md-6 {
	width:85%
	}
.contact-form form .col-md-12 {
	width:85%
	}
.sep-p-contact {
	display:none
}
address { width:100%; margin-top:20px}
address ul li { width:100%;}
	
	
}
@media (min-width: 481px) and (max-width: 766px) {
.sep-p-contact {
	display:none
}
.imag-acc {
	width:70%;
	}
	
.inner-banner-acc {
		height:150px;
	}
/*.petit-logo { visibility:hidden}*/
	
#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;
}
#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-color: #333;
    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: 100px 0;
}
.head-title strong.title {
	font-size: 50px;
}
.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) {
.imag-acc {
	width:90%;
	}
.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:200px;
}
.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;
	
}
.sep-p-contact {
	display:none
}

.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;
}
.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;
}
.logo-pages { width:70%}
#inner-banner-acc {
		height:115px;
		padding-top:10px
	}
/*#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 (max-width: 420px) {
#inner-banner .holder h1 {
	font-size:36px
}



@media (min-width: 768px) and (max-width: 980px) {
.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: 60px;
}
.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 'Open Sans', sans-serif;
}
.price-table-style-2 .box {
	width: 275px;
}
#banner .caption strong {
	font: 800 156px/156px 'Open Sans', 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 'Open Sans', 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;
}
}