@media (max-width: 1750px){
    .best_3d_area .left_3d::before {
        background-size: contain;
        width: 100%;
    }
}
@media (max-width: 1520px){
   
    .shap_mobile {
        padding-left: 80px;
        width: 38%;
        padding-top: 60px;
    }
    .text_3d {
        width: 62%;
        padding-top: 100px;
    }
    .shap_mobile img{
        max-width: 100%;
    }
    .best_3d_area {
        min-height: auto;
    }
    .shap_slider_inner {
        margin-right: 114px;
        margin-top: 226px;
    }
    .shap_slider_inner .owl-dots {
        margin-top: 6px;
        margin-right: 55px;
    }
}
@media (max-width: 1300px){
    .date-text {

    width: 63%;
    float: left;
  }

    .but-kol {
  width: 100px;
  margin: 20px auto;
  text-align: center;
  display: table;
  float: none;
}
    .kn-mob {
  margin-top: 120px;
}
    
    .col4 {
          color: #000;
  margin-left: 0px;
  text-align: center;
        font-size: 30px !important;
}
    .col2 {
  margin-left: 0px;
  text-align: center;
        padding: 10px;
        padding: 40px 0px;
}
    .main_slider_area {
  background-size: cover;
}
    .col5 {
        margin-top: 15px;
        color: #000;
  margin-right: 0px;
  text-align: center;
  font-size: 32px !important;
}
    .cyc {
    background: none;
    position: relative;
    min-height: auto;
  }
   .navbar-brand {
  margin-left: 0px;
}
      .slider-text img {
  width: 75%;
}
    .slider-text {
  width: 40%;
  float: left;
  color: #fff;
  margin-left: 0px;
  margin-top: 100px;
}
    .shap_slider_inner {
        margin-right: 12px;
    }
    .shap_slider_inner .owl-dots {
        margin-right: 126px;
    }
}
@media (max-width: 1230px){
    .date-text {

    width: 63%;
    float: left;
  }

    .but-kol {
  width: 100px;
  margin: 20px auto;
  text-align: center;
  display: table;
  float: none;
}
    
      .gr-l span {
  min-height: auto;
}
      .kn-mob  {
display: none;
}
    .best_3d_area .left_3d {
        width: 100%;
        float: none;
    }
    .best_3d_area .left_3d::before {
	    display: none;
    }
    .shap_slider_inner .item {
        color: #0b1033;
    }
    .shap_slider_inner .item p {
        color: #7c8d93;
    }
    .best_3d_area {
        display: block;
    }
    .best_3d_area .right_text {
        width: 100%;
        float: none;
        overflow: hidden;
    }
    .shap_slider_inner {

        max-width: 500px;
        float: none;
        margin: auto !important;
    }
    .shap_slider_inner .owl-dots .owl-dot {
        background: #000;
    }
}
@media (max-width: 1199px){
    .date-text {

    width: 63%;
    float: left;
  }

    .but-kol {
  width: 100px;
  margin: 20px auto;
  text-align: center;
  display: table;
  float: none;
}
    .col4 {
          color: #000;
  margin-left: 0px;
  text-align: center;
}
    .col2 {
  margin-left: 0px;
  text-align: center;
        padding: 10px;
}
    .main_slider_area {
  background-size: cover;
}
    .col5 {
        margin-top: 15px;
        color: #000;
  margin-right: 0px;
  text-align: center;
  font-size: 32px !important;
}
    .cyc {
    background: none;
    position: relative;
    min-height: auto;
  }
   .navbar-brand {
  margin-left: 0px;
}
      .slider-text img {
  width: 75%;
}
    .slider-text {
  width: 40%;
  float: left;
  color: #fff;
  margin-left: 0px;
  margin-top: 100px;
}
      .gr-l span {
  min-height: auto;
}
    .ce {
  margin: 40px auto;
}
    .video {
       display: grid;
  max-height: 400px;
  min-height: 400px;
    }
    .name-blok-price {
  font-size: 28px;
}
    .sub-text-price {
  font-size: 18px;
}
    .price {
  font-size: 28px;
}
    .sub-text-pricee {
  font-size: 14px;
}
    .orange-pole {
  font-size: 18px;
}
    .fon-avtor {
        background: #FC6;
    }
    
   .get_in_touch_area {
  padding-top: 40px;
} 
    
    .av-box {
  width: 90%;
  margin-top: 60px;
}
    
    .fon-podarok {
  margin: 0px;
}
    
    
    .text-black-line {
  font-size: 26px;
  width: 70%;
}
     .kn-mob {
width: 60%;
    float: right;
    display: block;
    padding-top: 50px;
    margin-top: 70px;
    color: #000;
    }   
   
      .gr-l span {
  min-height: auto;
}
    .col2 {
        padding: 20px;
  
  font-size: 55px !important;
    }
    .col4 {
  
  font-size: 30px !important;
    }
  .kn-mob {
    width: 50%;
    float: right;
    display: block;
    padding-top: 50px;
  }
    
    .kn-mob img {
  width: 90%;
  margin-top: 220px !important;
}
    .team_people_text ul li {
        width: calc(100% / 1);
        float: none;
        margin-bottom: 15px;
    }
    .team_people_text ul li:nth-child(2n) {
        padding-left: 0px;
    }
    .team_people_text p {
        padding-bottom: 24px;
    }
    .get_in_touch_area .touch_details {
        margin-left: 0px;
    }
    .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .single_img {
        display: none;
    }
}
@media (max-width: 991px){
    .date-text {

    width: 63%;
    float: left;
  }

    .but-kol {
  width: 100px;
  margin: 20px auto;
  text-align: center;
  display: table;
  float: none;
}
    
    
       .col4 {
          color: #000;
  margin-left: 0px;
  text-align: center;
}
    .col2 {
  margin-left: 0px;
  text-align: center;
        padding: 10px;
}
    .main_slider_area {
  background-size: cover;
}
    .col5 {
        margin-top: 15px;
        color: #000;
  margin-right: 0px;
  text-align: center;
  font-size: 22px !important;
}
    .cyc {
    background: none;
    position: relative;
    min-height: auto;
  }
   .navbar-brand {
  margin-left: 0px;
}
      .slider-text img {
  width: 75%;
}
    .slider-text {
  width: 40%;
  float: left;
  color: #fff;
  margin-left: 0px;
  margin-top: 100px;
}
      .gr-l span {
  min-height: auto;
}
    .ce {
  margin: 40px auto;
}
    .video {
       display: grid;
  max-height: 400px;
  min-height: 400px;
    }
    .name-blok-price {
  font-size: 52px;
}
    .sub-text-price {
  font-size: 18px;
}
    .price {
  font-size: 65px;
}
    .sub-text-pricee {
  font-size: 45px;
}
    .orange-pole {
  font-size: 18px;
}
    .fon-avtor {
        background: #E4E4E4;
    }
    
   .get_in_touch_area {
  padding-top: 40px;
} 
    
    .av-box {
  width: 90%;
  margin-top: 60px;
}
    
    .fon-podarok {
  margin: 0px;
}
    
    
    .text-black-line {
  font-size: 26px;
  width: 70%;
}
     .kn-mob {
width: 60%;
    float: right;
    display: block;
    padding-top: 50px;
    margin-top: 70px;
    color: #000;
    }   
   
 .name-line {
  font-size: 18px;
}
    .line-op {
  font-size: 22px;
}
    .kal-sp {
  font-size: 14px;
  line-height: 1.2;
        margin-bottom: 20px;
min-height: 80px;
    }
    
    
    
    
    
    
    .kn-mob img {
  width: 100%;
  padding: 0px;
}
     .float-sm-left {
    float: left !important;
    width: 100%;
    margin: auto;
    text-align: center;
  }
    .float-sm-right {
    margin-top: 0px;
        width: 100%;
    text-align: center;
  }
    .col2-footer {
  margin-top: 40px;
}
    .col3-footer {
  text-align: center;
  margin-bottom: 40px;
}
     .navbar-brand img {
  width: 60%;
}
.col2 {
  font-size: 60px !important;
    margin-top: 10px !important;
}
    .col3 {
  font-size: 33px !important;
}
    .col1 {
  color: #000 !important;
}
    .col4 {
  font-size: 32px !important;
        margin-top: 10px !important;
        line-height: 1.6 !important;
}
    
 .tp-parallax-wrap {
  top: 100px !important;
}   
    
  .slider-but {

  margin: 10px auto !important;
}  
.zag {
  font-size: 42px;
  margin-top: 0px;
}
    
 .text {
  font-size: 14px !important;
     margin: 10px;
}   
    
    
  .cyt {
    font-size: 24px;

  }
    
  .best_3d_area .left_3d {
    width: calc(100%) !important;
   *// background: url(../img/3d-slider-shap-sm.png);
    background-size: auto;
    background-size: 100%;
      background-repeat: no-repeat;
    }
    .col2-footer {
    margin-top: 40px;
    text-align: center;
  }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.navbar-expand-lg .navbar-toggler {
    display: block;
  }
    
    
    .main_menu_area {
        padding: 0px 0px;
    }
    .navbar-light .navbar-brand {
        padding: 20px 0px 20px 15px;
    }
    .main_menu_area .navbar .navbar-nav li {
        display: block;
        margin-right: 0px;
    }
    .main_menu_area .navbar .navbar-nav li a {
        display: block;
        line-height: 50px;
        padding: 0px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, .05);
    }
    .main_menu_area .navbar .navbar-nav li:hover a, .main_menu_area .navbar .navbar-nav li.active a {
        color: #97ccfe;
    }
    .main_menu_area .navbar .navbar-nav li a:focus{
        color: #97ccfe;
    }
    .main_menu_area .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: #97ccfe;
    }
    .main_menu_area .navbar .navbar-nav {
        display: block;
        text-align: left;
    }
    .main_menu_area .navbar .navbar-collapse {
        background: rgba(0, 0, 0, 1);
        max-height: 306px;
        overflow-y: scroll;
    }
    .main_menu_area .navbar .navbar-toggler {
        padding: 0px 15px 0px 0px;
        cursor: pointer;
    }
    .main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu {
        background: transparent;
        border: none;
        margin: 0px;
        padding: 0px;
    }
    .main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu li a {
        line-height: 50px;
        padding: 0px 20px;
    }
    .text_3d {
        padding-left: 15px;
    }
    .team_people_text {
        max-width: 540px;
        float: none;
        margin: auto;
    }
    .team_img_inner {
        max-width: 591px;
        margin: 30px auto -20px;
    }
    .touch_details {
        margin-left: 0px;
        margin-top: 60px;
    }
    .contact_us_form {
        margin-top: 0px;
    }
    .footer_widget_inner .col-sm-6{
        margin-bottom: 30px;
    }
    .footer_widget_inner .col-sm-6:last-child{
        margin-bottom: 0px;
    }
    .footer_widget_area {
        padding: 40px 0px 40px 0px;
    }
    .challange_text_inner {
        max-width: 545px;
        float: none;
        margin: auto;
    }
    .challange_img {
       display: block;
        margin-top: 50px;
    }
    .testimonials_slider::before {
        display: none;
    }
    .testimonials_slider .owl-dots .owl-dot {
        background: #0b1033;
    }
    .testimonials_slider .owl-dots .owl-dot.active {
        background: #97ccfe;
    }
    .testimonials_area {
        padding-top: 60px;
        padding-bottom: 100px;
    }
    .company_skill {
        padding-top: 40px;
    }
    .circle_progress .circle_progress_inner {
        margin-bottom: 30px;
    }
    .circle_chart_area .row{
        margin-bottom: -30px;
    }
    .service_solution_area::before {
        opacity: 1;
    }
    .blog_right_sidebar{
        max-width: 270px;
        margin-top: 100px;
    }
    
}
@media (max-width: 767px){
    .date-text {
  width: 80%;
  float: left;
}
    .but-kol {
  width: 100px;
  margin: 20px auto;
  text-align: center;
  display: table;
  float: none;
}
      .col4 {
          color: #fff;
  margin-left: 0px;
  text-align: center;
}
    .col2 {
  margin-left: 0px;
  text-align: center;
        padding: 10px;
}
    .main_slider_area {
  background-size: cover;
}
    .col5 {
        color: #fff;
  margin-right: 0px;
  text-align: center;
  font-size: 22px !important;
}
    .cyc {
    background: none;
    position: relative;
    min-height: auto;
  }
   .navbar-brand {
  margin-left: 0px;
}
      .slider-text img {
  width: 40%;
}
    .slider-text {
  width: 50%;
  float: left;
  color: #fff;
  margin-left: 0px;
  margin-top: 0px;
}
    .hr-dashed {
  margin: 35px 5px;
  width: 45px;
}
    
    
    .date {
   font-size: 40px;
    }
      .gr-l span {
  min-height: auto;
}
    .fon-avtor {
  background: #E4E4E4;
}
    .blok-price {
  margin-bottom: 40px;
        width: 100%;
}
    .orange-pole {
  font-size: 16px;
}
    .swiper-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
  width: 100%;
}
    .video {
  min-height: 220px;
}
     .foot-namr {
    font-size: 32px;
    text-align: center;
  }
    
    .but-ava {
        float: left !important;
  float: none;
  padding: 10px;
        margin: auto;}
    
    
    .footr_area {
  width: 100%;
  text-align: center;
}
    
    .but-ava-fut {
        float: none;
  float: none;
  padding: 10px;
        margin: auto;}
    .rem {
  text-align: center;
}
    .fon-podarok {
margin: 160px 0px 0px 0px;
}
    .all-blok-price {
  display: block;
}
   .text-box {
       margin-bottom: 60px;
  font-size: 22px;
  text-align: center;
}
    .av-box {
  width: 30%;
  margin-top: -70px;
}
    .touch_details {
  margin-top: 20px;
}
    .zag-box {
  font-size: 42px;
  text-align: center;
}
  
    .blok {
  display: block;
}
    .name-rig {
  width: 70%;
    }
    .soc-iko {
  width: 30%;
    }
    .rig {
        margin-top: 20px;
  font-size: 22px;
  text-align: center;
}
    .get_in_touch_area {
  padding-top: 0px;
}
    .pl-name {
  font-size: 36px;
}
    .av {
  margin-left: 0px;
        width: 100%;
}
    .str {
  text-align: center;
  margin-right: 0px;
}
    .str-text {
  font-size: 18px;
}
    .str img {
  width: 50%;
}
    .text-black-line {
 margin-bottom: 20px;

        font-family: Montserrat-reg;
  font-size: 22px;
  float: left;
  width: 100%;
  text-align: center;
}
    .alltx-gr {
  font-size: 18px;
}
    .textbl {
  text-align: center;
}
    .container {
  width: 100%;
}
    .footer-left-side {

  padding: 12px;
}
    
    .slider-text {
 text-align: center;
        width: 100%;
        z-index: 999;
 }
    
    .kn-mob  {
width: 100%;
margin-top: -165px;
        padding-top: 0px;
        color: #fff;
}
    .navbar-brand img {
  width: 60%;
}
.col2 {
    text-align: center;
  font-size: 45px !important;
    margin-top: 10px !important;
}
    .col3 {
  font-size: 33px !important;
}
    .col1 {
  color: #000 !important;
}
    .col4 {
  font-size: 22px !important;
        margin-top: 10px !important;
        line-height: 1.6 !important;
}
    
 .tp-parallax-wrap {
  top: 100px !important;
}   
    
  .slider-but {

  margin: 10px auto !important;
}  
.zag {
    text-align: center;
    width: 100%;
font-size: 38px;
    margin-top: 60px;
    padding: 0px 0px 30px 0px;
    float: left;
}
    
 .text {
  font-size: 14px !important;
     margin: 10px;
}   
    
    
  .cyt {
    font-size: 24px;

  }
    
  .best_3d_area .left_3d {
    width: calc(100%) !important;
   *// background: url(../img/3d-slider-shap-sm.png);
    background-size: auto;
    background-size: 100%;
      background-repeat: no-repeat;
    }
    
    
   .zag-avtor {
  font-size: 42px;
  text-align: center;
       width: 100%;
} 
    
    .col3-footer {
  font-size: 32px;
}
    .footer_copyright .float-sm-right ul li {
  display: inline-block;
  margin-right: 2%;
  margin-top: 40px;
}
   .coll5 {
  font-size: 36px;
  text-align: center;
}
    .iko-text {
  
        font-size: 14px;
}
    .sp {
  font-size: 14px;
}
    .foot-namr {
  font-size: 42x;
        padding-bottom: 40px;
}
    .atr {
  font-size: 70%;
}
    .col2-footer {
  font-size: 42px;
}
   .shap_slider_inner {
  margin-left: auto !important;
  margin-top: 40px !important;
  max-width: 325px;
  text-align: right;
} 
    
   .best_3d_area .left_3d {
    width: calc(100%)!important;
    }
    
    
    .l_title h2 {
        font-size: 32px;
    }
    .c_title h2 {
        font-size: 32px;
    }
    .blog_text {
        padding: 40px 15px 65px 15px;
    }
    .blog_img .blog_date {
        left: 15px;
    }
    .s_blog_social {
        padding-left: 15px;
    }
    .blog_author .media {
        display: block;
    }
    .blog_author .media .d-flex {
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .blog_comment .media {
        display: block;
    }
    .blog_comment .media .d-flex {
        display: block !important;
        padding: 20px 0px 0px 0px;
    }
    .blog_comment .media .media-body {
        padding-left: 0px;
        padding-top: 20px;
    }
    .blog_comment h3 {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .buttons_area .solid_btn {
        margin-left: 0px;
        display: inline-block;
    }
    .contact_map_area .mapBox1 {
        min-height: 575px;
    }
}

@media (max-width: 575px){
    .date-text {
  width: 80%;
  float: left;
}
    .but-kol {
  width: 100px;
  margin: 20px auto;
  text-align: center;
  display: table;
  float: none;
}
    .col4 {
  margin-left: 0px;
  text-align: center;
}
    .col2 {
  margin-left: 0px;
  text-align: center;
        padding: 10px;
}
    .main_slider_area {
  background-size: cover;
}
    .col5 {
  margin-right: 0px;
  text-align: center;
  font-size: 22px !important;
}
    .cyc {
    background: none;
    position: relative;
    min-height: auto;
  }
   .navbar-brand {
  margin-left: 0px;
}
    .slider-text img {
  width: 40%;
}
    .slider-text {
  width: 50%;
  float: left;
  color: #fff;
  margin-left: 0px;
  margin-top: 0px;
}
       .hr-dashed {
  margin: 35px 5px;
  width: 45px;
}
    .date {
   font-size: 40px;
    }
      .gr-l span {
  min-height: auto;
}
    .blok-price {
  margin-bottom: 40px;
        width: 100%;
}
    .orange-pole {
  font-size: 16px;
}
    .swiper-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
  width: 100%;
}
    .video {
  min-height: 220px;
}
     .foot-namr {
    font-size: 32px;
    text-align: center;
  }
    
    .but-ava {
  float: left;
  padding: 10px;
        margin-top: 10px;}
    .rem {
  text-align: center;
}
    .fon-podarok {
margin: 160px 0px 0px 0px;
}
    .all-blok-price {
  display: block;
}
   .text-box {
       margin-bottom: 60px;
  font-size: 22px;
  text-align: center;
}
    .av-box {
  width: 30%;
  margin-top: -70px;
}
    .touch_details {
  margin-top: 20px;
}
    .zag-box {
  font-size: 42px;
  text-align: center;
}
  
    .blok {
  display: inline-block;
        margin-bottom: 10px;
}
    .name-rig {
  width: 70%;
    }
    .soc-iko {
  width: 30%;
    }
    .rig {
        margin-top: 20px;
  font-size: 22px;
  text-align: center;
}
    .get_in_touch_area {
  padding-top: 0px;
}
    .pl-name {
  font-size: 36px;
}
    .av {
  margin-left: 0px;
        width: 100%;
}
    .str {
  text-align: center;
  margin-right: 0px;
}
    .str-text {
  font-size: 18px;
}
    .str img {
  width: 50%;
}
    .text-black-line {
 margin-bottom: 20px;

        font-family: Montserrat-reg;
  font-size: 22px;
  float: left;
  width: 100%;
  text-align: center;
}
    .alltx-gr {
  font-size: 18px;
}
    .textbl {
  text-align: center;
}
    .container {
  width: 100%;
}
    .footer-left-side {

  padding: 12px;
}
    
    .slider-text {
 text-align: center;
        width: 100%;
        z-index: 999;
}
    
    .kn-mob  {
margin-top: 0px;
        width: 100%;
        padding-top: 0px;
}
    .navbar-brand img {
  width: 60%;
}
.col2 {
    color: #000;
  font-size: 55px !important;
    margin-top: 10px !important;
}
    .col3 {
  font-size: 33px !important;
}
    .col1 {
  color: #000 !important;
}
    .col4 {
        color: #000;
  font-size: 22px !important;
        margin-top: 10px !important;
        line-height: 1.6 !important;
}
      .col5 {
  font-size: 22px !important;
        margin-top: 0px !important;
        line-height: 1.6 !important;
          padding: 10px;
          color: #000;
}  
 .tp-parallax-wrap {
  top: 100px !important;
}   
    
  .slider-but {

  margin: 10px auto !important;
}  
.zag {
    text-align: center;
    width: 100%;
font-size: 38px;
    margin-top: 60px;
    padding: 0px 0px 30px 0px;
    float: left;
}
    
 .text {
  font-size: 14px !important;
     margin: 10px;
}   
    
    
  .cyt {
    font-size: 24px;

  }
    
  .best_3d_area .left_3d {
    width: calc(100%) !important;
   *// background: url(../img/3d-slider-shap-sm.png);
    background-size: auto;
    background-size: 100%;
      background-repeat: no-repeat;
    }
    
    
   .zag-avtor {
  font-size: 42px;
  text-align: center;
       width: 100%;
} 
    
    .col3-footer {
  font-size: 32px;
}
    .footer_copyright .float-sm-right ul li {
  display: inline-block;
  margin-right: 2%;
  margin-top: 40px;
}
   .coll5 {
  font-size: 36px;
  text-align: center;
}
    .iko-text {
  
        font-size: 14px;
}
    .sp {
  font-size: 14px;
}
    .foot-namr {
  font-size: 42x;
        padding-bottom: 40px;
}
    .atr {
  font-size: 70%;
}
    .col2-footer {
  font-size: 42px;
}
   .shap_slider_inner {
  margin-left: auto !important;
  margin-top: 40px !important;
  max-width: 325px;
  text-align: right;
} 
    
   .best_3d_area .left_3d {
    width: calc(100%)!important;
    }
    
    
    .l_title h2 {
        font-size: 32px;
    }
    .c_title h2 {
        font-size: 32px;
    }
    .blog_text {
        padding: 40px 15px 65px 15px;
    }
    .blog_img .blog_date {
        left: 15px;
    }
    .s_blog_social {
        padding-left: 15px;
    }
    .blog_author .media {
        display: block;
    }
    .blog_author .media .d-flex {
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .blog_comment .media {
        display: block;
    }
    .blog_comment .media .d-flex {
        display: block !important;
        padding: 20px 0px 0px 0px;
    }
    .blog_comment .media .media-body {
        padding-left: 0px;
        padding-top: 20px;
    }
    .blog_comment h3 {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .buttons_area .solid_btn {
        margin-left: 0px;
        display: inline-block;
    }
    .contact_map_area .mapBox1 {
        min-height: 575px;
    }
}