@media (min-width: 1800px){
    #project_1st_91{
        display: block;
    }
    #project_1st_96{
        display: none;
    }
    #project_1st_98{
        display: none;
    }
    #project_1st_97{
        display: block;
    }
    #project_1st_95{
        display: block;
    }
    #project_1st_92{
        display: none;
    }
    #project_1st_93{
        display: block;
    }
    #project_1st_94{
        display: none;
    }
    .header{
        height: 70px;
        line-height: 70px;
    }
    #project_1st_79{
        display: block;
    }
    #project_1st_51{
        display: none;
    }
    .disent_2{
        display: none;
    }
    .disent_1{
        display: block;
    }
    #project_1st_61{
        display: block;
    }
    #project_1st_51{
        display: none;
    }
    #project_1st_53{
        display: none;
    }
    .contact-form h1{
        margin-top: 180px;
    }
    .contact-bg{
        min-height: 1250px;
        padding: 0;
        background-image: url(../images/contact-bg.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .studies p{
        max-width: 1140px;
    }
    .Services p{
        max-width: 1201px;
        line-height: 24px;
        letter-spacing: 0.2px;
    }
    #heroh2{
        max-width: 603px;
    }
    .solution-left-text h1 {
        padding-right: 0px;
    }
    .service-text-box-img img {
        margin-bottom: 54px;
    }
    .solution-left-text h1{
        max-width: 400px;
        font-size: 72px;
    }
    .solution-left-text1 h1{
        max-width: 485px;
    }
    .header .container{
        max-width: 1604px;
        width: 100%;
    }
    .about-bg .container{
        max-width: 1452px;
        width: 100%;
    }

    .solution .container{
        max-width: 1452px;
        width: 100%;
    }
    .case .container{
        max-width: 1452px;
        width: 100%;
    }

    .Services .container{
        max-width: 1452px;
        width: 100%;
    }
    .contact-bg .container{
        max-width: 1452px;
        width: 100%;
    }
    .bottom-footer .container{
        max-width: 1604px;
        width: 100%;
    }

    .about-bg {
        width: 100%;
        position: relative;
        min-height: 1040px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url(../images/Man-Splash-Glasses.jpg);
    }
    .about-text-head h1 {
        font-size: 40px;
        font-family: 'robotobold';
        margin-top: 150px;
        margin-bottom: 35px;
        color: #363636;
    }
    .expert-img-text {
        padding: 0px 247px 0px 156px;
        font-size: 18px;
    }
    .puzzal-img {
        position: absolute;
        top: 0;
        right: 215px;
    }
    .puzzal-img img {
        max-width: 758px;
        height: auto;
    }
    .solution-left-right {
        margin-top: 435px;
    }
    .service-text img {
        border-radius: 10px;
        max-width: 225px;
        height: 188px;
    }
    .project-overview ul li p {
        font-size: 18px;
        color: #363636;
        font-family: 'robotoregular';
        line-height: 24px;
    }
    .project-result li p {
        font-size: 18px;
        color: #363636;
        font-family: 'robotoregular';
    }
    .contact-form h1 {
        font-size: 46px;
        max-width: 970px;
        margin-bottom: 80px;
        line-height: 50px;
    }  
    .about-text-head h1{
        font-size: 72px;
        line-height: 76px;
    }  
    #heroh2{
        font-size: 18px;
        line-height: 24px;
    }
    #heroh22{
        max-width: 551px;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 80px;
        display: none;
    }

    #heroh22 span{
        color: #41b2c8;
        font-size: 18px;
        line-height: 24px;
    }

    #heroh23{
        max-width: 551px;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 75px;
        display: block;
    }

    #heroh23 span{
        color: #41b2c8;
        font-size: 18px;
        line-height: 24px;
    }
    .expert-img-text h1{
        font-size: 46px;
        max-width:590px;
    }
    .expert-img-text h1 span {
        font-size: 46px;
    }
   
    .solution-left-text {
        padding-right: 31px;
    }
    .solution {
        padding: 50px 0px 245px;
        position: relative;
    }
    .solution-left-text h1 {
        margin-top: 210px;
        font-size: 72px;
        line-height: 76px;
    }
    .project-result ul {
        margin-bottom: 0px;
        height: 184px;
    }

    #abouth2{
        max-width: 614px;
        font-size: 18px;
        line-height: 24px;
    }
    #aboutContant{
        max-width: 639px;
        font-size: 18px;
        line-height: 24px;
    }
    #service_head_p{
        max-width: 1286px;

    }
    .generative-head h6{
        max-width: 680px;
    }
    #aboutspan {
        max-width: 619px;
    }
    .tunisie{
        padding-left: 25px;
    }
    #aboutspan1{
        max-width: 640px;
        font-size: 46px;
        line-height: 50px;
    }
    #expertiseh22{
        max-width: 700px;
        line-height: 24px;
    }
    #expertise_2nd_44{
        max-width: 700px;
        line-height: 24px;
    }

    #case1{
        max-width: 1208px;
        line-height: 24px;
    }

    #case11{
        max-width: 1100px;
        line-height: 24px;
    }
    .generative-head {
        padding-left: 114px;
    }
    .service-text-box-img {
        padding-left: 88px;
    }
    .solution-btn{
        width: 300px;
        height: 55px;
        border: none;
        line-height: 48px;
    }
    .expert-img-text1{
        padding: 0px 244px 0px 156px;
    }
    .Services {
        padding: 170px 0px 250px;
    }
   
    .case {
        padding: 170px 0px 240px;
        background-color: #fefdf9;
    }
    .service-text-wrap{
       margin-top: 110px;
    }

    .service-text-wrap-last{
        margin-bottom: 0px !important;
    }
    .Services h1 {
        margin-bottom: 30px;
        line-height: 64px;
    }
    #service_head_p{
        margin-bottom: 100px;
    }
    .solution-btn{
        padding: 16px 60px 17px;
    }
    #Commitmenth24{
        margin-bottom: 120px !important;
    }
    .btn.focus, .btn:focus {
        box-shadow: none;
    }
    #heroh2{
        margin-bottom: 80px;
    }
    .about-text-head h1{
        margin-bottom: 35px;
    }
    .solution-left-text h1{
        font-size: 72px;
        line-height: 76px;
    }
    .generative-head p{
        font-size: 18px;
        color: #363636;
        margin-bottom: 0px;
        line-height: 24px;
    }
    .solution-left-text p{
        margin-bottom: 100px;
    }
    #contacth33 {
        max-width: 812px;
    }
}

@media only screen and (max-width: 1800px) and (min-width: 1440px) {
    .about-bg {
        padding: 100px 0px 260px;
    }
}

@media (max-width: 1800px){
    .address-text span{
        color: #949494;
        font-size: 12px;
        font-family: 'robotobold';
    }
    .contact-form h1{
        max-width: 100%;
    }
    #heroh22{
        display: block;
    }
   
    #heroh23{
        display: none;
    }
    #project_1st_51{
        display: block;
    }
    #project_1st_53{
        display: block;
    }
    #project_1st_61{
        display: none;
    }
    .disent_1{
        display: none;
    }
    .disent_2{
        display: block;
    }
    #project_1st_79{
        display: none;
    }
    #project_1st_51{
        display: block;
    }
    #project_1st_91{
        display: none;
    }
    #project_1st_92{
        display: block;
    }
    #project_1st_93{
        display: none;
    }
    #project_1st_94{
        display: block;
    }
    #project_1st_95{
        display: none;
    }
    #project_1st_96{
        display: block;
    }
    #project_1st_97{
        display: none;
    }
    #project_1st_98{
        display: block;
    }
    .about-bg {
        padding: 100px 0px 260px;
    }
}




@media only screen and (max-width: 1600px){
    .serv li {
        flex: 0 0 22.3333%;
    }
}

@media (max-width: 1440px){
    .about-bg {
        padding: 0;
        min-height: 100vh;
    }
}

@media (max-width: 1280px){
    .puzzal-img {
        position: absolute;
        top: 0;
        right: 80px;
    }
    .about-bg {
        min-height: 100vh;
        padding: 0px;
    }
}


@media only screen and (max-width: 1800px) and (min-width: 1280px) {
   
    .header{
        height: 70px;
        line-height: 70px;
    }
} 


@media (max-width: 1180px){
    .solution-left-text h1 {
        font-size: 35px;
        line-height: 40px;
    }  
    .expert-img-text {
        padding: 35px 59px 35px 80px;
    }
    .about-text-head p{
        width: 500px;
    }
    .studies h1 {
        font-size: 35px;
        line-height: 38px;
    }      
    .navigation ul li a {
        margin-left: 13px;
    } 
    .Services h1 {
        font-size: 35px;
        line-height: 38px;
    } 
    
    .contact-form h1 {
        font-size: 35px;
        line-height: 38px;
    }    
    .about-text-head h1 {
        font-size: 35px;
        line-height: 38px;
    }    
    .about-bg{
        height: 570px;
    }  
    #heroh2{
        width: 500px;
    }

    .expert-img-text1 h1 {
        font-size: 35px;
        line-height: 38px;
    } 
    .expert-img-text1 h1 span {
        font-size: 35px;
    } 
    .expert-img-text1 {
        padding: 35px 59px 35px 80px;
    } 
    .puzzal-img img {
        max-width: 532px;
        height: auto;
    } 
    .solution-left-text h1 {
        margin-top: 138px;
    }   
    .solution-left-right {
        margin-top: 275px;
    }   
}

@media (max-width: 1024px){
    .puzzal-img img {
        max-width: 442px;
        height: auto;
    }
    .solution-left-text h1 {
        margin-top: 98px;
    }
    .solution-left-right {
        margin-top: 220px;
    }
    .about-bg {
        padding: 26px 0px 50px;
        min-height: initial !important;
    }
}
@media (min-width: 992px){
    .expert-img-text h1 {
        font-size: 35px;
    }
    .expert-img-text h1 span {
        font-size: 35px;
    }
    .header{
        height: 70px;
        line-height: 70px;
    }
}

@media (max-width: 991px){
    .header {
        height: 70px;
        line-height: 70px;
    }
}

@media (max-width: 992px){
    .solution-left-text h1 {
        padding-right: 0px;
    }
    .about-bg {
        padding: 26px 0px 50px;
        min-height: initial !important;
    }
    .navigation {
        display: none;
    }
    .mobile-btn-right {
        display: block;
    }
    .mobile-btn-right {
        float: right;
        display: flex;
        align-items: center;
    }
    .dropdown-mobile {
        margin-right: 14px;
    }
    .dropdown-mobile a {
        color: #fff;
        text-decoration: none;
    }
    .dropdown-mobile ul {
        display: block;
        position: absolute;
        right: 4px;
        top: calc(100% + 30px);
        margin: 0;
        padding: 10px 0;
        z-index: 99;
        width: 100px;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: 0.3s;
        border-radius: 4px;
    }
    .dropdown-mobile ul a {
        padding: 10px 8px;
        font-size: 14px;
        text-transform: none;
        font-weight: 400;
        color: #3b434a;
        letter-spacing: 1px;
        margin-left: 0px;
        text-decoration: none;
    }
    .mobile-btn {
        display: block;
        cursor: pointer;
        width: 30px;
    }
    .mobile-btn span {
        background-color: #fff;
    }
    .logo span {
        display: none;
    }
    .dropdown-mobile:hover ul {
        display: block;
        opacity: 1;
        top: 100%;
        visibility: visible;
    }
    .serv li {
        flex: 0 0 33.3333%;
        margin-bottom: 20px;
    }
    .address-box {
        padding: 50px 0px 0px;
    }
}

@media (max-width: 820px){
    #heroh2 {
        width: 400px;
    }
    .about-text-head p {
        width: 385px;
    }
    .expert-img-text h1 {
        font-size: 35px;
        line-height: 38px;
    }  
    .expert-img-text h1 span {
        font-size: 35px;
        line-height: 38px;
    }  
    .expert-img-text {
        padding: 35px 15px 35px 15px;
    }    
    .header{
        height: 70px;
        line-height: 70px;
    }
    .about-bg{
        height: 570px;
    }
    .about-bg {
        padding: 26px 0px 50px;
        min-height: initial !important;
    }
    .expert-img-text1 h1 {
        font-size: 35px;
        line-height: 38px;
    } 
    .expert-img-text1 h1 span {
        font-size: 35px;
    } 
    .expert-img-text1 {
        padding: 35px 15px 35px 15px;
    }  
    .puzzal-img img {
        max-width: 378px;
        height: auto;
    }
    .solution-left-text h1 {
        margin-top: 80px;
    }
    .solution-left-right {
        margin-top: 196px;
    }   
    .solution-left-text h1 {
        font-size: 35px;
        line-height: 40px;
    } 
    .studies h1 {
        font-size: 35px;
        line-height:40px;
    }  
    .service-text-wrap {
        max-width: 100%;
        margin: 3em auto;
    }  
    .Services h1 {
        font-size: 35px;
        line-height: 40px;
    } 
    .contact-form h1 {
        font-size: 35px;
        line-height: 40px;
    }  
    .contact-bg {
        width: 100%;
        min-height: 1060px;
    } 
    .serv li {
        flex: 0 0 33.3333%;
    }            
}

@media screen and (max-width: 768px){
    .service-text-wrap {
        max-width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        display: inline-block;
       
    }
    .about-bg {
        padding: 26px 0px 50px;
        min-height: initial !important;
    }
    .serv li {
        flex: 0 0 99.3333%;
    }
    .about-text-head p{
        width: initial;
    }
    #heroh2 {
        width: initial;
    }
    .header {
        height: 70px;
        line-height: 30px;
    }
    #heroh2 {
        color: #363636;
        font-size: 18px;
    }
    #heroh2 span {
        color: #41b2c8;
        font-size: 18px;
    }  
    .expert-img-text1 p {
        font-size: 18px;
    }      
    .service-text h3{
        line-height: 28px;
    }
    .expert-img-text1 {
        padding: 42px 15px 28px 15px;
    }
    .expert-img-text1 h1 {
        font-size: 30px;
        line-height: 35px;
    }    
    .expert-img-text1 h1 span {
        font-size: 30px;
    }    
    .Services p{
        margin-bottom: 30px;
        font-size: 18px;
    }
    .development-head p{
        font-size: 18px;
    }
    
    .about-text-head h1{
        padding-top: 50px;
    }
    .solution-left-text h1 {
        padding-right: 0px;
    }
    #heroh2{
        margin-bottom: 35px;
    }
    .translate_wrapper.active .more_lang{
        right: 10px;
    }
    .header{
        padding: 15px 0px;
        height: initial;
    }
    .Services {
        padding: 50px 0px;
    }
    .development-head p{
        margin-bottom: 0px;
    }
    #service_head_p{
        margin-bottom: 30px;
    }
    .Services p{
        margin-right: 0px;
    }
    .development-head{
        margin-bottom: 30px;
    }
    .service_mr_top{
        margin: 0px;
    }
    .service-text-box-img img {
        margin-bottom: 50px;
        margin-top: 30px;
    }
    .service-text-box-img {
        padding-left: 0px;
    }
    .Services h1 {
        font-size: 30px;
        line-height: 35px;
    }    
    .about-bg {
        height: initial;
        padding: 20px 0px 60px;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/Man-Splash-Glasses.jpg);
    }
    .solution-left-text {
        padding-right: 0px;
    }
    .about-text-head h1{
        margin-top: 15px;
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 12px;
    }
    .about-text-head p{
        margin-bottom: 22px;
        line-height: 24px;
    }
    .about-text-head p{
        font-size: 16px;
        line-height: 24px;
    }
    .about-btn {
        padding: 10px 18px 11px;
        font-size: 16px;
    }
    .expert-p{
        order: 1;
    }
    .expert-1{
        order: 0;
    }
    .expert-img-text {
        padding: 35px 15px 35px 15px;
    }
    .expert-img-text h1{
        font-size: 30px;
        line-height: 35px;
        max-width: 100%;
    }
    .expert-img-text h1 span{
        font-size: 30px;
    }
    .puzzal-img img{
        display: none;
    }
    .expert-img-text p{
        font-size: 16px;
    }
    .solution-left-text h1 {
        font-size: 30px;
        margin-top: 0px;
        line-height: 35px;
        margin-bottom: 30px;
    }
    .predictive-head h6 {
        font-size: 16px;
    }
    .predictive-head p {
        font-size: 18px;
    }
    .generative-head p {
        font-size: 18px;
        line-height: 24px;
    }
    .generative-head h6{
        font-size: 18px;
        line-height: 24px;
    }
    .generative-head p{
        margin-bottom: 10px;
    }
    .solution-btn{
        padding: 10px 18px 11px;
    }
    .solution-left-text p{
        font-size: 18px;
    }
    .generative-head h6 {
        margin-bottom: 20px;
    }
    .predictive-head h6{
        margin-bottom: 20px;
    }
    .solution {
        padding: 50px 0px 60px;
        position: relative;
    }
    .contact-bg{
        min-height: 915px;
    }
    .expertise1 {
        padding: 25px 0px;
    }
    .expertise2 {
        padding: 25px 0px;
    }
    .project-result ul {
        margin-bottom: 40px;
    }
    .expertise3 {
        padding: 25px 0px;
    }
    .predictive-head {
        margin-top: 30px;
    }
    .solution-left-text p {
        margin-bottom: 45px;
    }
    .solution-left-right {
        margin-top: 60px;
    }
    .case {
        padding: 30px 0px;
    }
    .studies h1 {
        font-size: 30px;
        line-height: 35px;
    }   
    .studies p{
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 24px;
    }
    .project-result li p {
        font-size: 18px;
        color: #363636;
        line-height: 24px;
        font-family: 'robotoregular';
    }
    .project-overview ul li p {
        font-size: 18px;
        line-height: 24px;
    }    
    .project-result-btn{
        padding: 10px 24px 11px;
    }
    .project-overview{
        padding: 20px 0px;
    }
    .contact-bg{
        padding: 50px 0px;
    }
    .contact-form h1 {
        font-size: 25px;
        line-height: 28px;
    }  
    .btn.send-btn{
        padding: 0px 6px;
        width: 130px;
    }  
}