@media (max-width: 1200px) {
    .btn-style {
        font-size: 15px;
        padding: 10px 30px;
    }

    header ul li {
        font-size: 16px;
        padding: 19px 22px;
    }

    /*
.logo img {
    margin-left: 15px;
    max-width: 85px;
}
*/

    .top-section .top-inner {
        padding: 0 15px;
    }

    .logo h1 {
        font-size: 18px;
    }

    .logo h2 {
        font-size: 15px;
    }

    .navbar-inverse .navbar-nav li a {
        font-size: 16px;
    }

    .home-slider .text span {
        font-size: 14px;
    }

    .home-slider .text h1 {
        font-size: 36px;
        line-height: 50px;
        margin: 35px 0 0;
    }

    .home-slider .text p {
        font-size: 16px;
        line-height: 34px;
        margin: 15px 0 25px;

    }

    /*
    .home-slider .owl-nav div {
        width: 40px;
        height: 40px;
    }
*/

    /*
    .nextSection {
        width: 28px;
        height: 56px;
        font-size: 18px;
    }
*/

    .nextSection::after {
        width: 46px;
        height: 76px;
    }

    .imagesafter::after {
        width: 150%;
    }

    /*
    footer form input {
        width: 75%;
    }
*/

    #contact-us p {
        font-size: 22px;
    }

    .project .hover .text-hover {
        bottom: 15px;
        right: 10px;
    }

    #services .block .inner {

        padding: 20px;
    }

    #services .block .inner .cap .cap-data {
        padding: 10px;
    }


}

@media (max-width: 991px) {
    .home-slider .item:before {

        right: 0;
        top: 0;
        transform: none;
        background-color: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 100%;
    }

    nav.navbar.navbar-inverse.moved .container {
        padding: 0;
    }

    .navbar-toggle {
        display: block;
        float: left;
    }

    .dropdown-menu {
        background: #fff;
        left: 0;
        right: auto;
        float: left;
        text-align: right;
    }

    .navbar-nav .open .dropdown-menu {
        background: #043750;
        float: right;
        width: 100%;
        position: relative;
        padding: 24px;
        color: #fff;
    }

    .dropdown-menu > li > a {
        font-size: 20px;
        text-align: right;
        line-height: 70px;
        line-height: 30px;
    }

    .dropdown-menu::before {
        display: none;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .active > a {}

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #043750;
        width: 100px;
        height: 8px;
        margin-bottom: 20px;
    }

    div#myNavbar {
        border: none;
        margin: 0;
        float: none;
        width: 100%;
        height: auto;
        max-height: 100%;
    }

    .navbar-nav > li {
        float: none;
        font-size: 16px;
        display: block;
        width: 100%;
        margin: 0;
    }

    .navbar-inverse .navbar-nav > li > a {
        text-align: center;
        margin: 15px auto;
    }

    ul.nav.navbar-nav {
        margin: 8px auto;
        text-align: center;
        background: transparent;
    }

    .nav.navbar-nav.navbar-right {
        text-align: center;
        width: 60%;
        margin: 0 15%;
        display: block;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        margin: 95px 0 50px;
    }

    a.logo {
        float: none;
        /*text-align: center;*/
        display: block;
    }

    .container {
        width: 100%;
    }

    .none {
        display: block !important;
    }

    /*
    .block {
        display: none !important;
    }
*/

    #wrapper.toggled #sidebar-wrapper {
        width: 400px;
    }

    .sidebar-social ul li a {
        display: block;
        font-size: 20px;
        padding: 15px;
        color: #fff;
    }

    .sidebar-nav {
        top: 0;
        height: -o-calc(100% - 120px);
        height: -webkit-calc(100% - 120px);
        height: -moz-calc(100% - 120px);
        margin-top: 131px;
        padding: 0;
    }

    .sidebar-nav li a {
        padding: 15px;
        font-size: 14px;
        line-height: normal;
    }

    .sidebar-social ul li a {
        display: block;
        font-size: 15px;
        padding: 0;
        color: #fff;
        width: 35px;
        height: 35px;
        line-height: 37px;
        background-color: #00000040;
        text-align: center;
        border-radius: 3px;
        margin: 0 2px;
    }

    /*

    .owl-nav {
        display: none;
    }
*/

    .home-slider .owl-nav div {
        width: 55px;
        height: 55px;
        font-size: 25px;
    }

    .home-slider .owl-nav .owl-prev {
        right: 55px;
    }

    #services .block {
        margin-bottom: 50px;
    }

    #services .block .inner .cap {
        height: auto;
    }

    /*
    #services .block .inner:before {
        height: 127%;
        background-size: 40%;
    }
*/
    #services .block .inner:before {
        right: 20px;
        top: 20px;
    }

    .home-slider .text {
        text-align: center;
        width: 90%;
        float: none;
        margin: 60px auto;
    }

    .about-text h1 {
        font-size: 28px;
        line-height: 48px;
    }

    .about-text p {
        font-size: 16px;
        line-height: 30px;
    }

    .project.bigHight {
        height: 470px;
    }

    .project {
        height: 220px;
    }

    .project .details {
        padding: 5px 10px;
    }

    /*
    #clients {
        padding: 30px 0;
    }
*/
    #clients {
        padding-bottom: 50px;
    }

    #clients:before {
        top: -5px;
    }

    #projects {
        padding-bottom: 0;
    }

    #contact-us {
        padding: 50px 0;
        text-align: center;
    }

    #contact-us p {
        font-size: 20px;
        margin-bottom: 20px;
    }

    footer form {
        width: 100%;
    }

    footer form input {
        width: 100%;
    }

    .bottomf {
        text-align: center;
    }

    .bottomf .ryad-logo {
        float: none;
    }

    .sidebar-social .details ul li {
        color: #fff;
        font-size: 15px;
        margin: 0 5px;
    }

    .sidebar-social .details ul li i {
        margin: 0 5px;
    }

    header ul {
        display: none;
    }

    nav.navbar.navbar-inverse.moved {
        padding: 0;
    }

    .about-img {
        margin-bottom: 30px;
    }

    .about-img img {
        width: 60%;
    }

    .hero-s.about-in {
        text-align: center;
    }

    .item-img {
        margin-bottom: 30px;
    }

    .service-s.about-in .service {
        text-align: center;
        text-align-last: center;
    }

    .single-s {
        text-align: center;
    }

    .single-s .about-text {
        margin-bottom: 30px;
    }

    .contact-s .con-top .con-img img {
        width: 250px;
    }


    #services .block .inner .cap h4 {
        left: -4%;
    }

    #services .block:nth-of-type(2) .inner .cap h4 {
        left: -7%;
    }

    #services .block:nth-of-type(3) .inner .cap h4 {
        left: -5%;
    }

    .top-section .top-inner {
        padding: 0;
    }

    .border.top,
    .border.bottom {
        background-size: 4% !important;
    }

    .title p {
        width: 100%;
    }

    #projects .item .block .i-img {
        height: 300px;
    }

    #projects .p-body,
    #projects .item .card {
        padding-bottom: 0;
    }
    
    #about-m {
    padding: 50px 0;
}
    .data-box {
    padding: 0;
    margin-bottom: 30px;
}
    .massage-boss {
    padding: 30px 0 80px;
}
    
  
    #about-m .title h1, .more-about .title h1, .massage-boss h1, .investment h1,#single .title h1 {
    margin-bottom: 15px;
    font-size: 20px;
}

.text-box p {
    font-size: 14px;
}
    .contact .con-form,.contact .req-data {
    padding: 0;
}
    
    #single {
    padding: 50px 10px;
}

header .col-md-4.col-sm-5.col-xs-7 {
    width: auto;
    padding: 0;
}

header .col-md-8.col-sm-7.col-xs-5 {
    width: auto;
    float: left;
    padding: 25px 0 0;
}
.hamburger {
    right: 15px;
    }
    
    .branche-box{
        
    }
    #ar, #en {
        position: relative;
        top: 0;
    }
    .branches .col-xs-12.branch-map {
        padding: 0px !important;
    }
    .branche-boxs {
        margin: 0 0 15px 0 !important;
    }
    /***************************************************************************/
    .sidebar-nav .serv_li .sub-menu{
        min-width: 100%;
        right: 0;
        left: 0;
    
    }
    .sidebar-nav .serv_li .sub-menu li {
        display: inline-block!important;
        width: 100%;
    }
    .sidebar-nav .serv_li .sub-menu>li>a {
        padding: 0 10px !important;
        bottom: 0;
    }
    .sidebar-nav .serv_li .sub-menu li{
        margin-bottom: 0 !important;
    }
    .top-contact .dropdown-menu > li > a {
        font-size: 15px;
        line-height: 18px;
    }
    .ordersteps-big .container {
        width: 100%;
    } 
    .re-colors input:last-child {
        margin-right: 0;
    }
    
    
    
    

}



@media (max-width: 768px) {
    .images {
        right: 0;
    }

    .images.bottom {
        width: 100%;
    }

    .imagesafter::after {
        width: 99%;
        background-size: cover;
        right: 0;
    }

    .about-text {
        text-align: center;
    }

    #aboutL .half {
        padding: 0 40px;
    }

    .nav-tabs li a {
        font-size: 16px;
        padding: 10px;
    }

    .project.bigHight {
        height: 600px;
    }

    .project {
        margin-bottom: 30px;
    }

    #projects .btn-style {
        margin-top: 0;
    }

    /*
    footer form input {
        width: 265px;
    }
*/

    .images.top {
        width: 55%;
    }

    .logo h1,
    .logo h2 {
        width: 65%;
        text-align: right;
    }

    .nav.navbar-nav.navbar-left {
        margin: 0;
    }

    .services .owl-item {
        margin: 0 !important;
    }

    .service {
        margin: 15px auto;
        width: 85%;
        text-align: center;
        text-align-last: center;
        padding: 25px;
    }

    .project .details {
        width: 85%;
    }

    #projects .half {
        margin-bottom: 0;
    }

    .project {
        height: 190px;
    }

    #contact-us p {
        line-height: 35px;
    }

    #aboutL::after {
        top: 62em;
    }

    section,
    footer {
        overflow: hidden;
    }

    .icon img {
        margin: 0 auto;
    }

    #services .btn-style {
        margin-top: 0;
    }

    .border.top,
    .border.bottom {
        height: 10px;
    }

    .border.right,
    .border.left {
        width: 10px;
    }

    #aboutL::before {
        height: 50%;
    }

    #projects::before {
        display: none;
    }

    /*
    footer form {
        width: 55%;
    }
*/

    .title p {
        width: 90%;
    }

    /*
    .logo img {
        margin-left: 10px;
        max-width: 70px;
    }
*/

    .logo h1 {
        font-size: 15px;
    }

    .logo h2 {
        font-size: 12px;
    }

    .about-img img {
        width: 100%;
    }

    .about-s.about-in .inner {
        text-align: center;
    }

    .about-s.about-in .inner li::before {
        display: none;
    }

    #projects-in .half {
        margin-bottom: 0;
    }

    .contact-s .con-bottom .caption {
        right: 0;
        left: 0;
        width: 90%;
        bottom: 0;
        margin: 30px auto 0;
    }

    .contact-s .con-bottom .caption .inner {
        transform: translate(0);
    }

    #projects .container {
        position: relative;
        z-index: 1;
    }

    footer form input,
    footer form {
        width: 100%;
    }

    #services:before,
    #projects:before {
        left: 0;
        display: inline-block !important;
    }
    .more-about{
        padding-bottom: 40px;
    }
    .branches{
        padding-bottom: 50px;
    }
    .history-img {
        height: 300px;
    }
    .main-timeline .timeline:nth-child(even) .timeline-year {
        right: auto;
    }
    .main-timeline .timeline-con {
        width: 100%;
    }
    .apply-page {
        padding: 40px 0;
    }
    .home-slider .item {
        height: 550px;
    }
    .home-slider .text {
        top: 175px;
    }
    .ordersteps-big .container {
        width: 100% ;
    }
    /**************************************/
    .request-page .apply-form {
        padding: 30px 15px;
        margin: 0 15px;
    }
    .request-page .apply-form form label {
        width: 100%;
        text-align: inherit;
        padding: 0;
    }
    .request-page .form-control {
        width: 100%;
    }
    .apply-form label.input-group-btn .btn.btn-primary {
        width: 70px;
        float: left;
    }
    .ordersteps-big .row2 {
        margin: 33px 0;
    }
    .ordersteps-big .row1{
        position: relative;
        top: 85px;
    }
    .nav-tabs{
        overflow-x: scroll !important;
        width: 100% !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
    }
    .nav.nav-tabs li {
        display: inline-block !important;
        float: none !important;
        margin-bottom: 5px !important;
    }
    .nav.nav-tabs::-webkit-scrollbar-thumb {
        background: #00713c  !important;
        border-radius: 10px !important;
        height: 3px !important;
        margin-bottom: 2px !important;
    }
    .nav.nav-tabs::-webkit-scrollbar {
        height: 3px !important;
    }
    .sustainability .sustainability-block,
    .our-team .our-team-block{
        padding: 50px 0;
    }
    .sustainability .sustainability-block:nth-child(even) .sustainability-con
    .our-team .our-team-block:nth-child(odd) .our-team-con{
        margin-bottom: 20px;
    }
    .sustainability .sustainability-block:nth-child(odd) .sustainability-con,
    .our-team .our-team-block:nth-child(even) .our-team-con{
        margin-top: 30px;
    }
   
    .sustainability{
        padding: 0;
    }
    .sustainability-block11 .sustainability-con {
        margin-top: 0;
    }
    .section-timeline .col-xs-12{
        padding: 0;
    }
}


@media (max-width: 730px){
    .ordersteps-big .row1{
        position: relative;
        top: 120px;

    }
}


@media (max-width: 680px) {
    
    .ordersteps-mobile{
        display: block;
    }
    .ordersteps-mobile .ordersteps-con{
        margin-bottom: 35px;
    }
    .ordersteps-big{
        display: none;
    }
    .sustainability-con h3,
    .our-team-con h3 {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 10px 0;
    }
    .sustainability-con p,
    .our-team-con p{
        font-size: 15px;
    }
}




@media (max-width: 480px) {
    #projects .p-body:after {
        bottom: 170px;
    }

    .top-section:before,
    .top-section:after {
        z-index: -1;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 300px;
    }

    header .btn-style {
        padding: 8px;
        width: 100%;
        margin-top: .5em;
        font-size: 14px;
    }

    /*
    .logo img {
        max-width: 60px;
        margin-left: 10px;
    }
*/

    .logo h1,
    .logo h2 {
        width: 62%;
    }

    .logo h1 {
        font-size: 14px;
        margin: 15px 0 4px;
    }

    .logo h2 {
        font-size: 12px;
    }

    .title p {
        width: 90%;
    }

    #aboutL .half {
        padding: 0;
    }

    #projects .half {
        width: 100%;
        padding: 0;
    }

    .project {
        height: 250px;
    }

    /*
    footer form {
        width: 85%;
    }
*/

    .nextSection {
        display: none;
    }

    .home-slider .text p {
        height: 100px;
    }

    .home-slider .text h1 {
        font-size: 28px;
        line-height: 40px;
    }

    .project.bigHight {
        height: 450px;
    }

    .images,
    .images.bottom {
        height: 380px;
    }

    .images {
        top: 4em;
    }

    #aboutL {
        padding: 170px 0 145px;
    }

    .imagesafter::after {
        top: -112px;
    }

    #aboutL::before {
        height: 32%;
        width: 70%;
    }

    #projects-in .half {
        width: 100%;
        padding: 0;
    }

    .home-slider .item {
        height: 470px;
    }

    .home-slider .text {
        padding-top: 0;
    }

    .home-slider .text h1 {
        font-size: 21px;
    }

    .home-slider .text p {
        height: 95px;
        font-size: 14px;
    }

    .top-section,
    nav.navbar.navbar-inverse.moved .col-md-2 {
        padding: 0;
    }

    header .col-md-8.col-sm-7.col-xs-5 {
        padding-left: 0;
    }

    header .col-md-8.col-sm-7.col-xs-5 {
        padding: 0;
    }

    /*.logo img {*/
    /*    width: 170px;*/
    /*}*/

    header .btn-style {
        width: auto;
    }

    nav.navbar.navbar-inverse.moved .col-md-2 {
        z-index: 1;
      
    }
    .search {
        padding: 15px;
    }
    #services .block .inner .cap h4 {
        left: -10%;
    }

    #services .block:nth-of-type(2) .inner .cap h4 {
        left: -16%;
    }

    #services .block:nth-of-type(3) .inner .cap h4 {
        left: -13%;
    }
    
    .logo span{
    display:none;
}

.logo img {
    width: auto;
    margin: 0;
}

header .btn-style {
    margin-top: 25px;
}

.logo img {
 
}

.txt_alt h3 {
    font-size: 20px;
    margin-bottom: 0;
}

.txt_alt p {
    font-size: 14px;
}

.txt_alt span {
    display: block;
    top:0;
}

header .col-md-8.col-sm-7.col-xs-5 {
    padding: 0;
}

.txt_alt {
    top: 18px;
    left: 20px;
}

    
    
    
    
}











@media (max-width: 680px) {
   .home-slider .item {
        height: 400px;
    } 
    .home-slider .text h1 {
        font-size: 24px;
        line-height: 40px;
        margin: 35px 0 0;
    }
    .home-slider .text {
        padding-top: 0;
    }
    #services {
        padding: 40px 0;
    }
    .title {
        margin-bottom: 20px;
    }
    #services .block .inner h3 {
        margin: 25px 0 15px;
    }
    #services .block .inner {
        padding: 15px !important;
    }
    #services .block {
        margin-bottom: 0px;
    }
    .services2 {
        padding: 0;
    }
    #projects {
        padding-top: 80px;
        margin-top: -20px;
    }
    #clients:before {
        height: 60px;
    }
    #clients {
        padding-top: 80px;
        margin-top: 30px;
    }
    footer h1 {
        margin: 40px 0 20px;
    }
    .social-media-f {
        margin-top: 15px;
    }
    footer .links li {
        width: 100%;
        line-height: 25px;
    }
    .topf {
        padding: 10px 0 40px 0;
    }
    a.logo {
        width: 250px;
    }
        header .col-md-8.col-sm-7.col-xs-5 {
        padding: 5px 0 0;
    }
    #about-m {
        padding: 40px 0;
    }
    .proj-inner {
        padding: 40px 0 !important;
    }
    #single {
        padding: 40px 0;
    }
    .certifications{
        padding: 45px 0 20px;
    }
    .certifications .title {
        margin-bottom: 15px;
    }
    .services-search .req-data h3{
        font-size: 22px;
        margin: 0 0 20px 0;
    }
    .title h1 {
        font-size: 26px;
    }
    .single-slider-img{
        height: 350px;
    }
    .branches .col-xs-12{
        padding: 20px !important;
    }
    .contact-page {
        padding: 40px 15px;
    }
    .branches{
        padding-bottom: 10px;
    }
    .contact-page .req-data h3,
    .branches .req-data h3 {
        font-size: 24px;
        margin-top: 0;
    }
    .home-slider .text {
        top: 120px;
    }
    .home-slider .text h1 {
        font-size: 22px;
        line-height: 37px;
            height: 68px;
        overflow: hidden;
    }
    .home-slider .text p{
        font-size: 15px;
        line-height: 26px;
        margin: 5px 0;
        height: 55px;
    }
    header {
        padding: 15px 0;
    }
    .request-page .apply-form {
        padding: 30px 15px;
        margin: 0 15px;
    }
    .request-page label {
        text-align: right ;
        padding: 0;
    }
    .request-page .apply-form .form-group {
        margin-bottom: 0px;
    }
    .request-page .apply-form .form-control{
        width: 100%;
    }
    .request-page .apply-form form .re-bottom h4 {
        margin: 20px 0 10px 0;
    }
    .re-middel .radio label {
        margin: 15px;
    }
    .re-middel{
        padding: 15px 0 0 0;
    }
    .re-bottom {
        padding: 0;
    }
    .request-page {
        padding: 50px 0;
    }
    .request-page .title {
        font-size: 16px;
    }
    .request-page .submit{
        margin-top: 20px;
    }
    .carton-archive-box.material-box{
        height: 300px;
    }
    
}







@media (max-width: 416px) {
    .logo h1 {
        font-size: 12px;
    }

    /*
    .logo img {
        max-width: 55px;
        margin-left: 8px;
    }
*/

    .logo h2 {
        font-size: 11px;
    }
    .single-slider-img{
        height: 300px;
    }

}

@media (max-width: 380px) {
    /*
    header .col-md-4.col-sm-5.col-xs-7 {
        width: 100%;
    }

    header .col-md-8.col-sm-7.col-xs-5 {
        display: none;
    }
*/

    /*
    .logo img {
        float: none;
        display: block;
        margin: 0 auto !important;
        max-width: 70px;
    }
    
    
*/

header .col-md-4.col-sm-5.col-xs-7 {
    padding: 0;
}

    .logo h1,
    .logo h2 {
        width: 100%;
        text-align: center !important;
    }

    .logo h1 {
        font-size: 17px;
    }

    .logo h2 {
        font-size: 14px;
    }

    .home-slider .btn-style {
        margin: 0 2px;
    }

    .project.bigHight {
        height: 350px;
    }

    footer form {
        width: 100%;
    }

    /*

    footer form input {
        width: 75%;
    }
*/

/*.logo span {*/
/*    display: inline-block;*/
/*    font-family: bahijbold;*/
/*    font-size: 18px;*/
/*    position: relative;*/
/*    top: 27px;*/
/*}*/

/*.logo img {*/
/*    margin-left: 15px;*/
/*}*/

header .col-md-4.col-sm-5.col-xs-7 {
    padding: 0;
}

/*.logo img {*/
/*    width: 60px;*/
/*    margin-right: 9px;*/
/*}*/

.logo span {
    /*font-size: 13px;*/
    /*top: 15px;*/
}

/*header .btn-style {*/
/*    font-size: 12px;*/
/*}*/

header .btn-style {
    /* font-size: 12px; */
    margin-top: 22px;
}

header .col-md-8.col-sm-7.col-xs-5 {
    width: auto;
    float: left;
}

header .col-md-4.col-sm-5.col-xs-7 {
    width: auto;
}

header .container {
    padding: 0 10px;
}



}

@media (max-width: 320px) {
    a.logo {
        width: 200px;
    }
    header .btn-style {
        margin-top: 0;
    }
}