/******************************************************************************
  Min Width "2000px"
*******************************************************************************/
@media only screen and (min-width: 2000px) {
  /* for sumo sized (mac) screens */
}

/******************************************************************************
   Min Width "1615px"
*******************************************************************************/
@media screen and (min-width: 1615px) {
  .numbers {
    background-size: 100% 100%;
  }
}

/******************************************************************************
   Max Width "1400px"
*******************************************************************************/
@media screen and (max-width: 1400px) {
  .contact-object-one {
    left: -6%;
  }
  .contact-object-one {
    display: none;
  }
  .contact{
    padding-top: 60px
  }

}

/******************************************************************************
  Min Width "1440px"
*******************************************************************************/
@media only screen and (min-width: 1440px) {
  /* styles for browsers larger than 1440px; */
  .desc_short, .btn-detail  {
    font-size: 24px;
  }

  .btn.btn-sm.btn-detail  {
    font-size: 24px;
  }


}

/******************************************************************************
  Max Width "1080px"
*******************************************************************************/
@media screen and (max-width: 1200px) {

  .five-object img {
    max-width: 92%;
  }

  .six-object-three,
  .six-object-one,
  .six-object-two,
  .six-object-four,
  .six-object-five {
    display: none;
  }

  .seven-object-three {
    left: 15%;
    top: 6%;
  }

  .one .row {
    justify-content: space-around;
  }

  /*on front page*/
  .one-border {
    border: none;
    width: 33%;
  }

  .one-object-five {
    display: none;
  }

  .one-text-block {
    max-width: 100%;
    text-align: center;
  }

  .five-object {
    display: none;
  }

  .five .col-md-4 {
    display: none;
  }

  .five-inner-text {
    max-width: 60%;
  }

  .five-inner-text.center {
    text-align: start;
  }


  .slogan {
    max-width: 700px;
    margin: 0 auto;
  }

  .seven-object-two {
    display: none;
  }
  .five-ning-block{
    display: block;
  }
  .five-object-title{
    margin: 0 auto;
  }


  .f-block-one {
    order: 2;
    width: 60%;
    padding-left: 30px !important;
  }

  .f-block-two {
    order: 1;
    width: 40%;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
  }

  .f-block-three {
    order: 3;
    width: 100%;
    padding: 40px 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .f-block-four {
    order: 5;
    width: 38%;
    margin-left: 2%;
    padding: 30px 25px !important;
  }

  .f-block-four:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 80%;
    width: 1px;
    background: rgba(0, 0, 0, 0.08);
  }

  .f-block-four:after {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 80%;
    width: 1px;
    background: rgba(0, 0, 0, 0.08);
  }

  .f-block-five {
    order: 4;
    width: 60%;
  }

  .footer-block {
    flex-wrap: wrap;
  }

  .footer-block-item:after {
    display: none;
  }

  .footer-block-item {
    padding: 30px 0;
  }

  .f-form-input input {
    width: 90%;
  }


  .header .logo img, .header .logo .logo-img {
    max-width: 64px;
    max-height: 64px;
  }

  .logo_text {
    float: right;
    top: -49px;
    left: 40px;
    position: inherit;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: -35px;
    display: unset;
    margin-left: unset;
    margin-top: unset;
  }

}

/******************************************************************************
   Max Width "1360px"
*******************************************************************************/
@media screen and (max-width: 1360px) {
  .three-slider-direction div {
    left: 0;
  }

  .three-slider-direction .right-arrow {
    right: 0;
    left: auto;
  }



  .three .slick-list {
    margin: 0 -20px;
  }

  .six-object-four {
    right: 0;
  }
}

/******************************************************************************
   Max Width "1285px"
*******************************************************************************/
@media screen and (max-width: 1285px) {
  .five-object img {
    max-width: 92%;
  }

}

/******************************************************************************
  Min Width "1080px"
*******************************************************************************/
@media only screen and (min-width: 1080px) {
  /* styles for  portrait layouts  1920x1080 ; */
  .desc_short, .btn-detail  {
    font-size: 18px;
  }

  .btn.btn-sm.btn-detail  {
    font-size: 18px;
  }

}

/******************************************************************************
  Max Width "992px"
*******************************************************************************/
@media screen and (max-width: 992px) {
  .contact-block-item {
    width: 90%;
  }

  .contact-block {
    padding-left: 20px
  }
}

/******************************************************************************
  Min Width "960px"
  default styles here for older browsers.
    I tend to go for a 600px - 960px width max but using percentages
*******************************************************************************/
@media only screen and (min-width: 960px) {
  /* styles for browsers larger than 960px; */
}

/******************************************************************************
  Min Width "900px"
*******************************************************************************/
@media screen and (min-width: 900px) {
  .desc_short {
    font-size: 12px;
  }
  .contact-block-item {
    width: 24%;
  }
}

/******************************************************************************
   Max Width "860px"
*******************************************************************************/
@media screen and (max-width: 860px){
  .six-block-img{
    background-image: none;
    padding: 0;
  }
}

/******************************************************************************
   Max Width "768px"
*******************************************************************************/
@media screen and (max-width: 768px) {
  .one-border {
    width: unset;
  }
  .one-block-item-object {
    background: rgba(84, 101, 250, 0.2);
    border-radius: 10px;
    width: 18px;
    height: 16px;
    margin: 0 auto 11px auto;
  }
  .one-block-slogan{
    margin-bottom: 13px
  }
  .one{
    background-image: url('../img/one-mob-bg.jpg');
    padding-bottom: 350px
  }
  .two{
    margin-top: -150px
  }
  .title{
    font-size: 22px;
  }
  .two-img{
    text-align: center;
  }
  .two-scroll-block{
    margin-top: 80px
  }
  .three{
    background: transparent;
  }
  .fout-title{
    margin-bottom: 35px
  }
  .four-block{
    margin-bottom: 90px
  }
  .four{
    padding: 40px 0 0 0;
  }
  .five{
    padding: 0 0 40px 0;
  }
  .seven{
    /*padding-bottom: 500px*/
  }
  .seven-object-three{
    top: auto;
    bottom: 30%;
    left: 50%;
  }

  /* Убираем второстепенные элементы*/
  .seven-object-one, .five-block-right, .one-object-four{
    display: none;
  }

  .f-block-three{
    width: 70%;
  }

  .one-object-one{
    top: 8%;
  }
  .one .title{
    text-align: inherit;
  }
  .one .slogan{
    text-align: start;
    font-size: 13px;
    max-width: 80%;
    margin-left: 0;
    padding-left: 50px;
  ;
  }
  .one-object-four{
    right: -14%;
  }
  .five-block-right{
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    transform: none;
    max-width: 200px;
    margin: 54px auto 0 auto;
  }
  .five-block-right-object{
    display: none;
  }
  .five-block-right-object:nth-child(2n){
    display: block;
  }
  .five-inner{
    display: block;

  }
  .five-inner-icon{
    width: 103px;
    height: 103px;
    margin: 0 auto 44px auto;
  }
  .five-inner-text{
    margin: 0 auto;
    text-align: center !important;
  }
  .six{
    padding: 40px 0;
  }
  .two-scroll-block{
    padding: 0;
  }
  .three-inner-line{
    width: 200px;
  }
  .five-inner-text{
    max-width: 100%;
  }
  .mob-block {
    display: block;

  }
  .mob-none {
    display: none;
  }
  .mob-header{
    display: block;
  }
  .footer-block-item {
    padding: 0 24px;
  }

  .numbers {
    display: none;
  }
  .numbers-mob {
    display: block;
  }
  .contact-block-item {
    width: 49%;
  }
  .courses .row{
    justify-content: space-around;
  }
  .courses-block{
    padding-bottom: 110px
  }

}

/******************************************************************************
   Width "768px"
*******************************************************************************/
@media only screen and (device-width: 768px) {
  /* default iPad screens */
  .ros_name_sz40, .ros_name_sz70 {
    font-size: 20px;
  }

  .ros_name_sz70 {
    font-size: 35px;
    margin-bottom: 20px;
  }

}

/******************************************************************************
   Min Width "481px"
   FIXX  upgrade to bootstrap v4
*******************************************************************************/
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
    flex-direction: unset;
  }
  .navbar-nav>li {
    float: left;
  }
  .navbar-toggle {
    display: none;
  }

  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }

  .contact-block-item{
    width: 24%;
  }

  .ros_name_sz70 {
    font-size: 70px;
  }

}

/******************************************************************************
   Max Width "574px"
*******************************************************************************/
@media screen and (max-width: 574px) {
  .contact-block-item {
    width: 100%;
  }

  .contact-block-scroll {
    direction: ltr;
  }

  .contact-block {
    padding-left: 0
  }

  .contact-block-item {
    background: transparent;
    padding: 0 0 40px 15px;
    position: relative;
    margin-bottom: 40px
  }

  .contact-block-item:after {
    content: "";
    display: block;
    width: 20%;
    height: 1px;
    background: rgba(0, 0, 0, 0.06);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }




  /* Визуальные элементы */
  .one-object-one{
    top: 12%;
  }

  .one-object-two{
    top: 7%;
  }

  ::-webkit-scrollbar-track {
    border: none;
    padding: 2px 0;
    background: rgba(81, 81, 81, 0.06);
    border-radius: 30px;
  }

  ::-webkit-scrollbar {
    width: 15px;
    border-radius: 30px;
    background: rgba(81, 81, 81, 0.06);
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(33, 150, 244, 0.57);
  }

  ::-moz-scrollbar {
    width: 15px;
    border-radius: 30px;
    background: rgba(81, 81, 81, 0.06);
  }

  ::-moz-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(33, 150, 244, 0.57);
  }

  ::-ms-scrollbar {
    width: 15px;
    border-radius: 30px;
    background: rgba(81, 81, 81, 0.06);
  }

  ::-ms-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(33, 150, 244, 0.57);
  }

}

/******************************************************************************
   Min Width "481px" orientation:landscape
*******************************************************************************/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */

  /*Header: search block */
  .search-block-form .form-type-search{
    width: 900px;
  }


  .one-border {
    width: 33%;
  }

  .one-object-four {
    display: block;
    right: -1%;
  }

  .one-object-three, .one-object-four {
    bottom: -15px;
  }

  .nd-region{
    padding: 25px 0;
  }

  .logo_text{
    position: relative;
    font-size: 25px;
    margin-right: 30px;

  }

}

/******************************************************************************
  Min Width "481px"  orientation:portrait
  different techniques for iPad screening
*******************************************************************************/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .ros_name_sz40{
    font-size: 35px;
  }


  .one-border {
    width: 33%;
  }
  .mob-block{
    display: none;
  }

  .nd-region{
    padding: 25px 0;
  }
  .logo_text{
    position: relative;
    font-size: 33px;
    margin-left: 150px;
    margin-top: -5px;
    display: contents;
  }

  .one-object-three, .one-object-four {
    bottom: 1%
  }
}

/******************************************************************************
  iPad Pro
*******************************************************************************/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:portrait) {
  /*Header: search block */
  .search-block-form .form-type-search{
    width: 900px;
  }

  .logo_text{
    position: relative;
    font-size: 25px;
    margin-right: 160px;
    margin-top: -5px;
    display: contents;
  }

  .one-object-three, .one-object-four {
    bottom: 1%
  }

}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:landscape) {
  /*Header: search block */
  .search-block-form .form-type-search{
    width: 830px;
  }

  .one-object-three, .one-object-four {
    bottom: 1%
  }
}

/******************************************************************************
  Max Width "480px" iPhoneX port
*******************************************************************************/
@media only screen and (max-device-width: 480px) {
  /* styles for mobile browsers smaller than 480px; (iPhone) */
  .ros_name_sz40 {
    font-size: 35px;
  }
  .ros_name_sz70 {
    font-size: 35px;
    margin-bottom: 20px;
  }
  .nd-region {
    padding: 10px 0;
  }
  .ros_name_sz70{
    font-size: 35px;
  }
  .sub_header.fnt_sz62 .title, .fnt_sz62{
    font-size: 42px;
  }

  #block-progressivepagetitle{
    padding-top: 10px;
  }



}

/******************************************************************************
   Min Width "481px" orientation:landscape
*******************************************************************************/
@media screen and (max-width: 400px){
  .s-soc-item img{
    width: 80%;
  }
  .f-link-gray{
    font-size: 9px;
  }
  .f-block-five-title{
    font-size: 14px;
  }
  .f-block-four{
    padding-left: 15px!important;
  }
  .f-link{
    font-size: 12px;
  }

  /* Контакты */
  .contact-block-item{
    width: 90%;
  }

  .ros_name_sz40{
    font-size: 30px;
  }

}

/******************************************************************************
  Max Width 390px |  0..1024px
*******************************************************************************/
@media screen and (max-width: 835px) {
  .one-border {
    width: unset;
  }
  .mob-block {
    display: block;
  }
}

/******************************************************************************
  Max Width 390px |  0..390px
*******************************************************************************/
@media screen and (max-width: 390px){
  .logo_text {
    position: relative
  }

}