/* --- RESPONSIVE START --- */
@media screen and (max-width: 1920px){
  /*block category - cloudics division*/
  #cloudics .block_category .wp-block-columns{
    max-width: 97%;
  }
  #cloudics .block_category .wp-block-column:not(:first-child){
    margin-left: 1rem;
  }
  #cloudics .block_category h2.druk{
    font-size: 1.5em;
  }
}



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

}



@media screen and (max-width: 1440px){
  #cloudics h1, #cloudics h2, #cloudics h3, #cloudics h4{
    line-height: 1.1em;
  }
  #cloudics h1, #cloudics h1.druk{
    font-size: 2.2em;
  }
  #cloudics h2, #cloudics h2.druk{
    font-size: 1.8em;
  }
  #cloudics h3, #cloudics h3.druk{
    font-size: 1.2em;
  }

  /*block category - cloudics division*/
  #cloudics .block_category img{
    height: 200px;
  }
}



@media screen and (max-width: 1366px){
  /*block intro*/
  #cloudics .block_intro_wrap{
    width: 850px;
  }
  #cloudics .block_intro video{
    height: 300px;
  }
  #cloudics .block_intro_wide .bg{
    width: 600px;
  }
  #cloudics .block_intro_wide .bg img{
    object-position: -250px 0;
  }
  #cloudics .block_intro_wide .text-box{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 8rem auto;
  }
  #cloudics .block_intro_wide .img-left figure{
    width: 100%;
  }
  #cloudics .block_intro_wide .img-left img{
    width: 100%;
    max-height: 700px;
    object-fit: cover;
  }

  /*block category - cloudics division*/
  #cloudics .block_category .wp-block-columns{
    display: block;
  }
  #cloudics .block_category .wp-block-column{
    width: 500px;
    margin: auto;
  }
  #cloudics .block_category .wp-block-column:not(:first-child){
    margin: 2rem auto 0;
  }


  /*block subcategory*/
  #cloudics .block_subcategory{
    margin: 2rem 0;
  }
  #cloudics .block_subcategory .wp-block-columns{
    max-width: 1000px;
  }
  #cloudics .block_subcategory figure{
    text-align: right;
  }

  /*block_benefits*/
  #cloudics .block_benefits{
    padding: 4rem;
  }
  #cloudics .block_benefits .wp-block-columns{
    flex-wrap: wrap;
  }
  #cloudics .block_benefits .wp-block-column{
    flex-basis: 35% !important;
    flex-grow: 1;
  }
  #cloudics .block_benefits .wp-block-column:nth-child(3), #cloudics .block_benefits .wp-block-column:nth-child(4){
    margin-top: 2rem;
  }
  #cloudics .block_benefits .wp-block-column:nth-child(3){
    margin-left: 0;
  }

  /*block demo and block buy*/
  #cloudics .block_demo .wp-block-group__inner-container, #cloudics .block_buy .wp-block-group__inner-container{
    width: auto;
  }
  #cloudics .block_demo, #cloudics .block_buy{
    padding: 4rem;
  }
  #cloudics .block_buy .large_image img{
    margin: 0;
  }
}



@media screen and (max-width: 1200px){
  /*block intro*/
  #cloudics .block_intro_wide{
    margin: 0;
    height: 450px;
  }
  #cloudics .block_intro_wide .wp-block-group__inner-container{
    display: block;
  }
  #cloudics .block_intro_wide .text-group{
    position: absolute;
    display: block;
    background: rgba(255,255,255,.9);
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 2rem;
    max-width: 750px;
    height: 335px; 
  }
  #cloudics .block_intro_wide .bg{
    position: absolute;
    width: 100%;
    padding: 0;
  }
  #cloudics .block_intro_wide .bg img{
    object-position: center !important;
  }
  #cloudics .block_intro_wide .text-box{
    margin: 1.5rem auto;
    padding: 2rem;
  }

  /*block contact*/
  #cloudics .block_contact .contact_form{
    max-width: 90%;
  }
  #cloudics .block_contact .wp-block-column.has-white-background-color{
    padding: 1rem 2rem 0;
  }

  /*--- DEMO PAGE ---*/
  #cloudics.cloudics-demo-videos .block_intro_wide .text-group{
    background: transparent;
  }
  #cloudics.cloudics-demo-videos .block_intro_wide .bg img{
    display: none;
  }/*
  #cloudics.cloudics-demo .block_contact .contact_form{
    display: block;
    margin: 0 2rem;
  }
  #cloudics.cloudics-demo .form_inputs input.wpcf7-text{
    width: calc(100% - 2rem);
  }
  #cloudics.cloudics-demo .block_contact .wp-block-column{
    flex-grow: 1;
    flex-basis: 20% !important;
  }*/

  /*--- AVIATION page ---*/
  #cloudics.aviation .block_intro_wide .text-group{
    height: 420px;
  }
  #cloudics.aviation .block_tabs .tabcontent .wp-block-columns{
    display: block;
  }
  #cloudics.aviation .block_tabs .tabcontent img{
    margin: 0 0 1rem;
  }
  #cloudics.aviation .block_sectors{
    padding: 2rem 1rem;
  }
}



@media screen and (max-width: 1024px){
  /*block subcategory*/
  #cloudics .block_subcategory .wp-block-columns{
    max-width: 100%;
    margin: 0 1rem;
    padding: 2rem;
  }
  #cloudics .block_subcategory .su-spoiler-content{
    left: 2rem;
  }

  /*block demo*/
  #cloudics .block_demo .wp-block-columns, #cloudics .block_buy .wp-block-columns{
    display: block;
  }
  #cloudics .block_demo p{
    margin: 0;
  }
  #cloudics .block_demo img{
    display: none;
  }

  /*block buy*/
  #cloudics .block_buy .steps{
    display: flex;
    flex-wrap: nowrap;
  }
  #cloudics .block_buy .large_image {
    text-align: center;
  }
  #cloudics .block_buy .large_image img{
    max-height: 500px;
    width: auto;
  }
  #cloudics .block_buy_carwash .steps{
    margin: 1rem 0 4rem;
  }
  #cloudics .block_buy_carwash .steps .wp-block-columns{
    display: flex;
    flex-wrap: nowrap;
  }
  #cloudics .block_buy_carwash .image_large{
    margin-top: 2rem;
  }

  /*block news*/
  #cloudics .block_news img{
    height: auto;
  }

  /*block contact*/
  #cloudics .block_contact .wp-block-columns{
    display: block;
  }
  #cloudics .block_contact .bg img{
    position: relative;
    height: 350px;
  }
}



@media screen and (max-width: 991px){
  /*block intro*/
  #cloudics .block_intro_wrap{
    width: auto;
    margin: 0 4rem;
  }

  /*block subcategory*/
  #cloudics .block_subcategory .wp-block-columns{
    display: block;
  }
  #cloudics .block_subcategory .su-accordion{
    margin-bottom: 4rem;
  }
  #cloudics .block_subcategory p{
    max-width: 600px;
    margin: 0;
    padding: 1rem 0;
  }
  #cloudics .block_subcategory figure{
    text-align: left;
    /*margin: 4rem 0 0;*/
  }
  #cloudics .block_subcategory img{
    max-height: 200px;
  }

  /*block tabs*/
  #cloudics .block_tabs{
    padding: 0 2rem;
  }
  #cloudics .block_tabs .responsive-tabs .responsive-tabs__list__item{
    width: auto;
    padding: 1rem 1.5rem;
  }
  #cloudics .block_tabs .responsive-tabs li{
    width: auto;
  }
  #cloudics .block_tabs .responsive-tabs .list-design li{
    margin: 0 0 .3rem 2rem;
  }
  #cloudics .block_tabs .tabcontent figure.video_block{
    width: auto;
    height: auto;
  }
  #cloudics .block_tabs .tabcontent iframe{
    max-width: 600px;
    height: 335px;
  }


  /*--- DEMO PAGE ---*/
  #cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__panel{
    width: 60%;
  }
}



@media screen and (max-width: 782px){
  #cloudics h1, #cloudics h1.druk{
    font-size: 2em;
  }
  #cloudics h2, #cloudics h2.druk{
    font-size: 1.5em;
  }
  #cloudics h3, #cloudics h3.druk{
    font-size: 1em;
  }

  /*block intro*/
  #cloudics .block_intro_wrap{
    position: relative;
    margin: 0 1rem;
    top: -3rem;
  }

  #cloudics .block_intro_wide .wp-block-columns{
    display: flex;
    flex-flow: column-reverse;
    margin: 0 2rem;
  }
  #cloudics .block_intro_wide .text-box{
    position: relative;
    margin: 0 auto;
    width: 100%;
  }

  /*block category - cloudics division*/
  #cloudics .block_category{
    margin: 0 0 2rem;
  }
  #cloudics .block_category .wp-block-columns{
    padding: 0 0 3rem;
  }

  /*block subcategory*/
  #cloudics .block_subcategory p{
    margin-bottom: 1rem;
  }
  #cloudics .block_subcategory .su-accordion{
    display: block;
    margin-bottom: 1rem;
  }
  #cloudics .block_subcategory .su-spoiler-content{
    position: relative;
    left: 1rem;
    padding: 1rem 0;
  }
  #cloudics .block_subcategory .su-accordion .su-spoiler{
    margin: 0;
  }
  #cloudics .block_subcategory .su-spoiler-title{
    margin: 0;
  }
  #cloudics .block_subcategory figure{
    margin: 0;
  }

  /*block_benefits*/
  #cloudics .block_benefits{
    padding: 4rem 2rem;
  }
  #cloudics .block_benefits .wp-block-columns{
    display: block;
  }
  #cloudics .block_benefits .wp-block-column{
    margin: 0;
  }
  #cloudics .block_benefits .wp-block-column:not(:first-child){
    margin: 2rem 0 0;
  }

  /*block additional - jaotus*/
  #cloudics .block_additional{
    margin: 2rem auto 1rem;
  }

  /*block demo and block buy*/
  #cloudics .block_demo{
    padding: 3rem 2rem;
  }
  #cloudics .block_buy{
    padding: 3rem 2rem 1rem;
  }
  #cloudics .block_buy_carwash{
    padding: 3rem 1rem;
  }

  /*block tabs*/
  #cloudics .block_tabs{
    margin: 4rem 0;
  }
  #cloudics .block_tabs .responsive-tabs ul{
    display: none;
  }
  #cloudics .block_tabs #sample_slider ul{
    display: block;
  }
  #cloudics .block_tabs h2.druk{
    margin-bottom: 1rem;
  }
  #cloudics .block_tabs .tabcontent{
    padding: 1rem 1rem 3rem;
  }
  #cloudics .block_tabs .tabcontent p{
    max-width: 100%;
  }
  #cloudics .block_tabs .black, #cloudics .block_tabs .sa_hover_container{
    padding: 0 !important;
  }
  #cloudics .block_tabs .tabcontent iframe{
    max-width: 100%;
  }
  #cloudics .block_tabs .responsive-tabs .tabtitle:nth-child(1){
    border-top: 1px solid #ccc;
  }
  #cloudics .block_tabs .responsive-tabs .responsive-tabs__heading--active, #cloudics .block_tabs .responsive-tabs .responsive-tabs__heading:hover{
    border: none;
  }
  #cloudics .block_tabs .responsive-tabs h2:nth-child(2){
    border-top: 1px solid #ccc;
  }

  /*block news*/
  #cloudics .block_news{
    margin: 2rem 0;
  }

  /*block contact*/
  #cloudics .block_contact{
    padding: 3rem 0 1rem;
  }
  #cloudics .block_contact .form_inputs .flex_that li:nth-child(2){
    margin: 0;
  }
  #cloudics .block_contact .form_inputs input.wpcf7-text{
    width: 95%;
  }
}



@media only screen and (max-width: 768px){
  /*block tabs*/
  #cloudics .su-tabs-mobile-stack .su-tabs-nav span{
    display: inline-block;
  }

  /*--- DEMO PAGE ---*/
  #cloudics.cloudics-demo-videos .responsive-tabs.responsive-tabs--enabled{
    display: block;
  }
  #cloudics.cloudics-demo-videos .block_videos .responsive-tabs ul.responsive-tabs__list{
    display: none;
  }
  #cloudics.cloudics-demo-videos .block_videos .responsive-tabs .responsive-tabs__panel{
    width: auto;
    margin: 0;
  }
  #cloudics.cloudics-demo-videos .block_videos iframe{
    margin: 0 0 1rem;
  }
  #cloudics.cloudics-demo-videos .responsive-tabs .responsive-tabs__heading{
    font-size: 1.2em;
    font-weight: 600;
    padding-right: 2rem;
  }
  #cloudics.cloudics-demo-videos .block_videos .fa{
    display: inline-block;
    background: url(https://astrobaltics.eu/wp-content/uploads/2021/05/play-button.svg) no-repeat;
    width: 15px;
    height: 15px;
  }
  #cloudics.cloudics-demo-videos .block_videos_text{
    margin: 0 1rem 2rem;
  }
  #cloudics.cloudics-demo-videos .block_videos_text h3{
    font-size: 1.5em;
  }
  #tablist1-panel1 h2.active{
    background: red;
  }
  #cloudics.cloudics-demo-videos #tablist1-panel1 > h2, #cloudics.cloudics-demo-videos #tablist1-panel12 > h2{
    background: #1ea9e1;
    color: #fff;
  }
  #cloudics.cloudics-demo-videos #tablist1-panel7 > h2{
    background: red;
  }
} 



@media screen and (max-width: 600px){
  #cloudics .hyphen-hide span, #cloudics .hyphen-hide br{
    display: inline-block;
  }
  #cloudics .block_category .wp-block-columns{
    max-width: 100%;
  }
  #cloudics .block_category .wp-block-column, #cloudics .block_category .wp-block-column:not(:first-child){
    width: auto;
    margin: 0 2rem;
  }
  #cloudics .block_category .wp-block-column:not(:first-child){
    margin: 1rem 2rem 0;
  }
  #cloudics .block_news .wp-block-latest-posts li{
    width: 100%;
  }

  /*--- DEMO PAGE ---*/
  #cloudics.cloudics-demo-videos .block_intro img{
    height: 50px;
    width: auto;
  }
}



@media screen and (max-width: 480px){
  #cloudics h1.druk, #cloudics h2.druk, #cloudics h3.druk, #cloudics h4.druk, #cloudics p, #cloudics .wp-block-buttons{
    text-align: left;
    justify-content: left;
  }
  #cloudics h1, #cloudics h1.druk{
    font-size: 1.5em;
  }
  #cloudics h2, #cloudics h2.druk{
    font-size: 1.2em;
  }
  /*#cloudics .wp-block-button a{
    padding: .8rem;
  }*/
  #cloudics .form_inputs .submit{
    padding: .8rem 3rem;
  }

  /*block intro*/
  #cloudics .block_intro_wrap .hyphen-hide span, #cloudics .block_intro_wrap .hyphen-hide br{
    display: none;
  }
  #cloudics .block_intro_wide{
    height: auto;
  }
  #cloudics .block_intro_wide .wp-block-columns{
    margin: 0 1rem;
  }
  #cloudics .block_intro_wide .text-group, #cloudics .block_intro_wide .bg{
    position: relative;
    height: auto;
  }
  #cloudics .block_intro_wide .text-group{
    padding: 1rem;
  }
  #cloudics .block_intro_wide .wp-block-image .aligncenter{
    margin-left: 0;
  }
  #cloudics .block_intro_wide .wp-block-image .aligncenter img{
    height: 40px;
    width: auto;
  }

  /*block category - cloudics division*/
  #cloudics .block_category .wp-block-column{
    padding: 2rem;
    margin: 0 1rem;
  }
  #cloudics .block_category .wp-block-column:not(:first-child){
    margin: 1rem 1rem 0;
  }
  #cloudics .block_category .division_arrow-down figure{
     margin: 0 auto 0 0;
  }

  /*block subcategory*/
  #cloudics .block_subcategory{
    padding: 2rem 0;
  }
  #cloudics .block_subcategory .wp-block-columns{
    padding: 2rem 1rem;
  }

/*  !*block counter*!
  #cloudics .block_counter{
    margin: 2rem 0 0;
  }
  #cloudics .block_counter .wpsm_counterbox .wpsm_number{
    font-size: 1.4em;
  }
  #cloudics .block_counter .wpsm_counterbox .wpsm_count-title{
    font-size: 1em;
    margin: 0;
    line-height: 3em;
  }*/

  /*block_benefits*/
  #cloudics .block_benefits{
    padding: 3rem 1rem;
  }
  #cloudics .block_benefits h4{
    text-align: left;
    padding: 1rem 2rem;
  }
  #cloudics .block_benefits h2.druk, #cloudics .block_benefits p.has-white-color{
    padding: 1rem 0 0;
  }
  #cloudics .block_benefits .wp-block-column:not(:first-child){
    margin: 1rem 0 0;
  }

  /*block buy*/
  #cloudics .block_buy .steps p{
    text-align: center;
    font-size: .8em;
    line-height: 1.1;
  }
  #cloudics .block_buy_carwash p{
    text-align: center;
  }

  /*block demo*/
  #cloudics .block_demo, #cloudics .block_buy{
    margin: 2rem 0;
    padding: 2rem 1rem;
  }

  /*block additional - jaotus*/
  #cloudics .block_additional{
    margin: 1rem auto 0;
  }
  #cloudics .block_additional .wpsm_counterbox .wpsm_number{
    font-size: 1em;
  }

  /*block tabs*/
  #cloudics .block_tabs{
    padding: 0 1rem;
  }
  #cloudics .block_tabs .wp-block-image .aligncenter{
    margin: 0;
  }

  /*block news*/
  #cloudics .block_news .wp-block-latest-posts{
    margin: 1rem 0 0;
  }
  #cloudics .block_news .news-overlay{
    background: #fff;
    width: 100%;
  }
  #cloudics .block_news .wp-block-latest-posts li{
    margin: 0 auto 1rem !important;
  }

  /*block contact*/
  #cloudics .block_contact{
    padding: 0 1rem;
  }
  #cloudics .block_contact .contact_form{
    max-width: 100%;
  }
  #cloudics .block_contact .bg img{
    height: 220px;
  }
  #cloudics .block_contact .cloudics_contact_info .wp-block-columns{
    margin: 1rem 0 0;
  }
  #cloudics .block_contact .cloudics_contact_info .wp-block-column{
    padding: 1rem 0 0;
  }
  #cloudics .block_contact .cloudics_contact_info img{
    height: 20px;
  }
  #cloudics .block_contact .wp-block-column.has-white-background-color{
    padding: 1rem 1rem 0;
  }
  #cloudics .block_contact .form_inputs input.wpcf7-text{
    padding: .7rem;
  }
 
  /*--- DEMO PAGE ---*/
  /*#cloudics.cloudics-demo h2.has-text-align-center{
    text-align: center;
  }
  #cloudics.cloudics-demo .block_contact .contact_form{
    margin: 0 1rem;
    padding: 2rem;
  }
  #cloudics.cloudics-demo .cloudics_contact_info{
    display: block;
  }
  #cloudics.cloudics-demo .block_contact .wp-block-column{
    margin: 1rem 0;
  }
  #cloudics.cloudics-demo .form_inputs input, #cloudics.cloudics-demo .form_inputs textarea,
  #cloudics.cloudics-demo .form_inputs select, #cloudics.cloudics-demo #inputGroupDate{
    padding: .8rem;
  }
  #cloudics.cloudics-demo .form_inputs .submit{
    padding: 1rem 4rem;
  }*/
  #cloudics.cloudics-demo-videos .block_intro{
    padding: 2rem 0;
  }
  #cloudics.cloudics-demo-videos .calendly-btn{
    width: 140px;
    margin: 1rem auto 0 0;
    padding: 1rem !important;
    font-size: .8em !important;
    text-align: center;
  }
  #cloudics.cloudics-demo-videos .block_videos{
    margin: 2rem auto;
  }
  #cloudics.cloudics-demo-videos .text-group{
    margin: 0 1rem;
  }

  /*--- AVIATION page ---*/
  #cloudics.aviation .block_intro_wide .text-group{
    height: 450px;
  }
  #cloudics.aviation .block_contact{
    padding: 3rem 1rem 2rem;
  }
}



@media screen and (max-width: 420px){
  #cloudics .wp-block-buttons, #cloudics .wp-block-button{
    display: block;
  }

  /*block intro*/
  #cloudics .block_intro_wrap .hyphen-hide span, #cloudics .block_intro_wrap .hyphen-hide br{
    display: inline-block;
  }

  /*block category - cloudics division*/
  #cloudics .block_category .wp-block-buttons>.wp-block-button:last-child{
    margin: 0;
  }
}



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

}