@charset "utf-8";

/* CSS Document */
@media (min-width: 1500px) and (max-width: 1920px) {

    .awrd_highlite_section{width: 100%;}
    .client_inner img.client_logo{margin-top: 150px;}
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .circle_area {
        width: 270px;
        height: 270px;
    }
    .black{border: 28px solid #000000 !important;}
    .purple{border: 28px solid #7000b0 !important;}
    .green{border: 28px solid #00b0ab  !important;}
    .blue{border: 28px solid #0012ff  !important;}
    .single_circle_img {width: 80% !important; top:-10px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .second_slide.what_we_inner_content{
            padding-bottom: 38px !important;
    }
    /* contact page css */
    .hello_left_part .form-group .form-control#name,
    .hello_left_part .form-group .form-control#email,
    .hello_left_part .form-group .form-control#phone {
        width: 250px;
    }
    .hello_left_part .form-group .form-control#message {
        width: 510px;
    }
    .send_btn {
        width: 510px;
    }
    .get_main_title::after {
        right: 110px;
        top: 0;
    }
    .founder_img img {}
    .work_inner_part1 {
        margin: 0;
    }
    .work_img img {
        width: 50%;
    }
    .work_inner_wapper .work_contentarea {
        margin: 29px;
    }
    .service_contentarea {
        margin: 29px auto;
    }
    .service_div4,
    .service_div3,
    .service_div2,
    .service_div1,
    .service_content {
        margin: 0 5px;
    }
    .service_contentarea h2 {
        margin: 5px auto;
        font-size: 36px;
    }
    .service_contentarea ul {
        margin: 10px auto;
    }
    .circle_area {
        width: 235px;
        height: 235px;
    }
    .black{border: 18px solid #000000 !important;}
    .purple{border: 18px solid #7000b0 !important;}
    .green{border: 18px solid #00b0ab  !important;}
    .blue{border: 18px solid #0012ff  !important;}

}

@media (min-width: 1501px) and (max-width: 1600px) {
    .what_we_bg img {
        height:756px;
    }
    .awrd_slide1_bg {
        height: 1034px;
    }
    .awrd_highlite_section {
        margin-bottom: 200px
    }
    .single_circle_img{top: 45px; padding-bottom: 0;}
}

@media (min-width:768px) and (max-width: 1021) {
    /* service */
    .service_contentarea {
        margin-right: 0;
    }
    .service_div1,
    .service_div2,
    .service_div3,
    .service_div4 {
        margin-top: 10px;
    }
    .service_content {
        font-size: 18px;
    }
    .service_contentarea h2 {
        font-size: 40px;
        margin-bottom: 0;
    }
    .service_content {
        margin-bottom: 5px;
    }
    .service_contentarea {
        margin-right: 40px;
    }
   

}

@media (min-width: 1300px) and (max-width: 1500px) {
    /*.container{width: 980px;}*/
    .client_left_side_inner {
        margin: 50px auto 50px 98px;
    }
    .client_inner{
        /*padding: 55px 0;*/
        /*padding: 50px 0 35px 0;*/
        /*padding: 15px 0;*/
    }
    .right_part_inner{
        /*margin:33px 35px 0px 130px;*/
        margin:50px 35px 0px 80px;        
    }
    .what_we_bg img {
        height: 756px;
        /*height: 880px;*/
       
    }
    .what_we_inner_content{
        /*padding:99px 125px;*/
        padding:92px 125px;        
    }
    .awrd_slide1_bg{
        height: 880px;
         z-index: 99;
        position: absolute;
    }
    .company_exp1.company_exp{
        /*top:-400px;*/
        /*top:-200px; */
         z-index: 1;}
    p.we_content {
        margin: 0 !important;
        margin-right: 90px !important
    }
    .second_slide .we_content {
        margin-right: 0px !important;
    }
    /*.second_slide::after{left: 52%;}*/
    .second_slide::after{left: 48%;}    
    .second_slide.what_we_inner_content{
        padding-bottom: 116px !important;
        /*padding-bottom: 108px !important;*/

    }
    .awrd_highlite_section {
        bottom:0px;
        width: 100%;
    }
    .awrd_txtarea{margin-right: 138px;}
    .awrd_main_title{margin-bottom: 20px;}
    .awrd_highlite_section{padding: 23px 70px;     width: 100%;}
    .scroll_area_content {
        margin-top: 35px;
    }
    /* about us */
    .about_title h2 {
        margin: 0;
    }
    .about_sub_title {
        margin-bottom: 10px;
    }
    .about_left .about_txt_p,
    .last_p {
        margin-right: 40px;
    }
    .about_txt_p {
        margin-bottom: 5px;
    }
    .circle_area {
        /*width: 305px;*/
        /*height: 305px;*/
        height: 280px;
        width: 280px;
    }
    .approach_first_div{padding: 0 80px;}
    .contact_content{
        /*padding-left: 76px;*/
        /*padding-left:60px;*/

    }
    .getin_part_inner{
        /*padding-left: 30px;*/
    }
    .box_heading{width: 80%;}
    /*.about_img{margin-top: 15px;}*/
    .about_img img{height: 800px;}
    .Journal_inner{
        margin: 10px 15px 10px 0;
    }
    .real_impact{top:0px;}
    .thin_txt {
        font-size:49px;
    }
    .work_inner_part2{margin: 57px 136px 337px 36px;}
    .mobile_img{margin-left: -151px;}
    .text {
        top: 50px;
    }
    .text ul li {
        font-size: 16px;
    }
    .text h2 {
        /*font-size: 32px;*/
        margin-top: 21px;
    }
    .get_main_title p {
        /*margin-right: 120px;*/
        margin-right: 110px;

    }
    .mail_wapper .get_main_title::after {
        /*right: 110px;*/
        right:96px;

    }
    .lets_do {
        margin-left: 40px;
    }
    .work_inner_wapper .work_contentarea,
    .work_inner_part1 {
        /*margin: 29px;*/
    }
    .work_inner_wapper .work_contentarea{margin-right: 0;}
    .work_inner_part4 .work_contentarea .work_1 {
        margin-top: 0;
    }
    .work_img img {
        float: right;
        width: 60%;
        height: auto;
        margin-right: 100px;
    }
    .clients_wapper.web {
        margin-top: -25px;
    }
    .about_wapper{padding: 63px 0 71px 0px}
    .single_circle_img{width: 70%; padding-bottom:20px; top:0;}
    .approach_details{margin-top: 150px;}
    .top_area img{margin: 5px;}
    h1.scroll_title{margin-top: 33px; margin-left: 115px;}
    .what_we_inner_content .what_we_inner_class{width: 90%;}
}

@media (max-width: 1200px) {
    .client_inner img.client_logo, .client_inner img.client_logo1{
        width: 70% !important;
    }
    p.we_content {
        margin: 0 40px 0 0 !important;
    }
    h1.scroll_title {
        margin-left: 75px;
        font-size: 60px;
    }
    .slider-counter {
        bottom: -30px;
    }
    .scroll_area_content {
        width: 100%;
    }
    .case_studie {
        /*display: none;*/
    }
    .scroll_area_content {
        /*margin-top: 18px;*/
        margin-top: 28px;

    }
    .scroll_area_content p {
        font-size: 44px;
    }
    .what_we_bg img {
        /*width: 172px;*/
        height: 756px;
    }
    .scroll_area_content p {
        /*margin-top: -150px;*/
    }
    h1.scroll_title{
        margin-top: 30px;
    }
    .second_slide::after {
        left: 53%;
    }
    .what_we_inner_content{padding:50px 40px;}
    .what_we_inner_content.second_slide {
      padding:109px 0 65px 130px;
      padding-bottom:88px;
    }
    .client_left_side_inner {
        margin: 0 auto 154px 98px;
    }
    .awrd_main_title {
        margin-bottom: 20px;
    }
    .awrd_highlite_section {
        padding: 11px 80px;
        bottom: 99px;
    }
    h2.client_title{font-size: 49px;}
    /*.awrd_slide1_bg{height: 720px;}*/
    /*.left_part img{height: 700px;}*/
    .single_circle_img{width: 100%;}
    .Journal_inner{float: unset; margin:10px auto; padding-bottom: 5px;}
}

@media (min-width: 769px) and (max-width: 991px) {
    .get_in_touch,
    .form_bottom {
        padding-left: 40px;
        margin-left: 0;
        /*margin-left: 121px;*/
    }
    .get_title {
        margin-bottom: 30px;
        margin-left: 121px;
    }
    .lets_do h2 {
        padding-left: 40px;
        margin-bottom: 10px;
    }
    .overlay-content {
        top: 50px;
    }
    .get_main_title {
        display: none;
    }
    .form_wapper {
        padding-left: 40px;
    }
    .lets_do {
        /*padding-right: 0;*/
        margin-left: 121px;
        margin-top: 0px;
    }
    .form-group{margin-left: 10px;}
    .form_wapper .form-control#name,
    .form_wapper .form-control#email,
    .form_wapper .form-control#phone {
        width: 160px;
    }
    .form_wapper .form-control#message,
    .sub_btn {
        width: 340px;
        /*width: 100%;*/
height: 58px;
    }
.form_wapper .form-group span.wpcf7-form-control-wrap.textarea-221::after{width: 90%;}


    .second_slide .we_content{margin: 0 57px 0 0;}
    .awrd_highlite_section h2{width: 80%;}
    .client_inner img.client_logo, .client_inner img.client_logo1{height: 60px;}
    .what_we_inner_content .what_we_inner_class .dwnld_area h2.dwnld_txt{margin-bottom: 35px;}
    .what_we_inner_content .what_we_inner_class ul,
    .what_we_inner_content .what_we_inner_class .dwnld_area h2.dwnld_txt{margin-left: 0px;}
    .we_content p{font-size: 13px;}
    .what_we_inner_content.second_slide{padding-bottom: 67px;}
    .scroll_area_content p{margin-left: 55px;}
    .scroll_area_content p{font-size: 40px !important; margin-top: 10px;}
    .what_we_bg img{width: 100% !important; }
    /*.what_we_inner_content{padding: 50px 70px !important;}*/
    .what_we_inner_content.second_slide{padding:84px 0 65px 130px;}
    .journal_inner_p{margin-right: 0px !important}
    .right_part_inner{margin:10px !important;}
    .left_part img.awrd_slide1_bg{height: 700px; }
    .clients_wapper .owl-carousel .owl-nav{top:30% !important;}
    /*.awrd_highlite_section{bottom: 520px;}*/
    .scroll_wapper {
        width: auto;
    }
    .top_footer {
        padding: 0 69px;
    }
    .social.web {
        display: none !important;
    }
    .top_space {
        padding-top: 80px;
    }
    .title_top_footer {
        margin-top: 38px;
    }
    .clients_title p {
        margin-bottom: 0px !important;
    }
    .founder_wapper {
        margin: 69px auto;
    }
    .counter_wapper {
        padding: 0 29px;
    }
    .work_inner_wapper .work_contentarea {
        margin: 29px;
    }
    .work_contentarea h2,
    .work_inner_part1 {
        margin: 29px auto;
    }
    .work_contentarea p.thin_txt {
        margin-bottom: 29px;
        line-height: 35px;
    }
    .work_img {
        width: 70%;
    }
    .work_inner_part4 .work_contentarea .work_1,
    .work_inner_part2,
    .work_inner_part1 {
        margin: 0;
    }
     .circle_area{width:180px; height: 180px; }
    .black{border: 18px solid #000000 !important;}
    .purple{border: 18px solid #7000b0 !important;}
    .green{border: 18px solid #00b0ab  !important;}
    .blue{border: 18px solid #0012ff  !important;}
}

@media (max-width: 768px) {
    .Journal_inner{height: auto;}
    .Journal_div_wapper{margin: 0;}    
    /*.row_class{margin: 0 10px 0 0;}*/
    /*.Journal_div_wapper .item .row div[class*=col-]{width: 100%;}*/
    /*.scroll_area_content{margin-top: 200px;}*/
    .navbar-header{float: unset;}
    .navbar-default .navbar-toggle{display: inline-block;}
    #myNav1 .navbar-nav li{float: left; width: 100%;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{overflow: hidden !important;}
    .contact_content p{font-size: 46px;}
    .what_we_inner_content .what_we_inner_class .dwnld_area{margin-top: 70px;}
    
    .container {
        /*width: 590px;*/
    }
    /*.Journal_inner{float: left; width: 90%; margin:0 20px;}*/
    .what_we_inner_content .what_we_inner_class .dwnld_area h2.dwnld_txt{margin-left: 0px;}
    .Journalimg_class{/*float: left;*/ width: 100%;}
    .port_img{width:100%; display: inline-block; /*padding-bottom: 10px;*/}
    .Journal_content h2{text-align: left; font-size: 24px; margin-bottom: 0; letter-spacing: -1px; margin-top: 0;}
    /* navbar */
    .nav>li:last-child {
        position: fixed;
        display: none;
    }
    .navbar-nav {
        z-index: 99999999999;
        width: 100%;
        top: -10px;
    }
    #myNav1 .overlay {
        background-color: rgb(0, 0, 0) !important;
    }
    #myNav1 .overlay-content {
        margin-top: 20px;
    }
    #myNav1 .navbar-nav li {
        margin-bottom: 20px;
    }
    #myNav1 .navbar-nav li a {
        font-size: 30.8px;
        color: #ffffff;
    }
    #myNav1 .navbar-nav li a:hover {
        color: #ffffff;
    }
    .navbar-collapse {
        padding: 0;
        box-shadow: none;
        margin: 0;
        padding-left: 62px;
        text-align: left;
    }
    .nav>li>a:hover,
    .nav>li>a:focus {
        background-color: transparent;
    }
    #myNav1 .footer_right_slide .social ul {
        text-align: left;
        /*padding-left: 62px;*/
        padding-left: 92px;        
        margin-top: 78px;
        margin-bottom: 30px;
    }
    #myNav1 .form_bottom {
        text-align: left;
        /*padding-left: 82px;*/
        padding-left:92px;
        margin-top: 20px;
    }
    .navbar-toggle {
        margin: 20px 10px !important;
        padding-right: 10px;
    }
    .navbar-default .navbar-toggle i {
        font-size: 24px;
        color: #ffffff;
        display: block;
        margin-top: -5px !important;
    }
    .mail_wapper .get_title h2{font-size: 12px;}
    /* Main Header */
    .navbar-brand>img {
        display: inline-block;
        width: 100%;
        height: 73px;
    }
    /* Main Footer */
    .footer_left_slide .cpy {
        margin-right: 0;
        width: 50%;
    }
    .footer_left_slide .cpy, .footer_left_slide .cnt_no{float: left; width: auto;}  
    .cnt_no p{float: left; width: auto; font-size: 13px; }

    .social.ipad {
        display: block !important;
        text-align: left;
        margin-top: 15px;
    }
    .social.web {
        display: none !important;
    }
    .hide_footer {
        display: none;
    }
    .top_footer {
        padding-bottom: 50px;
    }
    .top_footer .btn_area a {
        font-size: 15px;
    }
    .top_footer .lft_title_top_footer p {
        font-size: 28px;
    }
    .top_footer .lft_title_top_footer {
        margin-top: 0;
    }
    .get_in_touch,
    .form_bottom {
        /*padding-left: 40px;*/
        /*margin-left: 0;*/
        margin-left: 10px;
        /*margin-left: 121px;*/
    }
    .get_title {
        margin-bottom: 30px;
        margin-left: 121px;
    }
    .lets_do h2 {
        /*padding-left: 40px;*/
        margin-bottom: 10px;
    }
    .overlay-content {
        top: 50px;
    }
    .get_main_title {
        display: none;
    }
    .form_wapper {
        /*padding-left: 40px;*/
        margin-left: 0px;
    }
    .lets_do {
        /*padding-right: 0;*/
        margin-left: 121px;
        margin-top: 0px;
    }
    .form-group{margin-left: 10px;}
    .form_wapper .form-control#name,
    .form_wapper .form-control#email,
    .form_wapper .form-control#phone {
        width: 160px;
    }
    .form_wapper .form-control#message,
    .sub_btn {
        width: 340px;
        /*width: 100%;*/
        height: 58px;
    }
    /*=============== home page css start=============== */
    /* banner and scroll */
    .carousel-caption_top {
        left: 28px !important;
        right: unset;
    }
    .owl-carousel .owl-item img.ipad {
        display: block !important;
    }
    .owl-carousel .owl-item img.iphone-x,
    .owl-carousel .owl-item img.web {
        display: none !important;
    }
    .slider-counter {
        width: 90%;
        bottom: -43px;
        /*height: 154px;*/
    }
    .slide_bar {
        width: 40%;
        float: right;
    }
    .slide_txt h2 {
        font-size: 12px;
    }
    .case_studie p {
      color: #fff;
      z-index: 99;
      /*bottom: -15px;*/
      bottom: -36px;
      /*right: 15px;*/
      right: 0;
      width: 240px;
      max-width: 300px;
    }
    .case_studie p a{
        color:#fff !important;
    }

    h1.scroll_title {
        font-size: 31px;
        /*margin-top: 50px;*/
        margin-top: 70px;

        /*width: 12%;*/
        margin-left: 100px;
        letter-spacing: -1px;
    }
    .scroll_area_content p {
        font-size: 30px;
        /*margin-top: -150px;*/
        margin-top: 40px;
        /*width: 60%;*/
        float: right;
    }
    /* what we do */
    .what_we_bg {
        display: none;
    }
    .what_we_ipad.owl-carousel .owl-nav {       
         height: 104px;
        width: 50px;
        bottom: 0;
        right: -65px;
        top: unset;
        position: absolute;
        background-color: inherit;

    }
    .what_we_inner_content {
        padding: 0 50px !important;
    }
    .what_we_ipad.owl-carousel .owl-nav button.owl-prev {
        display: block;
        position: absolute;
        right: 0;
        font-size: 40px;
        background-color: #000;
        width: 50px;
        height: 54px;
        color: #fff;
        top:23px;
    }
    .what_we_ipad.owl-carousel .owl-nav button.owl-next{
        display: block;
        position: absolute;
        left: 0;
        font-size: 40px;
        transform: none;
        width: 50px;
        height: 54px;
        top:50px;
        color: #000;
        background-color: #ffd500
    }
    .clients_main_title h2, .founder_title h2{font-size: 52px;}
    .counter_ul li span{font-size: 39px;}
    .what_we_ipad.owl-carousel .owl-nav .owl-prev {
        /*display: none !important;*/
         display: block;
        bottom: 54px;
        left: 25px;
        background-color: #000 ;
        color: #000;
        height: 54px;
        width: 50px;
    }
    .what_we_ipad.owl-carousel .owl-nav .owl-prev {
        display: block;
        position: absolute;
        right: 0;
        font-size: 70px;
        background-color: #000000;
        color: #ffffff;
        width: 49px;
        height: 75px;
        bottom: 100px;
        right: -140px;
        margin-right: -145px;
    }
    .what_we_ipad.owl-carousel .owl-nav .owl-next {
       
    }
    .main_head {
        margin:40px auto;
        font-size:12px;
    }
    .bold_txt {
        font-size:68px;
        margin-bottom: 39px;
    }
    .what_we_inner_content .what_we_inner_class {
        height: auto;
    }
    .we_title {
        margin: 28px 0 18px 0;
        font-size:24px;
    }
    .we_content {
        margin: 0;
        font-size: 18px;
    }
    .what_we_wapper.ipad {
        display: block !important;
        padding-bottom: 20px;
    }
    .what_we_wapper.web {
        display: none !important;
    }
    .second_slide {
        padding-left: 15px;
    }
    .second_slide .we_content {
        margin: 0;
    }
    .second_slide::after {
        display: none;
    }
    .what_we_inner_content .what_we_inner_class ul {
        margin: 30px auto;
    }
    .what_we_inner_class ul li {
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 2px;
        line-height: 20px;
    }
    .real_impact {
        display: none;
    }
    /* awrd wapper */
    .clients_wapper.ipad {
        display: block !important;
    }
    .clients_wapper.web {
        display: none !important;
    }
    h2.client_title {
        font-size: 64px;
    }
    .awrd_txtarea {
        margin-right: 127px;
    }
    .client_inner {
        width: 30%;
        margin: 0 auto;
    }
    .client_inner img.client_logo1 {
        margin: 2px auto;
        width: 100px !important;
        height: 60px;
    }
    .client_left_side_inner {
        margin: 50px !important;
    }
    /* =============== work page css css start =============== */
    .work_content,
    .contact_content {
        margin: 55px auto;
        /*padding: 0 40px;*/
        padding: 0px !important;
    }
    .work_content h2 {
        font-size:25.2px;
        margin-bottom: 20px;
    }
    .work_content p{font-size: 16px;}
    .text ul li{font-size: 16px;}
    .text h2{font-size: 29px;}
    /* =============== work inner page css css start =============== */
    .service_firstpart .ipad,
    .work_inner .ipad {
        display: none;
    }
    .work_inner_wapper .work_contentarea {
        margin: 29px;
    }
    .work_inner .ipad.btn_area {
        display: block;
        display: inline-block;
        background-color: #ffd500;
        padding: 23px;
        padding: 15px;
        /*height: 58px;*/
        width: 170px;
        text-align: center;
        font-size: 11.2px;
    }
    .work_contentarea h2{
        font-size: 48.3px;
    }
    .work_contentarea p.thin_txt {
        margin: 29px auto;
        font-size: 28px;
    }
    .work_inner_content {
        font-size: 14px;
    }
    .work_contentarea ul li {
        margin-right: 5px;
        font-size: 10px;
    }
    /* =============== about page  css start =============== */
    .about_wapper{
        margin: 0  !important; 
        float: left;
         width: 100%; 
         padding:0px;
     }
    .about_title h2 {
        font-size: 60px;
        margin: 0;
        margin-top: 5px;
    }
    .about_img_ipad img{
        /*width: 264px;*/
        height: auto;
        width: 768px;
        /*margin-left: -90px;*/
        margin-left: -9px;

    }
    .image_wapper{top:60px; left: -80px;}    

    .about_sub_title p {
        font-size: 52px;
        margin: 8px auto;
    }
    .last_p {
        margin-bottom: 10px !important;
    }
    .clients_main_title {
        margin: 0;
        font-size: 48px;
    }

    .clients_div_wapper.web,
    .about_wapper .ipad {
        display: none;
    }
    .clients_div_wapper.ipad {
        display: block;
        margin-bottom: 20px;
    }
    .clients_div_wapper {
        text-align: center;
        padding: 29px;
    }
    .clients_div_wapper.owl-carousel .owl-nav button.owl-prev,
    .clients_div_wapper .owl-carousel .owl-nav button.owl-next,
    #service_firstpart .owl-carousel .owl-nav button.owl-prev,
    #service_firstpart .owl-carousel .owl-nav button.owl-next {
        display: block;
    }
    .clients_div_wapper .owl-carousel .owl-nav {
        width: 100%;
        height: 100%;
        top: -190px;
        left: unset;
        right: unset;
        display: block;
        position: relative;
    }
    .clients_div_wapper .owl-carousel .owl-nav .owl-prev {
        left: -17px;
        display: block;
        right: unset;
        width: 24px;
        top: 0;
        font-size: 30px;
        position: absolute;
        background-color: #ffd500;
    }
    .clients_div_wapper .owl-carousel .owl-nav .owl-next {
        right: -41px;
        display: block;
        left: unset;
        width: 24px;
        top: 0;
        font-size: 30px;
        background-color: #ffd500;
    }
    .clients_title p {
        font-size: 29px;
        margin-bottom: 0;
    }
    /*.client_inner_div{margin: 0 100px;}*/
    .image_wapper p,
    .image_wapper_founder p {
        /*font-size: 42px;*/
        font-size: 97px;
        line-height: 97px;
    }
    .founder_wapper {
        text-align: center;
        margin: 0 auto 30px auto;
    }
    .founder_title {
        margin: 29px auto;
    }
    .founder_title h2 {
        /*font-size: 42.7px;*/
    }
    p.about_txt_p {
        font-size: 21px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .image_wapper_founder span {
        font-size: 18px;
    }
    .image_wapper_founder {
        text-align: left;
        bottom: 13px;
        left: -80px;
    }
    .founder_img img {
        margin: 29px auto;
        width: 768px;
        margin-left: -89px;
        /*height: 255px;*/
    }
    ul.counter_ul li {
        width: 32% !important;
        /*width: auto !important;*/
        margin-bottom: 26px;
    }
    .counter_wapper{padding: 0;}
    .counter_ul li:last-child {
        margin-bottom: 0px;
    }
    .counter_ul li p {
        font-size: 14px;
    }
    .counter_ul li span {
        font-size: 27px;
    }
    .about_img_ipad{display: block;}
    .about_img_ipad.about_img{margin-top: 27px;}

    .about_img.ipad img{margin-top: 0px;}
    /* =============== service page  css start =============== */
    #service_firstpart.web {
        display: none;
    }
    #service_firstpart.ipad {
        display: block;
    }
    .service_div1,
    .service_div2,
    .service_div3,
    .service_div4 {
        margin: 0 29px;
    }
    #service_firstpart .owl-carousel .owl-nav {
        width: 100%;
        height: 100%;
        /*top: -330px;*/
        top:-550px;
        left: unset;
        right: unset;
        display: block;
        position: relative;
    }
    #service_firstpart .owl-carousel .owl-nav .owl-prev {
        left: -3px;
        display: block;
        right: unset;
        width: 34px;
        top: 0;
        font-size: 30px;
        position: absolute;
        background-color: #ffd500;
    }
    #service_firstpart .owl-carousel .owl-nav .owl-next {
        right: -37px;
        display: block;
        left: unset;
        width: 34px;
        top: 0;
        font-size: 30px;
        background-color: #ffd500;
    }
    .service_contentarea h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .service_content {
        font-size: 12.6px;
        margin-bottom: 6px;
        margin-right: 0;
    }
    .service_contentarea ul li {
        margin-right: 5px;
        font-size: 10px;
    }
    .service_img img{padding: 20px;}
    h2.exp_title {
        margin: 20px auto;
        font-size: 30px;
    }
    .Expertise_inner,
    .second_wapper {
        margin: 0 20px;
    }
    .expertise_innerpart {
        margin: 29px auto;
    }
    .exp_content {
        font-size: 18px;
        margin-right: 0
    }
    /*.exp_icone img {
        width: 60px;
        height: 60px;
    }*/
    /* =============== about us page css start =============== */
    /* =============== journal page  css start =============== */
    a h2.Journal_name {
        margin-top: 12px;
        margin-bottom: 4px;
    }
    .Journal_p {
        margin-bottom: 7px;
    }
    .general_btn {
        /*width: 77px;*/
        font-size: 7px;
        padding: 8px 23px;
        margin-bottom: 18px
    }
    .pagination a img {
        width: 12px;
        height: 15px;
    }
    .pagination a {
        font-size: 13px;
        padding-left: 0;
    }
    .txt_next,
    .txt_prev {
        margin: 0;
        letter-spacing: 1px;
    }
    /* =============== journal inner css start =============== */
    .Journal_wapper {
        margin: 25px auto;
    }
    .Journal_content img {
        margin: 0;
    }
    .Journal_content .Journal_wapper_txt p {
        font-size: 16px;
    }
    .top_area img {
        margin: 5px;
    }
    .journal_heading {
        font-size: 30px;
        margin-bottom: 55px;
    }
    .thin_txt {
        font-size: 28px;
        margin-bottom: 40px;
    }
    .journal_inner_p {
        font-size: 16px;
        margin-bottom: 40px;
        margin-right: 0;
    }
    .blockquote_area blockquote p,
    blockquote {
        margin: 0;
        font-size: 22px;
    }
    .social ul li a i {
        width: 20px;
        height: 20px;
        font-size: 20px;
    }
    /* =============== approach css start =============== */
    .ipad .approach_first_div {
        display: block;
    }
    .web .approach_first_div {
        display: none;
    }
    .approach_details {
        margin-left: 29px;
        margin-right: auto;
        margin-top: 0;
    }
    .approach_title h2,
    .approach_sub_heading {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .approach_title p {
        font-size: 14px;
    }
    .approach_listing {
        margin-top: -110px;
    }
   /* .circle_area {
        width: 280px;
        height: 280px
    }*/
    .circle_inner{font-size: 15.4px;}
    .approach_first_div .owl-carousel .owl-nav {
        width: 100%;
        height: 100%;
        top: -330px;
        left: unset;
        right: unset;
        display: block;
        position: relative;
    }
    .approach_first_div .owl-carousel .owl-nav .owl-prev {
        left: -3px;
        display: block;
        right: unset;
        width: 34px;
        height: 54px;
        top: 0;
        font-size: 30px;
        position: absolute;
        background-color: #ffd500;
    }
    .approach_first_div .owl-carousel .owl-nav .owl-next {
        right: -37px;
        display: block;
        left: unset;
        width: 34px;
        height: 54px;
        top: 0;
        font-size: 30px;
        background-color: #ffd500;
    }
    .approach_name {
        font-size: 48px;
        margin-bottom: 10px;
        letter-spacing: -1px;
    }
    .approach_content {
        margin-bottom: 0;
        font-size: 14px;
    }
    .single_circle_img {
        /*top: -10px;*/
        width: 100%;
    }
    .approach_details ul {
        margin-bottom: 10px;
    }
    /* =============== contact page  css start =============== */
    .get_in_table,
    .contact_leave_title {
        display: none;
    }
    table.left_table {
        display: block;
        width: 100%;
        float: left;
    }
    table.left_table tbody {
        width: 100%;
        float: left;
        vertical-align: inherit;
        display: grid;
    }
    table.left_table tr th {
        float: left;
        width: 33%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        display: inline-block;
    }
    .blank_spacs {
        height: 50px;
    }
    .getin_part_inner {
        padding-left: 0;
    }
    .In_title {
        font-size: 24px; margin-bottom:32px;
    }
    .first_div p,
    .first_div ul li {
        font-size: 14px;
    }
    .hello_wapper {
        padding: 0 40px;
    }
    .get_main_title p {
        margin-right: 0;
    }
    .hello_left_part .form-group .form-control#name,
    .hello_left_part .form-group .form-control#email,
    .hello_left_part .form-group .form-control#phone {
        width: 50%;
    }
    /*.hello_left_part .form-group .form-control#message {
        width: 100%;
    }*/
    .form_wapper .form-group span.wpcf7-form-control-wrap.textarea-221::after{
        /*width: 90%;*/
        /*width: 340px;*/
    }
    .hello_left_part .form_wapper .wpcf7-form-control-wrap textarea.wpcf7-form-control {
        /*width: 90%;*/
        width: 340px;
    }
    .hello_left_part {
        margin-top: 0;
        margin-left: 0;
    }
    .send_btn {
        width: 100%;
        height: 58px;
        margin-bottom: 44px;
    }
    .top_space {
        padding-top: 29px;
    }
    h2.journal_heading{margin-bottom: 40px;}
    .blockquote_area blockquote p::before {
        /*margin-top: -18px;*/
        margin-top: -25px;
    }
    .share_area .social ul{margin: 30px auto}
     
}

@media (max-width:480px) {
      p.content_p{margin-right: 40%;}
      .row .first_wapper .col-xs-2.swapright{float: right;}
      .row .first_wapper .col-xs-2.swapright img{transform: rotate(0deg) !important; -webkit-transform:rotate(0deg) !important;}

     }

@media (min-width:421px) and (max-width:767px){
    h1.scroll_title{width: 25%;}
    .scroll_area_content p{margin-top: -150px; width: 50%;}
    #myProgress{margin: 10px auto;}
    #myNav1 .form_bottom,
    #myNav1 .footer_right_slide .social ul{padding-left: 15%;}
    .form_wapper .wpcf7-form-control-wrap textarea.wpcf7-form-control,
    .form_wapper .form-group span.wpcf7-form-control-wrap.textarea-221::after,
    .sub_btn{
        width: 250px;
    }
    .row .first_wapper .col-xs-2.swapright{float: right;}
    .row .first_wapper .col-xs-2.swapright img{transform: rotate(0deg) !important; -webkit-transform:rotate(0deg) !important;}
    ul.counter_ul li{width: 100% !important;}
    .founder_wapper .about_txt_p,
    .about_left .about_txt_p{margin: 0  15px;}
    .about_sub_title p{font-size: 30px;}
    .image_wapper p{font-size: 48px; line-height: 58px;}
    .image_wapper_founder, .image_wapper{left: 0px;}
    .image_wapper_founder p{font-size: 48px;  line-height:48px;}
    .about_title h2{font-size: 30px;}
    .about_sub_title p, .about_title h2{padding-left: 15px;}
    .about_img_ipad img,
    .founder_img img {height: auto;}
    .cpy p{margin-left: 20px;}

}

/* iPhone X */
@media (max-width: 375px) {
    .row .first_wapper .col-xs-2.swapright{float: right;}
    .row .first_wapper .col-xs-2.swapright img{transform: rotate(0deg) !important; -webkit-transform:rotate(0deg) !important;}
    #myNav1 .footer_right_slide .social ul,
    #myNav1 .form_bottom{
        padding-left: 70px;
    }
    .container {
        width: auto;/*357px;*/
        /*padding:0px;*/
        margin: 0px 10px 0px 10px;
    }
    .Journal_innerwapper .Journal_content {
        padding:0px;
    }
    /* =============== work page css css start =============== */
    /*banner*/
    .owl-carousel .owl-item img.web,
    .owl-carousel .owl-item img.ipad {
        display: none !important;
    }
    .owl-carousel .owl-item img.iphone-x {
        display: block !important;
    }
    .slider-counter {
        display: none;
    }  
    .banner.owl-carousel .owl-nav {
        height: 104px;
        width: 50px;
        bottom: 54px;
        left: 0;
        top: unset;
        position: absolute;
        background-color: inherit;
    }
    .banner.owl-carousel .owl-nav button.owl-prev {
        display: block;
        position: absolute;
        right: 0;
        font-size: 40px;
        background-color: #000;
        width: 50px;
        height: 54px;
        color: #fff;
        top:23px;
    }
    .banner.owl-carousel .owl-nav button.owl-next{
        display: block;
        position: absolute;
        left: 0;
        font-size: 40px;
        transform: none;
        width: 50px;
        height: 54px;
        top:50px;
        color: #000;
        background-color: #ffd500
    }
    .banner.owl-carousel .owl-nav .owl-prev {
        display: block;
        bottom: 54px;
        left: 25px;
        background-color: #000 ;
        color: #000;
        height: 54px;
        width: 50px;
    }
    .carousel-caption {
        top: 0px;
        right: 0;
        left: unset;
        width: 50px;
        height: 54px;
        padding: 12px 0;
    }
    .carousel-caption h3 {
        font-size: 23px;
        margin: 5px auto;
    }
    .carousel-caption_top {
        background-color: #000000;
        color: #ffffff;
        left: 0 !important;
        bottom: 0 !important;
        right: unset;
        top: unset;
        padding-left: 20px;
        width: 100%;
        height: 54px;
    }
    .carousel-caption_top .banner_ul {
        text-align: left;
    }
    .carousel-caption_top .banner_ul li {
        font-size:8px;
    }
    .carousel-caption_top h3 {
        font-size: 18px;
    }
    .Journal_content{padding: 0; margin-left: 0;}
    .Journal_innerwapper .Journal_content{padding: 0 20px;}
    .Journal_content h2{text-align:center; margin: 0; padding: 0;}
    /*scroll*/
    .section_wapper.web {
        display: none !important;
    }
    .section_wapper.iphone-x {
        display: block !important;
    }
    .scroll_wapper {
        float: left;
        width: 30%;
        margin: 10px auto;
        padding-left: 10px;
    }
    .scroll_area_content {
        float: left;
        width: 70%;
        margin: 13px auto;
    }
    h1.scroll_title {
        font-size: 32px;
        margin: 0;
        width: 100%;
    }
    .scroll_area_content p {
        font-size: 22px;
        margin: 0;
        width: 100%
    }
   
    /* what we do */
    p.we_content{font-size: 12.6px; margin-right: 0 !important;}
    .what_we_inner_content {
        padding: 43px 29px;
    }
    .real_impact {
        display: none;
    }
    .client_left_side_inner {
        margin: 42px;
    }
    .clients_main_title h2{margin-left: -40px;}
    h2.client_title {
        font-size: 48px;
    }
    .awrd_txtarea {
        margin: 0;
    }
    .client_inner {
        width: 25%;
    }
    .top_footer .btn_area {
        width: 179px;
        height: 58px;
    }
    .top_footer .btn_area a {
        font-size: 10px;
    }
    .bottom_footer {
        padding: 30px 0;
    }
    .footer_left_slide .cpy {
        width: 100%;
        font-size: 17px;
    }
    .footer_left_slide .cnt_no,
    .dwnld_area {
        display: none;
    }
    .content_p {
        font-size: 18px;
    }
    .client_inner {
        width: 50%;
        float: left;
    }
    .client_inner img.client_logo1 {
        /*width: auto !important;*/
        height: 50px;
    }
    .top_footer .lft_title_top_footer {
        margin: 0;
    }
    .top_footer .lft_title_top_footer p {
        font-size: 28px;
    }
    /* =============== work page  css start =============== */
    /*.work_content{margin: 100px auto; padding: 0 72px;}*/
    .overlay_img .text {
        top: 20px;
        left: -20px;
    }
    .text ul li {
        margin-right: 10px;
        font-size: 10px;
    }
    .text h2 {
        font-size: 30px;
        margin-top: 10px;
    }
    /* =============== service page  css start =============== */
  
    /* =============== about us page css start =============== */
    /* =============== journal page  css start =============== */
    /* =============== journal inner css start =============== */
    /* =============== journal page  css start =============== */
    /* =============== Approch css start =============== */
    .approach_title{margin: 38px auto;}
    .approach_title h2, .work_content h2{font-size: 24px;}
    .approach_title p{font-size: 18px; margin: 0}
    .work_content p{font-size: 18px;}
    .approach_listing ul li{font-size:12px;}
    .approach_first_div .owl-carousel .owl-nav{top: -270px;}
    .approach_name{font-size: 22px;}  
    .service_contentarea h2{font-size: 41px;}
    .approach_sub_heading{font-size: 24px;}
    h2.journal_heading, .thin_txt{margin-bottom: 20px; font-size: 24px; letter-spacing:0px;}
    .top_area label{padding: 6px 0 0 6px;}
    p.approach_content, .service_contentarea ul, .exp_content{font-size: 18px;}
    .service_content{font-size: 18px;}
    .circle_area{width: 280px; height: 280px;}
    /*.clients_div_wapper.owl-carousel .owl-nav button.owl-prev, .clients_div_wapper .owl-carousel .owl-nav button.owl-next, */
    #service_firstpart .owl-carousel .owl-nav button.owl-prev, #service_firstpart .owl-carousel .owl-nav button.owl-next{top:-210px;}
    .approach_details ul li{font-size:12px; margin: 10px 5px;}
    .Expertise_title h2{font-size: 27px; margin-bottom: 68px; margin-top: 68px;}
    .Expertise_inner, .second_wapper {margin: 0 20px;}
    h2.exp_title{font-size: 41px;}
    .work_contentarea h2{font-size: 32px; margin-bottom: 0px;}
    .work_contentarea p.thin_txt{font-size: 18px; line-height: 25px;}
    .journal_inner_p{margin-bottom: 20px; }
    .blockquote_area blockquote p::before {margin-top: -28px;}
    .share_area .social ul{margin: 30px auto}
    .left_side_portion h2, .right_side_portion h2{font-size: 16px;}
    /* =============== contact page  css start =============== */
    .contact_content h2{font-size:68px; letter-spacing: -2px; }
    .contact_content p {display: none;    }
    table.left_table tr th{text-align: left; width: 100%; padding-left: 25px;}
    .left_table.iphone-x{display: block;}
    table.left_table{display: none;}
    table.left_table tr{margin-bottom: 30px;}
    .first_div ul{margin-bottom: 30px;}
    /*.hello_left_part .form-group .form-control#name, .hello_left_part .form-group .form-control#email, .hello_left_part .form-group .form-control#phone{width: 242px;}*/
    .hello_left_part .form_wapper .wpcf7-form-control-wrap .wpcf7-form-control, .form_wapper .wpcf7-form-control-wrap .wpcf7-form-control, .form_wapper .wpcf7-form-control-wrap .wpcf7-form-control
    {width: 242px !important;}
     .form_wapper .wpcf7-form-control-wrap.textarea-221, .form_wapper .wpcf7-form-control-wrap.textarea-221::after, .form_wapper .form-control#message, .sub_btn{width:242px !important;}
    .contact_hello.iphone-x{display:block; margin: 10px auto; font-size: 68px; font-family: 'FuturaPT-Bold'; margin-left: -25px;}
    .form_wapper{padding: 0;}
    p.content_p{margin-right: 90px;}
    .lets_do, .get_title{margin-left: 40px;}
    .get_in_touch, .form_bottom, .lets_do h2{
        /*padding-left:10px;*/
        font-size: 16px;
    }
    .getin_wapper{padding-top: 40px; padding-bottom: 20px;}
    .form_wapper .form-control#name, .form_wapper .form-control#email, .form_wapper .form-control#phone{width: 120px;}
    .cpy p{text-align: center;}
    /*.about_img_ipad img{margin-top: -26px; width: auto; height: auto;}*/
    .clients_title p{font-size: 20px;}
    p.about_txt_p{margin-top: 40px; padding: 0; font-size: 18px; /*margin-right: 15px !important;*/}
    .founder_wapper .about_txt_p{margin-right: 0px;}
    .client_inner_div .about_txt_p{padding: 0}
    .clients_div_wapper .owl-carousel .owl-nav{top:-280px;}
    ul.counter_ul li{width: 100% !important;}
    .about_wapper{margin: 0 20px !important; padding: 15px !important;}
    /*p.about_txt_p{padding-right: 190px;}*/
   .image_wapper_founder{bottom: 24px; left: -5px;}
    .about_img_ipad img{
        width: 375px;
        margin-left: -45px;
        height: 580px;
    }
    .Journal_div_wapper{margin: 0px;}
    .founder_img img{width: 375px; margin-left: -10px;}
    .image_wapper p{font-size: 48px; line-height: 58px;}
    .image_wapper_founder p{font-size: 48px;  line-height:48px;}
    .image_wapper{top:20px; left: -30px;}    
    .about_title h2{font-size: 30px;}
    .about_sub_title p{font-size: 32px;}
    .clients_main_title h2, .founder_title h2{font-size:30px;}


}

@media (min-width: 376px) and (max-width:420px) {
     ul.counter_ul li{width: 100% !important;}
    .founder_wapper .about_txt_p,
    .about_left .about_txt_p{margin: 0  15px;}
    .about_sub_title p{font-size: 30px;}
    .image_wapper p{font-size: 48px; line-height: 58px;}
    .image_wapper_founder, .image_wapper{left: 0px;}
    .image_wapper_founder p{font-size: 48px;  line-height:48px;}
    .about_title h2{font-size: 30px;}
    .about_sub_title p, .about_title h2{padding-left: 15px;}
    .founder_img img {height: auto;}
    .about_img_ipad img{height: 580px; margin-left: 0px; width: 529px;}
    #myNav1 .footer_right_slide .social ul,
    #myNav1 .form_bottom{padding-left: 15%;}
    .lets_do,
    .get_title{margin-left: 15%;}
    .form_wapper .wpcf7-form-control-wrap textarea.wpcf7-form-control,
    .form_wapper .form-group span.wpcf7-form-control-wrap.textarea-221::after,
    .sub_btn{
        width: 250px;
    }
    .form_bottom h2{max-width: 90%;}
    .cpy p{margin-left: 20px;}
    
    .owl-carousel .owl-nav {
        width: 59px;
    }
    .slider-counter {
        width: 84%;
        max-width: 500px;
        height: 108px;
        bottom: -44px;
    }
    .slide_bar {
        width: 70%;
        float: left;
    }
    .onus_txt {
        width: auto;
        float: left;
    }
    .case_studie {
        width: 70%;
        float: left;
    }
    .case_studie p {
        text-align: right;
        right: 10px;
        bottom: -36px;
        display: none;
    }
    h1.scroll_title {
        margin-left: 65px;
        width: 25%;
    }
    .what_we_inner_content {
        padding: 0px 50px;
    }
    .client_left_side_inner {
        margin: 50px;
    }
    .awrd_txtarea {
        margin-right: 0;
    }
    .client_inner img.client_logo1 {
        width: 90px !important;
        height: 50px;
    }
    .scroll_area_content {
        width: 100%;
    }
    .scroll_area_content p {
        /*margin-top: -165px;*/
        margin-top: -135px;
        font-size: 22px;
        width: 60%;
        margin-left: 0;
    }
    .footer_left_slide .cpy, .footer_left_slide .cnt_no{float: left; width: 100%;}
    .cnt_no img{margin-right: 0;}
}