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

@media(max-width:1200px) {
    .about-hh {
        width: 48%;
    }
}

@media(max-width:1450px) {
    .main-head .main-nav ul {
        display: none;
    }

    .open-sidebar {
        display: inline-block;
    }

    .service-s:before,
    .inner-pages:before {
        top: -60px;
    }

    .service-s:after, .inner-pages:after {
    bottom: -58px;
}

    .stories-s:after {
        bottom: -16px;
    }

    .project-s:after,
    .client-s:after {
        bottom: -60px;
    }

    .project-s.news-s:after {
        bottom: -15px;
    }
    
    
.footer-top .footer-item .links li {
    width: 100%;
}
}

@media(max-width: 991px) {
    .main-head .top-bar .bar-l .social {
        display: none;
    }
.footer-top .footer-item:nth-of-type(2) {
    right: auto;
}
    .service-s:before,
    .inner-pages:before {
        top: -52px;
    }

.video-s .video-inner:before {
    top: -50px;
}
.video-s .video-inner::after {
    bottom: -52px;
}
    .stories-s .block,
    .project-s .block,
    .service-s .block,
    .footer-top .footer-item,
    .video-s .video-inner .v-img,
    .video-s .video-inner .v-data,
    .inner-mix .block,
    .bt .t-img,
    .bt .t-data,
    .serv-tabs,
    .serv-cont,
    .video-s .video-inner .v-image {
        max-width: 100%;
        width: 100%;
        margin-bottom: 50px;
    }

    .video-s .video-inner .v-data,
    .inner-mix .block,
    .bt .t-data,
    .serv-tabs,
    .serv-cont {
        padding: 0;
    }

    .stories-s .block:last-of-type,
    .project-s .block:last-of-type,
    .service-s .block,
    .footer-top .footer-item:last-of-type,
    .video-s .video-inner .v-data,
    .inner-mix .block:last-of-type,
    .bt .t-data,
    .serv-cont {
        margin-bottom: 0;
    }

    .footer-top .footer-item .f-content {
        text-align: right;
    }

    .footer-bottom {
        text-align: center;
    }

    /*.footer-bottom p {*/
    /*    display: block;*/
    /*    margin-bottom: 20px;*/
    /*}*/

    .footer-bottom a {
        float: none;
    }

    .serv-tabs .nav-tabs {
        /* white-space: nowrap; */
        /* overflow: hidden; */
        /* overflow-x: auto; */
        border: 0;
    }

    .serv-tabs .nav-tabs li a {
        border-left: 1px solid #f3f3f3 !important;
        font-size: 13px;
    }

    .serv-tabs .nav-tabs li a img {
        width: 30px;
    }

    .serv-tabs .nav-tabs li:last-child a {
        border-left: 0 !important;
        border-bottom: 1px solid #f3f3f3 !important;
    }

    .serv-tabs .nav-tabs li {
        /* display: inline-block; */
    }

    .post img {
        float: none;
        margin: 0 0 30px;
        width: 100%;
    }
    
    .footer-top .footer-item{
        left:auto;
        right:auto;
        text-align: inherit;
    }
    
    .footer-top .footer-item h4 {
    text-align: start;
}

.footer-top .footer-item h4:after {
    left: auto;
    right: 0;
    transform: none;
}

.serv-slider .col-md-4.col-sm-12 {width: 100% !important;max-width: 100%;}
.footer-top .footer-item .contacts li {
    /* padding: 0; */
}

.footer-top .footer-item .links li {
        width: 45%;
}

.inner-pages .serv-tabs .nav-tabs {margin: 0;}

.inner-pages .serv-tabs .nav-tabs li {
    position: relative;
    display: block;
    width: 100%;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
}

.inner-pages .serv-tabs .nav-tabs li::before, .inner-pages .serv-tabs .nav-tabs li::after {
    display: none;
}

.inner-pages .serv-tabs .nav-tabs li a::before, .inner-pages .serv-tabs .nav-tabs li a::after {
    display: none;
}

.inner-pages .serv-tabs .nav-tabs::before {
    display: none;
}

.inner-pages .serv-tabs .nav-tabs li a {
    /* height: 58px; */
    width: 100%;
    /* border: none; */
    box-shadow: none;
    border-radius: 0;
}

.serv-tabs .nav-tabs li.bl-color.active a {
    box-shadow: 0 0 0 4px #2f92a9;
}

.serv-tabs .nav-tabs li.lm-color.active a {
    box-shadow: 0 0 0 4px #889e4b;
}

.serv-tabs .nav-tabs li.active a {
    z-index: 5 !important;
    /* border: none !important; */
}

.serv-tabs .nav-tabs li.gb-color.active a {
    box-shadow: 0 0 0 4px #b43535;
}

.serv-tabs .nav-tabs li.g-color.active a {
    box-shadow: 0 0 0 4px #4e9155;
}

.serv-tabs .nav-tabs li.gl-color.active a {
    box-shadow: 0 0 0 4px #35b4a8;
}

.serv-tabs .nav-tabs li:nth-child(2).active a {
    box-shadow: 0 0 0 4px #4375b6;
}

.serv-tabs .nav-tabs li.n-color.active a {
    /* box-shadow: 0 0 0 4px #8f456d; */
}

.main-content .serv-tabs {
    height: auto;
}

.about-hh {
    width: 62%;
}

.h-circles .inner a:after {
    height: 198px !important;
}

.consult .col-md-7.col-xs-12.co-form {
    width: 100%;
    padding: 0;
}

.post.col-xs-12 {
    padding: 0;
}

.single-page.col-xs-12 {
    padding: 0;
}

.form-group.col-xs-12 {
    padding: 0;
}

.consult .form-group .f-i {
    right: 12px;
}
}

@media (max-width: 800px){
.about-hh {
    width: 72%;
}
}

@media(max-width:767px) {

    .service-s:before,
    .inner-pages:before {
        top: -50px;
    }
.video-s .video-inner::after {
    bottom: -50px;
}
    .service-s:after, .project-s:after, .client-s:after {
    bottom: -50px;
}

    .stories-s:after,
    .project-s.news-s:after {
        bottom: -21px;
    }

    .main-head .bottom-content {
        padding: 20px 0;
    }

    .main-head .logo img {
        width: 23rem;
    }

    .hero-s .item .item-inner {
        max-width: 100%;
    }

    .project-s:before, .video-s .video-inner:before, .stories-s:before {
    top: -50px;
}

    .client-s:after {
        bottom: -53px;
    }

    .owl-controls .owl-buttons div .slider-right,
    .owl-controls .owl-buttons div .slider-left {
        display: none;
    }

    .h-circles .block:nth-of-type(3) {
        position: relative;
        /* right: 50%; */
        transform: translateX(0%);
    }

    .docu-inner .doc-r,
    .docu-inner .doc-l {
        min-height: 100%;
    }

    .docu-inner .doc-l:after {
        right: 30px;
        top: 0;
        transform: rotate(-90deg);
    }

    .docu-inner .doc-l:before {
        bottom: auto;
        top: 0;
        left: 30px;
        right: auto;
        transform: rotate(-90deg);
    }

    .docu-inner .doc-r:after,
    .docu-inner .doc-r:before {
        left: 49px;
        bottom: -10px;
        z-index: 1;
        top: auto;
    }

    .docu-inner .doc-r:after {
        top: auto;
        bottom: -10px;
        left: auto;
        right: 49px;
    }

    /*
    .extra-g a {
        width: 100px;
        height: 100px;
    }
*/

    .inner-pages:after {
        bottom: -56px;
    }

    .m-lazem {
        display: none;
    }

    .co-form {
        max-width: 100%;
        width: 100%;
        margin: auto;
    }
    
    .main-head .top-bar .bar-l .order,.main-head .top-bar .bar-r ul li a{
        font-size: 12px;
    }
    
    .main-head .top-bar .bar-r ul li{
        margin-left: 10px;
    }
    
    .h-circles .block {
    float: right;
    width: 100%;
    max-width: 100%;
}

.ryad-logo {
    float: none !important;
}
.footer-bottom p{
    float:right;
}
.main-head .top-bar .bar-l {
    float: left;
}
    .main-head .top-bar .bar-l:lang(ar) {
        float: right;
    }
.video-s .v-data ul li {
    list-style-position: inside;
}
    .hero-s .h-slider {
        margin-bottom: 0 !important;
    }
    .service-s {
        padding: 40px 0 !important;
    }
    .g-header {
        margin-bottom: 20px !important;
    }
    .video-s.about-seco .video-inner {
        padding: 80px 0 40px !important;
    }
    .video-s .video-inner .v-data .btn{
        float: right;
    }
    .main-footer {
        padding: 30px 0 0 0 !important;
    }
    .footer-top .footer-item{
        margin-bottom: 22px !important;
            
    }
    
    .footer-top .footer-item .f-content p{
        margin-bottom: 0 !important;
    }
  
    .footer-top .footer-item h4:after {
        
    }
    .footer-top .footer-item .links li {
        display: inline-block;
        width: 47%;
        margin-bottom: 15px !important;

    }
    .footer-top .footer-item .contacts li i {
        position: unset !important;
        right: unset !important;
        height: 25px;
        float: right;
    }
    .project-s {
        padding: 45px 0 55px !important;
    }
    .video-s.about-seco .video-inner .v-img {
        border-radius: 5px;
        margin-bottom: 28px !important;
    }
    .h-circles {
        padding-bottom: 40px !important;
    }
    .hero-s {
        padding-top: 50px !important;
    }
    .h-circles .inner a{
        /* height: 212px !important; */
    }
    .footer-top .footer-item .f-content img {
        /*max-width: 66% !important;*/
    }
    .single-page{
        
    }
    .main-content .col-xs-12 {
        float: right;
    }
    .inner-pages {
        padding: 40px 0 0 !important;
    }
    .inner-pages .video-s .video-inner{
        padding: 0 !important;
    }
    .video-s .experts .inner .inner-img {
        width: 200px;
        float: right ;
        
        margin: 0 auto 20px !important;
    }
    .inner-pages .project-s .block {
        float: right;
        margin-bottom: 30px !important;
    }
    .pagination {
    clear: both;
        padding: 0 0 20px 0 !important;
    }
    .jumbotron h3 {
        font-size: 18px !important;
        margin: 12px !important;
    }
    .docu-inner .doc-r,
    .docu-inner .doc-l{
       padding: 40px 30px !important;
    }
    docu-inner .doc-l h4 {
        margin-bottom: 22px !important;
    }
    .serv-cont ul{
         margin: 20px !important;
    }
    .serv-cont .tab-pane.n-color h3{
        margin-bottom: 12px !important;
    }

.footer-top .footer-item .contacts li {
    float: right;
    width: 100%;
}
    
    


.serv-slider .owl-controls .owl-buttons div .slider-right, .serv-slider .owl-controls .owl-buttons div .slider-left {
    display: block;
}
.about-hh .block.col-md-4.col-sm-6.col-xs-12:nth-child(2), .about-hh .block.col-md-4.col-sm-6.col-xs-12:nth-child(3) {
    width: 100%;
    flex: auto;
    float: right;
}

.about-hh {
    margin: auto;
    width: 69%;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
    /* align-items: center; */
    padding: 50px 0;
}

.main-content .h-circles {
    padding-bottom: 80px !important;
}
}

@media (max-width: 767px) and (orientation: landscape) {
    .sidebar:after {
        height: 160vh;
    }
    
}



@media (max-width: 767px){
    .consult{
        margin-bottom: 30px;
    }  
    .jumbotron {
        padding: 40px 0px;
    }
}


@media (max-width: 667px){
.about-hh {
    width: 69%;
}
}


@media(max-width:600px) {

    .post-comments .com-item .com-img {
        margin: 0 0 20px 0;
    }

    .post-comments .com-item .com-data {
        width: 100%;
    }

    .post-comments .com-item .com-data .reply {
        top: auto;
    }

    .post-comments .com-item .com-children {
        margin-right: 0;
        max-width: 100%;
    }

    .experts .inner .inner-data {
        width: 100%;
    }

    .video-s .video-inner .experts .inner .inner-data p {
        max-height: none;
    }
    
    .h-circles .inner h4 i {
    margin-left: -2px;
}

/*.h-circles .block:first-of-type .inner h4 {*/
/*    top: -1px;*/
/*    left: -7px;*/
/*    margin-bottom: 7px;*/
/*}*/

/*.h-circles .inner h4 {*/
/*    max-width: 43%;*/
/*}*/

.h-circles .block:last-of-type .inner p {
    /* padding-top: 0; */
    /* max-height: 115px; */
    /* max-width: 75%; */
}

.h-circles .inner p {
    font-size: 11px;
    max-width: 78%;
    max-height: 74px;
}

.about-hh {
    width: 87%;
}

.owl-theme .owl-nav .owl-prev {
    left: -15px;
}

.owl-theme .owl-nav .owl-next {
    right: -15px;
}

.serv-slider .owl-nav {
    top: 42%;
}
}

@media (max-width: 550px){
.h-circles .inner {
    transform: scale(.96);
}
.form-group.new-ch .form-control .wpcf7-list-item {
    width: 100%;
}
.consult .form-group .form-control {
    font-size: 14px;
}
.consult h4 {
    font-size: 16px;
    padding: 0;
}




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

.h-circles .inner a div {
    clip-path: none !important;
}
    .service-s:before, .inner-pages:before {
    top: -46px;
}
.video-s .video-inner::after {
    bottom: -46px;
}
.service-s:after, .project-s:after, .client-s:after {
    bottom: -48px;
}
.project-s:before, .video-s .video-inner:before, .stories-s:before {
    top: -48px;
}

.h-circles .inner a {
    height: 120px;
    width: 150px;
}

.h-circles .inner {
    transform: none;
}

.video-s.about-seco .video-inner .v-img img {
    max-width: 240px;
    margin: auto;
    display: block;
}

.serv-cont .tab-pane {
    padding: 0 !important;
}

.serv-cont, .serv-cont .tab-content {
    padding: 0 !important;
}

.serv-tabs {
    padding: 0 !important;
}
}
@media(max-width:425px) {
    .main-head .top-bar .bar-r {
        /* display: none; */
        margin-bottom: 10px;
    }
    .main-head .top-bar .bar-r:lang(ar) {
        margin-right: -1rem;
    }
    .hero-s .item h3,
    .g-header h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .hero-s .item h3{line-height:1.7;}
    .hero-s .item p,
    .g-header p {
        font-size: 14px;
    }
    .service-s:before,
    .inner-pages:before {
        top: -47px;
    }

    .service-s:after,
    .project-s:after,
    .client-s:after {
        bottom: -46px;
    }

    .service-s:after,
    .project-s:after,
    .client-s:after {
        bottom: -46px;
    }

    .service-s .inner .data h3,
    .footer-top .footer-item h4,
    .stories-s h3 {
        font-size: 17px;
    }

    .service-s .inner .data p {
        font-size: 12px;
        max-height: 40px;
    }

    .stories-s:after,
    .project-s.news-s:after {
        bottom: -29px;
    }

    .stories-s li i {
        font-size: 60px;
        margin-bottom: 35px;
    }

    .footer-top .footer-item .contacts li,
    .footer-bottom p {
        font-size: 13px
    }
.footer-top .footer-item .contacts li br {
    /* display: none; */
}
    .footer-top .footer-item .links li {
        width: 100%;
    }

    .project-s:before,
    .video-s .video-inner:before,
    .stories-s:before {
        top: -30px;
    }

    .service-s:after,
    .project-s:after,
    .client-s:after {
        bottom: -29px;
    }

    .jumbotron h3 {
        
        display: block;
        
    }

    .jumbotron .breadcrumb {
        padding-top: 10px;
        float: none;
    }

    .post img {
        height: 220px;
    }

    .inner-pages:after {
        bottom: -47px;
    }
    
    /*.h-circles .inner a,*/
    /*.h-circles .inner a:after,*/
    /*.h-circles .inner a:before{*/
    /*    width:100% !important;*/
    /*}*/
    
    .h-circles .inner a{
        padding:0;
    }
    .h-circles .inner a:after {
    height: 268px !important;
    /*transform: scale(1.2);*/
    }
    
      .footer-bottom p{
          display:block;
      }
    
    .footer-bottom span a {
    float: none;
}

.footer-bottom span {
    display: block;
    float: none;
    margin-top: 20px;
    direction: ltr;
}
.footer-top .footer-item h4 {
    margin-top: 0;
}

.h-circles .block,
.footer-top .footer-item .links li{
    padding: 0;
}

.h-circles .inner a {
    height: 110px;
    width: 130px;
}
.main-content .col-xs-12 .n-color ul {
    padding-inline-start: 5px !important;
}
}

@media(max-width:380px) {

    .service-s:before,
    .inner-pages:before {
        top: -46px;
    }

    .stories-s ul li {
        margin-left: 50px;
    }
    .fileupload span.file-placeholder, .fileupload span.file-placeholder2 {
        width: 70%;
    }
    

.about-hh .block.col-md-4.col-sm-6.col-xs-12:nth-child(2), .about-hh .block.col-md-4.col-sm-6.col-xs-12:nth-child(3) {
    width: 100%;
    max-width: 50%;
}

.about-hh {
    width: 87%;
}

.main-content .h-circles {
    padding-right: 0;
    padding-left: 0;
}
}

@media(max-width:360px) {
    .sidebar {
        width: 270px;
    }

    .inner-pages:after {
        bottom: -45px;
    }

    .service-s:before,
    .inner-pages:before {
        top: -45px;
    }
}
 
@media (max-width: 340px){
.about-hh {
    width: 100%;
}
}