/* Laptop */
@media all and (max-width:1400px) and (min-width:1024px){}

@media all and (max-width:1230px) and (min-width:1024px){
    .specialist-section_blocks {
        width: calc(100% / 2 - 20px);
    }

    .specialist-blockcards-bottom_image,
    .specialist-blockcards-bottom_cards {
        width:calc(50% - 20px);
    }

    .specialist-blockcards-bottom_cards>div {
        width: 100%;
    }

    .image_block {
        width: calc(100% / 3 - 15px);
        padding: 10px;
    }
}

/* Tablet */
@media all and (max-width:1023px) and (min-width:768px){
    .about-section_heading,.section-clients_heading {
        text-align: center;
    }
    p.about_texts_paragraph {
        font-size: 23px;
    }
    h2.title{
        font-size: 35px;
    }

    h3.subtitle {
        font-size: 32px;
    }
    
}

@media all and (max-width:1023px) and (min-width:851px){
    .specialist-section_blocks {
        width: calc(100% / 2 - 20px);
    }

    .specialist-blockcards-bottom_image,
    .specialist-blockcards-bottom_cards {
        width:calc(50% - 20px);
    }

    .specialist-blockcards-bottom_cards>div {
        width: 100%;
    }

    .image_block {
        width: calc(100% / 3 - 15px);
        padding: 10px;
    }
}

@media all and (max-width:850px) and (min-width:768px){
    .about-section_heading,.section-clients_heading {
        text-align: center;
    }
    p.about_texts_paragraph {
        font-size: 20px;
    }
    h2.title{
        font-size: 30px;
    }

    h3.subtitle {
        font-size: 28px;
    }

    .specialist-section_blocks>span {
        width: 100%;
        text-align: center;
        max-width: 200px;
        font-size: 14px;
        color: black;
    }
    .specialist-section_blocks {
        width:100%;
    }

    .specialist-blockcards-bottom_image,
    .specialist-blockcards-bottom_cards {
        width:50%;
    }

    .specialist-blockcards-bottom_cards>div {
        width: 100%;
    }

    .image_block {
        width: calc(100% / 2 - 15px);
        padding: 10px;
    }
}

/* Mobile */
@media all and (max-width:767px) and (min-width:311px){
    .about-section_heading,.section-clients_heading {
        text-align: center;
    }
    p.about_texts_paragraph {
        font-size: 17px;
    }
    h2.title{
        font-size: 25px;
    }

    h3.subtitle {
        font-size: 23px;
    }
    .about-section_texts {
        gap: 10px;
    }
    .specialist-section_blocks>span {
        width: 100%;
        text-align: center;
        max-width: 200px;
        font-size: 14px;
        color: black;
    }

    .specialist-section_blocks {
        width: 100%;
    }

    .specialist-section-block-cards-bottom {
        flex-direction: column-reverse;
    }

    .specialist-blockcards-bottom_cards>div
    ,.specialist-section-block-cards-bottom>div {
        width: 100%;
    }

    .image_block {
        width: 100%;
        padding: 0;
    }

}

@media all and (max-width:500px){
    .about-section_heading,.section-clients_heading {
        text-align: center;
    }
    p.about_texts_paragraph {
        font-size: 15px;
    }
    h2.title{
        font-size: 23px;
    }

    h3.subtitle {
        font-size: 21px;
    }
    .about-section_texts {
        gap: 10px;
    }
    .specialist-section_blocks>span {
        width: 100%;
        text-align: center;
        max-width: 200px;
        font-size: 13px;
        color: black;
    }
}


/* laptop */

@media(max-width:1200px){
    .section_block.backround {
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
      }   
      .section_botton_backround {
        padding: 50px 0;
      } 
}
@media all and (min-width: 768px){
    button.mobile-btn{
        display: none;
    }
}


/* mobile */

@media all and (max-width: 991px){
    ul.menu li a{
        padding: 0 4px;
    }
}
@media(max-width:767px){
    .menu-block:not(.opened) .mobile-btn{
        display: none;
    }
    .menu-block.opened .menu{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .menu-block.opened button.mobile-btn {
        position: fixed;
        top: 15px;
    }
    .menu-block {
        transition: 0.2s linear;
    }
    .menu-block.opened  button.mobile-btn span:last-child {
        display: none;
    }
    .menu-block.opened .mobile-btn span:first-child {
        transform: rotate(45deg);
        position: relative;
        top: 9px;
    }
    .menu-block.opened .mobile-btn span:nth-child(2) {
        transform: rotate(-45deg);
        position: relative;
        top: -6px;
    }
    .menu-block.opened {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #f5f5f5;
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 100000000000000000;
    }
    ul.menu {
        display: none;
    }
    .section_box_blocks_block {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .section_botton{
        position: relative;
      }
      .section-bottom ul, .section_text ul {
        margin: 0;
        padding: 0 10px;
        max-width: none;
    }
    .section_text ul li a{
        font-size: 27px;
    }
    .section_text ul li img {
        width: 34px;
    }
    .section_box_text.small {
        font-size: 24px;
    }
    .section-bottom ul {
        max-width: none;
        width: 100%;
    }
      .mini {
        font-size: 25px !important;
      }
      .section_title {
        padding-left: 0;
      }
      .min {
        font-size: 25px;
      }
      .section_text {
        padding-left: 0px;
      }
      .section_botton_text {
        padding-top: 18px;
      }
      .small {
        font-size: 20px;
      }
      .section_box_steps_step {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .big {
        font-size: 40px;
      }
}
@media all and (max-width: 1199px){
    .section_logo{
        margin: 15px auto 10%;
    }
    .section_block.backround{
        justify-content: flex-start;
    }
}
@media all and (max-width: 991px){
    .section_box_title .mini{
        font-size: 45px !important;
    }
    .section_box_blocks_block{
        width: 100%;
        min-height: auto;
        margin-bottom: 30px;
    }
    .about-section_image{
        top: 0;
    }
    section.about-section {
        margin-bottom: 120px;
    }
    
}
@media all and (max-width: 1200px){
    .section-bg .section-top{
        min-height: 900px;
    }
    .logo-block img {
        max-width: 224px;
    }
}
@media all and (max-width: 1100px){
    .section-bg .section-top{
        min-height: 800px;
    }
    .section-bg .section-top{
        background-size: 200%;
    }
    .section_botton {
        left: 0;
    }
}
@media all and (max-width: 767px){
    .section_logo.mobile-block {
        display: none;
    }
    .section-top {
        flex-direction: column;
        gap: 31px;
    }
    .logo-text {
        border: none;
    }
    .section_box_title .mini {
        font-size: 25px !important;
    }
    .section_box_botton.black>div.section_box-content, .section_botton_backround_bg.black{
        padding-left: 0;
    }
    .section_box_botton_bg.black, .section_box_botton.black>div.section_box-content, .section_botton_backround_bg.black{
        padding-right: 0;
    }
    .section_botton {
        padding-right: 20px;
    }
    .section_botton_text {
        padding-left: 11%;
    }
    .mini {
        font-size: 19px !important;
    }
    .section_botton_text h3.mini {
        font-size: 26px !important;
    }
    .section_botton_text{
        padding-left: 30px !important;
    }
    .section_botton_backround_bg.black {
        border-top-right-radius: 60px;
    }
    .section_botton_backround_bg.black {
        margin-top: 16%;
    }
    .section_botton_text {
        margin-bottom: 0 !important;
    }
    .section_botton_top {
        transform: rotate(0deg);
        background: black;
        overflow: hidden;
        height: 50%;
        border-top-right-radius: 70px;
        opacity: 1;
        position: absolute;
        top: 73px;
        width: calc(100% - 20px);
        left: 0;
        z-index: 0;
    }
    .section_botton {
        bottom: 0;
    }
    .section_block.backround {
        min-height: auto !important;
    }
    .section_botton {
        max-width: 100%;
    }
    .section_block.backround{
        min-height: 1000px;
    }
    .section-bottom ul li a{
        font-size: 18px;
    }
    .section-bottom ul li img {
        width: 20px;
    }
    .section_box-content {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .section_box_botton_top {
        left: 0;
    }
    .section_botton {
        left: 0;
    }
	.about-section_heading .title {
		font-size: 25px;
		font-family: 'Arial';
	}
    .specialist-section_blockcards-top, .specialist-section-block-cards-bottom, .specialist-blockcards-bottom_cards {
        gap: 0;
    }
    .specialist-section_blockcards-top .specialist-section_blocks:last-child {
        margin-bottom: 0;
    }
    .clients-section_block-cards {
        gap: 0;
    }
    .image_block:last-child {
        margin-bottom: 0;
    }
    
    .section-bottom li i[class*="fa"],
    .section_text  li i[class*="fa"], .menu-block.opened ul li a i, .mobile-block a i{
        color: #df6b2c;
    }
    .section-bottom li i[class*="fa-whatsapp"],
    .section_text  li i[class*="fa-whatsapp"], .menu-block.opened ul li a i[class*="fa-whatsapp"], .mobile-block a i[class*="fa-whatsapp"]{
        color: #25D366;
    }
    .section-bottom li:hover i[class*="fa"], .menu-block.opened ul li:hover i{
        color: #25D366 !important;
    }
    .section-bottom li:hover i[class*="fa-whatsapp"], .menu-block.opened ul li:hover i[class*="fa-whatsapp"]{
        color: #ef6623 !important;
    }
    .section-bottom li:hover span, .menu-block.opened ul li:hover span{
        text-decoration: underline;
        color: #25D366;
    }
    .section-bottom li:hover i[class*="fa-whatsapp"] + span, .menu-block.opened ul li:hover i[class*="fa-whatsapp"] + span{
        text-decoration: underline;
        color: #ef6623;
    }
    .section_text ul li:hover i[class*="fa"]{
        color: #25D366;
    }
    .section_text ul li:hover span{
        text-decoration: underline;
        color: #25D366;
    }
    .section_text ul li:hover i[class*="fa-whatsapp"]{
        color: #ef6623;
    }
    .section_text ul li:hover i[class*="fa-whatsapp"] + span{
        text-decoration: underline;
        color: #ef6623;
    }
    .menu-block.opened ul li a i{
        font-size: 27px;
        margin-right: 10px;
        position: relative;
        top: 5px;
    }
    ul.fixed-menu li a, ul.fixed-menu li a span{
        font-size: 27px;
    }
    ul.fixed-menu {
        padding-left: 0;
        width: 100%;
    }
    ul.menu li a span, ul.menu li a{
        font-size: 24px;
    }
    .section-bottom li i[class*="fa"], ul.fixed-menu li i, .section_text ul li i,
    .section-bottom ul li span, .section_text li span {
        font-size: 27px;
    }
    .hide-mobile{
        display: none;
        
    }
    
}
@media all and (max-width: 580px){
    .section_box_botton_top {
        left: -7px;
    }
    .logo-text span {
        font-size: 35px;
        font-weight: 900;
        font-style: italic;
    }
    .logo-text {
        margin-left: 0;
        padding-left: 0;
    }
    .section_box_botton_top {
        display: none;
    }
    .section_box-content {
        padding: 45px;
        border-radius: 40px;
    }
}
@media all and (max-width: 484px){
    .section_botton_top{
        top: 34px;
    }
    .section-bottom{
        min-height: 300px;
    }
    .section-bg .section-top{
        background-size: 400%;
    }

}
@media all and (min-width: 1199px){
    ul.fixed-menu li:last-child{
        display: none;
    }
}