@media (max-width: 1199px) {
	.header_height_chart {
		min-height: 607px;
		height: 100vh;
	}

	.carousel-caption {
		top: 25%;
	}

	.carousel-indicators {
		bottom: 8%;
	}

	.services .whywe {
		padding: 0 25px;
	}

	.services .whywe .title {
		padding: 10px 0;
	}

	.services .whywe .content li {
		padding: 8px;
	}

	.offers .item {
		padding-left: 15px;
		padding-bottom: 20px;
	}

	.offers .third:before {
		content: url(../images/arrow-3-2.png);
		position: absolute;
		top: -120px;
		right: 75px;
	}
	

	.sertificate .item .hover {
		padding: 60px;
	}

	.blog-category .left-btn {
		top: 120px;
	}

	.blog-category .right-btn {
		top: 120px;
	}
}

@media(max-width:991px) {

	.nav {
		padding: 0 !important;
	}

	.absolute .menu {
		margin: 0px auto 0 !important;
		padding: 0 35px;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		padding-bottom: 10px;
	}

	.header_height.carousel {
		overflow: hidden;
		min-height: 558px !important;
		height: 558px !important;
	}

	.contacts_us .col-md-6 img {
		margin: 0 auto 30px;
		display: block;
	}

	.nav {
		padding: 0;
	}

	.circle-container{
		width: 33%;
	}
	.person-info .border .col-sm-12 img{
		margin: 0 auto 15px;
		display: block;
	}
	.person-info .person .profession{
		text-align: center;
	}
	.title h2 {
		margin-top: 10px;
	}

	.navbar-brand {
		float: none;
	}

	.navbar-brand img {
		margin: 0 auto;
	}

	.nav > li > a {
		padding: 10px;
	}

	.main {
		padding: 0;
	}

	.main .line {
		padding-bottom: 5px;
	}

	.nav {
		padding: 0 75px;
	}

	.slide h3 {
		font-size: 11px;
	}

	.slide h1 {
		font-size: 30px;
	}

	.carousel-caption {
		top: 22%;
	}

	.carousel-indicators {
		bottom: 5%;
	}

	.advantage .line {
		border-bottom: 1px solid #e9e9e9;
	}

	.advantage .second {
		border-right: 0;
	}

	.services .image .hover {
		padding: 5px;
	}

	.services .image .hover .citate {
		background: #fff;
		padding: 15px 40px;
		font-size: 13px;
	}

	.services .whywe .title hr {
		margin-top: 5px;
	}

	.services .whywe .content {
		padding: 15px 0;
	}

	.services .whywe .content p {
		font-size: 14px;
	}

	.services .whywe .content ul span {
		font-size: 14px;
	}

	.offers .first:before,.offers .second:before,.offers .third:before {
		content: '';
	}

	.calculate .padding-right {
		padding-right: 15px;
	}

	.calculate .padding-left {
		padding-left: 15px;
	}

	.blog .post-title .date {
		width: 45px;
		height: 70px;
		padding-top: 15px;
	}

	.skills .vimeo {
		padding-left: 0;
	}

	.clients {
		padding: 40px 0;
	}

	.clients .image {
		text-align: center;
	}

	#calc .tab .short .rht {
		text-align: left;
		float: none;
	}

	.team .item {
		margin: 0 auto 20px;
		display: block;
		max-width: 320px;
	}

	#anyquestions img.responsive-img {
		width: 100% !important;
	}
	
	.single h2 {
		font-size: 20px;
		font-weight: bold;
	}
	
	.single .paginat .pagination > li:first-child > a, .pagination > li:first-child > span {
		padding: 5px 25px;
	}

	.single .paginat .pagination > li:last-child > a, .pagination > li:last-child > span {
		padding: 5px 25px;
	}

	.single .content {
		border-right: 0;
	}

	.single .details {
		padding-top: 60px;
	}

	.single .detail {
		float: left;
		padding-right: 35px;
	}

	.sertificate .item .hover {
		padding: 100px;
	}

	.person-info .person .info {
		font-size: 14px;
	}


	.blog-category .left-btn {
		top: 140px;
	}

	.blog-category .right-btn {
		top: 140px;
	}

	.calculate .light {
		height: auto;
	}
}

@media (max-width: 768px) {

	.offers .big-circle {
		margin: 0 auto 20px;
	}

	.offers h3 {
		text-align: center;
	}

	#pricing .item {
		margin-bottom: 20px;
	}

	.sertificate .item {
		margin: 0 auto 20px;
		display: block;
	}

	.footer-top .container .col-sm-6{
		min-height: 310px !important;
	}

	.chart .absol .left p,
	.title p,
	.services .image .hover .citate p{
		font-size: 14px !important;
	}

	.chart .absol .right p{
		font-size: 16px;
		color: #fff;
	}

	.advantage .item .description p,
	.services .whywe .content p,
	.services .whywe .content li,
	.proposals .item p,
	.blog .post-title .title .paragraph,
	.text p,
	.text a,
	.footer-top .certificates a,
	.footer-top .newsletter-text p,
	.slide p,
	.services .whywe .content ul span,
	.person-info .person .profession,
	.person-info .person .info,
	p,
	.blog .post-title .title .paragraph p,
	.sidebar .category .list li a{
		font-size: 16px !important;
	}

	.team .person .info{
		font-size: 17px;
	}

	.advantage .item .description h2{
		font-size: 22px;
	}

	.navbar-collapse.collapse {
		height: auto !important;
		padding-bottom: 0;
		width: 100%;
		float: left !important;
		overflow: visible !important;
		margin-top: 10px;
	}

	.nav {
		padding: 0 !important;
	}

	.navbar-brand {
		float: left;
	}

	.navbar-brand img {
		margin: 0;
	}

	.nav > .cont {
		border-bottom: 0;
	}

	.carousel-caption {
		top: 20%;
	}

	.slide h1 {
		font-size: 20px;
	}

	.slide button {
		width: 130px;
	}

	.advantage .item {
		border-right: 0;
	}

	.calculate .dark {
		height: auto;
	}

	.contact .title {
		text-align: center;
	}

	.contact .title hr {
		float: none;
		text-align: center;
	}

	.contact .text {
		padding: 0 15px;
	}

	.contact .contact-form .form {
		margin: 10px;
	}

	.contact .contact-form .padd {
		padding: 0;
	}

	.contact .contact-form select {
		margin: 10px;
		width: 95%;
	}

	.contact .contact-form .area {
		margin: 10px;
	}

	.contact .contact-form button {
		margin: 10px;
	}

	.skills .container,.new .container,.footer-top .container {
		padding: 0 15px;
	}

	.footer-top .title {
		padding: 0;
		padding-top: 20px;
	}

	.footer-top .certificates {
		padding: 30px 0;
		padding-bottom: 0;
	}

	footer .copiright {
		text-align: center;
	}

	footer .payment {
		float: none;
		text-align: center;
	}

	footer .payment .item {
		margin-left: 22px;
		display: inline-block;
		float: none;
	}

	.main-2 .nav {
		padding: 0 75px;
		margin: 0;
	}

	.main-2 .navbar-toggle i {
		font-size: 20px;
		color: #002E5A;
	}
	

	.element-item {
		width: 90%;
		margin: 0 5% 0 5%;
	}

	.footer-top {
		padding: 30px 0;
	}

	.row {
		margin:0;
	}

	.single .paginat .pagination > li:first-child > a, .pagination > li:first-child > span {
		padding: 5px 10px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		margin: 0;
	}

	.single .paginat .pagination > li:last-child > a, .pagination > li:last-child > span {
		padding: 5px 10px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		margin: 0;
	}

	.single h2 {
		font-size: 14px;
		font-weight: bold;
	}

	.xs-img {
		border-bottom: 2px solid #F3F3F3;
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
	}

	.circle-container {
		position: relative;
		width: 23%;
		display: inline-block;
		margin: 0 35% 25px 41%;
	}

	.price-list .title {
		padding: 50px 15px;
	}

	.blog-category .left-btn {
		top: 38%;
	}

	.blog-category .right-btn {
		top: 38%;
	}

	.blog-category .citate-img .hover {
		padding: 7%;
		font-size: 20px;
	}

	.blog-category .link-img .hover {
		font-size: 17px;
	}

	.comments .comment h3 {
		margin: 0;
	}
	.calculate .dark select {
		margin-left: 10px;
	}

	.calculate-padding {
		margin-top: 50px;
	}


}

@media (max-width: 640px){

	.header_height.carousel {
		overflow: hidden;
		min-height: 350px !important;
		height: 350px !important;
	}

	.services .whywe,
	.services .whywe .title {
		text-align: center;
	}

	.services .whywe hr {
		float: none;
	}

	#fours .item {
		max-width: 400px;
		margin: 0 auto 20px;
	}

	.image {
		text-align: center;
	}

	.pricing-box ul li {
		font-size: 16px;
	}

	.services-box {
		margin: 20px 0 0;
	}

	.promo-text {
		padding: 0 0 20px;
	}

	.navbar-collapse.collapse{
		background: #fff;
	}

	li.same-height-left.same-height-right,
	.call-back-content,
	.plan-box,
	.more-info-content,
	.news strong,
	.social-links,
	.contacts-content {
		text-align: center;
	}

	.btn-contacts {
		float: none;
		display: inline-block;
	}

	.social-links li {
		float: none;
		display: inline-block;
	}

	.news strong:after {
		margin: 17px auto 38px;
	}

	.history-box1, 
	.history-box2, 
	.history-box3, 
	.history-box4 {
		left: 0;
	}

	.more-info-content h2:after {
		margin: 35px auto 0;
	}

	.more-info-image img {
		margin: 0 auto 20px;;
	}

	.form-callback input.btn-callback {
		width: 140px;
		margin: 0 auto;
	}
	
	.calculate .dark {
		padding: 10px 65px 35px;
	}
	.image {
		text-align: center;
	}
	.blog .post-title .title {
		padding: 0;
		text-align: left;
	}

	.big-circle {
		margin: 0 auto 25px;
	}

	.offers .item{
		text-align: center;
	}

	.description {
		text-align: center;
	}
}

@media (max-width: 600px) {

	.contacts_us .col-md-6 img {
		width: 100%;
	}

	.blog-category .citate-img img {
		height: 180px;
		width: auto;
	}

	.blog-category .paragraph .citate-img {
		margin-bottom: 30px;
		overflow: hidden;
	}

	.blog-category .paragraph .img-left img {
		float: none;
		margin-right: 30px;
		margin: 0px auto 10px;
		display: block;
	}

	.blog .social{
		float: none;
	}

	.navbar-collapse {
		background: #fff;
	}

	.frame {
		height: 260px;
	}

	.navbar-collapse.in {
		overflow-y: inherit !important;
	}
}

@media (max-width: 480px){

	.blog-category .citate-img{
		overflow: hidden;
	}

	.price-list .small p{
		padding-top: 50px;
	}

	.advantage .item {
		padding: 50px 30px 60px;
	}

	.navbar-nav > li {
		width: 100%;
	}

	.size_photo,
	.size_contant {
		width: 100% !important;
	}

	.size_photo {
		margin-bottom: 25px;
	}

	.post-author h3{
		float: none;
	}

	.photo {
		text-align: center;
	}

	.post-author .photo img,
	.comments .comment .photo img {
		width: 135px;
		border-radius: 50%;
	}
}

@media (max-width: 420px) {
	.carousel-indicators {
		display: none;
	}

	ul, ol{
		padding: 0;
	}

	.offers .item {
		//padding-left: 40px;
		padding-bottom: 20px;
	}

	.offers .item{
		padding-left: 0;
	}
	
	.slide button {
		display: none;
	}

	.blog-category .left-btn {
		display: none;
	}

	.blog-category .right-btn {
		display: none;
	}

	.blog .post-title .date {
		display: none;
	}

	.blog .post-title .title {
		padding: 0;
	}

	.calculate .dark {
		padding: 10px 5px;
	}

	.Nprev, .Nnext {
		display: none !important;
	}
}

@media (max-width: 400px) {
	.frame {
		height: 200px;
	}	
}


@media (max-width: 370px) {
	.portf-single .link{
		display: none;
	}
}

@media (max-width: 350px) {
	.frame {
		height: 150px;
	}	
}

@media (min-width: 320px) {
	#fours {
		margin-top: 40px;
	}

	.team .item {
		display: block;
		margin: 0 auto 20px;
		float: none;
	}
}

@media (min-width: 768px) {
	.main {
		width: 750px;
	}

	.main-2 {
		width: 750px;
	}

	#fours {
		margin-top: -90px;
	}

	.team .item {
		display: inline-block;
		margin-bottom: 20px;
	}

}


@media (min-width: 992px) {
	.main {
		width: 970px;
	}

	.main-2 {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.main {
		width: 1170px;
	}

	.main-2 {
		width: 1170px;
	}
}

@media only screen and (max-width:1199px){
	
	.services-nav a{
		font-size:10px;
		padding: 0 22px;
		height:40px;
		border-radius:20px;
		line-height:36px;
	}
	.tabset li{
		font-size:11px;
	}
	.tabset a{
		padding:0 10px 1px 20px;
	}
	.tabset a.active, 
	.tabset a:hover{
		padding:0 10px 1px 15px;
	}
	.form-callback input.btn-callback{
		width:140px;
	}
	.more-info-content{
		margin:0;
	}
	.icons li{
		margin: 0 0 0 12px;
	}
	.images li, 
	.images a{
		height:50px;
		width:50px;
	}
	.images a:after{
		top:12px;
		left:12px;
	}
	.btn-contacts {
		padding: 0 5px 1px;
		text-align:center;
		width: 140px;
	}
}

@media only screen and (max-width:960px){
	.btn-creauest{
		display:none;
	}
	.history-box1{
		left:28px;
	}
	.history-box2{
		font-size:12px;
	}
}

@media only screen and (max-width:767px){
	
	.services{
		padding:40px 0 0;
	}
	.services-nav li{
		width:100%;
	}
	.about-box{
		width:100%;
		border:none;
		padding:24px 4% 22px;
	}
	.tab-content img{
		float:none;
		display:block;
		margin:15px auto 15px;
	}
	.history-box1, 
	.history-box2, 
	.history-box3, 
	.history-box4{
		position:relative;
		top:auto;
		left:100px;
		right:auto;
		bottom:auto;
		margin:0 0 20px;
		width:80%;
		max-width:100%;
		min-height:70px;
	}
	.history-line{
		display:none;
	}
	.items-10, 
	.items-11, 
	.items-12, 
	.items-13{
		margin:0; 
		left:0; 
		top:0;
	}
	.items-11{
		top:80px;
	}
	.items-12{
		top:160px;
	}
	.items-13{
		top:250px;
	}
	.items-14{
		top:340px; 
		left:0; 
		right:auto;
	}
	.history-boxes{
		overflow:visible;
	}
}

@media only screen and (max-width:499px){
	.history-box1, 
	.history-box2, 
	.history-box3, 
	.history-box4{
		width:auto !important; padding:0 10px;
		left:0;
		max-width:100%;
	}
	.history-box2{
		font-size:14px;
	}
}

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

	#carousel-example-generic .rht {
		padding-top: 120px;
	}

	#carousel-example-generic .rht .title h2 {
		color: #fff;
		font-size: 40px;
	}

	#nepon .col-md-1-5 img {
		width: 100%;
		height: 220px;
	}

}

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

	.nav {
		padding: 0 !important;
	}

	#carousel-example-generic .rht .title h2 {
		color: #fff;
		font-size: 32px;
	}

	#carousel-example-generic .rht {
		padding-top: 70px;
	}

	.services img.responsive-img,
	#progress .col-sm-6 img {
		width: 100%;
	}

	#histopy .progres .item img {
		width: 100%;
	}

	#histopy .progres .item {
		margin-top: 40px;
		position: relative;
		width: 320px;
	}

	#histopy .progres .rht .dot {
		left: -60px;
	}

	#histopy .progres .lft .dot {
		right: -60px;
	}

}

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

	#carousel-example-generic .rht .title h2 {
		color: #fff;
		font-size: 24px;
	}

	.title p {
		letter-spacing: 2px;
		margin-bottom: 12px;
	}

	#carousel-example-generic .rht .txt {
		padding: 14px 0;
		line-height: 26px;
		color: #fff;
	}

	#carousel-example-generic .rht button {
		margin-top: 0px;
	}

	#carousel-example-generic .rht {
		padding-top: 34px;
	}

	div#weoffer .col-sm-6.sld {
		margin-bottom: 28px;
	}

	#histopy .progres .rht .dot {
		display: none;
	}

}

@media only screen and (max-width : 640px) {
	#carousel-example-generic .rht,
	#histopy .progres .lft .dot,
	#histopy .progres .line {
		display: none;
	}
}

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

	#three .item img {
		display: block;
		float: none;
		margin: 0 auto 20px;
	}

	#three .item {
		text-align: center;
	}

}

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

	#histopy .progres .lft_first {
		margin-top: 40px !important;
	}

	div#nepon .col-md-1-5.col-sm-1-5.col-xs-4 {
		width: 100%;
	}

	#nepon .col-md-1-5 img {
		width: 100%;
		height: auto;
	}

	div#talant .col-sm-4.col-xs-4,
	#most .col-sm-4.col-xs-4 {
		width: 100%;
	}

}

@media only screen and (max-width : 320px) {
	body {
		overflow-x: hidden;
	}
}

@media only screen and (max-width : 1199px){
	#hdr .txt h1 {
		font-size: 55px;
		font-family: 'Raleway', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
	}
}

@media only screen and (max-width : 991px){
	.nav {
		padding: 0 !important;
	}

	#hdr .txt {
		padding-top: 40px !important;
	}
}

@media only screen and (max-width:1170px){
	.jcf-select{
		width:181px;
	}
	.form-1-row input.short {
		width: 181px;
	}
	.jcf-select-color{
		width:240px;
	}
	.services-box{
		margin:0;
	}
	.pagins li{
		margin:0 6px 0 0;
	}
	.slideshow-nav{
		text-align:center;
	}
	.slideshow-nav li, 
	.slideshow-nav li+li{
		display:inline-block;
		margin:0 10px 20px;
		float:none;
		vertical-align:top;
	}
	.pricing-box strong{
		font-size:16px;
	}
	.pricing-box ul li{
		font-size:13px;
	}
	.images li, 
	.images a{
		height:50px;
		width:50px;
	}
	.images a:after{
		top:12px;
		left:12px;
	}
}
@media only screen and (max-width:960px){
	.jcf-select{
		width:181px;
	}
	.form-1-row input.short {
		width: 181px;
	}
	.jcf-select-color{
		width:240px;
	}
	.services-box{
		margin:0;
	}
	.pagins li{
		margin:0 6px 0 0;
	}
	.slideshow-nav{
		text-align:center;
	}
	.slideshow-nav li{
		display:inline-block;
		margin:0 10px 20px;
		float:none;
		vertical-align:top;
	}
	.pricing-box strong{
		font-size:16px;
	}
	.pricing-box ul li{
		font-size:13px;
	}
	.images li, 
	.images a{
		height:50px;
		width:50px;
	}
	.images a:after{
		top:12px;
		left:12px;
	}
}

@media only screen and (max-width:767px){
	.form-1 {
		margin:20px auto 0;
		border: 1px solid #fff;
		padding:25px 20px;
	}
	.items-box{
		width:100%;
		padding:0 0 20px;
	}
	.items-image {
		margin:20px 0 45px;
	}
	.sub-form-1{
		margin:0 auto;
		width:250px;
	}
	.header-panel{
		margin:0 0 22px;
	}
}