/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
  .arrow {
    display: none;
  }
  .for-whom:before {
    left: -100px;
  }
  .for-whom:after {
    right: -100px;
  }
  .bunner-thanks {
    height: auto;
    padding-bottom: 40px;
  }
  .bunner-thanks .container > * {
    max-width: 70% !important;
  }
  .bunner-right {
    width: 400px;
  }
  .bunner-left {
    width: calc(100% - 420px);
  }
  
}

@media only screen and (max-width : 1024px) {
  .for-whom:before {
    display: none;
  }
  .for-whom:after {
    display: none;
  }
  .last-video:after {
    display: none;
  }
  .bunner {
    background-position: left -220px center;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .widget-grid .grid.paddings-20px>.gridwrap>.col, .cont {
    width: 100% !important;
    display: block
  }
  .gridwrap .cont .node:not(.widget-slider):not(.widget-image) {
    width: 49% !important;
    display: inline-block
  }
  .widget-grid .grid>.gridwrap {
    display: block
  }
  .bunner { 
    overflow: hidden;
  }
  .bunner-left h1:after {
    width: 460px;
    height: 460px;
    top: 40%;
  }
  .bunner {
    background-position: center;
  }
  .bunner-left-offset {
    height: 400px;
    background: url(../img/man.png) no-repeat center / contain;
    width: 90% !important;
    margin-top: 60px;
  }
  .bunner .container {
    text-align: center;
  }
  
  .you-know-item, .result-item {  
    width: 50%;
  }
  .for-whom-item {
    width: calc(50% - 30px)
  }
  .last-left, .last-right {
    width: 100%;
  }
  .last-right {
    padding-top: 40px;
  }
  .bunner-right > div {
    padding: 20px 15px;
  }
  .bunner-right > div p, .bunner-right > div div {
    font-size: 17px;
  }
  .bunner-right {
    width: 350px;
  }
  .bunner-left h1 {
    font-size: 48px;
  }
  .bunner-left h2 {
    font-size: 24px;
    margin: 10px 0; 
  }
  p.bunner-title1 {
    font-size: 28px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .programm-last {
    font-size: 22px;
  }
  .bunner-left h2 {
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 5px;
  }
  .bunner-left {  
    margin-bottom: 20px;
    margin-top: 90px !important;
  }
  .bunner-left, .bunner-right {
    width: 100% !important;
    max-width: 500px;
    margin: auto;
  }
  .bunner-right {
    top: 0;
    margin-top: 50px !important;
    width: calc(100% - 20px) !important;
  }
  .programm-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .programm-row { 
    margin-bottom: 0;
    display: block;
  }
  .bunner-left * {
    text-align: center !important;
    position: relative;
    z-index: 10;
  }
  .bunner-left:after {  
    content: '';
    width: 400px;
    height: 400px;
    background: rgba(0,0,0,.4);
    z-index: 0;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .bunner-left {
    padding-top: 20px;
  }
  .bunner-right {
    padding-top: 0px; 
  }
  .bunner-right form {
    max-width: 500px;
    margin: auto;
  } 
  .bunner {
    height: auto;
    max-height: none;
    padding-bottom: 40px;
  }
  .bunner-right p {
    margin-top: 0;
  }
  .bunner-left h1, .bunner-left h1 b {
    font-size: 28px;
  }
  .feedback form > input, .feedback button, .feedback .intl-tel-input {
    width: calc(50% - 30px);
    margin-bottom: 20px;
    vertical-align: top;
  }
  .bunner-thanks .container > * {
    max-width: 100% !important;
    /*text-align: center !important; */
  }
  .bunner-thanks .btn {
    margin: auto;
    display: block;
  }
}

@media only screen and (max-width : 670px) {
  .gridwrap .cont .node:not(.widget-slider):not(.widget-image) {
    width: 100% !important;
  }
}

@media only screen and (max-width : 620px) {
  .node182 > .wrapper1 > .wrapper2 {
    padding-top: 0;
    padding-bottom: 0
  }
  .for-whom-item, .you-know-item, .result-item, .who-item {
    width: 100%;
  }
  .for-whom-item {
    min-height: auto;
  }
  .for-whom-item {
    margin: 10px auto;
  }
  .last-left-item {
    width: 50%;
  }
  .section-title {
    font-size: 32px;
  }
  .who-item {
    margin-bottom: 30px;
  }
  .who-item img {
    margin-bottom: 0;
  }
  .last-right .btn {
    margin-top: 0;
  }
  footer a {
    display: block;
    margin: auto;
  }
  .header-top * {
    font-size: 18px;
  }
  .programm-item span {
    width: 80px;
    height: 80px;
  }
  .widget-imagedtext .tbl.middle .td {
    vertical-align: top
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .bunner-left p {
    //font-size: 16px;
  }
  .section-title {
    font-size: 24px;
  }
  .last-left-item {
    width: 100%;
  }
  .feedback form > input, .feedback button, .feedback .intl-tel-input {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  input {
    line-height: 1.2;
  }
  .programm-last {
    font-size: 18px;
  }
  .widget-slider .widget-image .bgimage {
    height: 140px !important
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}