@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,
    .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 {
        padding-bottom: 0;
        width: 100%;
        float: left !important;
        overflow-x: scroll !important;
        overflow: hidden;
        margin-top: 10px;
    }
    .nav {
        padding: 0 !important;
    }
    .navbar-brand {
        float: left;
        max-width: 80%;
    }
    .navbar-brand img {
        margin: 0;
        max-height: none;
        float: left;
    }
    .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;
        font-size: 10px !important
    }
    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 {} 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 {
        padding: 0;
    }
    .frame {
        height: 260px;
    }
    .navbar-collapse.in {
        overflow: hidden !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-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;margin: 0;
    }
    #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;
    }
}