@media only screen and (min-width: 2500px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 991px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,  
    .col-3,  
    .col-4,  
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        width: 100%;
        max-width: 100%;
        flex: auto;
    }

    .nav-inner {
        display: none;
    }

    .logo-h {
        max-width: 130px;
    }

    header .btn-border {
        display: none;
    }
    
    .head-inner .menu-left {
        gap: 15px;
    }
    
    .item.res-menu {
        width: 44px;
        height: 42px;
        display: block;
    }
    
    header.sticky {
        padding: 15px 0;
        background: transparent;
    }
    
    .item.res-menu {
        display: block;
    }

    .mobile-menu .menu-box .logo-h {
        margin-bottom: 30px;
    }

    .banner-h {
        padding: 0px;
    }
    
    .icon-animation {
        width: 15px;
        height: 15px;
        margin: 0 0 20px;
    }
    
    .banner-h .row {
        /*flex-direction: column-reverse;*/
    }
    
.banner-img ,.banner-h .row{
    height: 500px;
}
.manager-img {
    height: 310px;
    margin-bottom: 32px;
}
    .about-m-info h4 {
    font-size: 28px;
    line-height: 38px;
}
.about-block2 {
    padding: 32px 24px;
    padding-inline-end: 24px;
}
    .banner-img .banner-icons .item:nth-child(2) {
        margin: -46px;
    }
    
    .banner-img .banner-icons .item-count {
        margin-inline-start: -3px;
    }
    
    .banner-img .banner-icons .item-count h3 {
        line-height: 30px;
    }
    
    .banner-text h1 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 15px;
    }
    
    .banner-text p {
        font-size: 15px;
        line-height: 25px;
    }
    
    .banner-text .btn-flex {
        margin-top: 20px;
        gap: 20px;
    }
    
    .btn-play {
        width: 48px;
        height: 48px;
    }
    
    .btn-flex .btn {
        /* width: calc(100% - 48px - 20px); */
    }
    
    .about-h {
        padding: 30px 0 50px;
    }
    
    .about-text h3 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 16px;
    }
    
    .about-text p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    
    .about-items {
        margin-top: 30px;
    }
    
    .title h3 {
        font-size: 28px;
        line-height: 38px;
    }
    
    .title p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }
    
    .title {
        margin-bottom: 30px;
    }
    
    .clients-h {
        padding: 50px 0;
    }
    
    .client-block {
        height: 130px;
        line-height: 130px;
    }
    
    .foot-block h3 {
        margin: 24px 0;
    }
    
    .footer-bottom {
        text-align: center;
        padding: 20px 0 0;
    }
    
    .copy-right p {
        font-size: 15px;
        line-height: 25px;
    }
    
    .ryad-logo {
        float: none;
    }

    .breadcrumb-h {
        padding: 110px 0 25px;
    }
    
    .text-bread ul li a, .text-bread ul li span {
        font-size: 18px;
        line-height: 28px;
    }
    
    .about-page {
        padding-top: 0;
    }
    
    .about-inner {
        padding: 40px 20px;
    }
    
    .about-inner .content-inner h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    
    .about-inner .content-inner p {
        font-size: 15px;
        line-height: 25px;
    }
    
    .about-more.about-items {
        margin: 0 auto;
        padding-top: 40px;
    }
    
    .about-more.about-items .about-item {
        display: block;
    }
    
    .about-more.about-items .about-item .icon {
        margin: 0 auto 15px;
    }
    
    .about-more.about-items .about-item .details {
        width: 100%;
    }

    .single-text p {
        font-size: 15px;
        line-height: 25px;
    }
    
    .single-img {
        margin: 30px 0;
        height: 300px;
    }
    
    .single-more-text {
        padding: 0;
    }
    
    .single-more-text p {
        font-size: 16px;
        line-height: 26px;
    }
    
    .services-single {
        padding-bottom: 50px;
    }

    .contact-block {
        padding: 20px;
        height: auto;
        margin-bottom: 30px;
    }
    
    .title-contact h3 {
        font-size: 26px;
        line-height: 36px;
    }
    
    .contact-info .info-f ul li {
        margin-bottom: 30px;
        gap: 15px;
    }
    
    .contact-info .info-f ul li .icon {
        width: 44px;
        height: 44px;
        line-height: 44px;
    }
    
    .contact-info .info-f ul li .icon svg {
        max-width: 20px;
        max-height: 20px;
    }
    
    .contact-info .info-f ul li .details {
        width: calc(100% - 44px - 15px);
    }

    body.index2 .mobile-nav-toggler .lines ::after, body.index2 .mobile-nav-toggler .lines ::before {
        background: var(--main-color2);
    }
    
    body.index2 .logo-h {
        max-width: 143px;
    }
    
    body.index2 .banner-h {
    }
    

    
    body.index2 .banner-img {
 
    }
    
    body.index2 .banner-img .banner-icons .item-count h3 {
        font-size: 12px;
    }
    
    body.index2 .banner-img .banner-icons .item-count h3 strong {
        font-size: 21px;
    }
    
    body.index2 .banner-img .banner-icons .item-count,
    body.index2 .banner-img .banner-icons .item-count.item-count2 {
        width: 144px;
        height: 40px;
        padding: 3px;
        margin-inline-start: 4px;
    }
    
    .about-h2 {
        padding: 50px 0;
    }
    
    body.index2 .about-img {
        width: 300px;
        height: 300px;
        margin-inline: auto;
        margin-bottom: 30px;
    }
    
    body.index2 .about-img .img {
        width: 270px;
        height: 270px;
    }
    
    .about-h2 .about-text {
        padding: 0;
    }
    
    .specialties-h {
        padding-bottom: 50px;
    }

    .team-h {
        padding: 50px 0;
    }
    
    .team-block .img {
        width: 100px;
        height: 100px;
    }
    
    .btn-center .btn {
        min-width: 200px;
    }
    
    body.index2 footer.footer2 .footer-top .row {
        padding: 20px;
    }

    body.index2 footer .logo-h {
        margin: 0 auto;
    }
    
    body.index2 footer .logo-h .logo-sec {
        margin-bottom: 32px;
        /*height: auto;*/
        /*line-height: normal;*/
    }
    
    .links-f2 ul {
        gap: 16px;
    }
    
    .links-f2 {
        margin: 30px 0;
    }
    
    body.index2 .footer-bottom .ryad-logo {
        margin: 0;
    }

    body.index2 .slick-dots li button {
        background: var(--main-color2);
    }
    
    .btn-center {
        margin-top: 20px;
    }
    
    .slick-dots {
        margin-top: 30px;
    }

    .about-goals.about2-page {
        padding-top: 40px;
    }
    
    .about-goals.about2-page .row {
        flex-direction: column-reverse;
    }

    .specialties-page.body-inner2 {
        padding-bottom: 20px;
    }

    .single-inner2 .img-block {
        height: 255px;
    }
    
    .single-offer.body-inner2, section.offers-rel {
        padding-bottom: 50px;
    }
    
    .single-team.body-inner2 .row {
        flex-direction: column-reverse;
    }
    
    body.index2 .single-team .about-img {
        max-width: 300px;
        margin-bottom: 40px;
        text-align: center;
    }
    
    body.index2 .single-team .about-img .img {
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    
    .single-team .single-text h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    
    .client-block img {
        max-width: 100px;
    }
    
    html,body {
        overflow-x: hidden;
    }
    
    header .btn {
        display: none;
    }
    
    .side-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    
    .sidebar-btn {
        margin-top: 20px;
    }
     #mybtn {
   right:auto;
    bottom: 30px;
    left: 16px;  
     }
     .btnsFlex {
          bottom: 30px; 
     }
    body.mobile-menu-visible .menu-backdrop {
        opacity: .2;
        z-index: 2;
    }
    
    .services-h {
        padding-bottom: 50px;
    }
    
    .specialties-h {
        padding-block: 50px;
    }
    
    .offers-h {
        padding-block: 50px;
    }
    
    main.main-content {
        overflow: hidden;
    }
    
    .target-h {
        padding-block: 50px;
    }
    
    .target-text h2 {
        font-size: 32px;
        line-height: 42px;
    }
    
    .target-text {
        margin-bottom: 30px;
    }
    
    .target-text .icon {
        width: 140px;
        height: 140px;
        margin-bottom: 20px;
    }
    
    .target-text .icon .icon-inner {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    
    .partners-h {
        padding-block: 50px;
    }
    
    .footer-top::after {
        width: 100%;
        border-start-start-radius: 140px;
    }
    
    body.index2 .footer-bottom .row {
        /*flex-direction: column-reverse;*/
    }

.text-bread h2 {
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 24px;
}
.company-logo {
    justify-content: center;
}
.counter-about .col-md-3 {
    width: 50%;
}

.counter-block .counter-item {
    font-size: 50px;
    line-height: 60px;
}

.counter-block h4 {
    font-size: 18px;
    line-height: 28px;
}

.about-more2 {
    padding-top: 20px;
}

.about-goals.about2-page .container>.row {
    flex-direction: column;
}

.goals-img {
    height: 367px;
    margin-bottom: 40px;
    border-start-end-radius: 123px;
}

.goals-img .img {
    padding: 26px 20px;
    padding-inline-end: 65px;
}

.goals-img .img svg {
    width: 190px;
    height: 190px;
}

.goals-img .img h3 {
    font-size: 26px;
    line-height: 36px;
}

.goals-text {
    padding: 0;
}

.all-team .item {
    /* opacity: 0; */
}

.all-team .item.slick-current.slick-active {
    /* opacity: 1; */
}

.team-block2 {
    box-shadow: 0px 0px 18.09px 0px #00000024;
    margin: 30px 0 20px;
}

.services-page.body-inner {
    padding-block: 50px;
}

.all-pages {
    margin-top: 20px;
}

.single-service {
    padding-block: 50px;
}

.single-video-inner .video-block {
    height: 350px;
}

.single-video.single-page {
    padding-block: 40px;
    margin-bottom: 40px;
}

.single-video-inner .title {
    margin-bottom: 30px;
}

.header-pages .head-inner {
    padding: 10px;
}

.single-inner .img {
    height: 200px;
}

.single-services2 .container>.row {
    flex-direction: column-reverse;
}

.about-text.single-text {
    padding-top: 30px;
}

.single-services2 {
    padding-block: 40px;
}

.careers-page {
    padding-block: 50px;
}

.career-block h3 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 20px;
}

.career-form.career-block {
    padding: 0;
    margin-bottom: 50px;
}

.all-jobs .accordion-item .accordion-header .accordion-button {
    font-size: 15px;
    line-height: 25px;
}

.all-jobs .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    font-size: 20px;
    line-height: 30px;
}

.all-jobs .accordion-item .accordion-body {
    padding: 16px;
}

.all-jobs .accordion-item .accordion-body ul li {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0;
}

.register-page {
    padding-block: 40px;
}

.req-form form .form-group label {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10px;
}

.req-form form .title-form {
    margin-bottom: 15px;
}

.req-form form .item-form {
    padding: 30px 0;
}

.req-form form .item-form+.title-form {
    margin-top: 30px;
}

.req-form .form-group .form-control {
    font-size: 14px;
}

.media-page {
    padding-block: 50px;
}

.media-page .all-pages {
    margin-top: 30px;
}

.single-media-h {
    padding-block: 50px;
}

.single-media-h .container .row {
    flex-direction: column-reverse;
}

.media-block.single-media-inner .img {
    height: 350px;
}

.sidebar-media {
    margin: 50px 0 0;
}

.mobile-menu .menu-box .navigation li.menu-item-has-children>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.mobile-menu .menu-box .navigation li.menu-item-has-children>a::after {
    margin-inline-end: 10px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 1px #757575 solid;
    border-right: 1px #757575 solid;
    transform: rotate(130deg);
}

.mobile-menu .menu-box .navigation li .sub-menu {
    padding: 0 20px;
}

.shape-h {
    margin-inline-end: -50px;
}

.about-img .shape-h {
    margin: 0;
    margin-inline-start: -40px;
}

.text-bread {
    max-width: 90%;
    margin: 0 auto;
}

.menu-left .lang-h {
    display: none;
}

.lang-h {
    margin: 24px 0 0 0;
    display: inline-flex;
    padding: 10px 30px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 50px;
    color:#000;
}

.career-form .form-group .radioCheck .wpcf7-list-item {
    width: 46%;
}
    .links-f2 h4, .footer-links h4 {
    font-size: 22px;
    margin-bottom: 14px;
    }
    .links-f2 ul li {
    width: 100%;
    margin-bottom: 8px;
    }
    .footer-soch span {
    font-size: 15px;
    }
    .footer-soch a {
    margin: 0 3px;
}
body.index2 footer.footer2 .footer-top{
    padding-bottom:0;
    padding-top:20px;
}
.nav-tabs {
    border: none;
    justify-content: center;
    margin-bottom: 28px;
}
section.event-sec{
    padding:42px 0 0 0;
}
.event-item {
    margin-bottom: 32px;
}
.evant-img {
    height: 270px;
    margin-bottom: 14px;
}
.all-imgs .row-img {
    flex-wrap: wrap;
    gap: 8px;
    height: auto;
    justify-content: center;
}
.row-img.row2, .row-img.row3 {
    padding-inline-end: 0;
    width: 100%;
    margin: 0 auto 14px;
}
.row-img .img {
    height: 105px;
    width: 47%;
}
.all-imgs .row-img {
    padding-inline-start: 0;
}
section.partners-and-clients {
    padding: 52px 0 32px;
    padding-top:0;
    
}
section.about-manager {
    padding-bottom: 120px;
}
.about-h2::after{
    display:none;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    font-size: 38px;
}
.nav-pills .nav-link {
    color: #202824;
    font-size: 21px;
}
.nav.nav-pills.flex-column {
    margin-bottom: 28px;
}
section.partners-and-clients h3 {
    font-size: 24px;
}
.partner-page .col {
    width: 50%;
}
section.partner-page ,section.vission-and-message,
.contact-page{
    padding: 48px 0 30px;
}
.nav-pills .nav-link.active::after,
.all-imgs .row-img.row1:after,
#pills-profile .all-imgs .row-img.row2:before,
#pills-profile .all-imgs .row-img.row2:after,
.all-imgs .row-img.row3:before,
.all-imgs .row-img.row3:after,
.all-imgs .row-img:before,
.all-imgs .row-img.row2:before,
.all-imgs .row-img.row2:after,
.row-img.row3 .img:last-of-type::after{
    display:none;
}
.nav-pills .nav-link::before {
    top: 13px;
}
.media-block.single-media-inner .details {
    max-width: 100%;
}
    .media-page {
        padding-block: 16px;
    }
        section.partners-and-clients {
        margin-top: -50px;
    }
    .home_Page.about-h2 {
    padding-bottom: 120px;
}
.about-manager .row {
    align-items: center;
    flex-direction: column-reverse;
}
    .mobile-menu .menu-box .logo-h {
        background: #000;
        width: 100%;
        max-width: 100%;
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        text-align: center;
    }
    .services-h {
    top: 0;
    }
    .product_item {
    margin-bottom: 32px;
}
.product_item .img {
    height: 400px;
    margin-bottom: 20px;
}
.about-block2{
     margin-bottom: 24px; 
}
.single  .text-bread ul {
    /*flex-direction: column;*/
}
.about-m-info h4 span,.about-m-info h4 {
    color: var(--sec-color2);
}
i.fa-snapchat {
    color: #000;
}
i.fa-snapchat {
    border: 2px solid #000;
}
}


@media (max-width: 768px) {}

@media (max-width: 767px) {}

@media (max-width: 600px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 480px) {    
    .offer-block {
        flex-direction: column;
    }
    
    .offer-block .img {
        width: 100%;
    }
    
    .offer-block .details {
        width: 100%;
        padding: 30px 20px;
    }
}

@media (max-width: 390px) {
    

.text-bread ul li a, .text-bread ul li span {
    font-size: 16px;
    line-height: 26px;
}
}

@media (max-width: 360px) {}